proposal ini adalah “Perancangan Website

advertisement
PERENCANAAN PEMBANGUNAN
WEBSITE E-COMMERCE
(Jasmine-boutique.co.id)
PROPOSAL
Disusun oleh :
Lela Mariati Bangun
Krisna T.Yolanda
Laila
Lidya Nainggolan
Lily Anggreani
120709019
120709025
120709032
120709042
120709065
PROGRAM STUDI ILMU PERPUSTAKAAN DAN INFORMASI S1
FAKULTAS ILMU BUDAYA
UNIVERSITAS SUMATERA UTARA
MEDAN
2015
BAB I
PENDAHULUAN
1.1 Latar belakang Masalah
Pada era digital seperti sekarang ini, informasi sudah semakin mudah di dapatkan.
Internet adalah jaringan yang harus dimiliki agar memperoleh informasi dengan efektif
dan efesien. Sesuai dengan defenisi dari internet itu sendiri yaitu suatu jaringan secara
global atau mendunia yang memungkinkan seluruh manusia dapat berkomunikasi tanpa
dibatasi oleh jarak dan waktu.
Informasi sangat dibutuhkan oleh setiap manusia agar dapat menjalani kehidupan
sehari-hari. Di dalam dunia usaha pun, informasi menjadi salah satu faktor utama
suskesnya suatu perusahaan. Internet merupakan media yang dapat digunakan oleh setiap
perusahaan dalam memberikan informasi tentang produk yang telah mereka ciptakan.
Sebelum adanya internet, suatu perusahaan memasarkan produknya dengan cara membuat
brosur, promosi secara langsung (Face to face), dan sebagainya. Sesuai hasil pengamatan
yang penulis lakukan, kegiatan promosi seperti itu menghabiskan banyak uang, tenaga dan
waktu dan pembagian informasinya tidak secara merata karena keterbatasan dana, waktu
dan tenaga. Namun, setelah internet diciptakan dan masuk ke Indonesia sekitar tahun
1990-an, saat ini banyak perusahaan memanfaatkan media yang sangat terkenal tersebut
karena lebih efektif dan efesien.
Dalam internet, ada sesuatu yang dikenal dengan website. Website merupakan salah
satu aplikasi yang digunakan di dalam internet yang dapat digunakan untuk melakukan
kegiatan pemasaran produk. Jika suatu perusahaan memiliki strategi pemasaran yang baik
maka perusahaan tersebut akan lebih mudah dikenal oleh masyarakat sehingga dapat
berdampak pada tingkat penjualan suatu perusahaan. Begitu juga sebaliknya, jika
perusahaan memiliki strategi pemasaran yang kurang baik maka juga akan berdampak
pada tingkat pendapatan perusahaan tersebut. Dengan berkembanganya internet dan
website pada saat ini, perdagangan secara elektronik pun sudah semakin banyak
diterapkan dalam sebuah perusahaan, istilah yang lebih kita sering dengar tentang hal itu
adalah e-commerce (electronic commercial). Pada proposal ini, kami merencanakan
perancangan suatu website dari perusahaan fashion (baju/celana/sepatu) secara online,
dengan demikian kami menetapkan judul dari proposal ini adalah “Perancangan Website
E-Commerce (JASMINE BOUTIQUE)”.
1.2 Tujuan Website
o Menginformasikan profil Butik Jasmine
o Menginformasikan seluruh produk yang dimiliki oleh Butik Jasmine
o Memungkinkan pengguna memesan produk Butik Jasmine melalui website
o Membangun feedback atau yang sering di butuhkan oleh sekolah untuk memberi
kesempatan kepada masyarakat agar dapat menyampaikan gagasan, sesuai tata cara
penyampaian.
BAB II
KAJIAN TEORITIS
2.1 Pengertian e-commerce
Electronik komersial (e-commerce) merupakan suatu proses jual beli barang atau jasa
melaui jaringan internet (Turban, Lee, King, Chung, 2000). Sedangkan menurut Onno
W.Purbo
seperti
yang
dikutip
oleh
Widiati
yang
menyebutkan
bahwa
:
“e-commerce is a dynamic set of technologies, applications, and business proccess that link
enterprises, consumers, and communinities through electronic transaction exchange of
goods, services, and information”, yang artinya adalah e-commerce merupakan suatu set
dinamis teknologi, aplikasi dan proses bisnis yang menghubungkan perusahaan, konsumen
dan komunitas melalui transaksi elektronik dan perdagangan barang, pelayanan dan
informasi yang dilakukan secara elektronik.
2.2 Pengertian Website
Menurut Pipiapioh (2010), yang dimaksud dengan website adalah komponen atau
kumpulan komponen yang terdiri dari teks, gambar, suara, animasi sehingga lebih merupakan
media informasi yang menarik untuk dikunjungi. Pendapat lain tentang website juga diajukan
oleh Yuhefizar, Website yaitu suatu metode untuk menampilan informasi di internet, baik
berupa teks, gambar, suara maupun video yang interaktif dan mempunyai kelebihan untuk
menghubungkan (link) satu dokumen dengan dokumen lainnya (hypertext) yang dapat
diakses melalui sebuah browser.
Berdasarkan kedua pendapat di atas, yang dapat penulis pahami tentang website
adalah suatu media informasi dalam berbagai bentuk seperti teks, gambar, suara, video,
animasi dan memungkinkan pengguna untuk mendapatkan informasi dari berbagai sumber
lain.
2.3 Tahapan pembuatan website
Ada 5 tahapan dalam membuat website yaitu sebagai berikut :
a. Memilih nama domain
Domain adalah nama unik yang diberikan untuk mengidentifikasi alamat sebuah situs.
Adapun fungsi Domain adalah untuk mempermudah pengguna di internet pada saat
mengakses server. Selain itu domain juga dipakai untuk mengingat nama server yang
dikunjungi tanpa harus menghafal deretan angka rumit yang dikenal sebagai IP address.
Sebelum memilih nama domain, sebaiknya kita menentuka tujuan website yang akan kita
bangun. Domain Indonesia mempunyai beberapa jenis yang dapat dikategorikan sebagai
berikut :







