BAB III ANALISA DAN PERANCANGAN

BAB III ANALISA DAN PERANCANGAN

3.1

Analisa Kebutuhan Analisa kebutuhan merupakan langkah awal yang dilakukan agar mendapat

gambaran dari sebuah sistem yang akan dibuat. Dengan adanya analisa sistem aplikasi alarm berbasis android yang dibuat, dapat mempermudah pengguna (user) untuk bangun tidur dengan tepat pada waktu yang ditentukan, sehingga pengguna (user) dapat menentukan jadwal bangun tidur dengan mudah. Berikut rincian pembagian halaman untuk pengguna (user) : 3.1.1 Desain Dalam perancangan pembuatan aplikasi alarm berbasis android ini, menggunakan bahasa pemrograman Java pada software Android Studio sebagai bahan pembuatan program. Dimana desain dan konsep yang dipilih disesuaikan dengan kebutuhan pengguna (user) yang dilengkapi dengan pertanyaan matematika secara acak (random) dengan tingkat kesulitan yang berbeda dan beberapa pilihan nada dering alarm yang sesuai dengan keinginan pengguna (user) yang disertai dengan adanya tanda getar pada bunyi alarm android. 3.1.2 Karakteristik Software Dalam merancang sistem yang dalam hal ini berupa aplikasi alarm berbasis android, harus berpedoman pada karakteristik dan unsur yang terdapat pada aplikasi, yaitu : 1. Format Pada program aplikasi alarm berbasis android yang akan dibuat terdiri dari menu utama yaitu menu jadwal alarm, menu tambah (add) yang meliputi pengaturan aktif, nama alarm, waktu, hari, tingkat

30

http://digilib.mercubuana.ac.id/

31

kesulitan, nada dering, dan tanda getar, lalu ada simpan (save) dan hapus (delete), ada menu info pembuat aplikasi yang menuju ke alamat profil twitter, serta tampilan pertanyaan matematika yang kemudian keluar dari aplikasi. 2. Rules Pada menu tambah (add) dipengaturan kesulitan (difficulty) yang ada dalam aplikasi, apabila pengguna ingin mematikan nada dering alarm maka harus menjawab terlebih dahulu soal matematika yang sesuai dengan tingkat kesulitan yang tersedia dalam aplikasi alarm android yang dibuat. 3. Policy Ketika pengguna dapat menjawab soal dengan benar, maka nada dering alarm tersebut akan mati secara otomatis, namun apabila pengguna salah menjawab pertanyaan tersebut, maka nada dering pada alarm akan bunyi secara terus-menerus dan tidak bisa dimatikan sebelum soal dijawab dengan benar. 4. Scenario Pertama kali pengguna akan ditampilkan menu utama dan daftar jadwal alarm yang terdapat pada aplikasi. Kemudian pengguna memilih menu tambah (add) yang telah disediakan pada aplikasi. Pengguna dapat mengatur sesuai dengan langkah-langkah yang ada dalam aplikasi alarm berbasis android yang dibuat, lalu pilih simpan (save). Setelah melakukan pengaturan maka secara otomatis akan kembali ke menu utama dan akan terlihat daftar (list) waktu terbaru yang sudah ditentukan oleh pengguna. Setelah waktu yang di setting sama dengan waktu yang telah ditentukan oleh pengguna maka akan muncul pertanyaan matematika secara acak (random) yang disertai dengan nada dering alarm, untuk mematikan nada dering alarm tersebut, maka pengguna harus menjawab pertanyaan matematika


32

tersebut secara benar, jika salah menjawab maka nada dering alarm tersebut tidak akan berhenti dan akan berbunyi secara terus-menerus. 3.1.3 Hardware dan Software Pada rancang bangun suatu aplikasi dibutuhkan alat berupa hardware dan software. Adapun kebutuhan hardware dan software sebagai berikut : 1. Kebutuhan perangkat keras untuk membuat aplikasi Kebutuhan perangkat keras yang dijelaskan meliputi perangkat keras yang dibutuhkan pada saat pembuatan program. Spesifikasi perangkat keras yang mendukung untuk pembuatan program adalah sebagai berikut : Prosesor

