Laporan Praktikum Perancangan Sistem Informasi PDF

Preview

Summary

LAPORAN PRAKTIKUM PERANCANGAN SISTEM INFORMASI Diajukan sebagai syarat dalam menyelesaikan studi mata kuliah Praktikum Perancangan Sistem Informasi yang dibimbing oleh : Dene Herwanto,ST.,MT. Disusun oleh: Kelompok Besar M1 – M8 FAKULTAS TEKNIK UNSIKA LABORATORIUM REKAYASA TERPADU Jl. H. S. Ronggowa...

Description

LAPORAN PRAKTIKUM PERANCANGAN SISTEM INFORMASI Diajukan sebagai syarat dalam menyelesaikan studi mata kuliah Praktikum Perancangan Sistem Informasi yang dibimbing oleh : Dene Herwanto,ST.,MT.

Disusun oleh: Kelompok Besar M1 – M8

FAKULTAS TEKNIK UNSIKA LABORATORIUM REKAYASA TERPADU Jl. H. S. Ronggowaluyo Telukjambe Telp./Fax. (0267) 641177 Ext. 102-Karawang 41361

2017/2018

LEMBAR PENGESAHAN

Setelah diperiksa dengan seksama dan telah menyelesaikan laporan dengan baik, maka laporan ini (sudah/belum) memenuhi syarat sebagai laporan akhir Praktikum Perancangan Sistem Informasi dan dapat disajikan untuk dikumpulkan dan dinilai.

Disusun oleh: Kelompok Besar M1 – M8

Karawang,

Desember 2017

Menyetujui, Dosen Penanggungjawab Praktikum Perancangan Sistem Informasi

Dene Herwanto, ST., MT. NIDN. 0402047604

i

KATA PENGANTAR

Puji Syukur penyusun panjatkan kepada Tuhan Yang Maha Esa atas segala rahmat dan hidayah-Nya yang telah diberikan sehingga penyusun dapat menyelesaikan Laporan Akhir Praktikum Perancangan Sistem Informasi ini sebagai syarat untuk menyelesaikan studi Mata Kuliah Praktikum Perancangan Sistem Informasi Program Studi Teknik Industri Universitas Singaperbangsa Karawang. Pada kesempatan ini, penyusun ingin mengucapkan banyak terima kasih yang sebesar-besarnya atas bimbingan, bantuan, serta dukungan yang diberikan hingga terselesainya laporan akhir praktikum perancangan sistem informasi ini. Rasa terima kasih kami haturkan kepada: 1.

Orang tua kami yang telah memberikan dukungan material dan spiritual kepada kami.

2.

Bapak Dene Herwanto, ST., MT. selaku dosen penanggung jawab Praktikum Perancangan Sistem Informasi.

3.

Kang Okky Jayadi, ST. selaku asisten pembimbing Praktikum Perancangan Sistem Informasi.

4.

Teman-teman Teknik Industri Universitas Singaperbangsa Karawang.

5.

Segenap pihak yang telah membantu dalam pelaksanaan praktikum dan penyusunan laporan praktikum yang tanpa mengurangi rasa terima kasih, yang tidak dapat kami sebutkan satu-satu. Penyusun berharap laporan ini dapat bermanfaat bagi segenap pihak

khususnya yang berada di lingkungan Universitas Singaperbangsa Karawang. Penyusun menyadari bahwa laporan ini masih memiliki banyak kekurangan. Oleh karena itu, saran maupun kritik dari pembaca sangat kami harapkan dan kami hargai. Akhir kata, penyusun ucapkan terima kasih. Karawang,

Penyusun

ii

Desember 2017

DAFTAR ISI