.co.id
.ac.id
.sch.id
.go.id
.mil.id
.web.id
.or.id
: untuk perusahaan
: untuk akademi setara perguruan tinggi / universitas
: untuk sekolah
: untuk instansi pemerintah
: untuk instansi pemerintah
: untuk perorangan atau pribadi
: untuk organisasi
b. Menyewa web hosting
Hosting adalah penyewaan tempat untuk menampung data- data yang diperlukan oleh sebuah
Blog atau website yang memiliki top-level domain sendiri sehingga dapat diakses lewat
Internet. Data disini dapat berupa file, gambar, email, aplikasi/program/script dan database
dalam satu wadah. Ada 4 jenis hosting yaitu :
a. Free Hosting
Hosting jenis ini merupakan hosting gratisan, anda tidak perlu membayar apa-apa tetapi
biasanya akan banyak iklan yang muncul pada website anda dan anda tidak bisa memiliki
domain sendiri.
Contoh : Wordpress, Blogspot
b. Virtual (shared) Hosting
Satu server terdapat banyak hosting (yang salah satunya milik anda). Karena terdapat
banyak hosting dan domain dalam satu server maka akan lebih hemat perangkat server dan
otomatis biayanya menjadi lebih murah.
c. Collocated Hosting
Server dirawat oleh perusahaan hosting dan Anda memiliki hak akses penuh
untuk
menambah/mengurangi, ataupun merubah situs web anda.
d. Dedicated Hosting
Hosting jenis ini merupakan hosting prifat/pribadi, karena anda memiliki server sendiri
dan dalam satu server tersebut hanya ada satu hosting dan domain milik anda. Hosting
jenis ini biasanya dimiliki oleh perusahaan besar yang mampu secara biaya maupun
tenaga pengelolanya.
c. Merancang struktur website
Secara umum, 99% website menggunakan layout seperti berikut :
Dalam website, ada 2 kategori yang sering digunakan dalam merancang suatu web yaitu :
 Kategori umum
Kategori umum adalah link-link yang pasti ada dalam sebuah website, antara lain about
us, contact us, social media, facebook pages atau twitter, dan site map.
 Kategori khusus
