bab iv hasil dan pembahasan 4.1 analisis sistem yang berjalanrepo.darmajaya.ac.id/1145/7/bab...

BAB IV

HASIL DAN PEMBAHASAN

4.1 Analisis Sistem Yang Berjalan

Analisis sistem yang berjalan dilakukan dengan cara menganalisis pada objek-

objek yang diperlukan untuk sistem yang akan dirancang, dimaksudkan untuk

memfokuskan kepada fungsi sistem yang berjalan, tanpa menitik beratkan kepada

alur proses dari sistem. Dan dari hasil analisis ini divisualisasi dan

didokumentasiakan dengan UML melalui diagram use case, skenario use case dan

aktifitas diagram, pertimbangan diagram tersebut ini karena dianggap mewakili

secara keseluruhan sistem yang berjalan yang dapat dimengerti oleh user.

Tahap pertama yang dilakukan agar bisa menghasilkan aplikasi mobile yang baik

adalah dengan mempelajari bagaimana sistem mengajar yang sedang berjalan saat

ini di sekolah. Cara penggambaran sistem mengajar tersebut penulis

menggunakan UML dengan menggunakan Diagram Use Case, Skenario Use Case

dan Diagram Activity.

Merupakan tahap identifikasi terhadap alur sistem yang terjadi dalam proses

pembelajaran pada SMK 1 Pasir Sakti. Proses analisis sistem dibutuhkan untuk

dapat mengevaluasi sistem yang sedang berjalan dan kebutuhanya sehingga dapat

diusulkan perancangan yang dapat mendukung sistem lebih baik.

4.2 Analisis Prosedur yang Sedang Berjalan

Gedung sekolah ini digunakan oleh 2 tingkatan yang pertama dari jam 07.30 –

12.00 gedung digunakan oleh anak SMP dan jam 01.00 – 16.30 digunakan SMK.

Analisis difokuskan pada sistem pembelajaran yang terjadi pada sekolah SMK

PGRI 1 Pasir Sakti. Berdasarkan metode analisis yang digunakan , berikut

merupakan gambaran sistem yang sedang berjalan secara umum :

1. Proses pembelajaran silat dimulai ketika jam pelajara sekolah telah selesai.

2. Guru dan siswa berkumpul langsung di lapangan.

3. Guru pada lazimnya memiliki materi dan siap atas materi yang disampaikan

kepada siswa pada setiap pertemuan disertai dengan latihan gerakan.

4. Sebagai siswa, pada lazimnya sebelum masuk pada materi sebaiknya

melakukan gerakan pemanasan terlebih dahulu

5. Setelah itu siswa baru mendapatkan pengajaran tentang materi yang akan

dipelajari.

6. Dan pendinginan gerakan untuk mengurangi rasa sakit otot.

Adapun kegiatan yang telah divisualkan kedalam diagram use case adalah sebagai

berikut:

Gambar 4.1. Use Case Diagram Sistem yang Sedang Berjalan Use Case

Diagram Sistem yang Sedang Berjalan

4.2.1 Deskripsi Use Case Yang Berjalan

1. Nama Use Case : Berkumpul dilapangan sesuai jadwal

Actor : User

Tujuan : Berkumpul di lapangan sebelum mulai latihan

Deskripsi : Proses pembelajaran dilakukan dilapangan.

Tabel 4.1. Berkumpul dilapangan

Guru Siswa

Guru memberikan instruksi

berkumpul di lapangan.

Siswa berkumpul untuk mengikuti

rutinitas pembelajaran.

2. Nama Use Case : Pemanasan dan melakukan latihan

Actor : User

Tujuan : Mengurangi kram dan keseleo

Deskripsi : Guru memandu setiap gerakan yang dilakukan siswa.

Tabel 4.2. Pemanasan dan latihan

Guru Siswa

Melakukan pemanasan sebelum

masuk ke gerakan silat.

