perancangan sistem - uksw
TRANSCRIPT
13
BAB III
PERANCANGAN SISTEM
3.1 Desain Sistem
Dalam perancangan sistem ini, aplikasi ini terdiri atas
beberapa modul sebagai berikut :
a. Activity
Activity adalah sebuah komponen aplikasi
android yang berfungsi menghasilkan suatu tampilan
layar di mana user dapat melakukan interaksi (seperti
menekan tombol, mengisi teks, mengetuk layar,
menggeser layar).
b. Web Service
Web Service adalah layanan yang diidentifikasi
dengan URI (Uniform Resource Identifier) yang
mengekpos fiturnya melalui internet menggunakan
protokol dan bahasa standar internet serta dapat
diimplementasikan menggunakan standar internet
seperti XML (Extensible Markup Language) [10]
14
3.1.1 Konsep Perancangan Aplikasi
UML yang dibangun pada sistem terdiri dari use case
diagram, sequence diagram, dan activity diagram
penjelasannya sebagai berikut :
3.1.1.1 Use Case Diagram
Use Case diagram adalah teknik untuk merekam
persyaratan fungsional sebuah sistem. Use Case
mendeskripsikan interaksi tipikal antara para pengguna
sistem dengan sistem itu sendiri, dengan memberi sebuah
narasi tentang bagaimana sistem tersebut digunakan.
15
Gambar 3.1 Use Case Diagram Menu Aplikasi
Gambar 3.2 Use Case Tempat Wisata
16
Gambar 3.3 Use Case Hotel/Penginapan
Gambar 3.4 Use Case Restaurant
Aktivitas yang dapat dilakukan wisatawan yaitu:
1. Membuka Aplikasi
2. Melihat daftar tempat wisata, hotel maupun
restaurant.
a. Tempat Wisata
- Memilih lokasi tujuan
- Melihat informasi
- Menuju ke lokasi
b. Hotel/Penginapan
- Memilih lokasi tujuan
- Melihat informasi
- Menuju ke lokasi
c. Restaurant
17
- Memilih lokasi tujuan
- Melihat informasi
- Menuju ke lokasi
3. Menutup Aplikasi
3.1.1.2 Sequence Diagram
Sebuah sequence diagram, secara khusus,
menjabarkan behavior sebuah skenario tunggal.
Diagram tersebut menunjukan sejumlah obyek
contoh dan pesan-pesan yang melewati objek-objek
ini di dalam use case.
Gambar 3.5 Sequence Diagram Wisatawan
18
Gambar 3.6 Sequence Diagram Tempat Wisata
Gambar 3.7 Sequence Diagram Hotel/Penginapan
19
Gambar 3.8 Sequence Diagram Restaurant
3.1.1.3 Activity Diagram
Activity Diagram merupakan alur kerja (workflow)
atau kegiatan (activity) dari sebuah sistem
atau menu yang ada pada perangkat lunak.
20
Gambar 3.9 Activity Diagram
3.1.2 Perancangan Antar Muka Aplikasi
Perancangan antar muka Aplikasi Pariwisata Semarang
Dan Sekitarnya Berbasis Android sebagai berikut :
3.1.2.1 Logo Aplikasi
Gambar 3.10 Logo Aplikasi
21
3.1.2.2 Form Tampilan Utama
Gambar 3.11 Form Tampilan Utama
Pada tampilan ini terdapat logo aplikasi dan satu
kontrol, yaitu :
- Button MASUK APLIKASI. Digunakan user
untuk masuk kedalam aplikasi.
22
3.1.2.3 Form Menu Utama
Gambar 3.12 Form Menu Utama
Pada tampilan ini terdapat logo aplikasi dan tiga
Button, yaitu :
- Button TEMPAT WISATA. Digunakan user
untuk melihat menu dari tempat wisata yang
disediakan oleh aplikasi.
- Button HOTEL/PENGINAPAN. Digunakan
user untuk melihat menu dari hotel/penginapan
yang disediakan oleh aplikasi.
- Button RESTAURANT. Digunakan user untuk
melihat menu dari restaurant yang disediakan
oleh aplikasi.
23
3.1.2.4 Form Tempat Wisata
Gambar 3.13 Form Tempat Wisata
Pada tampilan ini terdapat gambar dari tempat
wisata, TextView dan Button, yaitu :
- TextView nama tempat wisata. Digunakan oleh
aplikasi untuk menampilkan nama tempat
wisata yang disediakan oleh aplikasi kepada
user.
- Button INFO. Digunakan oleh user untuk
menampilakan informasi dari tempat wisata
yang disediakan oleh aplikasi.
24
3.1.2.5 Form Informasi Tempat Wisata
Gambar 3.14 Form Informasi Tempat Wisata
Pada tampilan ini terdapat gambar dari tempat
wisata dan TextView, yaitu :
- TextView INFORMASI. Digunakan oleh
aplikasi untuk menampilakan informasi seperti
jam buka tempat wisata, harga tiket masuk,
lokasi tempat wisata dan sedikit deskripsi dari
tempat wisata yang disediakan oleh aplikasi
kepada user.
25
3.1.2.6 Form Hotel/Penginapan
Gambar 3.15 Form Hotel/Penginapan
Pada tampilan ini terdapat gambar dari
hotel/penginapan, TextView dan Button, yaitu :
- TextView nama hotel. Digunakan oleh aplikasi
untuk menampilkan nama hotel/penginapan
yang disediakan oleh aplikasi kepada user.
- Button INFO. Digunakan oleh user untuk
menampilakan informasi dari hotel/penginapan
yang disediakan oleh aplikasi.
26
3.1.2.7 Form Informasi Hotel/Penginapan
Gambar 3.16 Form Informasi Hotel/Penginapan
Pada tampilan ini terdapat gambar dari tempat
wisata dan TextView, yaitu :
- TextView INFORMASI. Digunakan oleh
aplikasi untuk menampilakan informasi harga
sewa permalam, lokasi, fasilitas dan sedikit
deskripsi dari hotel/penginapan yang
disediakan oleh aplikasi kepada user.
27
3.1.2.8 Form Restaurant
Gambar 3.17 Form Restaurant
Pada tampilan ini terdapat gambar dari Restaurant,
TextView dan Button, yaitu :
- TextView nama restaurant. Digunakan oleh
aplikasi untuk menampilkan nama Restaurant
yang disediakan oleh aplikasi kepada user.
- Button INFO. Digunakan oleh user untuk
menampilakan informasi dari Restaurant yang
disediakan oleh aplikasi.
28
3.1.2.9 Form Informasi Restaurant
Gambar 3.18 Form Informasi Restaurant
Pada tampilan ini terdapat gambar dari tempat
wisata dan TextView, yaitu :
- TextView INFORMASI. Digunakan oleh
aplikasi untuk menampilakan informasi daftar
menu, lokasi, fasilitas, jam buka - tutup dan
sedikit deskripsi dari restaurant yang
disediakan oleh aplikasi kepada user.
29
3.2 Hardware dan Software yang digunakan
Agar pembuatan aplikasi ini dapat berjalan dengan lancar
dan sesuai sasaran, maka dibutuhkan hardware dan software
yang dapat menunjang proses pembuatan aplikasi, di antaranya
yaitu :
1. Komputer atau Laptop (core i3 atau lebih dan
minimal RAM 4 GB)
2. Microsoft Visual Studio 2015
3. Xamarin 6.3
4. Microsoft SQL Server 2008
5. Android Emulator Kitkat (4.4)
6. Internet Information Service (IIS)Windows 10
7. Chrome
8. Smartphone Lenovo a7000
9. Kabel USB