PERANCANGAN SISTEM INFORMASI PRODUK PENJUALAN DAN SISTEM ORDER ONLINE BERBASIS WEBSITE DENGAN MENGOPTIMALKAN SEO (SEARCH ENGINE OPTIMIZATION) (Study Kasus Foto Sampurna) Diajukan kepada Fakultas Teknologi Informasi untuk memperoleh Gelar Ahli Madya Teknik Informatika Oleh : Chandra Tri Yuliyanto NIM : 562011022 Program Studi Diploma Teknik Informatika Fakultas Teknologi Informasi Universitas Kristen Satya Wacana Salatiga 2014
PERANCANGAN SISTEM INFORMASI PRODUK PENJUALAN DAN SISTEM ORDER ONLINE BERBASIS WEBSITE DENGAN MENGOPTIMALKAN SEO (SEARCH ENGINE OPTIMIZATION) (Study Kasus Foto Sampurna) LAPORAN TUGAS AKHIR Oleh : Chandra Tri Yuliyanto NIM : 562011022 Program Studi Diploma Teknik Informatika Fakultas Teknologi Informasi Universitas Kristen Satya Wacana Salatiga 2014 i
ii
iii
iv
KATA PENGANTAR Segala puji syukur penulis panjatkan kehadiran Tuhan Yang Maha Kuasa atas segala berkat dan anugerahnya yang sangat luar biasa sehingga penulis dapat menyelesaikan Kerja Praktek dan penulisan laporan ini dengan baik. Penulisan laporan Tugas Akhir ini dimaksudkan untuk memenuhi sebagian dari syarat dalam rangka meraih gelar sarjana Ahli Madya Komputer pada Program Studi Diploma Teknik Informatika Fakultas Teknologi Informasi Universitas Kristen Satya Wacana Salatiga. Penulis juga menyadari bahwa terselesaikannya Tugas Akhir dengan lancar tidak terlepas juga karena bantuan dari berbagai pihak. Oleh karena itu, pada kesempatan ini penulis ingin menyampaikan terimakasih kepada : 1. Dr. Dharmaputra T. Palekahelu, M. Pd sebagai Dekan Fakultas Teknologi Informasi, Universitas Kristen Satya Wacana. 2. Bapak Winarso, S.Kom, M.Cs sebagai Ketua Program Studi Teknik Informatika, Diploma Fakultas Teknologi Informasi, Universitas Kristen Satya Wacana. 3. Bapak Felix David, S.Kom yang telah berkenan meluangkan waktu untuk memberikan bimbingan dalam penyusunan Tugas Akhir ini. v
4. Bapak Andreas selaku pemilik perusahaan Superspace yang berkenan memberikan ilmu yang sangat bermanfaat selama menjalani Tugas Akhir di perusahaan tersebut. 5. Web developer JogjaSite.com (Dwi, Edis, Somad, Fajar, Fauzi) yang telah memberikan ilmu ilmu yang bermanfaat dalam menjalani Tugas Akhir. 6. Orang tua dan keluarga tercinta, yang memberikan dukungan baik moril maupun materil kepada penulis untuk selalu berusaha mencapai hasil yang terbaik. 7. Semua teman-teman D3 Teknik Informatika 2011 yang telah memberikan doa, dukungan, serta kebersamaannya selama ini. 8. Kurnia Ermawati yang telah memberikan dorongan secara moril maupun materiil kepada penulis untuk selalu melakukan yang terbaik untuk menuju kelulusan. 9. Serta semua pihak yang tidak dapat penulis sebutkan satu persatu. Salatiga, 25 Juni 2014 Chandra Tri Yuliyanto vi
DAFTAR ISI Judul... i Lembar Pengesahan... ii Lembar Pernyataan Bebas Plagiasi... iii Lembar Pernyataan Hak Bebas Royalti dan Publikasi... iv Kata Pengantar... v Daftar Isi... vii Daftar Gambar... ix Daftar Lampiran... xi Bab 1 Pendahuluan... 1 1.1 Latar Belakang... 1 1.2 Tujuan... 2 1.2.1 Tujuan Umum... 2 1.2.2 Tujuan Khusus... 2 1.3 Rumusan Masalah... 2 1.4 Batasan Masalah... 3 1.5 Metodologi... 3 1.5.1 Metode Pengumpulan Data... 3 1.5.2 Perancangan Sistem... 5 Bab 2 Tinjauan Pustaka... 6 2.1 Penelitian Terdahulu... 6 2.2 Aplikasi Web... 7 2.3 Website... 8 2.3.1 Jenis jenis website... 9 2.4 Database... 15 vii
2.5 Search Engine... 16 2.6 Search Engine Optimization... 17 Bab 3 Perancangan Sistem... 20 3.1 Analisis Sistem... 20 3.1.1 Alur Sistem... 21 3.1.2 DFD... 21 3.1.3 Data Flow Diagram level 1 dan level 2... 23 3.2 Flowchart... 25 3.3 LKT (Lembar Kerja Tampilan)... 28 3.3.1 Halaman Pelanggan... 28 3.3.2 Halaman Admin... 38 3.4 JST (Jaringan Semantik Tampilan)... 40 Bab 4 Hasil Dan Analisis... 45 4.1 Hasil Karya / Implementasi... 41 4.2 Analisi... 52 Bab 5 Penutup... 53 5.1 Kesimpulan... 53 5.2 Saran... 53 Daftar Pustaka... 54 Lampiran... 55 viii
DAFTAR GAMBAR Gambar 2.1Model Lapisan Aplikasi Website... 55 Gambar 3.1 Data Flow Diagram level 0... 22 Gambar 3.2 Data Flow Diagram level 1... 23 Gambar 3.3 Data Flow Diagram Proses Order... 24 Gambar 3.4 Data Flow Diagram Proses Chatbox Online... 24 Gambar 3.5 Data Flow Diagram Proses Management Content.. 25 Gambar 3.6 Flowchart Pemesanan Customer... 26 Gambar 3.7 Flowchart Bantuan Chat Online... 27 Gambar 3.8 Halaman Beranda... 28 Gambar 3.9 Halaman Profil... 29 Gambar 3.10 Halaman Kontak... 30 Gambar 3.11 Halaman Portofolio... 31 Gambar 3.12 Halaman Galeri... 32 Gambar 3.13 Halaman Produk Perkategori... 33 Gambar 3.14 Halaman Detail Produk... 34 Gambar 3.15 Halaman Form Pemesanan... 35 Gambar 3.16 Halaman Promo... 36 Gambar 3.17 Halaman Detail Promo... 37 Gambar 3.18 Halaman Login Admin... 38 Gambar 3.19 Halaman Admin... 39 Gambar 3.20 Jaringan Semantik Tampilan... 40 Gambar 4.1 Implementasi Database... 41 Gambar 4.2 Implementasi Menu Utama... 42 Gambar 4.3 Implementasi Menu Profil... 43 ix
Gambar 4.4 Implementasi Menu Kontak... 43 Gambar 4.5 Implementasi Menu Portofolio... 44 Gambar 4.6 Implementasi Menu Galeri... 45 Gambar 4.7 Implementasi Menu Kategori Produk... 45 Gambar 4.8 Implementasi Menu Sub Kategori Produk... 46 Gambar 4.9 Implementasi Detail Produk... 47 Gambar 4.10 Implementasi Form Pemesanan... 47 Gambar 4.11 Implementasi Menu Chatbox... 49 Gambar 4.12 Implementasi Form Input Identitas Chatbox... 49 Gambar 4.13 Implementasi Login Halaman Admin... 50 Gambar 4.14 Implementasi Halaman Admin... 51 x
DAFTAR LAMPIRAN Lampiran 1 Kartu Bimbingan Tugas AKhir... 57 xi