ERD Entity Relationship Diagram Spesifikasi Proses

3.2.1 ERD Entity Relationship Diagram

Untuk proses ERD ini menggambarkan relasi atau hubungan dari beberapa file atau beberapa tabel. Hubungan antar entitas yang terjadi dalam sistem Membangun Website pada SLB BC Nike Ardilla dapat dilihat pada Entity Relationship Diagram. username Users userid email status visits waktu username admin adminid nama email tgllogin visits idlevel waktu ip berita ID posttime isi postdate visits subject pengirim Buku_tamu alamat nama email komentar login username password mengelola mengelola melakukan 1 n 1 n 1 1 mengisi 1 1 polling mengelola mengisi Idpoll 1 n mengelola 1 1 n 1 1 userid adminid adminid idtamu adminid Gambar 3. 1 Entity Relationship Diagram

3.2.2 DFD Data Flow Diagram

Data Flow Diagram merupakan suatu media yang digunakan untuk menggambarkan aliran data yang mengalir pada suatu sistem informasi. Berikut data flow diagram selengkapnya:

3.2.2.1 Diagram Konteks

Untuk membatasi sistem yang menunjukan adanya interaksi sistem dengan komponen luar sistem, maka perlu dibuat diagram konteks yang merupakan suatu diagram yang menggambarkan sistem dalam suatu lingkungan dan hubungan dengan entitas luar. Diagram konteks dari sistem yang diusulkan yaitu: ADMIN PEMBANGUNAN WEBSITE SLB BC NIKE ARDILLA Data_login Data_news Data_polling Data_bukutamu Data_users PENGUNJUNG Info_login Info_news Info_polling Info_bukutamu Info_users Info_berita Info_polling Info_bukutamu data_polling data_bukutamu MEMBER Info_login Info_berita Info_polling Info_bukutamu data_login data_polling data_bukutamu Gambar 3. 2 Diagram Konteks

3.2.2.2 DFD Level 1

DFD Level 1 Sistem Pembangunan Website di SLB-BC Nike Ardilla, menjelaskan secara keseluruhan proses yang terjadi didalam sistem. Proses DFD Level 1 akan dijelaskan pada gambar berikut ini: Admin 1 Melakukan Login 2 Mengelola berita login berita users 3 Mengelola Users 4 Mengelola Buku tamu Data_login admin Info_login admin Data_berita Info_berita Data_polling Info_users 5 Mengelola Polling Info_polling Data_tamu Info_tamu Data_user bukutamu polling Data_login admin Info_login admin Info_berita Data_berita Data_user Info_users Info_tamu Data_tamu Data_polling Info_polling Gambar 3. 3 DFD Level 1 pada halaman admin dashboard

3.2.2.3 DFD Level 2 Proses 2 Pengolahan Berita

2.1 Tambah berita 2.2 Edit berita 2.3 Hapus berita Admin berita Data_tambah berita Info_tambah berita Data_editberita Info_editberita Data_hapusberita Info_hapusberita Data_tambah berita Info_tambah berita Data_editberita Info_editberita Data_hapusberita Info_hapusberita 2.4 Lihat berita Pengunjung Lihat berita Info berita Data berita Info berita Member Lihat berita Info berita Gambar 3. 4 DFD Level 2 Proses 2 Pengolahan Berita

3.2.2.4 DFD Level 3 Proses 3 Pengolahan User

3.2 Lihat user 3.3 Edit user 3.4 Hapus user Admin users Lihat data_user Info_user Hapus Data_user Info_user Edit Data_user Info_user Edit Data_user Info_user Info_user Lihat data_user Hapus Data_user Info_user Pengunjung Tambah data_user 3.1 Tambah User Info_user Tambah data_userInfo_user Member Lihat data_user Info_user Lihat data_user Info_user Edit Data_user Info_user Edit Data_user Info_user Hapus Data_user Info_user Hapus Data_user Info_user Gambar 3. 5 Level 3 Proses 3 Pengolahan User

3.2.2.5 DFD Level 3 Proses 4 Pengolahan Buku Tamu

4.1 Tambah isi bukutamu 4.3 Hapus bukutamu 4.4 Lihat bukutamu Admin Buku_tamu Pengunjung Tambah Data_bukutamu Info_bukutamu Info_bukutamu Hapus Data_bukutamu Info_bukutamu Info_bukutamu Tambah Data_bukutamu Hapus Data_bukutamu Info_bukutamu Info_bukutamu Member Tambah Data_bukutamu Info_bukutamu Tambah Data_bukutamu Info_bukutamu Gambar 3. 6 DFD Level 3 Proses 4 Pengolahan Buku Tamu

3.2.2.6 DFD Level 3 Proses 5 Pengolahan Polling

5.1 Tambah polling 5.2 Hapus polling 5.3 Tampil polling Admin polling Pengunjung Info_polling Hapus Data_polling Info_polling Info_polling Tambah Data_polling Hapus Data_polling Info_polling Info_polling Info_polling Tambah Data_polling Info_polling Member Tambah Data_polling Info_polling Tambah Data_polling Info_polling Gambar 3. 7 DFD Level 3 Proses 5

3.2.3 Spesifikasi Proses

