Keterangan : B = Tampilan Home
F = Tampilan Galeri C = Tampilan Berita
G = Tampilan Toko D = Tampilan Inter
H = Tampilan Forum E = Tampilan ICI PROVSU
I = Tampilan Kontak
Gambar 4.1 FlowchartPerancangan Website Inter Club Indonesia Kordinator Daerah Sumatera Utara
Gambar 4.2 Flowchart User
Login
Login
Logout
Halaman Utama Input Username dan
Pasword
Welcome Screen
Gambar 4.3 Flowchart Admin
4.4.2 Diagram Konteks Contex Diagram
Diagram Kontek Contex Diagram adalah diagram level tertinggi dari DFD yang menggambarkan hubungan sistem dengan sistem dengan lingkungan luar web.
Data flow Diagram DFD merupakan model dari sistem untuk menggambarkan pembagian sistem ke modul yang lebih kecil. Salah satu keuntungan menggunakan
Login
Login
Logout
Halaman Admin Input Username dan
Pasword
Welcome Screen
diagram alir data adalah memudahkan pemakai yang kurang menguasai bidang komputer untuk mengerti sistem yang akan dikerjakan. Pada tahap analisa,
penanganan notasi simbol lingkaran dan anak panah menggambarkan arus data dalam perancangan sistem sangat membantu dalam komunikasi dengan pemakaian
sistem menggunakan notasi-notasi untuk menggambarkan arus dari data sistem. Berikut ini adalah gambar DFD level 0 dan DFD level 1 yang merupakan perincian
dari diagram konteks.
Disamping itu DFD adalah salah satu alat pembuatan model yang sering digunakan, khususnya bila fungsi-fungsi sistem merupakan bagian yang lebih
penting dan kompleks dari pada data yang dimanipulasi oleh sistem.
Gambar 4.4 Diagram Konteks Perancangan Sistem InformasiInter Club Indonesia Kordinator Daerah Sumatera Utara Berbasis Web
Gambar 4.5 DFD Level 0
Gambar 4.6 DFD Level 1 Berita
Gambar 4.7 DFD Level 1 Inter
Gambar 4.8 DFD Level 1 ICI PROVSU
Gambar 4.9 DFD Level 1 Galeri
Gambar 4.10 DFD Level 1 Toko
Gambar 4.11 DFD Level 1 Forum
Gambar 4.12 DFD Level 1 Kontact
4.4.3 Entity Relationship Diagram ERD
Entity Relationship Diagram ERD adalah suatu model untuk menjelaskan hubungan antar data dalam basis data database berdasarkan objek-objek dasar
data yang mempunyai hubungan antar relasi.
Gambar 4.13 ERD News
Gambar 4.14 ERD Pertandingan
News Tanggal
Isi Id
Gambar Judul
Status
Gambar 4.15 ERD ICIPROVSU
Gambar 4.16 ERD Gallery
Gambar 4.17 ERD Produk
Gambar 4.18 ERD Forum
Gambar 4.19 ERD Contact
Gambar 4.20 ERD Admin dan User
4.5 Tabel Database
Database digunakan untuk tempat penyimpanan data yang di masukkan atau diinput. Kemudian data tersebut akan ditampilkan dalam website. Berikut tabel
database Website Pemerintahan Desa Firdaus Kecamatan Sei Rampah.
Nama Field Tipe Data
Ukuran Keterangan
id Int
9 Id Berita
isi Text
Text Isi Berita
judul Text
Text Judul Berita
waktu Text
Text Tanggal Berita
gambar Varchar
50 Gambar Berita
status Varchar
50 Status Berita
Tabel 4.1 Tabel Database News
Nama Filed Tipe Data
Ukuran Keterangan
id Int
3 Id Pertandingan
gambar Text
Text Gambar Pertandingan
hari Text
Text Tanggal Pertandingan
jam Text
Text Waktu Pertandingan
des Text
Text Deskripsi Pertandingan
cup Varchar
20 Kejuaraan Pertandingan
skor Varchar
10 Skor Pertandingan
tanggal Text
Text Waktu Update
status Varchar
50 Status Pertandingan
4.2 Tabel Database Pertandingan
Nama Field Tipe Data
Ukuran Keterangan
id Int
10 Id Regional
regional Varchar
50 Nama Regional
agenda Text
Text AgendaRegional
pengurus Text
Text Pengurus Regional
kontak Text
Text Kontak Regional
gambar Varchar
50 Logo Regional
waktu Timestamp
Timestamp on update Tanggal Update
Tabel 4.3 Tabel Database ICIPROVSU Regional
Nama Field Tipe Data
Ukuran Keterangan
id Int
3 Id Gambar
gambar Text
Text Gambar
des Text
Text Deskripsi Gambar
waktu Timestamp
Timestamp on
update
Taggal Update
Tabel 4.4 Tabel Database Gallery
Nama Field Tipe Data
Ukuran Keterangan
idbrg Int
3 Id Produk
tgl Timestamp
Timestamp on
update
Tanggal Update
namabrg Varchar
50 Nama Produk
spek Text
Text Spesifikasi Produk
hargabrg Int
7 Harga Produk
stok Int
2 Stok Produk
gambar Varchar
225 Gambar Produk
status Varchar
50 Status Produk
Tabel 4.5 Tabel Database Produk
Nama Field Tipe Data
Ukuran Keterangan
id_topik Int
5 Id Topik
nama Varchar
50 Nama User
avatar Varchar
50 Avatar User
topik Varchar
255 Topik Forum
isi Text
Text Isi Topik
id_reply Int
5 Id Reply
waktu Timestamp
Timestamp on
update
Tanggal Update
nama_reply Varchar
20 Nama Reply
Tabel 4.6 Tabel Database Forum
Nama Field Tipe Data
Ukuran Keterangan
id Int
3 Id Pesan
waktu Timestamp
Timestamp on
update
Tanggal Update
nama Varchar
255 Nama UserGuest
email Varchar
255 Email UserGuest
pesan Varchar
255 Isi Pesan
avatar Text
Text Avatar User
status Text
Text Status UserGuest
username Text
Text Username User
Tabel 4.7 Tabel Database Kontact
BAB 5
IMPLEMENTASI SISTEM
5.1 Pengertian Implementasi Sistem
Implementasi sistem adalah prosedur yang dilakukan untuk menyelesaikan desain sistem supaya siap untuk dioperasikan, termasuk juga menulis kode program jika
tidak digunakan perangkat lunak seperti aplikasi.
5.1.1 Tujuan Implementasi Sistem
Adapun tujuan – tujuan dari implementasi sistem, yaitu :
a. mengkaji rangkaian sistem baik dari segi software maupun hardware sebagai
sarana penyaji informasi. b.
Menyelesaikan rancangan sistem yang ada dalam dokumen sistem yang baru atau yang telah disetujui.
c. Memastikan bahwa pengunjung dapat mengoperasikan dengan mudah terhadap
sistem yang baru dan mendapat informasi yang baik dan jelas. d.
Mempethitungkan bahwa sistem telah memenuhi permintaan pemakai, yaitu dengan menguji sistem secara menyeluruh.
e. Memastikan bahwa sistem telah berjalan dengan lancar dengan mengontrol dan
melakukan instalasi secara benar.
5.2 Komponen Pada Sistem
Beberapa komponen yang sangat dibutuhkan pada perancangan web ini antara lain :
5.2.1 Hardware
Hardware merupakan komponen yang membantu menunjang terlaksananya sitem yang dirancang. Dalam hal ini penulis merinci komponen hardware yang
digunakan dalam perancangan, yaitu :
a. Personal Computer dengan Processor AMD E-350 APU with Radeontm HD
Graphic 2 CPUs, `1.6GHz b.
Hard Disk 298 GB c.
Memory 2048MB RAM
5.2.2 Software
Software sangat berhubungan dengan Hardware. Tanpa adanya software, Hardware tidak akan berfungsi sesuai dengan yang diharapkan. Adapun software
yang digunakan dalam perancangan website ini adalah :
a. Operasi Windows 8 Pro 32-bit 6.2, Build 9200
Gambar 5.1 Windows 8 Pro
b. Sublime Text 2
Software ini berfungsi sebagai teks editor dalam pembuatan script perancangan website.
Gambar 5.2 Sublime Text 2
c. XAMPP V3.0.2