74
BAB 3
PERANCANGAN SISTEM
3.1. Perancangan Sistem
Perancangan sistem adalah merupakan upaya perusahaan untuk memulai memiliki sistem baik yang lama maupun untuk mulai memiliki sistem yang baru. Perancangan sistem dilakukan setelah mendapat gambaran dengan jelas apa yang harus dikerjakan.
3.2. Data Flow Diagram (DFD)
Data Flow Diagram (DFD) adalah gambaran sistem secara logika. Gambaran ini tidak tergantung pada perangkat keras, lunak, struktur data atau organisasi. Pada tahap analisa, penanganan notasi simbol lingkaran dan anak panah mewakili/menggambarkan arus data dalam perancangan sistem sangat membantu sekali didalam komunikasi dengan pemakaian sistem menggunakan notasi-notasi ini untuk menggambarkan arus dari data sistem
Universitas Sumatera Utara
75
3.3 Diagram Alir Data
Dalam perancangan sistem ini penulis mencoba untuk memberikan gambaran mengenai alur arus data dari sistem ini. Adapun rancangan DFD pada sistem ini adalah sebagai berikut :
- Info Profil mahasiswa D -3
Admin
- Info alumni
User
Web Site - Data Profil alumni D - 3
Gambar 3.1 DFD Level Konteks
Universitas Sumatera Utara
76
3.4 Desain Database
Berikut ini adalah desain database yang dapat penulis uraikan sesuai dengan kebutuhan yang diperlukan sebagai media input dan media penyimpanan data serta sebagai media output.
3.4.1 Tabel User Field Name
Type
Legth
Keterangan
id_user
varchar
50
Id user
password
varchar
50
password
nama_lengkap
varchar
100
Nama lengkap user
email
varchar
100
Email user
level
varchar
50
Level user
Tabel 3.1 Data user
3.4.2 Tabel Banner Field Name
Type
Legth
int
5
judul
varchar
100
judul
url
varchar
100
url link
id_banner
Keterangan id banner
Universitas Sumatera Utara
77
tgl_posting
date
tanggal posting Tabel 3.2 Data banner
3.4.3 Tabel Berita Field Name
Type
Legth
id_berita
int
5
id berita
id_kategori
int
5
id kategori
id_user
varchar
50
id user
judul
varchar
100
judul berita
isi_berita
text
Keterangan
isi berita
gambar
varchar
100
gambar berita
hari
varchar
20
hari berita di posting
tanggal
date
tanggal berita di posting
jam
time
waktu berita di posting
counter
int
5
jumlah pengunjung berita
Tabel 3.3 Data berita
Universitas Sumatera Utara
78
3.4.4 Tabel Bisnis Field Name id_bisnis jasa
Type
Legth
int
5
varchar
100
keterangan
text
id_user
int
Keterangan id solusi bisnis jasa keterangan solusi bisnis
50
id user
Tabel 3.4 Data solusi bisnis
3.4.5 Tabel Hubungi Field Name
Type
Legth
int
5
id hubungi
nama
varchar
50
nama user yang mengirim pesan
email
varchar
100
email user yang mengirim pesan
subjek
varchar
100
subjek email
pesan
text
isi pesan
tanggal
date
tanggal pesan dikirimkan
id_hubungi
Keterangan
Tabel 3.5 Data hubungi
Universitas Sumatera Utara
79
3.4.6 Tabel Modul Field Name
Type
Legth
int
5
id modul
nama_modul
varchar
50
Nama modul
link
varchar
100
link / url
id_modul
static_content
text
Keterangan
konten statik
gambar
varchar
publish
enum(‘Y’,’N’)
100
gambar publish
status
enum(‘user’,’admin’)
status modul
aktif
enum(‘Y’,’N’)
aktif modul
urutan
int
5
urutan modul
Tabel 3.6 Data hubungi
Universitas Sumatera Utara
80
3.4.7 Tabel Kategori Field Name id_kategori nama_kategori
Type
Legth
Keterangan
int
5
id kategori
varchar
50
keterangan kategori
Tabel 3.7 Data Kategori
3.4.8 Tabel Partner Field Name
Type
Legth
int
3
id partner
nama
varchar
25
nama perusahaan partner
link
varchar
25
link/url website partner
gambar
varchar
25
gambar / logo partner
id_partner
Keterangan
Tabel 3.8 Data Partner
Universitas Sumatera Utara
81
3.4.9 Tabel People Field Name
Type
Legth
int
3
id people
nama
varchar
25
nama staf perusahaan
jab
varchar
50
jabatan
id_people
content
text
Keterangan
konten Tabel 3.9 Data Partner
3.4.10 Tabel Portofolio Field Name
Type
Legth
int
5
event
varchar
100
event
tema
varchar
100
tema event
id_portofolio
sponsor
text
Keterangan id portofolio
perusahaan yang menjadi sponsor
pembicara
varchar
100
pembicara pada event
tempat
varchar
50
tempat dilaksanakan event
tgl_mulai
date
tanggal event dilaksanakan
tgl_posting
date
tanggal posting
id_user
varchar
50
id user
Tabel 3.10 Data portofolio
Universitas Sumatera Utara
82
3.5 Flowchart
3.5.1 Flowchart menu utama
Universitas Sumatera Utara
83
3.5.2 Flowchart Halaman Admin
Universitas Sumatera Utara
84
3.5.3 Flowchart Pengaturan Berita A Y Tambah
Input Data Berita
Simpan
Edit
Edit Data Berita
Update
Hapus
Konfirmas i
Proses Simpan
Simpan di DB
Proses Update
Update di DB
N Pilih
Y
Y Hapus
Hapus di DB
Universitas Sumatera Utara
85
3.5.4 Flowchart Pengaturan Modul
B
Y Tambah Modul
Input Data Modul
Simpan
Edit
Edit Data Modul
Update
Hapus
Konfirmas i
Proses Simpan
Simpan di DB
Proses Update
Update di DB
N Pilih Modul
Y
Y Hapus
Hapus di DB
Universitas Sumatera Utara
86
3.5.5 Flowchart Pengaturan Service
C
Y Tambah
Input Data Servis
Simpan
Edit
Edit Data Servis
Update
Hapus
Konfirmasi
Proses Simpan
Simpan di DB
Proses Update
Update di DB
N Pilih Servis
Y
Y Hapus
Hapus di DB
Universitas Sumatera Utara
87
3.5.6 Flowchart Pengaturan Portofolio
D
Y Tambah
Input Data Portofolio
Simpan
Proses Simpan
Simpan di DB
Proses Update
Update di DB
N Pilih Portofolio
3.5.7 Flowchart Pengaturan People
Y
Edit Data Portofolio
Edit
Update
E
Y
Konfirmasi
Hapus
Hapus di DB
Hapus
Y Tambah
Input Data People
Simpan
Edit
Edit Data Servis
Update
Hapus
Konfirmasi
Proses Simpan
Simpan di DB
Proses Update
Update di DB
N Pilih
Y
Y Hapus
Hapus di DB
Universitas Sumatera Utara
88
3.5.8 Flowchart Pengaturan Banner
F
Y Tambah Banner
Input Data Banner
Simpan
Edit
Edit Data Banner
Update
Hapus
Konfirmasi
Proses Simpan
Simpan di DB
Proses Update
Update di DB
N Pilih Banner
Y
Y Hapus
Hapus di DB
Universitas Sumatera Utara
89
BAB 4
IMPLEMENTASI SISTEM
4.1 Pengertian Implementasi Sistem
Implementasi Sistem adalah suatu prosedur yang dilakukan untuk menyelesaikan sistem yang ada dalam dokumen rancangan sistem yang telah disetujui dan mengujinya, menginstal dan memulai menggunakan sistem baru yang diperbaiki. Adapun langkah-langkah yang dibutuhkan dalam implementasi sistem adalah ;
1. Mendapatkan software dan hardware yang tepat serta sesuai untuk merancang website. 2. Menyelesaikan rancangan sistem. 3. Menulis, menguji, mengontrol dan mendokumentasikan website. 4. Mendapatkan persetujuan.
4.2 Tujuan Implementasi Sistem
Adapun tujuan-tujuan dari implementasi sistem, yaitu :
Universitas Sumatera Utara
90
1. Mengkaji rangkaian sistem baik dari segi software maupun hardware sebagai sarana pengolah data dan penyaji informasi. 2. Menyelesaikan rancanagan sistem yang ada dalam dokumen sistem yang baru atau yang telah disetujui. 3. Memastikan bahwa pengunjung dapat mengoperasikan dengan mudah terhadap sistem yang baru dan mendapat informasi yang baik dan jelas. 4. Memperhitungkan bahwa sistem telah memenuhi permintaan pemakai yaitu dengan menguji sistem secara menyeluruh. 5. Memastikan bahwa sistem yang telah berjalan dengan lancer dengan mengontrol dan melakukan instalasi secara benar.
4.3 Komponen-komponen Kebutuhan Sistem
Komponen-komponen yang sangat berperan dalam mmenunjang penerapan sistem yang dirancang terhadap pengolahan data. Beberapa komponen yang dibutuhkan sistem untuk dapat beroperasi dengan baik antara lain :
Universitas Sumatera Utara
91
4.3.1 Hardware Hardware merupakan komponen yang sangat dibutuhkan dalam mewujudkan sistem yang diusulkan. Dalam hal ini penulis merinci spesifikasi komponen hardware yaitu :
a. Personal komputer dengan processor Intel Pentium MMX 223 Mhz. b. Hardisk 4.2 GB. c. Monitor Super VGA. d. Memori minimal 64 MB.
4.3.2 Software
Hardware tidak akan apat memecahkan suatu masalah tanpa adanya komponen software. Adapun software yang digunakan dalam pembuatan website ini adalah : a. Sistem Operasi Linux Ubuntu 9.04.
Universitas Sumatera Utara
92
Gambar 4.1 Tampilan antar muka Ubuntu 9.04
b. Vim Software ini berfungsi sebagai text editor dalam penulisan script PHP dalam pembuatan website.
Gambar 4.2. Tampilan VIM
c. PHP 5.2.6.-3Ubuntu 4.1 PHP PHP (Hypertext Preprocessor) merupakan bahasa server side script yaitu bahasa berbentuk script yang terletak dan dieksekusi di server untuk kemudian hasilnya (berupa kode HTML) dikembalikan ke browser pengguna/klien.
Universitas Sumatera Utara
93
4.3.3 Brainware Brainware adalah sumber daya manusia yang nantinya akan berperan sebagai user ataupun administrator sistem. Brainware yang dibutuhkan sebagai administrator nantinya bekerja pada server dalam pengolahan website. Admintrator harus mengerti tentang bahas pemograman PHP dan MySQL serta mengerti akan jalannya sistem. Sedangkan user tidak harus memiliki kemampuan khusus hanya mampu mengoperasikan internet browser. 4.4 Demonstrasi Program Adapun tampilan program yang dirancang penulis adalah sebagai berikut : 4.4.1 Tampilan Menu Utama
Gambar 4.3. Tampilan Menu Utama
Universitas Sumatera Utara
94
4.4.2 Tampilan Tentang Perusahaan
Gambar 4.4. Tampilan Tentang Perusahaan
4.4.3 Tampilan Penawaran Bisnis
Gambar 4.5.Tampilan Penawaran Bisnis
Universitas Sumatera Utara
95
4.4.4 Tampilan Form Contact dan Registrasi
Gambar 4.6. Tampilan Form Contact & Registrasi
4.4.5 Tampilan Galeri
Universitas Sumatera Utara
96
Gambar 4.7. Tampilan Galeri
4.4.6 Tampilan Menu Login Admin
Gambar 4.8. Tampilan Menu Login
Universitas Sumatera Utara
97
4.4.7 Tampilan Menu Admin
Gambar 4.9 Tampilan Menu
Universitas Sumatera Utara
98
BAB 5
KESIMPULAN DAN SARAN
5.1 KESIMPULAN
1. PHP merupakan bahasa pemograman yang banyak digunakan dikalangan web developer karena kemudahan pemakaiannya dan sifatnya open source (gratis).
2. VIM merupakan sebuah software gratisan yang kemampuannya hampir sama bahkan bisa melebihi dari sebuah software yang komersil.
3. Penyebaran informasi itu memang sangat diperlukan, penyebaran informasi melalui teknologi internet lebih global karena bisa diakses dalam jangkauan yang luas.
Universitas Sumatera Utara
99
5.2 SARAN
1. Penulis menyadari bahwa apa yang telah dibuat penulis masih banyak kekurangannya, oleh karena itu masih diperlukan lagi pengembangan lebih lanjut untuk perbaikan kedepan.
2. Dapat dikembangkannya lebih banyak lagi software yang bersifat open source dengan kualitas bersaing, sehingga membantu kita dalam pembelajaran teknologi informasi. 3. Proses pembelajaran akan berkembang jika tidak fanatik terhadap satu sistem saja, karena itu hanya sebagai alat bantu pemecahan masalah.
Universitas Sumatera Utara