: Core i3-2330M

RAM

: 8 GB

Harddisk

: 500 GB

VGA

: Nvidia Geforce GT 520M 1 GB DirectX 11

2. Kebutuhan perangkat keras untuk implementasi aplikasi Kebutuhan perangkat keras dalam mengimplementasi aplikasi ini menggunakan sebuah smartphone dengan spesifikasi sebagai berikut : CPU

: Quad-core 1.2 GHz Cortex-A53

RAM

: 1 GB

ROM

: 8 GB

Resolusi

: 720 x 1280 pixels, 4.7 inches

Jaringan

: GSM, HSPA, LTE

3. Kebutuhan perangkat lunak untuk membuat aplikasi


33

Adapun kebutuhan perangkat lunak yang digunakan dalam membangun aplikasi adalah sebagai berikut : Sistem Operasi

: Windows 7 Professional 64-bit

Tool Programming

: Android Studio Version 1.3.2, Java 8 Update 91 (64-bit), Java SE Development Kit 8u60 (64-bit), Java SE Runtime Environment 8u91 (64bit), Adobe Photoshop CS 5 (64-bit)

4. Kebutuhan perangkat lunak untuk implementasi aplikasi Adapun kebutuhan perangkat lunak yang digunakan dalam mengimplementasi aplikasi ini adalah sebagai berikut :

3.2

Sistem Operasi

: Android OS, v4.4.4 (KitKat)

Program

: BlueStacks App Player 2.3.32

Perancangan Sistem UML (Unified Modeling language) adalah salah satu standar bahasa yang

banyak digunakan didunia industri untuk mendefinisikan requirement, membuat analis dan desain, serta menggambarkan arsitektur dalam pemrograman berorientasi objek. Perancangan terhadap aplikasi ini menggunakan UML (Unified Modelling Language) yang terdiri dari perancangan diagram use case, perancangan diagram activity, dan perancangan diagram sequence. 3.2.1 Perancangan Use Case Diagram Use Case diagram menjelaskan apa yang akan dilakukan oleh sistem yang akan dibangun dan siapa yang berinteraksi dengan sistem. Di bawah


34

ini adalah perancangan use case diagram dari aplikasi alarm berbasis android. Adapun Aktor yang terlibat dalam aplikasi ini adalah user. User adalah aktor yang menggunakan handphone berbasis android.

System Menampilkan Jadwal Alarm

Edit Jadwal <<extend>>

Menambah Jadwal Alarm

<<extend>>

Hapus Jadwal <>

Menjawab Pertanyaan

<<extend>>

User

Menampilkan Pertanyaan Matematika

Follow Me

Gambar 3.1 : Use Case Diagram Aplikasi Berikut ini adalah tabel penjelasan deskripsi dari use case diagram pada gambar 3.1 di atas, lihat tabel 3.1 sampai tabel 3.4 dibawah ini : Tabel 3.1 : Use Case Menampilkan Jadwal Alarm Nama

Menampilkan Jadwal Alarm

Aktor

User

Deskripsi

Menampilkan daftar jadwal alarm yang sudah ditentukan

Skenario

1. User membuka aplikasi alarm weker 2. Pada aplikasi akan menampilkan daftar-daftar jadwal yang sudah ditentukan, jika belum ada daftar maka akan ada tulisan “No alarms have been set”


35

Kondisi awal

Logo aplikasi di menu handphone

Kondisi akhir

Sistem menampilkan daftar-daftar jadwal alarm yang sudah ditentukan

Tabel 3.2 : Use Case Menambah Jadwal Alarm Nama

Menambah Jadwal Alarm

Aktor

User

Deskripsi

Mempersiapkan jadwal alarm yang akan diatur

Skenario

1. Pada aplikasi akan menampilkan daftar-daftar jadwal yang sudah ditentukan, jika belum ada daftar maka akan ada tulisan “No alarm have been set” 2. User menekan tanda tambah untuk menambah jadwal alarm 3. Jika sudah diatur maka tekan tanda floppy disk untuk menyimpan 4. Lihat jadwal alarm yang sudah diatur ditampilan daftar jadwal alarm

