DPPL – BOGOR LINE
DESKRIPSI PERANCANGAN PERANGKAT LUNAK
Aplikasi Bogor Line
untuk: Institut Pertanian Bogor
Dipersiapkan oleh: Kelompok 9 1. 2. 3. 4.
Larasati Respati Widrantara Putra Bagus Ali Mashar Dwiyanto Arief Maulidy Nugroho
(G64140005) (G64140028) (G64140052) (G64120075)
Departemen Ilmu Komputer Fakultas Matematika dan Ilmu Pengetahuan Alam Institut Pertanian Bogor
Nomor Dokumen Departemen Ilmu Komputer
Institut Pertanian Bogor
Jurusan Ilmu Komputer IPB Dokumen ini dan informasi yang dimilikinya adalah milik Departemen Ilmu Komputer, FMIPA IPB dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Departemen Ilmu Komputer, FMIPA IPB.
DPPL – Aplikasi Bogor Line Revisi C
DPPL - Bogor Line
Halaman 1/34 Tgl: 27/04/16
Halaman 1 dari 23
DAFTAR PERUBAHAN Revisi
Deskripsi
A
Dihilangan fungsi statistik tingkat kemacetan dan kecelakaan di kota Bogor Dihilangkan entitas calculate
B
C
D
E
F
G
INDEX TGL
A
B
C
D
E
F
G
Ditulis oleh Diperiksa oleh Disetujui oleh
Jurusan Ilmu Komputer IPB Dokumen ini dan informasi yang dimilikinya adalah milik Departemen Ilmu Komputer, FMIPA IPB dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Departemen Ilmu Komputer, FMIPA IPB.
DPPL - BOGOR LINE
Halaman 2 dari 23
Daftar Halaman Perubahan
Jurusan Ilmu Komputer IPB Dokumen ini dan informasi yang dimilikinya adalah milik Departemen Ilmu Komputer, FMIPA IPB dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Departemen Ilmu Komputer, FMIPA 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 Dokumen ini dan informasi yang dimilikinya adalah milik Departemen Ilmu Komputer, FMIPA IPB dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Departemen Ilmu Komputer, FMIPA 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 Dokumen ini dan informasi yang dimilikinya adalah milik Departemen Ilmu Komputer, FMIPA IPB dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Departemen Ilmu Komputer, FMIPA 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 Dokumen ini dan informasi yang dimilikinya adalah milik Departemen Ilmu Komputer, FMIPA IPB dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Departemen Ilmu Komputer, FMIPA 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: Tabel 1 Definisi singkat dan akronim NO
1.
2.
3. 4.
ISTILAH, SINGKATAN, 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 SKPLuntuk merepresentasikan kebutuhan (requirement) pada Bogor Line, Aplikasi dengan Bogor Line merupakan kode perangkat lunak, BogorLine.P Bogor Line.Padalah kode fase, dan xxxx adalah digit/nomor kebutuhan xxxx (requirement). Data Flow Data Flow Diagram (DFD) adalah diagram dan notasi yang Diagram digunakan untuk menunjukkan aliran data pada perangkat lunak. Entity Entity Relarionship Diagram (ERD) adalahsuatu diagram yang SKPL
Jurusan Ilmu Komputer IPB Dokumen ini dan informasi yang dimilikinya adalah milik Departemen Ilmu Komputer, FMIPA IPB dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Departemen Ilmu Komputer, FMIPA IPB.
DPPL - BOGOR LINE
Halaman 7 dari 23
5.
6. 7.
Relationship Diagram
menunjukkan keterhubungan antar entitas yang ada pada sistem tempat perangkat lunak ini akan diterapkan
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.
DPPLAplikasi Bogor Line.Pxxxx SQLite
DPPL- Aplikasi BogorLine.P-xxxx adalah kode yang digunakan untuk merepresentasikan fungsi atau modul pada Bogor Line, dengan Bogor Line merupakan kode perangkat lunak, BogorLine.P adalah kode fase, dan xxxx adalah digit/nomor kebutuhan (requirement). 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 Dokumen ini dan informasi yang dimilikinya adalah milik Departemen Ilmu Komputer, FMIPA IPB dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Departemen Ilmu Komputer, FMIPA 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 Volume :Primary key :id_admin Constraint integrity : Tabel admin adalah tabel basis data yang berisi data dari admin yang mengelola sstem. ● Nama table : artikel Volume :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 Volume :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 Volume :Primary key :id_updates Constraint integrity : Tabel statistik berisi perhitungan jumlah kemacetan dan jumlah kecelakaan yang terjadi. ● Nama table : user Volume :Primary key :id_user Constraint integrity : Tabel user berisi identitas user yang sudah melakukan log in. ● Nama table : perhitungan Jurusan Ilmu Komputer IPB Dokumen ini dan informasi yang dimilikinya adalah milik Departemen Ilmu Komputer, FMIPA IPB dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Departemen Ilmu Komputer, FMIPA IPB.
DPPL - BOGOR LINE
Halaman 9 dari 23
●
●
●
●
Volume :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 Volume :Primary key :id_event Constraint integrity : Tabel event berisi info acara yang ada di Kota Bogor. Nama table : kantor_pemerintah Volume :Primary key : id_kantor Constraint integrity : id_user foreign key dari id_user pada tabel user. Nama table : lokasi_awal Volume :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 Volume :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 Tabel 2 Definisi Domain/Type Domain name
Jurusan Ilmu Komputer IPB Dokumen ini dan informasi yang dimilikinya adalah milik Departemen Ilmu Komputer, FMIPA IPB dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Departemen Ilmu Komputer, FMIPA IPB.
Power Designer Type
DPPL - BOGOR LINE
Halaman 10 dari 23
2.2.2 Physical Data Model
Gambar 1 Physical Data Model
2.2.3 Daftar Tabel Aplikasi .
Tabel 3 Daftar Tabel Aplikasi Nama Tabel
Primary key
Admin artikel Info_angkot statistik user perhitungan
Id_admin Id_artikel Id_Angkot Id_updates Id_user
event Kantor_pemerintah Lokasi_awal Recent_updates
Id_event Id_kantor Id_lokasi Id_updates
Jurusan Ilmu Komputer IPB Dokumen ini dan informasi yang dimilikinya adalah milik Departemen Ilmu Komputer, FMIPA IPB dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Departemen Ilmu Komputer, FMIPA IPB.
Data Store
E/R
DPPL - BOGOR LINE
Deskripsi isi
Halaman 11 dari 23
2.3
Deskripsi Modul Tabel 4 Modul pada Aplikasi Bogor Line
No.
3
Fungsi/ Proses
Data Input
Data Output
Keterangan
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 Dokumen ini dan informasi yang dimilikinya adalah milik Departemen Ilmu Komputer, FMIPA IPB dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Departemen Ilmu Komputer, FMIPA IPB.
DPPL - BOGOR LINE
Halaman 12 dari 23
Volume : Laju : Primary Key : id_user Tabel 5. User TIPE BOLEH ID_FIELD DESKRIPSI KETERANGAN & LENGTH NULL Id_user Merupakan Int No Primary Key key dari yang unik setiap tabel user usernya, contoh : 9 Username Menyatakan Varchar(15) No Username yang username akan digunakan oleh seorang user sebagai informasi login. Contoh: iresputra Password Menyatakan Varchar(15) No Kata sandi yang kata sandi digunakan untuk login, login akan berhasil jika sesuai dengan username dan password yang terdapat didatabase. Contoh : rplasik Gender Menyatakan Varchar(255) No Jenis Kelamin jenis kelamin pengguna Tanggal_lahir Menyatakan DATE No Contoh : 5 April, tanggal lahir 2016 user Address Menyatakan Varchar(45) No Alamat alamat dari pengguna, user contoh: Jakarta
Nama tabel : artikel Deskripsi isi : tabel yang berisikan data sebuah artikel yang dikirim oleh pengguna BogorLine Jenis : tabel referensi Volume : Laju : Primary key : id_artikel
Jurusan Ilmu Komputer IPB Dokumen ini dan informasi yang dimilikinya adalah milik Departemen Ilmu Komputer, FMIPA IPB dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Departemen Ilmu Komputer, FMIPA IPB.
DPPL - BOGOR LINE
Halaman 13 dari 23
Tabel 6. Artikel TIPE BOLEH ID_FIELD DESKRIPSI & KETERANGAN NULL LENGTH Id_artikel Merupakan Int No Primary key key dari artikel. Contoh : tabel artikel 2 Id_user Menyatakan Int No Foreign key dari FK dari tabel user artikel Tanggal_post Menyatakan Varchar No Contoh: 23 April, tangal 2016 ditambahkan Id_admin Menyatakan Varchar No Contohnya : FK dari tabel artikel Nama tabel : info_angkot Deskripsi isi : tabel yang berisikan informasi angkot yang melewati suatu rute Jenis : tabel referensi Volume : Laju : Primary key : id_angkot Tabel 7. Info Angkot TIPE BOLEH & KETERANGAN NULL LENGTH Varchar No Contoh : 03, 05
ID_FIELD
DESKRIPSI
Id_angkot
Merupakan key dari tabel info angkot Menyatakan Int FK dari tabel artikel Menyatakan Int biaya dari lokasi awal ke tujuan Menyatakan Varchar rute yang dilalui oleh angkutan
Id_user
biaya
rute
Jurusan Ilmu Komputer IPB Dokumen ini dan informasi yang dimilikinya adalah milik Departemen Ilmu Komputer, FMIPA IPB dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Departemen Ilmu Komputer, FMIPA IPB.
No
Contoh : 1, 2,3
No
Biaya yang harus dikeluarkan. Contoh : Rp. 3000 Contoh : Warung Jambu
No
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 Volume : Laju : Primary key : Tabel 8. Perhitungan TIPE BOLEH ID_FIELD DESKRIPSI & KETERANGAN NULL LENGTH Id_lokasi Merupakan Varchar No Contoh: 1,2,3 foreign key dari tabel perhitungan Id_kantor Menyatakan Varchar No Contoh : 1,2,3 FK dari tabel perhitungan Id_angkot Menyatakan Varchar No Contoh : 1,2,3 Fk dari tabel perhitungan Total_biaya Menyatakan Int No Perhitungan akhir total biaya untuk mencapai untuk ke tujuan contoh lokasi tujuan 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 Volume : Laju : Tabel 9 Recent updates TIPE BOLEH ID_FIELD DESKRIPSI & KETERANGAN NULL LENGTH Id_updates Merupakan Varchar No Contoh : 1,2,3 key dari tabel recent updates Isi_updates Menyatakan Varchar No Contoh : Bogor Jurusan Ilmu Komputer IPB Dokumen ini dan informasi yang dimilikinya adalah milik Departemen Ilmu Komputer, FMIPA IPB dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Departemen Ilmu Komputer, FMIPA IPB.
DPPL - BOGOR LINE
Halaman 15 dari 23
Id_user
Id_event
isi artikel yang dimasukan oleh user Menyatakan Int Fk dari tabel recent updates Menyatakan Boolean FK dari tabel event
sangat menarik, karena terdapat banyak wisata No
Contoh : 1,2,3
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 Volume : Laju : Tabel 10. Event TIPE BOLEH ID_FIELD DESKRIPSI & KETERANGAN NULL LENGTH Jenis_event menyatakan Varchar No Contoh : deskripsi Kecelakaan dan kejadian Kemacetan Id_event Menyatakan Boolean No Contoh : 1,2,3 PK dari tabel event. Kemacetan atau kecelakaan
Nama tabel : admin Deskripsi isi : tabel yang berisikan informasi admin Primary key : id_admin Jenis : tabel referensi Volume : Laju : -
ID_FIELD
Tabel 11. Kantor Pemerintahan TIPE BOLEH DESKRIPSI KETERANGAN & NULL
Jurusan Ilmu Komputer IPB Dokumen ini dan informasi yang dimilikinya adalah milik Departemen Ilmu Komputer, FMIPA IPB dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Departemen Ilmu Komputer, FMIPA IPB.
DPPL - BOGOR LINE
Halaman 16 dari 23
LENGTH Varchar No
Id_kantor
Id_user Nama_kantor
Lokasi_kantor
3.1
Merupakan key dari tabel kantor pemerintahan FK Int Menyatakan Varchar nama kantor berdasarkan id_kantor Menyatakan Varchar letak lokasi kantor
Contoh : 4,5,6
No No
Contoh : 15,6,12 Contoh : Kantor Walikota Bogor
No
Contoh : Warung Jambu Blok O5
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 Dokumen ini dan informasi yang dimilikinya adalah milik Departemen Ilmu Komputer, FMIPA IPB dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Departemen Ilmu Komputer, FMIPA 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
1 2 3 4 5 6 7 8
Field Username Field Password Field Fullname Field email Field Gender Field Birthdate Field Address Field Agree
Tabel/ Query -
Validasi
Keterangan
-
Berisi : input nama user Berisi : input passworduser Berisi : input nama lengkap Berisi : input email Berisi : pilihan jenis kelamin Berisi : format tanggal lahir Berisi : alamat user Berisi : kotak persetujuan
3.1.1.5 Spesifikasi Objek-Objek pada Layar Tabel 13 Spesifikasi Objek-Objek pada Layar Sign-up Id_Objek Button Register
Jenis Button
Jurusan Ilmu Komputer IPB Dokumen ini dan informasi yang dimilikinya adalah milik Departemen Ilmu Komputer, FMIPA IPB dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Departemen Ilmu Komputer, FMIPA IPB.
Keterangan Jika diklik, akan berpindah ke menu profile
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
1
FieldUserna me FieldPasswor d
2
Jurusan Ilmu Komputer IPB Dokumen ini dan informasi yang dimilikinya adalah milik Departemen Ilmu Komputer, FMIPA IPB dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Departemen Ilmu Komputer, FMIPA IPB.
Tabel/ Query -
Validasi
Keterangan
-
Berisi : input nama user
-
-
Berisi : input passworduser
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 ButtonSignin Button Sign up
Jenis Button Button
3.1.3
Keterangan Jika diklik, akan berpindah ke menu home sebagai user Jika diklik, akan berpindah ke menu sign up
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 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 Label Field Tabel/ Validasi Jurusan Ilmu Komputer IPB DPPL - BOGOR LINE Dokumen ini dan informasi yang dimilikinya adalah milik Departemen Ilmu Komputer, FMIPA IPB dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Departemen Ilmu Komputer, FMIPA IPB.
Fungsi Home Keterangan
Halaman 20 dari 23
-
Query -
-
-
-
3.1.3.5 Spesifikasi Objek-Objek pada Layar
Id_Objek Button Home Button Angkot Route Button Government Office Button Timeline Button Login Button Statistics
Tabel 17 Spesifikasi Objek-Objek pada Layar Fungsi Home Jenis Keterangan Button Jika diklik, akan kembali ke page home Button Jika diklik, akan berpindah ke halaman rute angkot Button
Jika diklik akan berpindah ke halaman akses kantor pemerintahan
Button Button Button
Jika diklik, akan berpindah ke halaman timeline Jika diklik, akan berpindah ke halaman login 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 Dokumen ini dan informasi yang dimilikinya adalah milik Departemen Ilmu Komputer, FMIPA IPB dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Departemen Ilmu Komputer, FMIPA 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
1
FieldKid of event Field Isi event
2
Tabel/ Query -
Validasi
Keterangan
-
Berisi : jenis event yang bisa diupdate Berisi : keterangan dari jenis event
-
3.1.4.5 Spesifikasi Objek-Objek pada Layar Tabel 19 Spesifikasi Objek-Objek pada Layar FungsiCalculate Id_Objek Button Update
Jenis Button
Keterangan 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 Dokumen ini dan informasi yang dimilikinya adalah milik Departemen Ilmu Komputer, FMIPA IPB dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Departemen Ilmu Komputer, FMIPA IPB.
DPPL - BOGOR LINE
Halaman 22 dari 23
3.1.5.3 Spesifikasi Field Data Layar Fungsi Profile Tabel 20 Fungsi profile Label
Field
1 2
-
Tabel/ Query -
Validasi
Keterangan
-
-
3.1.5.4 Spesifikasi Objek-Objek pada Layar Tabel 24 Spesifikasi Objek Id_Objek Button Change
Jenis Button
Jurusan Ilmu Komputer IPB Dokumen ini dan informasi yang dimilikinya adalah milik Departemen Ilmu Komputer, FMIPA IPB dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Departemen Ilmu Komputer, FMIPA IPB.
Keterangan Jika di klik, maka user bisa mengubah kembali identitasnya jika ada perubahan yang diinginkan.
DPPL - BOGOR LINE
Halaman 23 dari 23