BAB 3
PERANCANGAN SISTEM
3.1 Analisis Sistem
Untuk memulai membangun sistem informasi alumni SMA Negeri 1 Merbau berbasis web, penulis terlebih dahulu merencanakan alur kerja sistem berdasarkan kebutuhan dan user yang akan menggunakan aplikasi berbasis web yang akan dibuat.
3.2 Perancangan Sistem
Membangun sebuah website pada umumnya akan diawali oleh perancangan sistem terlebih dahulu. Dimana perancangan sistem adalah sebuah proses yang secara garis besar meliputi langkah-langkah operasi dalam proses pengolahan data dan prosedur untuk mendukung operasi sistem. Perancangan sistem merupakan upaya untuk memulai memiliki sistem baik. Perancangan sistem dilakukan setelah mendapat gambaran dengan jelas apa yang harus dikerjakan. Dengan adanya sistem informasi alumni berbasis web.
Menurut Jogiyanto H. M (1991) dalam bukunya “Analisis dan Desain
Sistem”, perancangan sistem dapat diartikan seperti berikut :
1. Tahap setelah analisis dari siklus pengembangan sistem. 2. Pendefinisian dari kebutuhan-kebutuhan fungsional. 3. Persiapan untuk rancang bangun implementasi. 4. Menggambarkan bagaimana suatu sistem dibentuk.
5. Yang dapat berupa pengambaran perencanaan dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah ke dalam satu kesatuan yang utuh dan berfungsi.
3.2.1. Perancangan Keluaran (Output)
Output adalah informasi yang dikirim kepada para pengguna melalui sistem informasi lewat internet, extranet, atau world wide web (www). Beberapa data memerlukan pemrosesan yang ekstensif sebelum menjadi keluaran yang layak, data-data lainnya disimpan, dan ketika diperoleh, dianggap sebagai output dengan sedikit atau tanpa pemrosesan sama sekali. Ada 6 (enam) tujuan dari keluaran (output) yaitu :
1. Merancang output untuk tujuan khusus.
2. Membuat output bermanfaat bagi para pengguna. 3. Mengirim jumlah output yang tepat.
4. Menyediakan distribusi output yang tepat. 5. Menyediakan output tepat waktu.
6. Memilih metode output yang paling efektif.
Adapun perancangan keluaran (output) yang ingin penulis perbuat adalah sebagai berikut :
Beranda Admin Tampil Data
Rekap Biodata Alumni
3.2.2 Perancangan Masukan (Input)
Kualitas sistem input menentukan kualitas sistem output. Dengan berusaha membuat sistem input yang dibentuk secara bagus, penganalisis sistem menyatakan bahwa input yang buruk mengundang pertanyaan tentang kepercayaan terhadap keseluruhan sistem. Adapun tujuan perancangan masukan (input) adalah :
1. Membuat penyelesaian input yang mudah dan efisien. 2. Menjamin input akan memenuhi tujuan yang diharapkan. 3. Menjamin penyelesaian yang tepat.
4. Membuat tampilan layar dan formulir yang menarik. 5. Membuat input yang tidak rumit.
Adapun perancangan masukan (input) yang ingin penulis perbuat adalah sebagai berikut :
Beranda Profil Galery Event Data Tentang
Header
Form Input Alumni
Setelah data-data diinput dan ditekan tombol simpan, maka data-data akan tersimpan ke dalam database.
Footer
Beranda Admin Tampil Data
Alumni
Tampil
Acara
Pesan
Masuk
Tentang
Header
Footer
Gambar 3.3 Hasil Input
3.2.3 Perancangan Dialog
Dialog adalah komunikasi antara komputer dengan seseorang. Dialog yang dirancang dengan baik membuatnya lebih mudah bagi seseorang untuk menggunakan komputer dan mengarahkan kepada sedikitnya frustai dengan sistem komputer. Ada beberapa titik kunci untuk merancang dialog yang bagus. Kunci – kunci tersebut adalah sebagai berikut :
1. Komunikasi yang bermakna, sehingga komputer memahami apa yang dimasukan oleh seseorang tersebut.
Gambar 3.4 Alur Dialog Sistem Informasi Alumni SMA Negeri 1 Merbau Sistem Informasi Alumni SMA
Negeri 1 Merbau Menu Utama 1. Beranda
3.2.4 Perancangan File
Dalam perancangan website , penulis mempersiapkan file-file yang digunakan dalam menunjang tampilan website. File halaman website secara keseluruhan berekstensi .php. Hal ini dikarenakan seluruh file halaman website menggunakan bahasa pemrograman PHP dan berkomunikasi dengan MySQL sebagai tempat penyimpanan datanya atau sebagai database-nya. Penjelasan terhadap file halaman
website adalah :
1. File Kategori
Tabel 3.1 Tabel Kategori
Field Name Type Width Description
*Id_kategori Int 5 Primary Key, index, auto_increment Nama_kategori Varchar 50 Nama kategori
Keterangan Varchar 100 Keterangan kategori
2. File Baner
Tabel 3.2 Tabel Baner
Field Name Type Width Description
*Id_baner Int 5 Primary Key, index,, auto_increment
Judul Varchar 100 Judul
3. File User
Tabel 3.3 File User
Field Name Type Width Desciption
*Id_user Varchar 50 Primary Key, index, auto_increment Password Varchar 50 Password
Nama_lengkap Varchar 100 Nama lengkap
Email Varchar 100 Email
Level Varchar 50 Level
4. File Berita
Tabel 3.4 Tabel Berita
Field Name Type Width Desciption
*Id_berita Int 5 Primary Key, index, auto_increment **Id-kategori Int 5 Id kategori
**Id_user Varchar 50 Id user Judul Varchar 100 Judul berita
Isi_berita Text Isi berita
Gambar varchar 100 Gambar berita Hari date 20 Hari berita diposting Tanggal time Tanggal berita diposting
5. File Agenda
Tabel 3.5 Tabel Agenda
Field Name Type Width Desciption
*Id_agenda Int 5 Primary Key, index, auto_increment Tema Varchar 100 Tema agenda
Isi_agenda Text Isi
Tempat Varchar 100 Tempat dilaksanakannya agenda Tanggal_mulai Date Tanggal mulai agenda
Tgl_selesai Date Tanggal selesai Tgl_posting Date Tanggal posting **Id_user Varchar 50 Id_user
Keterangan : “ * “ primary key “ ** “ foreign key
3.2.5 Perancangan Database
Database dapat diumpamakan sebagai sebuah tempat menyimpan data yang terstruktur agar dapat diakses dengan cepat dan mudah. Membangun sebuah database merupakan langkah awal pembuatan aplikasi, termasuk aplikasi pencarian biodata alumni Diploma 3 Ilmu Komputer Universitas Sumatera Utara. Dalam perancangan aplikasi pencarian judul ini, penulis membuat 2 tabel dalam database alumni. Tabel-tabel tersebut adalah tabel admin, tabel mahasiswa dan tabel judul. Pembuatan database dan tabel-tabel mempergunakan fasilitas MySQL atau
3.2.5.1 ERD (Entity Relationship Diagram)
Entity Relationship Diagram adalah Entity Relationship yang berisikan komponen-koponen himpunan entitas dan himpunan relasi yang masing-masing dilengkapi dengan atribut-atribut. Dapat digambarkan Entity Relationship (Diagram E-R) sebagai berikut:
Tanda * menandakan bahwa field tersebut merupakan kunci primer dalam suatu tabel. Tanda ** menandakan bahwa field tersebut merupakan kunci foreign
(kunci tamu) yang menghubungkan antara satu tabel ke tabel lainnya.
1. One-to-one menghubungkan secara tepat dua entitas dengan satu kunci (key). Misalnya, dalam suatu perusahaan satu orang pegawai hanya memiliki satu komputer kerja.
2. One-to-many (many-to-one) hubungan antar entitas di mana kunci (key) pada suatu tabel muncul berkali-kali dalam tabel lainnya. Misalnya, banyak pegawai bekerja untuk satu departemen.
3. Many-to-many merupakan hubungan yang sering menyebabkan permasalahan dalam prakteknya. Dalam hubungan many-to-many, kunci utama (primary key) dari tabel kedua dapat muncul beberapa kali pada tabel pertama. Misalnya,dalam suatu perusahaan, banyak pegawai bekerja untuk banyak departemen.
3.2.5.2 Normalisasi
“Normalisasi adalah proses pengelompokan atribut atau field dari suatu
relasi sehingga membentuk relasi yang strukturnya baik. Normalisasi merupakan
suatu teknik dalam logical desain sebuah database”. (Kenneth Kendall, 2002 :
145).
Pada buku lain disebutkan bahwa “normalisasi adalah proses pengelompokkan data kedalam bentuk tabel atau relasi atau file untuk menyatakan
entitas dan hubungan sehingga terwujud satu bentuk database yang mudah untuk
di modifikasikan” (Kenneth Kendall, 2002 : 146)
Adapun tahap-tahap dalam melakukan normalisasi adalah sebagai berikut :
1. First Normal Form
First Normal Form, sering juga disebut dengan 1NF, dimana setiap attribute
atau kolom bersifat atomic. Setiap attribute berisi suatu nilai tunggal, bukan merupakan record database lain.
2. Second Normal Form
Bentuk normal kedua (second normal form/2NF) adalah bila semua attribute
(primary key) dibuat dari beberapa kolom, maka setiap attribute dalam tabel harus bergantung pada kombinasi dari kolom tersebut.
Tabel 3.6 Tabel Alumni Second Normal Form Id_user Id_berita
142406005 123 142406006 134 142406007 234 142406008 123 142406009 234
3. Third Normal Form
Bentuk normal ketiga (Third Normal Form/3NF) menunjukkan bahwa attribute
hanya bergantung pada kunci bukan kolom lain. Bentuk third normal form yaitu :
Tabel 3.7 Tabel Alumni Id_user Nama_lengkap 142406005 Putri
142406008 Sakti 142406009 Desi
4. Boyce-code Normal Form
Boyce-code Normal Form atau sering juga disebut BCNF adalah suatu variasi dari bentuk normal ketiga di mana semua attribute harus secara fungsional ditentukan oleh suatu superkey.
3.2.5.3 Diagram Konteks
Diagram konteks dari sistem informasi alumni SMA Negeri 1 Merbau yaitu:
Input biodata dan forum
Input, edit biodata dan forum
Informasi bodata dan forum
Informasi biodata dan forum
Informasi data sesuai dengan Menu yang dipilih
3.2.5.4 Perancangan Data Flow Diagram (DFD)
Didalam penyusunan Tugas Akhir ini, penulis melakukan perancangan awal sistem dengan menggunakan Data Flow Diagram (DFD) sesuai dengan data hasil penelitian. Data Flow Diagram (DFD) merupakan suatu bagian yang menggambarkan urutan kerja/proses secara garis besar. Dengan diagram aliran data dapat dipahami bagaimana sistem tersebut berjalan. Penggunaan notasi/simbol dalam diagram arus data berguna untuk membantu komunikasi antara analisis sistem dengan pemakai sistem (user) agar dapat memahami suatu sistem secara logika.
Biodata Aalumni Data Alumni
Informasi Biodata Alumni Laporan BiodataAlumni
Data pekerjaan
Data Modul
Gambar 3.7 Diagram Konteks Alumni
User Admin
Sistem Informasi Alumni SMA N 1 Merbau Berbasis Web
Kumpulan Biodata Alumni
Nama Perusahaan
3.2.6 Perancangan Komunikasi Data
Perancangan komunikasi data adalah suatu sistem bagi kebanyakan pengguna. Bagaimana bagus atau buruknya rancangan, komunikasi data tersebut menjadi gambaran dari sistem yang akan dirancang.
Tujuan dirancangnya komunikasi data ini adalah : 1. Menyesuaikan komunikasi data dengan tugasnya. 2. Mengefesienkan komunikasi data.
3. Memberikan arus balik yang tepat antara komunikasi data dengan pengguna. 4. Membangkitkan pertanyaan-pertanyaan mengenai komuikasi data yang dapat
dimanfaatkan.
3.2.7 Perancangan Program
3.2.7.1 Flowchart Login
gagal
berhasil
Gambar 3.8 Flowchart Login Mulai
Username Password
Proses
Admin
3.2.7.2 Flowchart Halaman Utama
Gambar 3.9 Flowchart Halaman Utama Mulai
Halaman utama
home
Admin
Tampil Data Alumni
Tampil Acara
Pesan Masuk
Logout
Tampilkan Data Alumni
Tampilkan Acara
3.2.7.3 Flowchart Halaman Admin
Gambar 3.10 Flowchart Halaman Admin Mulai
Halaman Admin
Home
Alumni
Input data Alumni
Input Jadwal Acara
Logout
Tampilkan Data Alumni
Tampilkan Alumni
3.2.7.4 Flowchart Alumni
Gambar 3.11 Flowchart Alumni Tampilam
User
Tambah User
Input User
Database
Prosedur Logout Edit User
Hapus user
Logout
Simpan n
3.2.7.5 Flowchart Agenda
Gambar 3.12 Flowchart Agenda Tampilkan
Agenda
Tambah
Adatabase
Hapus
Prosedur logout logout
Edit Update
Simpan Hapus
Edit
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 telah diuji,menginstal dan memulai menggunakan sistem baru yang diperbaiki. Adapun langkah-langkah yang 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 dari implementasi sistem adalah sebagai berikut:
2. Menyelesaikan rancangan sistem yang ada didalam 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. Memastikan bahwa sistem yang telah berjalan dengan lancar dengan mengontrol dan melakukan instalasi secara benar.
4.3 Spesifikasi Hardware
Hardware adalah suatu komponen yang sangat dibutuhkan dalam mewujudkan sistem yang diusulkan. Dalam hal ini penulis merinci spesifikasi komponen hardware yaitu:
1. Microsoft Windows 2007 2. Memory Minimal 128 MB. 3. Hard disk 20 GB.
4. Monitor Super VGA. 5. Keyboard.
4.4 Software
Hardware tidak akan dapat memecahkan suatu masalah tanpa adanya komponen
software. Adapun software yang digunakan dalam pembuatan website ini adalah: 1. Apache sebagai web server
2. PHP sebagai web programming
3. MySQL sebagai database server
4. Adobe Photoshop CS2 sebagai web editor
4.5 Brainware
Brainware adalah semua pihak yang bertanggung jawab dalam pengembangan sistem informasi, pemrosesan dan penggunaan keluaran sistem informasi. Brainware dalam sistem informasi ini Terbagi atas:
1. Sistem analis: orang yang menganalisa sistem dengan mempelajari masalah-masalah yang timbul dan menentukan kebutuhan-kebutuhan pemakai dan mengidentifikasi pemecahan yang beralasan.
2. Programmer: orang yang membuat sistem dengan menggunakan salah satu bahasa pemrograman yang dikuasainya.
4.6 Demonstrasi Program
Adapun program yang dirancang penulis ialah sebagai berikut :
4.6.1 Tampilan Menu Utama
Gambar 4.1 Tampilan Menu Utama
Pada halaman utama terdapat menu-menu yaitu beranda, profil, galery, event, data, dan juga tentang. Berikut penjelasan tentang menu-menu yang ada di tampilan utama nya yaitu :
1. Menu beranda berisikan Informasi berita, dan foto-foto profil SMA Negeri 1 Merbau.
3. Menu acara alumni berisiskan tentang acara-acara alumni yang akan dilakasanakan.
4. Menu data alumni berisiskan biodata lengkap para alumni 5. Menu kontak adalah menu ang berisiskan pesan masuk.
6. Sedangkan menu tentang yaitu menu yang berisikan kritik dan saran dan juga di dalamnya terdapat layanan untuk meninggalkan pesan.
4.6.2 Tampilan Menu Login
Di dalam menu login ini terdapat menu user dan password. Masukkan user name dan password maka admin dapat mengakses website.
4.6.3 Tampilan Menu Admin
Di tampilan menu admin ini terdapat menu-menu admin, tampil data alumni, tampil acara, pesan masuk, input data alumni, input acara, dan juga menu logout.
4.6.4 Tampilan Menu Input Data Alumni
Di tampilan menu admin ini ada beberapa menu yaitu menu input data alumni untuk menginput data alumni atau untuk memasukkan data alumni, begitu juga dengan menu yang lain.
4.6.5Tampilan Data Alumni Yang Terdaftar
Ini adalah tampilan hasil dari input data alumni.
4.6.6 Tampilan Detail Data Alumni
Data detail alumni yang bisa kita lihat bila kita meng-klik menu selengkapnya, yang tertera seperti diatas.
BAB 5
PENUTUP
5.1 Kesimpulan
Dalam penulisan tugas akhir ini telah diuraikan bagaimana perancangan sistem dalam pembangunan Sistem Informasi Alumni SMA NEGERI 1 MERBAU Berbasis Web. Maka penulis menyimpulkan :
1. PHP merupakan bahasa pemrograman yang banyak digunakan dikalangan web developer karena kemudahan pemakaiannya dan sifatnya open source (gratis).
2. Penyebaran informasi itu memang sangat diperlukan penyebaran informasi melalui teknologi internet lebih global karena bisa diakses dalam jangkauan yang luas.
3. Dengan adanay web ini memudahkan alumni untuk mengetahui informasi mengenai sesama alumni, dunia pekerjaan dan lainnya.
4. Merupakan web dinamis yangv selalu di update oleh admin, sehingga menghasilkan informasi yang sellu uptodate.
5.2 Saran
Dengan selesainya pengimplementasian sistem ini banyak saran-saran yang masuk baik kepada penulis, seperti berikut :
1. Penulis menyadari bahwa apa yang telah dibuat penulis masih banyak kekurangannya, oleh karena itu masih diperlukan lagi pengembangan lebihlanjut untuk perbaikan kedepan.
2. Dapat dikembangkannya lebih banyak lagi software yang bersifat open source dengan kualitas bersaing, sehingga membantu kita dalam pembelajaranteknologi informasi.