Kondisi awal


Kondisi akhir

Sistem menampilkan daftar jadwal alarm yang terbaru

Tabel 3.3 : Use Case Menjawab Pertanyaan Nama

Menjawab Pertanyaan

Aktor

User

Deskripsi

Menampilkan pertanyaan berupa matematika disertai bunyi alarm


36

Skenario

1. System membunyikan alarm sesuai dengan jadwal yang ditentukan oleh user 2. Aplikasi akan menampilkan satu pertanyaan matematika secara acak (random) untuk menghentikan bunyi alarm tersebut 3. User

menjawab

pertanyaan

matematika

untuk

mematikan bunyi alarm tersebut Kondisi awal

Menampilkan pertanyaan matematika yang disertai dengan bunyi alarm

Kondisi akhir

Menampilkan halaman utama dari handphone apabila menjawab pertanyaan matematika tersebut dengan benar yang disertai berhentinya bunyi alarm

Tabel 3.4 : Use Case Follow Me Nama

Follow Me

Aktor

User

Deskripsi

Menampilkan informasi profil twitter penulis

Skenario

1. Pada aplikasi akan menampilkan daftar-daftar jadwal yang sudah ditentukan, jika belum ada daftar maka akan ada tulisan “No alarm have been set” 2. User memilih Follow Me 3. Sistem akan menawarkan browser atau aplikasi twitter untuk membuka ke profil twitter penulis 4. Menampilkan profil twitter penulis

Kondisi awal


Kondisi akhir

Sistem menampilkan profil twitter penulis


37

3.2.2 Perancangan Activity Diagram Activity diagram tersebut menggambarkan berbagai alur aktivitas dalam sistem yang sedang dirancang, bagaimana masing-masing alur berawal, decision yang mungkin terjadi, dan bagaimana mereka berakhir. Activity diagram juga dapat menggambarkan proses paralel yang mungkin terjadi pada beberapa eksekusi. 3.2.2.1

Activity Diagram Menampilkan Jadwal Alarm User

System

Start

Membuka Aplikasi

Menampilkan list jadwal waktu alarm

Finish

Gambar 3.2 : Activity Diagram Menampilkan Jadwal Alarm Pada gambar diatas menjelaskan aktifitas untuk melihat jadwal alarm yang aktif. Alur kerja diawali saat user membuka aplikasi. Kemudian sistem akan menampilkan halaman daftar (list) jadwal alarm dari aplikasi.


38

3.2.2.2

Activity Diagram Menambah Jadwal Alarm User

System

Start

Membuka Aplikasi


Menambah list jadwal waktu

Ya

Memilih menu Tambah

Menampilkan menu untuk mengatur jadwal alarm

Mengaktifkan alarm dengan menekan tanda Ceklis Alarm diaktifkan dengan tanda Ceklis Pilih menu Label untuk menulis nama jadwal alarm Menampilkan nama Label yang telah ditulis Mengatur waktu di menu Set time Menampilkan waktu yang telah diatur Mengatur hari untuk mengulangi jadwal alarm Menampilkan hari yang telah diatur untuk diulangi Memilih tingkat kesulitan untuk pertanyaan Menampilkan tingkat kesulitan yang telah dipilih Memilih nada dering untuk alarm di menu Ringtone Menampilkan nada dering yang telah dipilih Tidak

Mengatur tanda getar dengan menekan tanda Ceklis Getar diaktifkan dengan tanda Ceklis Menekan tanda Floppy Disk untuk menyimpan Menyimpan jadwal waktu yang telah diatur

Finish

Gambar 3.3 : Activity Diagram Menambah Jadwal Alarm


39