LEMBAR PENGESAHAN .................................................................................... i KATA PENGANTAR ........................................................................................... ii DAFTAR ISI ........................................................................................................ iii DAFTAR GAMBAR ............................................................................................. v DAFTAR TABEL ................................................................................................ vii MODUL I PERANCANGAN DFD ...................................................................... I-1 1.1 Tujuan Praktikum ........................................................................... I-1 1.2 Teori Dasar .................................................................................... I-1 1.3 Alat dan Bahan............................................................................... I-7 1.4 Prosedur Praktikum ........................................................................ I-7 1.5 Hasil Praktikum .............................................................................. I-9 MODUL II KONSEP PERANCANGAN ERD .................................................... II-1 2.1 Tujuan Praktikum .......................................................................... II-1 2.2 Teori Dasar ................................................................................... II-1 2.3 Alat dan Bahan.............................................................................. II-4 2.4 Prosedur Praktikum ....................................................................... II-4 2.5 Hasil Praktikum ............................................................................. II-5 MODUL III PERANCANGAN DATABASE ...................................................... III-1 3.1 Tujuan Praktikum ......................................................................... III-1 3.2 Teori Dasar .................................................................................. III-1 3.3 Alat dan Bahan............................................................................. III-6 3.4 Prosedur Praktikum ...................................................................... III-6 3.5 Hasil Praktikum ............................................................................ III-7 MODUL IV PEMBUATAN APLIKASI SISTEM INFORMASI BERBASIS WEB ..................................................................................................IV-1 4.1 Tujuan Praktikum ........................................................................ IV-1 4.2 Teori Dasar ................................................................................. IV-1

iii

4.3 Alat dan Bahan............................................................................ IV-3 4.4 Prosedur Praktikum ..................................................................... IV-3 4.5 Hasil Praktikum ......................................................................... IV-11 DAFTAR PUSTAKA

iv

DAFTAR GAMBAR

Gambar 1.1 Paket Data ............................................................................... I-7 Gambar 1.2 Arus Data Mengumpul .............................................................. I-7 Gambar 1.3 Diagram Konteks Sistem Informasi Pembayaran Santri ............ I-9 Gambar 1.4 DFD Level 0 .............................................................................. I-10 Gambar 1.5 DFD Level 1 .............................................................................. I-11 Gambar 2.1 Komponen Dan Simbol ERD ..................................................... II-3 Gambar 2.2 Simbol Kardinalitas .................................................................. II-4 Gambar 2.3 ERD Sistem Informasi Pembayaran Santri ............................... II-5 Gambar 3.1 Control Panel XAMPP ............................................................... III-7 Gambar 3.2 Database SIPMA ...................................................................... III-8 Gambar 3.3 Atribut Tabel “akun” .................................................................. III-8 Gambar 3.4 Atribut tabel “daftar_ulang” ....................................................... III-9 Gambar 3.5 Atribut Tabel “Infaq” ................................................................. III-9 Gambar 3.6 Atribut Tabel “Koperasi” ........................................................... III-10 Gambar 3.7 Atribut Tabel “Manasik” ............................................................. III-10 Gambar 3.8 Atribut Tabel “Sumbangan” ...................................................... III-11 Gambar 3.9 Atribut Tabel “Wisuda” .............................................................. III-11 Gambar 4.1 Tampilan Awal Dreamweaver ................................................... IV-3 Gambar 4.2 Membuat Folder di Htdocs ....................................................... IV-4 Gambar 4.3 Menu Site .................................................................................. IV-4 Gambar 4.4 Site ........................................................................................... IV-5 Gambar 4.5 Server ...................................................................................... IV-5 Gambar 4.6 Database .................................................................................. IV-6 Gambar 4.7 MySQLConnection ................................................................... IV-6 Gambar 4.8 Field MySQL Connection ......................................................... IV-7 Gambar 4.9 Select Database ....................................................................... IV-7 Gambar 4.10 Membuat Template ................................................................ IV-8 Gambar 4.11 Record Update From Wizard .................................................. IV-9 Gambar 4.12 Pengisian Record Update Form .............................................. IV-9 Gambar 4.13 Template FileZilla ................................................................... IV-9 Gambar 4.14 Site Details ............................................................................. IV-1

v

