BAB 3 ANALISIS DAN PERANCANGAN

Transkripsi

1 BAB 3 ANALISIS DAN PERANCANGAN 3.1 Analisis Sistem yang Berjalan Sekarang ini mata kuliah Analisa dan Perancangan Sistem Informasi di Universitas Bina Nusantara diajarkan melalui dua cara yaitu dengan cara tatap muka di kelas, dimana dosen menerangkan mata kuliah Analisa dan Perancangan Sistem Informasi dan mahasiswa mendengarkan penjelasan dari dosen yang bersangkutan sesuai jadwal yang ditentukan biasanya selama dua shift (2X100 menit). Dosen selanjutnya memberikan latihan sesuai dengan topik yang bersangkutan. Cara lain yang digunakan adalah Multi Channel Learning yang menggunakan media internet untuk mentransfer materi kepada mahasiswa supaya mereka dapat melakukan pembelajaran sendiri. Mereka juga dapat melakukan pengiriman tugas melalui media ini, dapat berinteraksi dengan dosen melalui media forum yang telah disediakan oleh universitas. Namun, masih terdapat keterbatasan dari cara cara tersebut seperti misalnya cara dosen mengajar yang terkadang tidak bisa dimengerti oleh mahasiswa karena daya tangkap mereka yang berbeda atau karena suasana kelas yang kurang mendukung, selain itu belajar mengajar di kelas dibatasi oleh waktu. Dari segi MCL terdapat kesulitan untuk menambahkan fitur yang bersifat multimedia karena bandwith untuk koneksi internet masih kurang, sehingga untuk mendownload membutuhkan waktu yang cukup lama.

2 3.2 Analisis Hasil Kuesioner Penyebaran kuesioner yang dilakukan kepada para mahasiswa Universitas Bina Nusantara sebanyak 500 lembar dan yang berhasil dikumpulkan untuk dianalisis adalah 470 lembar. Berikut ini adalah hasil perhitungan kuesioner yang diperoleh dan sudah dihitung kemudian ditampilkan dalam bentuk tabel. 1. Apakah Anda pernah mempelajari mata kuliah Analisa dan Perancangan Sistem Informasi Dasar? Tabel 3.1 Persentase Mahasiswa yang telah mempelajari Mata Kuliah Analisa dan Perancangan Sistem Informasi Jawaban Jumlah Persentase Ya % Tidak % Total % 44.68% 55.32% Ya Tidak Grafik 3.1 Grafik Persentase Mahasiswa yang telah mempelajari Mata Kuliah Analisa dan Perancangan Sistem Informasi

3 2. Apakah Anda sudah Lulus mata kuliah Analisa dan Perancangan Sistem Informasi Dasar? Tabel 3.2 Persentase Tingkat Kelulusan Mahasiswa yang Pernah mempelajari mata kuliah Analisa dan Perancangan Sistem Informasi Dasar Jawaban Jumlah Persentase Lulus % Tidak Lulus % Total % 34.62% 65.38% Lulus Tidak Lulus Grafik 3.2 Grafik Persentase Tingkat Kelulusan Mahasiswa yang Pernah mempelajari mata kuliah Analisa dan Perancangan Sistem Informasi Dasar 3. Bila Lulus, grade apa yang anda dapatkan?(berdasarkan pertanyaan no 2) Tabel 3.3 Persentase Nilai Kelulusan Mahasiwa yang telah lulus mempelajari Mata Kuliah Analisa dan Perancangan Sistem Informasi Dasar Jumlah Persentase A % B % C %

4 D - - Total % 11.76% 23.53% 64.71% A B C Grafik 3.3 Grafik Persentase Nilai Kelulusan Mahasiwa yang telah lulus mempelajari Mata Kuliah Analisa dan Perancangan Sistem Informasi Dasar 4. Bila tidak lulus, masalah apa yang menyebabkan anda tidak lulus? ( Dapat memilih lebih dari satu penyebab anda tidak lulus) Tabel 3.4 Persentase Tingkat Permasalahan Ketidak Lulusan Mahasiswa Mempelajari mata kuliah Analisa dan Perancangan Sistem Informasi Dasar Jawaban Jumlah Persentase Keseluruhan Cara Dosen Mengajar % Tidak Dapat Menjawab Soal sewaktu Ujian % Sakit - - Absensi - - Materi yang Sulit % Kurangnya waktu pembelajaran % Lainnya - - Jumlah %

5 14.10% 15.60% 42.20% 28.10% Cara Dosen Mengajar Materi yang Sulit Tidak Dapat Menjawab Soal sewaktu Ujian Kurangnya waktu pembelajaran Grafik 3.4 Grafik Persentase Tingkat Permasalahan Ketidak Lulusan Mahasiswa Mempelajari mata kuliah Analisa dan Perancangan Sistem Informasi Dasar 5. Apakah Anda pernah mempelajari mata kuliah Analisa dan Perancangan Sistem Informasi Lanjut? Tabel 3.5 Grafik Persentase Tingkat Kelulusan Mahasiswa yang Pernah mempelajari mata kuliah Analisa dan Perancangan Sistem Informasi Lanjut Jawaban Jumlah Persentase Ya % Tidak % Total %

6 30.77% 69.23% Ya Tidak Grafik 3.5 Grafik Persentase Tingkat Kelulusan Mahasiswa yang Pernah mempelajari mata kuliah Analisa dan Perancangan Sistem Informasi Lanjut 6. Apakah Anda sudah Lulus mata kuliah Analisa dan Perancangan Sistem Informasi Lanjut? Tabel 3.6 Persentase Nilai Kelulusan Mahasiwa yang telah lulus mempelajari Mata Kuliah Analisa dan Perancangan Sistem Informasi Lanjut Jawaban Jumlah Persentase Lulus % Tidak Lulus % Jumlah %

7 5.56% 94.44% Lulus Tidak Lulus Grafik 3.6 Grafik Persentase Nilai Kelulusan Mahasiwa yang telah lulus mempelajari Mata Kuliah Analisa dan Perancangan Sistem Informasi Lanjut 7. Bila Lulus, grade apa yang anda dapatkan?(berdasarkan pertanyaan no 6)? Tabel 3.7 Persentase Nilai Kelulusan Mahasiwa yang telah lulus mempelajari Mata Kuliah Analisa dan Perancangan Sistem Informasi Lanjut Jawaban Jumlah Persentase A % B % C % D - - Total %

8 23.53% 35.29% 41.18% A B C Grafik 3.7 Grafik Persentase Nilai Kelulusan Mahasiwa yang telah lulus mempelajari Mata Kuliah Analisa dan Perancangan Sistem Informasi Lanjut 8. Bila tidak lulus, masalah apa yang menyebabkan anda tidak lulus? ( Dapat memilih lebih dari satu penyebab anda tidak lulus) Tabel 3.8 Persentase Tingkat Permasalahan Ketidak Lulusan Mahasiswa Mempelajari mata kuliah Analisa dan Perancangan Sistem Informasi Lanjut Jawaban Jumlah Persentase Keseluruhan Cara Dosen Mengajar % Tidak Dapat Menjawab Soal sewaktu Ujian 1 5% Sakit - - Absensi - - Materi yang Sulit - - Kurangnya waktu pembelajaran Lainnya - - Jumlah %

