Tabel 4.12 Database Tutorial Tabel tutorial berfungsi untuk memyimpan data foto yang ingin diupload
dan dijadikan tutorial. Tabel ini berhubungan dengan tabel kategori, karena foto yang menjadi tutorial harus sesuai dengan kategori yang telah ditetapkan.
Kategori itu meliputi, foto Landscape, Human interest, Model, Still alive, dan macro. Tabel ini terdiri dari id_tutorial, id_admin, id_kategori, judul_tutorial,
isi_tutorial, gambar_tutorial, dan tgl_tutorial. Id_tutorial menjadi PRIMERY KEY karena sebagai auto_increment yang akan insert nilai otomatis jika ada aktivitas
insert ke dalam tabel.
4.3 Pembuatan Interface Antarmuka
Program ini dibuat dengan menggunakan Macromedia Dreamweaver 8 untuk mendesain tampilan web. Ada 2 tampilan yaitu tampilan user dan juga
tampilan admin.
Gambar 4.13 Pembuatan Desain User
Selain desain untuk user penulis juga mendesain halaman admin menggunakan Macromedia Dreamweaver 8.
Gambar 4.14 Pembuatan Desain Admin
4.4 Implementasi Interface Antar Muka
Pada tahap ini akan di bahas tentang implementasi antar muka pada Web fotografi yang telah dibuat berdasarkan perancangan yang telah di bahas pada bab
III. Berikut ini terdapat beberapa form antarmuka yaitu : a.
Form Halaman Utama b.
Form Halaman LoginRegister member c.
Form Halaman Gallery d.
Form Halaman Lomba e.
Form Halaman Tutorial f.
Form Halaman Pesan g.
Form Halaman Forum h.
Form Halaman Login Admin i.
Form Halaman Daftar dashboard Admin j.
Form Halaman Daftar member Admin k.
Form Halaman Daftar Lomba Admin l.
Form Halaman Daftar tutorial Admin m.
Form Halaman Setting Admin n.
Form Halaman daftar pesan Admin
4.4.1 Form Halaman Utama
Form halaman utama ini menampilkan halaman utama yang terdapat 6 menu. Menu tersebut yaitu Home, Gallery, Lomba, tutorial, pesan, dan forum.
Selain itu terdapat menu khusus di pojok kanan atas yaitu menu register dan login.
Gambar 4.15 Form Halaman Utama
4.4.2 Form Halaman
LoginRegister member
Form Login ini digunakan untuk pengunjung yang ingin mendaftar sebagai member atau peserta lomba. jika pengunjung mau mengikuti
lomba, harus mendaftar sebagai member terlebih dahulu. Karena yang bisa mengikuti lomba adalah member. Didalam menu login terdapat username
dan password untuk masuk kedalam web fotografi ini. Dalam tahap registrasi terdapat nama dan password, tetapi yang digunakan untuk login
adalah username dari member dan setelah itu memasukkan password yang telah diinputkan pada saat registrasi. Berikut adalah tampilan dari menu
login
Gambar 4.16 Form Halaman login member
Gambar 4.17 Form Halaman Register member
Gambar diatas adalah menu register. Digunakan untuk mendaftar sebagai member dan berfungsi sebagai tiket masuk mengikuti lomba. didalam menu
register, terdapat beberapa input yang dimasukkan, seperti username, email, password, konfirmasi password, nama, no hp, dan captcha.
4.4.3 Form Halaman Galeri
Form Gallery ini digunakan untuk menampilkan foto-foto yang mendapatkan voting atau rating terbanyak yang diberikan oleh pengunjung web.
Foto yang ditampilkan di menu ini maksimal 4 foto saja, dan dibuat next page jika ingin melihat foto lomba yang lainnya. Berikut gambar dari menu gallery.
Gambar 4.18 Form Halaman Galeri
4.4.4 Form Halaman Serba-Serbi
Form Serba-serbi ini digunakan untuk mengupload foto member yang ingin di publikasikan. Disini member dapat menguload foto pribadi seperti pada
social media Dan member juga dapat melihat profil mereka. Selain itu member yang lain dapat mengomentari foto member yang lain, jika ingin mengomentari
foto tersebut apakah bagus atau jelek. Menu dari formSerba-serbi ini adalah profil, my album, dan foto lombaku. Masing-masing mempunyai kegunaan dan akan
dijabarkan pada gambar berikutnya.
Gambar 4.19 Form Halaman Serba-serbi
4.4.4.1 Form Menu My Profile
Gambar 4.20 Form Halaman my profil
Menu ini menampilkan profile dari member yang sudah terdaftar pada web. Jadi jika member ingin melihat profil dan mencatat no handphone jika ingin
menambah teman sesama fotografer.
4.4.4.2 Form Menu My Album
Menu ini berfungsi untuk melihat album member dan menambahkan album atau foto. Fungsi menu ini hampir mirip dengan cara pengupload’an di
jejaring sosial facebook. Jadi selain mengikuti lomba, member juga dapat menyimpan foto pribadinya di dalam web ini. Berikut adalah menunya pada
gambar 4.19
Gambar 4.21 Form my album
4.4.4.3 Form Menu foto Lombaku
Halaman ini berfungsi untuk melihat votingrating dari foto yang di upload untuk mengikuti lomba. foto ini bisa di vote oleh member lain dan vote
tersebut akan masuk dan terkirim di handphone member. Di dalam handphone akan berisi jumlah vote yang telah diterima dan voting juga dapat dilakukan oleh
pengunjung web.
Gambar 4.22 Form Foto lombaku
4.4.5 Form Halaman Lomba
Form halaman lomba ini berisi tentang selebaranpengumuman lomba yang akan diadakan. Selain pemberitahuan lomba, di menu ini juga dapat
mengupload hasil foto dari lomba. setelah selesai mengupload, foto akan masuk kedalam menu lihat foto lomba. didalam tersebut pengunjung web dapat menvote
foto yang dikehendaki. Didalam menu foto lomba juga terdapat 5 macam kategori sesuai dengan foto yang akan diupload oleh member untuk mengikuti tema dari
lomba yang diadakan. Jadi ketika admin mengadakan lomba tentang pemandangan landscape, maka foto yang diupload untuk megikuti lomba akan
masuk ke kategori landscape. Berikut adalah gambar dari menu lomba.
Gambar 4.23 Halaman lomba Setelah event disebarkan, member megikuti lomba dan setelah itu member
mengupload hasil karyanya. Berikut form untuk mengupload foto lomba.
Gambar 4.24 Form upload foto lomba
Setelah pengupload’an karya foto selesai, foto akan tampil di menu vote foto untuk diberikan rating oleh pengunjung web. Berikut adalah form lihat foto
lomba.
Gambar 4.25 Menu foto lomba untuk di vote
4.4.6 Form Halaman Tutorial
Halaman ini berfungsi sebagai tutorial foto yang telah diupload oleh admin. Kategori foto yang ada di web ini adalah foto Landscape, Human interest,
Model, Still alive, dan macro. Didalam menu ini akan menjabarkan cara mendapatkan picture yang sesuai dengan tutorial yang diberikan. Berikut adalah
gambar menu dari tutorial,
Gambar 4.26 Halaman tutorial foto Gambar diatas adalah tutorial foto landscape. Foto akan menjelaskan
tentang ISO , shutter speed, diafragma dan menceritakan konsep dari foto tersebut. Selanjutnya akan dijelaskan sesuai dengan kategori foto.
4.4.7 Form Halaman Pesan
Halaman pesan berfungsi sebagai interaksi antara member dengan admin. Jadi jika member kurang nyaman dengan web ini, member dapat mengkomplain
kepada admin agar cepat diperbaiki. Selain itu member juga dapat menanyakan dan memberi masukan terhadap web ini jika pada menú tutorial tidak lengkap
dalam hal penjabaran. Berikut adalah gambar dari form pesan.
Gambar 4.27 Halaman Pesan
4.4.8 Form Halaman Forum
Halaman forum berfungsi untuk komunikasi antara member satu dengan member yang lain. Didalam forum, admin akan memberikan topic bahasan untuk
di diskusikan. Tetapi selain admin, member juga dapat memposting topik jika member tersebut sudah mendaftar ke dalam forum. Didalam forum ini, member
yang sudah terdaftar pada forum ini dapat posting foto juga untuk didiskusikan. Agar bisa berdiskusi kedalam forum, member harus connect internet terlebih
dahulu. Untuk lebih jelasnya, lihat gambar 4.28
Gambar 4.28 Halaman Forum
4.4.9 Form Halaman
Login Admin
Sebelum mengisi tutorial atau mengisi lomba, admin harus login terlebih dahulu. Dan username dan password yang dipakai adalah sebagai berikut.
Gambar 4.29 Halaman login admin
Berikut adalah username dan password dari form login admin Username : Admin
Password : Rere reza
4.4.10 Form Halaman Daftar
dashboard Admin
Form dashboard admin berfungsi untuk menampilkan jumlah member, jumlah foto dan jumlah album yang telah terdaftar pada web fotografi ini. Berikut
adalah menunya.
Gambar 4.30 Halaman dashboard admin
4.4.11 Form Halaman Daftar
member Admin
Halaman ini berisi daftar member yang telah terdaftar pada web fotografi. Fungsi dari halaman ini, admin dapat membanned member yang curang atau
member yang tidak mematuhi peraturan. Jadi akun yang terdaftar di web fotografi akan secara otomatis mati, atau terbanned. Didalam form memberadmin ini
terdapat beberapa kolom biodata member yang telah terdaftar. Kolom tersebut adalah kolom foto, kolom username sebagai nama member yang terdaftar, nama
member, email member, nomor handphone member, status member, apakah member tersebut akunya aktif di web ini, dan kolom option yang berisi perintah
untuk membanned member jika melakukan kecurangan. Berikut adalah form-nya.
Gambar 4.31 halaman member admin
4.4.12 Form Halaman Daftar
Lomba Admin
Form lomba ini berfungsi untuk mengupload data event lomba yang akan diselenggarakan. Dalam menu ini terdapat 2 bagian, yaitu tambah lomba dan lihat
lomba. tambah lomba berfungsi untuk menginputkan data lomba, sedangkan lihat lomba untuk melihat hasil inputan dari tambah lomba. bagian menu ini terdapat
tgl_awalupload dan tgl_akhirupload, yang berfungsi untuk membatasi pengupload’an foto lomba dari tanggal yang sudah ditentukan oleh admin. berikut
adalah gambar dari tambah lomba.
Gambar 4.32 Halaman tambah lomba admin
Gambar 4.33 Halaman lihat lomba admin Halaman ini untuk melihat event yang sudah diinputkan dan dapat di edit jika
mengalami kesalahan dalam penginputan.
4.4.13 Form Halaman Daftar
tutorial Admin
Dalam menu ini dibagi menjadi 2 bagian, yaitu menu tambah kategori dan tambah tutorial. Fungsi dari menu ini adalah untuk memasukkan tutorial foto
sesuai dengan kategori yang telah ditentukan. Jadi jika foto tersebut foto pemandangan alam, maka foto tersebut akan masuk dalam kategori foto
landscape. Sedangkan jika obyeknya berupa serangga kecil, maka foto tersebut akan masuk kategori macro. Fungsi dari tambah kategori adalah untuk
memasukkan jumlah 5 kategori yang telah ditetapkan. Kategori tersebut adalah foto Landscape, Human interest, Model, Still alive, dan Macro. Bagian tambah
tutorial berfungsi untuk menambah tutorial yang akan dimasukkan kedalam web fotografi. Untuk lebih jelasnya berikut gambar dari bagian-bagian daftar tutorial.
Gambar 4.34 Halaman tutorial admin
Dan berikut adalah gambar dari tambah tutorial
Gambar 4.35 Halaman tutorial admin
4.4.14 Form Halaman
setting Admin
Halaman ini berfungsi untuk mengganti akun admin data yang dimasukkan lupa atau tidak ingat. Jadi admin dapat merubah passwordnya di
menu setting ini. Berikut adalah menu dari setting admin
Gambar 4.36 Halaman setting admin
4.4.15 Form Halaman
inbox Admin
Halaman ini berfungsi untuk menerima pesan dari member ke admin. Jadi member dapat langsung berinteraksi dengan admin dengan adanya menu pesan.
Lalu pesan akan masuk kedalam inbox admin. Berikut adalah gambarnya.
Gambar 4.37 Halaman inbox admin
4.5 Skenario Uji Coba