Mengikuti instruksi gerakan yang

telah disampaikan dan dipraktekkan

oleh guru.

3. Nama Use Case : Guru memberi materi

Actor : User

Tujuan : Memberikan materi

Deskripsi : Memberi kepada siswa materi tentang silat sebelum di

praktekkan.

Tabel 4.3. Memberi materi

Guru Siswa

Memberi materi tentang silat sebelum

praktek langsung.

Menerima materi yang disampaikan

4. Nama Use Case : Proses Pendinginan

Actor : User

Tujuan : Mengurangi rasa sakit otot

Deskripsi : Merelaksasi otot tubuh setelah berolahraga.

Tabel 4.4. Proses pendinginan

Guru Siswa

Setelah pengajaran selesai Siswa melakukan gerakan

pendinginan untuk mengurangi rasa

sakit.

4.2.2 Skenario Use Case Yang Berjalan

Berikut ini adalah Skenario Use Case yang sedang berjalan di SMK 1 Pasir Sakti.

Adapun aktor yang terlibat dalam sistem aplikasi pembelajaran silat tingkat SMK

Berbasis Android diantaranya adalah:

1. Skenario Berkumpul

Tabel 4.5. Skenario berkumpul

Nama Use Case Berkumpul dilapangan sesuai jadwal

Aktor Seluruh anggota silat (Siswa)

Tipe Primary

Deskripsi Memulai proses pembelajaran

Event 1.

No. Guru Siswa

1. Guru membunyikan bel

tanda berkumpul.

Siswa berkumpul

dilapangan dan menunggu

instruksi dari guru.

2. Skenario Pemanasan

Tabel 4.6. Skenario pemanasan

Nama Use Case Pemanasan dan melakukan latihan


Tipe Primary

Deskripsi Pemanasan supaya tidak terjadi kram saat latihan.

Event 2.

No. Guru Siswa

1. Guru memberikan arahan

untuk melakukan gerakan

pemanasan.

Siswa melakukan instruksi

yang diminta oleh guru

pelatih.

3. Skenario Pembelajaran

Tabel 4.7. Skenario pembelajaran

Nama Use

Case

Guru memberikan materi

Aktor Seluruh anggota silat (Siswa) & Guru

Tipe Primary

Deskripsi Memulai proses pembelajaran

Event 3.

No. Guru Siswa

1. Menyampaikan materi

dan mempragakan

gerakan silat

Mengikuti proses

pembelajaran

4. Skenario Pendinginan

Tabel 4.8. Skenario pendinginan

Nama Use Case Pendinginan


Tipe Primary

Deskripsi Selesai proses pembelajaran

Event 4.

No. Guru Siswa

1. Membimbing untuk

melakukan pendinginan

otot

Siswa mengikuti.

4.3 Analisis Sistem yang Sedang Berjalan

Dari sytem pembelajaran yang sedang berjalan Pada SMK ini, maka

pengembangan sytem dengan memanfaatkan teknologi informasi perlu dilakukan

untuk dapat memberikan kenyamanan dan kemudahan bagi mahasiswa dengan

bisa mengatasi berbagai kemungkinan masalah sebagai berikut:

Tabel 4.9. Analisis sistem berjalan

NO Permasalahan Bagian Pemecahan

1. Tidak ada media

pembelajaran yang dapat

memungkinkan Guru

menyampaikan materi

kepada murid, ketika

suatu saat guru tidak

dapat hadir

menyampaikan materi

pembelajaran.

Guru Dibuat ystem aplikasi

mobile sebagai media guru

untuk dapat memberikan

materi pembelajaran kepada

siswa melalui perangkat

mobile tanpa terbatasi oleh

ruang dan waktu.

2. Belum ada media

pembelajaran mandiri,

berupa visual gerakan.

Murid Mendapatkan materi dan

latihan soal dengan

perangkat mobile

3. Belum ada media

komunikasi yang praktis

dan system belajar yang