9 5% 95% Cara Dosen Mengajar Tidak Dapat Menjawab Soal sewaktu Ujian Grafik 3.8 Grafik Persentase Tingkat Permasalahan Ketidak Lulusan Mahasiswa Mempelajari mata kuliah Analisa dan Perancangan Sistem Informasi Lanjut 9. Darimana anda mendapat bahan untuk mempelajari mata kuliah Analisa dan Perancangan Sistem Informasi? (jawaban boleh lebih dari satu) Tabel 3.9 Persentase Sumber Pembelajaran Mata Kuliah Analisa dan Perancangan Sistem Informasi Jawaban Jumlah Persentase Buku % Internet % Keterangan Dosen di kelas % E-Learning % Binus Maya % Lainnya % Jumlah %

10 5.71% 2.86% 5.71% 32.86% 18.57% 34.29% Buku Internet E-Learning Binus Maya Lainnya Keterangan Dosen di kelas Grafik 3.9 Grafik Persentase Sumber Pembelajaran Mata Kuliah Analisa dan Perancangan Sistem Informasi 10. Dari jawaban pertanyaan no.9, menurut anda apa kekurangan yang ada pada bahan untuk mempelajari mata kuliah Analisa dan Perancangan Sistem Informasi yang anda gunakan sekarang? Tabel 3.10 Rincian Kekurangan Bahan Pembelajaran Bahan Pembelajaran Buku Rincian Kekurangan Bahan Pembelajaran Isinya kurang lengkap (contoh kasus kurang) Mahasiswa sulit memahami materi karena buku menggunakan bahasa Inggris sehingga takut timbul salah pengertian jika diterjemahkan ke dalam bahasa Indonesia. Materi di buku berbeda dengan materi praktikum Terdapat perbedaan antara pengarang Penjelasan yang disampaikan melalui buku bertele-tele Mahal dan sulit untuk diperoleh Isinya terlalu berat sehingga sulit untuk dimengerti

11 Internet Terlalu banyak source,jadi bingung Keterangan Dosen di kelas E-Learning Binusmaya Lainnnya Cara mengajar dosen yang kurang dapat dipahami Konsep analisis dan perancangan sistem yang sulit Dosen kurang menguasai bahan Dosen kurang memberikan contoh-contoh yang berkaitan dengan bahan perkuliahan Analisis dosen berbeda dengan mahasiswa Persepsi dosen yang satu dengan yang lainnya berbeda sehingga materi yang disampaikan pun diberikan dengan cara yang berbeda pula sehingga mahasiswa mengalami kebingungan apalagi jika dosen yang mengajar Analisa dan Perancangan Sistem Informasi dasar berbeda persepsi dengan yang lanjut. Dosen sering tidak masuk dan sering terlambat masuk kelas Ritme dosen mengajar terlalu cepat dan tidak jelas Biasanya berbahasa Inggris dan susah di mengerti, selain itu referensi e-learning tentang mata kuliah Analisa dan Perancangan Sistem Informsi masih kurang. Kesulitan untuk mendownload materi perkuliahan Kurang lengkap dan biaya pengaksesan cukup mahal Suka terjadi error dan materi kurang lengkap Pada student article,semua menggunakan bahasa inggris, sehingga sulit untuk dimengerti. Informasi yang diberikan sedikit Adanya perbedaan persepsi antara dosen dengan asisten laboratorium praktikum.

12 Asisten laboratorium praktikum kurang menguasai bahan serta contoh-contohnya Selama mempelajari kasus yang ada pada mata kuliah ini, mahasiswa hanya disuruh untuk mengerjakan kasus saja, tetapi tidak diberikan jawaban yang benar 11. Menurut pandangan anda, akankah suatu perangkat ajar dengan animasi, musik, video, dan lain-lain menunjang proses belajar anda? Tabel 3.11 Persentase Pandangan tentang Perangkat Ajar Jawaban Jumlah Persentase Tidak % Kurang % Cukup % Sangat % Total % Tidak Kurang Cukup Sangat Grafik 3.10 Grafik Persentase Pandangan tentang Perangkat Ajar

13 Dari hasil jawaban diatas, yang menjawab tidak dan kurang memberi penjelasan sebagai berikut : Karena belum pernah menggunakan perangkat ajar, sehingga belum tahu manfaat yang dapat diberikan. Perangkat ajar yang tidak user friendly membuat penggunanya tidak nyaman. 12. Menurut Anda apa saja yang perlu ditampilkan dalam sebuah perangkat ajar? Tabel 3.12 Persentase Tampilan yang diinginkan dalam sebuah Perangkat Ajar Jawaban Jumlah Persentase Soal Latihan % Penjelasan Materi % Tutorial Software Visio (Cara memakai Software % visio) Contoh Kasus % Video yang menjelaskan kasus % Lainnya % Total %

14 Soal Latihan Penjelasan Materi Tutorial Software Visio (Cara memakai Software visio) Contoh Kasus Video yang menjelaskan kasus Lainnya Grafik 3.11 Grafik Persentase Tampilan yang diinginkan dalam sebuah Perangkat Ajar 13. Bentuk Tampilan perangkat ajar seperti apa yang anda harapkan? (Tolong dideskripsikan mulai dari bentuk, warna, musik, background, yang akan digunakan) Tabel 3.13 Tampilan perangkat ajar yang diharapkan Bentuk Tampilan Keterangan Menarik dan interaktif Tidak terlalu rumit (mudah digunakan) Misalnya:pemberian petunjuk pada tahap penggambaran diagram. Font jelas Terdapat Animasi dan suara yang lucu Dalam bentuk contoh kasus Penyajian bahan yang mudah dimengerti, Disediakan link dari bahan-bahan yang ada sehingga tersambung dengan semua bahannya Menarik sehingga membuat user betah

15 Warna Adanya video yang dapat menggambarkan dengan jelas proses yang dilakukan dalam proses menganalisis dan merancang sistem informasi yang terjadi dalam perusahaan. Bentuk berupa diagram-diagram atau gambar-gambar supaya lebih mudah dimengerti Tidak menyakitkan mata Eye catching Kombinasi 2 warna saja Warna yang alami seperti biru, abu-abu, atau krem sehingga enak dilihat Warna yang lembut, tidak mencolok Musik Background Dapat disesuaikan dengan keinginan user Musik yang lembut, sehingga memotivasi belajar. Berhubungan dengan materi Tidak terlalu contrahaz Dari data-data yang telah dikumpulkan dapat disimpulkan beberapa hal penting yaitu : o Dari hasil kuesioner dapat dilihat bahwah sebagian besar mahasiswa Universitas Bina Nusantara mempelajari mata kuliah Analisa dan Perancangan Sistem Informasi lewat penjelasan Dosen dikelas, namun masih banyak terdapat kekurangan. o Tingkat kelulusan mahasiswa Universitas Bina Nusantara untuk mata kuliah Analisa dan Perancangan Sistem Informasi baik dasar maupun lanjut masih belum maksimal karena sebagian besar mendapat grade B.

16 o Cukup banyak mahasiswa yang tertarik untuk menggunkan perangkat ajar sebagai alat bantu pembelajaran. 3.3 Analisis Hasil Wawancara Selain melakukan penyebaran kuesioner, wawancara pun dilakukan kepada para dosen yang mengajar mata kuliah Analisa dan Perancangan Sistem Informasi dasar dan lanjut serta asisten laboratorium sistem informasi. Adapun hasil wawancara adalah sebagai berikut : 1. Metode pengajaran apa yang Bapak / Ibu terapkan pada saat ini? Melakukan pengajaran sesuai dengan SAP (Satuan Acara Perkuliahan), kombinasi antara MCL dengan pertemuan di kelas Dengan menggunakan power point, animasi dan gambar-gambar. Disini dosen diharapkan harus menguasai bahan perkuliahan 2. Menurut Anda, apakah hasil yang diperoleh dari metode tersebut telah sesuai dengan yang diharapkan? Tidak sesuai dengan harapan karena jika dilihat dari segi MCL pembelajaran menjadi tidak efektif, juga karena Universitas menghilangkan 3 pertemuan yang dulunya seharusnya ada sementara mahasiswa tidak mengerti apa-apa hanya dengan melihat power point 3. Apakah Bapak / Ibu menemukan kesulitan dalam menjelaskan mata kuliah Analisa dan Perancangan Sistem Informasi? Tidak ada kesulitan karena mahasiswa jika ditanya apakah mereka sudah mengerti selalu menjawab mengerti

