BAB II Analisis Perancangan Sistem 2.1. Analisi Sistem Analisis sistem merupakan kegiatan penguraian suatu sistem informasi yang utuh dan nyata kedalam bagian-bagian atau komponen-komponen yang di gunakan sebagai Sistem Informasi Media Berita Muhammadiyah cabang Berbah Berbasis WEB. Dimana berita di peroleh dari junarlisme. Jurnalisme berasal dari kata journal, artinya catatan harian, atau catatan mengenai kejadian sehari-hari, atau bisa juga berarti surat kabar. Journal berasal dari perkataan latin diurnalis, yaitu orang yang melakukan pekerjaan jurnalistik. 2.2 Sistem pendukung Komponen-komponen pendukung yang diperlukan untuk menganasisi kebutuhan dari objek yang di bangun antara lain sistem pendukung seperti, system perangkat lunak, perangkat keras dan data-data pendukung yang di perlukan. Sehingga dapat mengahasilkan keluaran yang diharapkan. 2.2.1. Perangkat Lunak (Software) Perangkat lunak yang digunakan dalam pengmbangan Media Berita Muhammadiyah cabang Berbah Berbasis WEB adalah : 1. Windows 7 atau Windows 8 sebagai system operasi 2. HTML 5, CSS3, dan PHP sebagai bahasa pemprograman 3. CodeLobster sebagai penulisan scrip untuk program 4. Dreamweaver CS5 sebagi tools desain tampilan pada system 3
5. Photoshop dan Coreldraw sebagai pembuatan logo untuk system 6. MySQL (My Structure Query Language) 7. Browser google chrome 8. Xampp 1.8.1 9. DIA utuk membuat rancagan database dan sistemnya 2.2.2. Perangkat Keras (Hardware) Perangkat keras yang digunakan pada saat membuat Sistem Informasi Media Berita Muhammadiyah Berbah Berbasis WEB. Adalah perangkat keras komputer yang mampu mendukung pengoperasian program sebagi berikut : 1. Processor 1.6GHz atau lebih tinggi 2. Memori 2024MB RAM atu lebih tinggi 3. Hard Disk Drive 320 Gb atau lebih tinggi 4. Graphic Card (VGA) 1 Gb 2.3 PHP ( Hypertext Prepocessor) Menurut Swastika (2006) PHP merupakan bahasa berbentuk skrip yang ditempatkan dalam server dan diproses di server. Hasilnya akan dikirimkan ke client, tempat pemakai menggunakan browser. PHP dikenal sebagai sebuah bahasa scripting, yang menyatu dengan tag-tag HTML, dieksekusi di server, dan digunakan untuk membuat halaman web yang dinamis seperti halnya Active Server Pages (ASP) atau Java Server Pages (JSP). PHP merupakan sebuah software open source. 4
2.4 Perancangan Basisdata Perancangan Basis Data adalah proses untuk menentukan isi dan pengaturan data yang dibutuhkan untuk mendukung berbagai rancangan sistem. 2.4.1 Tabel berita Fungsi tabel Field kunci utama Field kunci tamu : menyimpan tabel berita : id_berita : id_kategori, username Jumlah field : 12 Tabel 2.1 struktur tabel berita Field Type Size Keterangan Id_berita Int 5 AUTO_INCREMENT sebagi kunci utama Id_kategori Int 5 Id katagori Username Varchar 20 Nama dari user/admin yang upload berita Judul Varchar 30 Judul berita Judul_seo Varchar 30 Judul seo Isi_berita Text Isi dari berita diupload Hari Varchar 10 Hari dari berita diupload Tanggal Date Tanggal dari berita diupload Jam Time Jam dari berita diupload Gambar Varchar 100 Gambar dalam berita Dibaca Int 5 Jumlah pembaca Headline Enum Keterangan untuk headline atau berita terhangat 5
2.4.2 Tabel Halamanstatis Fungsi tabel Field kunci utama : untuk menyimpan halaman statis : id_halaman Jumlah field : 5 Tabel 2.2 struktur tabel Halamanstatis Field Type Size Keterangan Id_halaman Int 5 AUTO_INCREMENT sebagi kunci utama Judul Varchar 30 Judul dari Isi_halaman Text Isi dari halaman Tgl_posting Date Keterangan tanggal posting Gambar Varchar 100 Gambar pada halaman 2.4.3 Tabel Hubungi Fungsi tabel Field kunci utama : untuk menyimpan data-data yang menghubungi : id_hubungi Jumlah field : 6 Tabel 2.3 struktur tabel Hubungi Field Type Size Keterangan Id_hubungin Int 5 AUTO_INCREMENT, sebagi kunci utama Nama Varchar 20 Nama Email Varchar 20 Email Subjek Varchar 25 Subjek Pesen Text Pesen 6
Tanggal Date Tangal kirim 2.4.4 Tabel kategori Fungsi tabel Field kunci utama : untuk menyimpan kategori : id_kategori Jumlah field : 4 Tabel 2.4 struktur tabel kategori Field Type Size Keterangan Id_kategori Int 5 AUTO_INCREMENT sebagi kunci utama Nama_kategori Varchar 15 Nama kategori Kategor_seo Varchar 30 Nama kategori seo Aktif Enum Membuat keterangan diaktifkan atau tidaknya 2.4.5 Tabel komentar Fungsi tabel Field kunci utama : untuk menyimpan komentar : id_komentar Jumlah field : 8 Tabel 2.5 struktur tabel komentar Field Type Size Keterangan Id_komentar Int 5 AUTO_INCREMENT, sebagi kunci utama Id_berita Int 5 Sebagi kunci tamu Nama_komentar Varchar 20 Nama komentar Isi_komentar Text Isi dari komentar Tgl Date Tanggal saat mengomentar 7
Jam_komentar Time Jam saat mengomentar Aktif Enum Membuat keterangan dipublik atau tidaknya url Varchar 100 link dari pembaca jika meningalkan link 2.4.6 Tabel mainmenu Fungsi tabel Field kunci utama : untuk menyimpan menu : id_menu Jumlah field : 4 Tabel 2.6 struktur tabel mainmenu Field Type Size Keterangan Id_main Int 5 AUTO_INCREMENT, sebagi kunci utama Nama_menu Varchar 20 Nama dari menu Link Varchar 100 Link Aktif Enum Membuat keterangan dipublik atau tidaknya 2.4.7 Tabel modul Fungsi tabel Field kunci utama : untuk menyimpan modul : id_modul Jumlah field : 10 8
Tabel 2.7 struktur tabel modul Field Type Size Keterangan Id_modul Int 5 AUTO_INCREMENT, sebagi kunci utama Nama_modul Varchar 30 Nama modul Link Varchar 100 Link modul Publish Enum Membuat keterangan dipublik atau tidaknya Status Enum Membuat keterangan level modul admin dan user Aktif Enum Membuat keterangan dipublik atau tidaknya Urutan Int 5 Urutan modul 2.4.8 Tabel sekilasinfo Fungsi tabel Field kunci utama : untuk menyimpan sekilas info : id_sekilas Jumlah field : 4 Tabel 2.8 struktur tabel sekilasinfo Field Type Size Keterangan Id_sekilas Int 5 AUTO_INCREMENT, sebagi kunci utama Info Varchar 100 Isi dari info Tgl_posting Date Keterangan tanggal posting Gambar Varchar 100 Gambar 9
2.4.9 Tabel statistik Fungsi tabel Field kunci utama : untuk menyimpan statistik : ip Jumlah field : 4 Tabel 2.9 struktur tabel statistik Field Type Size Keterangan Ip Varchar 20 AUTO_INCREMENT, sebagi kunci utama Tanggal Date Tanggal Online Varchar 10 Yang online saat ini Hits Int 10 Jumlah pengunjung yang bisa dihitung berdasarkan IP 2.4.10 Tabel submenu Fungsi tabel Field kunci utama Field kunci tamu : untuk menyimpan sub menu : id_sub : id_main Jumlah field : 4 Tabel 2.10 struktur tabel submenu Field Type Size Keterangan Id_sub Int 5 AUTO_INCREMENT, sebagi kunci utama Nama_sub Varchar 15 Nama dari sub Link_sub Varchar 100 Link sub Id_main Int 5 Sebagai kunci tamu yang direlasikan dengan tabel mainmenu 10
2.4.11 Tabel users Fungsi tabel Field kunci utama : untuk menyimpan user : Password Jumlah field : 8 Tabel 2.11 struktur tabel users Field Type Size Keterangan Username Varchar 20 Nama user dan admin Password Varchar 50 Password sebagai kunci utama Nama_lengkap Varchar 20 Nama lengkap Email Varchar 20 Email No_telpn Varchar 15 No telpon Level Varchar 10 Level Blokir Enum keterangan diblokir (N)atau tidaknya (Y) 2.5. Relasi Database Relasi database atau tabel yang telah dibuat diatas untuk memudahkan pengertian struktur informasi relasi 11
Gambar 2.1 Relasi Antar Tabel Berikutt ini penjelasan dari gambar 2.1 Relasi antar tabel. 1. Hubungan antara users dan berita adalah one to many diartikan bahwa 1 users bisa memiliki banyak id_berita 2. Hubungan antara kategori dan berita adalah one to many diartikan bahwa 1 id_kategori mempunyai banyak id_berita 3. Hubungan antara komentar dan berita adalah one to many diartiakan bahwa 1 id_berita mempunyai banyak id_komentar 4. Hubungan anatara mainmenu dan submenu adalah one to many diartikan bahwa 1 id_main mepunyai banyak id_sub 12
2.6 Bagan Alir Sistem Gambar 2.2 Diagram alir sistem Penjelasan dari gambar 2.2 Bagan alir sistem Informasi Media Berita Muhammadiyah cabang Berbah Berbasis WEB yang terdapat proses penyimpanan data dan mencetak hasil laporan berupa tampilan 1. Data users diproses dalam tabel user dan menampilkan informasi hasil berupa laporan users 2. Data kategori diproses dalam tabel kategori dan menampilkan informasi hasil berupa laporan kategori 3. Data komentar diproses dalam tabel komentar dan menampilkan informasi hasil berupa laporan komentar 4. Data users dan Berita di proses dalam tabel berita dan menampilkan informasi laporan data berita 5. Data users dan kategori di proses dalam tabel kategori dan menampilkan informasi laporan data kategori 6. Data users dan komentar di proses dalam tabel komentar dan menampilkan informasi laporan data komentar 13
7. Data users dan mainmenu di proses dalam tabel mainmenu dan menampilkan informasi laporan data mainmenu 8. Data users dan submenu di proses dalam tabel submenu dan menampilkan informasi laporan data submenu 9. Data users dan hubungi di proses dalam tabel hubungi dan menampilkan informasi laporan data hubungi 10. Data users dan sekilasinfo di proses dalam tabel sekilasinfo dan menampilkan informasi laporan data sekilasinfo 11. Data users dan statistik di proses dalam tabel statistik dan menampilkan informasi laporan data statistik 12. Data users dan halamanstatis di proses dalam tabel halamanstatis dan menampilkan informasi laporan data halamanstatis 13. Data komentar dan berita di proses dalam tabel komentar dan menampilkan informasi komentar 14. Data mainmenu diproses dalam tabel mainmenu dan menampilkan informasi main menu 15. Data submenu dan main menu diproses dalam tabel submenu dan menampilkan informasi submenu 16. Data sekilas info diproses dalam tabel sekilas info dan menampilkan informasi sekilas info 17. Data statistik diproses dalam tabel statistik dan menampilkan informasi statistik 14
18. Data halamanstatistis diproses dalam tabel halamanstatistis dan menampilkan informasi halamanstatistis 2.7 Rancangan desain layout Rancangan desain layout merupakan pemodelan untuk pembuatan desain layout pada media berita informasi Muhammadiyah 2.7.1 Rancangan halaman awal/beranda Rancangan awal yang digunakan pada beranda sistem media informasi media berita dapat dilihat pada gambar 2.3 Gambar 2.3 Rancangan halaman awal/beranda 2.7.2 Rancangan halaman profil Rancangan halaman yang digunakan untuk mengetahui isi profil di dalam isi profil mempunyai dua sub menu yaitu 1. Visi dan misi 2. Struktur organisasi dari sistem informasi media berita muhamadiyah dapat dilihat pada gambar 2.4 15
Gambar 2.4 Rancangan halaman profil 2.7.3 Rancangan halaman berita Rancangan halaman berita digunakan pada tampilan untuk melihat berita dapat dilihat pada gambar 2.5 Gambar 2.5 Rancangan halaman Berita 2.7.4 Rancangan hubungi kami Rancangan halaman hubungi kami digunakan untuk pengunjung yang mau menghubungi admin dapat dilihat pada gambar 2.6 16
Gambar 2.6 Rancangan halaman hubungi kami 2.7.5 Rancagan halaman admin Merupakan perancangan untuk halaman admin utama setelah melakukan login. Dapat dilihat pada gambar 2.7 Gambar 2.7 Rancangan halaman Admin 2.7.6 Rancagan halaman user Merupakan perancangan untuk halaman user setelah melakukan login. Dapat dilihat pada gambar 2.8 17
Gambar 2.8 Rancangan halaman User 2.8 Rancangan Input menu admin Dari rancangan tabel yang telah dibuat, maka dibutuhkan beberapa input sistem. Rancangan input berbagai input sistem pada admin adalah sebagai berikut. 2.8.1 Desain input data kategori berita Form ini digunakan untuk memasukan data kategori berita yang nantinya disimpan dalam tabel kategori. Rancangan desain input data dapat dilihat pada gambar 2.9 Gambar 2.9 Rancangan halaman tambah kategori 2.8.2 Desain input submenu Form ini digunakan untuk memasukan data submenu yang nantinya disimpan dalam tabel submenu. Rancangan desain submenu dapat dilihat pada gambar 2.10 18
Gambar 2.10 Rancangan tambah Sub Menu 2.8.3 Desain input menu utama Form ini digunakan untuk memasukan data menu utama yang nantinya disimpan dalam tabel mainmenu. Rancangan desain menu utama dapat dilihat pada gambar 2.11 Gambar 2.11 Rancangan tambah Menu utama 2.8.4 Desain input manajeman user Form ini digunakan untuk memasukan data manageman user yang nantinya disimpan dalam tabel user. Rancangan desain manageman user dapat dilihat pada gambar 2.12 19
Gambar 2.12 Rancangan tambah Manajemen User 2.8.5 Desain input berita Merupakan hasil dari berita. Rancangan tampilan output berita dapat dilihat pada gambar 2.13 Gambar 2.13 Rancangan tambah berita 20
2.9 Rancangan Input menu user Dari rancangan tabel yang telah dibuat, maka dibutuhkan beberapa input sistem. Rancangan input berbagai input sistem pada user adalah sebagai berikut. 2.9.1 Desain input berita Merupakan hasil dari berita. Rancangan tampilan input berita dapat dilihat pada gambar 2.14 Gambar 2.14 Rancangan tambah berita 2.9.2 Desain manajeman users Form ini digunakan untuk mengedit data user yang nantinya disimpan dalam tabel user. Rancangan desain manajeman user dapat dilihat pada gambar 2.15 21
Gambar 2.15 Rancangan Edit profil user 2.10 Desain output program menu admin (level Admin) Rancangan desain output pada sistem informasi media berita pada menu admin adalah sebagai berikut : 2.10.1 Desain output data kategori berita Merupakan hasil dari kategori. Rancangan tampilan output daftar kategori dapat dilihat pada gambar 2.16 No Nama status aksi X xxxxx xxxxx xxxxx Gambar 2.16 rancangan Output Kategori 2.10.2 Desain output submenu Merupakan hasil dari submenu. Rancangan tampilan output daftar submenu dapat dilihat pada gambar 2.17 22
Tambah No Sub menu Menu utama Link submenu aksi x xxxxx xxxxx xxxxx xxxxx Gambar 2.17 Rancangan Output Submenu 2.10.3 Desain output menu utama Merupakan hasil dari submenu. Rancangan tampilan output daftar menu utama dapat dilihat pada gambar 2.18 Tambah No Menu utama Link Aktif aksi x xxxxx xxxxx xxxxx edit Gambar 2.18 Rancangan Output Menu Utama 2.10.4 Desain output manajeman user Merupakan hasil dari manajemen user. Rancangan tampilan output manajemen user dapat dilihat pada gambar 2.19 Tambah No Username Nama lengkap Email No.telp/hp Level Blokir Aksi x xxxxx xxxxx xxxxx xxxxx xxxxx Y/N edit Gambar 2.19 Rancangan Output Manajemen User 23
2.10.5 Desain output data Berita Merupakan hasil dari berita. Rancangan tampilan output berita dapat dilihat pada gambar 2.20 Masusakn judul berita cari Tambah berita No Judul Tanggal posting Pengirim aksi x xxxxx xx-xxxxx-xxxx xxxxx xxxxx Gambar 2.20 Rancangan Output Berita 2.10.6 Desain output data hubungi kami Merupakan hasil dari hubungi kami. Rancangan tampilan output hubungi kami dapat dilihat pada gambar 2.21 Tambah No Nama Email Subjek Tanggal Aksi x xxxxx xxxxx xxxxx xx- xxx- xxxx Hapus Gambar 2.21 Rancangan Output Hubungi kami 2.11 Desain output program menu user (level user) Rancangan desain output pada sistem informasi media berita pada menu user adalah sebagai berikut : 2.11.1 Desain output manageman user (level user) Merupakan hasil dari manajemen user. Rancangan tampilan output manajemen user dapat dilihat pada gambar 2.22 24
Tambah No Username Nama lengkap Email No.telp/hp Level Blokir Aksi x xxxxx xxxxx xxxxx xxxxx xxxxx Y/N edit Gambar 2.22 Rancangan Output Manajemen User 2.11.2 Desain output data Berita Merupakan hasil dari berita. Rancangan tampilan output berita dapat dilihat pada gambar 2.23 Masusakn judul berita cari Tambah berita No Judul Tanggal posting Pengirim aksi x xxxxx xx-xxxxx-xxxx xxxxx xxxxx Gambar 2.23 Rancangan Output Berita 25