BAB 3 PERANCANGAN SISTEM

Transkripsi

1 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. Sistem informasi alumni SMA Negeri 1 Merbau berbasis web ini, diperbuat atas dasar kebutuhan alumni SMA Negeri 1 Merbau. Penulis membuat sistem informasi alumni ini berbasis web, yang secara online dapat di akses alumni di mana saja dan kapan saja tanpa batasan jarak dan waktu. Dengan sistem informasi alumni berbasis web ini, alumni dapat melihat informasi biodata alumni, lowongan pekerjaan, agenda pertemuan, dan berita teknologi dan sekolah tanpa harus datang langsung ke sekolah.

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. 6. Termasuk menyangkut mengkonfigurasi dari komponen perangkat keras dari suatu sistem

3 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 Alumni Rekap Biodata Alumni Header Tampil Acara Pesan Masuk Tentang No. Nama Alamat Stambuk Pekerjaan 1. XXX XXX XXX XXX XXX 2. XXX XXX XXX XXX XXX 3. XXX XXX XXX XXX XXX 4. XXX XXX XXX XXX XXX Footer Gambar 3.1 Perancangan Keluaran (Output)

4 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. 6. Membuat tampilan layar dan formulir yang konsisten.

5 37 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 Gambar 3.2 Perancangan Masukan (Input)

6 38 Beranda Admin Tampil Data Alumni Tampil Acara Header Pesan Masuk Tentang Footer Gambar 3.3 Hasil Input 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. 2. Meminimalkan tindakan pengguna. 3. Operasi dan konsistensi standar.

7 39 Sistem Informasi Alumni SMA Negeri 1 Merbau Menu Utama 1. Beranda 2. Sejarah Sekolah 3.Acara Alumni 4. Data 5. Kontak 6. Tentang Sistem Informasi Alumni SMA Negeri 1 Merbau Sistem Informasi Alumni SMA Negeri 1 Merbau Sistem Informasi Alumni SMA Negeri 1 Merbau Sistem Informasi Alumni SMA Negeri 1 Merbau Sistem Informasi Alumni SMA Negeri 1 Merbau Sistem Informasi Alumni SMA Negeri 1 Merbau Home 1.Data 2.Tentang Profil 1.Sejarah Sekolah Galery 1.Acara Alumni Data 1.Data Kontak 1. Kontak Tentang 1. Tentang Gambar 3.4 Alur Dialog Sistem Informasi Alumni SMA Negeri 1 Merbau

8 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 url Varchar 100 Alamat link baner Gambar Varchar 100 Gambar baner Tgl_posting Date Tanggal posting

9 41 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 Varchar 100 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 Jam Int Waktu berita diposting

10 42 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 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. 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 phpmyadmin yang terdapat dalam software AppServ.

11 ERD (Entity Relationship Diagram) Entity Relationship Diagram adalah Entity Relationship yang berisikan komponenkoponen himpunan entitas dan himpunan relasi yang masing-masing dilengkapi dengan atribut-atribut. Dapat digambarkan Entity Relationship (Diagram E-R) sebagai berikut: Table User *id_user **id_pekerjaan Nama_lengkap Alamat Strambuk Pekerjaan Table Berita *id_berita **id_user **id_kategori Judul Isi_berita Gambar Hari Tanggal Table Kategori *id_kategori Nama_kategori Keterangan Table Pekerjaan *id_pekerjaan *id_user Nama_perusahaan Table Agenda *id_agenda *id_user Isi_agenda Tema Tempat Tanggal_mulai Tanggal_selesai Tanggal_posting Gambar 3.5 ERD (Entity Relationship Diagram)

12 44 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 Normalisasi Merancang database merupakan sebagian hal yang penting pada tahap desain system yaitu pada desain sistem secara terinci/detil. Database yang baik dibentuk melalui teknik normalisasi.

13 45 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 tidak merupakan bagian dari kunci utama (primary key) dan bergantung secara penuh terhadap kunci utama dan schema yang telah dibuat dalam bentuk normal pertama (first normal form/1nf). Artinya, setiap attribute non-kunci harus bergantung secara fungsional terhadap kunci (key). Apabila kunci utama