Pada gambar diatas menjelaskan aktifitas untuk menambah jadwal alarm. Alur kerja diawali saat user membuka aplikasi. Kemudian sistem akan menampilkan halaman daftar (list) jadwal alarm dari aplikasi. Jika user tidak memilih menu tanda Tambah, maka hanya melihat halaman daftar (list) jadwal alarm saja. Jika user memilih menu tanda Tambah, maka sistem akan menampilkan menu untuk mengatur jadwal alarm. Pertama yaitu mengaktifkan alarm dengan menekan tanda ceklis. Selanjutnya, ketik nama jadwal alarm dipilihan label. Kemudian user mengatur waktu yang akan ditentukan dipilihan set time. User memilih hari yang ditentukan untuk mengulangi alarm. Kemudian user memilih tingkat kesulitan untuk pertanyaan matematika. Selanjutnya, memilih nada dering (ringtone) untuk suara alarm. Terakhir adalah mengaktifkan tanda getar dengan menekan tanda ceklis, dan menekan tanda Floppy Disk untuk menyimpan jadwal waktu yang telah diatur. Kemudian sistem akan menampilkan jadwal alarm. 3.2.2.3

Activity Diagram Menjawab Pertanyaan User

System Start

alarm = active; set time = time now; repeat day = day now; Melakukan Shuffle terhadap Angka dan Operator

Menampilkan halaman pertanyaan Matematika disertai Bunyi Alarm

Menjawab pertanyaan Matematika untuk mematikan Alarm

Mendapat jawaban operasi hitung

Hasil jawaban = benar Ya

Tidak Tulisan warna merah

Alarm terus berbunyi

Tulisan warna hitam

Alarm berhenti berbunyi

Finish

Gambar 3.4 : Activity Diagram Menjawab Pertanyaan


40

Pada gambar diatas menjelaskan aktifitas untuk menjawab pertanyaan matematika. Alur kerja diawali saat sistem membaca alarm aktif pada waktu dan hari yang telah ditentukan oleh user. Kemudian sistem akan melakukan pengacakan terhadap Angka dan Operator. Setelah melakukan pengacakan terhadap angka dan operator maka sistem menampilkan hasil pengacakan tersebut dalam bentuk pertanyaan Matematika yang disertai bunyi Alarm. Kemudian user menjawab pertanyaan matematika tersebut untuk mematikan bunyi pada alarm weker. Setelah user menjawab pertanyaan maka sistem akan memproses jawaban tersebut, apabila jawaban operasi hitung salah maka akan menampilkan tulisan warna merah pada karakter jawabannya serta bunyi alarm tidak akan berhenti dan harus mengganti jawaban tersebut, sedangkan apabila jawaban operasi hitung benar maka bunyi alarm akan berhenti. 3.2.2.4

Activity Diagram Follow Me User

System

Start

Membuka Aplikasi


Memilih menu Follow Me Menampilkan pilihan browser atau aplikasi twitter Memilih salah satu antara browser atau aplikasi twitter Menampilkan profil twitter penulis

Finish

Gambar 3.5 : Activity Diagram Follow Me Pada gambar diatas menjelaskan aktifitas untuk melihat menu follow me. Alur kerja diawali saat user membuka aplikasi. Kemudian sistem akan menampilkan halaman daftar (list) jadwal alarm dari


41

aplikasi. User memilih menu follow me, sistem akan mengalihkan ke halaman twitter profil penulis. 3.2.3 Perancangan Sequence Diagram Sequence diagram digunakan untuk menggambarkan perilaku pada sebuah scenario. Diagram ini menunjukkan sebuah contoh objek dan message (pesan) yang diletakan diantara objek-objek ini di dalam use case. Komponen utama dari sequence diagram terdiri atas objek yang dituliskan dengan kotak segiempat bernama. Message diwakili garis dengan tanda panah dan waktu yang ditunjukan dengan progress vertical. 3.2.3.1

Sequence Diagram Menampilkan Jadwal Alarm

Halaman list jadwal waktu alarm

User 1. Masuk halaman list jadwal alarm

2. Menampilkan list jadwal alarm

Gambar 3.6 : Sequence Diagram Menampilkan Jadwal Alarm Pada gambar diatas menjelaskan bagaimana user melihat jadwal alarm yang aktif. User membuka aplikasi dan masuk ke halaman list jadwal alarm. Sistem akan menampilkan halaman daftar (list) jadwal alarm.


42

3.2.3.2

Sequence Diagram Menambah Jadwal Alarm


