Design

Dikerjakan oleh Tri Arini Titisingtyas (10053340268)

Architectural Design

 

Berikut ini merupakan Desain Arsitektur secara Keseluruhan dari tahap Awal Aplikasi dibuat hingga siap digunakan oleh pengguna:

   

Dalam pembuatan Aplikasi dibutuhkan 3 fase yaitu:

1. Pembuatan Database yang digunakan sebagai penyimpanan data menggunakan SQLite. Sehingga dengan menggunakan database data dapat dipanggil sewaktu-waktu.
2. Bahasa Pemprograman yang digunakan untuk menjalankan aplikasi yang ada, terdiri dari 4 bahasa pemrograman yaitu: HTML, CSS, Java Script dan Query
3. Aplikasi tersebut dikonvert ke dalam Smart Phone Android. Awalnya aplikasi yang di jalankan dalam komputer berektensikan .exe lalu untuk dapat menjalankannya di Android harus di konvert ke ekstensi .apk

Arsitektural Perangkat Lunak 

menjelaskan proses yang dilakukan oleh masing-masing tabel di dalam mengelola Sistem Informasi tersebut, terdapat 2 proses yang ditunjukkan seperti gambar dibawah ini:  

 1. Arsitektur Perangkat Lunak (Structure Chart)

 

Pada Arsitektur Perangkat Lunak ( Structure Chart) menjelaskan mengenai Tampilan Soal dan Jawaban sehingga masing-masing soal hanya memiliki satu jawaban. Dalam Arsitektur perangkat Lunak ini kelola sistem operasi menjalankan 2 proses yang saling berkaitan yaitu proses 1.0 dan proses 2.0. Kedua proses ini berjalan secara timbal balik sehingga dapat melakukan verifikasi. Contoh langsungnya ialah, proses 2.0 melakukan verifikasi pada proses 1.0 saat aplikasi sedang dijalankan oleh pengguna.

2. Arsitektur Perangkat Lunak (Fisik)

 

Dalam Arsitektur Perangkat Lunak (Fisik) lebih menekankan pada tabel dan query yang digunakan saat pengambilan dan pencocokan data, sehingga satu soal hanya mempunyai satu jawaban.

Contoh kode soal A.1 memiliki jawaban C, sehingga apabila pengguna menjawab A verifikasi akan menunjukkan jawaban salah dan apabila tepat akan menunjukkan jawaban benar.

Behavioral Design

Behavioral Diagram merupakan gambaran yang membahas menganai tingkah laku desain perangkat lunak. Dalam pembahasan behavioral Design dibedakan menjadi:

1. Use-cases Diagram disini memiliki peran sebagai fungsi pengawasan di dalam perangkat Lunak

 

Pada gambaran use-cases diatas dijelaskan penggunakan menjalankan aplikasi selanjutnya Sistem Informasi Edukasi Geografis melakukan 3 tindakan pengawasan yaitu:

1. Memainkan aplikasi Edukasi Geografis
2. Mendapatkan konfirmasi/ verifikasi jawaban baik jawaban salah, maupun benar
3. Mendapatkan hasil penilaian setelah memaninkan Aplikasi Edukasi Geografis, jadi dengan diadakan penilaian ini pengguna dapat mengetahui tingkat pengetahuan yang dimiliki

2. Activity Diagram 

Dalam activity diagram ini dijelaskan kegiatan yang berlangsung selama penggua menjalankan aplikasi.

 

3. Flowchart

4. Swimlane Diagram

 

Dalam Swimlane diagram dibahas interaksi antara 3 hal, yaitu pengguna, aplikasi edukasi geografis dan interfacenya. Sehingga proses aliran data yang dilakukan dapat dilihat melalui 3 hal dan dapat diketahui pula batasan-batasannya dengan Swimlane Diagram.

5. Entity Relationship Diagram

 

Dalam gambaran entity Relationship Diagram menjelaskan tentang hubungan dari masing-masing tabel yang terdapat di dalam database. Sehingga menjadi sebuah keterkaitan. Dalam Entity Relationship Diagram dibahas pula hubungan dari tabel satu dan lainnya seperti one to one, one to many atau many to many serta opsional maupun wajib.

Component Design

Dalam desain komponen ini, kelompok kami membaginya dalam beberapa bahasan yaitu,  struktur data, karakteristik aplikasi, dan fungsi komponen penyusun desain dalam “Aplikasi Geografis Kewilayahan"

1. Struktur Data 

 

Struktur data di dalam aplikasi disusun ke dalam 4 tabel yang dimaksukkan menggunakan SQLite. Empat tabel tersebut dimasukkan ke dalam 1 database yang akan menyimpan semua data yang siap di panggil di dalam program

      2. Karakteristik interface 
Dalam aplikasi ini dijalankan dengan konsep learning by doing, jadi aplikasi ini mudah digunakan oleh user dengan batasan anak SD sehingga penguna akan seperti bermain dalam menjalankan aplikasi, dengan menjalankan aplikasi dengan menggunakan button yang tersedia di dalam aplikasi sehingga pengguna akan dapat lebih mengerti setelah menggunakan aplikasi, pengguna hanya dituntut untuk mempelajari materi yang ada di dalam aplikasi.

3. Penyusun Component Design

Halaman Tampilan Awal

 

Halaman Tampilan Pertanyaan

 

Halaman Tampilan Jawaban Benar

 

Halaman Tampilan Jawaban Salah

 

Halaman Tampilan Nilai