14 46 (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 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 Putri Sakti Desi Tabel 3.8 Tabel Berita Id_user Id_berita

15 47 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 Diagram Konteks Diagram konteks dari sistem informasi alumni SMA Negeri 1 Merbau yaitu: Alumni Input biodata dan forum Input, edit biodata dan forum Admin Informasi bodata dan forum Informasi data sesuai dengan Menu yang dipilih Sistem Informasi Alumni sebagai forum komunikasi Informasi biodata dan forum User Biasa Memilih menu yang tersedia Gambar 3.6 Diagram Konteks Alumni

16 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. User Biodata Aalumni Data Alumni Admin Informasi Biodata Alumni Laporan BiodataAlumni Sistem Informasi Alumni SMA N 1 Merbau Berbasis Web Data pekerjaan Nama Perusahaan Data Modul Data Alumni Kumpulan Biodata Alumni Gambar 3.7 Diagram Konteks Alumni

17 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. 5. Memperbaiki produktivitas dari pengetahuan pegawai.

18 Perancangan Program Flowchart Login Mulai Username Password gagal Proses berhasil Admin Out Gambar 3.8 Flowchart Login

19 Flowchart Halaman Utama Mulai Halaman utama home Admin Tampil Data Alumni Tampilkan Data Alumni Tampil Acara Tampilkan Acara Pesan Masuk Tampilkan Pesan Masuk Logout Gambar 3.9 Flowchart Halaman Utama

20 Flowchart Halaman Admin Mulai Halaman Admin Home Alumni Tampilkan Alumni Input data Alumni Tampilkan Data Alumni Input Jadwal Acara Tampilkan Jawal Acara Logout Proses Logout Gambar 3.10 Flowchart Halaman Admin

21 Flowchart Alumni Tampilam User Tambah User Input User Simpan n Database Edit User Edit User Update Hapus user Logout Prosedur Logout Gambar 3.11 Flowchart Alumni

22 Flowchart Agenda Tampilkan Agenda Tambah Hapus Simpan Adatabase Edit Edit Update Hapus Hapus logout Prosedur logout Gambar 3.12 Flowchart Agenda

23 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: 1. Mengkaji rangkaian sistem baik dari segi software maupun hardware sebagai sarana pengolahan data dan penyajian informasi.

24 56 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 Memory Minimal 128 MB. 3. Hard disk 20 GB. 4. Monitor Super VGA. 5. Keyboard. 6. Mouse.

25 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 masalahmasalah 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. 3. Operator: orang yang memakai sistem.

26 Demonstrasi Program Adapun program yang dirancang penulis ialah sebagai berikut : 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. 2. Menu sejarah sekolah berisiskan tentang sejarah sekolah SMA Negeri 1 Merbau.

27 59 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 Tampilan Menu Login Di dalam menu login ini terdapat menu user dan password. Masukkan user name dan password maka admin dapat mengakses website. Gambar 4.2 Tampilan Menu Login

28 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. Gambar 4.3 Tampilan Menu Admin

29 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. Gambar 4.4 Tampilan Menu Input Data Alumni

30 Tampilan Data Alumni Yang Terdaftar Ini adalah tampilan hasil dari input data alumni. Gambar 4.5 Data Alumni Yang Terdaftar

31 Tampilan Detail Data Alumni Data detail alumni yang bisa kita lihat bila kita meng-klik menu selengkapnya, yang tertera seperti diatas. 4.6 Gambar Detail Data Alumni

32 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. Tugas Akhir ini memberikan fasilitas forum, yang dapat digunakan oleh user untuk membahas suatu permasalahan, dan berbagi ilmu pengetahuan.

33 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 pembelajaran teknologi informasi. 3. Proses pembelajaran akan berkembang jika tidak fanatik terhadap satu sistem saja, karena itu hanya sebagai alat bantu pemecahan masalah.