Menambah jadwal waktu

Halaman pengaturan alarm

User 1. Masuk halaman list jadwal alarm 2. Add list jadwal/Tidak 3. Memilih menu Add

alt

4. Set Aktif [Add]

5. Set Label 6. Set Time 7. Set Repeat Day 8. Set Difficulty 9. Set Ringtone 10. Set Getar

11. Simpan jadwal waktu 12. Menampilkan list jadwal alarm

[Tidak] 13. Menampilkan list jadwal alarm

Gambar 3.7 : Sequence Diagram Menambah Jadwal Alarm Pada gambar diatas menjelaskan bagaimana user menambah jadwal alarm. User masuk halaman daftar (list) jadwal alarm. Jika user tidak memilih menu tanda Tambah, maka hanya melihat halaman daftar (list) jadwal alarm saja. Jika user memilih menu tanda Tambah, maka sistem akan menampilkan menu untuk mengatur jadwal alarm. Pertama yaitu mengaktifkan alarm dengan menekan tanda ceklis. Selanjutnya, ketik nama jadwal alarm dipilihan label. Kemudian user mengatur waktu yang akan ditentukan dipilihan set time. User memilih hari yang ditentukan untuk mengulangi alarm. Kemudian user memilih tingkat kesulitan untuk pertanyaan matematika. Selanjutnya, memilih nada dering (ringtone) untuk suara alarm.


43

Terakhir adalah mengaktifkan tanda getar dengan menekan tanda ceklis, dan simpan jadwal waktu yang telah diatur. Kemudian sistem akan menampilkan jadwal alarm. 3.2.3.3

Sequence Diagram Menjawab Pertanyaan

Alarm

Halaman pertanyaan matematika

Shuffle Angka dan Operator

set time = time now

User 1. Menyesuaikan waktu yang diatur untuk shuffle 2. Melakukan shuffle Angka dan Operator 3. Membunyikan Alarm 4. Menampilkan pertanyaan disertai bunyi alarm 5. Menjawab pertanyaan matematika

6. Mendapat jawaban operasi hitung 7. Jawaban Benar/Salah alt [Benar]

8. Alarm berhenti 9. Alarm terus berbunyi disertai pertanyaan matematika

[Salah]

Gambar 3.8 : Sequence Diagram Menjawab Pertanyaan Pada gambar diatas menjelaskan bagaimana user menjawab pertanyaan matematika. Sistem membunyikan alarm pada waktu yang telah ditentukan oleh user. Setelah menyesuaikan waktu yang telah diatur oleh user maka akan melakukan pengacakan terhadap angka dan operator, setelah itu sistem menampilkan hasil pengacakan tersebut dengan sistem operasi hitung disertai bunyi alarm. Kemudian user menjawab pertanyaan matematika tersebut untuk mematikan bunyi pada alarm. Setelah user menjawab pertanyaan maka sistem akan memproses jawaban tersebut, apabila jawaban operasi hitung salah maka bunyi alarm tidak akan berhenti dan harus mengganti jawaban tersebut, sedangkan apabila jawaban operasi hitung benar maka bunyi alarm akan berhenti.


44

3.2.3.4

Sequence Diagram Follow Me


Pilih browser atau aplikasi twitter

Halaman profil twitter penulis

User 1. Masuk halaman list jadwal alarm 2. Memilih Follow Me 3. Memilih Browser 4. Menampilkan profil twitter penulis

Gambar 3.9 : Sequence Diagram Follow Me Pada gambar diatas menjelaskan bagaimana user melihat menu follow me. Saat user membuka aplikasi dan masuk ke halaman list jadwal alarm. Sistem akan menampilkan halaman daftar (list) jadwal alarm. Kemudian user memilih menu follow me. Selanjutnya, terdapat pilihan untuk membuka profil melalui browser atau aplikasi twitter, jika sudah memilih browser maka sistem mengalihkan ke halaman twitter profil penulis. 3.2.4 Flowchart Mengacak Angka dan Operator Flowchart (diagram alir) adalah bagan-bagan yang mempunyai arus yang menggambarkan langkah-langkah penyelesaian suatu masalah. Flowchart merupakan cara penyajian dari suatu algoritma. Dengan menggunakan flowchart akan memudahkan kita untuk melakukan pengecekan bagian-bagian yang terlupakan dalam analisis masalah.