Kategori produk anda sendiri. Jumlahnya berbeda-beda antar suatu web dengan yang
lainnya karena disesuaikan dengan kebutuhan pengguna.
d. Mendesain website
Mendesain web tidak hanya keindahan saja, tetapi harus memperhatikan kegunaan dan
kemudahan. Terbagi menjadi 3 kategori yaitu :
o Desain bagus = cantik + berfungsi + mudah
o Desain bagus = ramah dengan pengguna
o Desain bagus = menarik perhatian seseorang + meningkatkan jumlah pelanggan
e. Mendaftarkan website ke search engine
Untuk mendaftarkan website baru kita ke Google atau search engine yang lain, kita hanya
perlu memasukkan alamat web ke form yang sudah disediakan pada web browser yang
kita pakai. Dalam beberapa jam, atau beberapa hr, website akan terindeks dengan
sendirinya.
2.4 Aplikasi-aplikasi pendukung dalam pembuatan website
Aplikasi Web adalah suatu aplikasi yang diakses menggunakan penjelajah web melalui
suatu jaringan seperti Internet atau intranet. Ada beberapa aplikasi/software yang
digunakan dalam membangun website yaitu :
o NOTEPAD++
Notepad++ adalah kode editor (software enyuntin kode) yang mendukung berbaai
bahasa pemrograman seperti HTML , CSS, PHP, XML, JavaSCRIFT, PERLPASCAL, dan
lain-lain yang dapat bekerja pada system operasi windows.
o CoffeeCup Free HTML Editor
CoffeeCup Free HTML Editor adalah Software yang di kembangkan oleh CoffeeCup
Inc. Software ini terdiri dari dua versi, yaitu versi gratis (free) dan berbayar (pro). Perbedaan
yang terletak antara versi gratis dan berbayar antara lain adalah fitur CSS Menu Designer,
Image Mapper, Website Color Schemer, dan FTP Upload yang hanya bisa anda dapatkan
melalui versi berbayar.
CoffeeCup HTML Editor adalah sebuah software yang akan membantu anda
mendesain sebuah Website dengan bahasa HTML secara lebih mudah. Selain mendukung
WYSIWYG (what you see is what you get) Software editor ini juga sudah mendukung
HTML5 dan CSS3 yang tentunya akan membuat Website jadi lebih hidup dan menarik.
2.5 Jenis-jenis website
Jenis-jenis website berdasarkan sifatnya :

Web dinamis : merupakan website yang kontennya sering diperbarui, dan
pengunjung bisaberinteraksi melalui web ini seperti memberikan komentar, menulis
artikel. Jadi disiniterjadi interasi dua arah. Contohnya : www.kompas.com,
www.eramuslim.com

Web statis : merupakan website yang kontennya sangat jarang diubah, pengunjung
hanyabisa melihat dan mengambil sesuatu dari web tersebut (download), akan tetapi
pengunjungtidak bisa melakukan proses pengiriman (upload) seperti tidak ada
fasilitas komentar, tulisartikel, polling, dsb. Jadi interaksi hanya berlangsung satu
arah, dari website kepadapengunjung.
Jenis-jenis website berdasarkan tujuannya :

Personal Web : website milik perseorangan yang berisi tentang informasi pribadi
seseorang.

Website Komersial (Company Profile / Online Shop, biasa menggunakan .com,
.co.id, dsb): situs yang dipakai untuk menunjukkan produk dan jasa suatu perusahaan,
atau juga dapat melakukan transaksi penjualan online (dengan sistem shopping cart
system).

Website Instansi/Pemerintahan (di Indonesia menggunakan .gov.id): situs jenis ini
hanya boleh dipakai untuk keperluan website pemerintahan yang resmi.

Portal Web : website yang memiliki banyak layanan seperti layanan berita, email,
upload
file,posting
tulisan,
download.
Contohnya
:
peserta.ppsdms.com,
papirus.ugm.ac.id

Forum Web : sebuah website yang bertujuan sebagai forum diskusi dan share info.
Misalnya: ww.kaskuk.us

Website Non-Profit (biasanya menggunakan .org, .edu, dll):website jenis-jenis ini
biasanya digunakan hanya untuk yayasan, sekolahan, dsb.

