Proposal Ini Disusun Sebagai Salah Satu Syarat Mengikuti UAS Tahun Pelajaran 2017
Disusun Oleh:
MUHAMMAD IBRAHIM : 362015611040
NUGRAHA UTAMA PRAKASA : 352014610023
PRODI TEKNIK INFORMATIKA FAKULTAS SAINS DAN TEKNOLOGI UNIVERSITAS DARUSSALAM GONTOR
ii
iii
2.6.7 ERD (Entity Relationship Diagram) ... 12
2.6.8 XAMPP ... 12
BAB III ANALISIS DAN PERAMCANGAN SISTEM 3.1 Analisis Kebutuhan Sistem ... 13
BAB IV DESAIN INTERFACE 4.1 Desain Mockups ... 19
BAB V PERANCANGAN APLIKASI BERORIENTASI OBJEK UML 5.1 UML (Unified Modeling Language) ... 24
5.1.1 Use Case Diagram ... 24
5.1.2 Activity Diagram ... 25
1
PENDAHULUAN
1.1 Latar Belakang
Perkembangan teknologi informasi sangat pesat di era globalisasi saat ini. Dengan kemajuan teknologi tersebut, pemanfaatan perangkat komputer sebagai media untuk memproses data sangat membantu manusia dalam penyelesaian pekerjaan. Perkembangannya tidak hanya disambut dan dinikmati oleh kalangan bisnis maupun pemerintah saja, tetapi juga mulai merambah dalam dunia pendidikan karena ketersediaan informasi yang terintegrasi semakin penting dalam mendukung upaya menciptakan generasi penerus bangsa yang kompetitif.
Begitu juga dengan Universitas Darussalam Gontor, yang menyediakan berbagai fasilitas untuk para mahasiswa dan mahasiswi Nya agar lebih mudah dalam studinya. Dalam hal ini, kendaraan bermotor pun menjadi salah satu aset bagi mahasiswa untuk mendukung aktifitas pembelajarannya terutama ketika berada di lapangan. Oleh karena itu, dalam mempermudah pendataan bagi pengguna kendaraan bermotor khususnya mahasiswa, maka Biro Administrasi Penunjang Akademik Kemahasiwaan (BAPAK) melakukan pelegalan motor bagi siapa saja yang mengahajatkan untuk membawa motor ke kampus Universitas Darussalam Gontor. Dengan sistem yang baik diharapkan dapat membantu meningkatkan efektifitas mahasiswa dalam memanfaatkan fasilitas yang disediakan untuk mencari ilmu pengetahuan, baik itu di dalam kampus maupun di luar kampus.
Berdasarkan latar belakang masalah di atas maka penulis mencoba untuk mengangkat permasalahan ini yang juga dijadikan bahan untuk menulis proposal tugas akhir di mata kuliah Rekayasa Perangkat Lunak dengan judul:
“PERANCANGAN SISTEM INFORMASI PELEGALAN MOTOR
UNIVERSITAS DARUSSALAM GONTOR BERBASIS WEB
1.2 Rumusan Masalah
Berdasarkan latar belakang diatas, pelegalan motor yang berbasis web pun diharapkan agar dapat lebih baik dalam memberikan pelayanan kepada mahasiswa (user) layaknya mempunyai media informasi. Di mana media tersebut menghimpun segala informasi yang terkait dengan informasi kendaraan bermotor tersebut, misalnya informasi data pribadi, data motor dan lain sebagainya. Maka dapat dirumuskan permasalahan yaitu, bagaimana merancang sistem informasi Pelegalan Motor Universitas Darussalam Gontor berbasis web yang memuat informasi tersebut ?.
1.3 Maksud dan Tujuan
Adapun maksud dari pembuatan website Pelegalan Motor Universitas Darussalam Gontor adalah:
1. Memudahkan bagi para mahasiswa (user) Universitas Darussalam Gontor dalam melakukan pelegalan motor.
2. Memudahkan BAPAK dalam melakukan pendataan motor legal agar memperoleh informasi yang tersimpan secara efisien.
3. Mengelola dan mengetahui data mahasiswa yang membawa kendaraan bermotor, agar tidak terjadi hal-hal yang tidak diinginkan.
1.4 Batasan
Adapun batasan masalah yang penulis tetapkan pada proposal ini yaitu sebagai berikut. Sistem Pelegalan Motor memberikan kemudahan user dalam pengoahan data, diantaranya pengolahan data admin, data pemohon, data asrama, cetak data pemohon dan laporan data pemohon secara keseluruhan.
Sistem ini memiliki dua user, yaitu Mahasiswa sebagai pemohon dan Staf BAPAK sebagai pengelola atau admin sistem. Dimana sistem ini hanya memiliki satu level admin yang dapat masuk ke halaman administrator guna untuk mengelola data yang telah disebutkan diatas.
1.5 Manfaat
1. Mempermudah mahasiswa dalam melakukan registrasi pelegalan motor.
2. Membantu staf yang bersangkutan untuk mendata para mahasiswa yang membawa motor ke kampus Universitas Darussalam Gontor. 3. Meningkatkan efektifitas dan efisiensi kerja sehingga data yang ada
5
LANDASAN TEORI
2.1 Pelegalan Motor BAPAK
Menurut Kamus Besar Bahasa Indonesia (KBBI), legalisasi adalah pengesahan menurut undang-undang atau hukum. Jadi pelegalan motor adalah pengesahan untuk mahasiswa yang ingin membawa motor menurut peraturan yang tertulis pada Biro Administrasi Penunjang Akademik Kemahasiswaan (BAPAK).
2.2 Analisa Sistem
Analisa sistem adalah panguraian dari suatu sistem informasi yang utuh kedalam bagian-bagian komponennya dengan maksud untuk mengidentifikasikan dan mengevaluasi permasalahan-permasalahan, kesempatan-kesempatan, hambatan-hambatan yang terjadi dan kebutuhan-kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan-perbaikan
2.3 Sistem
2.4 Informasi
Menurut Sutabri (2016:25) Mengemukakan bahwa “Informasi adalah data yang telah diklasifikasi atau diolah atau diinterpretasi untuk digunakan dalam proses pengambilan keputusan.”
2.5 Sistem Informasi
Menurut Sutabri (2016:40) Mengemukakan bahwa “Sistem informasi adalah suatu sistem di dalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian yang mendukung fungsi operasi organisasi yang bersifat manajerial dengan kegiatan strategi dari suatu organisasi untuk dapat menyediakan kepada pihak luar tertentu dengan laporan-laporan yang diperlukan.”
2.6 Teori Pendukung
Teori pendukung yang akan dijelaskan dalam pembuatan website
adalah sebagai berikut:
2.6.1 Sublime Text Editor
fungsinya dapat ditambah dengan plugin, dan Sublime Text Editor tanpa lisensi perangkat lunak.
Sublime Text Editor pertama kali dirilis pada tanggal 18 januari 2008, dan sekarang versi Sublime Text Editor sudah mencapai versi 3 yang dirilis pada tanggal 29 januari 2013.
Sublime Text mendukung operation system seperti Linux, Mac Os X, dan juga windows. Sangat Banyak fitur yang tersedia pada Sublime Text Editor diantarnya minimap, membuka script secara side by side, bracket highlight sehingga tidak bingung mencari pasangannya, kode snippets, drag and drop direktori ke sidebar terasa mirip dengan TextMate untuk Mac OS. (Mariadi, Andi, 2016, Pengertian Sublime Text Editor, http://pemulabelajar. com/2016/03/pengertian-sublime-text-editor.html, diakses tanggal 18 Februari 2017).
2.6.2 MySQL
Menurut Maya (2015:56) menyatakan bahawa “MySQL
disebut SQL yang merupakan kepanjangan dari Structured Query Language merupakan bahasa terstruktur yang khusus digunakan untuk mengolah database. SQL pertama kali didefinisikan oleh
American National Standars Institute (ANSI) pada tahun 1986.
2.6.3 PHP
Menurut Kadir (2008), PHP (Page Hypertext Preposesor)
adalah bahasa pemrograman skrip yang paling banyak digunakan saat ini. Secara khusus, PHP dirancang untuk aplikasi web dinamis. Artinya, PHP dapat membentuk suatu tampilan berdasarkan permintaan terkini. Misalnya, menampilkan isi database ke dalam halaman web.
2.6.4 Database
Menurut Masrus (2016:121) menyatakan bahwa “Database
adalah sekumpulan file data yang satu sama lainnya slig berhubungan yang diorganisasi sedemikian rupa sehingga memudahkan untuk mendapatkan dan memproses data tersebut.”
2.6.5 Normalisasi
pada beberapa tabel lagi atau dengan kata lain perancangan yang dilakukan belum mendapatkan suatu database yang optimal.”
Ada beberapa macam kunci (key function) yang digunakan untuk proses pencarian, penyaringan, hapus, dan lain sebagainya yang biasa digunakan di dalam pengolahan database yaitu sebagai berikut:
a. Super Key
Super Key adalah himpunan dari suatu atau lebih
entitas yang dapat digunakan untuk mengidentifikasi secara unik sebuah entitas dalam entitas set.
b. Kunci Calon (Candidat Key)
Kunci kandidat adalah satu atribut atau satu set minimal atribut yang mengidentifikasikan secara unik suatu kejadian yang spesifik dari suatu entitas. Satu minimal set dari atribut menyatakan secara tidak langsung di mana Anda tidak dapat membuang beberapa atribut dalam set tanpa merusak kepemilikan yang unik. Jika satu kunci kandidat berisi lebih dari satu atribut, biasanya disebut sebagai composit key (kunci gabungan).
c. Kunci Primer (Primary Key)
secara unik suatu kejadian spesifik tapi juga dapat mewakili setiap kejadian dari suatu entity.
d. Kunci Alternatif (Alternatif Key)
Kunci alternatif adalah kunci kandidat yang tidak dipakai sebagai primary key. Kerap kali kunci alternatif ini dipakai sebagai kunci pengurutan dalam pembuatan laporan.
e. Kunci Tamu (Foreign Key)
Kunci tamu adalah Satu atribut atau satu set atribut yang melengkapi satu relationship (hubungan) yang menunjukan ke induknya. Kunci tamu ditempatkan pada entitas anak dan sama dengan kunci primary induk yang direlasikan.
Adapun tahapan-tahapan dalam pembentukan normalisasi, yaitu: a. Bentuk Tidak Normal (Unnormalized Form)
Merupakan kumpulan data yang akan direkam, tidak ada keharusan mengikuti suatu format tertentu, dapat saja data tidak lengkap atau duplikasi. Data dikumpulkan apa adanya sesuai dengan saat menginput.
b. Bentuk Normal Pertama (1NF/First Normal Form)
record, tidak ada set atribut yang berulang atau atribut bernilai ganda, dan tiap field hanya memiliki satu pengertian.
c. Bentuk Normal Kedua (2NF/Secondary Normal Form) Bentuk normal kedua mempunyai syarat, yaitu bentuk data telah memenuhi kriteria bentuk normal kesatu. Atribut bukan kunci haruslah bergantung pada kunci utama/primary key. Dengan demikian untuk membentuk normal kedua haruslah sudah ditentukan kunci field. Field
haruslah unik dan dapat mewakili atribut lain yang menjadi anggotanya.
d. Bentuk Normal Ketiga (3NF/Third Normal Form)
Untuk menjadi bentuk normal ketiga maka relasi haruslah dalam bentuk normal kedua dan semua atribut bukan primer tidak punya hubungan yang transitif. Dengan kata lain, setiap atribut bukan kunci haruslah bergantung hanya pada primary key secara menyeluruh.
e. Boyce-Codd Normal Form (BCNF)
2.6.6 DFD (Data Flow Diagram)
Menurut Al Fatta (2009:32) menyatakan bahwa ”Data Flow Diagram adalah sebuah teknik grafis yang menggambarkan desain informasi yang diaplikasikan pada saat data bergerak dari input menjadi output. Data flow diagram dapat digunakan untuk menyajikan sebuah sistem atau perangkat lunak pada setiap tingkat abstaraksi. Data flow diagram memberikan suatu mekanisme bagi
pemodelan fungsional dan pemodelan aliran informasi.”
2.6.7 ERD (Entity Relationship Diagram)
Menurut Yanto (2016:32), menyatakan bahwa “ERD adalah suatu diagram untuk menggambarkan desain konseptual dari model koseptual suatu basis data relasional. ERD juga merupakan gambaran yang merelasikan antar objek yang satu dengan objek yang lain dari objek di dunia nyata yang sering dikenal dengan hubungan antar entitas”
2.6.8 XAMPP
13
ANALISIS DAN PERANCANGAN SISTEM
3.1 Analisis Kebutuhan Sistem
3.1.1 Analisis Fungsional Sistem
Sistem Pelegalan Motor ini akan memberikan kemudahan pengguna dalam pengolahan data. Sistem ini memiliki dua pengguna, yaitu Mahasiswa sebagai pemohon dan Staf BAPAK sebagai pengelola atau admin sistem,. Dalam analisis fungsional sistem ini menjelaskan apa saja yang bisa dilakukan sistem nantinya, diantaranya:
1. Sistem harus mampu melakukan input, edit dan delete data pelegalan motor.
Pengguna (Mahasiswa) dapat memasukkan data terkait permohonan pelegalan motor.
Pengguna (BAPAK) dapat menghitung data pemohon yang sudah masuk secara keseluruhan.
Pengguna (BAPAK) dapat menghapus data pemohon yang tidak memenuhi syarat.
2. Sistem harus dapat memberikan kemudahan dalam mencari, mencetak dan merekap laporan data keseluruhan.
Sistem dapat mencetak bukti form daftar online setiap mahaiswa.
Pengguna (BAPAK) dapat menampilkan data rekapan pemohon yang telah masuk.
3.1.2 Analisis Non Fungsional Sistem
Tipe kebutuhan yang berisi property perilaku yang dimiliki oleh sistem.
1. Hadrware
Menggunakan sistem operasi Microsoft Windows XP atau 7.
Spesifikasi komputer minimum Pentium 4.
Kebutuhan memori minimm 256 MB RAM.
Kebutuhan Hardisk 10 GB.
Monitor.
Database menggunakan MySql.
2. Software
Dalam proses pembuatan, penulis menggunakan beberapa aplikasi untuk memudahkan dalam proses pembuatan sistem ini. Aplikasi yang digunakan sebagai berikut:
Sublime Text
Balsamic Mockups
3. Data
Dalam proses perancangan dan pembuatan sistem data sangatlah penting, karena dari data tersebut kita dapat menentukan berapa banyak table yang dibutuhkan.
Untuk sistem pelegalan motor ini, data yang penulis dapatkan berupa data masukkan dari formulir permohonan pelegalan motor yang dijadikan sebagai rujukan dalam perancangan database.
3.2 Perancangan Sistem
Dalam pembuatan website diperlukan dua bidang yang saling berhubungan satu sama lain, yaitu web programming dan web designing. Webprograming adalah sebuah keahlian yang diperlukan untuk menuliskan
Gambar III.1 DFD Level 0
3.2.2 Perancangan Basis Data ERD
19
DESAIN INTERFACE
4.1 Desain Mockups
Mockup adalah sebuah media visual atau preview dari sebuah konsep desain yang diberikan efek visual sehingga hasilnya sangat tampak atau menyerupai wujud nyata, mockup dapat memberikan gambaran nyata dari sebuah konsep desain bagaimana konsep itu akan terlihat nantinya jika sudah diaplikasikan menjadi benda nyata apakah terlihat bagus atau kurang sesuai. Berikut mockup dari tiap halaman sistem informasi Pelegalan Motor Universitas Darussalam Gontor yang akan penulis rancang.
Gambar IV.2 Upload Data
Gambar IV.4 Sign in
Gambar IV.6 Data Pemohon
24
(UNIFIED MODELING LANGUAGE)
5.1UML (Unified Modeling Language)
UML adalah sekumpulan alat yang digunakan untuk melakukan abstraksi terhadap sebuah sistem atau perangkat lunak berbasis objek. UML merupakan singkatan dari Unified Modeling Language. UML juga menjadi salah satu cara untuk mempermudah pengembangan aplikasi yang berkelanjutan. Aplikasi atau sistem yang tidak terdokumentasi biasanya dapat menghambat pengembangan karena developer harus melakukan penelusuran dan mempelajari kode program. UML juga dapat menjadi alat bantu untuk transfer ilmu tentang sistem atau aplikasi yang akan dikembangkan dari satu developer ke developer lainya. Tidak hanya antar developer terhadap orang bisnis dan siapapun dapat memahami sebuah sistem dengan adanya UML.
5.1.1 Use Case Diagram
jelas lagi mengenai keterlibatan actor - aktor terhadap sistem dapat digambarkan pada diagram use case seperti di bawah ini:
Gambar V.1 Use Case
5.1.2 Activity Diagram
Gambar V.2 Activity Diagram - Upload Data Permohonan
DAFTAR PUSTAKA
BUKU
Al Fatta, Hanif. 2009. Rekayasa Sistem Pengenalan Wajah. Yogyakarta: Andi. Kadir. Abdul. 2008. Dasar pemrogramman web dinamis menggunakan PHP
Yogyakarta: Andi Offset.
Masrur, Mukhamad. 2016. Pemrograman Web Dinamis Menggunakan Java Server Pages dengan Database Relasioanl MySQL. Yogyakarta: Andi. Maya. 2015. PAS: Membangaun Sistem Informasi dengan Java NetBeans dan
MySQL. Yogyakarta: Andi Offset.
Supriyanto, Wahyu. 2012. Teknologi Infromasi Perpustakaan. Yogyakarta: Kanisius.
Sutabri,Tata. 2016. Sistem Informasi Manajemen (Edisi Revisi). Yogyakarta: Andi. . 2003. Analisa Sistem Informasi. Yogyakarta: Andi Publisher.
Yanto, Robi. 2016. Manajemen Basis Data Menggunakan MySQL. Yogyakarta: Deepublish.
INTERNET
http://pemulabelajar.com/2016/03/pengertian-sublime-text-editor.html, diakses tanggal 18 Februari 2017.
https://www.codepolitan.com/mengenal-uml-diagram-use-case, diakses tanggal 15 November 2017.
