Rancang Desain Aplikasi ANALISIS DAN PERANCANGAN SISTEM

Gambar 3.5 Flowchart Alur Kuis d. Komentar Komentar merupakan menu yang disediakan untuk para pemilik situs jejaring social Facebook pada platformnya dimana semua yang telah menginstal aplikasinya penerapan belajar sambil bermain DNA bisa melakukan posting pada aplikasi tersebut sesuai dengan akun Facebook yang dimiliki,

3.4 Rancang Desain Aplikasi

a Halaman Awal Sebelum Menginstal Aplikasi DNA di Facebook. Pada halaman ini adalah halaman authorisasi dari Facebook platform dimana meminta persetujuan user untuk mengizinkan aplikasi di install pada Facebooknya seperti yang terlihat pada Gambar 3.6 : Start Var=15 Set Nomer var= 1 End Var Data Benar +1 Benar Atau Salah Var Data Salah +1 Pertanyaan Benar Salah Hasil dan Score Var Nomor ++ Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Gambar 3.6 Halaman Awal Authorisasi Halaman authorisasi aplikasi juga akan menarik izin untuk menggunakan informasi dasar, aktivitas, dan aktivitas permainan untuk teman pada user yang akan melakukan instalasi. Selain itu ada halaman autorisasi berikutnya yang meminta untu perizinan aplikasi yang memungkinkan untuk posting pada halaman user. Lihat pada Gambar 3.7. Gambar 3.7 Allow Dialog Permission Posting Pada halaman ini terdapat 2 pilihan tombol “allow” dan “skip” allow adalah tombol dimana user akan mengizinkan aplikasi yang memungkinkan melakukan posting pada halaman dindingnya, sedangkan skip adalah tombol dimana user tidak akan mengizinkan aplikasi melakukan posting pada dinding pengguna Facebook . Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. b Halaman Aplikasi Pada intro. Rancangan desain sederhana menu Aplikasi agar tidak membingungkan pembaca dapat di lihat pada Gambar 3.8 berikut halaman ini muncul judul dan 5 menu Aplikasi, Wacana DNA, Pasangan Basa, Quis, Komentar, Dan Click Untuk Lanjut. Gambar 3.8 Halaman Aplikasi c Halaman “Wacana” Bacaan Sebelum Menu Dari Wacana Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Gambar 3.9 Halaman Pengenalan Pada halaman pengenalan terdapat wacana pengenalan mengenai DNA secara umum dan terdapat tombol gambar untuk melanjutkan ke menu wacana dan tombole “home” menuju pada halaman pengenalan ini. d Halaman Menu Wacana Gambar 3.10 Menu Wacana DNA Pada halaman menu wacana tersebut terdapat menu pilihan yang terdapat 6 pilihan yaitu , pengertian DNA, sejarah DNA, struktru DNA, replikasi DNA, dalam teknologi dan , Home untuk kembali ke intro. e Halaman Pengertian DNA Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Gambar 3.11 Menu Lanjutan f Halaman pangertian menu Susunan DNA Gambar 3.12 Susunan DNA Pada halaman ini terdapat tombol tombol kembali dan adalah tombol ke halaman sebelumnya, sedangkan tombol “home” adalah tombol dimana untuk pergi ke halaman menu wacana aplikasi dan “lanjut” untuk pergi ke halaman selanjutnya. Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Gambar 3.13 Gugus Gula Deoksiribosa Gambar 3.13 merupakan penjelasan mengenai gugus gula deoksiribosa. Gambar 3.14 Gugus Fosfat DNA Gambar 3.14 merupakan penjelasan mengenai gugus fosfat dan simulasi didalamnya, Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Gambar 3.15 Basa DNA Gambar 3.15 merupakan penjelasan mengenai gambar dan penjelasan serta simulasi mengenai pasangan basa dan basa DNA. g Halaman Sejarah Peneritian DNA. Gambar 3.16 Sejarah Penellitian DNA Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Pada Halaman sejarah penelitian DNA terdapat wacana mengenai sejarah – sejarah penting dunia dimana penemuan – penemuan yang sangat besar dari DNA. Gambar 3.17 Struktur DNA Pada halaman struktur memiliki tombol navigasi yang sama seperti halaman sebelumnya, desain yang sederhana agar tidak membingungkan para pembaca. h Halaman Soal Gambar 3.18 Simulasi Replikasi DNA Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Pada halaman dimenu wacana mengenai “Replikasi DNA” ialah gambar dimana penjelasan mengenai replikasi dan pemaparanya dalam bentuk simulasi flash playerwww.stolaf.edu:2012 Gambar 3.19 Penerapan DNA dalam teknologi i Halaman Pasangan Basa Gambar 3.20 Simulasi Pasangan Basa DNA Pada halaman ini adalah halaman simulasi pasangan basa DNA yang menjelaskan tentang basa yang terbentuk, pada DNA yang memiliki kesamaan dengan indukan DNA yang terbelah terkopi secara replikasi sehingga DNA terbentuk mirip dengan indukan sesuai organisme hidup nobleprize.org:2012 Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. j Halaman Quiz DNA Halaman ini adalah halaman dimana kuis diterapkan, soal kuis berdasarkan apa yang ada didalam wacana DNA. Didalam keseluruhan kuis yang berisi soal – soal tersebut terdapat lima belas soal yang akan di tampilkan. Gambar 3.21 Quiz DNA Quiz yang di tampilkan merupkan kuis sederhana yang memiliki score yang hasilnya nanti akan ditampilkan pada layar flash setelah berhasil menjawab semua pertanyaan yang diajukan melalui wacana DNA akan tetapi posting score dan save score tidak bisa ditampilkan pada layar dinding Facebook. Gambar 3.22 Skor Kuis Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. k Halaman Posting Komentar Pada halaman ini adalah halaman dimana posting komentar dilakukan dari pengguna aplikasi untuk mengkomentari aplikasi. Gambar 3.23 Posting Komentar Di Aplikasi Selain halaman posting kometar terdapat juga halaman untuk mengundang teman – teman untuk melihat dan menjalankan aplikasi ini. Gambar 3.24 Undang Teman Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

3.5 Pembuatan Aplikasi