Disamping itu ada juga website seperti e-Bangking, e-Payment, e-Ticketing.
2.6 Jenis Navigasi Web
Dalam model pengembangan sistem, ada beberapa hal juga yang harus diperhatikan dalam
membangun suatu web yaitu navigasi dasar suatu web. Menurut Sutopo, ada 4 jenis navigasi
dalam web yaitu sebagai berikut :
a. Linear Navigation Model
Digunakan oleh sebagian besar website. Informasi diberikan secara sekuensial
dimulai dari satu halaman. Beberapa desainer menggunakan satu halaman untuk
masuk atau keluar dari website. Berikut gambarnya :
b. Hierarchial Model
Merupakan model yang diadaptasi dari top-down design. Konsep navigasi ini dimula
dari satu node yang menjadi homepage. Dari homepage dapat dibuat beberapa cabang ke
halaman-halaman utama. Apabila diperlukan, dari tiap halaman utama dapat dikembangkan
menjadi beberapa cabang lagi.
c. Spoke-and-hub-model
Spoke-and-hub-model hanya menggunakan satu node untuk berhubungan dengan node
lain. Pada model ini hanya terdapat dua macam link, yaitu dari homepage ke halaman
tertentu, dan dari halaman tersebut kembali ke homepage.
d. Full web model
Full web model memberikan kemampuan hyperlink yang banyak. Full web model
banyak yang digunakan karena user dapat mengakses semua topik dengan subtopik
dengan cepat. Namun kelemahan dari model ini, yaitu dapat berakibat pengguna
kehilangan cara untuk kembali ke topik sebelumnya.
2.7 Pengertian web-Qual
Webqual merupakan salah satu metode atau teknik pengukuran kualitas website
berdasarkan persepsi pengguna akhir. Metode ini merupakan pengembangan dari Servqualyang disusun oleh Parasuraman, yang banyak digunakan sebelumnya pada pengukuran
kualitas jasa. Instrumen penelitian pada Webqual tersebut dikembangkan dengan metode
Quality Function Development (QFD).
Dari pengertian diatas Webqual adalah suatu pengukuran untuk mengukur kualitas dari
sebuah website. berdasarkan instrumen-instrumen penelitian yang dapat dikategorikan
kedalam lima variabel yaitu : usability, degin, information, trust, dan emphathy. Kesemuanya
adalah pengukuran kepuasan konsumen atau user terhadap kualitas dari website tersebut.
Webqual biasanya digunakan untuk menganalisa beberapa website diantaranya website
pembelian, sekolah, pendidikan dan website internet banking.
Webqual tersebut disusun berdasarkan penelitian pada tiga area yaitu :
1. Usability adalah mutu yang berhubungan dengan rancangan site, sebagai contoh
penampilan, kemudahan penggunaan, navigasi dan gambaran yang disampaikan
kepada
pengguna.
2. Design adalah mutu yang dilihat dari sisi teks, gambar, tata letak informasi di dalam
suatu website.
3. Information Quality adalah mutu dari isi yang terdapat pada site, pantas tidaknya
informasi
untuk tujuan pengguna seperti akurasi, format dan keterkaitannya.
4. Trust adalah mutu yang dilihat dari segi kepercayaan yang diberikan kepada pengguna
untuk meyakinkan pengguna akan web yang dibuat.
5. Emphaty adalah mutu yang dilihat dari segi kepekaan server terhadap client
(pengguna), yaitu melihat tingkat kepedulian server terhadap berbagai masalah yang
dihadapi oleh pengguna.
2.8
Web 1.0 , Web 2.0, Web 3.0
Web 1.0
Web 1.0 adalah merupakan teknologi web yang pertama kali digunakan dalam aplikasi
world wide web, atau ada yang menyebut web 1.0. sebagai www itu sendiri yang banyak
digunakan dalam situs web yang bersifat personal. Web 1.0 adalah web yang hanya
bersifat read saja, artinya hanya ada komunikasi satu arah di dalamnya.
Web 2.0
Web 2.0 adalah generasi web dari web 1.0 yang digunakan untuk mengakses informasi
dengan interaksi dua arah. Sifat web 2.0 adalah Write-Read, yang dirancang untuk tujuan
dan kebutuhan jejaringan sosial dengan tampilan dinamis agar mempermudah
penggunaan. Karena interaksinya yang bersifat dua arah, maka pelakunya bukan lagi
orang perusahaan yang mempunyai web, tetapi pengguna yang juga merupakan sumber
dari web yang mereka gunakan.
Web 3.0
Web 3.0 adalah generasi ketiga dari sebuah web dimana dalam jenis web ini terjadi sebuah
titik pertemuan antara Teknologi Informasi dengan alat Telekomunikasi. Sebagai contoh :
Kita dapat menonton TV di ponsel, mensinkronisasikan file-file di komputer sehingga
bisa diakses dimanapun, dapat mengirim sms melalui komputer, dan lain –
lain.
BAB III
PERENCANAAN PEMBANGUNAN WEBSITE
3.1 Metode pengembangan web yang digunakan
1. Requirement Analysis
Merupakan tahap pertama dalam membangun suatu web yaitu menentukan tujuan
dari web, target pengguna web, target platform, tujuan usaha, dan sebagainya.
2. Conceptual Design
Merupakan tahap kedua dalam membangun suatu web yaitu membuat rancangan
konsep sesuai dengan tujuan web, target pengguna web, target platform, dan target
usaha.
3. Mockeup and Prototype
Merupakan tahap ketiga dalam membangun suatu web yaitu membuat representasi
visual dan representatif yang bersifat interaktif. Tujuan membuat ini adalah agar dapat
mengevaluasi web yang sudah dirancang sebelum dibuat produk akhirnya.
4. Production
Merupakan tahap keempat dalam membangun suatu web yaitu membuat produk akhir
yaitu sudah memiliki isi baik teks, gambar, suara, video, dan sebagainya.
5. Launch
Pada tahap akhir ini, produk atau web yang telah dibuat akan diluncurkan dan siap
untuk diakses oleh masyarakat umum.
Indikator perencanaan pembangunan website adalah sebagai berikut :
No
1
Indikator
Usability
Penjelasan
o Membuat suatu panduan menggunakan website
(dalam bentuk artikel)
o Menyediakan pilihan berbagi bahasa di dunia
(pengguna dapat memilih bahasa yang akan
digunakan dalam menggunakan website tersebut)
2
Design
o Bentuknya minimalis
o Bentuknya responsif (artinya dapat diakses dari
berbagai perangkat/media)
o Membuat slide gambar, untuk menggambarkan
foto-foto dari produk perusahaan
3
Information
o Konten-konten yang ada di dalam web dibuat yaitu :
a.
Homepage, yang menggambarkan secara umum
mengenai web, informasi terbaru dan produk
paling terkenal
b.
Contact us, yang berisi tentang media yang
dapat dihubungi oleh pengguna web
c.
About us, yang berisi informasi tentang
perusahaan seperti sejarah, visi, misi
d.
Collection, yang berisi semua produk yang
dihasilkan
beserta
dengan
kualifikasinya
masing-masing
4
Trust
o
Menggunakan domain web (co.id)
o
Mengadakan kerja sama dengan perusahaan yang
jenis usahanya sama baik yang ada di dalam negeri
maupun luar negeri
5
Emphathy
o
Membuat forum diskusi
o
Menyediakan layanan tatap muka (teleconference)
Yang akan diterapkan dalam web :
Akan menggunakan domain name co.id
Akan menggunakan web hosting yang jenisnya collocated hosting
Akan menggunakan sistem navigasi web yaitu hierarcial web
Akan menerapkan web 2.0 dalam website tersebut.
RINCIAN TAKSASI DANA PENGELUARAN :
Membeli domain name
: Rp. 95.000,-
Menyewa web hosting
: Rp. 90.000,-
Jumlah
Rp. 185.000-
DAFTAR REFERENSI
 http://bahasanet.blogspot.com/2013/07/pengertian-website-menurut-para-ahli.html
