BAB 3 ANALISA DAN PERANCANGAN
3.1
Latar Belakang Organisasi 3.1.1
Sejarah
Cikal bakal lkatan Dokter Indonesia adalah perhimpunan yang bernama Vereniging van lndische Artsen tahun 1911, dengan tokohnya adalah dr. J.A.Kayadu yang lama menjabat sebagai ketua dari perkumpulan ini. Selain itu, tercatat nama-nama tokoh seperti dr. Wahidin, dr, Soetomo dan dr Tjiptomangunkusumo, yang bergerak dalam lapangan sosial dan politik. Kemudian dikenal pula dr. Mangkoewinoto, dr. Soesilo dan dr. Kodijat yang berjuang dibidang penyakit menular, juga dr. Kawilarang, dr. Sitanala. Dr. Asikin Widjajakusumah dan dr. Sardjito. Pada tahun 1926 perkumpulan berubah namanya menjadi Vereniging van lndonesische Geneeskundige (VIG). Menurut Prof Bahder Djohan yang pernah menjadi sekretaris VIG selama 11 tahun (1928-1938), perubahan nama ini dengan landasan politik yang menjelma dari timbulnya rasa nasionalisme (karena dokter pribumi dianggap sebagai dokter kelas dua) sehingga membuat kata "Indische" menjadi "Indonesische" dalam VIG. Prof Bahder Djohan mengatakan pula, tujuan VIG ialah menyuarakan pendapat dokter, dimana pada masa itu persoalan yang pokok ialah mempersamakan kedudukan antara dokter-dokter pribumi dengan dokter Belanda dalam segi kualitasnya yang tidak kalah. Kongres VIG tahun 1940 di Solo menugaskan pada Bahder Djohan untuk membina serta memikirkan istilah-istilah baru dalam dunia kedokteran. Masa itu telah terkumpul 3000 istilah baru dalam dunia kedokteran.
35
36 Dalam masa pendudukan Jepang (1943), VIG dibubarkan dan diganti menjadi Jawa Izi Hooko Kai. Selanjutnya pada tahun 1948 didirikan Perkumpulan Dokter Indonesia (PDI), yang dimotori kalangan dokter-dokter muda di bawah pimpinan dr. Darma Setiawan Notohadmojo. Pendirian PDI berdasarkan kehendak situasi dan tuntutan zaman yang berkembang pendapat-pendapat atau tinjauan-tinjauan baru dalam suasana dan semangat yang baru pula pada waktu itu. Hampir bersamaan berkembang pula Persatuan Thabib Indonesia (Perthabin) cabang Yogya yang dianggap sebagai kelanjutan VIG masa tersebut. Tidaklah mungkin bahwa Perthabin dan PDI sekaligus merupakan wadah dokter di Indonesia, maka dicapai mufakat antara Perthabin dan Dewan Pimpinan PDI untuk mendirikan suatu perhimpunan dokter baru. Dr. Soeharto berpendapat bahwa perkumpulan dokter yang ada sejak 1911 telah rusak di zaman kependudukan Jepang. Dasar pemikiran inilah digunakan untuk mendirikan suatu perkumpulan dokter baru yang sesuai dengan alam pikiran dan jiwa kemerdekaan serta sesuai dengan indentitas kita, yakni persatuan. Diharapkan perkumpulan kedokteran tersebut dapat menjadi semacam perkumpulan persatuan. Pada tahun 1945, dokter-dokter Indonesia belum mempunyai kesempatan untuk mendirikan suatu wadah dokter di Indonesia yang berskala nasional. Oleh karena situasilah yang menyebabkan terdapatnya bermacam-macam dokter, seperti dokter didaerah pendudukan, di daerah republik federal, dan masalahnya mereka belum mempunyai kesempatan untuk menyatu. Di masa dahulu dikenal 3 macam dokter Indonesia, ada dokter Jawa keluaran sekolah dokter Jawa, ada Indische Arts keluaran Stovia dan NIAS serta ada pula dokter lulusan Faculteit Medica Batvienis
37 3.1.2 Struktur Organisasi Ketua Umum
Dewan Penasihat
Wakil Ketua Umum
Majelis-Majelis
Ketua Purna
Bendahara Umum
Wakil Bendahara1
Ketua Bidang 1
Wakil Bendahara2
Ketua Bidang 2
Dewan Pakar
Sekretaris Jendral
Wakil Sekjend1
Ketua Bidang 3
Ketua Yayasan
Wakil Sekjend2
Ketua Bidang 4
Ketua Bidang 5
Ketua Komite1
Sekretaris
Anggota
Wakil Sekjend3
Ketua Bidang 6
Ketua Bidang 7
Ketua Komite2
Wakil Ketua
Koordinator Regional
Anggota
Ketua Manajemen
Divisi1
Divisi2
Bendahara
Anggota
Anggota
Gambar 3.1 Struktur Organisasi
Anggota
Divisi3
38 3.1.3 Tugas dan Wewenang Tugas dan Wewenang masing masing bagian dalam struktur organsisasi Ikatan Dokter Indonesia (IDI) adalah sebagai berikut : Tugas •
Ketua Umum yang merupakan jabatan tertinggi di organisasi bertugas mengepalai dan memimpin organisasi, misalnya memimpin rapat.
•
Dewan Penasihat bertugas untuk memberikan nasihat dan saran.
•
Wakil Ketua Umum menjalankan tugas ketua umum jika berhalangan hadir serta membantu tugas – tugas ketua umum.
•
Majelis-Majelis merupakan dewan yang mengemban tugas tertentu mengenai organisasi secara terbatas misalnya menyelenggarakan rapat organisasi.
•
Ketua Purna merupakan orang tertua dan banyak pengalamannya dalam masa bakti yang bertugas memantau bawahan – bawahanya.
•
Bendahara Umum merupakan penanggung jawab maupun pengurus utama keuangan organisasi.
•
Ketua Manajemen bertugas untuk mengatur dan mengoordinir kegiatan bawahan – bawahannya.
•
Sekretaris Jendral merupakan sekretaris umum yang bertugas mengurus berbagai pekerjaan organisasi.
•
Wakil Bendahara bertugas membantu tugas – tugas bendahara umum.
•
Wakil Sekjend bertugas membantu tugas – tugas sekretaris jendral.
•
Ketua Bidang merupakan ketua yang memimpin dan mengatur di bidang tertentu.
•
Ketua Komite merupakan panitia yang bertugas mengatur jalannya rapat maupun kegiatan – kegiatan yang dilakukan organisasi.
39 •
Ketua Yayasan merupakan ketua yang ditugaskan untuk tujuan sosial, misalnya mengusahankan layanan.
•
Dewan Pakar merupakan ahli yang mengemban tugas memberi masukan ke ketua yayasan.
•
Koordinator Regional bertugas melakukan koordinasi di setiap pulau di Indonesia.
•
Divisi bertugas mengerjakan sesuatu sesuai keahlianya yang pelaksaannya dapat dilakukan secara bersamaan.
•
Sekretaris bertugas mengurus pekerjaan - pekerjaan organisasi.
•
Bendahara bertugas sebagai penanggung jawab maupun pengurus keuangan organisasi.
•
Anggota merupakan bagian dari organisasi yang membantu kegiatan yang dilakukan organisasi.
Wewenang •
Ketua Umum dapat mengangkat dan memberhentikan perangkat organisasi.
•
Dewan Penasihat memberikan nasihat dan saran kepada organisasi.
•
Wakil Ketua Umum dapat menggntikan tugas ketua umum jika tidak ada.
•
Majelis-Majelis menunjuk siapa saja yang dapat membantunya dalam menyelenggaran suatu acara.
•
Ketua Purna memerintah dan melimpahkan tanggung jawab kepada orang lain.
•
Bendahara Umum menggunakan keuangan untuk kepentingan organisasi.
•
Ketua Manajemen mempunyi kekuasan membuat keputusan yang nantinya akan dikerjakan oleh bawahan.
40 •
Sekretaris Jendral memerintahkan wakil – wakilnya untuk melakukan tugasnya.
•
Wakil Bendahara menggantikan bendahara umum jika tidak ada.
•
Wakil Sekjend menggantikan sekretaris jendral jika tidak ada.
•
Ketua Bidang membuat keputusan untuk bidang yang dipimpin.
•
Ketua Komite memerintah bawahan untuk membantu dalam menyukseskan kegiatan yang dibuatnya.
•
Ketua Yayasan menunjuk dewan pakar untuk membantunya.
•
Dewan Pakar menggunakan keahliannya untuk membantu Ketua Yayasan.
•
Koordinator Regional melakukan koordinasi dengan pulau lain misalnya pulau Jawa dengan Bali.
•
Divisi menggunakan alat – alat organisasi untuk membantu pekerjannya.
•
Sekretaris mengatur anggota –anggota.
•
Bendahara menggunakan keuangan untuk kepentingan organisasi.
•
Anggota dapat mengikuti kegiatan – kegiatan yang diselenggarakan organisasi.
3.1.4 Visi dan Misi •
Visi Menjadikan IDI sebagai organisasi profesi kedokteran nasional yang
berwibawa di tingkat Asia Pasifik pada tahun 2020. •
Misi
1. Mengupayakan peningkatan kemampuan profesional yang beretika. 2. Mengembangkan peranan yang bermakna dalam meningkatkan derajat kesehatan rakyat Indonesia.
41 3. Menyuarakan aspirasi, mengupayakan kesejahteraan dan memberikan perlindungan kepada segenap anggota. 4. Mengembangkan
standar
pelayanan
profesi,
standar
etika
dan
memperjuangkan kebebasan profesi yang mampu menyelaraskan perkembangan ilmu dan teknologi kedokteran dengan tuntutan dan kebutuhan masyarakat. • Tujuan Memadukan segenap potensi dokter Indonesia, meningkatkan harkat, martabat dan kehormatan diri dan profesi kedokteran, mengembangkan ilmu pengetahuan dan teknologi kedokteran, serta meningkatkan derajat kesehatan rakyat Indonesia menuju masyarakat sehat dan sejahtera.
3.2
Analisis Sistem Berjalan 3.2 1
Sistem Pelatihan Yang Sedang Berjalan Ikatan Dokter Indonesia (IDI) sebagai organisasi kesehatan yang
independen ingin selalu memberikan informasi dan dukungan dalam dunia kedokteran, serta mempromosikan tentang kegiatan para dokter pada masyarakat. Ini memang mewakili paradigma dunia promosi, dengan kata lain yaitu melakukan promosi yang terbaik hingga ke seluruh penjuru negeri, bahkan juga dunia internasional. Tetapi paradigma internet mendorong IDI untuk melakukan promosi yang terbaik dalam hal desain dan konten - konten yang pada akhirnya dapat disukai oleh orang-orang pada khususnya anggota IDI yang melihatnya. Jika pada paradigma awal orang-orang hanya dapat membaca saja, karena hanya merupakan buku manual maka sekarang dengan dunia teknologi informasi akan
42 dilakukan perubahan sehingga orang-orang dapat langsung melihat promosipromosi dengan visual, dan dapat juga berinteraksi langsung secara interaktif dengan menggunakan CD interaktif ini.
3.2.2
Analisis Data Pada tahap ini kami melakukan aktifitas komunikasi langsung kepada
pengguna untuk mengumpulkan data tentang apa yang dibutuhkan oleh pengguna sehingga kami dapat merencanakan software yang sesuai dengan kebutuhan. Untuk mendapatkan data-data yang diperlukan, kami juga melakukan pengumpulan data yang dilakukan dengan melakukan kuesioner. Pengumpulan data ini bertujuan untuk menentukan kebutuhan pengguna dan kebutuhan sistem.
Kuesioner Untuk mengetahui jenis informasi yang dibutuhkan oleh pengguna atau pelanggan, maka dilakukan identifikasi dengan cara menyebarkan kuesioner kepada sejumlah responden Kuesioner disebarkan kepada sejumlah dokter yang adalah anggota IDI dan mempunyai kemampuan atau kapabilitas dalam menjawab kuesioner ini. Jumlah responden sebanyak 100 responden. Penyebaran kuesioner ini dibantu oleh dokter-dokter yang menjadi panitia pada acara seminar Dokter Umum yang di laksanakan di Hotel Cemara Menteng Jakarta Pusat. Hasil kuesioner dari responden tersebut akan ditampilkan sebagai berikut
43 Tabel 3.1 Kuesioner Pertanyaan Pertama No Pertanyaan 1 Berapa kali anda menggunakan internet dalam satu minggu? a. Sering (6-7 hari) b. Agak sering (4-5 hari) c. Jarang (2-3 hari) d. Sangat jarang (1 hari) e. Tidak pernah
Hasil
Persentase
5 responden 13 responden 38 responden 35 responden 9 responden
5% 13% 38% 35% 9%
Dari hasil penelitian dapat disimpulkan bahwa para dokter (sebagai pengguna) yang masih jarang menggunakan internet, sehingga banyak dari mereka yang tidak mengetahui bagaimana cara menggunakan fasilitas yang ada dalam internet.
Tabel 3.2 Kuesioner Pertanyaan Kedua No
Pertanyaan
Hasil
Persentase
2
Pada bagian apa anda merasa kurang mengerti pada saat menggunakan internet? a. Ikon b. Istilah c. Bahasa (bahasa inggris)
24 responden 40 responden 36 responden
24% 40% 36%
Dari penelitian dapat disimpulkan bahwa banyak yang tidak mengerti pada bagian istilah dan bahasa karena mereka tidak mengetahui artinya.
44 Tabel 3.3 Kuesioner Pertanyaan Ketiga No Pertanyaan 3 Pada bagian apakah pada website IDI anda mengalami kesulitan pada saat menggunakannya? a. Registrasi b. Akses halaman IDI c. Mengirim Pesan
Hasil
Persentase
73 responden 5 responden 22 responden
73% 5% 22%
Dari hasil penelitian disimpulkan bahwa 73% dari pengguna masih tidak mengerti cara untuk registrasi menjadi anggota website IDI online karena langkahlangkah untuk mendaftar terlalu panjang.
Tabel 3.4 Kuesioner Pertanyaan Keempat No Pertanyaan 4 Apakah yang anda lakukan untuk mencari arti istilah – istilah pada website ? a. Bertanya teman b. Buka kamus c. Cari di internet d. Diam saja
Hasil
Persentase
24 responden 48 responden 19 responden 9 responden
24% 48% 19% 9%
Dari penelitian dapat disimpulkan bahwa hampir setengahnya ingin kemudahan dan lebih cepat dalam mencari informasi yang diperlukan walaupun para pengguna jarang menggunakan internet.
45 Tabel 3.5 Kuesioner Pertanyaan Kelima No Pertanyaan 5 Apakah fitur menarik pada CD interaktif yang paling mudah dimengerti? a. Video Tutorial b. Animasi c. Teks d. Gambar
Hasil
Persentase
61 responden 19 responden 7 responden 13 responden
61% 19% 7% 13%
Dari penelitian dapat disimpulkan bahwa kebanyakan para pengguna tertarik mempelajari video tutorial karena lebih mudah dimengerti.
Tabel 3.6 Kuesioner Pertanyaan Keenam No 6
Pertanyaan Bagaimana pendapat anda tentang penambahan fitur simulasi ? a. Setuju b. Kurang Setuju
Hasil
Persentase
88 responden 12 responden
88% 12%
Dari penelitian dapat disimpulkan bahwa hampir semua pengguna setuju jika ada penambahan fitur simulasi dalam aplikasi CD interaktif, karena dengan menggunakan simulasi para pengguna dapat melakukan pelatihan yang sama seperti pada saat mengakses website IDI.
46 Tabel 3.7 Kuesioner Pertanyaan Ketujuh No Pertanyaan 7 Setujukah jika ditambah soal – soal latihan? a. Setuju b. Tidak Setuju
Hasil
Persentase
93 responden 7 responden
93% 7%
Dari penelitian dapat disimpulkan bahwa hampir semua pengguna menginginkan CD interaktif ditambah soal – soal latihan (kuis) setelah melihat video-video tutorial untuk mengukur kemampuan mereka.
3.2.3
Permasalahan Yang Dihadapi Dalam hal ini penulis hanya mencakup permasalahan pada pembuatan
CD interaktif yang adalah sebagai berikut : •
Banyak pengguna yang tidak mengerti cara mengakses dan menggunakan fitur-fitur yang ada pada website IDI
•
Banyak pengguna yang tidak biasa menggunakan simbol yang ada pada website
•
Banyak pengguna yang yang susah mengerti jika hanya menggunakan buku panduan manual
•
Pengguna tidak mengerti istilah – istilah yang ada di website
47 3.2.4 •
Usulan Pemecahan Masalah
Memberi penjelasan masing-masing tentang fitur-fitur dan simbol yang ada pada website tersebut dengan menggunakan video yang berbentuk tutorial.
•
Membuatkan CD interaktif yang berisi tutorial-tutorial yang berbentuk video, sehingga mereka dapat dengan mudah mengerti cara penggunaan websitenya.
•
Menambahkan fitur kamus untuk istilah – istilah yang dapat diinsert, diupdate, dan didelete oleh tim IT. Setelah itu, CD interaktif yang baru akan dibagikan kembali di periode berikutnya.
•
Menguji kemampuan mereka dengan latihan soal (kuis) setelah mereka melihat video-video tutorial.
•
3.3
Menambahkan simulasi pemakaian sistem online P2KB secara offline.
Perancangan Sistem Pada tahap ini penulis mulai menganalisis apa yang diperlukan dan apa yang
tidak diperlukan dalam perancangan CD interaktif. Selanjutnya penulis mulai mendesain sebuah model yang menggambarkan informasi yang ingin disampaikan, arsitektur dan fungsi dari software.
48 3.3.1
Struktur Menu CD Interaktif
Gambar 3.2 Struktur Menu CD Interaktif
3.2.2 Struktur Menu Kuis KUIS
LUPA PASS
DAFTAR
LOGIN
KELUAR
KELUAR
LANJUT
CEK
KEMBALI
KEMBALI
DAFTAR
HAPUS SOAL
TAMBAH SOAL
HAPUS
TAMBAHH
UBAH SOAL TAMPIL
UBAH
MULAI BARU
HASIL KELUAR
KELUAR KELUAR SELANJUT NYA
SELANJUT NYA
HAPUS
Gambar 3.3 Struktur Menu Kuis 49
3.3.3 Struktur Menu Simulasi
SIMULASI
Merubah Account
Memperoleh SKP
Mengirim Pesan
Edit Data Diri Edit Tempat Praktik
Resume
Perolehan SKP
Mengirim Pesan
Melihat Sent Item
Edit Pendidikan Edit Pass
Gambar 3.4 Struktur Menu Simulasi 50
State Transition Diagram
3.3.4 STD (State Transition Diagram)
Klik ‘x’
HOME
Klik ‘x’
Masuk ke Home tampil pop up “Profile”,”sambutan”,”tutorial”,”keluar”
Klik ‘x’
Masuk ke Home klik “menu pop up profile”
klik “menu” Kembali ke Home
PROFILE
TUTORIAL
SAMBUTAN
KELUAR
masuk halaman” profile” klik “pop up tutorial” masuk halaman “tutorial” SEJARAH
FOTO
STRUKTUR ORGANISASI
AKSES AWAL
USER ID&PASS
LOG BOOK
SIMULASI KUIS
REGISTRASI
KAMUS
klik menu”registrasi” klik menu down button menu Log book klik menu “quiz”
klik menu down button “layanan””spesialis” klik menu”user id&pass” tampilkan video“registrasi” tampil tutorial video pilihan
masuk halaman “Log In”
tampilkan video “layanan”,” spesialis” tampilkan video“user id&pass” klik menu pop up kamus
tampil window kamus
LAYANAN PRIMER
USER ID&PASS
SPESIALIS
klik keluar
masuk halaman tutorial
REGISTRASI
LOG IN MERUBAH ACCOUNT
klik ‘x’ masuk Home
WINDOW KAMUS
PEROLEHAN SKP
KUIS LOG IN
MENGIRIM PESAN
klik exit
Klik hapus soal
Isi login admin klik lupa Pass
Hapus soal
kembali ke menu tutorial Hapus Soal Klik login (masuk halaman admin) masuk
Login Admin
isi login user
klik tambah soal klik login(masuk halaman user) Tambah soal
Tampil
klik tampil
tambah soal Login User
tampil soal klik update soal klik daftar Update soal
update soal klik keluar masuk halaman daftar Ubah
klik ubah
masuk halaman Log in
ubah soal
klik keluar
masuk halaman Log In
Lupa Pass klik hasil
klik “save”atau “Cancel”
kembali “insert””delete””update””exit”
lihat hasil
klik “lanjut”atau “mulai baru”
Save
klik Cancel
kerjakan kuis
batal Insert Soal
klik keluar masuk halaman kuis
klik Save Cancel
Save Soal
Insert
klik mengelola
Klik Save Save
masuk halaman login admin
Delete Save soal klik exit
masuk window kamus
klik Cancel Klik Log in Update
Cancel
Hasil
Kuis
Datftar
Log In admin
Canel Update masuk halamn menu admin Gambar 3.5
State Transition Diagram
3.3.5 STD (State Transition Diagram) Simulasi SIMULASI klik 'x' klik " mulai"
klik 'x'
masuk halaman" simulasi tutorial" masuk halaman" simulasi " masuk halaman" simulasi tutorial" jika salah
Halaman SIMULASI
kembali jawab
klik "next step" masuk halaman simulasi selanjutnya
Halaman SIMULASI Pilihan
kliK "Merubah account"
klik "memperoleh SKP"
klik "Mengirim Comment"
masuk Menu simulasi "Merubah Account" masuk Menu simulasi "Memperoleh SKP" masuk Menu simulasi "Mengirim Comment"
Merubah Account
Memperoleh SKP
Mengirim Pesan
klik menu "Data Diri" "Pendidikan" "Tempat praktik" "Edit Pass"
klik menu "Resume" "Perolehan SKP"
klik menu " Mengirim Pesan "melihat Sent Item&Inbox"
masuk simulasi "menu Data Diri" "Pendidikan" "Tempat praktik" "Edit Pass" masuk simulasi "Resume" "Perolehan SKP" masuk simulasi " Mengirim Pesan "melihat Sent Item&Inbox" klik " kembali"
Masuk halaman "Simulasi Pilihan"
Resume
Edit Data Diri
Perolehan SKP
Edit Pendidikan
Mengirim Pesan
Edit Tempat Praktik
Edit Pass
Gambar 3.6 State Transition Diagram Simulasi
Melihat Sent Item & Inbox
53 3.3.6
Rancangan Database Perancangan database digunakan untuk merancang suatu tempat untuk
menampung data. Dimana data-data tersebut dapat diinsert, diupdate, atau didelete secara dinamis. Adapun database yang diperlukan sebagai berikut : Nama Tabel
: MsUser
Primary Key : id Tabel 3.8 Database MsUser Field id pass status pertanyaan jawaban no
Nama Tabel
Tipe varchar text text text text autonumber
Ukuran 7 7 5 20 10
Keterangan id user password admin/user pertanyaan bantuan
: TbSoal
Primary Key : kdSoal Tabel 3.9 Database TbSoal Field idSoal kdsoal soal jawaban1 jawaban2 jawaban3 jawaban4 kuncijawaban levelsoal statsoal
Tipe autonumber varchar text text text text text text numeric text
Ukuran
Keterangan
7 50 20 20 20 20 20 1 1
kode soal soal pilihan jawaban pilihan jawaban pilihan jawaban pilihan jawaban kunci jawaban level soal status soal
54 Nama Tabel
: Trquis
Primary Key : idhasil Tabel 3.10 Database Trquis Field idhasil id benar salah tanggal statkuis leveluser
Tipe long integer text numeric numeric text numeric numeric
Nama Tabel
Ukuran 2 7 1 1 17 1 1
Keterangan id user jumlah benar jumlah benar tanggal status kuis level user
: TrSave
Primary Key : idsave Tabel 3.11 Database TrSave Field idsave id kredit status levelterakhir benar
Tipe long integer text numeric numeric numeric numeric
Ukuran 2 7 1 1 1 1
Keterangan id user kredit status level terakhir benar
55 3.3.7 ERD (Entity Relationship Diagram)
Gambar 3.7 Entity Relationship Diagram
Dari ERD diatas digambarkan bahwa tabel yang terlibat dalam relasi database CD interaktif ini adalah MsUser, TbSoal, Trquis dan TrSave •
Hubungan antara tabel MsUser dan Trquis bersifat one to many, dimana satu pengguna dapat memiliki beberapa nilai.
•
Hubungan antara tabel MsUser dan TrSave bersifat one to one, dimana satu pengguna memiliki minimal satu id_save.
56 3.3.8 Rancangan Layar 3.3.8.1 Halaman Intro
INTRO MENU UTAMA
Gambar 3.8 Rancangan Layar Intro Pada bagian menu utama ini terdapat: •
Menu Utama : untuk menskip layar intro untuk langsung masuk ke halaman utama.
•
Pada layar intro ini juga terdapat teks berjalan dengan macam-macam bentuknya, dan juga menampilkan foto-foto secara bergantian.
MODUL INTRO Jalankan suara Background Jalankan Animasi If pilih = MENU UTAMA Jalankan modul Menu End If END MODUL
57 3.3.8.2 Halaman Menu Utama
Menu utama Berisi tentang profile organisasi
Profile Sambutan Tutorial Keluar menu
time
Gambar 3.9 Rancangan Layar Menu Utama Pada bagian menu utama ini terdapat: •
Image menu : terdapat image menu pada pojok bawah kiri layar dimana pada saat kursor diatas menu akan muncul pop up pilihan menu-menu.
•
Waktu : pada bagian ini terdapat jam yang terletak pada pojok bawah kanan layar.
•
Pop up fitur : pada saat kursor berada di atas menu fitur akan muncul pop up keterangan fitur
MODUL MENU UTAMA Tampilkan Halaman Menu If pilih = PROFILE Jalankan Menu Profile Else If pilih = SAMBUTAN Jalankan Video Sambutan Else If pilih = TUTORIAL Jalankan Menu Tutorial Else If pilih = KELUAR Keluar Aplikasi
58 End If END MODUL
3.3.8.3 Halaman Menu Profil
Sejarah
Struktur organisasi
Photo
Profile
menu
time
Gambar 3.10 Rancangan Layar Menu Profil Pada bagian layar ini terdapat: •
Waktu : pada bagian ini terdapat jam yang terletak pada pojok bawah kanan layar
•
Menu sejarah, struktur organisasi dan photo : untuk menampilkan sejarah, struktur dan galeri foto organisasi
•
Layar profil : untuk menampilkan hasil-hasil dari menu sejarah, struktur organisasi, dan photo
•
Lambang silang : untuk keluar dari aplikasi
•
Image menu : pada layar profil ini tidak berfungsi
59 MODUL PROFIL If pilih = FOTO Tampilkan Foto Else If pilih = SEJARAH Tampilkan Sejarah Else If pilih = STRUKTUR ORGANISASI Tampilkan STRUKTUR ORGANISASI Else If pilih = “X” Jalankan Modul Menu End If END MODUL
3.3.8.4 Halaman Menu Sambutan
VIDEO SAMBUTAN
SAMBUTAN
menu
time
Gambar 3.11 Rancangan Layar Menu Sambutan Pada bagian layar ini terdapat: •
Waktu : pada bagian ini terdapat jam yang terletak pada pojok bawah kanan layar
•
Menu video sambutan: untuk menampilkan video sambutan
60 •
Layar sambutan : untuk menampilkan hasil-hasil dari menu sejarah, struktur, dan photo
•
Lambang silang : untuk keluar dari aplikasi
•
Image menu : pada layar profil ini tidak berfungsi
3.3.8.5 Halaman Menu Tutorial Kuis simulasi Search Akses Awal
Registrasi
User ID&Pass
Log Book
Layanan Primer
Log In
Spesialis
Merubah ACCOUNT
TUTORIAL
Perolehan SKP Mengirim pesan
Gambar 3.12 Rancangan Layar Menu Tutorial Pada bagian layar ini terdapat: •
Waktu : pada bagian ini terdapat jam yang terletak pada pojok bawah kanan layar
•
Pop down menu Akses Awal : terdiri dari menu untuk menampilkan tutorial layanan primer dan spesialis
•
Menu Registrasi : untuk menampilkan tutorial registrasi
•
Menu User ID & Pass: untuk menampilkan tutorial User ID & Pass
61 •
Pop down menu Log Book : untuk menampilkan tutorial Log In, Merubah account, Perolehan SKP, Mengirim pesan
•
Lambang silang : untuk keluar dari aplikasi
•
Image menu : pada layar profil ini tidak berfungsi
MODUL TUTORIAL If pilih = AKSES AWAL Jalankan modul Akses Awal Else If pilih = USER ID&PASS Jalankan Tutorial Akses USER ID&PASS Else If pilih = KAMUS Jalankan Window Kamus Else If pilih = KUIS Jalankan KUIS Else If pilih = REGISTRASI Jalankan Tutorial REGISTRASI Else If pilih = LOG BOOK Jalankan Modul Log Book Else If pilih = “X” Jalankan Modul Menu End If END MODUL MODUL AKSES AWAL If pilih = LAYANAN PRIMER Jalankan tutorial Layanan Primer Else If pilih = SPESIALIS Jalankan Tutorial Spesialis End If END MODUL MODUL LOG BOOK If pilih = LOG IN Jalankan Tutorial Log In Else If pilih = MERUBAH ACCOUNT Jalankan Tutorial Merubah Account Else If pilih = PEROLEHAN SKP Jalankan Tutorial Perolehan Skp Else If pilih = MENGIRIM PESAN Jalankan Tutorial Mengirim Pesan END MODUL
62 3.3.8.6 Halaman Log In
Lupa Pass
Daftar
Log In Form ID
:
PASS :
KELUAR
LOG IN
Gambar 3.13 Rancangan Layar Log In Pada layar ini terdapat : •
Text Field ID : digunakan untuk mengisi ID yang sesuai dengan yang telah didaftarkan pengguna
•
Text Field Pass: digunakan untuk mengisi Password yang sesuai dengan yang telah di daftarkan user
•
Tombol keluar : digunakan untuk keluar dari aplikasi
•
Tombol Log In: digunakan untuk melakukan Log In
•
Text Daftar : digunakan untuk masuk ke halaman daftar
MODUL KUIS_LOG IN Insert ID Insert Pass If pilih = login If ID ==““ ID harus diisi Else If Pass ==““ Pass harus diisi Else
63 Select id, Pass from Ms_User Where id = txtid.text && Pass=textpass.text If row.count == 0 User Tidak Terdaftar Else If klik = keluar Keluar aplikasi If ID = “ADMIN” && Pass = “123456” Masuk halaman admin End If Else keluar End If END MODUL
3.3.8.7 Halaman Setelah User Login
Mulai Baru Lanjut
Gambar 3.14 Rancangan Layar Setelah User Login Pada layar ini terdapat : •
Text Lanjut : Untuk melanjutkan kuis yang telah dikerjakan sebelumnya
•
Text Mulai Baru : Untuk memulai kuis baru
64 MODUL KUIS_HALAMAN_SETELAH_LOGIN If klik = Mulai Baru Mulai kuis baru Else If klik = lanjut Buka kuis yang disimpan Open Database soal Select * from Tb Soal Open Database Save Select *From Tr Save Where id = ‘”+nama3+”’ AND status = ‘1’” End if END MODUL
3.3.8.8 Halaman Daftar Daftar Form ID PASS Pertanyaan Jawaban
:
:
:
:
KEMBALI
DAFTAR
Gambar 3.15 Rancangan Layar Daftar
65 Pada layar ini terdapat : •
Text Field ID : digunakan untuk mengisi ID yang sesuai keinginan user
•
Text Field Pass: digunakan untuk mengisi password yang sesuai keinginan user
•
Text Field Pertanyaan : digunakan untuk mengisi pertanyaan jika user lupa Pass
•
TextField Jawaban : digunakan untuk mengisi jawaban atas pertanyaan jika user lupa Pass
•
Tombol Kembali : digunakan untuk masuk kembali ke halaman Log In
•
Tombol Daftar : digunakan untuk melakukan pendaftaran setelah melakukan pengisian form
MODUL KUIS_DAFTAR Insert ID Insert Pass Insert Pertanyaan Insert jawaban If ID ==““ ID harus diisi Else If Pass ==““ Pass harus diisi Else If Pertanyaan==”” Pertanyaan harus diisi Else If jawaban ==““ Jawaban harus diisi Else If pilih = kembali Masuk MODUL Log In Else pendaftaran berhasil data disimpan di database Insert into database Insert into Ms_user (ID, Pass,Status,Pertanyaan, Jawaban) value (‘”+txtID.text+”’,’”+txtPass.text+”’,’user’, ”+txtpertanyaan+”, ”+txtjawaban+”) End If END MODUL
66 3.3.8.9 Halaman Lupa Pass Daftar Form ID
:
Pertanyaan
Jawaban
:
PASS ANDA
:
KEMBALI
CEK
Gambar 3.16 Rancangan Layar Lupa Pass
Pada layar ini terdapat : •
Text Field ID : digunakan untuk mengisi ID yang sesuai keinginan user
•
Text Field Pass: digunakan untuk mengisi Password yang sesuai keinginan user
•
Text Field Pertanyaan : digunakan untuk menampilkan pertanyaan jika user lupa Password
•
TextField Jawaban: digunakan untuk mengisi jawaban atas pertanyaan jika user lupa Password
•
Tombol Kembali : digunakan untuk masuk kembali ke halaman Log In
67 •
Tombol Cek : digunakan untuk melakukan pengecekan
MODUL LUPA_PASS Insert ID If pilih tombol pertanyaan tampil pertanyaan pada txt tanya Insert Jawaban anda Else If pilih = kembali Masuk MODUL Log In Else If pilih = Cek If jawaban = jawaban di database tampilkan Pass else Jawaban salah End If END MODUL
3.3.8.10 Halaman Admin
Tambah Soal Hapus Soal Ubah Soal Keluar
Gambar 3.17 Rancangan Layar Admin
Pada layar ini terdapat:
68 •
Menu tambah Soal : Digunakan untuk melakukan penambahan soal ke dalam database
•
Menu Hapus Soal : Digunakan untuk melakukan penghapusan soal yang terdapat dalam database
•
Menu Ubah Soal : Digunakan untuk melakukan pengubahan soal yang telah ada
•
Menu Keluar : Digunakan jika ingin keluar dari aplikasi MODUL ADMIN If pilih = tambah soal Masuk halaman tambah soal Else If Pilih = hapus soal Masuk halaman hapus soal Else If pilih = ubah soal Masuk halaman ubah soal Else Kelluar End If END MODUL
3.3.8.11 Halaman Admin Tambah Soal
Soal Jawaban 1 Jawaban 2 Jawaban 3 Jawaban 4 Kunci Jumlah Soal level1 : TAMBAH Masukan level soal : Jumlah Soal level2 : Tambah Soal Hapus Soal Ubah Soal Keluar
Gambar 3.18 Rancangan Layar Admin Tambah Soal
69 Pada layar ini terdapat: •
Menu Tambah Soal : Digunakan untuk melakukan penambahan soal ke dalam database
•
Text field Soal : Digunakan untuk memasukkan soal
•
Text field Jawaban1 : Digunakan untuk memasukkan jawaban A
•
Text field Jawaban2 : Digunakan untuk memasukkan jawaban B
•
Text field Jawaban3 : Digunakan untuk memasukkan jawaban C
•
Text field Jawaban4 : Digunakan untuk memasukkan jawaban D
•
Text field Kunci : Digunakan untuk memasukkan kunci jawaban
•
Menu Hapus Soal : Pada bagian ini tidak dapat digunakan
•
Menu Ubah Soal : Pada bagian ini tidak dapat digunakan
•
Menu Keluar : Digunakan jika ingin keluar dari aplikasi
MODUL LOGIN_ADMIN_INSERT If pilih = tambah soal Insert Soal Insert Jawaban 1 Insert Jawaban 2 Insert Jawaban 3 Insert Jawaban 4 Insert Kunci Jawaban End If END MODUL
70 3.3.8.12 Halaman Admin Hapus Soal
Kode soal Level Soal Soal
Masukan ID soal: Jumlah Soal level1 :
HAPUS
Jumlah Soal level2 : Tambah Soal Hapus Soal Ubah Soal Keluar
Gambar 3.19 Rancangan Layar Admin Hapus Soal Pada layar ini terdapat: • Menu tambah Soal : Pada bagian ini tidak dapat digunakan • Text field ID Soal : Digunakan untuk memasukan ID soal • Tabel kode Soal : Berisi kode soal dan soal • Menu Hapus Soal : Pada bagian ini tidak dapat digunakan • Menu Ubah Soal : Pada bagian ini tidak dapat digunakan • Menu Keluar : Digunakan jika ingin keluar dari aplikasi
MODUL LOGIN_ADMIN_HAPUS Else If pilih = Hapus Soal Tampilkan tabel Soal dan kode soal Insert kode soal If kode soal = kode di database Soal dihapus Else Kode soal tidak ada End If
71 End If END MODUL
3.3.8.13 Halaman Admin Ubah Soal Soal Jawaban 1 Jawaban 2 Jawaban 3 Jawaban 4 Kunci kode soal level soal soal
Kode Soal : Tampil
Ubah
Tambah Soal Hapus Soal Ubah Soal Keluar
Gambar 3.20 Rancangan Layar Admin Ubah Soal Pada layar ini terdapat: • Menu tambah Soal : Digunakan untuk melakukan penambahan soal ke dalam database • Text field Soal : Digunakan untuk memasukan soal • Text field Jawaban1 : Digunakan untuk memasukan jawaban A • Text field Jawaban2 : Digunakan untuk memasukan jawaban B
72 • Text field Jawaban3 : Digunakan untuk memasukan jawaban C • Text field Jawaban4 : Digunakan untuk memasukan jawaban D • Text field Kunci : Digunakan untuk memasukan kunci jawaban • Menu Hapus Soal : Pada bagian ini tidak dapat digunakan • Menu Ubah Soal : Digunakan untuk melakukan save soal yang sudah diubah • Menu Keluar : Digunakan jika ingin keluar dari aplikasi • Menu tampil : Digunakan untuk tampil menampilkan soal yang sudah diubah
MODUL LOGIN_ADMIN_UBAH Else If pilih = Ubah Soal Tampilkan halaman Ubah Soal Insert kode soal If kode soal = kode di database Masuk halaman soal ubah Else Kode soal tidak ada End If Insert soal baru If pilih = tampil Tampil soal yang di ubah End If Insert to database Insert into tb_soal (idsoa,soall) value (‘”+id soal+”’,’”+soal+”’) END MODUL
73 3.3.8.14 Halaman Kuis Soal Jawaban A
Jawaban B
Jawaban C
Jawaban D
KELUAR
SELANJUTNYA
Gambar 3.21 Rancangan Layar Kuis Pada layar ini terdapat : •
Radio button: Untuk menentukan pilihan jawaban (jawaban A,B,C atau D)
•
Button Keluar : Untuk keluar dari halaman kuis
•
Button selanjutnya : untuk masuk kepada halaman selanjutnya pada kuis
MODUL KUIS_JAWAB Level=1 B=0 If pilih = selanjutnya Kredit = kredit +1 If jawaban = benar Benar = benar + 1 End If If benar<=6
74 Tampilkan halaman hasil kuis Else Menu konfirmasi If pilih = yes Tampilkan halaman quis level 2 Else Tampilkan halaman hasil kuis If pilih = keluar if pilih = yes kredit akhir = kredit level soal = level save insert into Tr Save (id,kredit,status,level akhir,benar) values (‘”+names+”’,’”+C3+”’,’”+1+”’,”’+2+”’,’”+tampung3 +”’) END MODUL
3.3.8.15 Halaman Hasil Kuis
Hasil Kuis Tanggal : ........... ID
: .........
Level : ......... Benar : .......... Salah : ...........
Daftar Hasil Kuis Tanggal
Level_soal
keluar
Benar
Soal
Hapus
Gambar 3.22 Rancangan Layar Hasil Kuis
75 Pada layar ini terdapat : •
Form hasil kuis : Terdapat keterangan hasil kuis
•
Tabel hasil kuis : Terdapat hasil-hasil kuis yang telah dikerjakan
•
Button Keluar : digunakan untuk keluar dari halaman hasil kuis
•
Button Hapus : digunakan untuk menghapus data pada tabel daftar hasil kuis
MODUL HASIL_KUIS Tampil hasil kuis If pilih = hapus Hapus hasil Delete tbhasil where ( id =’”+txtid+”’) Else Keluar End If END MODUL
3.3.8.16 Halaman Awal Simulasi
SIMULASI PEMAKAIAN SITUS IDI
MULAI
Gambar 3.23 Rancangan Layar Awal Simulasi
76 Pada layar ini terdapat : •
Button “Mulai” : Digunakan untuk masuk halaman simulasi
MODUL SIMULASI_AWAL If pilih = mulai Masuk halaman simulasi awal End If END MODUL
3.3.8.17 Halaman Simulasi
Pertanyaan PERTANYAAN
PEMBERITAHUAN KESALAHAN BUTTON BENAR BUTTON SALAH
KEMBALI
BUTTON SALAH BUTTON SALAH BUTTON SALAH
START
Gambar 3.24 Rancangan Layar Simulasi Pada layar ini terdapat : •
Button “salah” : Jika di klik ada muncul pemberitahuan kesalahan
•
Button “benar” : Jika di klik akan masuk kehalaman berikutnya
•
Button “kembali” : Digunakan untuk kembali ke halaman simulasi
77
MODUL SIMULASI_PILIH1 If pilih = Button salah tampil pesan eror If pilih = kembali masuk halaman soal simulasi kembali End If Else Kerajakan soal simulasi selanjutnya End If END MODUL
3.3.8.18 Halaman Pilih Menu Simulasi
Silahkan Memilih Menu Simulasi Di Bawah Ini: * Menu Pilihan Simulasi 1 * Menu Pilihan Simulasi 2 * Menu Pilihan Simulasi 3
Gambar 3.25 Rancangan Layar Pilih Menu Simulasi Pada layar ini terdapat : •
Button "pilihan 1" : Untuk masuk menu simulasi pilihan 1
•
Button " pilihan 2": Untuk masuk menu simulasi pilihan 2
•
Button " pilihan 3": Untuk masuk menu simulasi pilihan 3
78 MODUL SIMULASI_PILIH If pilih = Menu Pilihan1 masuk menu pilihan Simulasi 1 Else If pilih = Menu Pilihan Simulasi 2 masuk menu pilihan Simulasi 2 Else If pilih = Menu Pilihan Simulasi 3 masuk menu pilihan Simulasi 3 End If END MODUL
3.3.8.19 Halaman Pilih Simulasi
Silahkan Memilih Simulasi Di Bawah Ini: * Simulasi Pilihan 1 * Simulasi Pilihan 2 * Simulasi Pilihan 3 * Simulasi Pilihan 4 * Simulasi Pilihan 5 Gambar 3.26 Rancangan Layar Simulasi
Pada layar ini terdapat : •
Simulasi "pilihan 1-4" : Untuk masuk menu simulasi pilihan 1-4
•
Simulasi " pilihan 5": Untuk kembali ke menu simulasi
MODUL SIMULASI_SUB_PILIH If pilih = Simulasi Pilihan1
79 masuk Simulasi pilihan1 Else If pilih = Simulasi Pilihan2 masuk Simulasi pilihan2 Else If pilih = Simulasi Pilihan3 masuk Simulasi pilihan3 Else If pilih = Simulasi Pilihan4 masuk Simulasi pilihan4 Else If pilih = Simulasi Pilihan5 kembali ke menu simulasi End If END MODUL
3.3.8.20 Halaman Kamus
keluar
Masukan Kata Istilah
Arti
cari
Mengelola
Gambar 3.27 Rancangan Layar Kamus Pada layar ini terdapat : •
Text Box : Untuk memasukan kata yang akan dicari
•
Button keluar : Digunakan untuk keluar dari aplikasi
•
Button cari : Digunakan untuk melakukan pencarian hasil
•
List Box Istilah : Digunakan untuk menampilkan istilah yang dicari
80 •
List Box Arti : Digunakan untuk menampilkan arti dari kata yang dicari
•
Text Link : Digunakan untuk masuk ke halaman login admin kamus
MODUL KAMUS Insert kata If pilih = cari Tampil istilah Select istilah from mskata where ( istilah = ‘”+txtistlh+”’ ) If Istlh Tampil arti Select arti from mskata (where arti = ‘”+txtarti+”’) End If Else If pilih = mengelola Tampil login admin Else Keluar End If END MODUL
3.3.8.21 Halaman Login Admin Kamus Login Admin ID Admin Pass
EXIT
LOG IN
Gambar 3.28 Rancangan Layar Login Admin Kamus Pada layar ini terdapat: •
Text Box admin ID : Untuk mengisi ID admin
•
Text Box admin pass : Untuk mengisi admin password
81 •
Button Exit : Untuk keluar dari halaman
•
Button Login : Untuk melakukan login bagi admin untuk mengedit kamus
MODUL LOGIN_KAMUS Insert admin ID Insert admin Passwword If pilih = login If Admin Id = “” Tampil pop up “id must be filled” Else If Admin Pass = “” Tampil pop up “pass must be filled” Else If ID = “ADMIN” && Pass = “123456” Masuk halaman edit kamus End If Else Keluar kamus End If END MODUL
3.3.8.22 Halaman Edit Kamus Istilah : Arti
SAVE
:
CANCEL
Data yang sudah ada dalam kamus
<<
<
>
>>
Insert
Update
Delete
Exit
Gambar 3.29 Rancangan Layar Edit Kamus
82 Pada layar ini terdapat: •
Text Box Istilah : Untuk memasukan istilah baru
•
Text Box Arti : Untuk memasukan arti dari istilah baru
•
Button Save : Untuk mennyimpan inputan baru
•
Button Cansel : Untuk membatalkan pemasukan data baru
•
Button ‘<<’ : Untuk menuju ke data paling awal
•
Button ‘<’: Untuk menuju ke data sebelumnya
•
Button ‘>’ : Untuk menuju ke data setelahnya
•
Button ‘>>’: Untuk menuju data paling akhir
•
Button Insert : Untuk memasukan data ke dalam Text Box yang tersedia
•
Button Update : Untuk mengupdate data yang telah ada
•
Button Delete : Untuk menghapus data
•
Button Exit : Untuk keluar dari kamus
MODUL EDIT_KAMUS If pilih = insert Insert Istilah Insert Arti End If If pilih = save Save Insert into database Insert into Ms Kata (istilah) value (‘”+txtistilah+”’) Else If pilih = cancel Keluar edit kamus Else If pilih = update Update istilah Else If pilih = delete Hapus istilah Delete form mskata where (istilah = ‘”+txtistlh+”’) Else Keluar kamus End If END MODUL