17 Kesulitan terletak dari segi buku Matthiasen karena buku ini hanya menerangkan secara konsep jadi sulit untuk menyampaikan kepada mahasiswa. 4. Menurut Bapak / Ibu, bagian atau materi mana yang sulit dijelaskan? Bagian problem domain analysis, karena disitu sulit untuk menentukan class dan event mana yang masuk ke dalam class diagram, maksudnya kandidat mana yang masuk, karena hal ini sifatnya seperti rantai. Kesulitan untuk mencari problemnya karena mahasiswa Bina Nusantara sulit untuk membuat sesuatu yang bersifat konseptual. 5. Apakah waktu yang diberikan cukup untuk menjelaskan materi Analisa dan Perancangan Sistem Informasi, khususnya pada materi yang sulit? Kurang karena dulu saja 14 pertemuan sekarang menjadi 13 pertemuan Kalau mengajarkan yang agak detil kurang cukup 6. Menurut Bapak / Ibu, jika metode yang diterapkan sekarang disertai dengan suatu alat bantu berupa perangkat ajar berbasiskan multimedia, apakah akan lebih membantu? Dirasa dapat mendukung sebagai suplemen tambahan karena CAI itu adalah bentuk dari knowledge management yang dapat digunakan untuk melakukan self-training bagi mahasiswa kapan pun mereka mau. CAI merupakan perangkat ajar yang memberi keuntungan dimana materi yang diterangkan akan selalu sama. Contohnya, bila materi yang diterangkan tentang A maka akan selalu sama, hal ini membuat setiap mahasiswa yang menggunakan CAI mendapatkan penjelasan yang sama.

18 Perangkat ajar (seperti MCL, dan lain sebagainya) kurang efektif untuk membantu mahasiswa binus karena mata kuliah ini bersifat praktek dalam menangani banyak kasus 7. Menurut Bapak / Ibu, faktor-faktor apa saja yang perlu diperhatikan atau ditampilkan dalam perangkat ajar tersebut? Perangkat ajar yang baik mengambil sumber materinya tidak tergantung pada satu buku saja. Harus bisa memberikan feedback pada penggunanya yang diwujudkan dengan tersedianya menu soal latihan. Di dalam soal latihan dapat dilihat nilai dan progress dari pengguna CAI. CAI harus dapat memaksimalkan penggunaan multimedia untuk menarik perhatian penggunanya. Harus menguasai ilmu yang dibutuhkan untuk membuat perangkat ajar itu terlebih dahulu. Dari data-data yang telah dikumpulkan dapat disimpulkan beberapa hal penting yaitu : Mayoritas Dosen beranggapan bila metode yang diterapkan sekarang disertai dengan suatu alat bantu berupa perangkat ajar berbasiskan multimedia, akan lebih membantu Untuk mata kuliah Analisa dan Perancangan Sistem Informasi baik dasar maupun lanjut, waktu pembelajaran masih kurang bila hanya dilakukan lewat pertemuan tatap muka.

19 3.4 Usulan Pemecahan Masalah Dengan memperhatikan masalah yang ada dari sistem pembelajaran yang diterapkan sekarang, maka solusi yang tepat adalah membuat sebuah alat bantu pengajaran baru untuk mata kuliah Analisa dan Perancangan Sistem Informasi. Oleh karena itu dibuatlah sebuah aplikasi pengajaran berbasis multimedia yang berbeda dari bahan pembelajaran yang sudah ada.

20 3.5 Application Domain Usage Use Case Diagram Sistem Aplikasi Perangkat Ajar Anapersis New User Login Mahasiswa Akses Materi Akses Contoh Soal Akses Latihan Pendataan Materi Pendataan Contoh Soal Administrator Pendataan Latihan Gambar 3.2 Use Case Diagram

21 Penjelasan Use Case Use Case Specification untuk New User New User Use Case : New user adalah proses bagi mahasiswa yang belum pernah menggunakan perangkat ajar ini untuk mendaftarkan username, dan password. Username dan password ini akan di simpan dalam class Pengguna yang nantinya berguna untuk menentukan course mana saja yang dapat diakses pengguna. Pengguna baru yang pertama kali login berhak untuk mengakses course Analisa dan Design urutan pertama pada Window Main Course. Object : Pengguna Function : Add, Check, Save Use Case Specification untuk Login Login Use Case : Login terjadi bila pengguna telah memiliki username dan password, Login harus dilakukan bila pengguna ingin mengakses course (Materi / Contoh Soal / Latihan). Pada saat pengguna telah mengisi username dan passwordnya lalu menekan tombol login maka akan dilakukan pengecekan pada class Pengguna apakah username dan password yang diinput telah ada sebelumnya dan cocok, bila benar akan dilakukan pengecekan terhadap level Pengguna telah menyelesaikan course sampai materi urutan ke berapa baik tipe Analisa atau Design dengan melihat ke

22 class Nilai. Contohnya apabila latihan course ke-2 analisa lulus maka pengguna telah dapat mengakses course ke-3 analisa. Lalu materi yang telah bisa diakses ditampung pada Dummy Level. Setelah login berhasil akan muncul Window Main Course. Object : Pengguna, Nilai, Materi Function : Check, Get, Add Use Case Specification untuk Akses Materi Akses Materi Use Case : Akses Materi terjadi saat pengguna memilih pada tree view materi apa yang hendak diaksesnya dimana untuk akses materi ini perlu melihat Dummy Level untuk menentukan Materi mana yang berhak diakses mahasiswa pada Window Main Course. Materi yang diakses akan diambil pada class Materi. Object : Pengguna, Materi Function : Get, Read

23 Use Case Specification untuk Akses Contoh Soal Akses Contoh Soal Use Case : Akses Contoh Soal terjadi saat pengguna memilih pada tree view contoh soal apa yang hendak diaksesnya dimana untuk akses contoh soal ini perlu melihat Dummy Level untuk menentukan apakah contoh soal yang hendak diakses merupakan bagian dari materi yang diizinkan untuk diakses. Contoh soal yang diakses akan diambil dari class Contoh Soal Object : Pengguna, Contoh Soal Function : Get, Read Use Case Specification untuk Akses Latihan Akses Latihan Use Case : Akses Latihan terjadi saat pengguna memilih pada tree view latihan yang hendak dikerjakannya. Untuk akses latihan ini perlu melihat Dummy Level untuk menentukan apakah latihan dari materi ini dapat diakses pengguna pada Window Main Course. Latihan yang diakses akan diambil dari class Latihan yang detailnya ada pada class Detail Latihan. Setelah tampil, pengguna akan mengerjakan latihan. Setiap jawaban yang diberikan oleh pengguna akan dicocokkan dengan jawaban yang ada di class Detail Latihan, setiap jawaban yang benar akan dihitung dan menghasilkan sebuah nilai yang akan disimpan di class Nilai.