bisa berjalan dimanapun

tanpa harus ada seorang

guru dan masalah hal

ruang dan waku.

Guru dan murid

Media komunikasi aplikasi

mobile yang dapat

digunakan untuk

memudahkan murid

melakukan kegiatan belajar

mengajar tanpa harus

adanya guru yang

mendampingi.

4.4 Gambaran Umum Sistem yang Diusulkan

Aplikasi mobile pendukung pembelajaran pada murid ini secara sederhana dapat

digambarkan sebagai sebuah bentuk fasilitas yang berperan sebagai mediator

pendukung pembelajaran bagi murid dan juga sebagai solusi penyampaian

informasi materi dari guru. Oleh karena itu aplikasi mobile ini diharapkan dapat

menjadi media pembelajaran alternatif ketika dihadapkan dengan persoalan

keterbatasan ruang dan waktu serta dapat memberikan informasi yang cepat dan

akurat kepada pihak yang terkait dalam sistem pembelajaran pada siswa.

Proses yang dapat dilakukan oleh aplikasi mobile pendukung pembelajaran ini

adalah sebagai berikut :

1. Media penyampaian materi pembelajaran dari guru kepada siswa.

2. Menyediakan media komunikasi yang berkaitan dengan pembelajaran untuk

siswa.

3. Media pembelajaran mandiri dengan fasilitas latihan melihat gerakan yang

disediakan di aplikasi mobile tersebut.

4. Dilengkapi dengan fasilitas evaluasi untuk siswa.

4.5 Perancangan Prosedur yang Diusulkan

Dari evaluasi sistem yang telah dilakukan, maka terdapat beberapa solusi dengan

prosedur usulan sebagai berikut:

1. Siswa harus menginstall aplikasi mobile dari playstore sebelum dapat

menggunakan fasilitas yang disediakan dalam aplikasi mobile pendukung

pembelajaran materi yang akan didapatnya.

2. Media pembelajaran tentang silatyang dapat dimanfaatkan oleh siswa untuk

memperdalam kemampuannya pada suatu pembelajaran ilmu dasar siat.

Dimana setiap gerakan dapat dilihat pada aplikasi mobile ini sudah tersedia.

3. Dari hasil evaluasi gerakan yang dilakukan secara aplikasi mobile ini dapat

langsung dilihat dengan cepat dan akurat.

4.5.1 Use Case Yang Diusulkan

1. Berikut adalah gambaran use case yang diusulkan , bisa dilihat pada Gambar

4.2

Gambar 4.2. Usecase diagram yang diusulkan

Pada usecase diagram ini menjelaskan alur sitem yang ada di aplikasi, dibuat

secara detail aktivitas antara user dan sistem. Aktivitas yang dapat dilakukan

user/masyarakat yaitu sebelum masuk ke menu utama, user diwajibkan membuat

akun terlebih dahulu agar bisa login ke aplikasi, setelah userlogin maka akan

diarahkan ke menu utama aplikasi, di dalam aplikasi user dapat melihat menu

Home, Menu Tentang, Menu Sejarah, Menu Tokoh dan Menu Profil.

Deskripsi aktor dan use case sistem yang diusulkan sebagai berikut :

a. Definisi Aktor

Deskripsi pendefinisian aktor sistem diusulkan seperti pada Tabel 4.9

Tabel 4.10. Deskripsi Pendefinisian Aktor Sistem yang Diusulkan

No. Aktor Deskripsi

1. Admin

Orang yang memilki hak akses

untuk mengelola data aplikasi

2. User

Orang yang mengguanakan

aplikasi

b. Definisi Use Case

Deskripsi pendefinisian usecase sistem yang diusulkan seperti pada Tabel

4.10.

Tabel 4.11. Pendefinisian Aktor Sistem yang Diusulkan

No. Use Case Deskripsi

1. Login

Proses memasukan data berupa

username dan password jika

