1
BAB III
ANALISA KEBUTUHAN DAN PERANCANGAN SISTEM 1.1 Alat dan Bahan 1.1.1 Alat 1.1.1.1 Kebutuhan Hardware Hardware adalah perangkat keras untuk membuat Aplikasi Mobile dan Website dan laporan tugas akhir ini. Adapun hardware yang digunakan dengan spesifikasi berikut : a. Processor
: Intel Celeron Dual Core CPU 847 @ 1.10 GHz
b. Memory
: 4,00GB RAM
c. Sistem Type
: 32-bit Operating Sistem, x64-based processor
d. Hardisk
: 500 GB SATA
1.1.1.2 Kebutuhan Software Software adalah perangkat lunak yang digunakan untuk membuat Aplikasi Mobile dan Website dan laporan tugas akhir ini. Adapun software yang digunakan antara lain : a. Sistem Operasi
: Windows 8.1 Pro
b. Bahasa Pemrograman : PHP (Hypertext Preprocessor) c. Pembuatan Script
: Sublime Text 3 dan Android Studio
d. Database
: MySQL
e. Web Server
: Apache Web Server
f. Database Manager
: PhpMyAdmin
1.1.2 Bahan Data yang dibutuhkan untuk membuat Aplikasi Mobile dan Website yaitu data terkait dengan informasi gizi pada setiap makanan, metode pengurusan, artikel mengenai kesehatan, serta resto di Kota Surakarta.
1.2 Perancangan Aplikasi Mobile dan Website 1.2.1 Proses Bisnis
Gambar 3.1 Proses Bisnis Aplikasi Mobile dan Website “Your Needs”
Keterangan Proses Bisnis Aplikasi Mobile “Your Needs” bagian (Pengurusan) : 1. Diawali dengan calon pengguna yang melakukan registrasi atau pendaftaran terlebih dahulu pada aplikasi. 2. Calon pengguna menginputkan data diri yang dibutuhkan dalam menjalankan aplikasi, yaitu berupa nama, email, password, berat badan, tinggi badan, usia, dan jenis kelamin. 3. Data diterima oleh sistem, data akan disimpan dalam database aplikasi dan sistem mulai mengolah data, menghitung berat badan ideal yang seharusnya dimiliki oleh user. 4. Sistem telah berhasil megolah data pengguna. Bila hasil olahan sistem yang berupa berat badan ideal user kurang dari berat user, maka user akan langsung diarahkan menuju metode pengurusan badan.
5. Sistem akan memberikan output berupa rekomendasi metode yang dapat diikuti pengguna yang direkomendasikan berdasarkan data pengguna tersebut. 6. Bila pengguna menyukai metode, maka pengguna dapat memilih metode tersebut. Bila pengguna tidak menyukai metode yang direkomendasikan tersebut, maka : 1. Pengguna dapat melihat daftar metode lainnya yang dimiliki oleh sistem ini dan dapat langsung memilihnya 7. Pengguna sudah memilih metode dan pilihan pengguna sudah diterima oleh system 8. Sistem mengatur penjadwalan sesuai metode yang telah dipilih 9. Sistem membuat reminder untuk pengguna sesuai penjadwalan yang telah ditetapkan system
1.2.2 Fungsional Sistem Kebutuhan fungsional yang ada pada Aplikasi Mobile dan Website “Your Needs” dapat dilihat pada fungsional SRS ( Sistem Requirement Spesification ) sebagai berikut : Tabel 3.2 Kebutuhan Fungsional NO
Kode
Deskripsi
1
YN001
Login Admin
YN002
Sistem mampu menyimpan data pengguna YN001
2
3
4
Depedensi
YN004
Sistem
mampu
YN005
memberi
YN019
rekomendasi YN001
metode yang sesuai kebutuhan pengguna
metode yang dipilih pengguna mampu
memberikan
YN006
Admin
reminder YN002 Admin YN004
pengguna
6
Admin
YN023
kepada pengguna sesuai metode yang dipilih
Sistem
Admin
YN002
Sistem mampu mengatur penjadwalan sesuai YN002
Sistem 5
Admin
yang telah terdaftar pada aplikasi YN003
Aktor
mampu
menerima
data
dan
menyimpan daftar makanan beserta data YN001 informasi gizi
Admin
7
YN007
8
YN008
9
YN009
10
YN010
11
YN011
12
YN012
13
YN013
14
YN014
15
YN015
16
YN016
Sistem
mampu
menambahkan
daftar YN006
makanan pada tabel informasi gizi Sistem mampu menghapus daftar makanan pada tabel informasi gizi Sistem mampu mengubah data daftar makanan pada tabel .informasi gizi Sistem mampu melakukan pencarian daftar makanan pada tabel informasi gizi Sistem
mampu
menerima
data
Admin
YN010
dan
menyimpan data artikel serta tips kesehatan
YN006
Admin
YN006
Admin
YN006
Admin
YN001
Admin
Sistem mampu menghapus artikel dan tips YN0011 kesehatan Sistem mampu mencari artikel dan tips kesehatan Sistem mampu menerima dan menyimpan data resto/kuliner Sistem mampu merekomendasikan menu dari resto tertentu
Admin
YN013 YN011
Admin
YN001
Admin
YN014
Admin
YN014 Sistem mampu mengubah data resto
Admin YN018
17
YN017
Sistem mampu menghapus data resto
YN014
Admin
YN018 18
YN018
Sistem mampu mencari resto tertentu
19
YN019
Login Pengguna
20
YN020
21
YN021
22
YN022
Sistem mampu menerima data pengguna yang dimasukkan Sistem mampu mengubah data pengguna
YN014
Pengguna YN019
Pengguna
YN020
Pengguna
Sistem mampu menampilkan daftar metode YN019 pengurusan untuk pengguna
Admin
YN020
Pengguna
23
YN023
24
YN024
25
YN025
26
YN026
Sistem mampu menerima pilihan metode dari pengguna Sistem
mampu
menampilkan
daftar
informasi gizi Sistem mampu menampilkan daftar artikel dan tips tentang kesehatan Sistem mampu menampilkan daftar resto dan kuliner di kota Surakarta
YN022
Pengguna
YN010
Pengguna
YN013
Pengguna
YN018
Pengguna
Pada kebutuhan fungsional yang telah dipaparkan di atas, Aktor yang terlibat dalam sistem ini adalah : a. Admin Admin adalah pembuat dan pengelola program (penulis) yang berwenang mengakses dan mengolah seluruh data yang dibutuhkan maupun data yang digunakan pada aplikasi dan website. Admin mempunyai wewenang untuk menambahkan data info gizi, metode pengurusan, dan info resto/kuliner, kemudian melakukan manajemen data master, menghitung data pengguna dan memberi rekomendasi metode yang bias digunakan pengguna. b. Pengguna Pengguna adalah masyarakat yang menggunakan aplikasi mobile “Your Needs” atau mengunjungi website “Your Needs”. Pengguna hanya memiliki wewenang untuk melihat seluruh isi dari website “Your Needs” yang ditampilkan, memilih metode yang sesuai kebutuhannya, mengedit data diri yang akan menjadi acuan metode yang dijalankannya. 1.2.3 Non Fungsional Sistem Dalam menjalankan Aplikasi Mobile dan Website “Your Needs” ini, membutuhkan kebutuhan tertentu untuk berjalannya sistem seperti: 1. Operasional 2. Menggunakan web browser Google Chrome, Internet Explorer 9 keatas. 3. Keamanan 4. Sistem Informasi dan database menggunakan password. 5. Password yang digunakan menggunakan MD5.
6. Kinerja Sistem dapat memberikan informasi sesuai kebutuhan pengguna dalam setiap metodenya Tabel 3.3 Kebutuhan Non-Fungsional CODE KEBUTUHAN NON FUNGSIONAL
DESKRIPSI
NF-01
Device alat input
Mouse, Keyboard
NF-02
DBMS
SQL Server
NF-03
Device alat output
Monitor
NF-04
Jaringan Internet
Wifi, Modem dsb
1.3
ERD (Entity Relationship Diagram) Entitiy Relationship Diagram (ERD) pada Tugas Akhir Pembuatan Website dan Aplikasi Mobile “Your Needs” memiliki 12 (dua belas) tabel entitas dimana 2 (dua) diantaranya merupakan table relasi, dapat dijelaskan : a. Entitas admin, adalah tabel pada database yang menampung data diri dari Admin yang bertugas mengolah data pada database “Your Needs”. b. Entitas detail_user, adalah tabel pada database yang menampung data diri Pengguna yang sudah daftar pada aplikasi mobile “Your Needs”, entitas ini memiliki hubungan many-toone dengan entitas metode dan many-to many pada entitas menu_mayo serta kalori. c. Entitas metode, adalah tabel pada database yang menampung daftar metode-metode pengurusan yang dimiliki sistem beserta penjelasan tentang metode tersebut. Entitas detail_user dan metode ini memiliki hubungan many-to-one, dimana 1 pengguna hanya dapat memiliki 1 metode dan 1 metode dapat dimiliki oleh banyak pengguna. d. Entitas menu_mayo, adalah tabel pada database yang menampung menu-menu makanan yang sesuai dengan penjadwalan diet mayo. e. Entitas makanan, adalah tabel pada databse yang menampung bahan-bahan makanan beserta info gizi dan kalori yang terkandung didalamnya. f. Tabel Relasi jadwal_mayo, adalah tabel yang terbentuk dari hubungan many-to-many entitas menu_mayo dengan detail_user. Menampung data penjadwalan yang dihasilkan setelah mengikuti atau menginputkan menu makanan user dijam yang sesuai dengan jadwal makan metode diet mayo. g. Tabel Relasi jadwal_pisang, adalah tabel yang terbentuk dari hubungan many-to-many entitas makanan dengan detail_user. Menampung data penjadwalan yang dihasilkan setelah mengikuti atau menginputkan menu makanan user dijam tertentu sesuai alert pada metode pisang. h. Entitas kuliner, adalah tabel pada database yang menampung data menu-menu makanan yang dimiliki restoran tertentu yang data restorannya sudah tersimpan sebelumnya di database. i. Entitas restoran, adalah tabel pada database yang menampung data restoran-restoran di sekitar kota Surakarta yang memiliki meu makanan sehat rekomendasi admin.
j. Entitas artikel, adalah tabel pada database yang menampung data-data artikel dan tips seputar kesehatan dan perawatan tubuh. k. Entitas contact, adalah tabel pada database yang akan menampung inputan kritik dan saran dari pengunjung website.
Gambar 3.2 ERD Aplikasi Mobile dan Website “Your Needs”
1.4
Use Case Diagram Use Case Diagram aplikasi berbasis android terdiri dari dua aktor. Aktor yang pertama adalah user dan aktor yang kedua adalah admin. Pengguna aplikasi “Your Needs” adalah user yang sudah sign up ke dalam aplikasi dan mengikuti program diet “Your Needs”. Berdasarkan kebutuhan fungsional aplikasi berbasis android yang telah dijelaskan, berikut adalah Use Case Diagram dari aplikasi berbasis android.
Gambar 3.3 Use Case Aplikasi Mobile dan Website “Your Needs”
1.5
Relasi Antar Tabel
Gambar 3.4 Relasi Antar Tabel Aplikasi Mobile dan Website “Your Needs”
1.6
Sequence Diagram 1. Login User
Gambar 3.5 Sequence Diagram Login User
2. Tambah User/Sign Up
Gambar 3.6 Sequence Diagram Tambah User/Sign Up
3. Edit Metode
Gambar 3.7 Sequence Diagram Edit Metode
4. Hapus Metode
Gambar 3.8 Sequence Diagram Hapus Metode
5. Pencarian Data
Gambar 3.9 Sequence Diagram Pencarian Data
1.7
Perancangan Tabel Relasi antar tabel kemudian diimplementasikan ke dalam perancangan setiap tabel-tabel yang dibutuhkan. Berikut adalah perancangan tabel aplikasi secara keseluruhan : 2. Tabel Admin Fungsi : Menyimpan data detail yang dimiliki administrator Your Needs Tabel 3.3 Perancangan Tabel Admin Nama Kolom
Tipe
Keterangan
id_admin
varchar(6)
Primary
username
varchar(50)
password
varchar(50)
nama_lengkap
varchar(50)
no_hp
varchar(13)
alamat
text
tanggal_lahir
date
email
varchar(30)
1. Tabel Artikel Fungsi : Menyimpan data dari daftar artikel yang akan ditampilkan pada website dan aplikasi Your Needs. Tabel 3.4 Perancangan Tabel Artikel Nama Kolom
Tipe
Keterangan
id_artikel
int(5)
Primary
judul
text
sumber
text
isi
text
tanggal
date
image
varchar(50)
2. Tabel Contact
Fungsi : Menyimpan data-data pesan berupa kritik maupun saran dari pengunjung website Your Needs. Tabel 3.5 Perancangan Tabel Contact Nama Kolom
Tipe
Keterangan
id_kontak
int(11)
Primary
nama
varchar(30)
email
varchar(30)
nohp
varchar(13)
subject
varchar(50)
msg
text
3. Tabel Detail User Fungsi : Menyimpan data detail yang dimiliki user yang sudah terdatar dan tersimpan di table user, sehingga memiliki relasi dengan table user, dan menunjukan detail metode yang dipilih sehingga berelasi dengan table metode pula. Tabel 3.6 Perancangan Tabel Detail User Nama Kolom
Tipe
Keterangan
id_detail
int(5)
Primary
id_user
int(5)
Foreign Key
id_metode
varchar(5)
Foreign Key
usia
int(3)
tinggi
int(4)
berat
int(4)
berat_ideal
int(4)
email
varchar(50)
tanggal_lahir
date
jenis_kelamin
varchar(20)
no_hp
varchar(13)
4. Tabel Jadwal
Fungsi : Menyimpan data jadwal yang dimiliki setiap metode, sehingga table ini berelasi dengan table metode.
Tabel 3.7 Perancangan Tabel Jadwal Nama Kolom
Tipe
Keterangan
id_jadwal
varchar(5)
Primary
id_metode
varchar(5)
Foreign Key
makan_pagi
time
makan_siang
time
makan_sore
time
5. Tabel Kuliner Fungsi : Menyimpan data menu makanan yang dimiliki setiap restoran yang telah disimpan di table resto, table ini berelasi dengan table resto. Tabel 3.8 Perancangan Tabel Kuliner Nama Kolom
Tipe
Keterangan
id_kuliner
varchar(6)
Primary
nama_kuliner
varchar(50)
bahan
text
kalori
int(10)
lemak
int(10)
image
varchar(50)
id_resto
varchar(6)
Foreign Key
6. Tabel Makanan Fungsi : Menyimpan data informasi gizi yang akan ditampilkan pada website dan aplikasi Your Needs. Tabel 3.9 Perancangan Tabel Makanan Nama Kolom
Tipe
Keterangan
id_makanan
int(5)
nama_makanan
varchar(15)
energy
double
protein
double
lemak
double
karbohidrat
double
kalsium
double
fosfor
double
iron
double
vit_a
double
vit_b1
double
vit_c
double
image
varchar(50)
Primary
7. Tabel Metode Fungsi : Menyimpan daftar nama-nama metode pengurusan beserta deskripsi yang akan ditampilkan pada aplikasi Your Needs. Tabel 3.10 Perancangan Tabel Metode Nama Kolom
Tipe
Keterangan
id_metode
varchar(5)
Primary
nama_metode
varchar(50)
deskripsi
text
8. Tabel Restoran Fungsi : Menyimpan daftar nama-nama restoran yang berada di Solo Raya yang akan ditampilkan sebagai detail dari menu makanan yang ada di table kuliner pada website dan aplikasi Your Needs. Tabel 3.11 Perancangan Tabel Restoran Nama Kolom
Tipe
Keterangan
id_resto
varchar(6)
nama_resto
varchar(50)
nohp
varchar(13)
alamat
text
latitude
varchar(20)
longitude
varchar(20)
image
varchar(50)
Primary
9. Tabel User Fungsi : Menyimpan username dan password user yang akan digunakan untuk menggunakan aplikasi Your Needs. Tabel 3.12 Perancangan Tabel User
1.8
Nama Kolom
Tipe
Keterangan
id_user
int(5)
Primary
nama_user
varchar(30)
password
varchar(20)
Perancangan Desain User Interface
1.8.1 User Interface Aplikasi Berbasis Web Aplikasi berbasis web menyediakan halaman untuk pengunjung yang ingin mencari informasi tentang kesehatan maupun tentang aplikasi Your Needs, serta administrator dalam mengelola data-data dalam aplikasi Your Needs. Penjelasan desain user interface aplikasi berbasis web akan dibagi menjadi dua yaitu halaman pengunjung dan halaman administrator.
a. User Interface Web Halaman Home Halaman Home berisi foto-foto, isi dan menu yang tersedia pada website
Gambar 3.10 User Interface Web Halaman Home
b. User Interface Web Halaman Article Halaman Articles berisi urutan artikel kesehatan/perawatan dan tips yang dimiliki website.
Gambar 3.11 User Interface Web Halaman Article
c. User Interface Web Halaman Nutritional Info Halaman Nutritional Info berisi daftar bahan makanan beserta Info Gizinya dengan lengkap.
Gambar 3.12 User Interface Web Halaman Nutritional Info
d. User Interface Web Halaman Eat Guide Halaman Eat Guide berisi daftar menu makanan sehat dari setiap restoran yang berada di sekitar Solo Raya.
Gambar 3.13 User Interface Web Halaman Eat Guide
e. User Interface Web Halaman Contact Halaman Contact berisi alamat Universitas Sebelas Maret dan nomor telepon pendiri website dan aplikasi “Your Needs”.
Gambar 3.14 User Interface Web Halaman Contact
1.8.2 User Interface Aplikasi Berbasis Android a. User Interface Aplikasi Android Halaman Sign In dan Sign Up Pada halaman ini, berisi form untuk melakukan Sign In/masuk ke dalam aplikasi bila sudah memiliki akun atau sudah terdaftar sebagai salah satu pengguna aplikasi “Your Needs”.
Gambar 3.15 User Interface Aplikasi Halaman Sign In
Gambar 3.16 User Interface Aplikasi Halaman Sign Up
b. User Interface Aplikasi Android Halaman Pilih Metode
Gambar 3.17 User Interface Aplikasi Halaman Pilih Metode
c. User Interface Aplikasi Android Halaman Menu
Gambar 3.18 User Interface Aplikasi Halaman Menu
d. User Interface Aplikasi Android Halaman “Articles”
Gambar 3.19 User Interface Aplikasi Halaman Articles
e. User Interface Aplikasi Android Halaman Nutritional Info
Gambar 3.20 User Interface Aplikasi Halaman Nutritional Info
f. User Interface Aplikasi Android Halaman Eat Guide
Gambar 3.21 User Interface Aplikasi Halaman Eat Guide
g. User Interface Aplikasi Android Halaman BMI Calculator
Gambar 3.22 User Interface Aplikasi Halaman BMI Calculator
1.9
Activity Diagram
Gambar 3.23 Activity Diagram Sign Up oleh User
Gambar 3.24 Activity Diagram Hitung BMI oleh User
Gambar 3.25 Activity Diagram Cari Data oleh Pengunjung
Gambar 3.26 Activity Diagram Kirim Pesan oleh Pengunjung
1.10 Class Diagram
Gambar 3.27 Class Diagram Website “Your Needs”