LAPORAN
PENGAMATAN
WEB
KULINER
Disusun
Oleh :
Chandrea 1306030
Gita 1306053
Eful Saepullah 1306046
JURUSAN TEKNIK INFORMATIKA (SEMESTER IV) – A
SEKOLAH TINGGI
TEKNOLOGI GARUT
A. Materi Pengamatan Rancangan Web
Kuliner
B. Spesifikasi Pengamatan
C. Sampel Web Kuliner
D. Statistik Web Kuliner
A. Materi Pengamatan Rancangan Web Kuliner
Langkah-langkah
perancangan Website
Untuk membangun sebuah website, diperlukan
suatu langkah-langkah persiapan yang secara umum dibagi dalam lima tahap, yakni
(Rickyanto, Isac.2001):
1. Merumuskan tujuan
membuat website
Berdasarkan isi maupun tujuan, suatu website biasanya
dapat digolongkan menjadi seperti berikut ini:
a. Website marketing,
berfungsi sebagai media presentasi dan pemasaran.
b. Website customer service,
berfungsi sebagai media untuk melayani konsumen.
c. Website e-Commerce,
berfungsi sebagai media transaksi on-line.
d. Website informasi/berita,
berfungsi sebagai media informasi berita
2. Menentukan isi
website
Faktor yang paling penting dalam suatu website
adalah isi dari website itu sendiri. Hal tersebut berkaitan dengan
manfaat yang akan diperoleh pengunjung dari sebuah website.
3. Menentukan target
pengunjung
Meskipun suatu website mempunyai sifat terbuka
dalam arti sebuah website bebas
dikunjungi oleh semua orang, namun alangkah baiknya apabila dalam pembuatan website
perlu dilakukan gambaran target yang akan dituju oleh sebuah website. Alasan ini lebih didasarkan pada penggunaan hardware dan aplikasi browser
yang berbeda dengan setiap pengunjung.
4. Menentukan struktur
website
Struktur website diperlukan untuk
memberikan kemudahan dalam mengelola suatu website. Tentunya
struktur tersebut harus disesuaikan dengan isi dari website.
Dengan memiliki struktur yang terorganisasi dengan baik, suatu website
akan memberikan kemudahan dalam navigasi, editing dan pemeliharaan website
tersebut.
5. Desain website
Faktor keindahan desain tampilan dari suatu website
merupakan salah satu faktor yang paling penting dalam menetukan keberhasilan
suatu website, selain faktor kecepatan loading. Suatu situs yang baik memiliki suatu kesatuan desain bisa dikatakan
memiliki kesamaan tema dalam halaman-halaman webnya. Hal ini penting
dalam segi estetika maupun segi navigasi. Kesamaan desain yang biasanya
dipertahankan antara lain kesamaan jenis font yang digunakan, warna, tombol
navigasi (menu), letak menu dan sebagainya. Karena itu sangatlah penting
bagi seorang web designer untuk mengetahui aturan-aturan yang
berlaku dalam mendesain suatu website. Hal ini diperlukan agar desain dari website yang akan dibangun
tidak terkesan sekedarnya.
B.Spesifikasi Pengamatan
Spesifikasi pengamatan web kuliner di kelompokkan
menjadi :
·
Warna
dominan
·
Dominan
gambar / teks
·
Posisi
gambar / teks
·
Jumlah
bahasa
·
Statistik
pengunjung
·
Share
ke media sosial
·
Testimoni
Warna
dominan.
Membuat tampilan web menjadi menarik.
Menggambarkan karakter web.
Memberikan kenyamanan pada pengunjung.
Memberikan unsur keindahan.
Dominan
gambar / teks
Memberikan variasi pada sebuah web agar
web tersebut mempunyai tampilan yang menarik
Dan memberikan sebuah keterangan yang
jelas pada web tersebut.
Posisi
gambar / teks
Memberikan keindahan dan pengelolaan
tata letak pada sebuah web, dan memberikan kerapihan agar pengguna / pengunjung
menjadi lebih nyaman ketika melihat web tersebut.
Jumlah
bahasa
Sebagai alat bantu pengantar informasi
Memberi kemudahan untuk pengertian
Statistik
pengunjung.
Berfungsi sebagai penilaian suatu
website dimana website tersebut dilihat atau dikunjungi oleh pembaja /
pengunjung.
Dan bertujuat memberikan penilaian bahwa
website tersebut bagus atau tidak , dan juga bertujuan agar website tersebut
banyak mendapatkan iklan.
Share
ke media sosial.
Bertujuan untuk memberikan informasi tentang website
yang dikunjungi seorang pengunjung kepada pengunjung yang lain.
Memberikan masukan untuk suatu website.
Testimologi.
Memberikan pendapatan pada pemilik web.
C.Sempel Web Kuliner
|
http://www.ayojajan.com/
|
|
http://kulineronline.com/
|
|
http://ceritaperut.com/
|
|
http://www.kulinerplus.com/
|
|
http://www.banyumurti.net/
|
|
http://www.kulinerbdg.com/
|
|
http://www.rajasunda.com/
|
|
http://www.sushitei.co.id/
|
|
http://www.bandungfood.com/
|
|
http://www.oleholehtibandung.com/
|
|
http://martabakbolu.com/
|
|
http://oleholehkhasbali.com/
|
|
http://krisnabali.co.id/produk/camilan/
|
|
http://liwetasepstroberi.blogspot.com/
|
|
http://www.coklatgarut.com/
|
|
http://tigamutiaracake.com/
|
|
http://www.makanankhasgarut.com/
|
|
http://www.bandengjuwana.com/
|
|
http://bakpia25.com/
|
|
http://www.kfcku.com/
|
|
http://www.dunkindonuts.co.id/
|
|
http://www.cfcindonesia.com/
|
|
http://amandabrownies.co.id/
|
|
http://www.jcodonuts.com/
|
|
http://www.starbucks.com/
|
|
https://www.wendys.com/
|
|
http://www.chimelcake.com/
|
|
http://tokopastri.com/
|
|
http://www.dapurmae.com/
|
|
http://ikacake.net/
|
|
http://kueulangtahun.org/
|
|
http://kueimut.com/
|
|
http://rumahbolu.net/
|
|
http://www.sakurabakery.net/
|
|
http://bolumeranti.co.id/
|
|
http://boluenak.blogspot.com/
|
|
http://www.makananonline.com/
|
|
http://www.toserda.com/media.php?module=home
|
|
http://www.arunascake.com/
|
|
http://www.belisnack.com/
|
|
http://grosirsnack.com/
|
|
http://jualansnack.com/
|
|
http://kedaicamilan.com/
|
|
http://pasarcemilan.com/
|
D.Statistik
web kuliner
|
War Dom
|
Jumlah
|
Presentase
|
|
Abu-abu
|
3
|
6%
|
|
Biru
|
1
|
2%
|
|
Biru muda
|
1
|
2%
|
|
Coklat
|
4
|
8%
|
|
Coklat Muda
|
1
|
2%
|
|
Hijau
|
5
|
10%
|
|
Hitam
|
4
|
8%
|
|
Krem
|
2
|
4%
|
|
Kuning
|
1
|
2%
|
|
Merah
|
2
|
4%
|
|
Merah Muda
|
3
|
6%
|
|
Oranye
|
1
|
2%
|
|
Putih
|
21
|
41%
|
|
Ungu
|
1
|
2%
|
|
Ungu Muda
|
1
|
2%
|
|
Total
|
51
|
100%
|
|
G/T
|
Jumlah
|
Presentase
|
|
Gambar
|
46
|
90%
|
|
Text
|
5
|
10%
|
|
Total
|
51
|
100%
|
|
P Gambar
|
Jumlah
|
Presentase
|
|
Tengah
|
44
|
86%
|
|
Samping Kanan
|
2
|
4%
|
|
Samping Kiri
|
2
|
4%
|
|
Atas
|
3
|
6%
|
|
Total
|
51
|
100%
|
|
J Bahasa
|
Jumlah
|
Presentase
|
|
1
|
50
|
98%
|
|
2
|
1
|
2%
|
|
Total
|
51
|
100%
|
|
S Peng
|
Jumlah
|
Presentase
|
|
Ada
|
0
|
0%
|
|
Tidak Ada
|
51
|
100%
|
|
Total
|
51
|
100%
|
|
M Sosial
|
Jumlah
|
Presentase
|
|
Ada
|
26
|
53%
|
|
Tidak Ada
|
23
|
47%
|
|
Total
|
49
|
100%
|
|
Test
|
Jumlah
|
Presentase
|
|
Ada
|
12
|
24%
|
|
Tidak Ada
|
39
|
76%
|
|
Total
|
51
|
100%
|
|
Spesifikasi
|
Samping Kiri
|
Samping Kanan
|
Tengah
|
Atas
|
|
Gambar
|
2
|
2
|
39
|
3
|
|
Teks
|
0
|
0
|
5
|
0
|
|
Jumlah
|
2
|
2
|
44
|
3
|
|
Presentase Gambar
|
4%
|
4%
|
76%
|
6%
|
|
Presentase Teks
|
0%
|
0%
|
10%
|
0%
|
|
Total
|
100%
|
|||
|
Spesifikasi
|
Ada
|
Tidak Ada
|
|
Statistik Pengunjung
|
0
|
51
|
|
Testimoni
|
12
|
39
|
|
Presentase
|
0%
|
100%
|
|
24%
|
76%
|