belum mempunyai akun maka

user diarahkan membuat akun

terlebih dahulu agar bisa masuk

ke menu utama.

2. Buat akun user Suatu proses dimana user wajib

membuat akun terlebih dahulu

agar user dapat masuk ke menu

halaman utama aplikasi.

3. Mengelola data sejarah

Suatu proses dimana admin yang

berhak mengubah data sejarah

silat aplikasi media pembelajaran

ilmu dasar silat

4. Mengelola data About


berhak mengubah data

about/tentang silat aplikasi media

pembelajaran ilmu dasar silat

5. Mengelola data panduan


berhak mengubah data panduan


ilmu dasar silat

6 Mengelola data tokoh


berhak mengubah data tokoh silat

aplikasi media pembelajaran ilmu

dasar silat

7 Mengelola data anggota


berhak menghapus data anggota


ilmu dasar silat

8 Mengelola data jenis soal


berhak mengedit, mengupdate

dan menghapus data jenis soal

sistem media pembelajaran ilmu

dasar silat

9 Mengelola data soal


berhak mengedit, mengupdate

dan menghapus data soal sistem

media pembelajaran ilmu dasar

silat

10 Mengelola data nilai


berhak mencetak data nilai sistem

media pembelajaran ilmu dasar

silat

11 Memilih menu Home

Jika user memilih menu Home

maka sistem secara otomatis akan

kembali ke menu utama dimana

didalamnya terdapat materi

,evaluasi dan nilai yang dapat

dilihat oleh user

12 Memilih menu tentang

Jika user memilih menu tentang

pada menu utama aplikasi,

didalam nya terdapat penjelasan

tentang penjelasan dan fungsi

aplikasi

13 Memilih menu sejarah

Jika user memilih menu sejarah


didalam nya terdapat penjelasan

dan sejarah silat

14 Memilih menu tokoh

Jika user memilih menu tokoh


didalam nya terdapat daftar tokoh

silat dan deskripsi dari tokoh

tersebut

15 Memilih menu profil

Jika user memilih menu profil


didalam nya terdapat data user.

4.5.2 Activity Diagram

Activity diagram merupakan alur kerja pada setiap usecase. Activity diagram pada

analisa ini mencakup activity diagram dari setiap usecase.

1. Activity diagram mengelola home sistem informasi media pembelajaran ilmu

dasar silat berbasis mobile adalah seperti pada Gambar 4.3

Nama Use Case : Mengelola Home

Aktor : User

Tujuan : Mengelola data home, edit/update/delete

Gambar 4.3. Activity Diagram Home

2. Activity diagram mengelola home sistem informasi media pembelajaran ilmu


Nama Use Case : Mengelola data materi

Aktor : User

Tujuan : Mengelola data materi

Gambar 4.4. Acitivity Diagram Materi

3. Activity diagram mengelola evaluasi sistem informasi media pembelajaran

ilmu dasar silat berbasis mobile adalah seperti pada Gambar 4.5

Nama Use Case : Mengelola data evaluasi

Aktor : User

Tujuan : Mengelola data evaluasi

Gambar 4.5. Acitvity Diagram Evaluasi



Nama Use Case : Mengelola data nilai

Aktor : User

Tujuan : Mengelola data nilai

Gambar 4.6. Activity Diagram Nilai



Nama Use Case : Mengelola data tentang

Aktor : User

Tujuan : Mengelola data tentang

Gambar 4.7. Activity Diagram Tentang

6. Activity diagram mengelola sejarah sistem informasi media pembelajaran ilmu


Nama Use Case : Mengelola data sejarah

Aktor : User

Tujuan : Mengelola data sejarah

Gambar 4.8. Acitivity Diagram Sejarah

7. Activity diagram mengelola tokoh sistem informasi media pembelajaran ilmu


Nama Use Case : Mengelola data tokoh

Aktor : User

Tujuan : Mengelola data tokoh