24 Object : Pengguna, Materi, Latihan, Detail Latihan, Nilai Function : Get, Read, Calculate, Save Use Case Specification untuk Pendataan Materi Pendataan Materi Use Case : Pendataan materi terjadi saat administrator ingin menambah, mengubah, atau menghapus materi pada class materi dengan cara masuk ke back end dan pilih pada mdi form pendataan materi Object : Materi Function : Update Use Case Specification untuk Pendataan Contoh Soal Pendataan Contoh Soal Use Case : Pendataan contoh soal terjadi saat administrator ingin menambah, mengurangi, mengubah contoh soal baru untuk materi tertentu dengan cara masuk ke back end dan pilih pada mdi form pendataan contoh soal. Object : Contoh Soal Function : Update

25 Use Case Specification untuk Pendataan Latihan Pendataan Latihan Use Case : Pendataan latihan terjadi saat administrator ingin menambah, mengurangi, mengubah latihan untuk materi tertentu dengan cara masuk ke back end dan pilih pada mdi form pendataan latihan. Object : Latihan, Detail Latihan Function : Update

26 Sequence Diagram Sequence Diagram Login Mahasiswa Create() Window Login Pengguna Nilai Materi Login() Check() Check() Get() Create() Dummy Level *add materi name() Login faild show() Login succes hide() Gambar 3.3 Sequence Diagram Login

27 Sequence Diagram New User Gambar 3.4 Sequence Diagram New User

28 Sequence Diagram Akses Materi Gambar 3.5 Sequence Diagram Akses Materi

29 Sequence Diagram akses contoh soal Gambar 3.6 Sequence Diagram Akses Contoh Soal

30 Sequence Diagram Akses latihan Mahasiswa Create() Window Main Course Materi Latihan Detail Latihan Nilai Select Latihan() Get() Get() Get() * Soal latihan() * Jawab soal() *Get Jawaban Calculate() Save() Gambar 3.7 Sequence Diagram Akses Latihan

31 Sequence Diagram Pendataan Materi Admin Create() Window Pendataan Materi Create() Dummy ID Materi Materi Look up() *List ID Materi Pendataan materi() Save() Select ID_Materi() Get() Gambar 3.8 Sequence Diagram Pendataan Materi

32 Sequence Diagram Pendataan Contoh Soal Create() Window Pendataan Contoh Create() Dummy ID Materi Materi Look up() *List ID Materi Select ID Materi() Get Contoh Soal Create() Dummy Contoh Soal Pendataan contoh soal() Save Gambar 3.9 Sequence Diagram Pendataan Contoh Soal

33 Sequence Diagram Pendataan Latihan Admin Create() Window Pendataan Materi Create() Dummy ID Materi Materi Look up() *List ID Materi Select ID Materi() Latihan Detail Latihan Get() Get() Create() Dummy Detail Pendataan latihan() Save() Save Gambar 3.10 Sequence Diagram Pendataan Latihan

34 3.5.2 Class Diagram Revised Gambar 3.11 Class Diagram Revised

35 3.6 Hierarki Menu Front End Berikut ini merupakan proses hierarki menu dari Analisis dan Perancangan Aplikasi Pengajaran Mata Kuliah Analisa & Perancangan Sistem Informasi berbasiskan Multimedia. Hierarki menu yang ada menggambarkan keseluruhan fungsi-fungsi yang terdapat pada program Menu Utama Animasi Menu Utama Petunjuk Materi Tentang Kami Keluar Gambar 3.12 Hierarki Menu Utama Penelusuran CD interaktif ini akan diawali dengan animasi pembuka. Setelah animasi pembuka selesai, program selanjutnya akan masuk ke bagian Menu Utama. Menu utama terdiri dari empat pilihan menu. Pilihan-pilihan menu itu antara lain menu Petunjuk, Materi, Tentang Kami, dan Keluar.

36 3.6.2 Materi Materi New User Login Tree View Lihat Semua Materi Pendahuluan Tutorial Visio Lihat Nilai Kembali Analisa - Course 1 Materi Contoh Soal Latihan + Course n Design - Course 1 Materi Contoh Soal Latihan + Course n Gambar 3.13 Hierarki Materi

37 Sebelum memulai Materi maka pengguna perangkat ajar ini, diwajibkan untuk melalukan verifikasi pengguna terlebih dahulu baik sebagai New User yang artinya pengguna yang belum pernah menggunakan perangkat ajar ini atau melakukan Login yaitu bagi pengguna yang telah memiliki user name dan password. Setelah ini akan masuk kebagian dimana pengguna dapat mengakses Materi, Contoh Soal, Latihan dari bagian Analisa atau Design. Selain itu juga terdapat pilihan untuk melihat Pendahuluan yang menerangkan mata kuliah Analisa dan Perancangan Sistem Informasi secara singkat, melihat Tutorial Visio yang menerangkan cara menggunakan software Visio 2000, atau dapat juga memilih Lihat Nilai yang berisi nilai dari pengguna yang memakai perangkat ajar ini dan terakhir anda dapat memilih Kembali ke Menu Utama.

38 3.7 Perancangan Layar Front End Navigation Diagram Navigation Diagram Front End A Klik Keluar Tutup Animasi Klik Keluar Klik Keluar Klik Materi Klik Pendahuluan Klik Petunjuk Tutup Tutup Klik Tutorial Visio Klik Materi Klik Petunjuk Klik New User Klik Contoh Soal Tutup Klik Materi Batal Klik Login Tutup Klik Lihat Nilai Klik Tentang Kami Klik Materi Batal Klik Latihan Tutup Tutup Klik Tentang Kami Klik Petunjuk Tutup Klik Kembali Tutup Gambar 3.14 Navigation Front End

39 Navigation Diagram Back End >> Klik Keluar Klik Login Klik Keluar Klik Pendataan > Materi Klik Tutup Klik Pendataan > Contoh Soal Klik Tutup Klik Pendataan > Latihan Klik Tutup Klik Petunjuk > Instruksi Klik Tutup Klik Petunjuk > Tantang Kami Klik Tutup Gambar 3.15 Navigation Back End

40 3.7.2 Rancangan Layar Pembuka Gambar 3.16 Rancangan Layar Pembuka Ketika program pertama kali dijalankan, animasi pembuka akan dimainkan. Animasi akan dimainkan dengan durasi sekitar 35 detik. Pada Layar ini terdapat tombol Skip. Guna dari tombol Skip ini adalah untuk melewati animasi dan langsung masuk ke layar Menu Utama tanpa harus menunggu animasi pembuka selesai dimainkan. Apabila animasi sudah selesai selanjutnya tampilan akan masuk ke Menu Utama. Spesifikasi Proses Animasi Tampilkan Layar Animasi awal Mainkan musik Mainkan animasi pembuka Jika animasi selesai dimainkan maka Tampilkan layar Menu Utama

41 Jika tombol Skip ditekan maka Tampilkan layar Menu Utama Rancangan Layar Menu Utama Petunjuk Kata kata Sambutan Materi Tentang Kami Keluar musik Gambar 3.17 Rancangan Layar Menu Utama Pada Layar menu utama ini terdapat kata-kata sambutan dan pilihan menu. Pada layar menu utama terdiri dari empat buah menu, yaitu menu Petunjuk, Materi, Tentang Kami dan Keluar. Pada menu Petunjuk akan menuju ke layar Petunjuk. Menu Materi akan menuju ke layar Materi. Menu Tentang

