Pembuatan Aplikasi Studio Photo Online Berbasis Web Diajukan kepada Fakultas Teknologi Informasi Untuk memperoleh Gelar Ahli Madya Komputer Laporan Tugas Akhir Oleh: Alan Perdana Mulya Putra 562010015 Program Studi Diploma Teknik Informatika Fakultas Teknologi Informasi Universitas Kristen Satya Wacana Salatiga 2014 i
Lembar Pengesahan Judul : Pembuatan Aplikasi Studio Photo Online Berbasis Web Nama Mahasiswa : Alan Perdana Mulya Putra NIM : 562010015 Program Studi Fakultas : Diploma Teknik Informatika : Teknologi Informatika Salatiga, 14 April 2014 ii
Pernyataan Persetujuan Publikasi Laporan iii
Kata Pengantar iv
Puji dan syukur penulis panjatkan kehadirat Tuhan Yang Maha Esa atas berkah dan rahmat-nya penulis dapat menyelesaikan dengan baik laporan tugas akhir yang berjudul Pembuatan Aplikasi Studio Photo Online Berbasis Web Laporan tugas akhir ini disusun guna untuk memperoleh gelar Ahli Madya Komputer pada Program Studi Diploma Teknik Informatika Fakultas Teknologi Informasi Universitas Kristen Satya Wacana Salatiga. Penulis ingin mengucapkan terima kasih kepada : 1. Allah SWT karena kasih dan ridho-nya penulis dapat menyelesaikan tugas akhir ini. 2. Orang tua dan keluarga yang tidak henti-hentinya meberikan semangat. 3. Bapak Dr. Dharmaputra T. Palekahelu, M.Pd selaku dekan Fakultas Teknologi Informatika Universitas Kristen Satya Wacana yang telah memberikan fasilitas untuk menunjang perkuliahan hingga selesainya studi penulis. 4. Bapak Budhi Kristianto, S.Kom, M.Sc selaku kepala program studi Diploma Teknik Informatika. 5. Bapak Sri Winarso Martyas Edi, S.Kom selaku pembimbing yang telah memberikan masukan yang bermanfaat bagi penulis. 6. Segenap dosen yang telah memberikan ilmu yang berguna dan bermanfaat. v
7. Keluarga dan saudara yang telah memberikan dukungan serta doa. 8. Kekasih tersayang yang selalu memberikan semangat serta dukungan untuk menyelesaikan laporan ini sehingga dapat mencapai hasil yang terbaik. 9. Teman-teman D3 TI 2010 yang selalu memberikan semangat dan dukungan. 10. Serta semua pihak yang tidak dapat penulis sebutkan satu per satu. Penulis mengharapkan pembaca dapat memberikan kritik dan saran atau masukkan yang membangun untuk perbaikan. Semoga laporan ini dapat berguna bagi para pembaca, dan penulis mohon maaf apabila terdapat kekurangan dalam penyusunan Laporan tugas akhir ini. Salatiga,14 April 2014 Alan Perdana Mulya Putra Abstrak vi
Seiring dengan semakin berkembangnya dunia teknologi dan informasi. Website merupakan suatu media informasi yang menawarkan berbagai kemudahan dalam menyajikan informasi. Kecepatan dan kenyamanan merupakan nilai positif adanya internet.. Penelitian ini bertujuan untuk membuat Aplikasi Studio Photo Berbasis Online yang nantinya dapat berguna bagi semua pihak. Pembuatan Website ini menggunakan Edit Plus dan PHP MySQL sebagai data basenya. Website yang akan nantinya dirancang terdiri dari beberapa halaman diantaranya Home, News, Galery, About dan Contact. Perancangan website ini dilakukan secara lengkap sehingga mampu mencakup semua kebutuhan. Hasil yang diharapkan dari penelitian ini berupa Website Studio Photo Online Berbasis Web, yang mampu memberikan informasi dengan cepat dan akurat. Keywords : Website, Informasi, PHP MySQL Daftar Isi vii
Judul... i Lembar Pengesahan... ii Lembar Pernyataan Bebas Plagiasi... iii Lembar Pernyataan Persetujuan Publikasi... iv Kata Pengantar... v Abstrak... vii Daftar Isi... viii Daftar Gambar... x Bab I Pendahuluan 1.1 Latar Belakang... 1 1.2 Tujuan... 2 1.3 Rumusan Masalah... 3 1.4 Batasan Masalah... 3 1.5 Metodologi... 4 Bab II Tinjauan Pustaka 2.1 Penelitian Terdahulu... 8 2.2 Landasan Teori... 8 Bab III Perancangan Sistem 3.1 Ruang Lingkup Aplikasi... 13 viii
3.2 DFD... 13 3.3 Flowchart... 15 3.4 Lembar Kerja Tampilan... 17 Bab IV Hasil dan Analisis 4.1 Hasil Karya / Implementasi... 38 4.2 Hasil Pengujian... 47 4.3 Analisis... 48 Bab V Penutup 5.1 Kesimpulan... 49 5.2 Saran... 49 Daftar Pustaka... 50 Lampiran Daftar Gambar ix
Gambar 3.1 Data Flow Diagram level 0... 13 Gambar 3.2 Data Flow Diagram level 1... 14 Gambar 3.3 Flow Chart untuk Admin... 15 Gambar 3.4 Flow Chart untuk User... 16 Gambar 3.5 Lembar Kerja Tampilan Login... 18 Gambar 3.6 Lembar Kerja Tampilan Kelola Data... 18 Gambar 3.7 Lembar Kerja Tampilan Post Artikel... 19 Gambar 3.8 Lembar Kerja Tampilan Home... 20 Gambar 3.9 Lembar Kerja Tampilan News... 21 Gambar 3.10 Lembar Kerja Tampilan Galery... 22 Gambar 3.11 Lembar Kerja Tampilan About... 23 Gambar 3.12 Lembar Kerja Tampilan Contact... 24 Gambar 3.13 Tabel Struktur Home... 25 Gambar 3.14 Tabel Struktur News... 25 Gambar 3.15 Tabel Struktur About Me... 26 Gambar 3.16 Tabel Struktur Contact... 27 Gambar 3.17 Tabel Struktur Artikel... 27 x
Gambar 3.18 Tabel Struktur Data... 28 Gambar 3.19 Tabel Struktur Comment... 28 Gambar 3.20 Tabel Home1... 30 Gambar 3.21 Tabel Home2... 30 Gambar 3.22 Tabel Home3... 30 Gambar 3.23 Tabel Home4... 30 Gambar 3.24 Tabel News1... 30 Gambar 3.25 Tabel News2... 30 Gambar 3.26 Tabel News3... 31 Gambar 3.27 Tabel About... 31 Gambar 3.28 Tabel Contact1... 31 Gambar 3.29 Tabel Contact2... 31 Gambar 3.30 Tabel Contact3... 31 Gambar 3.31 Tabel Data1... 32 Gambar 3.32 Tabel Data2... 32 Gambar 3.33 Tabel Data3... 32 Gambar 3.34 Tabel Data4... 32 xi
Gambar 3.35 Tabel Artikel... 32 Gambar 3.36 Tabel Comment... 33 Gambar 3.37 Tampilan Membuat Database Baru... 33 Gambar 3.38 Tampilan setelah memilih menu import... 34 Gambar 3.39 Tampilan dialog box... 34 Gambar 3.40 Tampilan setelah memilh file.rar... 35 Gambar 3.41 Tampilan database berhasil diiimport... 35 Gambar 3.42 Tampilan keseluruhan database... 36 Gambar 3.43 Tampilan proses eksport database... 36 Gambar 3.44 Tampilan dialog box setelah memilih GO 37 Gambar 4.1 Form Login... 39 Gambar 4.2 Form Input Artikel... 39 Gambar 4.3 Form Artikel... 40 Gambar 4.4 Form Home... 41 Gambar 4.5 Form News... 42 Gambar 4.6 Form Galery... 43 Gambar 4.7 Form About... 44 xii
Gambar 4.8 Form Contact... 45 Gambar 4.9 Form Comment... 46 xiii