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 Login/Register (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 Login/Register (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
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 voting/rating 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 selebaran/pengumuman 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.
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
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 member(admin) 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.
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
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