Gambar 4.9. Acitivity Diagram Sejarah

8. Activity diagram mengelola profil sistem informasi media pembelajaran ilmu


Nama Use Case : Mengelola data profil

Aktor : User

Tujuan : Mengelola data profil

Gambar 4.10. Activity Diagram Profil

4.5.3 Sequence Diagram

Sequence diagram menggambarkan kelakukan objek pada usecase dengan

mendeskripsikan waktu hidup objek dan pesan yang dikirimkan dan diterima antar

objek. Perancangan squence diagram sistem diusulkan adalah sebagai berikut :

1. Sequence Diagram Login

Perancangan Sequance diagram login pada Sistem Informasi Media

Pembelajaran Ilmu Dasar Silat Berbasis Mobile seperti pada Gambar 4.11

Gambar 4.11. Sequence Diagram Login

2. Sequence Diagram Registrasi akun User

Perancangan Sequance diagram Registrasi akun user pada Sistem Informasi

Media Pembelajaran Ilmu Dasar Silat Berbasis Mobile adalah seperti pada

Gambar 4.12

Gambar 4.12. Sequence Diagram registrasi akun user

3. Sequence Diagram Admin Mengeola Data Sejarah

Perancangan Sequance diagram mengelola data Sejarah pada Sistem Informasi


Gambar 4.13

Gambar 4.13. Sequence Diagram Mengelola data sejarah

4. Sequence Diagram Admin Mengeola data About

Perancangan Sequance diagram mengelola data About pada Sistem Informasi


Gambar 4.14

Gambar 4.14. Sequence Diagram Mengelola data about

5. Sequence Diagram Admin Mengelola data Panduan

Perancangan Sequance diagram mengelola data Panduan pada Sistem

Informasi Media Pembelajaran Ilmu Dasar Silat Berbasis Mobile adalah seperti

pada Gambar 4.15

Gambar 4.15. Sequence Diagram Mengelola data panduan

6. Sequence Diagram Admin Mengelola data Tokoh

Perancangan Sequance diagram Mengelola data Tokoh pada Sistem Informasi


Gambar 4.16

Gambar 4.16. Sequence Diagram mengelola data tokoh

7. Sequence Diagram Admin Mengelola data Anggota

Perancangan Sequance diagram Mengelola data Anggota pada Sistem


pada Gambar 4.17

Gambar 4.17. Sequence Diagram mengelola data Anggota

8. Sequence Diagram Admin Mengelola data Jenis Soal

Perancangan Sequance diagram Mengelola data Jenis Soal pada Sistem


pada Gambar 4.17

Gambar 4.18. Sequence Diagram mengelola Jenis Soal

9. Sequence Diagram Admin Mengelola data Soal

Perancangan Sequance diagram Mengelola data Soal pada Sistem Informasi


Gambar 4.18

Gambar 4.19. Sequence Diagram mengelola data Soal

10. Sequence Diagram Admin Mengelola data Nilai

Perancangan Sequance diagram Mengelola data Nilai pada Sistem Informasi


Gambar 4.19

Gambar 4.20. Sequence Diagram mengelola data Nilai

11. Sequence Diagram User Memilih Menu Tentang

Perancangan Sequance diagram user membuka menu Tentang pada Sistem

Informasi Media Pembelajaran Ilmu Dasar Silat Berbasis Mobile adalah

seperti pada Gambar 4.20

Gambar 4.21. Sequence Diagram User Memilih Menu Tentang

12. Sequence Diagram User Memilih Menu Sejarah

Perancangan Sequance diagram user membuka menu Tentang pada Sistem



Gambar 4.22. Sequence Diagram User Memilih Menu Sejarah

13. Sequence Diagram User Memilih Menu Tokoh

Perancangan Sequance diagram user membuka menu Tokoh pada Sistem



Gambar 4.23. Sequence Diagram User Memilih Menu Tokoh

14. Sequence Diagram User Memilih Menu Profil

