Perancangan Data Perancangan Sistem

Tabel 3. 48 Struktur Tabel Admin Nama field Tipe data Ukuran Kunci Constrain id_admin INT 11 Primary Key Not Null, Auto Increment Nama VARCHAR 30 Not Null Email VARCHAR 30 Not Null password VARCHAR 30 Not Null photo VARCHAR 30 Not Null level ENUMAdmin, Superadmin - Not Null Date_created TIMESTAMP - Not Null b. Struktur tabel badges dapat dilihat pada Tabel 3.50 berikut Nama file : tb_badges.db Tempat penyimpanan : Harddisk Tabel 3. 49 Struktur Tabel Badges Nama field Tipe data Ukuran Kunci Constrain id_badges INT 11 Primary Key Not Null, Auto Increment title VARCHAR 30 Not Null logo VARCHAR 250 Not Null c. Struktur tabel category dapat dilihat pada Tabel 3.51 berikut Nama file : tb_category.db Tempat penyimpanan : Harddisk Tabel 3. 50 Struktur Tabel Category Nama field Tipe data Ukuran Kunci Constrain id_category INT 11 Primary Key Not Null, Auto Increment Name VARCHAR 100 Not Null Fl_status ENUM1,2 250 Not Null d. Struktur tabel category_facilites dapat dilihat pada Tabel 3.52 berikut Nama file : tb_category_facilites.db Tempat penyimpanan : Harddisk Tabel 3. 51 Struktur Tabel Category Facilites Nama field Tipe data Ukuran Kunci Constrain id_category INT 11 Primary Key Not Null, Auto Increment Nama field Tipe data Ukuran Kunci Constrain Name VARCHAR 100 Not Null Fl_status ENUM1,2 250 Not Null e. Struktur tabel level dapat dilihat pada Tabel 3.53 berikut Nama file : tb_level.db Tempat penyimpanan : Harddisk Tabel 3. 52 Struktur Tabel Level Nama field Tipe data Ukuran Kunci Constrain id_level INT 11 Primary Key Not Null, Auto Increment Level INT 11 Not Null name VARCHAR 30 Not Null exp FLOAT - Not Null f. Struktur tabel mission dapat dilihat pada Tabel 3. 54 berikut Nama file : tb_mission.db Tempat penyimpanan : Harddisk Tabel 3. 53 Struktur Tabel Mission Nama field Tipe data Ukuran Kunci Constrain id_misi INT 11 Primary Key Not Null, Auto Increment Nama_misi VARCHAR 30 Not Null Deskripsi_misi VARCHAR 60 Not Null Waktu_pembuatan TIMESTAMP - Not Null Waktu_kadaluarsa TIMESTAMP - Not Null Waktu_penyelesaian TIMESTAMP - Not Null id_public INT 11 Foreign Key ref tb_public_facilitiesid_public Not Null Id_admin INT 11 Foreign Key ref tb_adminid_admin Not Null g. Struktur tabel mission_complete dapat dilihat pada Tabel 3. 55 berikut Nama file : tb_mission_complete.db Tempat penyimpanan : Harddisk Tabel 3. 54 Struktur Tabel MissionComplete Nama field Tipe data Ukuran Kunci Constrain id_misi_complete INT 11 Primary Key Not Null, Auto Increment id_misi VARCHAR 30 Foreign Key ref tb_missionid_misi Not Null Id_user INT 11 Foreign Key ref tb_userid_user Not Null id_reward INT 11 Foreign Key ref tb_rewardid_reward Not Null h. Struktur tabel public facilities dapat dilihat pada Tabel 3. 56 berikut Nama file : tb_public_facilities.db Tempat penyimpanan : Harddisk Tabel 3. 55 Struktur Tabel Public Facilities Nama field Tipe data Ukuran Kunci Constrain id_public INT 11 Primary Key Not Null, Auto Increment latitude FLOAT 10,6 Not Null longitude FLOAT 10,6 Not Null kecamatan VARCHAR 30 Not Null nama VARCHAR 30 Not Null id_category INT 11 Foreign Key ref tb_category_faciliesid_category Not Null i. Struktur tabel report dapat dilihat pada Tabel 3.57 berikut Nama file : tb_report.db Tempat penyimpanan : Harddisk Tabel 3. 56 Struktur Tabel Report Nama field Tipe data Ukuran Kunci Constrain id_report INT 11 Primary Key Not Null, Auto Increment Judul_laporan VARCHAR 30 Not Null Deskripsi_laporan VARCHAR 50 Not Null Lokasi_laporan VARCHAR 30 Not Null Tanggal_laporan TIMESTAMP - Not Null id_user INT 11 Foreign Key ref tb_usersid_user Not Null Id_category INT 11 Foreign Key ref Not Null Nama field Tipe data Ukuran Kunci Constrain tb_categoryid_fasum Id_category_facilities INT 11 Foreign Key ref tb_category_facilitesid_category Not Null foto VARCHAR 500 Not Null latitude FLOAT 10,6 Not Null longitude FLOAT 10,6 Not Null j. Struktur tabel pengguna dapat dilihat pada Table 3.58 berikut Nama file : tb_users.db Tempat penyimpanan : Harddisk Tabel 3. 57 Struktur Tabel Users Nama field Tipe data Ukuran Kunci Constrain id_pengguna INT 11 Primary Key Not Null, Auto Increment Nama_lengkap VARCHAR 30 Not Null Jenis_kelamin VARCHAR 30 Not Null alamat VARCHAR 60 Not Null Email VARCHAR 30 Not Null password VARCHAR 30 Not Null foto VARCHAR 200 Not Null Tempat_lahir VARCHAR 50 Not Null Tanggal_lahir DATE Not Null id_level INT 11 Foreign Key ref tb_levelid_level Not Null k. Struktur tabel reward dapat dilihat pada Tabel 3. 59 berikut Nama file : tb_reward.db Tempat penyimpanan : Harddisk Tabel 3. 58 Struktur Tabel Reward Nama field Tipe data Ukuran Kunci Constrain Id_reward INT 11 Primary Key Not Null, Auto Increment Point_reward VARCHAR 30 Not Null Date_created VARCHAR 60 Not Null Fl_status ENUM0,1 Not Null

