Institutional Repository | Satya Wacana Christian University: Pembuatan Aplikasi Studio Photo Online Berbasis
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
: Diploma Teknik Informatika
Fakultas
: 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
menyelesaikan
berkah
dengan
dan
baik
rahmat-Nya
laporan
tugas
penulis
dapat
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
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
: Diploma Teknik Informatika
Fakultas
: 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
menyelesaikan
berkah
dengan
dan
baik
rahmat-Nya
laporan
tugas
penulis
dapat
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