Gambar 4.15 Upload File ............................................................................. IV-10 Gambar 4.16 Halaman Utama Pengunjung ................................................. IV-11 Gambar 4.17 Halaman Daftar Akun ............................................................. IV-16 Gambar 4.18 Halaman Formulir Pembayaran .............................................. IV-21 Gambar 4.19 Halaman Pengisian Formulir Infaq ......................................... IV-27 Gambar 4.20 Halaman Pengisian Formulir Wisuda ..................................... IV-33 Gambar 4.21 Halaman Pengisian Formulir Daftar Ulang ............................. IV-40 Gambar 4.22 Halaman Pengisian Formulir Manasik Haji dan Tafakur Alam . IV-46 Gambar 4.23 Halaman Pengisian Formulir Sumbangan Lembaga .............. IV-53 Gambar 4.24 Halaman Pengisian Formulir Koperasi dan Tabungan............. IV-59 Gambar 4.25 Halaman Direktori Pembayaran ............................................. IV-66 Gambar 4.26 Halaman Data Riwayat Pembayaran Infaq dan Sodaqoh ....... IV-72 Gambar 4.27 Halaman Cetak Kwitansi ........................................................ IV-89

vi

DAFTAR TABEL

Tabel 1.1 Notasi Yourdon dan Gane & Sarson ............................................ I-4 Tabel 2.1 Entitas, Atribut, dan Deskripsi ...................................................... II-5 Tabel 3.1 Contoh Tabel ............................................................................... III-2 Tabel 3.2 Tipe Data Numerik ....................................................................... III-3 Tabel 3.3 Tipe Data String ........................................................................... III-4 Tabel 3.4 Tipe Data Waktu .......................................................................... III-6

vii

MODUL I PERANCANGAN DFD

1.1 Tujuan Praktikum 1. Praktikan mampu merancang sistem dengan baik 2. Praktikan mampu membuat diagram alir data dan kamus data 3. Praktikan mampu menggunakan software Ms. Visio 4. Praktikan mampu memahami dasar-dasar pembuatan DFD dengan Ms. Visio 5. Praktikan mampu melakukan dan merancang alur proses menggunakan DFD

1.2 Teori Dasar 1. Pendahuluan Sistem informasi merupakan suatu suatu sistem dalam suatu organisasi yang merupakan kombinasi dari orang-orang, fasilitas, teknologi, media, prosedur dan pengendalian untukmendapatkan jalur komunikasi penting, memproses tipe transaksi rutin tertentu,memberi sinyal kepada manajemen dan yang lainnya terhadap kejadiankejadianinternal dan eksternal yang penting dan menyediakan suatu dasar informasiuntuk pengambilan keputusan (Rizky Darajatun, 2015). Suatu sistem informasi pada dasarnya terbentuk melalui suatu kelompok kegiatan operasional yang tetap yaitu mengumpulkan data, mengelompokkan data, menghitung data, menganalisa data dan menyajikan laporan. Pendekatan dari sisi bisnis (De Marco, Yourdon, J.A. Senn) Pertanyaan para analyst: a. Proses apa yang membentuk suatu sistem? b. Data apa yang dipergunakan pada setiap proses? c. Data apa yang disimpan? d. Data apa yang masuk dan keluar?

I-1

I-2

2. Pendefinisian Analisis Aliran Data adalah analisis yang dilakukan untuk mempelajari pemanfaatan data pada setiap aktivitas. Menampilkanhasil pengamatan dalam apa yang disebut Data Flow Diagram (DFD) atau diagram alir data. Diagram Alir Data, yaitu satu tampilan grafis yang memunculkan relasi/hubungan antara proses dan data beserta kamus data yang menjelaskan rincian data yang dipergunakan. Analisis berorientasi aliran data mempergunakan beberapa alat bantu yaitu: a. Data Flow Diagram (DFD) Data

Flow

Diagram

(DFD)

adalah

suatu

diagram

yang