Perancangan Sequance diagram user membuka menu Profil pada Sistem



Gambar 4.24. Sequence Diagram User Memilih Menu Profil

15. Sequence Diagram User Memilih Menu Materi

Perancangan Sequance diagram user membuka menu Materi pada Sistem



Gambar 4.25. Sequence Diagram User Memilih Menu Materi

16. Sequence Diagram User Memilih Menu Evaluasi

Perancangan Sequance diagram user membuka menu Evaluasi pada Sistem



Gambar 4.26. Sequence Diagram User Memilih Menu Evaluasi

17. Sequence Diagram User Memilih Menu Nilai

Perancangan Sequance diagram user membuka menu Nilai pada Sistem



Gambar 4.27. Sequence Diagram User Memilih Menu Nilai

4.6 Class Diagram

Berdasarkan sistem yang telah dirancang diatas, maka dapat dibentuk suatu class

diagram yang akan menggambarkan beberapa kebutuhan class program dari

‘Mengenal Ilmu Dasar Silat’. Class yang akan terbentuk tersebut meliputi class

panduan, masuk, sejarah, materi, tokoh dan class tentang. Lebih jelasnya yaitu

sebagai berikut:

Gambar 4.28. Class Diagram Sistem Diusulkan

4.7 Kamus Data

1. Kamus Data User

Nama Database : Silat

Nama Table : user

Kunci Utama : id_user

Tabel 2.1. Kamus data tabel user

Nama field Type Ukuran Keterangan

Id_user Int 5 Id user

Username Varchar 30 Username

password Varchar 60 Password User

level Varchar 20 Level

2. Kamus Data menu


Nama Table : menu

Kunci utama : id_menu

Tabel 2.2. Kamus data table menu


Id_menu Varchar 5 Kode menu

judul Varchar 100 Judul menu

Isi text 50 Isi menu

3. Kamus Data Materi


Nama Table : Materi

Kunci utama : id_materi

Tabel 2.3. Kamus data tabel tugas materi


Id_materi Int 5 Id materi

Jenis_materi varchar 30 Jenis materi

Isi Text 50 Isi materi

4. Kamus Data Anggota

Nama Database : dimas

Nama Table : Anggota

Kunci utama : id_anggota

Tabel 2.4. Kamus data tabel anggota


Id_anggota Int 5 Id anggota

Nama_lengkap Varchar 40 Nama lengkap

anggota

username Varchar 30 Username anggota

Password Varchar 60 Isi aspirasi

jk Varchar 12 Jenis kelamin

No_hp Varchar 12 No handphone

anggota

Alamat varchar 100 Alamat anggota

foto text Foto anggota

5. Kamus Data Jenis Tes


Nama Table : Jenis_tes

Kunci utama : kd_tes

Tabel 2.5. Kamus data tabel jenis tes


Kd_tes int 5 Kode tes

Nama_tes varchar 40 Nama tes

Jumlah_soal int 5 Jumlah soal

Status Varchar 35 Status tes

Ulang int 11 Tes ulang

Jam int 11 jam tes

menit int 11 Menit tes

Detik int 11 Detik tes

6. Kamus Data Soal


Nama Table : tbsoal

Kunci utama : id_soal

Tabel 2.6. Kamus data soal


Id_soal int 5 Id soal

Kd_tes varchar 20 Kode tes

Soal Text Soal tes

jawaban text Jawaban soal

Pilihan 1 text Pilihan jawaban

pertama

Pilihan 2 text Pilihan jawaban ke

2


3


4

7. Kamus Data Nilai


Nama Table : tbnilai

Kunci utama : id_balas_aspirasi

Tabel 2.7. Kamus data tabel nilai


Id int 5 Id nilai

Kd_tes int 5 kode tes

Id_anggota varchar 20 Id anggota

salah text Jawaban salah

benar Text Jawaban benar

Jumlah_soal int 5 Jumlah soal