3.2.2. Perancangan Arsitektur Menu

Perancangan arsitektur menu pada aplikasi yang akan dibangun dibuat kedalam tiga bagian yaitu perancangan arsitektur menu subsistem Wet, perancangan arsitektur menu mobile tanpa gamification dan perancangan arsitektur menu mobile dengan gamification: 1. Perancangan Arsitektur Menu Web Gambar 3. 32 Gambar Arsitektur Menu Subsistem Web. 3. Perancangan Arsitektur Menu Subsistem Mobile Dengan Gamification Gambar 3. 33 Gambar Arsitektur Menu Mobile Dengan Gamification.

3.2.3. Perancangan Antar Muka

Perancangan antar muka merupakan desain awal dari aplikasi yang akan dibangun. Perancangan antar muka menggambarkan tampilan pada setiap form dari aplikasi, tampilan dari pesan yang disampaikan pada setiap proses yang dijalankan oleh aplikasi serta jaringan semantik dari aplikasi yang dibangun. Adapun perancangan antar muka tersebut diawali dengan perancangan form, berikut perancangan form dan perancangan pesan dari aplikasi yang akan dibangun. 1. Perancangan Form Website Administrator Perancangan form website aplikasi Bandung public facilities gamification terdiri dari dua hak akses yaitu untuk administrator dan manager, pada perancangan form website administrator diberi kode pada gambar rancangan yaitu FWA. Berikut adalah perancangan form website administrator untuk aplikasi yang akan dibangun: a. Perancangan form login dapat dilihat pada Gambar 3. 52 berikut: Gambar 3. 34 Gambar Perancangan Antar Muka Login b. Perancangan form dashboard kabid dapat dilihat pada Gambar 3. 53 berikut: Gambar 3. 35 Gambar Perancangan Antar Muka Dashboard Kabid