42 Kami akan menuju ke layar Tentang Kami. Menu Keluar akan menuju ke layar Keluar. Spesifikasi Proses Menu Utama Mainkan musik Mainkan animasi berupa gambar dan tulisan Jika tombol Musik OFF ditekan maka Musik akan di matikan Tombol Musik ON menjadi tombol Musik OFF Jika tombol Musik ON ditekan maka Musik akan dimainkan Tombol Musik OFF menjadi tombol Musik ON Jika pilihan Petunjuk ditekan maka Tampilkan layar Petunjuk Jika pilihan Materi ditekan maka Tampilkan layar Materi Jika pilihan Tentang Kami ditekan maka Tampilkan layar Tentang Kami

43 Jika Tombol Keluar ditekan maka Tampilkan layar Keluar Rancangan Layar Petunjuk Petunjuk Petunjuk Penggunaan Materi Tentang Kami Video Petunjuk Keluar musik Gambar 3.18 Rancangan Layar Petunjuk Pada Layar Petunjuk akan ada keterangan mengenai petunjuk penggunaan perangkat ajar ini secara lisan dan ada video yang menjelaskan langkah-langkah penggunaan perangkat ajar.

44 Spesifikasi Proses Petunjuk Mainkan musik Tampilkan teks keterangan bagaimana menggunakan CD Perangkat Ajar Jika tombol Musik OFF ditekan maka Musik akan di matikan Tombol Musik ON menjadi tombol Musik OFF Jika tombol Musik ON ditekan maka Musik akan dimainkan Tombol Musik OFF menjadi tombol Musik ON Jika tombol Video Pentunjuk ditekan maka Video akan dijalankan Jika pilihan Materi ditekan maka Tampilkan layar Materi Jika pilihan Tentang Kami ditekan maka Tampilkan layar Tentang Kami Jika Tombol Keluar ditekan maka Tampilkan layar Keluar

45 3.7.5 Rancangan Layar Video Petunjuk Video Petunjuk Stop Stop Seek Play Mute Volume Gambar 3.19 Rancangan Layar Video Petunjuk Pada Video Petunjuk berisi keterangan mengenai petunjuk penggunaan perangkat ajar secara keseluruhan lewat rekaman aktivitas penggunaan perangkat ajar ini. Untuk mengatur Video dapat digunakan tombol tombol seperti Play, Stop, Seek dan untuk mengatur suara dapat digunakan tombol Mute dan Volume. Spesifikasi Proses Video Petunjuk Mainkan Video Jika tombol Play ditekan maka Video dijalankan

46 Tombol Play menjadi tombol Pause Jika tombol Stop ditekan maka Video diberhentikan Jika tombol Seek diclick and drag maka Video akan dijalankan sampai pada tempat tombol seek didrag Jika tombol Mute ditekan maka Suara Video dimatikan Tombol Mute ON menjadi tombol Mute OFF Jika tombol Volume diclick and drag maka Suara Video menyesuaikan pada tempat tombol volume didrag Jika Tombol Keluar ditekan maka Keluar

47 3.7.6 Rancangan Layar Materi Petunjuk Penjelasan Mata Kuliah Analisis dan Perancangan Sistem Infromasi Materi Tentang Kami Login New User Keluar musik Gambar 3.20 Rancangan Layar Materi Pada layar materi akan terdapat penjelasan mengenai apakah itu mata kuliah Analisa dan Perancangan Sistem, lalu setelah pengguna memahami apa tujuan dan manfaat mempelajari mata kuliah ini pengguna dapat melakukan Login atau bila pengguna sama sekali belum pernah menggunakan perangkat ajar ini maka pengguna memilih New User untuk mendaftarkan user name dan password. Spesifikasi Proses Materi Mainkan Musik Tampilkan tulisan dan menu Jika tombol Musik OFF ditekan maka Musik akan di matikan Tombol Musik ON menjadi tombol Musik OFF

48 Jika tombol Musik ON ditekan maka Musik akan dimainkan Tombol Musik OFF menjadi tombol Musik ON Jika menu Login ditekan maka Tampil layar Login Jika menu New User ditekan maka Tampil layar New user Jika pilihan Petunjuk ditekan maka Tampilkan layar Petunjuk Jika pilihan Materi ditekan maka Tampilkan layar Materi Jika pilihan Tentang Kami ditekan maka Tampilkan layar Tentang Kami Jika Tombol Keluar ditekan maka Tampilkan layar Keluar

49 3.7.7 Rancangan Layar New User New User User Name Password Simpan Batal Gambar 3.21 Rancangan Layar New User Pada Layar New User pengguna perangkat ajar yang belum pernah menggunakan perangkat ajar memasukkan nama dan password mereka sehingga bila menggunakan perangkat ajar ini lagi pengguna langsung dapat Login. Setelah itu tombol Simpan untuk menyimpan user name dan password ke database, bila telah terdapat nama yang sama maka pengguna diminta untuk memasukkan user name lainnya. Bila pengguna tidak jadi mendaftarkan diri maka bisa menekan tombol cancel. Spesifikasi Proses New User Tampilkan layar New User Jika tekan Simpan maka Tampil layar Tree View Materi Jika tekan Batal maka Tampil layar Materi Akhir Jika

50 3.7.8 Rancangan Layar Login Login User Name Password Ok Batal Gambar 3.22 Rancangan Layar Login Pada layar Login pengguna yang telah memiliki user name dan password akan langsung memasukkan user name dan password mereka untuk dapat mengakses materi, contoh soal atau latihan bila dicek nama dan password tidak sesuai maka pengguna akan diminta untuk memasukkan kembali user name dan password. Apabila pengguna tidak jadi melakukan login dapat menekan tombol batal. Spesifikasi Proses Login Tampilkan layar Login Jika tekan OK maka Tampil layar Tree View Materi Jika tekan Batal maka Tampil layar Materi Akhir Jika

51 3.7.9 Rancangan Layar Main Course Analisa - Class Diagram + Materi + Contoh Soal + Latihan + Use Case Design - Architecture Diagram + Materi + Contoh Soal + Latihan + Component Diagram Lihat Semua Materi Tree View Kata Pengantar Pendahuluan Tutorial Visio Lihat Nilai Kembali Gambar 3.23 Rancangan Layar Main Course Pada layar Main Course pengguna dapat memilih materi yang hendak dipelajarinya dengan cara mengklik nama materi yang ada pada tree view, namun untuk akses materi setiap pengguna memiliki level masing-masing. Setiap pengguna baru hanya berhak untuk mengakses course pertama dari Analisa atau Design, setelah mengerjakan latihan course pertama dan memperoleh nilai di atas atau sama dengan 75, pengguna baru dapat mengakses course selanjutnya. Untuk kembali ke Main Menu pengguna dapat mengklik tombol Kembali. Selain itu bagi pengguna yang ingin mengetahui tentang dasar mata kuliah Analisa dan Perancangan Sistem Informasi dapat menekan tombol Pendahuluan, untuk melihat cara menggunakan software Visio dapat mengklik tombol Tutorial Visio, lalu untuk melihat history nilai pengguna dapat menekan tombol Lihat Nilai dan untuk kembali ke Materi dapat menekan tombol Kembali.

52 Spesifikasi Proses Main Course Tampilkan Layar Main Course Jika click Tree View maka Muncul course Analisa dan Design yang didalamnya ada Materi, Contoh Soal, Latihan Akhir Jika Jika double click Materi pada Tree View maka Muncul Video Materi Akhir Jika Jika double click Contoh Soal pada Tree View maka Muncul Video Contoh Soal Akhir Jika Jika double click Latihan pada Tree View maka Muncul layar Latihan Akhir Jika Jika Pilih Lihat Semua Materi maka Muncul layar Lihat Semua Materi Akhir Jika Jika Pilih Pendahuluan maka Muncul Video Pendahuluan Akhir Jika Jika Pilih Tutorial Visio maka Muncul Video Tutorial Visio