Spesifikasi Proses digunakan untuk menggambarkan proses model aliran yang terjadi pada DFD. Spesifikasi proses dari gambaran DFD diatas dijelaskan pada tabel 3.2 berikut ini: Tabel 3. 2 Spesifikasi Proses No. Proses Keterangan 1 No.Proses 1 Nama Melakukan Login Source Admin Input Data_ Login admin Output Info_ Login admin Destination Admin Logika Proses 1. Admin menginput username dan password pada halaman admin 2. Sistem melakukan pengecekan terhadap username dan password 3. Apabila username dan password sesuai maka sistem menampilkan halaman dashboard 4. Apabila username dan password tidak sesuai maka sistem memunculkan pesan “ username dan password salah” 5. Admin harus menginput username dan password yang sesuai agar bisa masuk ke halaman dashboard 2 No. Proses 2.1 Nama Tambah Berita Source Admin Input Data_tambah berita Output Info_ tambah berita Destination Admin Logika Proses 1. Admin berada pada halaman dashboard 2. Admin masuk ke halaman berita 3. Sistem menampilkan halaman berita 4. Admin menambahkan berita 5. Sistem menampilkan pilihan 6. Apakah berita akan ditambahkan ? 7. Apabila admin memilih “ya” maka sistem akan menambahkan berita 8. Apabila admin memilih “tidak” maka sistem tidak akan menambahkan berita 9. Apabila berita ditambahkan maka berita akan disimpan di basis data dan ditampilkan di halaman depan pada sistem 10. Apabila berita tidak ditambahkan maka berita tidak akan di basis data dan tidak akan tampil di halaman depan pada sistem 3 No. Proses 2.2 Nama Edit berita Source Admin Input Data_editberita Output Info_editberita Destination Admin Logika Proses 1. Admin berada pada halaman dashboard 2. Admin masuk ke halaman berita 3. Sistem menampilkan halaman berita 4. Admin mengubah berita 5. Sistem menampilkan pilihan 6. Apakah berita yang diubah akan disimpan? 7. Apabila admin memilih “ya” maka sistem akan mengubah berita 8. Apabila admin memilih “tidak” maka sistem tidak akan menyimpan berita 4 No.Proses 2.3 Nama Hapus berita Source Admin Input Data_hapus berita Output Info_hapus berita Destination Admin Logika Proses 1. Admin berada pada halaman dashboard 2. Admin masuk ke halaman berita 3. Sistem menampilkan halaman berita 4. Admin mengubah berita 5. Sistem menampilkan pilihan 6. Apakah berita akan dihapus? 7. Apabila admin memi lih “ya” maka sistem akan menghapus berita 8. Apabila admin memilih “tidak” maka sistem tidak akan menghapus berita 5 No.Proses 2.4 Nama Lihat berita Source 1. Pengunjung 2. Member Input Lihat berita Output Info berita Destination Pengunjung Logika proses 1. Pengunjung menginput url website 2. Sistem menampilkan halaman depan cms Balitbang 3. Member dapat member komentar pada berita yang diposting 6 No. Proses 3.1 Nama Tambah User Source Pengunjung Input Tambah Data_user Output Info_user Destination Pengunjung Logika Proses 1. Sistem menampilkan form registrasi 2. Pengunjung melakukan pengisian form registrasi sampai lengkap 3. Apabila pengunjung tidak mengisi form registrasi dengan lengkap maka sistem akan memunculkan pesan,dan pengunjung harus mengulangi proses pengisian form lagi dari awal 4. Apabila pengunjung melakukan pengisian dengan benar maka data hasil registrasi akan disimpan di database 5. Apabila data registrasi tidak lengkap maka sistem tidak akan menyimpan data registrasi di database 7 No. Proses 3.2 Nama Lihat User Source 1. Admin 2. Member Input Lihat Data_user Output Info_user Destination Admin Logika Proses 1. Admin masuk ke halaman dashboard 2. Lalu memilih tab data user 3. Sistem menampilkan halaman user 8 No. Proses 3.3 Nama Edit User Source 1. Admin 2. Member Input Edit Data_user Output Info user Destination Admin Logika Proses 1. Admin ke halaman user 2. Sistem menampilkan data user 3. Admin memilih data user yang akan diedit 4. Setelah menginputkan data baru, klik tombol edit 5. Sistem akan menampilkan pesan data berhasil diperbaharui 9 No. Proses 3.4 Nama Hapus user Source 1. Admin 2. Member Input Hapus Data_user Output Info_user Destination Admin Logika Proses 1. Admin memasuki halaman Member 2. Admin memilih user yang akan dihapus maka akan muncul konfirmasi untuk penghapusan 3. Sistem sistem menampilkan pesan data berhasil dihapus 10 No. Proses 4.1 Nama Tambah isi buku tamu Source 1. Pengunjung 2. Member Input Tambah Data_bukutamu Output Info_bukutamu Destination Pengunjung Logika Proses 1. Pengunjung memilih menu buku tamu 2. Pengunjung mengisi buku tamu 3. Apabila pengunjung mengisi buku tamu dengan lengkap maka data tamu akan disimpan di database 4. Apabila data tamu tidak diisi dengan lengkap maka akan muncul pesan. 5. Sistem menyimpan data yang masuk kepada buku tamu dan menyimpannya ke dalam database 11 No. Proses 4.2 Nama Hapus Bukutamu Source Admin Input Hapus Data_bukutamu Output Info_bukutamu Logika Proses 1. Admin masuk ke halaman Buku Tamu 2. Sistem akan menampilkan data buku tamu 3. Admin memilih data tamu yang akan dihapus maka akan muncul konfirmasi untuk penghapusan 4. Sistem menampilkan pesan data berhasil dihapus

3.2.4 Kamus Data