Nilai Double Nilai tes

Tanggal Date Tanggal tes

Ujian_ke Int 5 Jumlah ujian yang

telah dilakukan

Jam Int 11 Jam ujian dilakukan

Menit Int 11 Menit ujian

dilakukan

Detik Int 11 Detik ujian

dilakukan

4.8 Rancangan Interface Menu

Perancangan interface merupakan tampilan desain yang akan di terapkan pada

aplikasi APLIKASI MENGENAL ILMU DASAR SILAT Di SMK Pasir Sakti.

Tujuan dari pembuatan desain interface adalah terciptanya desain yang sesuai

akan kebutuhan pemakainya.

1. Rancangan interface halaman Login

Halaman login ini adalah tahapan awal user untuk masuk kedalam aplikasi

(mengakses) dan apabila user belum punya akun bisa langsung mendaftar.

Rancangan interface halaman login digambarkan pada Gambar 4.28

Gambar 4.29. Rancangan interface halaman login

2. Rancangan interface halaman Home

Halaman home terdiri menu-menu akses aplikasi silat. Rancangan interface

halaman home digambarkan pada Gambar 4.29

Gambar 4.30. Rancangan interface halaman home

3. Rancangan interface halaman tentang

Halaman ini menggambarkan tentang aplikasi silat. Rancangan interface

halaman tentang digambarkan pada Gambar 4.30

Gambar 4.31. Rancangan interface halaman tentang

4. Rancangan interface halaman sejarah

Halaman ini menceritakan sejarah tentang awal mula silat . Rancangan

interface halaman sejarah digambarkan pada Gambar 4.31

Gambar 4.32. Rancangan halaman sejarah

5. Rancangan interface halaman tokoh

Halaman tokoh ini menampilkan tokoh tokoh silat ternama. Rancangan

interface halaman tokoh digambarkan pada Gambar 4.32

Gambar 4.33. Rancangan interface halaman tokoh

6. Rancangan interface halaman profil user

Halaman profil user menampilkan data diri user seperti nama lengkap, alamat,

no.hp dan lain lain. Rancangan interface halaman profil user digambarkan

pada Gambar 4.33

Gambar 4.34. Rancangan interface halaman profil user

7. Rancangan interface halaman menu materi

Halaman ini menampilkan pilihan menu untuk mengerjakan materi 1 atau

materi 2. Rancangan interface halaman menu materi digambarkan pada

Gambar 4.34

Gambar 4.35. Rancangan interface halaman menu materi

8. Rancangan interface halaman materi 1

Halaman ini memberikan informasi tentang materi ke 1 yaitu tentang materi

pernafasan silat. Rancangan interface halaman materi 1 digambarkan pada

Gambar 4.35

Gambar 4.36. Rancangan interface halaman materi 1

9. Rancangan interface halaman materi 2

Halaman ini memberikan informasi tentang materi ke 2 yaitu tentang materi

pernafasan silat. Rancangan interface halaman materi 2 digambarkan pada

Gambar 4.36

Gambar 4.37. Rancangan interface halaman materi 2

10. Rancangan interface halaman menu evaluasi

Halaman ini menampilkan pilihan menu untuk mengerjakan evaluasi 1 atau

evaluasi 2. Rancangan interface halaman menu evaluasi digambarkan pada

Gambar 4.37

Gambar 4.38. Rancangan interface menu evaluasi

11. Rancangan interface halaman evaluasi 1

Halaman evaluasi 1 berisi soal-soal yang berkaitan dengan materi 1 .

Rancangan interface halaman evaluasi 1 digambarkan pada Gambar 4.38

Gambar 4.39. Rancangan interface halaman evaluasi 1

12. Rancangan interface halaman evaluasi 2

Halaman evaluasi 2 berisi soal-soal yang berkaitan dengan materi 2 .

Rancangan interface halaman evaluasi 2 digambarkan pada Gambar 4.39