53 Akhir Jika Jika Pilih Lihat Nilai maka Muncul layar Lihat Nilai Akhir Jika Jika Pilih Kembali maka Kembali ke Layar Materi Akhir Jika Rancangan Layar Lihat Semua Materi ID Materi Nama Materi Kembali Gambar 3.24 Rancangan Layar Lihat Semua Materi Pada layar ini anda dapat melihat daftar isi seluruh course yang ada pada perangkat ajar ini.

54 Spesifikasi Proses Lihat Semua Materi Tampilkan Layar Lihat Semua Materi Jika tombol Kembali ditekan maka Layar Lihat Semua Materi ditutup Layar Main Course tampil Rancangan Layar Pendahuluan Video Pendahuluan Stop Seek Play Mute Volume Gambar 3.25 Rancangan Layar Pendahuluan Pada Video Pendahuluan berisi keterangan mengenai mata kuliah Analisa dan Perancangan Sistem Informasi secara garis besar agar pengguna sebelum

55 mempelajari lebih lanjut dapat memahami apa itu metode Object Oriented Analysis and Design. Untuk mengatur Video dapat digunakan tombol tombol seperti Play, Stop, Seek dan untuk mengatur suara dapat digunakan tombol Mute dan Volume. Spesifikasi Proses Video Pendahuluan Mainkan Video Jika tombol Play ditekan maka Video dijalankan Tombol Play menjadi tombol Pause Jika tombol Stop ditekan maka Video diberhentikan Jika tombol Seek diclick and drag maka Video akan dijalankan sampai pada tempat tombol seek didrag Jika tombol Mute ditekan maka Suara Video dimatikan Tombol Mute ON menjadi tombol Mute OFF Jika tombol Volume diclick and drag maka Suara Video menyesuaikan pada tempat tombol volume didrag

56 Jika Tombol Keluar ditekan maka Tampilkan layar Main Course Rancangan Layar Tutorial Visio Video Tutorial Visio Stop Seek Play Mute Volume Gambar 3.26 Rancangan Layar Tutorial Visio Pada Video Tutorial Visio berisi keterangan mengenai bagaimana cara menggunakan software Microsoft Visio 2000 untuk menggambar diagram UML. Untuk mengatur Video dapat digunakan tombol tombol seperti Play, Stop, Seek dan untuk mengatur suara dapat digunakan tombol Mute dan Volume.

57 Spesifikasi Proses Video Tutorial Visio Mainkan Video Jika tombol Play ditekan maka Video dijalankan Tombol Play menjadi tombol Pause Jika tombol Stop ditekan maka Video diberhentikan Jika tombol Seek diclick and drag maka Video akan dijalankan sampai pada tempat tombol seek didrag Jika tombol Mute ditekan maka Suara Video dimatikan Tombol Mute ON menjadi tombol Mute OFF Jika tombol Volume diclick and drag maka Suara Video menyesuaikan pada tempat tombol volume didrag Jika Tombol Keluar ditekan maka Tampilkan layar Main Course

58 Rancangan Layar Lihat Nilai Kembali Nilai 1 Nilai n Nilai Pribadi <<Nama Pengguna>> Gambar 3.27 Rancangan Layar Lihat Nilai Pada layar Lihat Nilai pengguna dapat melihat history nilainya yang merupakan nilai dari hasil mengerjakan latihan. Spesifikasi Proses Lihat Nilai Tampilkan Layar Lihat Nilai Jika tombol Kembali ditekan maka Tampilkan Layar Main Course

59 Rancangan Layar Materi Course 1.. n (File1) X Keluar Text Image musik previous next Gambar 3.28 Rancangan Layar Materi Course 1.. n (File1) Pada layar ini pengguna dapat mempelajari materi yang diaksesnya dengan cara menekan tombol next untuk melihat materi selanjutnya, lalu tombol previous untuk melihat materi sebelumnya. Untuk menghidupkan atau mematikan suara dapat menekan tombol musik pada kiri bawah. Spesifikasi Proses Materi Course 1..n(File1) Tampilkan swf Materi Course Jika tombol Musik OFF ditekan maka Musik akan di matikan Tombol Musik ON menjadi tombol Musik OFF Jika tombol Musik ON ditekan maka

60 Musik akan dimainkan Tombol Musik OFF menjadi tombol Musik ON Jika tombol next ditekan maka Beubah menjadi Text dan Image materi halaman selanjutnya Jika tombol previous ditekan maka Beubah menjadi Text dan Image materi halaman sebelumnyanya Jika Tombol Keluar ditekan maka Tampilkan Layar Main Course

61 Rancangan Layar Materi Course 1.. n (File2) Seek Play Stop Mute Volume Gambar 3.29 Rancangan Layar Materi Course 1..n Pada layar ini pengguna dapat mempelajari materi yang diaksesnya dengan melihat keterangan materi lewat animasi materi yang ada di sebelah kiri layar dan membaca keterangan materi di sisi kanan layar, selain itu juga terdapat suara yang menerangkan tentang materi. Untuk menghidupkan atau mematikan suara bisa menekan tombol mute dan untuk memaju atau memundurkan materi dapat menggunakan tombol navigasi yang ada seperti Play, Stop, Seek.

62 Spesifikasi Proses Materi Course 1..n Tampilkan video Materi Course Jika tombol Play ditekan maka Video dijalankan Tombol Play menjadi tombol Pause Jika tombol Stop ditekan maka Video diberhentikan Jika tombol Seek diclick and drag maka Video akan dijalankan sampai pada tempat tombol seek didrag Jika tombol Mute ditekan maka Suara Video dimatikan Tombol Mute ON menjadi tombol Mute OFF Jika tombol Volume diclick and drag maka Suara Video menyesuaikan pada tempat tombol volume didrag Jika Tombol Keluar ditekan maka Tampilkan Layar Main Course

63 Rancangan Layar Contoh Soal Course 1... n Seek Play Stop Mute Volume Gambar 3.30 Rancangan Layar Contoh Soal Course 1..n Pada Layar ini pengguna pertama-tama akan membaca soal kasus terlebih dahulu, lalu jawaban kasus akan muncul disebelah kanan layar. Untuk menghidupkan atau mematikan suara bisa menekan tombol suara dan untuk memajukan atau memundurkan suara dapat menggunakan tombol navigasi dibawahnya. Spesifikasi Proses Contoh Soal 1..n Tampilkan Video Soal Kasus Contoh Soal

64 Jika tombol Play ditekan maka Video dijalankan Tombol Play menjadi tombol Pause Jika tombol Stop ditekan maka Video diberhentikan Jika tombol Seek diclick and drag maka Video akan dijalankan sapai pada tempat tombol seek didrag Jika tombol Mute ditekan maka Suara Video dimatikan Tombol Mute ON menjadi tombol Mute OFF Jika tombol Volume diclick and drag maka Suara Vide menyesuaikan pada tempat tombol volume didrag Jika Tombol Keluar ditekan maka Tampilkan Layar Main Course

