BAB III ANALISA DAN PERANCANGAN
3.1
Analisa Kebutuhan Sistem Fikom Photography Club (FPC) yang berdiri selama 11 tahun di
Universitas Mercu Buana, telah memberikan sarana bagi para penggemar fotografi bagi mahasiswa Universitas Mercu Buana itu sendiri. Namun dalam pemberian materi kepada pengguna baru masih sulit untuk dipahami karena modul yang tidak tersusun dengan rapih serta contoh foto sebagai pendukung materi. Kurangnya pameran yang diadakan FPC membuat kurangnya pembagian ilmu memotret sesama pengguna. Juga kurang pertukaran informasi baik seputar fotografi maupun diluar fotografi, seperti pemberitahuan lowongan pekerjaan atau yang lainnya. FPC juga masih kurang dalam mempromosikan club kepada pihak lain. Sebagai partner kerja apabila akan diadakan acara-acara mengenai fotografi. Untuk itu penulis mambangun situs web portal informasi dan komunikasi fotografi. Karena situs web merupakan salah satu fasilitas yang mudah digunakan bagi siapa saja dan dapat diakses dari mana saja, Situs web ini juga memberikan nilai tambah bagi para penggemar fotografi diluar kepenggunaan FPC. Dimana setiap panguna situs web dapat melihat kegiatan yang telah dilaksanakan maupun acara yang baru akan dilaksanakan serta pengunjung dapat melihat hasil karya foto dari para pengguna FPC. Sehingga FPC lebih dapat dikenal tidak hanya bagi lingkungan Universitas atau sesama mahasiswa yang menggemari fotografi, tetapi juga seluruh Indonesia bahkan mencakup internasional.
3.2
Analisa yang Diusulkan Dengan adanya masalah tersebut, maka penulis mengusulkan untuk
membangun situs web portal sebagai sarana komunikasi bagi pengguna maupun yang bukan pengguna. Alasan mengapa membangun situs web portal informasi dan komunikasi sebagai berikut:
55
1. Dengan menggunakan situs web portal, setiap pengguna dapat mengunduh modul materi fotografi yang tersusun. 2. Dengan menggunakan situs web portal, semua pengguna dapat menjalin komunikasi kepada pengguna club yang lain. 3. Dengan menggunakan situs web ini dapat memberikan sarana untuk bertukar informasi melalui forum diskusi sesama aggota club. 4. Memperkenalkan FPC sebagai club fotografi Universitas Mercu Buana kepada seluruh Pengguna internet. Dari keseluruhan komponen yang akan dibangun, maka didapatkan masukan, proses dan keluaran sebagai berikut: Masukkan: 1. Masukkan sistem pada sisi admin adalah mengisikan konten halamanhalaman situs web 2. Masukkan sistem pada sisi pengguna adalah membuat berita pada halaman forum Proses: 1. Admin melakukan login dengan memasukkan username dan password. kemudian sistem memvalidasi masukkan tersebut. 2. Member melakukan login dengan memasukkan username dan password. kemudian sistem memvalidasi masukkan tersebut. Keluaran: 1. Admin masuk kehalaman utama dan memilih konten halaman situs web yang akan di masukkan dan memposting. kemudian sistem akan menampilkannya. 2. Pengguna akan masuk kedalam halaman pengguna dan memilih membuat berita dan berita tersebut akan tampil pada halaman forum.
56
3.3
Perancangan Sistem Pada bagian perancangan sistem akan menjelaskan secara rinci
perancangan situs web portal informasi dan komunikasi fotografi yang meliputi pemodelan Use case Diagram, Activity Diagram, Sequence Diagram, dan Class Diagram. 3.3.1
Perancangan Use Case Diagram Use case diagram mendeskripsikan tipikal interaksi antara para
Pengguna sistem dengan sistem itu sendiri, dengan memberi sebuah narasi tentang bagaimana sistem tersebut digunakan. Berikut ini adalah use case diagram beserta flow of events (deskripsi skenario) secara umum. Diagram use case dari Aplikasi web portal fotografi dapat dilihat pada Gambar 3.1.
Gambar 3.1 Use case situs web portal fotografi
57
Dari gambar 3.1 dapat dilihat terdapat 3 aktor. Aktor pertama adalah admin yang berhubungan langsung dengan sistem dimana admin mengelola seluruh isi halaman situs web dan juga dapat berhubungan dengan Pengguna member. Aktor yang kedua adalah pengguna member. Pengguna dapat melihat semua halaman situs. Sedangkan aktor ketiga adalah pengguna non member. Pengguna ini dapat melihat halaman web kecuali mengikuti diskusi di halaman forum. Karena hanya penguna member saja yang dapat mengikuti diskusi web FPC dan juga kepada pengguna member lainnya.. Berikut ini merupakan penjelasan secara naratif kegiatan admin dan pengguna pada aplikasi situs web fotografi pada use case diagram Tabel 3.1 Spesifikasi naratif login Nama Use Case Deskripsi singkat
Login Use case ini disediakan bagi admin dan pengguna yang telah terdaftar sebagai anggota situs web ini untuk melakukan semua kegiatan yang ada dalam situs web ini. Bagi pengguna yang belum terdaftar dalam situs web ini. pengguna tidak dapat melakukan login
Aktor
Admin Pengguna member
Pra kondisi
-
Tindakan Utama
1. Admin memasukkan username dan password 2. Admin melakukan kelola data situs web 3. Pengguna memasukkan username dan password 4. Pengguna membuat berita pada halaman forum
Tindakan alternative
1. Jika pengguna belum terdaftar sebagai anggota, maka pengguna wajib mendaftar terlebih dahulu.
Pasca Kondisi
Jika use case berhasil dijalankan maka admin dapat mengelola data web. Pengguna dapat membuat berita pada halaman forum
58
A. Sisi Admin Tabel 3.2 Spesifikasi naratif masukkan data Nama Use Case
Masukkan Data
Deskripsi singkat
Use case ini disediakan untuk admin dalam memasukkan data dihalaman situs web
Aktor
Admin
Pra kondisi
-
Tindakan Utama
1. Admin memasukkan username dan password 2. Admin akan memasukkan data ke situs web
Tindakan alternative
-
Pasca Kondisi
Jika use case berhasil dijalankan maka admin dapat memasukkan data-data pada halaman web dan data pengguna
Tabel 3.3 Spesifikasi naratif perbaharui data Nama Use Case Deskripsi singkat
Perbaharui Data Use case ini disediakan bagi admin untuk memperbaharui data situs web
Aktor
Admin
Pra kondisi
-
Tindakan Utama
1. Admin memasukkan username dan password 2. Admin akan memperbaharui data dalam situs web
Tindakan alternative
-
Pasca Kondisi
Jika use case berhasil dijalankan data yang diperbaharui akan tersimpan didalam basis data
Tabel 3.4 Spesifikasi naratif hapus data Nama Use Case
Hapus Data
Deskripsi singkat
Use case ini disediakan bagi admin untuk menghapus data
Aktor
Admin
Pra kondisi
-
Tindakan Utama
1. Admin memasukkan username dan password 2. Admin akan menghapus data di situs web
Tindakan alternative
-
Pasca Kondisi
Jika use case berhasil dijalankan maka admin dapat menghapus data situs web
59
B. Sisi Pengguna Tabel 3.5 Spesifikasi naratif mendaftar pengguna Nama Use Case Deskripsi singkat
Mendaftar Pengguna Use case ini disediakan bagi pengguna untuk mendaftar menjadi anggota portal fotografi
Aktor
Pengguna non member situs web
Pra kondisi
-
Tindakan Utama
1. Pengguna mengisi data diri dan mendaftar
Tindakan alternatif
-
Pasca Kondisi
Jika use case berhasil dijalankan maka Pengguna akan berhasil terdaftar sebagai pengguna web portal fotografi
Tabel 3.6 Spesifikasi naratif melihat berita kegiatan FPC Nama Use Case Deskripsi singkat
Melihat Berita Kegiatan FPC Use case ini memungkinkan Pengguna untuk melihat beritaberita terbaru tentang kegiatan FPC
Aktor
Pengguna member dan non member situs web
Pra kondisi
-
Tindakan Utama
1. Pengguna memilih halaman utama
Tindakan alternatif
-
Pasca Kondisi
Jika use case berhasil dijalankan maka Pengguna dapat melihat isi berita seputar kegiatan FPC pada halaman utama
Tabel 3.7 Spesifikasi naratif membuat berita di forum diskusi Nama Use Case Deskripsi singkat
Membuat Berita Forum Use case ini memungkinkan Pengguna untuk membuat berita pada forum diskusi
Aktor
Pengguna member situs web
Pra kondisi
-
Tindakan Utama
1. Pengguna memasukkan username dan password 2. Membuat thread pada forum diskusi
Tindakan alternative
Apabila pengguna tidak memiliki username dan password, maka Pengguna harus mendaftar sebagai anggota terlebih dahulu
Pasca Kondisi
Jika use case berhasil dijalankan maka thread yang dibuat akan tampil pada halaman forum situs web
60
Tabel 3.8 Spesifikasi naratif melihat foto-foto Nama Use Case Deskripsi singkat
Melihat Foto Use case ini memungkinkan pengguna untuk melihat foto-foto pada halaman galeri
Aktor
Pengguna member dan non member situs web
Pra kondisi
-
Tindakan Utama
1. Pengguna memilih menu halaman galeri
Tindakan alternative
-
Pasca Kondisi
Jika use case berhasil dijalankan maka pengguna akan melihat foto-foto pada halaman galeri
Tabel 3.9 Spesifikasi naratif mengunduh modul Nama Use Case Deskripsi singkat
Mengunduh Modul Use case ini memungkinkan pengguna untuk mengunduh modul materi fotografi
Aktor
Pengguna member dan non member situs web
Pra kondisi
-
Tindakan Utama
1. Pengguna memilih halaman Modul 2. Pengguna memilih modul materi apa yang diinginkan 3. Pengguna mengunduh modul
Tindakan alternative
-
Pasca Kondisi
Jika use case berhasil dijalankan maka pengguna akan mendapatkan modul materi yang diinginkan
Tabel 3.10 Spesifikasi naratif melihat kontak Nama Use Case Deskripsi singkat
Menu Kontak Use case ini memungkinkan pengguna untuk melihat menu kontak situs web
Aktor
Pengguna member dan non member situs web
Pra kondisi
-
Tindakan Utama
1. Pengguna memilih menu kontak
Tindakan alternative
-
Pasca Kondisi
Jika use case berhasil dijalankan maka pengguna akan melihat kontak situs web yang dapat dihubungi
61
3.3.2 Perancangan Activity Diagram Activity diagram dapat menunjukkan konteks use case dan juga rincian bagaimana sebuah use case yang rumit berjalan. Diagram aktifitas menggambarkan langkah mana yang harus dijalankan secara beruntun dan langkah mana yang bisa dijalankan secara bersamaan. Berikut ini merupakan Activity diagram yang menjelaskan pada sisi admin dalam situs web fotografi. A. Sisi Admin 3.3.2.1 Activity Diagram Masukkan Data Admin
Sistem
Menampilkan Situs web Portal Fotografi Login Memasukkan
Cek username dan
username dan password
password
Tidak
Validasi
Ya Menampilkan Halaman Admin
Pilih Menu Yang Akan
Menampilkan Halaman
di Masukkan Datanya
Masukkan Data
Mengisi Form Data dan Masukkan Data Menyimpan Data Baru ke Dalam Basis Data
Gambar 3.2 Activity diagram Sisi Admin Masukkan Data 62
Pada gambar 3.2 diatas aktifitas dimulai jika admin akan melakukan kegiatan memasukkan data. Maka admin harus melakukan login terlebih dahulu dengan mengisi username dan password. Apabila sistem telah melakukkan validasi dan gagal, Maka admin harus mengisi form username dan password lagi. Namun apabila sistem berhasil memvalidasi data admin. Maka admin akan masuk ke halaman utama admin dan memilih menu untuk mengisi form yang akan dimasukkan datanya. Setelah mengisi data, lalu simpan ke dalam basis data. Data yang baru telah tampil pada halaman situs web.
3.3.2.2 Activity Diagram Sisi Admin Perbaharui Data Admin
Sistem
Menampilkan Menu Yang Akan di Perbaharui
Memilih Data Yang
Menampilkan Data Yang
Akan di Perbaharui
Akan di Perbaharui
Isi Form dan Perbaharui
Cek Data Yang Telah
Data
diperbaharui
Tidak
Data Telah di Isi Semua? Ya Ya Menyimpan Data Yang Baru ke Dalam Basis Data
Gambar 3.3 Activity diagram sisi admin perbaharui data Pada gambar 3.3 diatas aktifitas dimulai jika admin telah masuk dihalaman admin dan menampilkan data yang akan diperbaharui.kemudian admin memilih
63
daftar yang akan diperbaharui datanya. Setelah melakukan pengubahan data. Sistem akan melakukan pengecekan apakah data telah diisi semua. Apabila masih ada data yang kosong, maka sistem akan mengembalikanya ke form pengisian. Setelah semua data telah diisi, sistem menyimpan data yang telah dirubah ke dalam basis data . 3.3.2.3 Activity Diagram Hapus Data Admin
Sistem
Menampilkan Menu Halaman Admin Memilih Menu Data
Menampilkan Data Yang
yang Akan di Hapus
dipilih Oleh Admin
Melakukan Ceklist Data Yang Ingin dihapus Hapus Data Yang Telah
Memproses Hapus Data
dipilih
yang dipilih Admin
Data Yang Baru disimpan Dalam Basis Data
Gambar 3.4 Activity diagram sisi admin hapus data Pada gambar 3.4 diatas aktifitas dimulai jika admin telah masuk kehalaman admin dan memilih data yang telah ada. Kemudian sistem menampilkan data yang dipilih. Admin menghapus data yang diinginkan dan menyimpannya. Kemudian sistem memproses simpan data yang baru.
64
B. Sisi Pengguna 3.3.2.4 Activity Diagram Mendaftar Anggota Pengguna
Sistem
Menampilkan Situs web Portal Fotografi
Memilih Menu
Menampilkan Form
Pendaftaran
Pengisian Data
Mengisi Data Pendaftaran
Proses Data Yang Di
Menjadi Pengguna
Masukkan
Tidak
Data Telah di Isi Semua?
Ya Memproses Data Kedalam Basis Data
Pendaftaran Berhasil dan Masuk Halaman Pengguna
Gambar 3.5 Activity diagram mendaftar anggota Pada gambar 3.5 diatas aktifitas dimulai jika pengguna telah masuk ke halaman situs web portal fotografi. Setelah itu memilih untuk pendaftaran sebagai pengguna baru. Kemudian mengisi data yang diminta dan mendaftarkannya. Sistem memproses permintaan untuk mendaftar, apabila data berhasil maka akan ada pemberitahuan berhasil mendaftar dan data pengguna yang baru dimasukkan
65
kedalam basis data oleh sistem, lalu pengguna akan masuk kehalaman pengguna. Tetapi bila gagal maka Pengguna akan kembali kehalaman pengisian data untuk melengkapi persyaratan yang diminta. 3.3.2.5 Activity Diagram Melihat Berita Pengguna
Sistem
Menampilkan Situs web Portal Fotografi
Memilih Halaman Utama Untuk Melihat Berita Kegiatan FPC
Mengambil Isi Data Berita Dari Basis Data
Menampilkan Isi Berita Pada Halaman Utama
Gambar 3.6 Activity diagram ke halaman utama Pada gambar 3.6 diatas aktifitas dimulai jika pengguna masuk ke halaman situs web portal dan memilih menu halaman utama untuk melihat isi berita seputar kegiatan FPC. Lalu sistem akan mengambil isi berita dari basis data dan menampilkannya dalam halaman utama.
66
3.3.2.6 Activity Diagram Membuat Berita Forum Pengguna
Sistem
Menampilkan Situs web Portal Fotografi
Login Memasukkan
Cek username dan
username dan password
password
Tidak
Validasi Ya
Memilih Membuat
Menampilkan Halaman
Berita di Forum
anggota
Mengisi Form Untuk Melakukan Komunikasi Pada Forum Diskusi Memposting Berita Yang
Menyimpan ke Dalam
Telah Diisi Datanya
Basis Data
Menampilkan Berita di Halaman Forum
Gambar 3.7 Activity diagram membuat berita forum Pada gambar 3.7 diatas aktifitas dimulai jika pengguna telah masuk ke halaman situs web portal fotografi, kemudian Pengguna melakukan login. Apabila pengguna salah dalam mengisikan data atau belum terdaftar sebagai anggota situs web ini. Maka pengguna akan kembali kehalaman login. Tetapi apabila data berhasil maka pengguna akan masuk kehalaman anggota web.Setelah itu user memilih membuat berita atau member komentar untuk berita yang telah ada.
67
Kemudian anggota situs web memposting data yang telah diisi dan sistem akan menyimpan isi berita forum ke dalam basis data dan menampilkan berita yang telah dibuat oleh pengguna di halaman forum. 3.3.2.7 Activity Diagram Ke Halaman Galeri Pengguna
Sistem
Menampilkan Situs web Portal Fotografi Memilih Halaman Galeri Mengmbil Data-data Foto dari Basis Data
Menampilkan Foto ke Halaman Galeri
Gambar 3.8 Activity diagram ke halaman galeri Pada gambar 3.8 diatas aktifitas dimulai jika Pengguna telah masuk ke situs web portal fotografi. Setelah itu pengguna memilih menu galeri untuk melihat foto-foto. Kemudian sistem akan mengmbil data dari dalam basis data dan menampilkan isi foto dihalaman galeri.
68
3.3.2.8 Activity Diagram Mengunduh Modul Pengguna
Sistem
Menampilkan Situs web Portal Fotografi Memilih Halaman Modul Menampilkan Modul Yang Berada Pada Halaman Modul Memilih Modul Yang diinginkan Pengguna
Melakukan Unduh Modul
Memberikan Modul Yang
Yang Telah dipilih
Telah dipilih Pengguna
Gambar 3.9 Activity diagram mengunduh modul Pada gambar 3.9 diatas aktifitas dimulai jika pengguna telah masuk ke halaman situs web dan memilih halaman modul untuk mengunduh modul yang telah disediakan. Kemudian pengguna memilih modul yang ingin diunduh dan melakukan unduh dat sistem akan memberikan modul yang telah dipilh oleh pengguna.
69
3.3.2.9 Activity Diagram Melihat Kontak Pengguna
Sistem
Menampilkan Situs web Portal Fotografi Memilih Halaman Kontak FPC Menampilkan Halaman kontak Melihat Kontak Umum FPC
Gambar 3.10 Activity diagram melihat kontak Pada gambar 3.10 diatas aktifitas dimulai jika pengguna telah masuk ke situs web portal fotografi. setelah itu pengguna ingin mengetahui kontak umum FPC yang dapat dihubungi. Pengguna memilih menu kontak pada halaman situs web dan sistem akan menampilkan isi dari halaman kontak.
3.3.3 Perancangan Sequence Diagram Diagram Sequence digunakan untuk menggambarkan perilaku pada sebuah scenario. Diagram ini menunjukkan sejumlah contoh objek dan pesan yang diletakkan diantara objek-objek. Komponen utama sequence diagram terdiri atas objek yang dituliskan dengan kotak segiempat bernama. Pesan diwakili oleh garid dengan tanda panah dan waktu yang ditunjukkan dengan progress vertical (Munawar, 2005). Dari bentuk use case yang telah digambarkan sebelumnya, dapat dibuat sequence diagram yang tampak pada
70
A. Sisi Admin
Form Pengisian Data
Data Login
Halaman Admin
Menu
Masukkan Data
Basis Data
Admin Memasukkan Username dan Password
Verifikasi Data Data Valid
Memilih Menu Data Yang Akan Dimasukkan Mengisi dan Memasukkan Data ke Dalam Situs web
Data Tidak Valid
Menyimpan Data Yang Telah dibuat
Gambar 3.11 Sequence Diagram Sisi Admin Memasukkan Data
Halaman Admin
Menu
Simpan Data
Data
Cek Isi Data Baru
Basis Data
Admin Masuk Ke Halaman Admin Tampilan Halaman Menu
Memilih Menu Data Yang Akan Diperbaharui
Mengisi Data Lama Dengan Data yang Baru Data Telah Diisi Semua Menyimpan Data Yang Baru Data Ada Yang Belum Diisi
Data Berhasil Disimpan
Gambar 3.12 Sequence Diagram Sisi Admin Perbaharui Data
71
Halaman Admin
Menu
Data
Hapus Data
Basis Data
Admin Masuk Ke Halaman Admin Tampilan Halaman Menu Memilih Menu Data Pilih Data Yang Akan di Hapus Simpan Data Yang Baru Kedalam Basis Data
Gambar 3.13 Sequence Diagram Sisi Admin Hapus Data
B. Sisi Pengguna
Form Pengisian Data
Memproses Data
Simpan Data
Basis Data
Halaman Anggota
Pengguna Memilih Menu Pendaftaran Mengisi Data Diri Pada Form Pendaftaran Mendaftar Anggota Data Telah Diisi Semua
Pengguna Berhasil Tedaftar Sebagai Anggota
Data Masih Ada Yang Kosong
Gambar 3.14 Sequence Diagram Sisi Pengguna Mendaftar Anggota
72
Berita Kegiatan FPC Pengguna
Memilih Menu Halaman Utama
Gambar 3.15 Sequence Diagram Sisi Pengguna Melihat Halaman Berita
Halaman Login
Basis Data
Halaman Anggota
Halaman Forum
Data
Basis Data
Pengguna (Anggota)
Memasukkan Username dan Password Verifikasi Data Data Tidak Valid
Data Valid Memilih Halaman Forum Berita
Mengisi Data Untuk Membuat atau Memberi Komentar Simpan Data Berita Forum
Gambar 3.16 Sequence Diagram Sisi Anggota Membuat Berita di Halaman Forum
73
Melihat Foto-foto
Pengguna Memilih Menu Halaman Galeri
Gambar 3.17 Sequence Diagram Sisi Pengguna Melihat Halaman Galeri
Halaman Modul
Data-data Modul
Modul
Pengguna Memilih Menu Halaman Modul
Memilih Modul Yang Diinginkan
Mengunduh Modul Yang dipilih
Gambar 3.18 Sequence Diagram Sisi Pengguna Mengunduh Modul
74
Melihat Kontak FPC
Pengguna Memilih Menu Halaman Kontak
Gambar 3.19 Sequence Diagram Sisi Pengguna Melihat Halaman Kontak
3.3.4 Perancangan Class Diagram Class adalah sebuah spesifikasi yang jika diinstansiasi akan menghasilkan sebuah objek dan merupakan inti dari pengembangan dan desain berorienasi objek. Class menggambarkan keadaan (atribut/properti) suatu sistem, sekaligus menawarkan layanan umtuk manipulasi keadaan tersebut (metode/fungsi). Class diagram juga menggambrkan struktur dan deskripsi class, package, dan objek beserta hubungan satu sama lain seperti isi, pewarisan, asosiasi, dll. Class memiliki 3 area pokok: 1. Nama (dan stereotype) 2. Atribut 3. Metode Atribut dan metode dapat memiliki salah satu sifat berikut: 1. Private, tidak dapat dipanggil dari luar class yang bersangkutan.
75
2. Protected, hanya dapat dipanggil oleh class yang bersangkutan dan anak-anak yang mewarisinya. 3. Public, dapat dipanggil oleh siapa saja. Class dapat merupakan implementasi dari sebuah interface, yaitu class abstrak yang hanya memiliki metode. user
Berita
id_user
id_berita
nama_pengguna
tanggal_masukkan
nama_lengkap
judul
level_otorisasi
subjudul
jenis_kelamin
memasukkan berita isi
TTL
mengubah berita
email memasukkan data password mengubah data
menghapus berita Forum
menghapus data
id_forum nama title post modul
galeri
showtime realtime
id_modul
id_foto
lastposters
nama_file
nama_foto
numreplies
memasukkan gambar
parented memasukkan konten lastrepliedto menghapus konten
tipe_file ukuran memasukkan modul
menghapus gambar
menghapus modul
Gambar 3.20 Class Diagram situs web portal fotografi 3.4 Perancangan basis data Basis data terdiri dari 2 kata, yaitu Basis dan Data. Basis kurang lebih dapat diartikan sebagai markas atau gudang, tempat bersarang atau berkumpul.
76
Sedangkan Data adalah representasi fakta dunia nyata yang mewakili suatu objek seperti manusia (pegawai, user, pembeli, pelanggan) yang direkam dalam bentuk angka, huruf, simbol, teks, gambar, atau kombinasinya.(Fathansyah, 1999:2). Proses perancangan basis data, terlepas dari masalah yang ditangani dibagi menjadi tiga tahapan (janner simarmata dan imam Parayudi, 2005:2), yaitu perancangan basis data secara konseptual, proses perancangan basis data secara logis dan juga proses perancangan basis data secara fisik. 3.4.1 Konseptual Perancangan basis data secara konseptual merupakan upaya untuk membuat model yang masih bersifat konsep, untuk mendeskripsikan datadata, relasi antar data, semantic data dari konsestensi konstrain. Berikut ini merupakan gambar dari proses perancangan basis data secara konseptual. a. Entitas Entitas adalah objek dalam dunia nyata yang bisa dibedakan dari objek lain (raghu ramakrishan dan Johannes Gherke, 2003:21) Obyek dasar
Simbol Entital
User
user
Foto
foto
Berita
berita
Forum
forum
Modul
modul
Gambar 3.21 Entitas
77
b. Atribut Atribut adalah keterangan – keterangan yang terkait pada sebuah entitas yang perlu disimpan sebagai basis data jenis_kelamin
id_user
tempat,tanggal
nama_pengguna
lahir
user
nama_lengkap
email
level_otorisasi
password
Gambar 3.22 Atribut pada entitas user
id_berita sub_judul
berita
tanggal_masukkan
isi judul
Gambar 3.23 Atribut pada entitas berita
id_foto
foto
nama_foto
Gambar 3.24 Atribut pada entitas foto
78
realtime
id_forum
nama
lastposter
title
numreplies
forum post
parentid
showtime
lastrepliedto
Gambar 3.25 Atribut pada entitas forum
id_modul
tipe_file
modul ukuran
nama_file
Gambar 3.26 Atribut pada entitas modul
c. Relasi Relasi adalah asosiasi antara suatu entitas dengan entitas yang lainya. Relasi dapat digunakan untuk menjawab pertanyaan – pertanyaan yang tidak dapat dijawab hanya oleh keberadaan entitas secara mandiri
79
1.*
1.1
1.* (me
membuat
1.*
1.* membuat
1.1 mengunduh/ mengunggah
1.1
mengunggah
1.*
Gambar 3.27 Relasi antar entitas user, berita, foto, forum dan modul Pada gambar 2.27 relasi antara entitas adalah user membuat berita, user melakukan unggah dan unduh modul, user mengunggah foto dan user membuat berita pada forum 3.4.2 Proses perancangan basis data logik Perancangan basis data secara logik dimulai dengan penciptaan model konseptual dari organisasi dan seluruhnya tak bergantung pada rincian implementasi seperti perangkat lunak DBMS, program aplikasi, bahasa pemrograman, platform perangkat keras dan pertimbangan fisik lainya. Model konsep ini kemudian di petakan menjadi model data secara logik yang telah dipengaruhi model data target basis data seperti model relasional. Berikut perancangan basis data secara logik.
80
1.*
1.1
1.* (me
membuat
1.*
1.* membuat
1.1 mengunduh/ mengunggah
1.1
mengunggah
1.*
Gambar 3.28 Perancangan basis data secara logik Perancangan basis data logik tidak mengalami perubahan dari basis data fisik 3.4.3 Proses perancangan basis data fisik Perancangan basis data secara fisik adalah proses memproduksi deskripsi
implementasi
basis
data
pada
penyimpanan
sekunder,
mendeskripsikan struktur-struktur penyimpanan dan metode pengaksesan dalam meningkatkan efektifitas pengaksesan. Pada tahap ini, perancangan fisik telah ditujukan untuk sistem DBMS tertentu. Proses basis data tingkat fisik sudah dikaitkan dengan platform dan perangkat lunak sistem manajemen basis data dimana basis data diimplementasikan.
81
a. Kamus data Kamus data merupakan sebuah model data yang berfungsi membantu pelaku sistem untuk
mengerti aplikasi secara detail
(Dhewiberta Hardjono, 2006:183). Setiap data yang terdapat didalam sebuah tabel berupa field field yang berisi nilai dari data tersebut. Nilai data pada field memiliki nilai data tersendiri. Kamus data beri daftar atribut yang diapit kurung kurawal (“{“,”}”). atribut yang berfungsi key juga dibedakan dengan yang bukan key dengan cara di garis bawahi atribut tersebut. Kamus data dari ERD diatas adalah sebagai berikut: user
= {id_user + nama_pengguna + nama_lengkap + jenis_kelamin + tl
+
email + password}
berita = {id_berita + tanggal_masukkan + judul + subjudul + isi} forum = {id_forum + nama + title + post + showtime + realtime + lastposter foto
+ numreplies + parented + lastrepliedto}
= {id_foto + nama_foto}
modul = {id_modul + nama_file + tipe_file + ukuran }
3.4.4 Pemodelan diagram keterhubungan Entitas Model Entity-Relantionship yang berisi komponen-komponen Himpunan Entitas dan Himpunan Relasi yang masing-masing dilengkapi dengan atribut-atribut yang merepresentasikan seluruh fakta dari “dunia nyata” yang kita tinjau, dapat digambarkan dengan lebih sistematis dengan mengunakan Diagram Entity-Relantionship (ERD).
82
Berikut ini gambar ERD yang memberikan gambaran atas keterhubungan antar entitas:
1.*
1.1
1.* (me
membuat
1.*
1.* membuat
1.1 mengunduh/ mengunggah
1.1
mengunggah
1.*
Gambar 3.29 Diagram ERD situs web portal fotografi Dari diagram ERD diatas dijelaskan pada entitas user dan berita adalah 1 user (admin) memiliki banyak berita dan 1 berita hanya memiliki 1 user (admin). Pada entitas user dan foto adalah 1 user (admin) memiliki banyak foto dan 1 foto hanya memiliki 1 user (admin). Pada entitas user dan forum adalah 1 user memiliki banyak berita forum dan 1 berita forum dapat dimiliki banyak user.
83
3.4.5 Spesifikasi basis data 1. Tabel user Tabel ini digunakan untuk menyimpan data anggota yang melakukan pendaftaran.
Tabel
ini
terdiri
dari
id_user,
nama_pengguna,
nama_lengkap, jenis_kelamin, tl, email, password nama tabel : db_user primary key : id_user Tabel 3.11 Tabel user Atribut id_user level_otorisasi nama_pengguna nama_lengkap jenis_kelamin Tl Email Password
Tipe Int Enum(admin,anggota) Varchar Varchar Enum(pria,wanita) Date Varchar Varchar
Panjang 5 30 30
30 15
Keterangan id Level akses Nama untuk login Nama lengkap user Jenis kelamin Tanggal lahir user Email user Password
2. Tabel berita Tabel ini digunakan untuk menyimpan data berita yang dimasukkan oleh admin. Tabel ini terdiri dari id_berita, tanggal_masukkan, judul, subjudul, isi. nama tabel : db_berita primary key : id_berita Tabel 3.12 Tabel berita Atribut Tipe id_berita Int Tanggal_masukkan Date Judul Subjudul Isi
Panjang 5
Keterangan No id berita Tanggal masukkan berita ke situs web Judul Subjudul berita Isi berita
Text Text Text
84
3. Tabel forum Tabel ini digunakan untuk menyimpan data forum. Tabel ini terdiri dari nama tabel : db_forum primary key : id_forum Tabel 3.13 Tabel forum Atribut id_forum Nama title Post Showtime Realtime Lastposter Numreplies Parented Lastrepliedto
Tipe bigint Varchar Varchar mediumtext Varchar Bigint Varchar Bigint Bigint Bigint
Panjang 10 150 250 250 20 255 20 10 20
Keterangan Id Nama user Judul post Isi posting Waktu saat post Nama terakhir membalas post Jumlah balasan post Id post Balasan terakhir post
4. Tabel foto Tabel ini digunakan untuk menyimpan foto-foto. Tabel ini terdiri dari id_foto, nama_foto nama table : db_foto primary key : id_foto Tabel 3.14 Tabel foto Atribut id_foto nama_foto
Tipe Int Varchar
Panjang 5 50
Keterangan id foto Judul foto
5. Tabel modul Tabel ini digunakan untuk menyimpan data materi modul. Tabel ini terdiri
dari id_modul, nama_file, tipe_file, ukuran nama tabel : db_modul primary key : id_modul
85
Tabel 3.15 Tabel modul Atribut id_foto nama_foto tipe_file Ukuran
Tipe Int Varchar Varchar Varchar
Panjang 5 50 10 15
Keterangan id foto Judul foto Format file modul Ukuran file modul
3.5 Perancangan Antarmuka banner Home
Forums
Gallery
Module
Contact Us
Halaman Web Halaman Utama
sub halaman
iklan
Gambar 3.30 Rancangan halaman utama Halaman Web situs web portal fotografi Gambar 3.30 adalah rancangan halaman situs web portal fotografi Universitas Mercu Buana dimana terdapat beberapa kolom diantaranya banner, halaman web utama, sub-halaman web, iklan dan menu halaman didalamnya, yaitu menu home, menu forums, menu gallery, menu module, menu contact us. Menu Home berisi tentang berita seputar kegiatan klub FPC baik yang sudah dilaksanakan maupun yang baru akan dilaksanakan atau informasi mengenai fotografi lainnya.
86
banner Home
Forums
Gallery
Module
Contact Us
Halaman Web Konten Forum
halaman utama anggota
iklan
Gambar 3.31 Rancangan tampilan situs web portal halaman Forums Halaman Menu Forums berisi diskusi dan tempatWeb bertukar informasi sesama bagi
anggota FPC atau pengguna web yang telah melakukan pendaftaran di situs web fotografi ini. banner Home
Forums
Gallery
Module
FotoHalaman FotoWeb sub halaman
1
Contact Us
Foto
Foto
3
4
2
utama
Konten Galeri Foto
Foto
Foto
Foto
5
6
7
8
iklan
Gambar 3.32 Rancangan tampilan situs web halaman Gallery Halaman Web
Menu Gallery berisi foto-foto untuk saling membagi ilmu mengenai hasil latihan memotret.
87
banner Home
Forums
sub halaman
Gallery
Module
Contact Us
Modul 1 Web Halaman Modul 2 Modul 3
utama
Modul 4
Konten modul iklan
Gambar 3.33 Rancangan tampilan situs web portal halaman Module Web Menu Module berisikan modulHalaman materi dasar-dasar fotografi yang dapat
diunduh langsung oleh pengunjung situs web.
banner Home
Forums
Gallery
Module
Contact Us
Halaman Web sub halaman
Konten Kontak FPC
utama
iklan
Gambar 3.34 Rancangan tampilan situs web portal halaman Contact Us Halaman Web
Menu Contact Us adalah kontak klub fotografi yang dapat dihubungi oleh pengunjung atau informasi singkat mengenai FPC.
88
banner Home
Forums
Gallery
Module
Contact Us
Halaman Web halaman utama admin
Halaman Menu admin iklan
Gambar 3.35 Perancangan tampilan situs web portal Halaman Web halaman manage data web Menu utama manage data web ini merupakan menu untuk mengelola data pada setiap halaman situs web. Halaman ini hanya dapat diakses dan dikelola oleh admin.
89