45

Start

Min = 0; Max = 99; Mengurutkan angka dari 0 - 99;

Case 0 = Add; Case 1 = Subtract; Case 2 = Multiply; Case 3 = Divide;

Ya

Difficulty = Easy

Tidak

Ambil satu angka acak 0 ≤ a ≤ 99

Tulis jumlah angka a dalam daftar terpisah Ya Panjang array dikurangi 1

Difficulty = Medium

Tidak

Ya Ambil satu angka acak 0 ≤ a ≤ 99

Ambil satu angka acak 0 ≤ a ≤ 99

Tulis jumlah angka a dalam daftar terpisah

Tulis jumlah angka a dalam daftar terpisah

Ya Ya

Panjang array dikurangi 1 Easy < 2 Tidak

Ambil satu operator acak 0≤p≤3

Ya

Tulis operator p dalam daftar terpisah

Difficulty = Hard

Panjang array dikurangi 1

Hard < 4 Medium < 3

Tidak

Tidak Ambil satu operator acak 0≤p≤3

Ambil satu operator acak 0≤p≤3


Ya

Easy < 2 - 1


Hard < 4 - 1 Medium < 3 - 1 Tidak

Tidak

Menampilkan pertanyaan berupa angka dan operator yang sudah di acak (random)

Tidak

End

Gambar 3.10 : Flowchart mengacak Angka dan Operator Proses pengacakan Angka dan Operator adalah sebagai berikut : 1.

Mengurutkan angka dari 0 sampai 99.

2.

Mengurutkan pilihan operator dari 0 sampai 3.


Ya

46

3.

Menentukan pilihan Difficulty, apabila pilihan Easy maka Ya/Benar.

4.

Selanjutnya sebuah angka acak a diantara 0 sampai dengan angka 99 yang belum dicoret. Dihitung dari bawah, coret angka a yang belum dicoret, dan tuliskan angka tersebut di lain tempat.

5.

Ulangi langkah 4 sampai 2 angka sudah tercoret.

6.

Selanjutnya sebuah operator acak p diantara 0 sampai dengan angka 3. Dihitung dari bawah, coret angka p, dan tuliskan angka tersebut di lain tempat.

7.

Ulangi langkah 6 sampai 1 operator sudah terpenuhi.

8.

Urutkan angka dan operator yang dituliskan pada langkah 4 dan langkah 6 adalah pengacakan dari angka dan operator, maka terbentuklah sebuah pertanyaan matematika dengan Difficulty Easy.

9.

Jika Tidak/Salah dan apabila pilihan Difficulty Medium maka Ya/Benar.

10.


11.


12.


13.


14.

Urutkan angka dan operator yang dituliskan pada langkah 10 dan langkah 12 adalah pengacakan dari angka dan operator, maka


47

terbentuklah sebuah pertanyaan matematika dengan Difficulty Medium. 15.

Jika Tidak/Salah maka pilihan Difficulty Hard.

16.


17.


18.


19.


20.

Urutkan angka dan operator yang dituliskan pada langkah 16 dan langkah 18 adalah pengacakan dari angka dan operator, maka terbentuklah sebuah pertanyaan matematika dengan Difficulty Hard.

3.2.5 Perancangan Struktur Tabel Perancangan struktur tabel adalah salah satu hal yang paling utama dalam merancang sebuah program. Hal ini dikarenakan tabel tersebut yang akan menyimpan data-data yang diolah didalam program. Sehingga dalam pembuatannya diperlukan perancangan struktur tabel yang tepat agar tidak terjadi kesalahan yang berdampak kepada jalannya program. Tabel 3.5 : Perancangan Struktur Tabel No.

Field

Type

Keterangan

1.

_id

Integer

Primary Key Autoincrement

2.

alarm_active

Integer

Not Null


48

3.

alarm_time

Text

Not Null

4.

alarm_days

Text