65 Rancangan Layar Latihan Soal Latihan Time Pilihan A Pilihan C Mulai Petunjuk Keluar Pilihan B Pilihan D Image Selanjutnya Gambar 3.31 Rancangan Layar Latihan Pada layar ini pengguna diuji penguasaan materinya dengan menjawab pertanyaan pilihan ganda dengan waktu yang ditentukan yaitu setiap nomor dua menit. Untuk mulai mengerjakan latihan dapat menekan tombol Mulai, untuk melihat petunjuk pengerjaan Latihan dapat menekan tombol Petunjuk dan bila telah selesai dapat menekan tombol Keluar. Setiap soal disediakan empat buah pilihan jawaban, bila telah selesai menjawab bisa menekan tombol selanjutnya untuk melanjutkan ke soal berikutnya. Bila telah selesai mengerjakan latihan maka layar Hasil Latihan akan muncul.

66 Spesifikasi Proses Latihan Tampilkan soal dan pilihan jawaban Jika pilihan A ditekan maka Tombol pilihan A berubah warna Image berubah menjadi gambar huruf A Jika pilihan B ditekan maka Tombol pilihan B berubah warna Image berubah menjadi gambar huruf B Jika pilihan C ditekan maka Tombol pilihan C berubah warna Image berubah menjadi gambar huruf C Jika pilihan D ditekan maka Tombol pilihan D berubah warna Image berubah menjadi gambar huruf D Jika tombol Selanjutnya ditekan maka Tampil soal dan pilihan jawaban berikutnya Jika pilihan Mulai ditekan maka Soal dan pilihan jawaban akan muncul

67 Jika pilihan Petunjuk ditekan maka Petunjuk mengerjakan latihan akan ditampilkan Jika pilihan Keluar ditekan maka Keluar Rancangan Layar Hasil Latihan Ok Nilai Anda <<Nilai >> Keterangan Nilai Gambar 3.32 Rancangan Layar Hasil Latihan Pada layar Hasil Latihan pengguna dapat melihat nilai yang didapatnya dari hasil mengerjakan latihan.

68 Spesifikasi Proses Hasil Latihan Tampilkan Layar Hasil Latihan Jika tombol Ok ditekan maka Tampil layar Main Course Rancangan Layar Petunjuk Latihan PETUNJUK TEKS Gambar 3.33 rancangan layar Petunjuk Latihan Pada layar ini berisikan petunjuk cara mengerjakan latihan. Spesifikasi Proses Petunjuk Tampilkan petunjuk cara mengerjakan latihan Jika Layar Petunjuk ditekan maka Tutup layar petunjuk Tampilkan layar latihan

69 Rancangan Layar Tentang Kami Foto Nama Pengembang : Heni Agustini Marta Dwi Yanti Ditha Sudjanto Petunjuk Materi Tentang Kami Keluar musik Gambar 3.34 Rancangan Layar Tentang Kami Pada Layar ini pengguna dapat melihat foto dan data diri tentang kami, sebagai pengembang dari perangkat ajar ini. Spesifikasi Proses Tentang Kami Mainkan musik Tampilkan layar Tentang Kami Jika tombol Musik OFF ditekan maka Musik akan di matikan Tombol Musik ON menjadi tombol Musik OFF Jika tombol Musik ON ditekan maka

70 Musik akan dimainkan Tombol Musik OFF menjadi tombol Musik ON Jika pilihan Petunjuk ditekan maka Tampilkan layar Petunjuk Jika pilihan Materi ditekan maka Tampilkan layar Materi Jika pilihan Tentang Kami ditekan maka Tampilkan layar Tentang Kami Jika Tombol Keluar ditekan maka Tampilkan layar Keluar

71 Rancangan Layar Keluar Animasi Penutup Gambar 3.35 Rancangan Layar Keluar Pada layar ini akan ditampilkan animasi penutup degan durasi lima detik, sebelum pengguna keluar dari perangkat ajar ini. Spesifikasi Proses Keluar Mainkan musik Tampilkan Animasi Penutup Jika animasi penutup sudah selesai dimainkan maka Keluar dari program Petrangkat Ajar 3.8 Hierarki Menu Back End Berikut ini adalah perancangan sistem back end. Sistem back end ini akan digunakan oleh admin ataupun orang yang memiliki hak untuk mengubah,

72 menambah serta mengurangi isi database yang ada pada perangkat ajar yang akan dirancang Hierarki Menu Login Menu Utama Pendataan Petunjuk Keluar Gambar 3.36 Hierarki Menu Aplikasi back-end digunakan untuk memelihara data yang ada. Pemeliharaan ini perlu dilakukan agar data yang ditampilkan selalu relevan dengan perkembangan materi mata kuliah Analisa dan Perancangan Sistem Informasi. Pada sistem ini diawali dengan login. Dengan adanya login, maka yang dapat mengubah isi database dari sistem ini hanyalah orang-orang yang memiliki hak. Apabila User Name dan ID Name benar, maka akan dilanjutkan dengan menampilkan Menu Utama. Menu Utama terdiri dari menu Pendataan, Petunjuk, Keluar.

73 3.8.2 Pendataan Pendataan Materi Contoh Soal Latihan Gambar 3.37 Hierarki Pendataan dan Latihan. Menu Pendataan terdiri dari tiga menu, yaitu Materi, Contoh Soal, Materi / Contoh Soal / Latihan Materi Tambah Edit Hapus Simpan Batal Tutup Gambar 3.38 Hierarki Materi / Contoh Soal / Latihan Pada menu Materi, Contoh Soal, Latihan terdiri dari enam bagian yaitu Tambah, Edit, Hapus, Simpan, Batal, dan Tutup.

74 3.8.4 Petunjuk Petunjuk Instruksi Tentang Kami Gambar 3.39 Hierarki Help Pada menu Petunjuk, terdiri dari dua buah sub menu yaitu menu Instruksi dan menu Tentang Kami. Menu Instruksi berisikan instruksi bagaimana menggunakan applikasi back-end ini. Menu Tentang Kami berisi keterangan pembuat program. 3.9 Perancangan Layar Back End Rancangan Layar Login Admin Login Nama ID Name Login Exit Gambar 3.40 Rancangan Layar Login Admin Pada layar Login admin ini, administrator diminta untuk memasukkan Nama dan ID Name. Tujuan dari layar Login ini adalah untuk melindungi modifikasi data dari pihak pihak yang tidak memiliki

75 hak untuk mengakses ke dalam sistem ini. Apabila tombol Login ditekan dan User Name dan ID Name yang dimasukkan benar, maka akan ditampilkan layar menu utama. Apabila User Name dan ID Name yang dimasukkan salah, maka admin akan diminta untuk memasukkan User Name dan ID Name kembali. Apabila admin tidak jadi masuk ke dalam sistem back end, maka admin dapat menekan tombol exit. Spesifikasi Proses Login Tampilkan Layar Login Jika tekan Login maka Tampil layar Menu Utama Akhir Jika Jika tekan Exit maka Keluar dari program Akhir Jika

76 3.9.2 Rancangan Layar Menu Utama Menu Utama Pendataan Petunjuk Keluar Gambar 3.41 Rancangan Layar Menu Utama Pada layar menu utama terdiri dari tiga buah menu, yaitu menu Pendataan, Petunjuk, dan Keluar. Pada menu Pendataan terdapat tiga buah sub menu, yaitu menu Materi, Contoh Soal, Latihan. Apabila menu Materi (Pendataan > Materi) dipilih maka sistem akan memunculkan layar Materi. Apabila menu Contoh Soal (Pendataan > Contoh Soal) dipilih maka sistem akan memunculkan layar Contoh Soal. Apabila menu Latihan (Pendataan > Latihan) dipilih maka sistem akan memunculkan layar Latihan. Pada menu Petunjuk hanya terdiri dari layar Instruksi yang berisi keterangan bagaimana cara penggunakan sistem back end ini dan Tentang Kami. Sedangkan menu Keluar adalah menu yang dipilih bila admin ingin keluar dari sistem back end ini.

