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
: menyimpan tabel berita
Field kunci utama
: id_berita
Field kunci tamu
: id_kategori, username
Jumlah field
: 12 Tabel 2.1 struktur tabel berita
Field
Type
Size
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
Hari
Varchar
Keterangan
Isi dari berita diupload 10
Hari dari berita diupload
Tanggal
Date
Tanggal dari berita diupload
Jam
Time
Jam dari berita diupload
Gambar
Varchar
100
Dibaca
Int
5
Headline
Enum
Gambar dalam berita Jumlah pembaca Keterangan untuk headline atau berita terhangat
5
2.4.2 Tabel Halamanstatis Fungsi tabel
: untuk menyimpan halaman statis
Field kunci utama
: id_halaman
Jumlah field
:5 Tabel 2.2 struktur tabel Halamanstatis
Field
Type
Size
Id_halaman
Int
5
Varchar
30
Judul
Keterangan AUTO_INCREMENT sebagi kunci utama
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
: untuk menyimpan data-data yang menghubungi
Field kunci utama
: id_hubungi
Jumlah field
:6 Tabel 2.3 struktur tabel Hubungi
Field
Type
Size
Keterangan
Id_hubungin
Int
5
Nama
Varchar
20
Nama
Email
Varchar
20
Email
Subjek
Varchar
25
Subjek
Pesen
Text
AUTO_INCREMENT, sebagi kunci utama
Pesen
6
Tanggal
Date
Tangal kirim
2.4.4 Tabel kategori Fungsi tabel
: untuk menyimpan kategori
Field kunci utama
: id_kategori
Jumlah field
:4 Tabel 2.4 struktur tabel kategori
Field Id_kategori
Type Int
Size
Keterangan
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
: untuk menyimpan komentar
Field kunci utama
: 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
20
Nama komentar
Nama_komentar Varchar 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
: untuk menyimpan menu
Field kunci utama
: 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
: untuk menyimpan modul
Field kunci utama
: id_modul
Jumlah field
: 10
8
Tabel 2.7 struktur tabel modul Field Id_modul
Type Int
Size
Keterangan
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
: untuk menyimpan sekilas info
Field kunci utama
: 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
Gambar
Varchar
Keterangan tanggal posting 100
Gambar
9
2.4.9 Tabel statistik Fungsi tabel
: untuk menyimpan statistik
Field kunci utama
: ip
Jumlah field
:4 Tabel 2.9 struktur tabel statistik
Field
Type
Size
Keterangan
Ip
Varchar
20
Tanggal
Date
Online
Varchar
10
Yang online saat ini
Hits
Int
10
Jumlah pengunjung yang bisa dihitung berdasarkan IP
AUTO_INCREMENT, sebagi kunci utama
Tanggal
2.4.10 Tabel submenu Fungsi tabel
: untuk menyimpan sub menu
Field kunci utama
: id_sub
Field kunci tamu
: id_main
Jumlah field
:4 Tabel 2.10 struktur tabel submenu
Field
Type
Size
Keterangan
Id_sub
Int
5
Nama_sub
Varchar
15
Nama dari sub
Link_sub
Varchar
100
Link sub
Id_main
Int
5
AUTO_INCREMENT, sebagi kunci utama
Sebagai kunci tamu yang direlasikan dengan tabel mainmenu
10
2.4.11 Tabel users Fungsi tabel
: untuk menyimpan user
Field kunci utama
: 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
Email No.telp/hp
Level
xxxxx
xxxxx
Blokir Aksi
lengkap x
xxxxx
xxxxx
xxxxx
Y/N
Gambar 2.19 Rancangan Output Manajemen User
23
edit
2.10.5 Desain output data Berita Merupakan hasil dari berita. Rancangan tampilan output berita dapat dilihat pada gambar 2.20 cari
Masusakn judul berita 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
Email No.telp/hp
Level
xxxxx
xxxxx
Blokir Aksi
lengkap x
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