Not Null

5.

alarm_difficulty

Integer

Not Null

6.

alarm_tone

Blob

Not Null

7.

alarm_vibrate

Integer

Not Null

8.

alarm_name

Text

Not Null

Tabel ini berfungsi untuk menyimpan data Jadwal Waktu Alarm. Struktur tabel ini ditunjukkan pada tabel 3.5, tabel ini bernama alarm yang terdapat di dalam database yang bernama DB, dalam tabel ini terdapat delapan atribut yaitu : _id adalah suatu identitas untuk pengurutan data didalam tabel, alarm_active untuk menyimpan pilihan aktif atau tidak pada alarm, alarm_time untuk menyimpan waktu yang ditentukan, alarm_days untuk menyimpan pilihan hari yang ditentukan, alarm_difficulty untuk menyimpan pilihan tingkat kesulitan pada pertanyaan matematika, alarm_tone untuk menyimpan nada dering yang ditentukan, alarm_vibrate untuk menyimpan pilihan aktif atau tidak pada getaran di dalam alarm, dan alarm_name untuk menyimpan label nama dari suatu alarm yang diatur. Yang berperan sebagai primary key dalam tabel ini adalah atribut _id.

3.3

Perancangan Interface Perancangan interface adalah bagian yang penting dalam pembuatan

aplikasi, karena yang pertama kali dilihat ketika aplikasi dijalankan adalah tampilan antarmuka (interface) aplikasi. Selain itu, dengan adanya rancangan antar muka (interface) diharapkan dapat memudahkan develop dalam pembuatan aplikasi.


49

3.3.1 Perancangan Interface Menampilkan Jadwal Alarm

1

2

3

4

5

Gambar 3.11 : Perancangan Interface Menampilkan Jadwal Alarm Scene Name

: Jadwal Alarm

Keterangan

: Halaman jadwal waktu alarm 1.

Icon logo aplikasi alarm

2.

Nama aplikasi alarm

3.

Icon Add untuk menambah jadwal alarm

4.

Menu Follow Me untuk info penulis

5.

ListView untuk menampilkan daftar jadwal waktu alarm


50

3.3.2 Perancangan Interface Menambah Jadwal Alarm

1

2

3

4

5

6

7 8 9 10 11 12 13

Gambar 3.12 : Perancangan Interface Menambah Jadwal Alarm Scene Name

: Tambah Jadwal Waktu

Keterangan

: Halaman mengatur waktu yang akan ditentukan 1.

Icon anak panah untuk kembali

2.


3.

Nama aplikasi alarm

4.

Icon Floppy Disk untuk Simpan pengaturan waktu

5.

Icon Bin untuk Hapus pengaturan waktu

6.

Menu Follow Me untuk info penulis

7.

Mengatur aktif atau tidak aktif suatu alarm


51

8.

Label untuk menuliskan nama alarm

9.

Mengatur waktu yang akan ditentukan (hh/mm)

10.

Mengatur hari yang akan ditentukan (day)

11.

Memilih tingkat kesulitan untuk soal matematika (easy, medium, hard)

12.

Mengatur ringtone untuk nada dering alarm

13.

Mengatur aktif atau tidak aktif untuk tanda getar alarm

3.3.3 Perancangan Interface Menjawab Pertanyaan

1

2 3 4

5

6

7

8

9

10

11

12

13

14

15

16

17

Gambar 3.13 : Perancangan Interface Menjawab Pertanyaan Scene Name

: Menjawab Pertanyaan

Keterangan

: Pertanyaan matematika pada saat waktu alarm berbunyi


52

1.


2.

Nama aplikasi alarm

3.

TextView

untuk

menampilkan

pertanyaan

matematika 4.

TextView

untuk

jawaban

dari

pertanyaan

matematika 5.

Button untuk mencetak angka 1

6.


7.


8.


9.


10.


11.


12.


13.


14.

Button untuk mencetak tanda koma (,)

15.


16.

Button untuk mencetak tanda minus (-)

17.

Button untuk membersihkan karakter dijawaban


BAB III ANALISA DAN PERANCANGAN

Recommend Documents