(Diakses tanggal 17 April 2015, pukul 11.06 Wib)
 http://www.kampus.marketing.co.id/mengukur-mutu-website-dengan-webqual/
(diakses pada tangal 17 april 2015 pukul 10.49 wib)
 http://membuatwebs.com/download/Panduan-membuat-website.pdf.
(Diakses tanggal 17 April 2015, pukul 11.56 Wib)
http://www.kazuya.us/2012/10/coffeecup-html-editor-software-yang-memudahkankita-untuk-membuat-website.html
(Diakses tanggal 17 April 2015, pukul 10.34 Wib)
 http://id.wikipedia.org/wiki/Aplikasi_web
(Diakses tanggal 17 April 2015, pukul 12.05 Wib)
 Modul Pelatihan: “Membuat Website menggunakan Joomla 1.5” Oleh Ardian Umam,
mahasiswa Teknik Elektro UGM; FMIPA UNY, 26 Maret 2011 (Diakses melalui
situs
ardianumam.web.ugm.ac.id/.../ModulPelatihanJoomla-at-Fak-MIPA-UN...
Jumat, 17 April 2015 14.52 WIB)
 http://www.websurabaya.com/kategori-website-berdasarkan-fungsi-dankegunaan.html (diakses pada 17 April 2015 14.40 WIB)
Download