48
BAB III
PERANCANGAN SISTEM
3.1 Analisa Sistem
Berdasarkan latar belakang dan perumusan masalah yang terdapat dalam bab sebelumnya dapat diketahui perancangan yang dilakukan untuk membuat
Web tutorial dan kompetisi fotografi komunitas D’Best Photography ini. Dalam web ini nantinya akan dibagi dalam 3 bagian yaitu admin, member,
dan pengunjung. Pada bagian member, digunakan untuk pengunjung yang melihat ke dalam web ini dan bergabung ke dalam komunitas D’best Photography. Setelah
menjadi member, member dapat mengikuti kompetisi fotografi yang diadakan dan dapat mengupload foto yang terbagus agar dapat dinilai oleh pengunjung dengan
merating foto tersebut. Halaman admin akan digunakan oleh admin untuk mengelola web seperti,
melakukan banned, memberikan tutorial foto, memberikan jadwal dan pengadaan kompetisi, dan menjawab pesan dari pengunjung secara internal saat pengunjung
web bertanya tentang fotografi kepada admin. Pengunjung, berfungsi sebagai penilai foto saat foto kompetisi di upload
oleh member yang mengikuti kompetisi dan dapat memberikan komentar kepada foto tersebut. Selain itu Pengunjung juga dapat mempelajari tutorial dari foto yang
telah disediakan oleh admin. Dan pengunjung juga dapat mendaftar sebagai
member jika berminat untuk bergabung dan mengikuti lomba yang diadakan oleh komunitas D’Best Photography.
3.2 Perancangan Sistem
Pada sub-bab ini akan dijelaskan tentang perancangan pembuatan Web Tutorial dan Kompetisi fotografi, dimulai dari awal pembuatan sampai pada
aplikasi, dimana didalamnya terdapat kebutuhan perangkat keras dan perangkat lunak, Flowchart dan deskripsi aplikasi kebutuhan perangkat lunak.
3.2.1 Alur Aplikasi
Dalam perancangan sistem dibutuhkan alur aplikasi yang sistematis dan searah sehingga dapat terencana dengan baik. Dalam web
ini, Penulis membagi alur web ini menjadi sebelas bagian, sebelas bagian tersebut adalah alur pada userumum, rating, login, cek kode. alur
member, komentar. alur pada admin, akun admin, banned, kategori, lomba. Alur pada user menerangkan tentang menu-menu yang umum yang
ada dalam web ini dan bagaimana cara untuk mengaksesnya. Menu yang terdapat pada userumum antara lain beranda, galeri, serba-serbi,
lombakompetisi, tutorial, pesan, forum, dan logout. Pada bagian admin menunya antara lain, Dasboard, member, lomba, tutorial, akun admin,
inbox, dan logout. Dalam Gambar 3.1 penulis menggambarkan alur userumum. Dalam alur tersebut terdapat pengecekan login dan register
menuju halaman member yang hampir sama dengan tampilan dari halaman userumum. Yang membedakan antara member dan user, member dapat
mengikuti lomba sementara user hanya bisa menilai dan melihat tutorial
foto yang di upload pada web fotografi ini. selanjutnya user akan memasukkan username dan password yang dimiliki. Sistem akan
melakukan pengecekan pada username dan password yang dimasukkan. Jika username dan password-nya benar user akan di bawa masuk ke
halaman member yang di gambarkan alurnya pada gambar 3.1. Jika username dan password salah maka user akan di bawa ke menu login
kembali.
Start
Beranda
Serba-serbi
Tutorial Tampil
Home
Tampil serba-
serbi
Tampil Tutorial
Galeri Tampil
Galleri
Ya
Forum Lomba
kompetisi
Pesan
Register Login
Tampil Forum
Isi Pesan
Input Pendaftaran
Data Pendaftaran
Ya Tidak
Ya
Ya
Ya
Tidak Ya
Ya
End
Tidak Tidak
Tidak
Tidak Tidak
Tidak Ya
Ya Tidak
Klik pilihan
Data pesan
Rating Rating
Login
Gambar 3.1 Flowchart User Umum
Gambar di atas menggambarkan alur ketika user belum login. Setelah login pengujung akan masuk ke halaman member. Selanjutnya
user dapat merating foto jika sudah mengakses web. Alur dari merating akan di jelaskan pada gambar 3.2.
Rating
Foto Lomba
Menu Rating
Input no HP
Cek no HP==ada
Sms masuk ke no HP
kirim
Session waktu == batas rating
Cek Kode
Sms rating gagal
balas End
Ya
Tidak
Tidak Ya
Ya
Gambar 3.2 Flowchart Rating
Selanjutnya setelah proses rating, terdapat fungsi cek kode untuk validasi dalam merating. Pengecekan dilakukan oleh sistem, agar saat
merating, pasti ada user yang merating dua kali atau lebih saat merating foto. Untuk itu dilakukan pengecekan kode saat nomor handphone sudah
dimasukkan untuk merating agar kode yang telah merating tidak dapat digunakan kembali. Karena proses rating hanya dilakukan satu kali.
Berikut adalah alur dari cek kode.
Cek Kode
Input Kode
Kode==sama
Rating gagal
Rating sukses
Update rating
End Tidak
Ya
Gambar 3.3 Flowchart cek kode Proses cek kode sudah selesai, jika user ingin mengikuti lomba
maka harus mendaftar menjadi member. Setelah mendaftar menjadi member, user harus login telebih dahulu untuk mendaftar lomba. berikut
adalah proses dari login
Login
Input login
Data admin Data member
Tampilan admin
Tampilan member
End Tidak
Ya Tidak
Gambar 3.4 Flowchart Login Setelah login, maka member dapat mengikuti lomba dan dapat
membuat akun sendiri didalam web fotografi ini. Alur halaman yang digambarkan setelah login hampir sama dengan alur user yang dijelaskan
pada gambar 3.1, yang membedakan antara user dan member hanya perintah logout saat memberuser sudah masuk kedalam sistem karena di
dalam menu user terdapat menu login dan register. Sedangkan alur member, user sudah terdaftar dalam web tersebut dan dapat mengikuti
lomba. Berikut adalah alurnya.
Beranda
Serba-serbi
Tutorial Tampil
Home
Tampil serba-
serbi
Tampil Tutorial
Galeri Tampil
Galleri
Ya
Forum Lomba
kompetisi
Pesan
Tampil Forum
Isi Pesan
Ya Tidak
Ya
Ya
Ya
End
Tidak
Tidak
Tidak
Tidak Ya
Ya Tidak
Pilihan
Tidak
Data pesan
Member
Komentar
Tampilan Halaman
Daftar Lomba
Tampilan Halaman
Input Data
Ya
Data Lomba
Logout
Tidak
Ya Tidak
Gambar 3.5 Flowchart member Berikutnya adalah alur untuk melakukan komentar foto. Karena
member dapat mengomentari foto member lain di menu serba-serbi. Untuk lebih jelasnya akan dijelaskan pada alur komentar berikut
Komentar
Beri komentar==True
Tambah Komentar
Data komentar
End Ya
Tidak
Gambar 3.6 Flowchart komentar Berikutnya penulis akan menjabarkan alur dari admin. Pada
halaman admin terdapat 7 menu utama, di antaranya, dashboard, member, lombakompetisi, tutorial, Akun admin, inbox, dan logout.
Pada menu Dashboard digunakan untuk menampilkan isi data member yang telah terdaftar pada komunitas D’best Fotografi. Menu
member digunakan untuk mengelola daftar member seperti banned member, ketika salah satu member curang atau berbuat tidak baik, admin
berhak menonaktifkan akunnya . Ketika masuk menu member maka akan langsung tampil member-member yang sudah register. Menu
lombakompetisi digunakan untuk menambahkan event lomba yang akan diadakan serta memberikan tenggang waktu untuk mendaftar kompetisi
dan merating foto saat penilaian. Jika waktu yang telah ditentukan sudah
terlewat, maka member tidak dapat mengikuti kompetisi tersebut. Selain itu user tidak dapat merating lagi jika jangka waktu yang sudah ditentukan
telah habis. Berikut adalah alur dari menu admin
Dashboard
Member
Lomba Tampil
Dashboard Tampil
Member
Tutorial
Akun admin
Inbox Tampil Data
Pesan
Logout
End
Ya Tidak
Ya Tidak
Ya
Ya Tidak
Tidak Ya
Tidak
Tidak
Ya Ya
Tidak
Klik pilihan
Admin
Banned
Lomba
Kategor
i
Setting
Gambar 3.7 Flowchart Admin
Penjelasan selanjutnya adalah Menu tutorial, digunakan untuk menambahkan foto tutorial mulai dari settingan kamera sampai hasil foto
yang dihasilkan dari settingan kamera tersebut. dan sesuai dengan kategori yang telah ditentukan. Kategori tersebut adalah foto Landscape, Human
Iterest, Model, Macro, dan Still Alive. Menu akun admin di gunakan untuk mengganti password dan username dari admin. Menu inbox digunakan
untuk menerima pesan dari member dan pengunjung. Jadi member dan pengunjung dapat berkomunikasi langsung dengan admin jika mereka
mengalami kesulitan atau terdapat kekurangan pada web fotografi ini. Menu logout digunakan untuk keluar dari halaman admin.
Menu admin dibagi beberapa bagian, pada menu admin terdapat menu member yang memiliki fungsi membanned. Jadi admin dapat
menonaktifkan akun member ketika salah satu member melakukan hal yang tidak baik, seperti melakukan kecurangan dalam peratingan atau
mengupload foto porno di web ini. Untuk lebih jelasnya, berikut adalah alur dari banned member.
Banned
Banned==True
Banned member
End
Ya
Tidak
Gambar 3.8 Banned member
Fungsi Berikutnya admin dapat menambahakan tutorial dan menambahkan lomba. jadi menu tutorial pada alur user dan member
ditambahkan oleh admin dan admin juga mengadakan lomba dengan mengupload posterbrosur untuk memberitahu kepada member untuk
mengikuti lomba yang diadakan. Dan poster lomba akan masuk kedalam menu lomba di halaman user atau member. Berikut adalah alur fungsi dari
tutorial dan lomba pada admin.
Lomba
Tambah Lomba==true
Input Lomba
Data Lomba
Banned
Control Panel edit
Edit
Hapus
Hapus==true
Hapus Lomba
Banned==True
Banned Lomba
End
Edit==true Lihat Lomba
Control Panel banned
Control Panel hapus
tidak
tidak
tidak
tidak Ya
Ya
Ya Ya
Ya
Ya Ya
tidak Tampil Lihat
Lomba Ya
Klik Pilihan
Tidak
tidak
tidak
Gambar 3.9 Flowchart lomba pada admin
Setelah melakukan fungsi lomba, admin melakukan fungsi tutorial. Berikut adalah alur dari tutorial.
Kategori
Kategori==true Tambah
kategori Data kategori
Ya
Tambah Tutorial
Klik Pilihan
Data Tutorial Tutorial==true
Edit
Hapus Edit kategori
Edit tutorial
Hapus kategori
Hapus tutorial ya
ya
End tidak
Ya
Control panel edit
Control panel hapus
tidak
tidak
tidak ya
ya
Gambar 3.10 Flowchart tutorial
Selain itu admin juga dapat merubah akunya sendiri jika admin sudah bosan dengan username yang dipakai atau ingin mengubah
password jika password yang lama sudah diketahui oleh member atau user yang lain. Untuk lebih jelasnya, berikut adalah alurnya.
Setting
Tampil data
Data admin Ubah data admin
End ya
tidak
Gambar 3.11 Flowchart akun admin Didalam menu akun admin, terdapat fungsi setting . pada gambar
3.11, fungsi setting memiliki alur untuk merubah atau mengupdate data pribadi dari admin. Jadi bukan member saja yang memiliki data
pribadiakun, tetapi admin juga memilikinya. karena untuk keamanan data dan web yang telah dibuat oleh admin.
3.2.2 Context Diagram
Diagram context mengacu pada Flowchart Alur, yang menjelaskan tentang aliran data secara umum dan akan menjadi dasar dalam
penyusunan sistem ke level selanjutnya. Pada diagram context ini terdapat tiga entity yaitu admin, member dan pengunjung. Penjelasan untuk
masing-masing external entity yang mengelilingi proses pada DFD level context adalah sebagai berikut:
a. Admin
Admin dalam Web Tutorial dan Kompetisi Fotografi adalah orang yang dapat mengelola tutorial foto pada website dan menambahkan
pengadaan event kompetisi fotografi, seperti menambah,menghapus dan merubah baik itu tutorial maupun event kompetisi. Admin
diwajibkan login terlebih dahulu untuk dapat memasuk ke halaman admin.
b. Member
Member dalam sistem web fotografi ini adalah orang yang mengikuti kompetisi fotografi. Member diwajibkan login terlebih
dahulu untuk dapat mengakses dan mendaftar untuk mengikuti kompetisi.
c. Pengunjung
Pengunjung merupakan orang yang berkunjung ke web fotografi ini yang bisa melakukan rating dan komen pada foto yang telah
diupload.
Gambar 3.12 Context Diagram Web Fotografi.
3.2.3 Data Flow Diagram
Dari context diagram yang telah dibuat sebelumnya, maka dapat digambarkan lebih detail lagi untuk proses pada masing-masing level
dalam pembuatan DFD Data Flow Diagram. Data Flow Diagram menggambarkan aliran data yang bergerak dari dan ke dalam proses.
a. DFD Level 0
Kategori