Gambar 4.40. Rancangan interface halaman evaluasi 2

13. Rancangan interface halaman Nilai

Halaman ini memberikan informasi tentang nilai dari evaluasi yang kita

kerjakan. Rancangan interface halaman nilai digambarkan pada Gambar 4.40

Gambar 4.41. Rancangan interface halaman nilai

4.9 Hasil Program

1. Tampilan Halaman Login

Tampilan login untuk masuk kedalam aplikasi (mengakses) dan apabila user

belum punya akun bisa langsung mendaftar.Tampilan login digambarkan pada

Gambar 4.41

Gambar 4.42. Tampilan halaman login

2. Tampilan halaman Home

Tampilan home terdiri menu-menu akses aplikasi silat. Tampilan halaman

home digambarkan pada Gambar 4.42

Gambar 4.43. Tampilan halaman home

3. Tampilan halaman tentang

Tampilan ini menggambarkan tentang aplikasi silat. Tampilan halaman

tentang digambarkan pada Gambar 4.43

Gambar 4.44. Tampilan halaman tentang

4. Tampilan halaman sejarah

Halaman ini menceritakan sejarah tentang awal mula silat . Tampilan halaman

sejarah digambarkan pada Gambar 4.44

Gambar 4.45. Tampilan halaman sejarah

5. Tampilan halaman tokoh

Tampilan tokoh ini menampilkan tokoh tokoh silat ternama. Tampilan

halaman tokoh digambarkan pada Gambar 4.45

Gambar 4.46. Tampilan halaman sejarah

6. Tampilan halaman profil user

Tampilan profil user menampilkan data diri user seperti nama lengkap, alamat,

no.hp dan lain lain. Tampilan halaman profil user digambarkan pada Gambar

4.46

Gambar 4.47. Tampilan halaman profil user

7. Tampilan halaman menu materi

Tampilan ini menampilkan pilihan menu untuk mengerjakan materi 1 atau

materi 2. Tampiln halaman menu materi digambarkan pada Gambar 4.47

Gambar 4.48. Tampilan halaman menu materi

8. Tampilan halaman materi 1

Tampilan ini memberikan informasi tentang materi ke 1 yaitu tentang materi

pernafasan silat. Tampilan halaman materi 1 digambarkan pada Gambar 4.48

Gambar 4.49. Tampilan halaman materi 1

9. Tampilan halaman materi 2

Tampilan ini memberikan informasi tentang materi ke 2 yaitu tentang materi

pernafasan silat. Tampilan halaman materi 2 digambarkan pada Gambar 4.49

Gambar 4.50. Tampilan halaman materi 2

10. Tampilan halaman menu evaluasi

Tampilan ini menampilkan pilihan menu untuk mengerjakan evaluasi 1 atau

evaluasi 2. Tampilan halaman menu evaluasi digambarkan pada Gambar 4.50

Gambar 4.51. Tampilan menu evaluasi

11. Tamplan halaman evaluasi 1

Tampilan evaluasi 1 berisi soal-soal yang berkaitan dengan materi 1 .

Tampilan halaman evaluasi 1 digambarkan pada Gambar 4.51

Gambar 4. 52. Tampilan halaman evaluasi 1

12. Tampilan halaman evaluasi 2

Tampilan evaluasi 2 berisi soal-soal yang berkaitan dengan materi 2 .

Tampilan halaman evaluasi 2 digambarkan pada Gambar 4.52

Gambar 4.53. Tampilan halaman evaluasi 2

13. Tampilan halaman Nilai

Tampilan ini memberikan informasi tentang nilai dari evaluasi yang kita

kerjakan. Tampilan halaman nilai digambarkan pada Gambar 4.53

Gambar 4.54. Tampilan halaman nilai

bab iv hasil dan pembahasan 4.1 analisis sistem yang berjalanrepo.darmajaya.ac.id/1145/7/bab...

Documents