1 BAB III ANALISA KEBUTUHAN DAN PERANCANGAN SISTEM

dokumen-dokumen yang mirip
BAB III ANALISA DAN PERANCANGAN SISTEM 1.1 Alat dan Bahan Alat

BAB III ANALISIS DAN PERANCANGAN SISTEM

BAB III ANALISIS DAN RANCANGAN SISTEM

BAB III ANALISIS DAN RANCANGAN SISTEM

BAB II ANALISIS DAN PERANCANGAN. (user) dan fungsinya, diagram alir sistem, perancangan basis data,

BAB III PERANCANGAN PENELITIAN

BAB II ANALISIS DAN PERANCANGAN

BAB II ANALISIS DAN PERANCANGAN. pembuatan sebuah web. Langkah ini sebagai gambaran apa saja yang

BAB IV IMPLEMENTASI DAN ANALISA

BAB II ANALISIS DAN PERANCANGAN

BAB IV ANALISIS DAN PERANCANGAN

BAB III ANALISA DAN PERANCANGAN SISTEM

BAB II ANALISIS DAN PERANCANGAN SISTEM. Penjualan tunai dilaksanakan oleh perusahaan dengan cara

BAB V IMPLEMENTASI SISTEM

BAB II ANALISIS DAN PERANCANGAN

BAB III METODE PENELITIAN. penulisan dan penyusunan dalam laporan ini, metode tersebut adalah :

BAB II ANALISIS DAN PERANCANGAN

BAB II ANALISIS DAN PERANCANGAN. Komponen - komponen yang diperlukan untuk menganalisis

BAB 2 ANALISIS DAN PERANCANGAN. Dalam mengembangkan Sistem Tryout Online berbasis web di SMP ini

BAB II ANALISIS DAN PERANCANGAN

BAB III ANALISA KEBUTUHAN DAN PERANCANGAN SISTEM

BAB III METODOLOGI PENELITIAN. Penelitian ini dilakukan di Jurusan Ilmu Komputer Fakultas Matematika dan Ilmu

BAB III ANALISA KEBUTUHAN DAN PERANCANGAN SISTEM

BAB III METODOLOGI PENELITIAN 3.1 Metodologi Analisis Analisis kebutuhan bertujuan untuk menentukan kebutuhan yang diperlukan pada sebuah aplikasi.

BAB II ANALISIS DAN PERANCANGAN

BAB III METODE PENELITIAN. Untuk menunjung pembangunan manajemen sistem website yang ada CV.

BAB III METODE PENELITIAN

