DPPL BOGOR LINE DESKRIPSI PERANCANGAN PERANGKAT LUNAK Aplikasi Bogor Line untuk: Institut Pertanian Bogor Dipersiapkan oleh: Kelompok 9 1. Larasati (G64140005) 2. Respati Widrantara Putra (G64140028) 3. Bagus Ali Mashar Dwiyanto (G64140052) 4. Arief Maulidy Nugroho (G64120075) Departemen Ilmu Komputer Fakultas Matematika dan Ilmu Pengetahuan Alam Institut Pertanian Bogor Departemen Ilmu Komputer Institut Pertanian Bogor Nomor Dokumen Halaman DPPL Aplikasi Bogor 1/34 Line Revisi C Tgl: 27/04/16 Jurusan Ilmu Komputer IPB DPPL - Bogor Line Halaman 1 dari 23
DAFTAR PERUBAHAN Revisi A B Deskripsi Dihilangan fungsi statistik tingkat kemacetan dan kecelakaan di kota Bogor Dihilangkan entitas calculate C D E F G INDEX TGL A B C D E F G Ditulis oleh Diperiksa oleh Disetujui oleh Jurusan Ilmu Komputer IPB DPPL - BOGOR LINE Halaman 2 dari 23
Daftar Halaman Perubahan Jurusan Ilmu Komputer IPB DPPL - BOGOR LINE Halaman 3 dari 23
Daftar Isi Daftar Isi... 4 Daftar Tabel... 5 Daftar Gambar... 6 1. Pendahuluan... 7 1.1 Tujuan Penulisan Dokumen... 7 1.2 Lingkup Masalah... 7 1.3 Definisi dan Istilah... 7 1.4 Aturan Penamaan dan Penomoran... 8 1.5 Referensi... 8 1.6 Ikhtisar Dokumen... 8 2 Deskripsi Perancangan Global... 9 2.1 Rancangan Lingkungan Implementasi... 9 2.2 Deskripsi Data... 9 2.2.1 Definisi Domain/Type... 10 2.2.2 Physical Data Model... 11 2.2.3 Daftar Tabel Aplikasi... 11 2.3 Deskripsi Modul... 12 3 Deskripsi Perancangan Rinci... 12 3.1 Deskripsi Rinci Modul... 17 3.1.1 Modul Sign-up... 17 3.1.2 Modul Sign-in... 19 3.1.3 Modul Home... 20 3.1.4 Modul Menu Event/Timeline... 21 3.1.5 Modul Menu Profile... 22 Jurusan Ilmu Komputer IPB DPPL - BOGOR LINE Halaman 4 dari 23
Daftar Tabel Tabel 1 definisi & akronim... 7 Tabel 2 tabel definisi domain type... 10 Tabel 3 dafar tabel aplikasi... 11 Tabel 4 modul pada aplikasi BogorLine... 12 Tabel 5 user... 13 Tabel 6 artikel... 14 Tabel 7 info angkot... 14 Tabel 8 perhitungan... 15 Tabel 9 recent updates... 16 Tabel 10 event... 16 Tabel 11 konten... 16 Tabel 12 spesifikasi field data layar fungsi sign up... 18 Tabel 13 spesifikasi objek pada layar sign up... 18 Tabel 14 speisifikasi field data layar fungsi... 19 Tabel 15 spesifikasi objek pada layar... 20 Tabel 16 speisifikasi field data layar fungsi home... 21 Tabel 17 spesifikasi objek pada layar fungsi home... 21 Tabel 18 spesifikasi field data layar fungsi calculate... 22 Tabel 19 spesifikasi objek layar fungsi calculate... 22 Tabel 20 fungsi profil... 23 Jurusan Ilmu Komputer IPB DPPL - BOGOR LINE Halaman 5 dari 23
Daftar Gambar Gambar 1 Physical data model... 11 Gambar 2 Tampilan sign up... 18 Gambar 3 Tampilan sign-in... 19 Gambar 4 Tampilan Home... 21 Gambar 5 Tampilan layar recent updates... 22 Jurusan Ilmu Komputer IPB DPPL - BOGOR LINE Halaman 6 dari 23
1. Pendahuluan Dokumen ini adalah Deskripsi Perancangan Perangkat Lunak (DPPL) atau Software Design Description (SDD) untuk Aplikasi Bogor Line.Istilah yang akan digunakan untuk merujuk dokumen ini adalah DPPL. Isi dari dokumen ini sebagian besar adalahterjemahan dari dokumen IEEE Std 1016.1-1993. 1.1 Tujuan Penulisan Dokumen Dokumen DPPL merupakan dokumen deskripsi dari perancangan perangkat lunak yang akan dikembangkan dan bertujuan untuk memberikan landasan yang diperlukan dalam proses pengembangan perangkat lunak Aplikasi Bogor Line. Dokumen ini digunakan oleh pengembangperangkat lunak sebagai acuan teknis pengembangan perangkat lunak pada tahap selanjutnya. 1.2 Lingkup Masalah Kota Bogor memiliki masalah yang sama dengan kota kota besar lainya, yaitu kemacetan lalu lintas. Kemacetan disebebabkan volume kendaraan bermotor baik pribadi maupun angkutan umum yang begitu besar, khususnya angkutan kota. Angkutan kota tidak bisa dipungkiri menjadi sarana transportasi yang paling gampang ditemukan. Hampir setiap menit lewat. Angkutan kota yang berjumlah banyak ini seharusnya dapat mengurangi tingkat penggunaan kendaraan pribadi, sehingga kemacetan dapat terurai. Masih banyaknya masyarakat memillih menggunakan kendaraan pribadi tidak terlepas dari masalah informasi angkutan kota itu sendiri. Seperti tarif angkot itu berapa, tujuannya dari mana ke mana, dan melalui trayek apa saja. 1.3 Definisi dan Istilah Definisi, Istilah, dan singkatan yang digunakan dalam pembuatan dokumen DPPL ini adalah: NO ISTILAH, SINGKATAN, AKRONIM 1. SKPL 2. SKPL- Aplikasi Bogor Line.Pxxxx Tabel 1 Definisi singkat dan akronim KETERANGAN Spesifikasi kebutuhan perangkat lunak atau Software Requirement Specification (SRS), merupakan dokumentasi kebutuhan perangkat lunak SKPL- Aplikasi BogorLine.P-xxxx adalah kode yang digunakan untuk merepresentasikan kebutuhan (requirement) pada Bogor Line, dengan Bogor Line merupakan kode perangkat lunak, BogorLine.P adalah kode fase, dan xxxx adalah digit/nomor kebutuhan (requirement). Data Flow Data Flow Diagram (DFD) adalah diagram dan notasi yang 3. Diagram digunakan untuk menunjukkan aliran data pada perangkat lunak. 4. Entity Entity Relarionship Diagram (ERD) adalahsuatu diagram yang Jurusan Ilmu Komputer IPB DPPL - BOGOR LINE Halaman 7 dari 23
Relationship Diagram menunjukkan keterhubungan antar entitas yang ada pada sistem tempat perangkat lunak ini akan diterapkan 5. DPPL Deskripsi Perancangan Perangkat Lunak, atau dalam bahasa Inggris-nya sering juga disebut sebagai Software Design Description (SDD), dan merupakan deskripsi dari perangkat lunak yang akan dikembangkan. DPPL- DPPL- Aplikasi BogorLine.P-xxxx adalah kode yang digunakan 6. Aplikasi untuk merepresentasikan fungsi atau modul pada Bogor Line, dengan Bogor Line.Pxxxx Bogor Line merupakan kode perangkat lunak, BogorLine.P adalah kode fase, dan xxxx adalah digit/nomor kebutuhan (requirement). 7. SQLite Relational Database Management Server (RDBMS) 1.4 Aturan Penamaan dan Penomoran Aturan penamaan dan penomoran pada perangkat lunak ini adalah: BogorLine_[xxxx], adalah kode yang digunakan untuk aturan penamaan bagi namanama tabel yang terdapat pada Bogor Line, dengan xxxx adalah serangkaian huruf dari nama tabel yang bersangkutan. 1.5 Referensi Tim BogorLine. 2016. Spesifikasi Kebutuhan Perangkat Lunak: Aplikasi Bogor Line. SKPL. Jurusan Ilmu Komputer FMIPA. IPB. Bogor 1.6 Ikhtisar Dokumen Dokumen DPPL ini dibagi menjadi tiga bagian utama. Bagian pertama berisi penjelasan tentang dokumen DPPL yang mencakup tujuan pembuatan dokumen ini, lingkup masalah yang diselesaikan oleh perangkat lunak yang dikembangkan, definisi, referensi dan deskripsi umum. Bagian kedua berisi diagram dan spesifikasi kelas, komponen sistem dan arsitektur sistem dari BOGOR LINEyang telah dispesifikasikan pada dokumen SKPL. Bagian ketiga berisi deskripsi rinci masing-masing kelas. Jurusan Ilmu Komputer IPB DPPL - BOGOR LINE Halaman 8 dari 23
2 Deskripsi Perancangan Global 2.1 Rancangan Lingkungan Implementasi Aplikasi Bogor Line akan dikembangkan pada lingkungan dengan spesifikasi sebagai berikut : Sistem Operasi : Windows Bahasa Pemrograman : PHP, HTML DBMS : MySQL Tools : Macromedia Dreamweaver, Notepad++, Sublime Text 2.2 Deskripsi Data Nama table : admin Primary key :id_admin Constraint integrity : - Tabel admin adalah tabel basis data yang berisi data dari admin yang mengelola sstem. Nama table : artikel Primary key :id_artikel Constraint integrity : id_admin merupakan foreign key dari id_admin pada tabel admin dan id_user merupakan foreign key dari id_user pada tabel user. Tabel artikel adalah tabel basis data yang berisi artikel. Nama table : info_angkot Primary key : id_angkot Constraint integrity : id_user merupakan foreign key dari id_user pada tabel user. Tabel info_angkot berisi biaya dan rute angkot.. Nama table : statistik Primary key :id_updates Constraint integrity : - Tabel statistik berisi perhitungan jumlah kemacetan dan jumlah kecelakaan yang terjadi. Nama table : user Primary key :id_user Constraint integrity : - Tabel user berisi identitas user yang sudah melakukan log in. Nama table : perhitungan Jurusan Ilmu Komputer IPB DPPL - BOGOR LINE Halaman 9 dari 23
Primary key : - Constraint integrity : id_lokasi foreign key dari id_lokasi pada tabel lokasi_awal, id_kantor foreign key dari id_kantor pada tabel kantor_pemerintah, id_angkot foreign key dari id_angkot pada tabel info_angkot. Tabel perhitungan berisi total biaya dari lokasi awal dan angkot yang dinaiki. Nama table : event Primary key :id_event Constraint integrity : - Tabel event berisi info acara yang ada di Kota Bogor. Nama table : kantor_pemerintah Primary key : id_kantor Constraint integrity : id_user foreign key dari id_user pada tabel user. Nama table : lokasi_awal Primary key : id_lokasi Constraint integrity : - Tabel lokasi_awal berisi lokasi awal yang ditentukan user ketika ingin mencari informasi angkot yang dinaiki, tarif angkot, dan lokasi kantor pemerintahan yang dilalui. Nama table : recent_updates Primary key : id_updates Constraint integrity : id_user foreign key dari id_user pada tabel user, id_event foreign key dari id_event pada tabel event. 2.2.1 Definisi Domain/Type Domain name Tabel 2 Definisi Domain/Type Power Designer Type Jurusan Ilmu Komputer IPB DPPL - BOGOR LINE Halaman 10 dari 23
2.2.2 Physical Data Model Gambar 1 Physical Data Model 2.2.3 Daftar Tabel Aplikasi Nama Tabel Primary key Data Store Admin artikel Info_angkot statistik user perhitungan Id_admin Id_artikel Id_Angkot Id_updates Id_user event Id_event Kantor_pemerintah Id_kantor Lokasi_awal Id_lokasi Recent_updates Id_updates. Tabel 3 Daftar Tabel Aplikasi E/R Deskripsi isi Jurusan Ilmu Komputer IPB DPPL - BOGOR LINE Halaman 11 dari 23
2.3 Deskripsi Modul Tabel 4 Modul pada Aplikasi Bogor Line No. Fungsi/ Proses Data Input Data Output Keterangan 3 Deskripsi Perancangan Rinci Nama Tabel : user Deskripsi isi : tabel basis data yang berisi data pengguna BogorLine yang melakukan registrasi Jenis : tabel referensi Jurusan Ilmu Komputer IPB DPPL - BOGOR LINE Halaman 12 dari 23
Laju : - Primary Key : id_user ID_FIELD Id_user Username Password DESKRIPSI Merupakan key dari tabel user Menyatakan username Menyatakan kata sandi Gender Menyatakan jenis kelamin Tanggal_lahir Menyatakan tanggal lahir user Address Menyatakan alamat dari user Tabel 5. User TIPE BOLEH & LENGTH NULL KETERANGAN Int No Primary Key yang unik setiap usernya, contoh : 9 Varchar(15) No Username yang akan digunakan oleh seorang user sebagai informasi login. Contoh: iresputra Varchar(15) No Kata sandi yang digunakan untuk login, login akan berhasil jika sesuai dengan username dan password yang terdapat didatabase. Contoh : rplasik Varchar(255) No Jenis Kelamin pengguna DATE No Contoh : 5 April, 2016 Varchar(45) No Alamat pengguna, contoh: Jakarta Nama tabel : artikel Deskripsi isi : tabel yang berisikan data sebuah artikel yang dikirim oleh pengguna BogorLine Jenis : tabel referensi Laju : - Primary key : id_artikel Jurusan Ilmu Komputer IPB DPPL - BOGOR LINE Halaman 13 dari 23
ID_FIELD DESKRIPSI Id_artikel Merupakan key dari tabel artikel Id_user Menyatakan FK dari tabel artikel Tanggal_post Menyatakan tangal ditambahkan Id_admin Menyatakan FK dari tabel artikel TIPE & LENGTH Tabel 6. Artikel BOLEH NULL KETERANGAN Int No Primary key artikel. Contoh : 2 Int No Foreign key dari user Varchar No Contoh: 23 April, 2016 Varchar No Contohnya : Nama tabel : info_angkot Deskripsi isi : tabel yang berisikan informasi angkot yang melewati suatu rute Jenis : tabel referensi Laju : - Primary key : id_angkot ID_FIELD Id_angkot Id_user biaya rute DESKRIPSI Merupakan key dari tabel info angkot Menyatakan FK dari tabel artikel Menyatakan biaya dari lokasi awal ke tujuan Menyatakan rute yang dilalui oleh angkutan Tabel 7. Info Angkot TIPE & LENGTH BOLEH NULL KETERANGAN Varchar No Contoh : 03, 05 Int No Contoh : 1, 2,3 Int No Biaya yang harus dikeluarkan. Contoh : Rp. 3000 Varchar No Contoh : Warung Jambu Jurusan Ilmu Komputer IPB DPPL - BOGOR LINE Halaman 14 dari 23
umum Nama tabel : perhitungan Deskripsi isi : tabel yang akan melakukan perhitungan untuk mencapai suatu tujuan kantor pemerintahan Jenis : tabel transaksi Laju : - Primary key : - Tabel 8. Perhitungan ID_FIELD DESKRIPSI Id_lokasi Merupakan foreign key dari tabel perhitungan Id_kantor Menyatakan FK dari tabel perhitungan Id_angkot Menyatakan Fk dari tabel perhitungan Total_biaya Menyatakan total biaya untuk ke lokasi tujuan TIPE & LENGTH BOLEH NULL KETERANGAN Varchar No Contoh: 1,2,3 Varchar No Contoh : 1,2,3 Varchar No Contoh : 1,2,3 Int No Perhitungan akhir untuk mencapai tujuan contoh Rp.7000 Nama tabel : recent updates Deskripsi isi : tabel yang berisikan informasi pembaharuan suatu kejadi yang dilakukan oleh seorang user Primary key : id_updates Jenis : tabel referensi Laju : - Tabel 9 Recent updates ID_FIELD Id_updates DESKRIPSI Merupakan key dari tabel recent updates TIPE & LENGTH BOLEH NULL KETERANGAN Varchar No Contoh : 1,2,3 Isi_updates Menyatakan Varchar No Contoh : Bogor Jurusan Ilmu Komputer IPB DPPL - BOGOR LINE Halaman 15 dari 23
Id_user Id_event isi artikel yang dimasukan oleh user Menyatakan Fk dari tabel recent updates Menyatakan FK dari tabel event sangat menarik, karena terdapat banyak wisata Int No Contoh : 1,2,3 Boolean No Contoh : 1,2,3 Nama tabel : event Deskripsi isi : tabel yang berisikan jenis event yang akan diperbaharui oleh user, terdapat 2 jenis event yaitu kecelakaan dan kemacetan Primary key : id_event Jenis : tabel referensi Laju : - Tabel 10. Event ID_FIELD Jenis_event Id_event DESKRIPSI menyatakan deskripsi kejadian Menyatakan PK dari tabel event. Kemacetan atau kecelakaan TIPE & LENGTH BOLEH NULL KETERANGAN Varchar No Contoh : Kecelakaan dan Kemacetan Boolean No Contoh : 1,2,3 Nama tabel : admin Deskripsi isi : tabel yang berisikan informasi admin Primary key : id_admin Jenis : tabel referensi Laju : - ID_FIELD Tabel 11. Kantor Pemerintahan TIPE BOLEH DESKRIPSI KETERANGAN & NULL Jurusan Ilmu Komputer IPB DPPL - BOGOR LINE Halaman 16 dari 23
Id_kantor Merupakan key dari tabel kantor pemerintahan LENGTH Varchar No Contoh : 4,5,6 Id_user FK Int No Contoh : 15,6,12 Nama_kantor Menyatakan nama kantor berdasarkan id_kantor Varchar No Contoh : Kantor Walikota Bogor Lokasi_kantor Menyatakan letak lokasi kantor Varchar No Contoh : Warung Jambu Blok O5 3.1 Deskripsi Rinci Modul 3.1.1 Modul Sign-up 3.1.1.1 Spesifikasi Fungsi Sign-up Identifikasi nama : Menampilkan Halaman Sign-up Deskripsi isi : Fungsi ini menampilkan halaman sign-up, yang berisi field nama dan password yang akan diisi oleh pengguna dari aplikasi Carbonator. Jenis : link image 3.1.1.2 Spesifikasi Query Fungsi Sign-up $query = pg_query("insert INTO user(usernamevalues ('$username')"); Jurusan Ilmu Komputer IPB DPPL - BOGOR LINE Halaman 17 dari 23
3.1.1.3 Spesifikasi Layar Utama Gambar 2 Tampilan Sign-up 3.1.1.4 Spesifikasi Field Data Layar Fungsi Sign-up Tabel 52 Spesifikasi Field Data Layar Fungsi Sign-up Label Field Tabel/ Validasi Keterangan Query 1 Field Username - - Berisi : input nama user 2 Field Password - - Berisi : input passworduser 3 Field Fullname - - Berisi : input nama lengkap 4 Field email - - Berisi : input email 5 Field Gender - - Berisi : pilihan jenis kelamin 6 Field Birthdate - - Berisi : format tanggal lahir 7 Field Address - - Berisi : alamat user 8 Field Agree - - Berisi : kotak persetujuan 3.1.1.5 Spesifikasi Objek-Objek pada Layar Tabel 13 Spesifikasi Objek-Objek pada Layar Sign-up Id_Objek Jenis Keterangan Button Register Button Jika diklik, akan berpindah ke menu profile Jurusan Ilmu Komputer IPB DPPL - BOGOR LINE Halaman 18 dari 23
3.1.2 Modul Sign-in 3.1.2.1 Spesifikasi Fungsi Sign-in Identifikasi nama : Menampilkan Halaman Sign-in Deskripsi isi : Fungsi ini menampilkan halaman sign-up, yang berisi fieldnama danpassword yang akan diisi oleh pengguna dari aplikasi Carbonator. Jenis : link image 3.1.2.2 Spesifikasi Query Fungsi Sign-in $username= $_POST['username']; $password= $_POST ['password']; $result= mysqli_query ($connect, "SELECT * FROM user WHERE username='$username' and password='$password' "); $row = mysqli_fetch_array($result, MYSQLI_ASSOC); 3.1.2.3 Spesifikasi Layar Utama Gambar 3 Tampilan Sign-in 3.1.2.4 Spesifikasi Field Data Layar Fungsi Sign-in Tabel 14 Spesifikasi Field Data Layar Fungsi Sign-in Label Field Tabel/ Validasi Keterangan Query 1 FieldUserna - - Berisi : input nama user me 2 FieldPasswor d - - Berisi : input passworduser Jurusan Ilmu Komputer IPB DPPL - BOGOR LINE Halaman 19 dari 23
3.1.2.5 Spesifikasi Objek-Objek pada Layar Tabel 15 Spesifikasi Objek-Objek pada Layar Sign-in Id_Objek Jenis Keterangan ButtonSignin Button Jika diklik, akan berpindah ke menu home sebagai user Button Sign up Button Jika diklik, akan berpindah ke menu sign up 3.1.3 Modul Home 3.1.3.1 Spesifikasi Fungsi Home Identifikasi nama : Menampilkan Halaman Home Deskripsi isi : Fungsi ini menampilkan halaman home, yang berisi pilihan government office, angkot route, timeline, login, dan postingan Jenis : link image 3.1.3.2 Spesifikasi Query Fungsi Home <?php require 'header.php';?> 3.1.3.3 Spesifikasi Layar Utama Gambar 4 Tampilan Home 3.1.3.4 Spesifikasi Field Data Layar Fungsi Home Tabel 16 Spesifikasi Field Data Layar Fungsi Home Label Field Tabel/ Validasi Keterangan Jurusan Ilmu Komputer IPB DPPL - BOGOR LINE Halaman 20 dari 23
Query - - - - - 3.1.3.5 Spesifikasi Objek-Objek pada Layar Tabel 17 Spesifikasi Objek-Objek pada Layar Fungsi Home Id_Objek Jenis Keterangan Button Home Button Jika diklik, akan kembali ke page home Button Angkot Button Jika diklik, akan berpindah ke halaman rute angkot Route Button Button Jika diklik akan berpindah ke halaman akses kantor pemerintahan Government Office Button Timeline Button Jika diklik, akan berpindah ke halaman timeline Button Login Button Jika diklik, akan berpindah ke halaman login Button Statistics Button Jika diklik, akan berpindah ke halaman statistik kemacetan dan kecelakaan di kota bogor 3.1.4 Modul Menu Event/Timeline 3.1.4.1 Spesifikasi Fungsi Menu Event Identifikasi nama: Menampilkan Halaman Calculate Deskripsi isi : Fungsi ini menampilkan update dari berbagai user berdasarkan jenis event yang terjadi Jenis : link image 3.1.4.2 Spesifikasi Query Fungsi Event 3.1.4.3 Spesifikasi Layar Utama Gambar 5 Tampilan Layar Recent Updates Jurusan Ilmu Komputer IPB DPPL - BOGOR LINE Halaman 21 dari 23
3.1.4.4 Spesifikasi Field Data Layar Fungsi Event Tabel 18 Spesifikasi Field Data Layar Fungsi Calculate Label Field Tabel/ Validasi Keterangan Query 1 FieldKid of event - - Berisi : jenis event yang bisa diupdate 2 Field Isi event - Berisi : keterangan dari jenis event 3.1.4.5 Spesifikasi Objek-Objek pada Layar Tabel 19 Spesifikasi Objek-Objek pada Layar FungsiCalculate Id_Objek Jenis Keterangan Button Update Button Jika diklik, update yang dilakukan akan muncul di recent updates dan bisa dilihat oleh user lain. 3.1.5 Modul Menu Profile 3.1.5.1 Spesifikasi Fungsi Menu Event Identifikasi nama: Menampilkan halaman profile Deskripsi isi : Fungsi ini berfungsi untuk merubah isi atau identitas user Jenis : link image 3.1.5.1 Spesifikasi Query Fungsi Event 3.1.5.2 Spesifikasi Layar Utama Gambar 6 Spesifikasi profile Jurusan Ilmu Komputer IPB DPPL - BOGOR LINE Halaman 22 dari 23
3.1.5.3 Spesifikasi Field Data Layar Fungsi Profile Tabel 20 Fungsi profile Label Field Tabel/ Validasi Keterangan Query 1 - - - - 2 - - - 3.1.5.4 Spesifikasi Objek-Objek pada Layar Tabel 24 Spesifikasi Objek Id_Objek Jenis Keterangan Button Change Button Jika di klik, maka user bisa mengubah kembali identitasnya jika ada perubahan yang diinginkan. Jurusan Ilmu Komputer IPB DPPL - BOGOR LINE Halaman 23 dari 23