77 Spesifikasi Proses Menu Utama Tampilkan layar Menu Utama Jika tekan Pendataan maka Tampil pilihan Materi, Contoh Soal, Latihan Jika tekan Materi maka Tampil layar Materi Akhir Jika Jika tekan Contoh Soal maka Tampil layar Contoh Soal Akhir Jika Jika tekan Latihan maka Tampil layar Latihan Akhir Jika Jika tekan Help maka Tampil layar Help Jika tekan Exit maka Keluar dari program

78 3.9.3 Rancangan Layar Materi Menu Utama Pendataan Petunjuk Keluar Tanggal Materi ID Materi Nama Materi Tipe Materi File 1 File 2 Urutan Keterangan Analisa Perancangan Cari Cari Tambah Edit Hapus Simpan Batal Tutup Gambar 3.42 Rancangan Layar Materi Apabila menu Tambah ditekan maka akan digenerate ID Materi baru dan dimunculkan pada text box ID Materi agar admin bisa menambahkan materi baru dengan mengisi Nama Materi, Tipe Materi, File1, File2, Urutannya dan Keterangan. Setelah selesai menambahkan materi baru maka dapat menekan menu Simpan, bila ingin membatalkannya dapat menekan menu Batal.

79 Apabila menu Edit ditekan maka pada text box ID Materi akan berubah menjadi combo box yang memungkinkan admin untuk menilih ID materi mana yang hendak di editnya. Setelah megubah sesuai kehendak admin maka dapat menekan menu Simpan, bila hendak membatalkannya bisa menekan menu Batal. Apabila hendak menghapus materi maka dapat menekan menu Hapus, maka text box pada ID Materi akan berubah menjadi combo box. Admin dapat menilih ID Materi mana yang hendak dihapus lalu menekan menu Hapus. Apabila hendak keluar dari menu Materi maka dapat menekan menu Tutup maka akan masuk ke layar Menu Utama. Spesifikasi Proses Materi Tampilkan layar Materi Layar Menu Utama tidak dapat ditekan Tombol Tambah dapat ditekan Tombol Edit dapat ditekan Tombol Tutup dapat ditekan Tombol Hapus tidak bisa ditekan Tombol Simpan tidak bisa ditekan Tombol Batal tidak bisa ditekan Frame materi tidak dapat ditekan Jika tekan Tambah maka

80 Tampilkan text ID Materi Tombol Tambah tidak dapat ditekan Tombol Edit tidak dapat ditekan Tombol Tutup tidak dapat ditekan Tombol Hapus tidak dapat ditekan Tombol Simpan dapat ditekan Tombol Batal dapat ditekan Teks pada frame dapat diketik Masukkan detail Materi yang ingin ditambahkan Jika tekan Edit maka Tampilkan combo ID Materi Tombol Tambah tidak dapat ditekan Tombol Edit tidak dapat ditekan Tombol Tutup tidak dapat ditekan Tombol Hapus dapat ditekan Tombol Simpan dapat ditekan Tombol Batal dapat ditekan Teks pada frame dapat diketik Ubah detail materi sesuai yang diinginkan Jika tekan Hapus maka Hapus data dari ID Materi yang dipilih

81 Tombol Tambah dapat ditekan Tombol Edit dapat ditekan Tombol Tutup dapat ditekan Tombol Hapus tidak bisa ditekan Tombol Simpan tidak bisa ditekan Tombol Batal tidak bisa ditekan Frame materi tidak dapat ditekan Jika tekan Simpan maka Simpan detail materi yang sudah diisi Tombol Tambah dapat ditekan Tombol Edit dapat ditekan Tombol Tutup dapat ditekan Tombol Hapus tidak bisa ditekan Tombol Simpan tidak bisa ditekan Tombol Batal tidak bisa ditekan Frame materi tidak dapat ditekan Jika tekan Batal maka Tombol Tambah dapat ditekan Tombol Edit dapat ditekan Tombol Tutup dapat ditekan Tombol Hapus tidak bisa ditekan Tombol Simpan tidak bisa ditekan Tombol Batal tidak bisa ditekan

82 Frame materi tidak dapat ditekan Jika tekan Cari maka Tampilkan layar Cari Jika tombol Ok ditekan maka Tampilkan layar Materi Isi teks file sesuai dengan teks pilihan di layar Cari Jika tombol Cancel ditekan maka Tampilkan layar Materi Jika tekan Tutup maka Tampilkan layar Menu Utama

83 3.9.4 Rancangan Layar Contoh Soal Menu Utama Pendataan Petunjuk Keluar Contoh Soal Tanggal ID Materi ID Contoh Soal Nama Contoh Soal File Cari Tambah Edit Hapus Simpan Batal Tutup Gambar 3.43 Rancangan Layar Contoh Soal Pilih ID Materi pada combo box, lalu apabila ingin menambah contoh soal maka tekan menu Tambah. Sekarang admin dapat menambahkan contoh soal baru dengan mengisi Nama Contoh Soal, dan Filenya. Setelah selesai menambahkan contoh soal baru maka dapat menekan menu Simpan, atau bila ingin membatalkannya dapat menekan menu Batal. Contoh Soal dapat ditambahkan lebih dari satu untuk setiap ID Materi, yang akan ditunjukkan pada MSHFlexgrid.

84 Pilih ID Materi pada combo box, lalu apabila ingin mengedit contoh soal dapat menekan menu Edit. Setelah megubah sesuai kehendak admin maka dapat menekan menu Simpan, atau bila hendak membatalkannya bisa menekan menu Batal. Perubahan yang dilakukan admin dapat dilihat pada MSHFlexgrid. Pilih ID Materi pada combo box, lalu apabila hendak menghapus contoh soal maka dapat menekan menu Hapus. Admin dapat menilih contoh soal mana yang hendak dihapus pada MSHFlexgrid lalu tekan menu Hapus. Apabila hendak keluar dari menu Contoh Soal dapat menekan menu Tutup maka akan masuk ke layar Menu Utama. Spesifikasi Proses Contoh Soal Tampilkan layar Contoh Soal Layar Menu Utama tidak dapat ditekan Tombol Tambah tidak dapat ditekan Tombol Edit tidak dapat ditekan Tombol Tutup dapat ditekan Tombol Hapus tidak bisa ditekan Tombol Simpan tidak bisa ditekan Tombol Batal tidak bisa ditekan MSHFlexgrid tidak dapat ditekan Teks box tidak dapat diketik

85 Combo ID Materi dapat ditekan Jika ID Materi sudah dipilih maka Tampilkan data contoh soal sesuai ID Materi Tombol Tambah dapat ditekan Tombol Edit dapat ditekan Tombol Tutup dapat ditekan Tombol Hapus tidak dapat ditekan Tombol Simpan tidak dapat ditekan Tombol Batal dapat ditekan Combo ID materi tidak dapat dipilih Mshflexgrid dapat tidak dapat ditekan Jika tekan Tambah maka Tombol Tambah tidak dapat ditekan Tombol Edit tidak dapat ditekan Tombol Tutup tidak dapat ditekan Tombol Hapus tidak dapat ditekan Tombol Simpan dapat ditekan Tombol Batal dapat ditekan Teks pada frame dapat diketik Masukkan detail contoh soal yang ingin ditambahkan Jika tekan Edit maka