menggunakan notasi-notasi untuk menggambarkan arus dari data sistem, yang penggunaannya sangat membantu untuk memahami sistem secara logika, terstruktur dan jelas. DFD merupakan alat bantu dalam menggambarkan atau menjelaskan DFD ini sering disebut juga dengan nama Bubble chart, Bubble diagram, model proses, diagram alur kerja, atau model fungsi. Tujuan dari DFD adalah: 1) Memberikan indikasi mengenai bagaimana data ditransformasi pada saat data bergerak melalui sistem 2) Menggambarkan fungsi-fungsi dan sub fungsi yang menggambarkan aliran data Manfaat dari DFD adalah sebagai berikut: 1) Data Flow Diagram (DFD) adalah alat pembuatan model yang memungkinkan profesional sistem untuk menggambarkan sistem sebagai suatu jaringan proses fungsional yang dihubungkan satu sama lain dengan alur data, baik secara manual maupun komputerisasi. 2) DFD ini adalah salah satu alat pembuatan model yang sering digunakan, khususnya bilafungsi-fungsi sistem merupakan bagian yang lebih penting dan kompleks dari pada data yang dimanipulasi oleh sistem. Dengan kata lain, DFD adalah alat pembuatan model yang memberikan penekanan hanya pada fungsi sistem.

I-3

3) DFD ini merupakan alat perancangan sistem yang berorientasi pada alur data dengan konsep dekomposisi dapat digunakan untuk penggambaran analisis maupun rancangansistem yang mudah dikomunikasikan

oleh

profesional

sistem

kepada

pemakai

maupunpembuat program. b. Data Dictionary (Kamus Data) Kamus data adalah suatu daftar data elemen yang terorganisir dengan definisi yang tetap dan sesuai dengan sistem, sehingga user dan analis sistem mempunyai pengertian yang sama tentang input, output, dan komponen data store. Kamus data ini sangat membantu analis sistem dalam mendefinisikan data yang mengalir di dalam sistem, sehingga pendefinisian data itu dapat dilakukan dengan lengkap dan terstruktur. Pembentukan kamus data dilaksanakan dalam tahap analisis dan perancangan suatu sistem. Pada tahap analisis, kamus data merupakan alat komunikasi antara user dan analis sistem tentang data yang mengalir di dalam sistem, yaitu tentang data yang masuk ke sistem dan tentang informasi yang dibutuhkan oleh user. Sementara itu, pada tahap perancangan sistem kamus data digunakan untuk merancang input, laporan dan database. Pembentukan kamus data didasarkan atas alur data yang terdapat pada DFD. Alur data pada DFD ini bersifat global, dalam arti hanya menunjukan nama alur datanya tanpa menunjukan struktur dari alur data itu. Untuk menunjukan struktur dari alur data secara terinci maka dibentuklah kamus data yang didasarkan pada alur data di dalam DFD 3. Notasi DFD dilengkapi dengan empat buah notasi sederhana dengan dua pendekatan, yaitu Yourdon dan Gane & Sarson. Empat buah notasi ini digambarkan pada tabel 1.1 sebagai berikut:

I-4

Tabel 1.1 Notasi Yourdon dan Gane & Sarson YOURSON

GARDEN

Data Flow: Aliran data dengan arah khusus dari sumber ke tujuan (Paket Data). Proses: Aktivitas/kegiatan

interaksi

dengan

sistem yang dilakukan oleh orang/unit tertentu. Entitas: Orang/unit tertentu yang melakukan aktivitas. Dapat juga berupa aktivitas interaksi dengan sistem. Data Store: Penyimpanan data atau tempat dati di refer oleh proses.

Ketentuan lain dalam perancangan DFD diantaranya: a. Setiap komponen dalam DFD diberi label dengan nama yang jelas; b. Nama proses selanjutnya diberi nomor yang akan dipergunakan untuk keperluan identifikasi; c. Penomoran proses di atas tidak menunjukkan urutan sekuensial proses. 4. Penggambaran Aktivitas Paralel Dapat dilihat pada diagram yang ada bahwa beberapa aliran data dapat terjadi secara simultan. Ini merupakan salah satu keunggulan penampilan diagram aliran data. Diagram alir data memungkinkan paraanalis merepresentasikan aktivitas-aktivitas secara lebih akurat dengan memperlihatkan aktivitas simultan yang dapat muncul. Perlu dicatat bahwa diagram alir data berkonsentrasi pada pergerakan data dalam sistem, tidak pada peralatan atau media tertentu. Kadang-kadang data disimpan untuk akses atau penggunaan di waktu lain.

