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