BAB III ANALISA KEBUTUHAN DAN PERANCANGAN SISTEM. a. Prosesor yang digunakan adalah Intel Pentium processor T4400 (2.2 GHz,

BAB II ANALISIS DAN PERANCANGAN. Sistem informasi penjualan pakaian wanita berbasis web diperlukan

BAB II ANALISIS DAN PERANCANGAN

BAB III ANALISIS DAN DESAIN SISTEM

BAB III ANALISA DAN DESAIN SISTEM

BAB 4 IMPLEMENTASI DAN PENGUJIAN

BAB IV IMPLEMENTASI DAN PENGUJIAN. lingkungan implementasi, pengkodean, dan interface dari aplikasi sistem tersebut.

BAB II ANALISIS DAN PERANCANGAN SISTEM. dari objek yang dibangun. Komponen tersebut antara lain : sistem

BAB III ANALISA KEBUTUHAN DAN PERANCANGAN SISTEM

BAB III ANALISIS DAN PERANCANGAN SISTEM

BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM

BAB IV HASIL DAN UJI COBA

BAB III DESAIN DAN PERANCANGAN

BAB IV RANCANGAN SISTEM USULAN

BAB III ANALISA KEBUTUHAN DAN PERANCANGAN SISTEM

BAB IV HASIL RANCANGAN Hardware 1. Processor : Intel Dual Core CPU 2.0GHz 2. Memory (RAM) : 1 GB 3. Hardisk : 80 GB

BAB III ANALISIS DAN PERANCANGAN SISTEM. Sistem merupakan sekumpulan elemen yang satuan. fungsinya saling berhubungan dan bertanggungjawab

BAB III ANALISIS DAN RANCANGAN SISTEM

BAB II ANALISIS DAN PERANCANGAN

BAB II ANALISIS DAN PERANCANGAN. Sistem adalah suatu jaringan kerja dari beberapa prosedur yang

BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM

BAB III ANALISIS DAN DESAIN SISTEM

BAB III ANALISIS DAN DESAIN SISTEM

BAB IV HASIL DAN PEMBAHASAN

BAB III ANALISIS DAN DESAIN SISTEM

BAB III PERANCANGAN SISTEM

BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM

BAB II ANALISIS DAN PERANCANGAN

BAB III METODE PENELITIAN

BAB II ANALISIS DAN PERANCANGAN. Komponen-komponen yang diperlukan untuk menganalisis kebutuhan dari objek

PEMBUATAN WEBSITE DAN APLIKASI MOBILE YOUR NEEDS GUNA MEMBANTU POLA HIDUP SEHAT BERBASIS ANDROID DAN CODEIGNITER (PENGURUSAN)

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB I PENDAHULUAN. Ashiim Bird Farm bergerak dibidang penjualan burung kicau online. Dengan

BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM

Bab 3 Metode Perancangan Sistem

BAB III ANALISA DAN PERANCANGAN

BAB III METODE PENELITIAN. 3.1 Peralatan Pendukung Dalam penelitian ini dibutuhkan beberapa alat untuk mendukung

Bab 4 Implementasi dan Evaluasi

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB 4 IMPLEMENTASI DAN EVALUASI. Penerapan aspek Teknologi Informasi dalam bentuk sebuah website merupakan

BAB II ANALISIS DAN PERANCANGAN

BAB II ANALISIS DAN PERANCANGAN. bertujuan untuk memberikan gambaran dan rancangan bangun yang jelas

BAB III PERANCANGAN SISTEM. Pada bab ini akan di bahas perancangan database, perancangan website, dan

pengembangan dari pengolahan data alumni SMK Widya Yahya Gadingrejo, yang

BAB III ANALISIS DAN PERANCANGAN SISTEM. Analisis sistem adalah teknik pemecahan masalah yang. menguraikan bagian-bagian komponen dengan mempelajari

BAB II ANALISIS DAN PERANCANGAN

BAB II ANALISIS DAN PERANCANGAN. ini hanya sebatas transaksi pemesanan paket wisata secara online.

BAB IV HASIL DAN UJI COBA

BAB II ANALISIS DAN PERANCANGAN SISTEM. utuh ke dalam bagian-bagian komponennya dengan masalah, kesempatankesempatan,

Bab 3. Metode Dan Perancangan Sistem

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM


BAB 2 ANALISIS DAN PERANCANGAN. berbasis web di Hotel Indah Palace Yogyakarta ini dibutuhkan beberapa

BAB IV DESKRIPSI PEKERJAAN. penyebaran informasi masih menggunakan cara selebaran ataupun melalui suratsurat

BAB IV HASIL DAN UJI COBA

BAB IV HASIL DAN PEMBAHASAN

BAB III ANALISIS DAN DESAIN SISTEM

BAB III ANALISIS DAN PERANCANGAN

BAB II ANALISIS DAN PERANCANGAN SISTEM. Analisis sistem merupakan suatu sistem informasi digunakan untuk

Software Requirements Specification

BAB III ANALISIS DAN PERANCANGAN SISTEM

BAB IV DISKRIPSI PEKERJAAN. Menganalisa Proses merupakan langkah awal dalam membuat Tutorial ini.

BAB II ANALISIS DAN PERANCANGAN. tentang jam tangan, yang meliputi data barang,cara pembelian,tentang web

BAB II ANALISI DAN PERANCANGAN. Komponen komponen yang diperlukan untuk menganalisis. kebutuhan dari obyek yang dibangun antara lain sistem pendukung,

BAB III ANALISA DAN PERANCANGAN

BAB III ANALISIS DAN PERANCANGAN SISTEM. Penelitian ini akan menghasilkan suatu aplikasi yang. digunakan untuk menemukan lokasi hotel terdekat dan

BAB III DESAIN DAN PERANCANGAN

BAB IV HASIL DAN UJI COBA

BAB II ANALISIS DAN PERANCANGAN

BAB IV HASIL DAN UJI COBA

BAB III ANALISIS DAN DESAIN SISTEM

Transkripsi:

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 Depedensi Aktor 1 YN001 Login Admin Admin 2 YN002 Sistem mampu menyimpan data pengguna yang telah terdaftar pada aplikasi YN001 YN019 Admin 3 YN003 Sistem mampu memberi rekomendasi metode yang sesuai kebutuhan pengguna YN001 YN002 Admin 4 YN004 Sistem mampu mengatur penjadwalan sesuai metode yang dipilih pengguna YN002 YN023 Admin Sistem mampu memberikan reminder YN002 5 YN005 kepada pengguna sesuai metode yang dipilih pengguna YN004 Admin Sistem mampu menerima data dan 6 YN006 menyimpan daftar makanan beserta data YN001 Admin informasi gizi

7 YN007 Sistem mampu menambahkan daftar makanan pada tabel informasi gizi 8 YN008 Sistem mampu menghapus daftar makanan pada tabel informasi gizi 9 YN009 Sistem mampu mengubah data daftar makanan pada tabel.informasi gizi 10 YN010 Sistem mampu melakukan pencarian daftar makanan pada tabel informasi gizi 11 YN011 Sistem mampu menerima data dan menyimpan data artikel serta tips kesehatan 12 YN012 Sistem mampu menghapus artikel dan tips kesehatan 13 YN013 Sistem mampu mencari artikel dan tips kesehatan 14 YN014 Sistem mampu menerima dan menyimpan data resto/kuliner 15 YN015 Sistem mampu merekomendasikan menu dari resto tertentu 16 YN016 Sistem mampu mengubah data resto 17 YN017 Sistem mampu menghapus data resto YN006 Admin YN010 YN006 Admin YN006 Admin YN006 Admin YN001 Admin YN0011 YN013 Admin YN011 Admin YN001 Admin YN014 Admin YN014 Admin YN018 YN014 Admin YN018 18 YN018 Sistem mampu mencari resto tertentu YN014 Admin 19 YN019 Login Pengguna Pengguna 20 YN020 Sistem mampu menerima data pengguna yang dimasukkan YN019 Pengguna 21 YN021 Sistem mampu mengubah data pengguna YN020 Pengguna 22 YN022 Sistem mampu menampilkan daftar metode YN019 pengurusan untuk pengguna YN020 Pengguna

23 YN023 Sistem mampu menerima pilihan metode dari pengguna YN022 Pengguna 24 YN024 Sistem mampu menampilkan daftar informasi gizi YN010 Pengguna 25 YN025 Sistem mampu menampilkan daftar artikel dan tips tentang kesehatan YN013 Pengguna 26 YN026 Sistem mampu menampilkan daftar resto dan kuliner di kota Surakarta 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) Primary 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) 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) Primary nama_resto varchar(50) nohp varchar(13) alamat text latitude varchar(20) longitude varchar(20) image varchar(50) 9. Tabel User Fungsi : Menyimpan username dan password user yang akan digunakan untuk menggunakan aplikasi Your Needs. Tabel 3.12 Perancangan Tabel User Nama Kolom Tipe Keterangan id_user int(5) Primary nama_user varchar(30) password varchar(20) 1.8 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