I-5

5. Keuntungan Analisis Aliran Data a. Notasi yang dipergunakan sederhana, mudah dimengerti sekalipun oleh orang awam. b. Usulan untuk modifikasi diagram agar dicapai keakurasian yang tinggi dalam aktivitas bisnis dapat dilakukan. c. Mudah dikoreksi sebelum proses perancangan karena dapat dikaji secara rinci atau ditelusuri. d. Memberikan kemungkinan untuk mengisolasi daerah kajian yang diminati secara khusus. e. Memberikan

fasilitas

penjabaran

diagram

berdasarkan

tingkat

pengamatan. 6. Pembentukan Aliran Diagram Data Syarat utama harus dapat digambarkan dengan baik dan jelas. Kapan dimulai dan kapan menambahkan deskripsi yang lebih rinci, kapan menambahkan informasi kontrol, dan bagaimana memberikan nama beserta item-itemnya secara konsisten. Pembentukan proses: Sistem yang ‘current’ (aktivitas dan proses aktual yang ada saat ini) kemudian translasikan ke dalam deskripsi lojik yang terfokus pada data dan proses. 7. Penggambaran Diagram Alir Data a. Diagram Konteks Menggambarkan secara umum konteks yang terjadi dalam sistem antara dunia internal dan dunia eksternal yang berbatasan. Merupakan lapisan teratas terhadap sistem yang akan dibahas. b. Diagram Level 0 Menggambarkan proses utama yang terdapat dalam sistem. Diagram ini merupakan dekomposisi dari diagram konteks. c. Diagram Level 1 Diagram level 1 merupakan gambaran rinci dari diagram konteks. Dikaitkan dengan bagan hirarki proses merupakan diagram yang menguraikan rincian dari level kesatu yang merupakan dekomposisi dari diagram level 0.

I-6

d. Diagram Level 2 dan seterusnya (n) Sama dengan penjelasan untuk level kesatu hanya makin bertambah nomor level maka semakin dalam pula penjabaran rincian proses. Nilai (n) ditentukan oleh banyaknya penjabaran dari proses pada sistem atau proses pada diagram level sebelumnya. Ada beberapa hal yang harus diperhatikan untuk mendapatkan diagram logic aliran data, yaitu: 1) Perlihatkan data aktual dan realitas dengan proses yang terjadi; 2) Hilangkan perjalanan informasi melalui orang atau kantor/unit, munculkan prosedurnya saja; 3) Konsolidasikan kerangkapan penyimpanan data serta hilangkan fungsi alat bantu, peralatan dan lainnya; 4) Hilangkan proses yang tidak penting yang tidak merubah data. Aturan dasar dalam menggambarkan diagram logic aliran data adalah: 1) Setiap aliran data yang meninggalkan proses harus berdasarkan pada data yang masuk ke dalam proses tersebut; 2) Semua

aliran

merefleksikan

data data

diberi yang

nama mengalir

dimana

pemberian

tersebut

antara

nama proses,

penyimpanan data dan sumber lainnya; 3) Hanya data yang akan digunakan dalam proses yang digambarkan sebagai masukan pada satu proses; 4) Satu proses tidak perlu mengetahui proses lainnya dalam sistem, jadi hanya tergantung pada masukan dan keluarannya saja; 5) Proses selalu berjalan dalam arti tidak ada awal atau akhir. 8. Konsep Arus Data a. Packet of Data (Paket Data) Bila dua data dari sumber yang sama mengalir menuju tujuan yang sama pula maka kedua data tersebut harus dianggap sebagai satu arus data yang tunggal. Pa...