Gambar 4.1 Script SQL Database Sistem Informasi Komunitas
4.3 Implementasi Antar Muka
Pada tahapan implementasi ini, akan dijelaskan mengenai implementasi antar muka dari sistem yang telah dibuat berdasarkan pada perancangan sistem
yang telah dibahas pada bab sebelumnya. Pada Sistem Informasi Komunitas ini terdapat beberapa form sistem yg saling sinergi dalam menghasilkan Sistem
Informasi Komunitas. Berikut beberapa form sistem tersebut :. a.
Form tampilan utama Profil BEM b.
Form Data Berita serta Komentar Berita c.
Form User Online d.
Form Chatting e.
Form Galeri Foto Kegiatan f.
Form Pendaftaran Anggota g.
Form Login Anggota h.
Form Admin
4.3.1 Form Tampilan Utama Profil BEM
Pada halaman utama aplikasi dari Sistem Informasi Komunitas, user dapat
DROP TABLE IF EXISTS `prestasi`; CREATE TABLE `prestasi`
`id_prestasi` int10 NOT NULL auto_increment, `id_komu` int10 default NULL,
`tahun` varchar20 collate latin1_general_ci default NULL, `prestasi` varchar50 collate latin1_general_ci default NULL,
`deskripsi` text collate latin1_general_ci, PRIMARY KEY `id_prestasi`,
KEY `fk_mengadakan` `id_komu` ENGINE=MyISAM AUTO_INCREMENT=15 DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci;
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
melihat profil mengenai BEM, baik informasi mengenai Visi Misi, Tujuan, Sejarah, berita serta informasi lainnya yang ada pada halaman utama dari aplikasi
tersebut. Pada menu terdapat link untuk menuju ke halaman Komunitas yang ingin kita tuju, seperti Komunitas Mahasiswa Interest Oracle MIO ataupun Komunitas
yang lainnya. Berikut adalah tampilan utama dari aplikasi :
Gambar 4.2 Halaman Depan dari Sistem Informasi Komunitas
4.3.2 Form Data Berita serta Komentar Berita
Pada halaman berita, user dapat melihat berbagai berita yang berasal dari Komunitas. Berita tersebut terdapat infomasi komentar dari para Anggota
Komunitas yang bersangkutan sehingga dapat dijadikan bahan tukar pendapat untuk berita tersebut. Hanya user yang yang telah terdaftar dan telah login dapat
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
memberikan komentar terhadap berita yang bersangkutan untuk masing – masing Komunitas. Berikut adalah isi dari berita Komunitas serta komentar berita yang
berasal dari Anggota.
Gambar 4.3 Halaman Berita Komunitas
4.3.3 Form User Online
Form user online digunakan untuk fasilitas chatting, yang letaknya berada di sebelah kanan panel. user online menampilkan semua user yang sedang aktif
login yang berada dalam ruang lingkup satu Komunitas yang sama dan tidak pada Komunitas yang lainnya. Serta terdapat gambar avatar yang membedakan user
yang satu dengan yang lainnya. Jika user tersebut belum membuat gambar avatar, maka gambar yang keluar adalah gambar default untuk masing – masing user.
Gambar 4.4 Halaman ketika ada User yang sedang Online dan Offline
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
4.3.4 Form Chatting
Form chatting berada di bagian bawah sebelah kanan dari panel browser. Panel ini akan keluar jika kita akan melakukan chatting dengan anggota member
yang lainnya dalam ruang lingkup sesama Komunitas yang sama. Didalam panel chatting terdapat nama pengirim dan waktu kapan pengirim pesan chatting
terakhir berkomunikasi dengan user yang sedang aktif. Berikut adalah gambaran panel chatting.
Gambar 4.5 Form chatting
4.3.5 Form Galeri Foto Kegiatan
Form galeri foto kegiatan terdapat pada panel popup jika kita memilih untuk meng-click gambar dari foto – foto yang ada. Berikut adalah tampilanya.
Gambar 4.6 Galeri Kegiatan
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
4.3.6 Form Pendaftaran Anggota
Form register digunakan para user untuk mendaftar sebagai salah satu anggota di salah satu Komunitas. Berikut adalah form untuk pendaftaran
Komunitas di salah satu Komunitas yang ada.
Gambar 4.7 Form Pendaftaran Komunitas
4.3.7 Form Login Anggota
Untuk login Anggota terdapat di bagian menu dimana kita sudah memilih Komunitas yang ingin kita ikuti. Halaman pendaftaran anggota digunakan untuk
menginputkan daftar data pribadi Anggota yang nantinya akan digunakan untuk
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
login user. Masing-masing data pribadi Anngota akan disimpan dalam database komunitas_db yang kemudian sebagian dari data tersebut akan digunakan untuk
memvalidasi data pada saat proses login. Berikut ini adalah tampilan halaman pendaftaran anggota.
Gambar 4.8 Login Anggota Komunitas
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
65
BAB V UJICOBA DAN EVALUASI PROGRAM
Kategori