xx
DAFTAR SIMBOL
1. Data Flow Diagram DFD
No Simbol
Keterangan
1.
Proses menunjukkan transformasi dari
masukan menjadi keluaran
2.
Entitas eksternal dimana entitas
tersebut berkomunikasi dengan sistem
3.
Penyimpanan menunjukkan
penyimpanan dalam sebuah database
4.
Aliran
menggambarkan aliran data yang masuk ke proses atau keluar dari
suatu proses
xxi
2. Entity Relationship Diagram ERD
No Simbol
Keterangan
1.
Data Entitas segala sesuatu yang
nyata ataupun abstrak yang datanya akan diolah
2.
Relasi menunjukkan adanya hubungan
antara sejumlah entitas yang berasal dari himpunan entitas berbeda
3.
Aliran Data menyatakan penghubung
antara relasi dengan data entitas dan dengan atribut
4.
Atribut
menunjukkan field-field yang dimiliki oleh suatu data entitas atau
relasi
5
Entitas Lemah menyatakan entitas
yang keberadaannya sangat tergantung pada entitas lain
6
Relasi menunjukkan adanya hubungan
antara entitas kuat dengan entitas
lemah
xxii
DAFTAR LAMPIRAN
Lampiran A Listing Program .............................................................................. A-1 Lampiran B Hasil Kuisioner ............................................................................... B-1
Lampiran C Surat Penelitian ............................................................................... C-1 Lampiran D Biodata Penulis ............................................................................... D-1
1
BAB I PENDAHULUAN
1.1. Latar Belakang
Seiring dengan pertambahan penduduk, maka kebutuhan akan pendidikan juga semakin besar. Di Indonesia peningkatan kebutuhan ini tidak diimbangi
dengan peningkatan sarana dan prasarana pendidikan, baik kuantitas maupun kualitas. Jumlah pengajar yang tersedia tidak sebanding dengan banyaknya pelajar
yang terus meningkat dari tahun ke tahun, akibatnya waktu dan tenaga yang dialokasikan oleh pengajar kepada pelajarnya semakin terbatas. Pendidikan di
negara kita pun pada umumnya masih menggunakan metode pembelajaran secara terpusat, dimana proses pembelajaran berlangsung hanya satu arah, sehingga
proses pengembangan pengetahuan hanya terjadi di dalam ruangan kelas. Dalam metode pembelajaran secara terpusat, kurang terdapatnya interaksi dalam
membahas suatu materi pelajaran, proses pengembangan pengetahuan cenderung monoton dan tidak bertambah. Secara otomatis peningkatan kualitas pendidikan
yang diharapkan tidak akan tercapai. Kurangnya interaksi antara pengajar dan pelajar serta keterbatasan ruang dan waktu menjadi kendala utama. Untuk itu
diperlukan suatu metode pembelajaran yang memungkinkan terjadinya proses kolaborasi untuk menambah pengetahuan, metode tersebut adalah metode
pembelajaran kolaborasi collaborative learning.
2 Metode pembelajaran kolaborasi collaborative learning adalah proses
belajar kelompok yang setiap anggotanya aktif menyumbangkan informasi, pengalaman, ide, sikap, pendapat, kemampuan, dan keterampilan yang dimiliki
untuk saling meningkatkan pemahaman S.Gupta dan Dr.Robert P.Bostrom, 2004. Metode ini memungkinkan pengguna pengajar, pelajar,dan pakar aktif
dalam mengembangkan pengetahuan. Metode collaborative learning mendorong pengguna untuk berkomunikasi satu sama lain, menyatakan respon pada
pertanyaan, bekerja dalam lontaran pendapat yang beragam dan menuliskan kesimpulan dengan jelas.
Metode pembelajaran kolaborasi collaborative learning dapat diterapkan dalam teknologi informasi pendidikan berbasis web, yang salah satunya adalah
dengan menggunakan teknologi web 2.0. Teknologi web 2.0 dianggap sebagai media yang tepat, karena teknologi tersebut menggunakan pendekatan social web,
yang memungkinkan terjadinya interaksi sosial antara pengguna aplikasi web. Interaksi sosial ini misalnya seperti berkolaborasi dalam menambah, menghapus,
menyunting ataupun mengategorikan isi content dari suatu layanan Zibriel dan Supangkat, 2008.
Bahan uji coba aplikasi ini, diarahkan kepada bidang ilmu sejarah islam, karena menurut pengamatan materi pembelajaran tersebut jika menggunakan
metode konvensional dirasakan menjenuhkan. Dengan adanya metode pembelajaran kolaborasi tersebut memungkinkan pengguna aktif dalam
menambah, mengedit, menghapus materi dalam sistem tersebut, sehingga pengguna akan dituntut lebih kreatif, dinamis, dan dapat belajar secara mandiri.
3 Dan penerapan metode pembelajaran kolaborasi diharapkan dapat meningkatkan
minat pengguna dalam mempelajari dan memahami sejarah islam.
1.2. Identifikasi Masalah
Berdasarkan uraian pada latar belakang masalah yang dikemukakan di atas, maka permasalahan yang dikaji dalam penelitian ini adalah “Bagaimana
membangun Aplikasi Collaborative Learning Perguruan Tinggi berbasis Web Studi Kasus di Lembaga Bahasa Arab dan Studi Islam Al-Imarat
” . 1.3.
Maksud dan Tujuan
Berdasarkan permasalahan yang ada, maka maksud dari penelitian yang dilakukan adalah membangun Aplikasi Collaborative Learning Perguruan Tinggi
berbasis Web Studi Kasus di Lembaga Bahasa Arab dan Studi Islam Al-Imarat. Adapun tujuan yang akan dicapai dalam penelitian ini adalah seperti yang
tertera pada butir-butir di bawah ini. 1. Mempermudah para pengguna aplikasi untuk berkolaborasi mengolah isi
yang berhubungan dengan materi pelajaran tertentu. 2. Mempermudah pengguna untuk saling bertukar dan berbagi pengetahuan
tentang materi pelajaran tertentu. 3. Mempermudah pengguna untuk memperoleh informasi mengenai materi
pelajaran tertentu. 4. Menjadikan pelajaran tertentu menjadi lebih menyenangkan karena aplikasi
dilengkapi dengan game.
4
1.4. Batasan Masalah
Pembatasan permasalahan dalam penulisan ini dimaksudkan agar pembahasan dan penyusunan laporan dapat dilakukan secara terarah dan tidak
menyimpang serta sesuai dengan apa yang diharapkan. Batasan-batasan masalah tersebut antara lain adalah :
1. Proses yang terdapat di dalam aplikasi collaborative learning Di dalam aplikasi collaborative learning, setiap pengguna dapat saling
berkolaborasi dalam memberikan materi pembelajaran tertentu. Pengguna aplikasi dapat mengikuti ujian yang dikirimkan oleh pengguna yang lain,
terdapat pula visualisasi animasi yang berisikan animasi-animasi dari mata pelajaran tertentu. Aplikasi ini menyediakan fasilitas forum di mana
pengguna dapat saling berinteraksi untuk membahas suatu materi pelajaran tertentu. Keluaran output dari aplikasi ini berupa informasi mengenai materi
mata pelajaran tertentu. Informasi tersebut ditampilkan dalam bentuk teks, tabel, gambar, dan simulasi animasi. Materi pelajaran dikemas dalam bentuk
file terkompresi yang dapat diunduh oleh pengguna. 2. Aplikasi ini dilengkapi dengan e-museum, dimana didalamnya terdapat
bagian khusus yang memperlihatkan secara visualisasi berupa data, gambar, dan animasi benda-benda peninggalan sejarah islam.
3. E-game salah satu fitur yang tak kalah menarik dari aplikasi yang akan dibuat berisi tentang game sederhana.
4. Metode analisis yang digunakan dalam pembangunan aplikasi ini berdasarkan aliran data terstruktur, dimana alat yang digunakan untuk menggambarkan
5 model data adalah Entity Relationship Diagram ERD, sedangkan untuk
menggambarkan model fungsional adalah Diagram Konteks, dan Data Flow Diagram DFD.
5. Keamanan data di luar pembahasan. 6. Matakuliah yang dijadikan contoh untuk penelitian ini adalah sejarah islam.
7. Perangkat lunak pembangun Perangkat lunak pembangun menggunakan Dreamweaver 8 untuk mengolah
website dengan bahasa pemrograman HTML, CSS, PHP, dan Java Script. Untuk simulasi animasi, perangkat lunak pembangunnya menggunakan
Adobe Flash CS3, pengolahan grafik menggunakan Adobe Photoshop CS, untuk database menggunakan MySQL, dan XAMPP dipilih sebagai internal
server yang digunakan untuk uji coba client – server. Untuk web browser
menggunakan program Mozilla, dan Opera.
1.5. Metodologi Penelitian
Metodologi penelitian yang digunakan dalam penyusunan Tugas Akhir ini adalah :
1. Tahap Pengumpulan Data
a. Studi Pustaka Proses ini dilakukan untuk mencari materi yang berhubungan dengan
pelajaran sejarah islam, metode collaborative learning, dan web 2.0. yang berupa buku, artikel ilmiah, maupun sumber dari internet.
6 b. Wawancara Interview
Di dalam proses ini, wawancara dilakukan terhadap dosen, mahasiswa, dan pakar sejarah islam untuk memperoleh data yang berhubungan dengan materi
pelajaran sejarah islam. c. Pengamatan Observasi
Pengamatan difokuskan pada kelengkapan isi dari aplikasi, dan metode collaborative learning. Selain itu dilakukan studi banding terhadap aplikasi
collaborative learning berbasis web 2.0 salah satunya moodle, yang meliputi kelengkapan isi content pada aplikasi tersebut.
2. Pengembangan Perangkat Lunak
Metode yang digunakan dalam pengembangan perangkat lunak adalah metode waterfall. Alur dari metode waterfall dapat dilihat pada Gambar 1.1.
Rekayasa dan Pemodelan
Analisis Desain
Pembangkitan Kode
Pengujian Pemeliharaan
Gambar 1.1. Alur Metode Waterfall Pressman, 2001
7 Adapun penjelasan dari alur metode waterfall ini adalah sebagai berikut :
a. Rekayasa dan Pemodelan Pada tahap ini, rekayasa informasi mencakup pengumpulan kebutuhan pada
aplikasi collaborative learning sejarah islam berbasis web yang akan dibangun;
b. Analisis Kegiatan analisis perangkat lunak meliputi analisis spesifikasi perangkat
lunak, analisis lingkungan pengembangan, analisis struktural, dan diagram relasi;
c. Desain Perancangan perangkat lunak dilakukan berdasarkan hasil analisis kebutuhan
perangkat lunak, yang mencakup perancangan arsitektur, perancangan modul aplikasi, dan perancangan antarmuka;
d. Pembangkitan Kode Dalam proses ini, hasil analisis dan desain sistem pada proses sebelumnya
diterjemahkan ke dalam bentuk mesin, dan jika desain dilakukan dengan cara yang lengkap, pembuatan kode dapat dilakukan secara mekanis;
e. Pengujian Dalam tahap ini dilakukan pengujian untuk menguji apakah sistem yang telah
dirancang dan diimplementasikan sudah sesuai dengan hasil analisis yang telah dilakukan;
8 f.
Pemeliharaan Pemeliharaan dilakukan terhadap kesalahan-kesalahan yang terjadi pada
prototype perangkat, dokumen teknis perangkat lunak.
1.6. Sistematika Penulisan
Untuk lebih menjelaskan permasalahan dan pemecahannya, maka laporan Tugas Akhir dijabarkan dalam bab-bab sebagai berikut :
BAB I PENDAHULUAN
Pada bab ini menjelaskan tentang latar belakang tugas akhir, rumusan masalah, maksud dan tujuan, batasan masalah, dan
sistematika penulisan laporan tugas akhir.
BAB II LANDASAN TEORI
Bab dasar teori memuat berbagai pengetahuan yang didapat melalui studi literatur. Pengetahuan yang dibahas meliputi
konsep e-learning dengan metode collaborative learning dan web 2.0. Teori-teori ini dapat digunakan sebagai dasar
pembangunan sistem.
BAB III ANALISIS DAN PERANCANGAN SISTEM
Bab ini memuat analisis kebutuhan dan perancangan perangkat lunak yang akan dikembangkan dalam Tugas
Akhir ini.
BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM
Bab ini mencakup detail implementasi perangkat lunak yang dikembangkan dalam Tugas Akhir, dan berbagai pengujian
9 yang dilakukan terhadap perangkat lunak beserta hasil
pengujiannya.
BAB V KESIMPULAN DAN SARAN
Bab ini berisi kesimpulan dari kegiatan yang dilakukan disertai saran yang telah diperoleh dari hasil penulisan tugas
akhir.
10
BAB II LANDASAN TEORI
Teori merupakan dasar yang digunakan dalam penyusunan sebuah sistem. Pada bab ini akan dijelaskan mengenai teori-teori yang menunjang proses
pembangunan aplikasi collaborative learning perguruan tinggi berbasis web.
2.1. Pengertian E-Learning
E-learning terdiri dari dua bagian, yaitu „e’ yang merupakan singkatan dari
electronic dan learning yang berarti pembelajaran, jadi e-learning berarti pembelajaran dengan menggunakan jasa bantuan perangkat elektronika,
khususnya perangkat komputer. E-learning atau pembelajaran melalui online dengan demikian merupakan pembelajaran yang pelaksanaannya didukung oleh
jasa teknologi seperti telepon, audio, videotape, transmisi satelit atau komputer. Dalam perkembangannya, komputer dipakai sebagai alat bantu
pembelajaran, karena itu dikenal dengan istilah Computer Based Learning CBL atau Computer Assisted Learning CAL. Saat pertama kali komputer mulai
diperkenalkan khususnya untuk pembelajaran, maka komputer menjadi popular dikalangan anak didik. Hal ini dapat dimengerti karena berbagai variasi teknik
mengajar bisa dibuat dengan bantuan komputer tersebut, maka setelah itu teknologi pembelajaran terus berkembang dan dikelompokkan menjadi dua yaitu :
1. Technology-based learning 2. Technology-based Web-learning
11 Technology based-learning ini pada prinsipnya terdiri dari dua, yaitu audio
information technologies audio tape, radio, voice mail, telepon dan video information technologies video tape, video text, video messaging, sedangkan
technology based web-learning pada dasarnya adalah data information technologies bulletin board, internet, email, tele-collaboration.
Karakteristik e-learning antara lain adalah: 1. Memanfaatkan jasa teknologi elektronik; dimana dosen dan mahasiswa,
mahasiswa dan sesama mahasiswa atau dosen dan sesama dosen dapat berkomunikasi dengan relatif mudah dengan tanpa dibatasi oleh hal-hal yang
protokoler 2. Menggunakan bahan ajar bersifat mandiri self learning materials yang
disimpan di komputer sehinga dapat diakses oleh dosen dan mahasiswa kapan saja dan dimana saja jika yang bersangkutan memerlukannya; dan
3. Memanfaatkan jadwal pembelajaran, kurikulum, dan hasil kemajuan pembelajaran dapat dilihat setiap saat di komputer.
2.2. Siklus
Learning
Siklus pengembangan learning memiliki fase-fase yaitu [11]
: Tahap 1 : Scope
Tahap ini meliputi perencanaan dan analisis batasan dari perancangan learning, pendefinisian tipe dan tujuan learning, menentukan metode
learning yang digunakan, sifat learning, domain learning, serta teknologi yang digunakan. Pada umumnya tujuan learning ini digunakan untuk
menuntun pengajar, bukan sebagai pedoman siswa.
12
Tahap 2: Creation Pada tahap ini perancangan membuat desain, mengembangkan dan
melakukan proses learning. Hal ini yang dipertimbangkan pada tahap ini adalah sifat dari materi learning serta perancangan proses interaksi yang
diharapkan terjadi saat learning berlangsung. Ditahap ini perancangan proses interaksi yang diharapkan terjadi saat learning berlangsung. Di
tahap ini
perancang mendesain
sasaran learning.
Teknologi, pengembangan interaksi, skill yang dibutuhkan, tasks dari pengajar serta
feedback yang diharapkan. Tahap 3 : User Experience
User experience adalah proses yang penting dalam menentukan penggunaan sumber daya learning selama tahap 1 dan 2. Tahap ini akan
menjawab apakah desain learning berguna dan bernilai, bagaimana reaksi siswa terhadap isi, presentasi dan interaksi learning.
Tahap 4 : Meta-Evaluation Meta-evaluation
adalah proses
mengevaluasi efektifitas
proses perancangan learning.
Eksplorasi terhadap keberhasilan dan kegagalan selama proses learning berlangsung dilakukan untuk melakukan perbaikan perancangan dan
implementasi learning selanjutnya.
13
Tahap 5 : Evaluation Tahap ini dilakukan untuk mengevaluasi learning, dapat dilakukan dengan
pemberian ujian atau tugas secara berkelompok. Sifat evaluasi ini dapat berupa formative dilakukan saat proses learning berlangsung atau
summative dilakukan setelah seluruh materi disampaikan. Evaluasi juga dilakukan siswa dengan memberikan feedback atas proses learning yang
telah dilakukan baik dari sisi kualitas sumberdaya learning, instruksi yang diberikan, relevansi dan format learning dengan cara langsung pada
pengajar, atau melalui questioner dari institusi.
2.2.1. Domain Penelitian
Penelitian pada area collaborative learning dibagi menjadi tujuh domain yang berbeda yaitu [8]:
1. Control of collaborative learning Kendali dan interaksi kolaborasi mengacu pada cara penyampaian dalam
sistem di lingkungan kolaborasi. Sistem collaborative learning dapat menjadi bagian yang menganalisis dan mengendalikan kolaborasi atau hanya bertindak
sebagai alat pengantar kolaborasi. Sistem collaborative learning pada dimensi ini dapat diklasifikasikan sebagai sistem yang aktif, pasif atau apapun yang
ada dalam batasan keduanya.
14 2. Tasks of collaborative leaning
Dalam lingkungan collaborative learning, kolaborator dapat memiliki berbagai jenis tasks. Tasks yang umumnya ditemukan dalam lingkungan
collaborative learning adalah : a. Collaborative concept_learning tasks
b. Collaborative problem_solving tasks c. Collaborative design tasks
3. Theories of learning and cognition in collaboration Dillenbourg [8] mengidentifikasikan tiga teori learning yang dapat digunakan
dalam sistem collaborative learning yaitu : socio-constructivist, socio-cultural dan shared cognition.
4. Design of collaborative learning context Dasar utama dari kolaborasi adalah willingness dari partisipan untuk berpesan
dan berkolaborasi dalam sense yang konstruktif. Slavin [8] melaporkan hasil studi yang dilakukan oleh Kuhn 1972 yang menemukan bahwa perbedaan
yang kecil pada level kemampuan kognitif antara partisipan kolaborasi ternyata lebih mengembangkan pertumbuhan kognitif, dibandingkan dengan
partisipan yang memiliki perbedaan yang jauh kemampuan kognitifnya. Hal ini menunjukkan bahwa partisipan kolaborasi seharusnya mempunyai tingkat
pengetahuan yang hampir sama untuk membangun kolaborasi yang konstruktif.
Kombinasi tasks dan jumlah kolaborator yang terlibat dalam learning
15 ditentukan oleh subjek domain, teori learning yang digunakan dan
kemampuan sistem. Berikut ini adalah jenis-jenis rancangan lingkungan kolaborasi :
a. Dua atau lebih partisipan berkolaborasi satu sama lain menggunakan komputer sebagai media. Sistem tidak melakukan apapun selain
menyediakan channel komunikasi untuk kolaborasi tanpa memainkan peran yang aktif.
b. Dua atau lebih partisipan berkolaborasi satu sama lain menggunakan seorang tutor aktif yang mengendalikan dan mengarahkan interaksi
kolaborasi. c. Dua partisipan atau lebih partisipan berkerjasama menangani masalah
pada tempat kerja yang sama, menggunakan tutor sedemikian rupa sehingga sama dengan jika partisipan bekerja sendiri.
d. Dua atau lebih partisipan bekerjasama dengan sedikitnya satu partisipan menggunakan simulasi sistem. Partisipan dapat menentukan aksinya
secara langsung atau atas permintaan partisipan lain. 5. Roles of the peers
Pada lingkungan collaborative learning, tujuan akan dibagi menjadi subtasks yang akan dilakukan oleh tiap partisipan. Hal ini juga menunjukkan bahwa
partisipan diberikan peran secara natural dan applicable pada domain yang diberikan. Blave Vive Kumar, 1996 menggambarkan dua peran yaitu
eksekutor, orang yang menangani masalah dan reflektor, orang yang meneliti dan mengomentari atas penyelesaian masalah.
16 Secara umum lingkungan collaborative learning dapat memiliki sekumpulan
peran sebagai : a. Decomposing, mengacu pada pekerjaan membagi penanganan masalah
kedalam tasks, tiap tasks dibagi ke dalam sejumlah tujuan. Tujuan akan menjadi objek learning bagi pembelajarannya.
b. Defining, mengusulkan sebuah tujuan dari sebuah tasks. c. Critiquing, hipotesa yang diusulkan seorang partisipan berita
alternatifnya. d. Convicing, aksi membandingkan sejumlah hipotesa dan mendukung salah
satunya. e. Reviewing, pekerjaan yang menjamin agar interaksi kolaborasi mengacu
pada proses learning yang konstruktif. f. Referencing, pekerjaan yang menyediakan fakta dan material terkait yang
diminta oleh partisipan lain. 6. Domain of collaboration
Secara umum collaborative learning efektif pada domain dimana partisipan berada pada pekerjaan skill acquisition, join planing, categorization dan
memory tasks. 7. Teaching methodologies
Sejumlah metodologi pengajaran yang diidentifikasi mendukung collaborative learning adalah :
17 a. Practice, partisipan diminta untuk mengunakan sebuah tujuan learning
pada sebuah masalah spesifik. b. Learning by teaching, metodologi ini mendukung learning dengan
memiliki sistem sebagai learnig tools. c. Situated learning, mahasiswa menjadi partisipan dalam sebuah latihan
sociocultural, kemampuan belajar dan kemampuan sosial berjalan bersama.
d. Negotiated learning, partisipan dan sistem bernegosiasi untuk mencapai tujuan belajar.
e. Discovery learning, mahasiswa mengeksplorasi sebuah lingkungan untuk proses learning.
2.2.2. Definisi Collaborative Learning
Beberapa definisi Collaborative learning 1. Umbrella term untuk berbagai jenis pendekatan edukasi yang melibatkan
usaha bekerjasama secara intelektual antar mahasiswa atau mahasiswa dan pengajar.
2. An instruction method in wich students work in groups toward a common academic goal suatu metode instruksi dimana para mahasiswa bekerja sama
dalam suatu kelompok untuk mencapai tujuan akademik tertentu.
18 Tujuan utama penggunaan collaborative learning [5]
1. Fokus pada belajar yang aktif Usaha dalam the Calculus Reform Movement [5] mengindikasikan bahwa
kelas menjadi tempat yang paling efektif saat para mahasiswanya ikut serta atau terlibat dalam materi yang disampaikan. Format pengajar memungkinkan
seorang instruktur meringkas sejumlah materi dengan efesien namun hal ini tidak otomatis mengefektifkan proses penyampaian materi pada mahasiswa.
2. Membangun skill menulis dan komunikasi lisan Colaborative learning mendorong mahasiswa untuk berkomunikasi satu sama
lain, menyatakan respon pada pertanyaan, bekerja dalam lontaran pendapat yang berbeda-beda dan menuliskan kesimpulan dengan jelas.
3. Memberikan tanggungjawab belajar secara eksplisit Jika dalam kelas lebih terfokus pada kerja secara kelompok, dan bukan pada
instruktur, maka mahasiswa akan menyadari bahwa kelompok mereka tidak dapat mengikuti pelajaran sehari-hari bila tanpa persiapan. Hal ini akan
mendorong kegiatan membaca dan penyelesaian pekerjaan lain pada suatu hari untuk disampaikan pada kelompok mereka di kemudian hari.
4. Memperjelas peran pengajar sebagai fasilitator dan mentor Seorang instruktur akan semakin melepaskan control terhadap kelas apabila
format kelas menekankan pada aktivitas kelompok, sehingga perannya akan menjadi pemberi tanggapan jika ada pertanyaan, sebagai pelatih kelompok
secara individual, mengatasi kesulitan-kesulitan yang umum terjadi dan
19 menyarankan suatu pendekatan baru.
5. Dapat mencakup materi lebih banyak atau lebih baik untuk materi yang sama
Dengan semakin aktifnya mahasiswa dalam kelas dan semakin reponsif atas proses belajar maka ditemukan bahwa kelas dapat mengalami percepatan
sebanyak 20 [5], sehingga di semester selanjutnya materi dapat diperbanyak. 6. Membangun rasa percaya diri dan mandiri pada mahasiswa
Sebuah kelas yang melibatkan mahasiswa dan partisipasi kelompok, akan mengurangi ketergantungan mahasiswa pada pengajar dan mahasiswa belajar
bagaimana cara belajar. Mahasiswa menjadi cakap saat membaca dan berlatih, dan mereka akan membuat strategi dalam menguasai pengetahuan yang baru.
7. Memiliki pengalaman bekerja secara kelompok Saat kelompok kerja melakukan perancangan dan membuat sebuah program,
anggota kelompok harus menentukan bagaimana struktur solusi yang diberikan, tasks apa yang akan ditangani suatu modul dan bagaimana bentuk
interface dari modul tersebut kemudian source code dibuat, kelompok akan mengetahui apa yang berjalan dan yang mana yang tidak. Aktivitas seperti ini
akan menekankan prinsip-prinsip software engineering, misalnya seperti kebutuhan akan spesifikasi yang baik.
20 8. Mendukung peer review
Saat bekerja pada proyek pemrograman sebagai bagian dari suatu kelompok, secara alami mahasiswa akan melihat sumber kelompok lain untuk
mengetahui pendekatan yang digunakan, menganalisa efisiensinya dan memperkirakan kesalahan yang mungkin terjadi.
2.3 Internet
Internet adalah suatu jaringan komputer global yang terbentuk dari jaringan-jaringan komputer lokal dan regional yang memungkinkan komunikasi
data antar komputer yang terhubung ke jaringan tersebut. Internet awalnya merupakan rencana dari Departemen Pertahanan Amerika Serikat US
Departement Of Defense pada sekitar tahun 1960. Dimulai dari suatu proyek yang dinamakan ARPANET atau Advanced Research Project Agency Network.
Beberapa universitas di Amerika Serikat diantaranya UCLA, Stanford, UC Santa Barbara dan University of Utah, diminta bantuan dalam mengerjakan proyek ini
dan awalnya telah berhasil menghubungkan empat komputer di lokasi universitas yang berbeda tersebut. Perkembangan ARPANET ini cukup pesat jika dilihat dari
perkembangan komputer pada saat itu. Jaringan komputer ini tidak dapat lagi disebut sebagai APRANET karena semakin banyak komputer dan jaringan-
jaringan regional yang terhubung. Konsep ini kemudian berkembang dan dikenal sebagai konsep internetworking jaringan antar jaringan. Oleh karena itu istilah
internet menjadi semakin popular, dan orang menyebutnya jaringan besar komputer tersebut dengan istilah internet [2].
21
2.4. Aplikasi
Web
Pada awalnya aplikasi web dibangun hanya dengan menggunakan bahasa yang disebut HTML HyperText Markup Language. Pada perkembangan
berikutnya, sejumlah skrip dan objek dikembangkan untuk memperluas kemampuan HTML. Pada saat ini, banyak skrip seperti itu, antara lain yaitu PHP
dan ASP, sedangkan contoh yang berupa objek adalah applet. Aplikasi web itu dapat dibagi menjadi web statis dan web dinamis. Web statis dibentuk dengan
menggunakan HTML saja. Kekurangan aplikasi seperti ini terletak pada keharusan untuk memelihara program secara terus-menerus untuk mengikuti
setiap perubahan yang terjadi. Kelemahan ini diatasi dengan model web dinamis. Dengan menggunakan pendekatan web dinamis, dimungkinkan untuk membentuk
sistem informasi berbasis web. Dari sisi teknologi yang digunakan untuk membentuk web dinamis terdapat dua pengelompokan, yaitu teknologi pada sisi
client dan teknologi pada sisi server. Teknologi web pada sisi client diimplementasikan dengan mengirimkan
kode perluasan HTML atau program tersendiri dan HTML ke client. Client yang bertanggung jawab dalam melakukan proses terhadap seluruh kode yang diterima.
Kelemahan pendekatan seperi ini adalah terdapat kemungkinan bahwa browser pada client tidak mendukung fitur kode perluasan HTML. Kelebihan teknologi
pada sisi client, yaitu memungkinkan penampilan yang bersifat dinamis. Contoh teknologi pada sisi client, yaitu Kontrol ActiveX, Java Applet, dan skrip sisi-
client. Teknologi web pada sisi server memungkinkan pemrosesan kode di dalam server sehingga kode yang sampai pada pemakai berbeda dengan kode asli pada
22 server. Contoh teknologi yang berjalan di server, yaitu CGI, ASP, JSP, PHP dan
lain sebagainya. Keuntungan penggunaan teknologi pada sisi server adalah sebagai berikut:
1. Mengurangi lalu lintas jaringan dengan cara menghindari percakapan bolak- balik antara client dan server.
2. Mengurangi waktu pemuatan kode, mengingat client hanya mengambil kode HTML saja.
3. Mencegah masalah ketidak kompatibelan browser. 4. Client dapat berinteraksi dengan data yang ada pada server.
5. Mencegah client mengetahui rahasia kode mengingat kode yang diberikan ke client berbeda dengan kode asli pada server [3].
2.5. Web 2.0
Pada bagian ini akan dijelaskan tentang definisi, kelebihan, dan kriteria web 2.0.
2.5.1. Definisi Web 2.0
Istilah tentang web 2.0 dikeluarkan pada tahun 2004 oleh Dale Dougherty pada sebuah konferensi mengenai aplikasi web. Setelah melalui berbagai
pembahasan dan perdebatan akhirnya disepakatilah bahwa web 2.0 bukanlah sebuah hipotesa atau teori atau paradigma ataupun metodologi dalam membangun
aplikasi web. Web 2.0 adalah istilah untuk suatu aplikasi web yang berorientasi proses bisinis dan arsitektur layanannya mengedepankan kontribusi dari setiap
penggunaannya serta memberikan fitur-fitur yang mempermudah pengguna untuk mempersonalisasi kebutuhannya [6].
23
2.5.2. Kelebihan dari Web 2.0
Dalam perkembangannya, aplikasi web yang dibangun dengan menggunakan orientasi web 2.0 ternyata dirasakan mempunyai beberapa nilai
positif [6]. Nilai positifnya adalah sebagai berikut : 1. Web 2.0 berhasil menyajikan sebuah layanan yang komprehensif pada
platform apapun. Cukup menggunakan sebuah browser dan melakukan koneksi dengan server maka setiap orang sudah dapat menggunakannya.
2. Dalam penggunaannya, web 2.0 lebih mudah digunakan karena aplikasinya berjalan secara terpusat di server, pengguna tidak perlu repot lagi untuk
memperbaharui aplikasi mereka secara mandiri. 3. Dalam segi pemrograman, web 2.0 memiliki teknik pemrograman front-end
yang relatif ringan hal ini dikarenakan web 2.0 adalah sebuah aplikasi yang berjalan di sebuah browser, sehingga mudah untuk digunakan kembali
reuse. 4. Kelebihan orientasi web 2.0 dibandingkan dengan web 1.0 aplikasi yang
layanannya hanya berorientasi pada pemenuhan tujuan bisnis adalah lebih cepat dan lebih mudah mengumpulkan data karena kontributornya berasal dari
berbagai sumber, tingkatan dan bidang keahlian.
2.5.3. Kriteria Web 2.0
Biasanya terdapat tiga kriteria yang harus dipenuhi sebuah aplikasi web agar dapat dinilai sebagai aplikasi web 2.0 Zibriel dan Supangkat, 2008.
1. Menggunakan SOA Service Oriented Architecture Web 2.0 umunya menggunakan SOA , dalam melaksanakan fungsinya sebagai
24 penyedia layanan. SOA adalah sebuah konsep arsitektur sistem komputer yang
membuat dan menggunakan langkah-langkah proses bisnis dalam bentuk paket layanan. Bentuk paket layanan yang dimaksud oleh SOA untuk berusaha
membungkus kerumitan yang terjadi dari sudut pandang pengguna sistem. Penggunaan SOA memungkinkan perancang sistem untuk menghubungkan
berbagai aplikasi yang berlainan jenis tanpa perlu disadari oleh penggunanya. Oleh karena itu implementasi SOA biasanya menggunakan GUI Graphic
User Interface untuk membungkus cara kerja aplikasi yang sebenarnya. Karakter utama dari aplikasi SOA adalah layanan yang menunggu secara
terus-menerus untuk digunakan. 2. Menggunakan RIA Rich Internet Application
RIA adalah aplikasi web yang dapat memberikan fitur apapun fungsi aplikasi desktop kepada para penggunannya. Artinya beberapa keunggulan atau
kemudahan pada saat menggunakan aplikasi yang berjalan di atas desktop dapat dilakukan juga oleh aplikasi web RIA yang berjalan di suatu server serta
diakses oleh pengguna sistem hanya dengan menggunakan bantuan sebuah browser. Contoh dari kemudahan aplikasi desktop yang telah beradaptasi oleh
aplikasi web RIA adalah fitur drag-and-drop fitur shortcut, fitur recovery. Pada umumnya aplikasi web RIA hanya mengirimkan sejumlah data yang
diperlukan client tetapi tetap menyimpan seluruh data utama seperti status pengguna pada sisi server aplikasi. Contoh teknologi yang digunakan untuk
mewujudkan RIA adalah Flash dan Ajax.
25 3. Menggunakan pendekatan Social Web
Kriteria yang terakhir yang sekaligus merupakan daya tarik dari aplikasi web 2.0 adalah menggunakan pendekatan social web dalam memperkaya layanan
yang diberikan. Dalam konsep social web setiap pengguna aplikasi web terdaftar atau tidak diminta untuk saling berkolaborasi untuk menambah,
menghapus, menyunting ataupun mengategorikan konten dari sebuah layanan sehingga kualitas dan kegunaan layanan benar-benar ditentukan oleh
kontribusi dari setiap pengguna layaknya sebuah komunitas dalam dunia nyata.
2.6. Metode Perancangan Sistem
Metode perancangan sistem meliputi : bagan alir dokumen, diagram konteks, data flow diagram DFD, diagram nol, diagram rinci, penomoran level
pada DFD, entity relationship diagram, kamus data.
2.6.1. Bagan Alir Dokumen document flowmap
Bagan alir dokumen menggambarkan aliran dokumen dan informasi antar area pertanggungjawaban didalam sebuah organisasi. Bagan alir ini menelusuri
sebuah dokumen dari asalnya sampai tujuannya. Secara rinci bagan alir ini menunjukkan dari mana dokumen tersebut berasal, distribusinya, tujuan
digunakannya dokumen tersebut dan lain-lain. Bagan alir ini bermanfaat untuk menganalisis kecukupan prosedur pengawasan dalam sebuah sistem. Bagan alir
dokumen disebut juga bagan alir formulir yang merupakan yang menunjukkan arus dari laporan dan formulir termasuk tembusannya.
26
2.6.2. Diagram Konteks
Diagram konteks menggambarkan hubungan antara sistem dengan entitas luarnya. Diagram konteks berfungsi sebagai transformasi dari satu proses yang
melakukan transformasi data input menjadi data output. Entitas yang dimaksud adalah entitas yang mempunyai hubungan langsung dengan sistem.
Suatu diagram konteks selalu mengandung satu dan hanya satu proses saja. Proses ini mewakili proses dari seluruh sistem. Diagram konteks ini
menggambarkan hubungan input atau output antara sistem dengan dunia luarnya.
2.6.3. Data Flow Diagram
Data Flow Diagram DFD –DADDiagram Alir Data memperlihatkan
hubungan fungsional dari nilai yang dihitung oleh sistem, termasuk nilai masukan, nilai keluaran, serta tempat penyimpanan internal. DAD adalah gambaran grafis
yang memperlihatkan aliran data dari sumbernya dalam objek kemudian melewati proses yang mengubahnya ke tujuan yang lain, yang ada pada objek lain. DAD
sering digunakan untuk menggambarkan suatu sistem yang telah ada atau sistem baru yang akan dikembangkan secara logika tanpa mempertimbangan lingkungan
fisik dimana data tersebut mengalir. DFD merupakan alat yang digunakan pada metodologi pengembangan sistem yang terstruktur structured analysis and
design. DFD merupakan alat yang cukup populer sekarang ini, karena dapat menggambarkan arus data di dalam sistem dengan terstruktur jelas.
27 Beberapa simbol yang digunakan dalam Data Flow Diagram DFD
antara lain: 1. External Entity kesatuan luar atau boundary batas sistem
Setiap sistem pasti mempunyai batas sistem boundary yang memisahkan suatu sistem dengan lingkungan luarnya. Sistem akan menerima input dan
menghasilkan output kepada lingkungan luarnya. Kesatuan luar external entity merupakan kesatuan entity di lingkungan luar sistem yang dapat
berupa orang, organisasi atau sistem lainnya yang berada di lingkungan luarnya yang akan memberikan input atau menerima output dari sistem.
2. Data Flow arus data Arus data data flow di DFD diberi simbol suatu panah. Arus data ini
mengalir diantara proses process, simpanan data data strore dan kesatuan luar external entity. Arus data ini menunjukkan arus dari data yang dapat
berupa masukan untuk sistem atau hasil dari proses sistem. 3. Process proses
Suatu proses adalah kegiatan atau kerja yang dilakukan oleh orang, mesin atau komputer dari hasil suatu arus data yang masuk ke dalam proses untuk
dihasilkan arus data yang akan keluar dari proses. Untuk physical data flow diagram PDFD, proses dapat dilakukan oleh orang, mesin atua komputer,
sedangkan untuk logical data flow diagram LDFD, suatu proses hanya menunjukkan proses dari komputer. Setiap proses harus diberi penjelasan
yang lengkap meliputi identifikasi proses, nama proses dan pemroses.
28 4. Data Store simpanan luar
Simpanan data data store merupakan simpanan dari data yang dapat berupa, yaitu suatu file atau database di sistem komputer, suatu arsip atau catatan
manual, suatu kotak tempat data di meja seseorang, suatu tabel acuan manual, dan suatu agenda atau buku.
2.6.4. Diagram Nol overview diagram
Diagram nol adalah diagram yang menggambarkan proses dari data flow diagram. Diagram nol memberikan pandangan secara menyeluruh mengenai
sistem yang ditangani, menunjukkan tentang fungsi-fungsi utama atau proses yang ada, aliran data, dan exsternal entity. Pada level ini sudah dimungkinkan untuk
digambarkan level selanjutnya, simbol „’ atau „P’ functional primitive dapat ditambahkan pada akhir nomor proses. Keseimbangan input dan output
balancing antara diagram nol dengan diagram konteks harus terpelihara.
2.6.5. Diagram Rinci level diagram
Diagram rinci adalah diagram yang menguraikan proses apa yang ada dalam diagram zero atau diagram level di atasnya.
2.6.6. Penomoran Level pada DFD
Didalam satu level seharusnya tidak terdapat lebih dari tujuh buah proses dan maksimal 9, bila lebih maka harus dilakukan dekomposisi.
29 Tabel 2.1. Tabel Penomoran Level DFD
Nama Level
Nama Diagram Nomor Process
Context 1
Diagram 0 1.0,2.0,3.0,…
2 Diagram 1.0
1.1,1.2,1.3,… 2
Diagram 2.0 2.1,2.2,2.3,…
2 Diagram 3.0
3.1,3.2,3.3,… 3
Diagram 1.1 1.1.1,1.1.2,…
3 Diagram 1.2
1.2.1,1.2.2,… 3
Diagram 1.3 1.3.1,1.3.2,…
2.6.7. Entity Relationship Diagram
ERD hanya berfokus pada data, dengan menunju kkan “jaringan data” yang
ada untuk suatu sistem yang diberikan. ERD sangat berguna bagi aplikasi di mana data dan hubungan yang mengatur data sangatlah kompleks. ERD pada mulanya
diusulkan oleh Peter Chen untuk desain sistem database relasional dan telah dikembangkan oleh yang lainnya. Serangkaian komponen utama diidentifikasikan
untuk ERD : objek data, atribut, hubungan dan berbagai tipe indikator. Tujuan utama dari ERD adalah untuk mewakili objek data dan hubungan mereka.
Kardinalitas model data harus dapat merepresentasikan jumlah peristiwa dari objek di dalam hubungan yang diberikan. Tillmann mendefinisikan
kardinalitas dari object-relationship pair dengan cara sebagai berikut: kardinalitas
30 merupakan spesifikasi dari sejumlah peristiwa dari satu [objek] yang dapat
dihubungkan ke sejumlah peristiwa dari [objek] yang lain. Dengan mempertimbangkan semua kombinasi dari „satu’ dan „banyak’, dua [objek] dapat
dihubungkan sebagai: 1. Satu-ke-satu 1:1
2. Satu-ke-banyak 1:N 3. Banyak-ke-satu N:1
4. Banyak-ke-banyak M:N
2.6.8. Kamus Data
Kamus data KD atau data dictionary DD atau disebut juga dengan istilah system data dictionary adalah katalog fakta tentang data dan kebutuhan-
kebutuhan informasi dari suatu sistem informasi. Dengan menggunakan kamus data, analisis sistem dapat mendefinisikan data yang mengalir di sistem dengan
lengkap. Kamus data dibuat pada tahap analisis sistem dan digunakan baik pada tahap analisis maupun pada tahap perancangan sistem. Pada tahap analisis dan
perancangan, kamus data dapat digunakan sebagai alat komunikasi antara analsisis sistem dengan pemakai sistem tentang data yang mengalir di sistem,
yaitu tentang data yang masuk ke sistem dana tentang informasi yang dibutuhkan oleh pemakai sistem.
Pada tahap perancangan, kamus data digunakan untuk merancang input, merancang laporan-laporan dan database. Kamus data dibuat berdasarkan arus
data yang ada di DFD. Arus data di DFD sifatnya global, hanya ditunjukkan nama arus datanya saja. Keterangan lebih lanjut tentang struktur data dari arus data di
31 DFD secara lebih rinci dapat dilihat di kamus data. Kamus data harus dapat
mencerminkan keterangan yang jelas tentang data yang dicatatnya, maka kamus data harus memuat nama arus data, alias, bentuk data, arus data, penjelasan,
periode, volume, dan struktur data [7].
2.7. Basis Data
Basis data terdiri dari dua kata, yaitu basis dan data. Basis dapat diartikan sebagai markas atau gudang, tempat bersarang atau berkumpul, sedangkan data
adalah representasi fakta dunia nyata yang mewakili suatu objek seperti manusia pegawai, mahasiswa, pembeli, pelanggan, barang, hewan, peristiwa, konsep,
keadaan, dan sebagainya, yang direkam dalam bentuk angka, huruf, simbol, teks, gambar, bunyi, atau kombinasinya.
Menurut [4] basis data dapat didefinisikan dari sejumlah sudut pandang seperti:
a. Himpunan kelompok data arsip yang saling berhubungan yang diorganisasi sedemikian rupa agar kelak dapat dimanfaatkan kembali dengan cepat dan
mudah. b. Kumpulan data yang saling berhubungan yang disimpan secara bersama
sedemikian rupa dan tanpa pengulangan yang tidak perlu, untuk memenuhi berbagai kebutuhan.
c. Kumpulan file atau tabel atau arsip yang saling berhubungan yang disimpan dalam media penyimpanan elektronik.
Prinsip utama basis data adalah pengaturan data atau arsip. Dan tujuannya adalah kemudahan dan kecepatan dalam pengambilan kembali data atau arsip.
32
2.7.1. Manajemen Sistem Basis Data Database Managgement System
Manajemen sistem basis data database managgement system adalah perangkat lunak yang didesain untuk membantu dalam hal pemeliharaan dan
utilitas kumpulan data dalam jumlah besar. DBMS dapat menjadi alternatif penggunaan secara khusus untuk aplikasi, semisal penyimpanan data dalam file
dan menulis kode aplikasi yang spesifik untuk pengaturannya. Penggunaan DBMS untuk suatu aplikasi tergantung pada kemampuan dan
dukungan DBMS yang beroperasi secara efisien, sehingga agar bisa menggunakan DBMS dengan baik, perlu diketahui cara kerja dari DBMS tersebut. Pendekatan
yang dilakukan untuk menggunakan DBMS secara baik meliputi implementasi DBMS dan arsitektur secara mendetail untuk dapat memahami desain dari suatu
basis data.
2.8. Hypertext Markup Language HTML
Hypertext Markup Language HTML adalah bahasa yang digunakan untuk membuat dokumen pada World Wide Web WWW. HTML adalah
pengembangan dari SGML Standard Generelize Markup Language, dapat dibuat dengan menggunakan berbagai tools dari peng-edit teks yang sederhana.
HTML menggunakan tag-tag tertentu untuk menyusun sebuah dokumen, seperti body dan body untuk membuat isi dari suatu dokumen yang dibuat [W3C],
2005.
2.9. PHP dan MySQL
PHP merupakan bahasa pemrograman untuk script web server-side. Bahasa pemrograman PHP diciptakan pertama kali oleh Rasmus Lerdorf, seorang
33 pemrogram C yang sangat handal. Semula PHP hanya digunakan untuk mencatat
seberapa jumlah pengunjung pada hompage-nya. Rasmus adalah salah seorang pendukung open source. Karen itulah ia mengeluarkan Personal Home Page
Tools versi 1.0 secara gratis atau freeware pada tahun 1995. Setelah mempelajari YACC dan GNU Bison, Rasmus menambah kemampuan pada PHP 1.0 dan
menerbitkan PHP 2.0 sebagai pengembangan dari PHP 1.0 yang telah ada sebelumnya.
PHP 2.0 mampu berhubungan dengan database dan dapat diintegrasikan dengan HTML. Pada tahun 1996, PHP telah digunakan oleh banyak website di
dunia. Sebuah kelompok pengembang software yang terdiri dari Rasmus, Zeew Suraski, Andi Gutman, Stig Bakken, Shane Carveo dan Jim Winstead bekerja
selama tujuh bulan untuk melakukan penyempurnaan terhadap PHP 2.0, akhirnya pada tanggal 6 Juni 1998, PHP 3.0 resmi dikeluarkan ke dunia pemrograman.
Pada pertengahan tahun 1999, Zend merilis interpreter PHP baru dan rilis tersebut dikenal dengan PHP 4.0. PHP 4.0 adalah versi PHP yang paling banyak dipakai.
Versi ini banyak dipakai sebab versi ini mampu dipakai untuk membangun aplikasi web kompleks tetapi tetap memiliki kecepatan proses dan stabilitas yang
tinggi. PHP versi 4.2 telah diterbitkan pada tanggal 22 April 2002 dengan log kelompok fungsi, sampai dengan versi 4.3.7 tercatat 125 kelompok fungsi yang
dimiliki oleh PHP. Pada Juni 2004, Zend merilis PHP 5.0. Versi ini adalah versi yang paling mutakhir dari PHP.
PHP memiliki beberapa kelebihan yang tidak dimiliki oleh bahasa-bahasa sejenisnya, yaitu:
34 1.
Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaannya.
2. Web Server yang mendukung PHP dapat ditemukan dimana - mana dari
mulai IIS sampai dengan apache, dengan configurasi yang relatif mudah. 3.
Dalam sisi pengembangan lebih mudah, karena banyaknya milis - milis dan developer yang siap membantu dalam pengembangan.
4. Dalam sisi pemahamanan, PHP adalah bahasa scripting yang paling mudah
karena referensi yang banyak. 5.
PHP adalah bahasa open source yang dapat digunakan di berbagai mesin linux, unix, windows dan dapat dijalankan secara runtime melalui console
serta juga dapat menjalankan perintah-perintah sistem. MySQL My Structure Query Language adalah sebuah program pembuat
database yang bersifat open source. MySQL sebenarnya produk yang berjalan pada platform Linux. Karen sifatnya open source, maka MySQL dapat dijalankan
pada semua platform baik Windows maupun Linux. Selain itu, MySQL juga merupakan program pengakses database yang bersifat jaringan sehingga dapat
digunakan untuk aplikasi multi user banyak pengguna. Saat ini database MySQL telah digunakan hampir oleh semua programmer database, apalagi dalam
pemrograman web. Kelebihan lain dari MySQL adalah menggunakan bahasa Query standar
yang dimiliki SQL Structure Query Language. SQL adalah suatu bahasa permintaan yang terstruktur yang telah distandarkan untuk semua program
pengakses database seperti Oracle, Posgres SQL, SQL Server, dan lain-lain.
35 MySQL sebagai sebuah program penghasil database, tidak dapat berjalan
sendiri tanpa adanya sebuah aplikasi lain interface. MySQL dapat didukung oleh hampir semua program aplikasi baik yang open source seperti PHP maupun yang
tidak, yang ada pada platform Windows seperti Visual Basic, Delphi, dan lainnya [3].
2.10. Rekayasa Web Web Engineering
Aplikasi dan sistem berbasis web WebApp memberi suatu susunan content yang kompleks kepada end users, dimana rekayasa web merupakan proses
yang digunakan untuk menghasilkan aplikasi web yang berkualitas tinggi [9]. Rekayasa web bukan merupakan hasil penggandaan sempurna dari rekayasa
perangkat lunak, melainkan lebih kepada mengambil beberapa fundamental dari konsep dan prinsip rekayasa perangkat lunak yang menekankan pada teknik dan
aktivitas manajemen yang sama. Ada beberapa karakteristik yang perlu diperhatikan dari aplikasi web:
1 Kesiapan Immediacy Aplikasi web memiliki kesiapan yang tidak akan ditemukan pada tipe
perangkat lunak lain. Artinya waktu memasarkan halaman web secara lengkap dapat dilakukan dalam beberapa hari atau beberapa minggu. Pengembangan
harus menggunakan
metode untuk
perancangan, analisis,
desain, implementasi, dan pengujian yang disesuaikan dengan jadwal yang
dibutuhkan dalam mengembangkan aplikasi web.
36 2 Keamanan Security
Aplikasi web tersedia pada suatu akses jaringan, yang berarti sulit untuk membatasi populasi dari end user yang mengakses aplikasi. Untuk menjaga
content yang sensitif dan menyediakan cara yang aman untuk mentransmisikan data, maka perlu diterapkan suatu aturan keamanan yang
kuat secara menyeluruh pada infrastruktur yang mendukung suatu aplikasi web dan dalam aplikasi itu sendiri.
3 Estetika Aesthetics Bagian yang tidak terbantahkan dari daya tarik aplikasi web adalah rasa dan
tampilan aplikasi itu sendiri. Ketika suatu aplikasi didesain untuk memasarkan atau menjual suatu produk atau pemikiran, estetis mungkin memiliki tingkat
kesuksesan yang sama dengan desain tekniknya. Tahapan proses rekayasa web dapat dilihat pada Gambar 2.1.
Gambar 2.1. Tahapan Proses pada Rekayasa Perangkat Web [9]
37 Tahapan-tahapan dalam proses rekayasa perangkat web [9] :
1 Formulasi Formulation Tahap formulasi merupakan tahap untuk melakukan pengidentifikasian tujuan
pembuatan aplikasi web dan batasan pengembangan sistem, penganalisaan model sesuai dengan spesifikasi kebutuhan sistem, serta penentuan sarana
yang akan digunakan dengan tujuan untuk mendapatkan hasil keluaran yang baik.
2 Perencanaan Planning Tahap perencanaan merupakan tahap untuk melakukan perkiraan biaya secara
keseluruhan, mengevaluasi resiko yang mungkin terjadi, dan mendefinisikan jadwal pengembangan aplikasi.
3 Analisis Analysis Tahap analisis merupakan tahap untuk mengidentifikasikan content yang akan
ditampilkan dalam aplikasi dan menentukan kebutuhan untuk estetika pada desain.
4 Perancangan Engineering Proses perancangan pada proses rekayasa web disebut engineering, yang
terdiri dari beberapa tahap, yaitu: a.
Perancangan Isi Content Design Pada tahap ini merancang content dari aplikasi web dan merancang basis
data yang digunakan berdasarkan kebutuhan informasi yang telah diidentifikasi pada tahap analisis.
38 b. Perancangan Arsitektur Architectural Design
Tahap ini difokuskan pada struktur hypermedia secara keseluruhan dari aplikasi web. Struktur arsitektur berkaitan erat dengan tujuan dari
pengembangan situs, content yang disediakan, dan pengguna yang mengunjungi situs.
c. Perancangan Keluaran Production
Pada tahap ini merancang keluaran yang akan dihasilkan dari aplikasi web. Informasi yang dihasilkan harus memenuhi kebutuhan dari
pengguna. Informasi terdiri dari informasi umum sampai informasi yang merupakan hasil query pada sistem.
d. Perancangan Navigasi Navigation Design Pada tahap ini merancang navigasi untuk masing-masing pengguna yang
bertujuan untuk mengatur hak otorisasi. b. Perancangan Antarmuka Interface Design
Perancangan antarmuka sebelumnya dibuat dalam bentuk tag HTML yang kemudian dipecah dan sisimpan dalam bentuk ekstensi PHP untuk
mempermudah proses pengodean dan penggabungan, sehingga hampir seluruh file yang dieksekusi berupa file PHP.
5 Pembuatan Halaman dan Pengujian Page Generation and Testing Tahap ini merupakan pembuatan halaman web dalam bentuk HTML, yang
didasarkan atas hasil proses perancangan isi, sedangkan tahap pengujian dilakukan untuk mengetahui kemungkinan terjadinya kesalahan pada script
atau form agar kemudian dapat dilakukan perbaikan sehingga aplikasi dapat
39 berjalan dengan baik dan benar.
6 Evaluasi Customer Evaluation Tahap evaluasi dilakukan untuk mengetahui kualitas suatu aplikasi yang
mengandung faktor-faktor sebagai berikut: a. Usability
Evaluasi diantaranya didasarkan pada nilai estetis dan pemahaman isi situs.
b. Functionality Evaluasi didasarkan pada kemampuan proses pencarian data, proses
navigasi, dan browsing. c. Reliability
Evaluasi didasarkan pada ketepatan proses link dan validasi dari input yang diberikan.
d. Efficiency Evaluasi didasarkan pada kecepatan dalam menampilkan gambar dan
menampilkan halaman baru. e. Maintainability
Evaluasi didasarkan pada kemudahan untuk memperbaiki dan kemampuan untuk beradaptasi dengan perangkat lunak yang digunakan.
40
2.11. Struktur Arsitektur Web
Desain arsitektur untuk sistem aplikasi berbasis web terfokus pada keseluruhan struktur hypermedia, pola desain aplikasi dan template yang
terstruktur. Menurut Presman [9] terdapat empat struktur yang berbeda yang dapat digunakan jika hendak mengembangkan desain untuk aplikasi web yang tipikal,
yaitu struktur linier, struktur grid, struktur hirarki dan struktur web murni networked.
1. Struktur Linier
Struktur linier digunakan ketika urutan interaksi yang diperkirakan dengan
bentuk variasi yang umum. Sebuah contoh klasik dapat menjadi presentasi tutorial dimana informasi beserta grafik, video pendek atau audio yang
bersangkutan dipresentasikan setelah informasi yang dibutuhkan telah didapat. Urutan presentasi isi didefinisikan sebelumnya dan linier secara umum
Gambar 2.2.
Gambar 2.2. Struktur Linier [9]
41
2. Struktur Grid
Struktur grid merupakan pilihan arsitektur yang dapat diaplikasikan ketika isi dari WebApp disusun berdasarkan kategorinya didalam dua atau lebih dimensi.
Arsitektur web seperti ini berguna hanya jika isi yang didapatkannya bersifat regular Gambar 2.3.
Gambar 2.3. Struktur Grid [9]
3. Struktur Hirarki
Struktur hirarki merupakan struktur arsitektur WebApp yang paling umum. Struktur WebApp yang hirarki dapat didesain dalam perlakuan yang
memperbolehkan kontrol flow secara horisontal, melalui cabang-cabang vertikal dari struktur. Harus diingat bahwa meskipun tipe ranting seperti itu
mengijinkan navigasi yang baik melalui isi WebApp namun dapat menyebabkan kebingungan bagi sebagian pengguna Gambar 2.4.
42
Gambar 2.4. Struktur Hirarki [9] 4.
Struktur Web Murni Networked
Pada struktur ini serupa dengan cara-cara biasa terhadap arsitektur yang dikembangkan untuk sistem berorientasi objek. Komponen-komponen
arsitektural dalam kasus ini, halaman-halaman web didesain sedemikian rupa sehingga mereka dapat melewatkan kontrol melalui hypertext link kepada
setiap komponen lain di dalam sistem secara virtual.Gambar 2.5.
Gambar 2.5. Struktur Networked [9]
43
43
BAB III ANALISIS DAN PERANCANGAN SISTEM
Pada bab ini akan menjelaskan analisis dan perancangan dari aplikasi collaborative learning perguruan tinggi berbasis web studi kasus di Lembaga
Bahasa Arab dan Studi Islam Al-Imarat. 3.1.
Analisis Sistem
Analisis sistem bertujuan untuk mengidentifikasi permasalahan- permasalahan yang ada pada sistem. Analisis ini diperlukan sebagai dasar bagi
tahapan perancangan sistem. Dalam analisis sistem dilakukan penguraian dari suatu aplikasi collaborative learning perguruan tinggi berbasis web 2.0 yang utuh
ke dalam bagian-bagian komponennya dengan maksud untuk mengidentifikasikan dan mengevaluasi permasalahan-permasalahan, sehingga ditemukan kekurangan-
kekurangan, kesempatan-kesempatan, hambatan-hambatan yang terjadi dan kebutuhan-kebutuhan yang diharapkan sehingga dapat dilakukan perbaikan.
3.1.1. Analisis Masalah
Berdasarkan latar belakang masalah yang ada, maka dapat diketahui masalah-masalah yang terjadi di Lembaga Bahasa Arab dan Studi Islam Al-Imarat
yang menjadikan pembuatan aplikasi collaborative learning ini, kendala tersebut adalah :
a. Masalah ketersediaan
aplikasi, bagaimana
mengusahakan aplikasi
pembelajaran yang tidak mahal atau gratis.
44 b. Ketersediaan sarana informasi yang masih terbatas dalam hal menyebarkan
materi pembelajaran tertentu. c. Para dosen dan mahasiswa, masih kesulitan dalam menerapkan metode
pembelajaran yang bersifat collaborative learning dikarenakan keterbatasan waktu dan tempat, sehingga proses kolaborasi antara mahasiswa dengan
mahasiswa lain, dan dosen dengan mahasiswa tidak dapat berjalan sebagaimana semestinya.
d. Dosen yang mengendalikan dan mengarahkan interaksi kolaborasi dalam pembelajaran tertentu berhalangan hadir karena ada kesibukan lain, sehingga
proses kolaborasi tidak dapat berjalan.
3.1.2. Analisis Kebutuhan Sistem Non Fungsional
Analisis non-fungsional merupakan analisis yang dibutuhkan untuk menentukan spesifikasi kebutuhan sistem. Spesifikasi ini juga meliputi elemen
atau komponen-komponen apa saja yang dibutuhkan untuk sistem yang akan dibangun sampai dengan sistem tersebut diimplementasikan. Analisis kebutuhan
ini juga menentukan spesifikasi masukan yang diperlukan sistem, keluaran yang akan dihasilkan sistem dan proses yang dibutuhkan untuk mengolah masukan
sehingga menghasilkan suatu keluaran yang diinginkan. Pada analisis kebutuhan sistem non-fungsional ini dijelaskan analisis
mengenai perangkat keras hardware, perangkat lunak software, dan pengguna user sebagai bahan analisis kekurangan dan kebutuhan yang harus dipenuhi
dalam perancangan sistem yang akan diterapkan.
45
3.1.2.1. Analisis Perangkat Keras Hardware
Agar aplikasi dapat berjalan dengan baik, maka dibutuhkan perangkat keras yang sesuai dengan kebutuhan aplikasi. Berikut ini adalah spesifikasi
minimum perangkat keras yang dibutuhkan oleh client agar dapat menjalankan aplikasi secara optimal.
Tabel 3.1. Spesifikasi Minimum Perangkat Keras
Komputer Server
Komputer Client
Prosesor 2,4 Ghz Prosesor 1,8 GHz
Monitor SVGA 14 ’
Monitor SVGA 14 ’
Memori 1 Gb Memori 256 Mb
VGA 128 MB VGA VGA 32 MB VGA
Harddisk 40 GB7200 RPM Harddisk 20 GB7200 RPM
Papan ketik keyboard, Mouse, printer, modem dan LAN Card
Papan ketik keyboard, Mouse, printer, modem dan LAN Card
Tabel spesifikasi di atas menjelaskan spesifikasi minimum perangkat keras yang dibutuhkan oleh server dan client, secara keseluruhan spesifikasi perangkat
keras hardware
tersebut telah
memenuhi kebutuhan
untuk mengimplementasikan aplikasi collaborative learning.
3.1.2.2. Analisis Kebutuhan Perangkat Lunak Software
Aplikasi collaborative learning memiliki kebutuhan perangkat lunak software sebagai berikut :
a. Untuk Komputer Server : Sistem Operasi Server: Sistem operasi dapat menggunakan Windows
XP SP1 atau SP2;
46 Web Browser : Sedangkan untuk web browser dapat menggunakan
program Mozilla Firefox, dan Opera; Web Server : Dapat menggunakan XAMPP 2.5, PWS, IIS, dan
Apache; Database Sever : Database servernya menggunakan MySQL Server
5.0. b. Untuk Komputer Client :
Sistem Operasi Server: Sistem operasi dapat menggunakan Windows XP SP1 atau SP2, Windows Server 2000, dan Linux;
Web Browser : Sedangkan untuk web browser dapat menggunakan program Mozilla Firefox, Opera;
Aplikasi Pendukung Lainnya: Perlu dilengkapi dengan Flash player versi 8 ke atas, selain itu agar dapat membaca file format PDF maka
perlu disediakan Adobe Acrobat Reader, dan aplikasi pembaca file terkompresi seperti WinZip atau WinRar.
Dari hasil pengamatan perangkat lunak, terdapat beberapa hal penting yang harus diperhatikan agar sistem yang akan dirancang dapat berjalan dengan
baik dan sesuai dengan yang diharapkan. Pengguna diharapkan dapat memenuhi kebutuhan perangkat lunak yang telah direkomendasikan agar aplikasi dapat
berjalan dengan baik.
47
3.1.2.3. Analisis Pengguna User
Secara umum aplikasi ini mempunyai tiga pengguna user, dimana masing-masing bagian tersebut mempunyai fasilitas-fasilitas yang berbeda-beda,
dengan asumsi pengguna yang sudah terbiasa menggunakan sistem berbasis web. Ketiga bagian tersebut adalah : Administrator, member, non member.
a. Administrator Administrator dalam aplikasi ini berfungsi untuk menjaga isi dari aplikasi
collaborative learning agar tidak menyimpang dari isi materi pembelajaran. Administrator dalam aplikasi ini dapat menambah, mengubah, dan menghapus
member dan modul-modul, dalam hal ini adalah seorang operator yang
mengetahui dan terbiasa menggunakan sistem berbasis web. Intinya seorang
Administrator akan mengelola semua fasilitas yang ada pada aplikasi ini. b. Non Member
Non member adalah pengguna atau pengunjung yang ingin mengakses aplikasi collaborative learning. Non member hanya dapat mengakses materi
pembelajaran, mengunduh download materi pelajaran, dan mengakses kumpulan soal yang ada pada situs collaborative learning ini, dalam hal ini
adalah mahasiswa yang belum mendaftar atau pihak lain yang tidak terdaftar dilingkungan kampus. Non member tidak berperan aktif dalam mengelola isi
dari aplikasi collaborative learning.
48 c. Member
Member adalah pengguna dari aplikasi collaborative learning yang telah terdaftar, yaitu mahasiswa atau dosen yang telah terdaftar di lingkungan
kampus dan telah melakukan pendaftaran di dalam sistem. Member dapat berperan aktif dalam menyumbangkan informasi mengenai materi
pembelajaran, dan berkolaborasi dengan member lain untuk mengelola isi dari aplikasi collaborative learning. Member dapat menulis materi, merubah data
materi tersebut, menyunting materi yang ditulis Member lain, mengakses E- game dan juga mengakses E-museum.
3.2. Analisis Basis Data
Entity Relationship Diagram ERD merupakan salah satu cara untuk mengolah database sehingga data tersebut dapat diketahui hubungan antara file
dan teknik, ini dapat digunakan untuk mengatasi terjadinya redundansi data atau sejenisnya. Untuk lebih jelasnya bentuk Entity Relationship Diagram ERD
tersebut dapat dilihat pada gambar 3.1.
Kategori
Member Materi
Memiliki
Kumpulansoal
Museum Mengakses
Mengakses
Mengakses Soal_Ujian
Forum Mengikuti
Memiliki Tanggapan
Mengirim Mata_Kuliah
Memiliki
Memiliki
Memiliki kd_makul
Id_materi id_member
Id_Forum
Id_Tanggapan
Memiliki
Id_kategori
Id_kumpulansoal
Game Mengakses
Id_game
N 1
1
1 N
N 1
1 1
N
N N
1 1
N 1
N
N
N N
1
kd_soal
N N
1
1 Member_sementara
Mahasiswa_dosen
Menjadi Mendaftar
ses
Nim_nip
1
1 1
1
N 1
Id_Ujian
Ujian
Memiliki
1 Mengirim
Pertanyaan
Memiliki No_pertanyaan
1 N
1 Mengirim
Mengikuti 1
N
id_makul matakuliah
kategori
nama_member user_member
pass_member ses
aktif foto_member
Tgl_daftar info
judul_game isi_game
gmbr_game visualisasi_game
counter sumber_game
Id_museum judul_museum
isi_museum gmbr_museum
visualisasi_museum counter
sumber_museum pengirim
Judul_ks deskripsi
judul_materi penulis
isi_materi gmbr_materi
animasi_materi counter
Nama_lengkap
Kode_veritifikasi nama
user pass
email foto
Id_su pengirim
judul counter
tglkirim_materi tglkirim
pengirim judul
Isi_forum tglkirim_forum
counter
pengirim Isi_tanggapan
Tglkirim_tanggapan Pass_ujian
jawaban Nilai_ujian
tglujian Wktujian
pertanyaan jawaban
pilihan pembahasan
N
sumber_materi file_materi
wktkirim_materi tglkirim_ks
wktkirim_ks
Gambar 3.1. Diagram ERD Aplikasi Collaborative Learning
50
3.3. Analisis Fungsional
Aplikasi yang akan dikembangkan ditujukan untuk dua pengguna, yaitu member, dan non member. Member memiliki hak akses yang berbeda dari non
member. Untuk itu diperlukan suatu mekanisme keamanan, yaitu dengan menyediakan fasilitas login untuk mengetahui hak akses dari pengguna.
Sistem collaborative learning yang akan diimplementasikan meliputi subsistem pelayanan non member, dan sub sistem pelayanan member, subsistem
pelayanan non member bertujuan menyediakan berbagai fasilitas yang mendukung proses kolaborasi belajar tetapi tidak menyediakan akses untuk
menambah materi pelajaran. Subsitem pelayanan member menyediakan fasilitas yang mendukung proses kolaborasi belajar, mengelola data materi pelajaran dan
memberi akses untuk menambah materi pelajaran. Berdasarkan analisis yang telah dilakukan, maka dapat ditentukan isi
content apa saja yang akan ditampilkan dalam sistem collaborative learning ini. Penyajian dari isi content harus mempertimbangkan aspek-aspek estetika demi
kenyamanan pengguna pada saat mengakses informasi. Penjelasan secara lebih lengkap mengenai isi content yang berupa isi situs dapat dilihat pada tahap
perancangan menu aplikasi.
51
3.3.1. Diagram Konteks Aplikasi Collaborative Learning
APLIKASI COLLABORATIVE LEARNING
SEJARAH ISLAM BERBASIS WEB
NON Member Member
Data pendaftaran Data aktifasi
Data download materi Data download kumpulan soal
Kata kunci Data login member
Data lupa username dan password member Data ganti profile member
Data kirim materi Data ubah materi
Data hapus materi Data sunting materi
Data kirim kumpulan soal Data ubah kumpulan soal
Data hapus kumpulan soal Data kirim soal ujian
Data hapus soal ujian Data soal ujian
Data hasil ujian Data kirim forum
Data kirim tanggapan Data kirim komentar
Kata kunci Data e-museum
Data e-game
Info login member invalid Info username dan password member
Info profile member baru Info materi telah terkirim
Info materi telah diubah Info materi telah dihapus
Info materi telah disunting Info kumpulan soal telah terkirim
Info kumpulan soal telah diubah Info kumpulan soal telah dihapus
Info soal ujian telah terkirim Lembar soal ujian
Info soal ujian telah dihapus Info hasil ujian
Info forum telah terkirim info tanggapan telah terkirim
Info komentar telah terkirim Info hasil pencarian
Tampilan e-museum Tampilan e-game
ADMIN
Data login admin Data lupa username dan password admin
Data ganti profile admin Data ganti profile kampus
Data hapus member Data hapus materi
Data hapus kumpulan soal Data hapus soal ujian
Data hapus forum Data tambah mata kuliah
Data tambah kategori Data hapus kategori
Kata kunci Data kirim e-museum
Data kirim e-game Info login admin invalid
Info username dan password admin Info profile admin baru
Info profile kampus Info member telah dihapus
Info materi telah dihapus Info kumpulan soal telah dihapus
Info soal ujian telah dihapus Info forum telah dihapus
Info mata kuliah telah ditambah Info kategori telah ditambah
Info kategori telah dihapus Info hasil pencarian
Info e-museum telah dikirim Info e-game telah dikirim
Info pendaftaran invalid Kode aktifasi
Info materi yang di download Info kumpulan soal yang di download
Info hasil pencarian
Gambar 3.2. Diagram Konteks Aplikasi Collaborative Learning
52
3.3.2. DFD Data Flow Diagram
Data flow diagram merupakan model dari sistem untuk menggambarkan pembagian sistem ke model yang lebih kecil. Berikut ini adalah gambar data flow
diagram untuk aplikasi collaborative learning berbasis web 2.0. DFD level 1 dapat dilihat pada gambar 3.3.
53
NON Member Member
ADMIN
1.0 Mengelola
Pendaftaran Member Baru
2.0 Login
3.0 Mengelola
Lupa Username dan Password
4.0 Mengelola Menu
Admin
6.0 Mengelola Menu
Member 5.0
Mengelola Menu Non Member
Info username dan password member Data login admin
Login admin valid Data lupa username dan password member
Info login admin invalid
Login M
em ber
val id
Data lupa username dan password admin Info username dan password admin
member admin
Data download materi Data download kumpulan soal
Kata kunci
Info materi yang didownload Info kumpulan soal yang didownload
Info hasil pencarian kategori
Info profile admin baru Info profile kampus baru
Info member telah dihapus Info materi telah dihapus
Info kumpulan soal telah dihapus Info soal ujian telah dihapus
Info forum telah dihapus Info mata kuliah telah ditambah
Info kategori telah ditambah Info kategori telah dihapus
Info hasil pencarian Info e-museum telah dikirim
Info e-game telah dikirim Data ganti profile admin
Data ganti profile kampus Data hapus member
Data hapus materi Data hapus kumpulan soal
Data hapus soal ujian Data hapus forum
Data tambah mata kuliah Data tambah kategori
Data hapus kategori Kata kunci
Data kirim e-museum Data kirim e-game
Data ganti profile member Data kirim materi
Data ubah materi Data hapus materi
Data sunting materi Data kirim kumpulan soal
Data ubah kumpulan soal Data hapus kumpulan soal
Data kirim soal ujian Data hapus soal ujian
Data jawab soal ujian Informasi ujian
Data kirim forum Data kirim tanggapan
Data kirim komentar Kata kunci
Data e-museum Data e-game
Info profile member baru Info materi telah terkirim
Info materi telah diubah Info materi telah dihapus
Info materi telah disunting Info kumpulan soal telah terkirim
Info kumpulan soal telah diubah Info kumpulan soal telah dihapus
Info soal ujian telah terkirim Lembar soal ujian
Info soal ujian telah dihapus Info hasil ujian
Info forum telah terkirim info tanggapan telah terkirim
Info komentar telah terkirim Info hasil pencarian
Tampilan e-museum Tampilan e-game
mata_kuliah
materi kumpulansoal
soalujian
forum
tanggapan ujian
materi kumpulansoal
sunting sunting
pertanyaan member_sementara
mahasiswa_dosen
museum game
Data login Member Info login Member invalid
Info pendaftaran invalid Kode aktifasi
Data pendaftaran Data aktifasi
Gambar 3.3. DFD Level 0
54
3.3.3 DFD Level 1
DFD level 1 ditunjukkan pada gambar 3.4 s.d gambar 3.8.
NON Member
1.2 Menambahkan
Member Baru
Data pendaftaran valid Kode aktifasi
member_sementara Data Member sementara
mahasiswa_dosen Data mahasiswa dosen
1.1 Verifikasi
Mahasiswa Dosen Data pendaftaran
Info pendaftaran invalid
1.3 Aktivasi
Member Baru Data aktifasi
Info pendaftaran invalid member
Gambar 3.4. DFD Level 1 Proses 1.0 Mengelola Pendaftaran Member Baru
ADMIN
2.1 Verifikasi
Username 2.2
Veritifikasi Password
member
Member
Data login admin Data login Member
Username admin valid, data password admin Username member valid, data password member
Info login Member invalid Info login admin invalid
Login admin valid Login Member valid
admin
Gambar 3.5. DFD Level 1 Proses 2.0 Login
55
4.1 Mengelola
Profile Admin 4.2
Mengelola Data Member
4.3 Mengelola
Data Materi 4.4
Mengelola Data Kumpulan
Soal
4.5 Mengelola
Soal Ujian
4.6 Mengelola
Forum
4.7 Mengelola
Matakuliah
4.8 Mengelola
Kategori Data ganti profile admin
Info profile admin baru Info Member telah di hapus
Data hapus Member Info hasil pencarian
Kata kunci Info materi telah di hapus
Data hapus materi Info hasil pencarian
Kata kunci Info kumpulan soal telah di hapus
Data hapus kumpulan soal Info hasil pencarian
Kata kunci
Info soal ujian telah di hapus Data hapus soal ujian
Info hasil pencarian Kata kunci
Info forum telah di hapus Data hapus forum
Info hasil pencarian Kata kunci
Info hasil pencarian Kata kunci
Info kategori telah di hapus Hapus data kategori
Info hasil pencarian Kata kunci
Login admin valid
Login admin valid
Login admin valid
Login admin valid
Login admin valid
Login admin valid
Login admin valid
kategori Matakuliah
member
materi
kumpulansoal
soalujian
forum admin
Login admin valid Info Mata kuliah telah di tambah
Data tambah Mata kuliah
Info kategori telah di tambah Data tambah kategori
4.9 Mengelola
Profile Kampus Data ganti profile kampus
Info profile kampus baru Login admin valid
kampus
4.10 Mengelola
museum Data kirim e-museum
Info e-museum telah dikirim Login admin valid
museum 4.11
Mengelola game
Data kirim e-game Info e-game telah dikirim
Login admin valid game
Gambar 3.6. DFD Level 1 Proses 4.0 Mengelola Menu Admin
56
5.1 Mengelola
Data Materi
5.2 Mengelola
Data Kumpulan Soal
Info materi yang di download Data download materi
Info hasil pencarian Pencarian data
Info kumpulan soal yang di download Data download kumpulan soal
Info hasil pencarian Pencarian data
materi
kumpulansoal
Gambar 3.7. DFD Level 1 Proses 5.0 Mengelola Menu Non Member
6.1 Mengelola
Profile Member
6.2 Mengelola
Data Materi
6.3 Mengelola
Data Kumpulan Soal
6.4 Mengelola
Data Soal Ujian
6.5 Mengelola Ujian
6.6 Mengelola
Forum Data ganti profile member
Info profile member baru Info materi telah terkirim
Info materi telah di ubah Info materi telah di hapus
Info materi telah disunting Kata kunci
Data kirim materi Data ubah materi
Data hapus materi Data sunting materi
Kata kunci Login member valid
Login member valid
materi
kumpulansoal
soalujian
ujian member
Info kumpulan soal telah terkirim Info kumpulan soal telah di ubah
Info kumpulan soal telah di hapus Info hasil pencarian
Data kirim kumpulan soal Data ubah kumpulan soal
Data hapus kumpulan soal Kata kunci
Login member valid
Info soal ujian telah terkirim Info soal ujian telah di hapus
Data kirim soal ujian Data hapus soal ujian
Login member valid Info hasil ujian
Data member Data soal ujian
Informasi ujian Login member valid
Info forum telah terkirim Data forum
Info hasil pencarian Kirim forum
Informasi forum Memberikan tanggapan
Kata kunci Login member valid
forum tanggapan
pertanyaan
6.7 Mengakses
E-museum museum
Tampilan e-museum Data e-museum
6.8 Mengakses
E-game game
Tampilan e-game Data e-game
Gambar 3.8. DFD Level 1 Proses 6.0 Mengelola Menu Member
57
3.3.3. DFD Level 2
DFD level 2 ditunjukkan pada gambar 3.9 s.d gambar 3.22.
4.2.1 Menghapus
Data Member
4.2.2 Mengelola
Pencarian Data Member
ADMIN
Info Member telah dihapus Data hapus Member
Info hasil pencarian Kata kunci
member
Gambar 3.9. DFD Level 2 Proses 4.2 Mengelola Data Member
4.3.1 Menghapus
Data Materi
4.3.2 Mengelola
Pencarian Data Materi
ADMIN
Info materi telah dihapus Data hapus materi
Info hasil pencarian Kata kunci
materi
kategori mata_kuliah
Gambar 3.10. DFD Level 2 Proses 4.3 Mengelola Data Materi
58
4.4.1 Menghapus
Data Kumpulan Soal
4.4.2 Mengelola
Pencarian Data kumpulan soal
ADMIN
Info kumpulan soal telah dihapus Data hapus kumpulan soal
Info hasil pencarian Kata kunci
kumpulansoal
kategori mata_kuliah
Gambar 3.11. DFD Level 2 Proses 4.4 Mengelola Data Kumpulan Soal
4.5.1 Menghapus
Data Soal Ujian
4.5.2 Mengelola
Pencarian Data Soal Ujian
ADMIN
Info soal ujian telah dihapus Data hapus soal ujian
Info hasil pencarian Kata kunci
soal_ujian
kategori mata_kuliah
Gambar 3.12. DFD Level 2 Proses 4.5 Mengelola Soal Ujian
59
4.6.1 Menghapus
Data Forum
4.6.2 Mengelola
Pencarian Data Forum
ADMIN
Info forum telah dihapus Data hapus forum
Info hasil pencarian Kata kunci
forum
kategori mata_kuliah
Gambar 3.13. DFD Level 2 Proses 4.6 Mengelola Forum
4.7.1 Menambah
Data Mata Pelajaran
4.7.2 Mengelola
Pencarian Data Mata kuliah
ADMIN
Info Mata kuliah telah ditambah Data tambah mata kuliah
Info hasil pencarian Kata kunci
mata_kuliah
Gambar 3.14. DFD Level 2 Proses 4.7 Mengeloala Matakuliah
60
4.8.1 Menambah
Data Kategori
4.8.3 Mengelola
Pencarian Data Kategori
ADMIN
Info kategori telah ditambah Data tambah kategori
Info hasil pencarian Kata kunci
kategori 4.8.2
Menghapus Data Kategori
Data hapus kategori Info kategori telah dihapus
mata_kuliah
Gambar 3.15. DFD Level 2 Proses 4.8 Mengelola Kategori
5.1.1 Menampilkan
Data materi 5.1.2
Mengelola Download
Materi
NON Member
Info materi yang didownload Data download materi
Info hasil pencarian Kata kunci
materi Data materi yang akan didownload
5.1.3 Mengelola
Pencarian Data Materi
Gambar 3.16. DFD Level 2 Proses 5.1 Mengelola Data Materi
5.2.1 Menampilkan
Data kumpulan soal
5.2.2 Mengelola
Download kumpulan soal
NON Member
Info kumpulan soal yang didownload Data download kumpulan soal
Info hasil pencarian Kata kunci
kumpulansoal Data kumpulan soal yang akan didownload
5.2.3 Mengelola
Pencarian Data kumpulan soal
Gambar 3.17. DFD Level 2 Proses 5.2 Mengelola Data Kumpulan Soal
61
6.2.1 Menambah
Data Materi
6.2.5 Mengelola
Pencarian Data Materi
Member
Info materi telah terkirim Kirim materi
Sunting materi Info materi telah disunting
materi 6.2.2
Mengubah Data Materi
Data ubah materi Info materi telah diubah
6.2.3 Menghapus
Data Materi Data hapus materi
Info materi telah dihapus
6.2.4 Mengelola
Sunting Materi Info hasil pencarian
Kata kunci
Gambar 3.18. DFD Level 2 Proses 6.2 Mengelola Data Materi
62
6.3.1 Menambah
Data kumpulan soal
6.3.4 Mengelola
Pencarian Data kumpulan soal
Member
Info kumpulan soal telah terkirim Kirim kumpulan soal
kumpulansoal 6.3.2
Mengubah Data
kumpulan soal Data ubah kumpulan soal
Info kumpulan soal telah diubah
6.3.3 Menghapus
Data kumpulan soal
Data hapus kumpulan soal Info kumpulan soal telah dihapus
Info hasil pencarian Kata kunci
Gambar 3.19. DFD Level 2 Proses 6.3 Mengelola Data Kumpulan Soal
6.4.1 Menambah
Data Soal Ujian
Member
Info soal ujian telah terkirim Kirim soal ujian
soalujian 6.4.2
Menghapus Data
Soal Ujian Data hapus soal ujian
Info soal ujian telah dihapus pertanyaan
Gambar 3.20. DFD Level 2 Proses 6.4 Mengelola Data Soal Ujian
63
6.5.1 Validasi Data
Member
6.5.3 Menampilkan
Informasi Data Ujian
Member
Ju m
la h
ja wa
b an
y an
g b
en ar
Data Member 6.5.2
Mengelola Peserta Ujian
6.5.4 Menampilkan
Soal Ujian Nama Member
Informasi ujian Data peserta ujian
S o
al y
an g
a k
an d
i u
jia n
k an
Data jawab soal ujian soalujian
6.5.5 Mengelola
Nilai Hasil Ujian Info hasil ujian
ujian member
pertanyaan
Gambar 3.21. DFD Level 2 Proses 6.5 Mengelola Ujian
64
6.6.1 Menambah
Data Forum
Member
6.6.2 Menampilkan
Data Informasi Forum
6.6.3 Mengelola
Tanggapan tanggapan
forum Info forum telah terkirim
Kirim forum
Informasi forum
D ata
f orum
te rpi
lih Data forum
Data tanggapan
6.6.4 Mengelola
Pencarian Data Forum
Info hasil pencarian Kata kunci
forum
6.6.5 Pengecekan Status
Online atau Offline
member Login Member valid
Gambar 3.22. DFD Level 2 Proses 6.6 Mengelola Forum
3.3.5. Spesifikasi Proses
Spesifikasi proses digunakan untuk menggambarkan proses model aliran yang terdapat pada DFD. Spesifikasi tersebut meliputi hal-hal yang ditunjukkan
pada tabel 3.3.
65
Tabel 3.2. Spesifikasi Proses
No Proses
Keterangan
1 No Proses
1.1 Nama Proses
Verifikasi mahasiswa dosen Input
Data pendaftaran NIMNIP, Nama Lengkap Output
Info pendaftaran invalid Logika Proses
Begin If data pendaftaran benar Then
Data pendaftaran valid Else
Info pendaftaran invalid End
2 No Proses
1.2 Nama Proses
Menambahkan Member Baru Input
Data pendaftaran NIMNIP, Nama Lengkap, Username, Password, e-mail, dan foto
Output - Data pendaftaran valid,
- Kode aktifasi Logika Proses
Begin If data pendaftaran benar Then
Data pendaftaran valid Else
Kode aktifasi End
3 No Proses
1.3 Nama Proses
Aktivasi Member Baru Input
Data aktifasi Output
- Data pendaftaran valid - Data Member baru
Logika Proses Begin
Data pendaftaran valid Kirim e-mail ke non Member
End
4 No Proses
2.1 Nama Proses
Verifikasi Username Input
- Data login Admin - Data login Member
Output - Username Admin valid, data password
Admin - Username Member valid, data password
66
Member Logika Proses
- Begin If Data login Admin valid Then
Username Admin valid, data password Admin
Else Info login invalid
End
- Begin If Data login Member valid Then
Username Member valid, data password Member
Else Info login invalid
End
5 No Proses
2.2 Nama Proses
Verifikasi password Input
- Username Admin valid, data password Admin
- Username Member valid, data password Member
Output - login Admin invalid
- login Member invalid Logika Proses
- Begin If
data password Admin valid Then password Admin valid
Else Info login invalid
End
- Begin If
data password Member valid Then password Member valid
Else Info login invalid
End
6 No Proses
4.2.1 Nama Proses
Menghapus Data Member Source
Admin Input
Data hapus Member Output
Info Member telah dihapus Destination
Admin Logika Proses
Begin
67
{Admin menghapus data Member} if hapus then data Member dihapus
else data Member tidak jadi dihapus end
7 No Proses
4.2.2 Nama Proses
Mengelola Pencarian Data Member Source
Admin Input
Kata kunci Output
Info hasil pencarian Destination
Admin Logika Proses
Begin {Admin cari data Member}
If kata kunci ditemukan Then Data Member ditemukan
Else Data Member tidak ditemukan End
8 No Proses
4.3.1 Nama Proses
Menghapus Data Materi Source
Admin Input
Data hapus materi Output
Info materi telah dihapus Destination
Admin Logika Proses
Begin {Admin menghapus data materi}
if hapus then data materi dihapus else data materi tidak jadi dihapus
end
9 No Proses
4.3.2 Nama Proses
Mengelola Pencarian Data Materi Source
Admin Input
Kata kunci Output
Info hasil pencarian Destination
Admin Logika Proses
Begin {Admin cari data materi}
If kata kunci ditemukan Then Data materi ditemukan
Else Data materi tidak ditemukan End
10 No Proses
4.4.1 Nama Proses
Menghapus Data Kumpulan Soal Source
Admin Input
Data hapus kumpulan soal Output
Info kumpulan soal telah dihapus Destination
Admin
68
Logika Proses Begin
{Admin menghapus data kumpulan soal} if hapus then data kumpulan soal dihapus
else data kumpulan soal tidak jadi dihapus end
11 No Proses
4.4.2 Nama Proses
Mengelola Pencarian Data Kumpulan Soal Source
Admin Input
Kata kunci Output
Info hasil pencarian Destination
Admin Logika Proses
Begin {Admin cari data kumpulan soal}
If kata kunci ditemukan Then Data kumpulan soal ditemukan
Else Data kumpulan soal tidak ditemukan End
11 No Proses
4.5.1 Nama Proses
Menghapus Data Soal Ujian Source
Admin Input
Data hapus soal ujian Output
Info soal ujian telah dihapus Destination
Admin Logika Proses
Begin {Admin menghapus data soal ujian}
if hapus then data soal ujian dihapus else data soal ujian tidak jadi dihapus
end
12 No Proses
4.5.2 Nama Proses
Mengelola Pencarian Data Soal Ujian Input
Kata kunci Output
Info hasil pencarian Destination
Admin Logika Proses
Begin {Admin cari data kumpulan soal}
If kata kunci ditemukan Then Data soal ujian ditemukan
Else Data soal ujian tidak ditemukan End
13 No Proses
4.6.1 Nama Proses
Menghapus Data Forum Source
Admin Input
Data hapus forum Output
Info forum telah dihapus Destination
Admin
69
Logika Proses Begin
{Admin menghapus data forum} if hapus then data forum dihapus
else data forum tidak jadi dihapus end
14 No Proses
4.6.2 Nama Proses
Mengelola Pencarian Data Forum Source
Admin Input
Kata kunci Output
Info hasil cari Destination
Admin Logika Proses
Begin {Admin cari data forum}
If kata kunci ditemukan Then Data forum ditemukan
Else Data forum tidak ditemukan End
15 No Proses
4.7.1 Nama Proses
Menambah Data Matakuliah Source
Admin Input
Data tambah Matakuliah Output
Info Matakuliah telah ditambah Destination
Admin Logika Proses
Begin {Admin menambah data data Matakuliah}
if tambah then data Matakuliah ditambah else data Matakuliah tidak jadi ditambah
end
16 No Proses
4.7.2 Nama Proses
Mengelola Pencarian Data Matakuliah Source
Admin Input
Kata kunci Output
Info hasil cari Destination
Admin Logika Proses
Begin {Admin cari data Matakuliah}
If kata kunci ditemukan Then Data Matakuliah ditemukan
Else Data Matakuliah tidak ditemukan End
17 No Proses
4.8.1 Nama Proses
Menambah Data Kategori Source
Admin Input
Data tambah kategori Output
Info kategori telah ditambah
70
Destination Admin
Logika Proses Begin
{Admin menambah data data kategori} if tambah then data kategori ditambah
else data kategori tidak jadi ditambah end
18 No Proses
4.8.2 Nama Proses
Menghapus Data Kategori Source
Admin Input
Data hapus kategori Output
Info kategori telah dihapus Destination
Admin Logika Proses
Begin {Admin hapus data data kategori}
if hapus then data kategori dihapus else data kategori tidak jadi dihapus
end
19 No Proses
4.8.3 Nama Proses
Mengelola Pencarian Data Kategori Source
Admin Input
Kata kunci Output
Info hasil cari Destination
Admin Logika Proses
Begin {Admin cari data kategori}
If kata kunci ditemukan Then Data kategori ditemukan
Else Data kategori tidak ditemukan End
20 No Proses
5.1.1 Nama Proses
Menampilan Data Materi Source
Non Member Input
Data download materi Output
Data materi yang akan didownload Destination
Non Member Logika Proses
Begin {Non Member menampilkan data materi}
End
21 No Proses
5.1.2 Nama Proses
Mengelola Download Materi Source
Non Member Input
Data materi yang akan didownload Output
Info materi yang didownload Destination
Non Member Logika Proses
Begin
71
{Non Member mendownload data materi} End
22 No Proses
5.1.3 Nama Proses
Mengelola Pencarian Data Materi Input
Kata kunci Output
Info hasil cari Destination
Non Member Logika Proses
Begin {non Member cari data materi}
If kata kunci ditemukan Then Data materi ditemukan
Else Data materi tidak ditemukan End
23 No Proses
5.1.4 Nama Proses
Menampilan Data Visualisasi Animasi Source
Non Member Input
Data download visualisasi animasi Output
Data visualisasi animasi yang akan didownload Destination
Non Member Logika Proses
Begin {Non Member menampilkan data visualisasi
animasi} End
24 No Proses
5.1.5 Nama Proses
Mengelola Download Visualisasi Animasi Source
Non Member Input
Data visualisasi animasi yang akan didownload Output
Info visualisasi animasi yang didownload Destination
Non Member Logika Proses
Begin {Non Member mendownload data visualisasi
animasi } End
25 No Proses
5.2.1 Nama Proses
Menampilan Data Kumpulan Soal Source
Non Member Input
Data download kumpulan soal Output
Data kumpulan soal yang akan didownload Destination
Non Member Logika Proses
Begin {Non Member menampilkan data kumpulan soal}
End
No Proses 5.2.2
Nama Proses Mengelola Download Kumpulan Soal
Source Non Member
72
26 Input
Data kumpulan soal yang akan didownload Output
Info kumpulan soal yang didownload Destination
Non Member Logika Proses
Begin {Non Member mendownload data kumpulan soal
} End
27 No Proses
5.2.3 Nama Proses
Mengelola Pencarian Data Kumpulan Soal Input
Kata kunci Output
Info hasil cari Destination
Non Member Logika Proses
Begin {non Member cari data Kumpulan Soal}
If kata kunci ditemukan Then Data kumpulan soal ditemukan
Else Data kumpulan soal tidak ditemukan End
28 No Proses
6.2.1 Nama Proses
Menambah Data Materi Source
Member Input
Kirim materi Output
Info materi telah telah terkirim Destination
Member Logika Proses
Begin {Member mengirim data materi}
if tambah then data materi ditambah else data materi tidak jadi ditambah
end
29 No Proses
6.2.2 Nama Proses
Mengubah Data Kategori Source
Admin Input
Data ubah materi Output
Info materi telah diubah Destination
Member Logika Proses
Begin {Member mengubah data materi}
if ubah then data materi diubah else data materi tidak jadi diubah
end
30 No Proses
6.2.3 Nama Proses
Menghapus Data Materi Source
Member Input
Data hapus materi Output
Info materi telah dihapus
73
Destination Member
Logika Proses Begin
{Member hapus data materi} if hapus then data materi dihapus
else data materi tidak jadi dihapus end
31 No Proses
6.2.4 Nama Proses
Mengelola Sunting Materi Source
Member Input
Sunting materi Output
Info materi telah disunting Destination
Member Logika Proses
Begin {Member hapus sunting materi}
if sunting materi then materi disunting else materi tidak jadi disunting
end
32 No Proses
6.2.5 Nama Proses
Mengelola Pencarian Data Materi Source
Member Input
Kata kunci Output
Info hasil cari Destination
Member Logika Proses
Begin {Member cari data materi}
If kata kunci ditemukan Then Data materi ditemukan
Else Data materi tidak ditemukan End
33 No Proses
6.3.1 Nama Proses
Kirim Data Kumpulan Soal Source
Member Input
Data tambah kumpulan soal Output
Info kumpulan soal telah terkirim Destination
Member Logika Proses
Begin {Member mengirim kumpulan soal}
if tambah then data kumpulan soal ditambah else data kumpulan soal tidak jadi ditambah
end
34 No Proses
6.3.2 Nama Proses
Mengubah Data Kumpulan Soal Source
Member Input
Data ubah kumpulan soal Output
Info kumpulan soal telah diubah
74
Destination Member
Logika Proses Begin
{Member mengubah data kumpulan soal} if ubah then data kumpulan soal diubah
else data kumpulan soal tidak jadi diubah end
35 No Proses
6.3.3 Nama Proses
Menghapus Data Kumpulan Soal Source
Member Input
Data hapus kumpulan soal Output
Info kumpulan soal telah dihapus Destination
Member Logika Proses
Begin {Member hapus data kumpulan soal}
if hapus then data kumpulan soal dihapus else data kumpulan soal tidak jadi dihapus
end
36 No Proses
6.3.4 Nama Proses
Mengelola Pencarian Data Kumpulan Soal Source
Member Input
Kata kunci Output
Info hasil cari Destination
Member Logika Proses
Begin {Member cari data kumpulan soal}
If kata kunci ditemukan Then Data kumpulan soal ditemukan
Else Data kumpulan soal tidak ditemukan End
37 No Proses
6.4.1 Nama Proses
Menambah Data Soal Ujian Source
Member Input
Kirim soal ujian Output
Info kumpulan soal ujian telah terkirim Destination
Member Logika Proses
Begin {Member mengirim soal ujian}
if tambah then data soal ujian ditambah else data soal ujian tidak jadi ditambah
end
38 No Proses
6.4.2 Nama Proses
Menghapus Data Soal Ujian Source
Member Input
Data hapus soal ujian Output
Info soal ujian telah dihapus
75
Destination Member
Logika Proses Begin
{Member hapus data soal ujian} if hapus then data soal ujian dihapus
else data soal ujian tidak jadi dihapus end
39 No Proses
6.5.1 Nama Proses
Validasi Data Member Source
Member Input
Data Member Output
Nama Member Destination
Member Logika Proses
Begin if data Member valid then nama Member
else nama tidak terdaftar end
40 No Proses
6.5.2 Nama Proses
Mengelola Peserta Ujian Source
Member Input
Nama Member Output
Data peserta ujian Destination
Member Logika Proses
Begin if nama Member terdaftar then daftarkan peserta
ujian else nama tidak terdaftar
end
41 No Proses
6.5.3 Nama Proses
Menampilkan Informasi Soal Ujian Source
Member Input
Informasi ujian Output
Soal yang akan diujikan Destination
Member Logika Proses
Begin Tampilkan informasi soal ujian
end
42 No Proses
6.5.4 Nama Proses
Menampilkan Soal Ujian Source
Member Input
- Menjawab soal ujian - Soal yang akan diujikan
Output Jumlah jawaban yang benar
Destination Member
Logika Proses Begin
If Jawaban benar then mendapatkan nilai
76
else jawaban salah, tidak memperoleh nilai end
43 No Proses
6.5.5 Nama Proses
Mengelola Nilai Hasil Ujian Source
Member Input
Jumlah jawaban yang benar Output
Nilai ujian Destination
Member Logika Proses
Begin Tampilkan nilai ujian peserta
end
44 No Proses
6.6.1 Nama Proses
Menambah Data Forum Source
Member Input
Kirim forum Output
Info forum ujian telah terkirim Destination
Member Logika Proses
Begin {Member mengirim forum}
if tambah then data forum ditambah else data forum tidak jadi ditambah
end
45 No Proses
6.6.2 Nama Proses
Menampilkan Data Informasi Forum Source
Member Input
Informasi forum Output
- Data forum - Data forum terpilih
Destination Member
Logika Proses Begin
Tampilkan informasi forum end
46 No Proses
6.6.3 Nama Proses
Mengelola Tanggapan Source
Member Input
- Memberikan tanggapan - Data forum terpilih
Output Tanggapan forum terpilih
Destination Member
Logika Proses Begin
Tampilkan informasi tanggapan forum terpilih end
47 No Proses
6.6.4 Nama Proses
Mengelola Pencarian Data Forum Source
Member
77
Input Kata kunci
Output Info hasil cari
Destination Member
Logika Proses Begin
{Member cari data forum} If kata kunci ditemukan
Then Data forum ditemukan Else Data forum tidak ditemukan
End
48 No Proses
6.6.5 Nama Proses
Pengecekan Status Online atau Offline Source
Proses 2.0 Login Input
Login Member valid Output
Status online atau offline Destination
Member Logika Proses
Begin {Member mengikuti forum}
If login Member valid Then Status Online
Else Status Offline End
3.3.6. Kamus Data
Kamus data atau data dictionary adalah katalog fakta tentang data dan kebutuhan-kebutuhan
informasi dari
suatu sistem
informasi. Dengan
menggunakan kamus data, dapat menggambarkan data yang mengalir di sistem dengan lengkap. Kamus data dibuat berdasarkan arus data yang ada di diagram
alir data DFD. Arus data di diagram alir data sifatnya adalah global, hanya menunjukkan nama arus datanya saja. Kamus data ditunjukkan pada tabel 3.4.
Tabel 3.3. Kamus Data Nama
Data pendaftaran Where
used how used
Proses 1.1 –Verifikasi mahasiswa dosen
Deskripsi Data ini merupakan data pendaftaran yang dimasukkan oleh
non Member untuk mengecek apakah data tersebut terdaftar atau tidak
78
Struktur data Nim_nip+nama_lengkap +user+password+email+foto
Nim_nip nama_lengkap
username pass
email info
foto [0-9 ]
[ A-Z | a-z ] [ A-Z | a-z | 0-9 ]
[ A-Z | a-z | 0-9 ] [ A-Z | a-z | 0-9 ]
[ A-Z | a-z | 0-9 ] [ A-Z | a-z | 0-9 ]
Nama Data pendaftaran
Where used
how used Proses 1.2
–Menambahkan Member Baru Deskripsi
Data ini merupakan data pendaftaran yang dimasukkan oleh non Member
Struktur data Nim_nip+nama_lengkap +user+password+email+foto
Nim_nip nama_lengkap
username pass
email info
foto [0-9 ]
[ A-Z | a-z ] [ A-Z | a-z | 0-9 ]
[ A-Z | a-z | 0-9 ] [ A-Z | a-z | 0-9 ]
[ A-Z | a-z | 0-9 ] [ A-Z | a-z | 0-9 ]
Nama Data pendaftaran valid
Where used
how used Proses 1.3
–Aktivasi Member Baru Deskripsi
Data ini berisikan data pendaftaran member yang valid
Nama Info pendaftaran invalid
Where used
how used Non Member output
Deskripsi Data ini berisikan data pendaftaran non member yang tidak
valid
Nama Data login Admin dan Data login Member
Where used
how used Proses 2.1
– Verifikasi Username Deskripsi
Berisi seluruh data login Admin dan Member Struktur data
username+password username
password [ A-Z | a-z ]
[ A-Z | a-z | 0-9 ]
Nama Username Admin valid, data password Admin dan Username
Member valid, data password Member
79
Where used
how used Proses 2.1
– Verifikasi Password Deskripsi
Data ini berisikan data login Admin dan Member yang valid Nama
Login Admin valid dan Login Member valid Where
used how used
Proses 4.0- Menu Admin Proses 6.0- Menu Member
Deskripsi Data ini berisikan data login Admin dan data login Member
yang valid untuk masuk ke menu Admin dan Member
Nama Kirim materi, Data hapus materi, Data ubah materi, Sunting
Materi Where
used how used
Proses 4.3.1 – Menghapus Data Materi input
Proses 5.1.1 - Menampilkan Data Materi output Proses 6.2.1
– Menambah Data Materi input Proses 6.2.2
– Mengubah Data Materi input Proses 6.2.3
– Menghapus Data Materi input Proses 6.2.4
– Sunting Materi input Deskripsi
Berisi seluruh data materi Struktur data
id_materi+id_Member+kelas+judul+pengirim+isi+gambar+ file_materi+animasi+file_animasi+tgl_kirim+wkt_kirim
id_materi id_Member
kelas judul
penulis isi
gambar file_materi
animasi file_animasi
tgl_kirim wkt_kirim
[0-9] [0-9]
[ A-Z | a-z | 0-9 ] [ A-Z | a-z ]
[ A-Z | a-z ] [ A-Z | a-z | 0-9 ]
[ A-Z | a-z | 0-9 ] [ A-Z | a-z | 0-9 ]
[ A-Z | a-z | 0-9 ] [ A-Z | a-z | 0-9 ]
[ A-Z | a-z | 0-9 ] [ A-Z | a-z | 0-9 ]
Nama Kirim kumpulan soal, Data ubah kumpulan soal, Data hapus
kumpulan soal Where
used how used
Proses 4.3.1- Menghapus Data Kumpulan Soal input Proses 5.2.1 - Menampilkan Data Kumpulan soal output
Proses 6.3.1 - Menambah Data Kumpulan Soal input Proses 6.3.2 - Mengubah Data Kumpulan Soal input
Proses 6.3.3 - Menghapus Data Kumpulan Soal input
Deskripsi Berisi seluruh data kumpulan soal
Struktur data id_soal+ id_Member+judul+pengirim+deskripsi+ download+
tgl_kirim+wkt_kirim id_soal
[0-9]
80
id_Member Judul
Pengirim deskripsi
download tngl_kirim
wkt_kirim [0-9]
[ A-Z | a-z ] [ A-Z | a-z ]
[ A-Z | a-z ] [ A-Z | a-z | 0-9 ]
[ A-Z | a-z | 0-9 ] [ A-Z | a-z | 0-9 ]
Nama Kirim soal ujian, Data hapus soal ujian
Where used
how used Proses 4.5.1 - Menghapus data soal ujian input
Proses 6.5.1 - Menambah soal ujianinput Proses 6.5.2 - Menghapus data soal ujian input
Deskripsi Berisi seluruh data Soal Ujian
Struktur data id_soal_evaluasi+id_Member+pertanyaan+opt_a+ opt_b +
opt_c+ opt_d+ opt_e+jawaban+pembahasan+tampilan id_soal_evaluasi
id_Member pertanyaan
opt_a opt_b
opt_c opt_d
opt_e jawaban
pembahasan tampilan
[0-9] [0-9]
[ A-Z | a-z ] [ A-Z | a-z | 0-9 ]
[ A-Z | a-z | 0-9 ] [ A-Z | a-z | 0-9 ]
[ A-Z | a-z | 0-9 ] [ A-Z | a-z | 0-9 ]
[ A-Z | a-z | 0-9 ] [ A-Z | a-z | 0-9 ]
[ A-Z | a-z | 0-9 ]
Nama Kirim forum, Data hapus forum
Where used
how used Proses 4.6.1
– Menghapus Data Forum input Proses 6.7.1
– Menambah Data Forum input Deskripsi
Berisi seluruh data Forum Struktur data
id_forum+id_Member+waktu+tanggal+judul_forum+keterang an+tgl_kirim+wkt_kirim
id_forum id_Member
waktu tanggal
judul_forum keterangan
tgl_kirim wkt_kirim
[0-9] [0-9]
[0-9] [ A-Z | a-z | 0-9 ]
[ A-Z | a-z | 0-9 ] [ A-Z | a-z ]
[ A-Z | a-z | 0-9 ] [ A-Z | a-z | 0-9 ]
Nama Kata Kunci
Where used
how used Proses 4.0
– Menu Admin Proses 5.0
– Menu Non Member
81
Proses 6.0 – Menu Member
Deskripsi Berisi data kata untuk mencari data
Struktur data kata kunci
Kata kunci [ A-Z | a-z ]
Nama Kirim komentar
Where used
how used Proses 6.4.5
– Mengelola Komentar input Deskripsi
Berisi data komentar yang dikirim Struktur data
nama + e-mail + komentar nama
email komentar
[ A-Z | a-z ] [ A-Z | a-z | 0-9 ]
[ A-Z | a-z | 0-9 ]
Nama Memberikan tanggapan
Where used
how used Proses 6.7.4
– Mengelola Tanggapan input Deskripsi
Berisi data tanggapan forum yang dikirim Struktur data
pengirim + isi pengirim
isi [ A-Z | a-z ]
[ A-Z | a-z | 0-9 ]
Nama Data tambah Matakuliah, Data hapus Matakuliah
Where used
how used Proses 4.8.1- Menambah Data Matakuliah input
Proses 4.8.2- Menghapus Data Matakuliah input Deskripsi
Berisi data Matakuliah yang ditambah dan dihapus Struktur data
kode_makul+MataKuliah kode_makul
MataKuliah [0-9]
[ A-Z | a-z ]
Nama Data tambah kategori, Data hapus kategori
Where used
how used Proses 4.9.1- Menambah Data Kategori input
Proses 4.9.1- Menghapus Data kategori input Deskripsi
Berisi seluruh data kategori Struktur data
id_kategori+MataKuliah+kategori id_kategori
MataKuliah kategori
[0-9] [ A-Z | a-z | 0-9 ]
[ A-Z | a-z | 0-9 ]
Nama Menjawab soal ujian
Where used
how used Proses 6.6.4
– Menjawab soal ujian input Deskripsi
Berisi seluruh data jawaban soal Struktur data
id_soal+id_Member+waktu+tanggal+jawaban
82
id_soal id_Member
waktu tanggal
jawaban [0-9]
[0-9] [0-9]
[ A-Z | a-z | 0-9 ] [ A-Z | a-z | 0-9 ]
Nama Informasi Ujian
Where used
how used Proses 6.6.3
– Menampilkan Informasi Ujian output Deskripsi
Berisi seluruh informasi data ujian Struktur data
id_Member+waktu+tanggal id_Member
u_jawaban [0-9]
[ A-Z | a-z | 0-9 ]
Nama Nilai Ujian
Where used
how used Proses 6.6.5
– Mengelola Nilai Hasil Ujian output Deskripsi
Berisi seluruh informasi nilai ujian Member Struktur data
id_nilai+id_soalujian+id_Member+nilai id_nilai
id_soalujian id_Member
nilai [0-9]
[0-9] [0-9]
[0-9]
3.4. Perancangan Basis Data
Perancangan basis data digunakan untuk merancang tabel yang terdapat di dalam aplikasi collaborative learning, perancangan basis data terdiri dari tabel
relasi dan struktur tabel.
3.4.1. Tabel Relasi
Suatu file biasanya terdiri dari beberapa kelompok elemen yang berulang- ulang sehingga perlu untuk diorganisasikan kembali. Dalam proses
pengorganisasian file yang berguna untuk menghilangkan kelompok elemen yang berulang disebut relasi antar tabel atau tabel relasi. Proses pengelompokan
menjadi tabel-tabel yang menunjukkan entity dan relasinya berfungsi untuk mengakses data yang sedemikian rupa sehingga database tersebut mudah untuk
83
dimodifikasi. Skema relasi ditunjukkan pada gambar 3.23.
mata_kuliah
PK kd_makul
id_makul matakuliah
kategori
PK id_kategori
FK1 kd_makul
kategori materi
PK id_materi
judul_materi penulis
isi_materi gambar_materi
animasi_materi sumber
tglkirim wktkirim
counter
FK2 id_member
FK1 id_kategori
kumpulansoal
PK id_kumpulansoal
pengirim judul
deskripsi file_soal
ukuran_file tglkirim
FK1 id_kategori
wktkirim
FK2 id_member
soal_ujian
PK kd_soal
id_su
FK2 id_member
pengirim judul
FK1 id_kategori
tglkirim wktkirim
counter
forum
PK id_forum
FK2 id_member
FK1 id_kategori
pengirim judul
isi tglkirim
wktkirim counter
ujian
PK id_ujian
FK1 kd_soal
id_kategori pass_ujian
jawaban
FK2 id_member
nilai_ujian tglujian
wktujian tanggapan
PK id_tanggapan
FK1 id_forum
pengirim isi
tglkirim wktkirim
FK2 id_member
pertanyaan
PK no_pertanyaan
FK1 kd_soal
id_kategori pertanyaan
pila pilb
pilc pild
pile jawaban
pembahasan
FK2 id_member
sunting
PK id_sunting
FK1 id_materi
penulis isi
FK2 id_member
sumber tglkirim
wktkirim
member
PK id_member
FK1 ses
nama_member user_member
pass_member email_member
aktif tgldaftar
wktdaftar foto_member
info member_sementara
PK ses
FK1 nim_nip
kode_verifikasi nama
user pass
email tgldaftar
wktdaftar foto
mahasiswa_dosen
PK nim_nip
nama_lengkap
Gambar 3.23. Skema Relasi Antar Tabel 3.4.2. Struktur Tabel
Tabel-tabel yang terdapat dalam basis data yang digunakan dalam aplikasi collaborative learning adalah seperti pada tabel 3.5 s.d tabel 3.19.
84
Tabel 3.4. Tabel Admin
Nama Field
Type Panjang
Length
id_admin int
11 nama_admin
varchar 32
user_admin varchar
50 pass
varchar 32
email varchar
20 foto
varchar 20
Tabel 3.5. Tabel Member
Nama Field
Type Panjang
Length
id_member int
4 nim_nip
Int 15
nama varchar
32 user
varchar 32
pass varchar
32 ses
varchar 100
email varchar
20 aktif
int 1
tgldaftar date
wktdaftar time
foto varchar
20 info
text
Tabel 3.6. Tabel Materi
Nama Field
Type Panjang
Length
id_materi int
5 id_member
int 4
id_kategori int
5 judul
varchar 100
penulis varchar
32 isi
text gambar
varchar 100
animasi varchar
100 file_materi
varchar 100
file_animasi varchar
100 sumber
text tglkirim
date wktkirim
time counter
int 5
85
Tabel 3.7. Tabel Kumpulan Soal
Nama Field
Type Panjang
Length
id_kumpulansoal int 5
id_member int
4 id_kategori
int 5
pengirim varchar
32 judul
varchar 100
deskripsi text
file_soal varchar
100 ukuran_file
int 100
tglkirim date
wktkirim time
Tabel 3.8. Tabel Matakuliah
Nama Field
Type Panjang
Length
id_makul int
4 kd_makul
varchar 8
matakuliah varchar
100
Tabel 3.9. Tabel Member Sementara
Nama Field
Type Panjang
Length
kode_Verifikasi varchar
100 nim_nip
Int 15
nama varchar
32 user
varchar 32
pass varchar
32 ses
varchar 100
email varchar
20 tgldaftar
date wktdaftar
time foto
varchar 20
86
Tabel 3.10. Tabel Ujian
Nama Field
Type Panjang
Length
id_ujian int
5 id_kategori
int 5
id_member int
4 id_su
int 5
pass_ujian float
10 jawaban
char 255
nilai_ujian float
tglujian date
wktujian time
Tabel 3.11. Tabel Soal Ujian
Nama Field
Type Panjang
Length
id_su int
4 kd_soal
varchar 8
id_member int
4 id_kategori
int 5
pengirim varchar
32 judul
varchar 100
tglkirim date
wktkirim time
counter int
5
Tabel 3.12. Tabel Pertanyaan
Nama Field
Type Panjang
Length
no_pertanyaan int
10 kd_soal
varchar 8
id_member int
4 id_kategori
int 5
pertanyaan text
pila text
pilb text
pilc text
pild text
pile text
jawaban char
1 pembahasan
text
87
Tabel 3.13. Tabel Forum
Nama Field
Type Panjang
Length
id_forum int
11 id_member
int 4
id_kategori int
5 pengirim
varchar 32
judul varchar
100 isi
text tglkirim
date wktkirim
time counter
int 5
Tabel 3.14. Tabel Tanggapan
Nama Field
Type Panjang
Length
id_tanggapan int
11 id_member
int 4
id_forum int
11 pengirim
varchar 32
isi text
tglkirim date
wktkirim time
Tabel 3.15. Tabel Sunting
Nama Field
Type Panjang
Length
id_sunting int
5 id_member
int 4
id_materi int
5 penulis
varchar 32
isi text
sumber text
tglkirim date
wktkirim time
88
Tabel 3.16. Tabel Kategori
Nama Field
Type Panjang
Length
id_kategori int
5 kd_makul
varchar 8
kategori varchar
100
Tabel 3.17. Tabel Museum
Nama Field
Type Panjang
Length
id_museum int
10 judul_museum
varchar 25
Isi_ museum text
gambar_ museum varchar
100 visualisasi_ museum
varchar 100
sumber text
tglkirim date
wktkirim time
counter int
5
Tabel 3.18. Tabel Game
Nama Field
Type Panjang
Length id_ game
int 10
judul_ game varchar
25 Isi_ game
text gambar_ game
varchar 100
visualisasi_ game varchar
100 sumber
text tglkirim
date wktkirim
time counter
int 5
Tabel 3.19. Tabel Mahasiswa Dosen
Nama Field
Type Panjang
Length
nim_nip int
15 Nama_lengkap
varchar 50
89
Tabel 3.20. Tabel Kampus
Nama Field
Type Panjang
Length id_ kampus
int 1
nama_kampus varchar
50 foto_kampus
varchar 100
tentang_kampus text
3.5. Perancangan Kode
Perancangan kode yang digunakan dalam aplikasi collaborative learning adalah sebagai berikut :
Perancangan Kode Matakuliah : Format
:
XX9 No Urut
Kode Mata Kuliah
Contoh :
Sejarah Islam MK1 Arti Kode
: - MK Matakuliah
- 1 Nomor urut Perancangan Kode Soal Ujian :
Format :
XXX999 No Urut
Kode Soal Ujian
Contoh :
Sejarah Islam SSI001 Arti Kode
: - S Soal ujian
- SI Sejarah Islam - 001 Nomor urut
90
3.6. Perancangan Menu Aplikasi
Perancangan menu aplikasi digunakan untuk menjelaskan menu, submenu yang terdapat di dalam aplikasi collaborative learning, agar pengguna dapat lebih
mudah dalam menggunakannya. Perancangan menu ini terdiri dari perancangan menu Admin, non member, dan member. Aplikasi collaborative learning ini
berbasis web, oleh karena itu perancangan arsitektur menu menggunakan struktur arsitektur web murni networked [9].
3.6.1. Menu Admin
Menu ini hanya dapat diakses oleh Administrator, menu ini berfungsi untuk melakukan pengolahan data dan menjaga agar isi content tidak
menyimpang dari pembelajaran. Perancangan menu
admin diperlihatkan pada gambar 3.21.
91
Lihat Materi Home
Lihat Kumpulan Soal
Lihat Soal Ujian
Tambah Mata Kuliah
Detail Materi Detail
Kumpulan Soal
Kirim E-Museum Kirim E-Game
Lihat Member
Hapus Member
Konfigurasi
Ganti Nama Ganti
Username Ganti
Password Ganti
Email Ganti
Foto Tambah
Kategori Lihat
Forum Tambah
Mata Kuliah Hapus
Mata Kuliah Tambah
Kategori Hapus
Kategori
Ganti Nama Kampus
Ganti Tentang Kampus
Ganti Foto Kampus
Gambar 3.24. Perancangan Menu Admin
92
Subsistem ini memiliki fasilitas: 1. Lihat Member
Fasilitas ini digunakan untuk mengelola data member; 2. Lihat Materi
Fasilitas ini menyediakan informasi mengenai materi pembelajaran yang dikirim oleh member, dan dapat digunakan untuk menghapus materi yang
tidak sesuai dengan materi pembelajaran; 3. Lihat Kumpulan Soal
Fasilitas ini menyediakan informasi mengenai kumpulan soal yang dikirim oleh member, dan dapat digunakan untuk menghapus soal-soal yang tidak
sesuai dengan materi pembelajaran; 4. Lihat Soal Ujian
Fasilitas ini menyediakan informasi soal ujian yang dikirim oleh member, dan dapat digunakan untuk menghapus soal ujian yang tidak sesuai dengan materi
pembelajaran; 5. Lihat Forum
Fasilitas ini dapat digunakan untuk mengelola forum; 6. Tambah Matakuliah
Fasilitas ini dapat digunakan untuk menambah matakuliah; 7. Lihat Kategori
Fasilitas ini digunakan untuk menambah kategori dari beberapa matakuliah dan terdapat juga menu untuk menghapus kategori;
93
8. Kirim E-Museum Fasilitas ini digunakan untuk e-museum;
9. Kirim E-Game Fasilitas ini digunakan untuk e-game;
3.6.2. Menu Non Member
Perancangan menu non member diperlihatkan pada
gambar 3.22.
Daftar Materi
Home
Kumpulan Soal
Detail Materi Detail
Kumpulan Soal
Gambar 3.25. Perancangan Menu Non Member
Menyediakan fasilitas antara lain : 1. Materi
Fasilitas ini menyediakan informasi mengenai materi pelajaran, disini non member dapat mengunduh download materi pelajaran;
94
2. Kumpulan Soal Fasilitas ini menyediakan informasi mengenai kumpulan soal, disini non
member dapat mengunduh download kumpulan soal pelajaran; 3. Daftar
Proses pendaftaran non member untuk menjadi member, dengan menginputkan data-data non member.
3.6.3. Menu Member
Menu ini hanya dapat diakses oleh member, di dalam menu ini member dapat berkolaborasi dengan angota lainya untuk mengelola isi content dari
aplikasi. Perancangan menu
member diperlihatkan pada gambar 3.23.
1. Personal Fasilitas ini menyediakan informasi mengenai profile member, member dapat
mengubah profilnya dan melihat nilai ujian yang diikuti oleh member. 2. Materi
Fasilitas ini menyediakan informasi mengenai materi pembelajaran tertentu, disini non member dapat mengunduh download materi pembelajaran
tertentu, dan di dalam fasilitas ini member dapat menyunting materi pembelajaran hasil kiriman member lainnya;
3. Kumpulan Soal Fasilitas ini menyediakan informasi mengenai kumpulan soal, disini non
member dapat mengunduh download kumpulan soal materi pelajaran tertentu;
95
4. Soal Ujian Di dalam fasilitas ini member dapat mengukur sejauh mana pemahamannya
terhadap materi yang dipelajari, dengan mengikuti ujian dan menjawab soal yang diberikan;
5. Kirim Materi Fasilitas ini memungkinkan member dapat mengirim materi, mengedit materi,
menghapus materi yang telah dikirim, dan menghapus hasil suntingan; 6. Kirim Kumpulan Soal
Fasilitas ini memungkinkan member dapat mengirim kumpulan soal, mengedit soal, dan menghapus kumpulan soal yang telah dikirim;
7. Kirim Soal Ujian Fasilitas ini memungkinkan member dapat mengirim soal ujian;
8. Kirim Forum Fasilitas ini menyediakan forum diskusi bagi member, disini member dapat
mengikuti forum diskusi, menambah topik diskusi yang berhubungan dengan pembelajaran.
9. E-Museum Fasilitas ini menampilkan e-museum yang dapat dikunjungi oleh member;
10. E-Game Fasilitas ini menampilkan e-game yang dapat dimainkan langsung oleh
member;
96
Materi Home
Kumpulan Soal E-Game
Soal Ujian
Forum Detail Materi
Sunting Materi Detail
Kumpulan Soal
Kirim Materi
Tambah Materi
Ubah Materi
Hapus Materi Kirim
Kumpulan Soal Tambah
Kumpulan Soal Ubah
Kumpulan Soal Hapus
Kumpulan Soal Kirim
Soal Ujian Tambah
Soal Ujian Hapus
Soal Ujian Personal
Ganti Nama Ganti
Username Ganti
Password Ganti
Email Ganti
Foto Ganti
Info E-Museum
Gambar 3.26. Perancangan Menu Member
97
3.7. Perancangan Antarmuka
Antarmuka pemakai merupakan media komunikasi antara pemakai dengan sistem komputer. Hasil perancangan antarmuka pemakai akan memudahkan
proses implementasi nanti.
3.7.1. Rancangan Antarmuka Non Member
Rancangan antarmuka untuk non member ditunjukkan pada gambar 3.27 s.d 3.31.
T01
Logo
Anda Belum LogIn | Daftar
Menu Utama
Ukuran Form 1280 x 800 Warna Background Gradasi Biru Hitam
Font Arial untuk isi, ukuran font 12pt Ukuran font tombol 14pt
Jam
Pencarian
Logo Home
Materi Kumpulan Soal
- Mata Kuliah - Mata Kuliah
Counter
Kalender
Linklabel Home
diklik, maka kembali ke menu T01.
Linklabel
Materi diklik, maka masuk
ke menu T02. Linklabel
Kumpulan Soal diklik, maka
masuk
ke menu
T03. Linklabel
Daftar diklik, maka masuk
ke menu T04. Tab
Lupa password diklik, maka akan
muncul TB02. Data Login admin
valid masuk ke menu T05, jika
Login member valid masuk ke menu
T17, jika gagal keluar pesan M01
Logo home
HOME
Member Terbaru Tentang CLB
Learning CBL Learning adalah sebuah aplikasi pembelajaran Collaborative
Learning berbasis web, setiap membernya dapat melakukan kolaborasi dalam mengelola isi materi dari web ini, menyumbangkan informasi,
pengalaman, ide, sikap, pendapat, kemampuan, dan keterampilan yang dimiliki untuk saling meningkatkan pemahaman. Setiap Member dapat
melakukan kolaborasi dalam menyunting, mengedit dan mengirim materi yang berhubungan dengan bidang ilmu tertentu. Metode ini
memungkinkan pengguna dosen, dan mahasiswa aktif dalam mengembangkan pengetahuan.
Materi Terbaru
Kumpulan Soal Terbaru
Foto member
Tentang Kampus
Info member Foto
member Info member
Log In
Login Username
Password Lupa Password
Admin Member
Gambar 3.27. Rancangan Menu Utama Non Member
98
T02
Logo
Anda Belum LogIn | Daftar
Ukuran Form 1280 x 800 Warna Background Gradasi Biru Hitam
Font Arial untuk isi, ukuran font 12pt Ukuran font tombol 14pt
Jam Logo
Materi
Materi
Pencarian
Gambar Isi isi isi isi isi isi isi isi Isi isi isi isi isi isi isi isi
Isi isi isi isi isi isi isi isi Isi isi isi isi isi isi isi isi Isi isi isi isi isi isi isi isi
Logo [ Selengkapnya | Dilihat : 25 kali ]
Halaman : 1 | Gambar
Isi isi isi isi isi isi isi isi Isi isi isi isi isi isi isi isi Isi isi isi isi isi isi isi isi Isi isi isi isi isi isi isi isi
Isi isi isi isi isi isi isi isi [ Selengkapnya | Dilihat : 5 kali ]
Counter
Kalender
Linklabel Home diklik,
maka kembali ke menu T01.
Linklabel
Materi diklik, maka masuk ke menu
T02. Linklabel
Kumpulan Soal diklik, maka
masuk ke menu T03. Linklabel
Daftar diklik, maka masuk ke menu
T04. Tab
Lupa password diklik,
maka akan
muncul TB02. Data Login admin valid
masuk ke menu T05, jika Login anggota
valid masuk ke menu T17, jika gagal keluar
pesan M01
Log In
Login Username
Password Lupa Password
Admin Member
Menu Utama
Home Materi
Kumpulan Soal - Mata Kuliah
- Mata Kuliah
Gambar 3.28. Rancangan Menu Materi
T03
Logo
Anda Belum LogIn | Daftar
Menu Utama
Ukuran Form 1280 x 800 Warna Background Gradasi Biru Hitam
Font Arial untuk isi, ukuran font 12pt Ukuran font tombol 14pt
Jam
Pencarian
Logo
Home Materi
Kumpulan Soal - Mata Kuliah
- Mata Kuliah Counter
Kalender
Linklabel Home
diklik, maka kembali ke menu T01.
Linklabel
Materi diklik, maka masuk ke
menu T02. Linklabel
Kumpulan Soal diklik, maka
masuk ke menu T03. Linklabel
Daftar diklik, maka masuk ke
menu T04. Tab
Lupa password diklik,
maka akan
muncul TB02. Data Login admin
valid masuk ke menu T05, jika Login
anggota valid masuk ke menu T17, jika
gagal keluar pesan M01
Logo Materi
Kumpulan Soal
Isi isi isi isi isi isi isi isi Isi isi isi isi isi isi isi isi Isi isi isi isi isi isi isi isi Isi isi isi isi isi isi isi isi
Isi isi isi isi isi isi isi isi [ Selengkapnya | Dilihat : 25 kali ]
Halaman : 1 | Isi isi isi isi isi isi isi isi Isi isi isi isi isi isi isi isi
Isi isi isi isi isi isi isi isi Isi isi isi isi isi isi isi isi Isi isi isi isi isi isi isi isi
[ Selengkapnya | Dilihat : 5 kali ] Log In
Login Username
Password Lupa Password
Admin Member
Gambar 3.29. Rancangan Menu Kumpulan Soal
99
T04
Logo
Anda Belum LogIn | Daftar
Menu Utama
Jam
Pencarian
Logo Home
Materi Kumpulan Soal
- Mata Kuliah - Mata Kuliah
Counter
Kalender
Linklabel Home
diklik, maka kembali ke menu T01.
Linklabel
Materi diklik, maka masuk ke
menu T02. Linklabel
Kumpulan Soal diklik, maka
masuk ke menu T03. Linklabel
Daftar diklik, maka masuk ke
menu T04. Tab
Lupa password diklik,
maka akan
muncul TB02. Data Login admin
valid masuk ke menu T05, jika Login
anggota valid masuk ke menu T17, jika
gagal keluar pesan M01
Logo
Pendaftaran Member Baru
Nama Lengkap
Browse
Username Password
Tulis Kembali Password
Foto
Saya Setuju Alamat E-mail
User ID Menggunakan huruf yang lazim digunakan dan Tidak diperkenankan menggunakan spasi. a-z A-Z 0-9.
Penulisan email harus benar, karena kode veritifikasi akan dikirim ke email Anda , dan apabila Anda lupa
pada password Anda akan dikirimkan pada email Anda.
Ganti Persyaratan
Apabila gambar tidak diubah dikosongkan saja, Format gambar harus berekstensi gif dan jpg. Ukuran gambar
90 x 103 pixel, ukuran file gambar tidak lebih dari 50 kb.
Kirim Batal
NIM NIP
Tuliskan NIM Anda jika Anda Mahasiswa dan NIP Anda Jika Anda Dosen
Ukuran Form 1280 x 800 Warna Background Gradasi Biru Hitam
Font Arial untuk isi, ukuran font 12pt Ukuran font tombol 14pt
Portal ini digunakan untuk berkolaborasi dalam mengelola isi dari berbagai bidang ilmu, Anda dapat mengirimkan materi,
visual animasi, kumpulan soal yang berhubungan dengan disiplin ilmu tertentu. Jadikan portal ini sebagai manajemen
pengetahuan Knowlage Management untuk berbagai disiplin ilmu.
Log In
Login Username
Password Lupa Password
Admin Member
Gambar 3.30. Rancangan Menu Daftar
Log In
Kirim Username
Email Lupa Password
Admin Member
Ukuran Form 256 x 256 Warna Background Gradasi Biru Hitam
Font Arial untuk isi, ukuran font 12pt Ukuran font tombol 14pt
Tab Login
diklik, maka
kembali ke
TB01. Kirim diklik dan data
valid maka akan keluar pesan M02f,
jika gagal keluar M02a.
TB02
Gambar 3.31. Rancangan Tab Lupa Password
100
3.7.2. Rancangan Antarmuka Menu Admin
Rancangan antarmuka untuk menu Admin ditunjukkan pada gambar 3.32 s.d 3.43.
T05
Logo
Log Out
Jam Logo
Home
Pencarian
Logo
Counter
Kalender
Foto
Pengguna
Hai : Admin Level Anda : Admin
Menu Admin
- Tambah Kategori Home
Konfigurasi Lihat Member
Lihat Materi Lihat Kumpulan
Soal Lihat Soal Ujian
Lihat Forum Tambah
Matakuliah Kategori
Ukuran Form 1280 x 800 Warna Background Gradasi Biru Hitam
Font Arial untuk isi, ukuran font 12pt Ukuran font tombol 14pt
- Hapus Kategori - Kirim Museum
- Kirim game E-Museum
E-Game
Selamat Datang Admin
Linklabel Home diklik,
maka kembali ke menu T05. Linklabel
Konfigurasi diklik, maka masuk ke menu T06.
Linklabel
Lihat Member
diklik, maka masuk ke menu T07.
Linklabel
Lihat Materi diklik, maka masuk ke menu T08.
Linklabel
Lihat Kumpulan Soal diklik, maka masuk ke
menu T09. Linklabel
Lihat Soal Ujian diklik, maka masuk ke menu
T10. Linklabel
Lihat Forum
diklik, maka masuk ke menu T11.
Linklabel
Tambah Mata
Kuliah diklik, maka masuk ke menu T12.
Linklabel
Tambah Kategori diklik, maka masuk ke menu
T13. Linklabel
Hapus Kategori diklik, maka masuk ke menu
T14. Linklabel
Kirim Museum diklik, maka masuk ke menu
T15. Linklabel
Kirim Game
diklik, maka masuk ke menu T16.
Linklabel
Logout diklik, maka masuk ke menu T01.
Gambar 3.32. Rancangan Menu Utama Admin
101
T06
Logo
Log Out
Jam Logo
Konfigurasi
Pencarian
Logo
Counter
Kalender
Foto
Pengguna
Hai : Admin Level Anda : Admin
Menu Admin
- Tambah Kategori Home
Konfigurasi Lihat Member
Lihat Materi Lihat Kumpulan
Soal Lihat Soal Ujian
Lihat Forum Tambah
Matakuliah Kategori
Ukuran Form 1280 x 800 Warna Background Gradasi Biru Hitam
Font Arial untuk isi, ukuran font 12pt Ukuran font tombol 14pt
- Hapus Kategori - Kirim Museum
- Kirim game E-Museum
E-Game
Edit Profile Ganti Nama
Ganti Username Ganti Password
Ganti Email Ganti Foto
Edit Kampus Ganti Nama Kampus
Ganti Tentang Kampus Ganti Foto Kampus
Linklabel Home diklik, maka
kembali ke menu T05. Linklabel
Konfigurasi diklik, maka masuk ke menu T06.
Linklabel
Lihat Member
diklik, maka masuk ke menu T07.
Linklabel
Lihat Materi diklik, maka masuk ke menu T08.
Linklabel
Lihat Kumpulan Soal diklik, maka masuk ke
menu T09. Linklabel
Lihat Soal Ujian diklik, maka masuk ke menu
T10. Linklabel
Lihat Forum
diklik, maka masuk ke menu T11.
Linklabel
Tambah Mata
Kuliah diklik, maka masuk ke menu T12.
Linklabel
Tambah Kategori diklik, maka masuk ke menu
T13. Linklabel
Hapus Kategori diklik, maka masuk ke menu
T14. Linklabel
Kirim Museum diklik, maka masuk ke menu
T15. Linklabel
Kirim Game diklik, maka masuk ke menu T16.
Linklabel
Logout diklik, maka masuk ke menu T01.
Gambar 3.33. Rancangan Profile Admin
T07
Logo
Log Out
Jam Logo
Lihat Member
Pencarian
Logo
Counter
Kalender
Foto
Pengguna
Hai : Admin Level Anda : Admin
Menu Admin
- Tambah Kategori Home
Konfigurasi Lihat Member
Lihat Materi Lihat Kumpulan
Soal Lihat Soal Ujian
Lihat Forum Tambah
Matakuliah Kategori
Ukuran Form 1280 x 800 Warna Background Gradasi Biru Hitam
Font Arial untuk isi, ukuran font 12pt Ukuran font tombol 14pt
- Hapus Kategori - Kirim Museum
- Kirim game E-Museum
E-Game
Nama Member Username No
Aksi
Hapus
Email Tgl Daftar Status Aksi
Hapus
Linklabel Home diklik, maka
kembali ke menu T05. Linklabel
Konfigurasi diklik, maka masuk ke menu T06.
Linklabel
Lihat Member
diklik, maka masuk ke menu T07.
Linklabel
Lihat Materi diklik, maka masuk ke menu T08.
Linklabel
Lihat Kumpulan
Soal diklik, maka masuk ke menu T09.
Linklabel
Lihat Soal Ujian diklik, maka masuk ke menu
T10. Linklabel
Lihat Forum diklik, maka masuk ke menu T11.
Linklabel
Tambah Mata Kuliah diklik, maka masuk ke menu
T12. Linklabel
Tambah Kategori diklik, maka masuk ke menu
T13. Linklabel
Hapus Kategori
diklik, maka masuk ke menu T14.
Linklabel
Kirim Museum diklik, maka masuk ke menu
T15. Linklabel
Kirim Game diklik, maka masuk ke menu T16.
Linklabel
Logout diklik, maka masuk ke menu T01.
Gambar 3.34. Rancangan Menu Lihat Member
102
T08
Logo
Log Out
Jam
Pencarian
Logo
Counter
Kalender
Foto
Pengguna
Hai : Admin Level Anda : Admin
Menu Admin
- Tambah Kategori Home
Konfigurasi Lihat Member
Lihat Materi Lihat Kumpulan
Soal Lihat Soal Ujian
Lihat Forum Tambah
Matakuliah Kategori
Ukuran Form 1280 x 800 Warna Background Gradasi Biru Hitam
Font Arial untuk isi, ukuran font 12pt Ukuran font tombol 14pt
- Hapus Kategori - Kirim Museum
- Kirim game E-Museum
E-Game Logo
Lihat Materi
Judul Posting
No Aksi
Lihat | Hapus
Linklabel Home diklik,
maka kembali ke menu T05.
Linklabel
Konfigurasi diklik, maka masuk ke
menu T06. Linklabel
Lihat Member diklik, maka masuk ke
menu T07. Linklabel
Lihat Materi
diklik, maka masuk ke menu T08.
Linklabel
Lihat Kumpulan Soal diklik, maka masuk
ke menu T09. Linklabel
Lihat Soal Ujian diklik, maka masuk ke
menu T10. Linklabel
Lihat Forum
diklik, maka masuk ke menu T11.
Linklabel
Tambah Mata
Kuliah diklik, maka masuk ke menu T12.
Linklabel
Tambah Kategori diklik, maka masuk ke
menu T13. Linklabel
Hapus Kategori diklik, maka masuk ke
menu T14. Linklabel
Kirim Museum diklik, maka masuk ke
menu T15. Linklabel
Kirim Game
diklik, maka masuk ke menu T16.
Linklabel
Logout diklik, maka masuk ke menu T01.
Gambar 3.35. Rancangan Menu Lihat Materi
103
T09
Logo
Log Out
Jam
Pencarian
Logo
Counter
Kalender
Foto
Pengguna
Hai : Admin Level Anda : Admin
Menu Admin
- Tambah Kategori Home
Konfigurasi Lihat Member
Lihat Materi Lihat Kumpulan
Soal Lihat Soal Ujian
Lihat Forum Tambah
Matakuliah Kategori
Ukuran Form 1280 x 800 Warna Background Gradasi Biru Hitam
Font Arial untuk isi, ukuran font 12pt Ukuran font tombol 14pt
- Hapus Kategori - Kirim Museum
- Kirim game E-Museum
E-Game Logo
Lihat Kumpulan Soal
Judul Posting
No Aksi
Lihat | Hapus
Linklabel Home diklik, maka
kembali ke menu T05. Linklabel
Konfigurasi diklik, maka masuk ke menu T06.
Linklabel
Lihat Member
diklik, maka masuk ke menu T07.
Linklabel
Lihat Materi diklik, maka masuk ke menu T08.
Linklabel
Lihat Kumpulan
Soal diklik, maka masuk ke menu T09.
Linklabel
Lihat Soal Ujian diklik, maka masuk ke menu
T10. Linklabel
Lihat Forum diklik, maka masuk ke menu T11.
Linklabel
Tambah Matakuliah diklik, maka masuk ke menu
T12. Linklabel
Tambah Kategori diklik, maka masuk ke menu
T13. Linklabel
Hapus Kategori
diklik, maka masuk ke menu T14.
Linklabel
Kirim Museum diklik, maka masuk ke menu
T15. Linklabel
Kirim Game diklik, maka masuk ke menu T16.
Linklabel
Logout diklik, maka masuk ke menu T01.
Gambar 3.36. Rancangan Menu Lihat Kumpulan Soal
104
T10
Logo
Log Out
Jam
Pencarian
Logo
Counter
Kalender
Linklabel Home diklik, maka
kembali ke menu T05. Linklabel
Konfigurasi diklik, maka masuk ke menu T06.
Linklabel
Lihat Member
diklik, maka masuk ke menu T07.
Linklabel
Lihat Materi diklik, maka masuk ke menu T08.
Linklabel
Lihat Kumpulan Soal diklik, maka masuk ke
menu T09. Linklabel
Lihat Soal Ujian diklik, maka masuk ke menu
T10. Linklabel
Lihat Forum diklik, maka masuk ke menu T11.
Linklabel
Tambah Matakuliah diklik, maka
masuk ke menu T12. Linklabel
Tambah Kategori diklik, maka masuk ke menu
T13. Linklabel
Hapus Kategori diklik, maka masuk ke menu
T14. Linklabel
Kirim Museum diklik, maka masuk ke menu
T15. Linklabel
Kirim Game diklik, maka masuk ke menu T16.
Linklabel
Logout diklik, maka masuk ke menu T01.
Foto
Pengguna
Hai : Admin Level Anda : Admin
Menu Admin
- Tambah Kategori Home
Konfigurasi Lihat Member
Lihat Materi Lihat Kumpulan
Soal Lihat Soal Ujian
Lihat Forum Tambah
Matakuliah Kategori
Ukuran Form 1280 x 800 Warna Background Gradasi Biru Hitam
Font Arial untuk isi, ukuran font 12pt Ukuran font tombol 14pt
- Hapus Kategori - Kirim Museum
- Kirim game E-Museum
E-Game Logo
Lihat Soal Ujian
Judul Pengirim
No Aksi
Hapus
Tgl Kirim Diujiankan
Gambar 3.37. Rancangan Menu Lihat Soal Ujian
105
T11
Logo
Log Out
Jam
Pencarian
Logo
Counter
Kalender
Linklabel Home diklik, maka
kembali ke menu T05. Linklabel
Konfigurasi diklik, maka masuk ke menu T06.
Linklabel
Lihat Member
diklik, maka masuk ke menu T07.
Linklabel
Lihat Materi diklik, maka masuk ke menu T08.
Linklabel
Lihat Kumpulan Soal diklik, maka masuk ke
menu T09. Linklabel
Lihat Soal Ujian diklik, maka masuk ke menu
T10. Linklabel
Lihat Forum diklik, maka masuk ke menu T11.
Linklabel
Tambah Matakuliah diklik, maka masuk ke menu
T12. Linklabel
Tambah Kategori diklik, maka masuk ke menu
T13. Linklabel
Hapus Kategori
diklik, maka masuk ke menu T14.
Linklabel
Kirim Museum diklik, maka masuk ke menu
T15. Linklabel
Kirim Game diklik, maka masuk ke menu T16.
Linklabel
Logout diklik, maka masuk ke menu T01.
Foto
Pengguna
Hai : Admin Level Anda : Admin
Menu Admin
- Tambah Kategori Home
Konfigurasi Lihat Member
Lihat Materi Lihat Kumpulan
Soal Lihat Soal Ujian
Lihat Forum Tambah
Matakuliah Kategori
Ukuran Form 1280 x 800 Warna Background Gradasi Biru Hitam
Font Arial untuk isi, ukuran font 12pt Ukuran font tombol 14pt
- Hapus Kategori - Kirim Museum
- Kirim game E-Museum
E-Game Logo
Lihat Forum
Judul Forum Posting
No Aksi
Lihat | Hapus
Gambar 3.38. Rancangan Menu Lihat Forum
106
T12
Logo
Log Out
Jam
Pencarian
Logo
Counter
Kalender
Linklabel Home diklik, maka
kembali ke menu T05. Linklabel
Konfigurasi diklik, maka masuk ke menu T06.
Linklabel
Lihat Member diklik, maka masuk ke menu T07.
Linklabel
Lihat Materi diklik, maka masuk ke menu T08.
Linklabel
Lihat Kumpulan Soal diklik, maka masuk ke menu
T09. Linklabel
Lihat Soal
Ujian diklik, maka masuk ke menu
T10. Linklabel
Lihat Forum diklik, maka masuk ke menu T11.
Linklabel
Tambah Matakuliah diklik, maka masuk ke menu
T12. Linklabel
Tambah Kategori
diklik, maka masuk ke menu T13.
Linklabel
Hapus Kategori diklik, maka masuk ke menu T14.
Linklabel
Kirim Museum diklik, maka masuk ke menu T15.
Linklabel
Kirim Game diklik, maka masuk ke menu T16.
Linklabel
Logout diklik, maka masuk ke menu T01.
Foto
Pengguna
Hai : Admin Level Anda : Admin
Menu Admin
- Tambah Kategori Home
Konfigurasi Lihat Member
Lihat Materi Lihat Kumpulan
Soal Lihat Soal Ujian
Lihat Forum Tambah
Matakuliah Kategori
Ukuran Form 1280 x 800 Warna Background Gradasi Biru Hitam
Font Arial untuk isi, ukuran font 12pt Ukuran font tombol 14pt
- Hapus Kategori - Kirim Museum
- Kirim game E-Museum
E-Game Logo
Tambah Matakuliah
Matakuliah Tambah
Kode Matakuliah
No Aksi
Hapus
Gambar 3.39. Rancangan Menu Tambah Matakuliah
107
T13
Logo
Log Out
Jam
Pencarian
Logo
Counter
Kalender
Linklabel Home diklik, maka
kembali ke menu T05. Linklabel
Konfigurasi diklik, maka masuk ke menu T06.
Linklabel
Lihat Member
diklik, maka masuk ke menu T07.
Linklabel
Lihat Materi diklik, maka masuk ke menu T08.
Linklabel
Lihat Kumpulan Soal diklik, maka masuk ke
menu T09. Linklabel
Lihat Soal Ujian diklik, maka masuk ke menu
T10. Linklabel
Lihat Forum diklik, maka masuk ke menu T11.
Linklabel
Tambah Matakuliah diklik, maka masuk ke menu
T12. Linklabel
Tambah Kategori diklik, maka masuk ke menu
T13. Linklabel
Hapus Kategori
diklik, maka masuk ke menu T14.
Linklabel
Kirim Museum diklik, maka masuk ke menu
T15. Linklabel
Kirim Game diklik, maka masuk ke menu T16.
Linklabel
Logout diklik, maka masuk ke menu T01.
Foto
Pengguna
Hai : Admin Level Anda : Admin
Menu Admin
- Tambah Kategori Home
Konfigurasi Lihat Member
Lihat Materi Lihat Kumpulan
Soal Lihat Soal Ujian
Lihat Forum Tambah
Matakuliah Kategori
Ukuran Form 1280 x 800 Warna Background Gradasi Biru Hitam
Font Arial untuk isi, ukuran font 12pt Ukuran font tombol 14pt
- Hapus Kategori - Kirim Museum
- Kirim game E-Museum
E-Game Logo
Tambah Kategori
Matakuliah Tambah
Kategori
Gambar 3.40. Rancangan Menu Tambah Kategori
108
T14
Logo
Log Out
Jam
Pencarian
Logo
Counter
Kalender
Linklabel Home diklik, maka
kembali ke menu T05. Linklabel
Konfigurasi diklik, maka masuk ke menu T06.
Linklabel
Lihat Member diklik, maka masuk ke menu T07.
Linklabel
Lihat Materi diklik, maka masuk ke menu T08.
Linklabel
Lihat Kumpulan Soal diklik, maka masuk ke menu
T09. Linklabel
Lihat Soal
Ujian diklik, maka masuk ke menu
T10. Linklabel
Lihat Forum diklik, maka masuk ke menu T11.
Linklabel
Tambah Matakuliah diklik, maka masuk ke menu
T12. Linklabel
Tambah Kategori
diklik, maka masuk ke menu T13.
Linklabel
Hapus Kategori diklik, maka masuk ke menu T14.
Linklabel
Kirim Museum diklik, maka masuk ke menu T15.
Linklabel
Kirim Game diklik, maka masuk ke menu T16.
Linklabel
Logout diklik, maka masuk ke menu T01.
Foto
Pengguna
Hai : Admin Level Anda : Admin
Menu Admin
- Tambah Kategori Home
Konfigurasi Lihat Member
Lihat Materi Lihat Kumpulan
Soal Lihat Soal Ujian
Lihat Forum Tambah
Matakuliah Kategori
Ukuran Form 1280 x 800 Warna Background Gradasi Biru Hitam
Font Arial untuk isi, ukuran font 12pt Ukuran font tombol 14pt
- Hapus Kategori - Kirim Museum
- Kirim game E-Museum
E-Game Logo
Hapus Kategori
Matakuliah Kategori
Matakuliah No
Aksi
Hapus
Gambar 3.41. Rancangan Menu Hapus Kategori
109
T15
Logo
Log Out
Jam
Pencarian
Logo
Counter
Kalender
Linklabel Home diklik, maka
kembali ke menu T05. Linklabel
Konfigurasi diklik, maka masuk ke menu T06.
Linklabel
Lihat Member
diklik, maka masuk ke menu T07.
Linklabel
Lihat Materi diklik, maka masuk ke menu T08.
Linklabel
Lihat Kumpulan
Soal diklik, maka masuk ke menu T09.
Linklabel
Lihat Soal Ujian diklik, maka masuk ke menu
T10. Linklabel
Lihat Forum diklik, maka masuk ke menu T11.
Linklabel
Tambah Matakuliah diklik, maka masuk ke menu
T12. Linklabel
Tambah Kategori diklik, maka masuk ke menu
T13. Linklabel
Hapus Kategori
diklik, maka masuk ke menu T14.
Linklabel
Kirim Museum diklik, maka masuk ke menu
T15. Linklabel
Kirim Game diklik, maka masuk ke menu T16.
Linklabel
Logout diklik, maka masuk ke menu T01.
Foto
Pengguna
Hai : Admin Level Anda : Admin
Menu Admin
- Tambah Kategori Home
Konfigurasi Lihat Member
Lihat Materi Lihat Kumpulan
Soal Lihat Soal Ujian
Lihat Forum Tambah
Matakuliah Kategori
Ukuran Form 1280 x 800 Warna Background Gradasi Biru Hitam
Font Arial untuk isi, ukuran font 12pt Ukuran font tombol 14pt
- Hapus Kategori - Kirim Museum
- Kirim game E-Museum
E-Game Logo
Kirim Museum
Judul Isi
Museum
Tanggal Day moon year
Upload gambar
Browse...
Agar gambar dapat ditampilkan file yang diupload harus dalam format jpeg, gif, atau png
Upload Animasi
Browse...
Agar animasi dapat ditampilkan file yang diupload harus dalam format swf
Sumber
Kirim
Gambar 3.42. Rancangan Menu E-Museum
110
T16
Logo
Log Out
Jam
Pencarian
Logo
Counter
Kalender
Linklabel Home diklik, maka
kembali ke menu T05. Linklabel
Konfigurasi diklik, maka masuk ke menu T06.
Linklabel
Lihat Member
diklik, maka masuk ke menu T07.
Linklabel
Lihat Materi diklik, maka masuk ke menu T08.
Linklabel
Lihat Kumpulan
Soal diklik, maka masuk ke menu T09.
Linklabel
Lihat Soal Ujian diklik, maka masuk ke menu
T10. Linklabel
Lihat Forum diklik, maka masuk ke menu T11.
Linklabel
Tambah Matakuliah diklik, maka masuk ke menu
T12. Linklabel
Tambah Kategori diklik, maka masuk ke menu
T13. Linklabel
Hapus Kategori
diklik, maka masuk ke menu T14.
Linklabel
Kirim Museum diklik, maka masuk ke menu
T15. Linklabel
Kirim Game diklik, maka masuk ke menu T16.
Linklabel
Logout diklik, maka masuk ke menu T01.
Foto
Pengguna
Hai : Admin Level Anda : Admin
Menu Admin
- Tambah Kategori Home
Konfigurasi Lihat Member
Lihat Materi Lihat Kumpulan
Soal Lihat Soal Ujian
Lihat Forum Tambah
Matakuliah Kategori
Ukuran Form 1280 x 800 Warna Background Gradasi Biru Hitam
Font Arial untuk isi, ukuran font 12pt Ukuran font tombol 14pt
- Hapus Kategori - Kirim Museum
- Kirim game E-Museum
E-Game Logo
Kirim Game
Judul Isi Game
Tanggal Day moon year
Upload gambar
Browse...
Agar gambar dapat ditampilkan file yang diupload harus dalam format jpeg, gif, atau png
Upload Game
Browse...
Agar game dapat ditampilkan file yang diupload harus dalam format swf
Sumber
Kirim
Gambar 3.43. Rancangan Menu E-Game
3.7.3. Rancangan Antarmuka Menu Member
Rancangan antarmuka untuk menu member ditunjukkan pada gambar 3.44 s.d 3.56.
111
T17
Logo
Log Out
Jam
Pencarian
Logo
Counter
Kalender
Foto
Pengguna
Hai : Member Level Anda : Member
Menu Utama Home
E-Museum E-Game
Materi Kumpulan Soal
Forum
Ukuran Form 1280 x 800 Warna Background Gradasi Biru Hitam
Font Arial untuk isi, ukuran font 12pt Ukuran font tombol 14pt
- Sejarah Islam Soal Ujian
- Sejarah Islam Menu Member
Logo home
HOME
Member Terbaru Tentang CLB
Learning CBL Learning adalah sebuah aplikasi pembelajaran Collaborative
Learning berbasis web, setiap membernya dapat melakukan kolaborasi dalam mengelola isi materi dari web ini, menyumbangkan informasi,
pengalaman, ide, sikap, pendapat, kemampuan, dan keterampilan yang dimiliki untuk saling meningkatkan pemahaman. Setiap Member dapat
melakukan kolaborasi dalam menyunting, mengedit dan mengirim materi yang berhubungan dengan bidang ilmu tertentu. Metode ini
memungkinkan pengguna dosen, dan mahasiswa aktif dalam mengembangkan pengetahuan.
Materi Terbaru
Kumpulan Soal Terbaru
Foto member
Tentang Kampus
Info member Foto
member Info member
Selamat Datang Member
Linklabel Home diklik, maka
kembali ke menu T17. Linklabel
E-Museum diklik, maka masuk ke menu T18.
Linklabel
E-Game diklik, maka masuk ke menu T19.
Linklabel
Materi diklik, maka masuk ke menu T20.
Linklabel
Kumpulan Soal
diklik, maka masuk ke menu T21.
Linklabel
Soal Ujian diklik, maka masuk ke menu T22.
Linklabel
Forum diklik, maka masuk ke menu T23.
Linklabel
Personal Profile diklik, maka masuk ke menu
T24. Linklabel
Personal Nilai Ujian diklik, maka masuk ke menu
T25. Linklabel
Kirim Materi diklik, maka masuk ke menu T26.
Linklabel
Kirim Kumpulan
Soal diklik, maka masuk ke menu T27.
Linklabel
Kirim Soal Ujian diklik, maka masuk ke menu
T28. Linklabel
Logout diklik, maka masuk ke menu T01.
Personal Kirim Materi
Kirim Kumpulan Soal
Kirim Soal Ujian - Profile
- Nilai Ujian
Gambar 3.44. Rancangan Menu Utama Member
T18
Logo
Log Out
Jam
Pencarian
Logo
Counter
Kalender
Foto
Pengguna
Hai : Member Level Anda : Member
Menu Utama
Home E-Museum
E-Game Materi
Kumpulan Soal Forum
Ukuran Form 1280 x 800 Warna Background Gradasi Biru Hitam
Font Arial untuk isi, ukuran font 12pt Ukuran font tombol 14pt
- Sejarah Islam Soal Ujian
- Sejarah Islam
Menu Member
Logo
E-Museum
Gambar Narasi narasi narasi narasi narasi narasi narasi narasi
narasi
Halaman : 1 | [ Kunjungi | Dikunjungi : 5 kali ]
Linklabel Home diklik, maka
kembali ke menu T17. Linklabel
E-Museum diklik, maka masuk ke menu T18.
Linklabel
E-Game diklik,
maka masuk ke menu T19. Linklabel
Materi diklik, maka masuk ke menu T20.
Linklabel
Kumpulan Soal diklik, maka masuk ke menu
T21. Linklabel
Soal Ujian diklik, maka masuk ke menu T22.
Linklabel
Forum diklik, maka masuk ke menu T23.
Linklabel
Personal Profile diklik, maka masuk ke menu
T24. Linklabel
Personal Nilai
Ujian diklik, maka masuk ke menu T25.
Linklabel
Kirim Materi diklik, maka masuk ke menu T26.
Linklabel
Kirim Kumpulan Soal diklik, maka masuk ke
menu T27. Linklabel
Kirim Soal Ujian diklik, maka masuk ke menu
T28. Linklabel
Logout diklik, maka masuk ke menu T01.
Personal Kirim Materi
Kirim Kumpulan Soal
Kirim Soal Ujian - Profile
- Nilai Ujian Gambar
Narasi narasi narasi narasi narasi narasi narasi narasi narasi
[ Kunjungi | Dikunjungi : 5 kali ] Gambar
Narasi narasi narasi narasi narasi narasi narasi narasi narasi
[ Kunjungi | Dikunjungi : 5 kali ]
Gambar 3.45. Rancangan Menu Lihat E-Museum
112
T19
Logo
Log Out
Jam
Pencarian
Logo
Counter
Kalender
Foto
Pengguna
Hai : Member Level Anda : Member
Menu Utama
Home E-Museum
E-Game Materi
Kumpulan Soal Forum
Ukuran Form 1280 x 800 Warna Background Gradasi Biru Hitam
Font Arial untuk isi, ukuran font 12pt Ukuran font tombol 14pt
- Sejarah Islam Soal Ujian
- Sejarah Islam
Menu Member
Logo
E-Game
Gambar Narasi narasi narasi narasi narasi narasi narasi narasi
narasi
Halaman : 1 | [ Mainkan | Dimainkan : 5 kali ]
Linklabel Home diklik, maka
kembali ke menu T17. Linklabel
E-Museum diklik, maka masuk ke menu T18.
Linklabel
E-Game diklik,
maka masuk ke menu T19. Linklabel
Materi diklik, maka masuk ke menu T20.
Linklabel
Kumpulan Soal diklik, maka masuk ke menu
T21. Linklabel
Soal Ujian diklik, maka masuk ke menu T22.
Linklabel
Forum diklik, maka masuk ke menu T23.
Linklabel
Personal Profile diklik, maka masuk ke menu
T24. Linklabel
Personal Nilai
Ujian diklik, maka masuk ke menu T25.
Linklabel
Kirim Materi diklik, maka masuk ke menu T26.
Linklabel
Kirim Kumpulan Soal diklik, maka masuk ke
menu T27. Linklabel
Kirim Soal Ujian diklik, maka masuk ke menu
T28. Linklabel
Logout diklik, maka masuk ke menu T01.
Personal Kirim Materi
Kirim Kumpulan Soal
Kirim Soal Ujian - Profile
- Nilai Ujian Gambar
Narasi narasi narasi narasi narasi narasi narasi narasi narasi
[ Mainkan | Dimainkan : 5 kali ] Gambar
Narasi narasi narasi narasi narasi narasi narasi narasi narasi
[ Mainkan | Dimainkan : 5 kali ]
Gambar 3.46. Rancangan Menu Lihat E-Game
T20
Logo
Log Out
Jam
Pencarian
Logo
Counter
Kalender
Foto
Pengguna
Hai : Member Level Anda : Member
Menu Utama
Home E-Museum
E-Game Materi
Kumpulan Soal Forum
Ukuran Form 1280 x 800 Warna Background Gradasi Biru Hitam
Font Arial untuk isi, ukuran font 12pt Ukuran font tombol 14pt
- Sejarah Islam Soal Ujian
- Sejarah Islam
Menu Member
Logo
Materi
Gambar Isi isi isi isi isi isi isi isi Isi isi isi isi isi isi isi isi
Isi isi isi isi isi isi isi isi Isi isi isi isi isi isi isi isi Isi isi isi isi isi isi isi isi
Halaman : 1 | Gambar
Isi isi isi isi isi isi isi isi Isi isi isi isi isi isi isi isi Isi isi isi isi isi isi isi isi Isi isi isi isi isi isi isi isi
Isi isi isi isi isi isi isi isi Gambar
Isi isi isi isi isi isi isi isi Isi isi isi isi isi isi isi isi Isi isi isi isi isi isi isi isi Isi isi isi isi isi isi isi isi
Isi isi isi isi isi isi isi isi [ Selengkapnya | Dilihat : 5 kali ]
[ Selengkapnya | Dilihat : 25 kali ] [ Selengkapnya | Dilihat : 15 kali ]
Linklabel Home diklik, maka
kembali ke menu T17. Linklabel
E-Museum diklik, maka masuk ke menu T18.
Linklabel
E-Game diklik,
maka masuk ke menu T19. Linklabel
Materi diklik, maka masuk ke menu T20.
Linklabel
Kumpulan Soal diklik, maka masuk ke menu
T21. Linklabel
Soal Ujian diklik, maka masuk ke menu T22.
Linklabel
Forum diklik, maka masuk ke menu T23.
Linklabel
Personal Profile diklik, maka masuk ke menu
T24. Linklabel
Personal Nilai
Ujian diklik, maka masuk ke menu T25.
Linklabel
Kirim Materi diklik, maka masuk ke menu T26.
Linklabel
Kirim Kumpulan Soal diklik, maka masuk ke
menu T27. Linklabel
Kirim Soal Ujian diklik, maka masuk ke menu
T28. Linklabel
Logout diklik, maka masuk ke menu T01.
Personal Kirim Materi
Kirim Kumpulan Soal
Kirim Soal Ujian - Profile
- Nilai Ujian
Gambar 3.47. Rancangan Menu Materi
113
Kumpulan Soal
Isi isi isi isi isi isi isi isi Isi isi isi isi isi isi isi isi Isi isi isi isi isi isi isi isi Isi isi isi isi isi isi isi isi
Isi isi isi isi isi isi isi isi [ Selengkapnya | Dilihat : 25 kali ]
Halaman : 1 | Isi isi isi isi isi isi isi isi Isi isi isi isi isi isi isi isi
Isi isi isi isi isi isi isi isi Isi isi isi isi isi isi isi isi Isi isi isi isi isi isi isi isi
[ Selengkapnya | Dilihat : 5 kali ]
T21
Logo
Log Out
Jam
Pencarian
Logo
Counter
Kalender
Foto
Pengguna
Hai : Member Level Anda : Member
Menu Utama
Home E-Museum
E-Game Materi
Kumpulan Soal Forum
Ukuran Form 1280 x 800 Warna Background Gradasi Biru Hitam
Font Arial untuk isi, ukuran font 12pt Ukuran font tombol 14pt
- Sejarah Islam Soal Ujian
- Sejarah Islam
Menu Member
Logo
Isi isi isi isi isi isi isi isi Isi isi isi isi isi isi isi isi Isi isi isi isi isi isi isi isi Isi isi isi isi isi isi isi isi
Isi isi isi isi isi isi isi isi [ Selengkapnya | Dilihat : 5 kali ]
Linklabel Home diklik, maka
kembali ke menu T17. Linklabel
E-Museum diklik, maka masuk ke menu T18.
Linklabel
E-Game diklik,
maka masuk ke menu T19. Linklabel
Materi diklik, maka masuk ke menu T20.
Linklabel
Kumpulan Soal diklik, maka masuk ke menu
T21. Linklabel
Soal Ujian diklik, maka masuk ke menu T22.
Linklabel
Forum diklik, maka masuk ke menu T23.
Linklabel
Personal Profile diklik, maka masuk ke menu
T24. Linklabel
Personal Nilai
Ujian diklik, maka masuk ke menu T25.
Linklabel
Kirim Materi diklik, maka masuk ke menu T26.
Linklabel
Kirim Kumpulan Soal diklik, maka masuk ke
menu T27. Linklabel
Kirim Soal Ujian diklik, maka masuk ke menu
T28. Linklabel
Logout diklik, maka masuk ke menu T01.
Personal Kirim Materi
Kirim Kumpulan Soal
Kirim Soal Ujian - Profile
- Nilai Ujian
Gambar 3.48. Rancangan Menu Kumpulan Soal
Soal Ujian
T22
Logo
Log Out
Jam
Pencarian
Logo
Counter
Kalender
Foto
Pengguna
Hai : Member Level Anda : Member
Menu Utama
Home E-Museum
E-Game Materi
Kumpulan Soal Forum
Ukuran Form 1280 x 800 Warna Background Gradasi Biru Hitam
Font Arial untuk isi, ukuran font 12pt Ukuran font tombol 14pt
- Sejarah Islam Soal Ujian
- Sejarah Islam
Menu Member
Logo
Judul Pengirim
No Tgl Kirim
Diikuti
Linklabel Home diklik, maka
kembali ke menu T17. Linklabel
E-Museum diklik, maka masuk ke menu T18.
Linklabel
E-Game diklik,
maka masuk ke menu T19. Linklabel
Materi diklik, maka masuk ke menu T20.
Linklabel
Kumpulan Soal diklik, maka masuk ke menu
T21. Linklabel
Soal Ujian diklik, maka masuk ke menu T22.
Linklabel
Forum diklik, maka masuk ke menu T23.
Linklabel
Personal Profile diklik, maka masuk ke menu
T24. Linklabel
Personal Nilai
Ujian diklik, maka masuk ke menu T25.
Linklabel
Kirim Materi diklik, maka masuk ke menu T26.
Linklabel
Kirim Kumpulan Soal diklik, maka masuk ke
menu T27. Linklabel
Kirim Soal Ujian diklik, maka masuk ke menu
T28. Linklabel
Logout diklik, maka masuk ke menu T01.
Personal Kirim Materi
Kirim Kumpulan Soal
Kirim Soal Ujian - Profile
- Nilai Ujian
Gambar 3.49. Rancangan Menu Soal Ujian
114
Forum
T23
Logo
Log Out
Jam
Pencarian
Logo
Counter
Kalender
Foto
Pengguna
Hai : Member Level Anda : Member
Menu Utama
Home E-Museum
E-Game Materi
Kumpulan Soal Forum
Ukuran Form 1280 x 800 Warna Background Gradasi Biru Hitam
Font Arial untuk isi, ukuran font 12pt Ukuran font tombol 14pt
- Sejarah Islam Soal Ujian
- Sejarah Islam
Menu Member
Logo
Dilihat Dibalas
Forum Pengirim
Tgl Kirim Kategori
Linklabel Home diklik, maka
kembali ke menu T17. Linklabel
E-Museum diklik, maka masuk ke menu T18.
Linklabel
E-Game diklik, maka masuk ke menu T19.
Linklabel
Materi diklik, maka masuk ke menu T20.
Linklabel
Kumpulan Soal
diklik, maka masuk ke menu T21.
Linklabel
Soal Ujian diklik, maka masuk ke menu T22.
Linklabel
Forum diklik, maka masuk ke menu T23.
Linklabel
Personal Profile diklik, maka masuk ke menu
T24. Linklabel
Personal Nilai
Ujian diklik, maka masuk ke menu T25.
Linklabel
Kirim Materi diklik, maka masuk ke menu T26.
Linklabel
Kirim Kumpulan
Soal diklik, maka masuk ke menu T27.
Linklabel
Kirim Soal Ujian diklik, maka masuk ke menu
T28. Linklabel
Logout diklik, maka masuk ke menu T01.
Personal Kirim Materi
Kirim Kumpulan Soal
Kirim Soal Ujian - Profile
- Nilai Ujian
Gambar 3.50. Rancangan Menu Forum
Personal
T24
Logo
Log Out
Jam
Pencarian
Logo
Counter
Kalender
Foto
Pengguna
Hai : Member Level Anda : Member
Menu Utama
Home E-Museum
E-Game Materi
Kumpulan Soal Forum
Ukuran Form 1280 x 800 Warna Background Gradasi Biru Hitam
Font Arial untuk isi, ukuran font 12pt Ukuran font tombol 14pt
- Sejarah Islam Soal Ujian
- Sejarah Islam
Menu Member
Logo
Edit Profile Ganti Nama
Ganti Username Ganti Password
Ganti Email Ganti Foto
Data Nilai Ujian Nilai Hasil Ujian
Ganti Info
Linklabel Home diklik, maka
kembali ke menu T17. Linklabel
E-Museum diklik, maka masuk ke menu T18.
Linklabel
E-Game diklik,
maka masuk ke menu T19. Linklabel
Materi diklik, maka masuk ke menu T20.
Linklabel
Kumpulan Soal diklik, maka masuk ke menu
T21. Linklabel
Soal Ujian diklik, maka masuk ke menu T22.
Linklabel
Forum diklik, maka masuk ke menu T23.
Linklabel
Personal Profile diklik, maka masuk ke menu
T24. Linklabel
Personal Nilai
Ujian diklik, maka masuk ke menu T25.
Linklabel
Kirim Materi diklik, maka masuk ke menu T26.
Linklabel
Kirim Kumpulan Soal diklik, maka masuk ke
menu T27. Linklabel
Kirim Soal Ujian diklik, maka masuk ke menu
T28. Linklabel
Logout diklik, maka masuk ke menu T01.
Personal Kirim Materi
Kirim Kumpulan Soal
Kirim Soal Ujian - Profile
- Nilai Ujian
Gambar 3. 51. Rancangan Menu Profile Member
115
Nilai Ujian
T25
Logo
Log Out
Jam
Pencarian
Logo
Counter
Kalender
Foto
Pengguna
Hai : Member Level Anda : Member
Menu Utama
Home E-Museum
E-Game Materi
Kumpulan Soal Forum
Ukuran Form 1280 x 800 Warna Background Gradasi Biru Hitam
Font Arial untuk isi, ukuran font 12pt Ukuran font tombol 14pt
- Sejarah Islam Soal Ujian
- Sejarah Islam
Menu Member
Logo
Judul Nilai
No Tgl Ujian
Waktu Ujian
Linklabel Home diklik, maka
kembali ke menu T17. Linklabel
E-Museum diklik,
maka masuk ke menu T18. Linklabel
E-Game diklik, maka masuk ke menu T19.
Linklabel
Materi diklik, maka masuk ke menu T20.
Linklabel
Kumpulan Soal
diklik, maka masuk ke menu T21.
Linklabel
Soal Ujian diklik, maka masuk ke menu T22.
Linklabel
Forum diklik, maka masuk ke menu T23.
Linklabel
Personal Profile diklik, maka masuk ke menu
T24. Linklabel
Personal Nilai Ujian diklik, maka masuk ke menu
T25. Linklabel
Kirim Materi diklik, maka masuk ke menu T26.
Linklabel
Kirim Kumpulan Soal diklik, maka masuk ke menu
T27. Linklabel
Kirim Soal Ujian diklik, maka masuk ke menu
T28. Linklabel
Logout diklik, maka masuk ke menu T01.
Personal Kirim Materi
Kirim Kumpulan Soal
Kirim Soal Ujian - Profile
- Nilai Ujian
Gambar 3.52. Rancangan Menu Nilai Ujian
Kirim Materi
T26
Logo
Log Out
Jam
Pencarian
Logo
Counter
Kalender
Foto
Pengguna
Hai : Member Level Anda : Member
Menu Utama
Home E-Museum
E-Game Materi
Kumpulan Soal Forum
Ukuran Form 1280 x 800 Warna Background Gradasi Biru Hitam
Font Arial untuk isi, ukuran font 12pt Ukuran font tombol 14pt
- Sejarah Islam Soal Ujian
- Sejarah Islam
Menu Member
Logo
Judul Isi Materi
Tanggal
Upload gambar
Browse...
Agar gambar dapat ditampilkan file yang diupload harus dalam format jpeg, gif, atau png
Upload Animasi
Browse...
Agar game dapat ditampilkan file yang diupload harus dalam format swf
Sumber
Kirim
Kategori Pengirim
Matakuliah
Upload file Materi
Browse...
File harus dalam bentuk pdf
Upload file Animasi
Browse...
File harus dalam bentuk rar ata zip
Linklabel Home diklik, maka
kembali ke menu T17. Linklabel
E-Museum diklik, maka masuk ke menu T18.
Linklabel
E-Game diklik, maka masuk ke menu T19.
Linklabel
Materi diklik, maka masuk ke menu T20.
Linklabel
Kumpulan Soal
diklik, maka masuk ke menu T21.
Linklabel
Soal Ujian diklik, maka masuk ke menu T22.
Linklabel
Forum diklik, maka masuk ke menu T23.
Linklabel
Personal Profile diklik, maka masuk ke menu
T24. Linklabel
Personal Nilai
Ujian diklik, maka masuk ke menu T25.
Linklabel
Kirim Materi diklik, maka masuk ke menu T26.
Linklabel
Kirim Kumpulan
Soal diklik, maka masuk ke menu T27.
Linklabel
Kirim Soal Ujian diklik, maka masuk ke menu
T28. Linklabel
Logout diklik, maka masuk ke menu T01.
Personal Kirim Materi
Kirim Kumpulan Soal
Kirim Soal Ujian - Profile
- Nilai Ujian
Gambar 3.53. Rancangan Menu Kirim Materi
116
Kirim Kumpulan Soal
T27
Logo
Log Out
Jam
Pencarian
Logo
Counter
Kalender
Foto
Pengguna
Hai : Member Level Anda : Member
Menu Utama
Home E-Museum
E-Game Materi
Kumpulan Soal Forum
Ukuran Form 1280 x 800 Warna Background Gradasi Biru Hitam
Font Arial untuk isi, ukuran font 12pt Ukuran font tombol 14pt
- Sejarah Islam Soal Ujian
- Sejarah Islam
Menu Member
Logo
Judul Isi Materi
Tanggal
Upload soal
Browse... Kirim
Kategori Pengirim
Matakuliah
File harus dalam bentuk pdf
Linklabel Home diklik, maka
kembali ke menu T17. Linklabel
E-Museum diklik, maka masuk ke menu T18.
Linklabel
E-Game diklik,
maka masuk ke menu T19. Linklabel
Materi diklik, maka masuk ke menu T20.
Linklabel
Kumpulan Soal diklik, maka masuk ke menu
T21. Linklabel
Soal Ujian diklik, maka masuk ke menu T22.
Linklabel
Forum diklik, maka masuk ke menu T23.
Linklabel
Personal Profile diklik, maka masuk ke menu
T24. Linklabel
Personal Nilai
Ujian diklik, maka masuk ke menu T25.
Linklabel
Kirim Materi diklik, maka masuk ke menu T26.
Linklabel
Kirim Kumpulan Soal diklik, maka masuk ke
menu T27. Linklabel
Kirim Soal Ujian diklik, maka masuk ke menu
T28. Linklabel
Logout diklik, maka masuk ke menu T01.
Personal Kirim Materi
Kirim Kumpulan Soal
Kirim Soal Ujian - Profile
- Nilai Ujian
Gambar 3.54. Rancangan Menu Kirim Kumpulan Soal
Kirim Soal Ujian
T28
Logo
Log Out
Jam
Pencarian
Logo
Counter
Kalender
Foto
Pengguna
Hai : Member Level Anda : Member
Menu Utama
Home E-Museum
E-Game Materi
Kumpulan Soal Forum
Ukuran Form 1280 x 800 Warna Background Gradasi Biru Hitam
Font Arial untuk isi, ukuran font 12pt Ukuran font tombol 14pt
- Sejarah Islam Soal Ujian
- Sejarah Islam
Menu Member
Logo
Kode Tanggal
Kirim
Kategori Pengirim
Matakuliah
Format Kode harus SMKxxx artinya S=soal, MK=Matakuliah, xxx=nomor urut, contoh SSI001 artinya soal sejarah islam nomor urut 1.
Judul
Linklabel Home diklik, maka
kembali ke menu T17. Linklabel
E-Museum diklik, maka masuk ke menu T18.
Linklabel
E-Game diklik,
maka masuk ke menu T19. Linklabel
Materi diklik, maka masuk ke menu T20.
Linklabel
Kumpulan Soal diklik, maka masuk ke menu
T21. Linklabel
Soal Ujian diklik, maka masuk ke menu T22.
Linklabel
Forum diklik, maka masuk ke menu T23.
Linklabel
Personal Profile diklik, maka masuk ke menu
T24. Linklabel
Personal Nilai
Ujian diklik, maka masuk ke menu T25.
Linklabel
Kirim Materi diklik, maka masuk ke menu T26.
Linklabel
Kirim Kumpulan Soal diklik, maka masuk ke
menu T27. Linklabel
Kirim Soal Ujian diklik, maka masuk ke menu
T28. Linklabel
Logout diklik, maka masuk ke menu T01.
Personal Kirim Materi
Kirim Kumpulan Soal
Kirim Soal Ujian - Profile
- Nilai Ujian
Gambar 3.55. Rancangan Menu Kirim Soal Ujian
117
Kirim Soal Ujian
T28a
Logo
Log Out
Jam
Pencarian
Logo
Counter
Kalender
Foto
Pengguna
Hai : Member Level Anda : Member
Menu Utama
Home E-Museum
E-Game Materi
Kumpulan Soal Forum
Ukuran Form 1280 x 800 Warna Background Gradasi Biru Hitam
Font Arial untuk isi, ukuran font 12pt Ukuran font tombol 14pt
- Sejarah Islam Soal Ujian
- Sejarah Islam
Menu Member
Logo
Pertanyaan Tanggal
Kirim
Kategori Pengirim
Matakuliah
Jawaban A Jawaban B
Jawaban C Jawaban D
Jawaban E Pembahasan
Kunci Jawaban
Linklabel Home diklik, maka
kembali ke menu T17. Linklabel
E-Museum diklik, maka masuk ke menu T18.
Linklabel
E-Game diklik,
maka masuk ke menu T19. Linklabel
Materi diklik, maka masuk ke menu T20.
Linklabel
Kumpulan Soal diklik, maka masuk ke menu
T21. Linklabel
Soal Ujian diklik, maka masuk ke menu T22.
Linklabel
Forum diklik, maka masuk ke menu T23.
Linklabel
Personal Profile diklik, maka masuk ke menu
T24. Linklabel
Personal Nilai
Ujian diklik, maka masuk ke menu T25.
Linklabel
Kirim Materi diklik, maka masuk ke menu T26.
Linklabel
Kirim Kumpulan Soal diklik, maka masuk ke
menu T27. Linklabel
Kirim Soal Ujian diklik, maka masuk ke menu
T28. Linklabel
Logout diklik, maka masuk ke menu T01.
Personal Kirim Materi
Kirim Kumpulan Soal
Kirim Soal Ujian - Profile
- Nilai Ujian
Gambar 3.56. Rancangan Menu Kirim Soal Ujian
118
3.7.4. Rancangan Kotak Pesan Message Box
Rancangan kotak pesan ditunjukkan pada gambar 3.57.
Konfirmasi Login gagal. Silakan Login kembali
M01
Konfirmasi
M02a
Gagal dikirim belum melengkapi formulir lupa Password. Ulangi
Konfirmasi Cek Email Anda. Ulangi
Penulisannya
M02b
Konfirmasi Tidak ada koneksi internet. Kembali
M02c
Konfirmasi Apakah Anda benar-benar akan
menghapus judul forum?
Ok
M08
Cancel
Konfirmasi Anda belum melengkapi formulir
pendaftaran.
M03a
ULANGI Konfirmasi
M02f
Kembali Data sudah dikirimkan ke alamat email
Anda. Silahkan buka email Anda. Konfirmasi
Username dan Password Anda akan segera dikirim ke e-mail Anda.
ULANGI
M02e
Konfirmasi NIM atau NIP tidak Terdaftar
M03b
ULANGI Konfirmasi
Apakah Anda benar-benar akan menghapus nama user ?
Ok
M04
Cancel
Konfirmasi NIM atau NIP Sudah Digunakan
Ulangi
M03d
Konfirmasi Apakah Anda benar-benar akan
menghapus judul kumpulan soal?
Ok
M06
Cancel
Konfirmasi Apakah Anda benar-benar akan
menghapus judul materi?
Ok
M05
Cancel
M10a
Konfirmasi Kategori telah ditambah.
Konfirmasi Matakuliah belum diisi.
ULANGI
M09a
Konfirmasi Apakah Anda benar-benar akan
menghapus matakuliah ?
Ok
M09b
Cancel
M11a
Konfirmasi Museum telah dikirim.
M11b
Konfirmasi Anda belum melengkapi formulir kirim
museum. ULANGI
M12a
Konfirmasi Game telah dikirim.
Konfirmasi Apakah Anda benar-benar akan
menghapus Kategori?
M10c
Ok Cancel
Konfirmasi User Materi yang telah Anda kirim
tidak dapat disunting.
M13
KEMBALI Konfirmasi
User Anda tidak dapat mengikuti ujian dikarenakan soal ini Anda yang
mengirimkannya.
M14a
KEMBALI Konfirmasi
belum melengkapi formulir daftar ujian.
M14b
ULANGI
M15a
Konfirmasi Forum telah dikirim.
Gambar 3.57. Rancangan Kotak Pesan Message Box
119
Konfirmasi
Apakah Anda benar-benar akan menghapus judul soal ujian?
Ok Cancel
M07 M15c
Konfirmasi
Anda belum melengkapi formulir balasan forum.
ULANGI
Konfirmasi
M16a
Materi telah dikirim.
Konfirmasi
M16b
Konfirmasi
belum melengkapi formulir kirim materi.
M16c
Materi dengan judul xxx sudah ada.
ULANGI ULANGI
Konfirmasi
Apakah Anda benar-benar akan menghapus judul materi?
M16e
Ok Cancel
Konfirmasi
M17b
Konfirmasi
Anda belum melengkapi formulir kirim kumpulan soal.
M17c
Kumpulan Soal dengan judul xxx sudah ada.
ULANGI ULANGI
Konfirmasi
M17a
Kumpulan Soal telah dikirim.
Konfirmasi
Apakah Anda benar-benar akan menghapus judul kumpulan soal?
M17e
Ok Cancel
Konfirmasi
M18b
Konfirmasi
Anda belum melengkapi formulir kirim soal ujian.
M18c
soal ujianl dengan judul xxx sudah ada.
ULANGI ULANGI
Konfirmasi
M18a
soal ujian telah dikirim.
Konfirmasi
M02d
Data tidak ditemukan. Silakan cek kembali Username dan Email Anda
Kembali
Konfirmasi
NIM atau NIP Sudah Terdaftar, Silakan aktifasi Via Email Anda
M03c
Konfirmasi
Kategori belum diisi. ULANGI
M10b M12b
Konfirmasi
Anda belum melengkapi formulir kirim game.
ULANGI
M15b
Konfirmasi
Anda belum melengkapi formulir tambah forum.
ULANGI
Konfirmasi
M16d
Data sudah diganti.
Konfirmasi
M17d
Data sudah diganti.
Konfirmasi
M18d
Apakah Anda benar-benar akan menghapus judul soal ujian?
Ok Cancel
Gambar 3.57. Rancangan Kotak Pesan lanjutan
120
3.8. Jaringan Semantik
Jaringan semantik menggambarkan keterhubungan dari navigasi satu form ke form yang lain. Keterhubungan dari navigasi pada setiap menu dari
aplikasi collaborative learning berbasis web
dapat dilihat pada gambar 3.58 sd gambar
3.60. a. Jaringan Semantik Non Member
T02 T01
T03 T04
M01, M02a,
M02b, M02c,
M02d, M02e,
M02f M01,
M02a, M02b,
M02c, M02d,
M02e, M02f
M01, M02a,
M02b, M02c,
M02d, M02e,
M02f M03a,
M03b, M03c,
M03d
Gambar 3.58. Jaringan Semantik Bagian Non Member
121
b. Jaringan Semantik Admin
T05 T06
T07 T08
T09 T10
T11 T12
T13 T14
T15 T16
M05 M04
M06 M07
M12a, M12b
M11a, M11b
M10c M10a,
M10b M09a,
M09b M08
Gambar 3.59. Jaringan Semantik Bagian Admin
122
c. Jaringan Semantik Member
T17 T18
T19 T20
T21 T22
T23 T24
T25 T26
T27 T28
M13
M14a, M14b
M16a, M16b,
M16c, M16d,
M16e M15a,
M15b, M15c
M17a, M17b,
M17c, M17d,
M17e M18a,
M18b, M18c,
M18d
Gambar 3.60. Jaringan Semantik Bagian Member
123
BAB IV IMPLEMENTASI DAN PENGUJIAN
Pada bab ini akan dilakukan implementasi dan pengujian terhadap aplikasi collaborative learning. Tahapan ini dilakukan setelah analisis dan perancangan
selesai dilakukan dan selanjutnya akan diimplementasikan kedalam bahasa pemograman. Setelah implementasi maka dilakukan pengujian terhadap terhadap
aplikasi collaborative learning dan akan dilihat kekurangan – kekurangan pada
aplikasi collaborative learning untuk pengembangan sistem selanjutnya.
4.1. Implementasi
Setelah aplikasi dianalisis dan didesain secara rinci, maka akan menuju tahap implementasi. Tujuan dari implementasi adalah untuk mengonfirmasi
modul – modul perancangan sehingga user pengguna dapat memberikan
masukan kepada pengembangan sistem.
4.1.1. Perangkat Keras Pengembangan
Perangkat keras yang dibutuhkan untuk pengembangan dan pengoperasian perangkat lunak ini adalah :
Prosesor : 2.4 Ghz
Memori : 1 Gb
124 Monitor
: SVGA 14 ’
Harddisk : 40 GB7200 RPM
CD ROM : min 52 x
Papan ketik keyboard, tetikus mouse, printer
4.1.2. Perangkat Lunak Pengembangan
Untuk pengembangan perangkat lunak ini digunakan Macromedia Dreamweaver 8 untuk mengolah tampilan dan pengolahan HTML, JavaScript dan
Ajax. Untuk pengelolaan grafik tampilan menggunakan Adobe Photoshop CS. XAMPP versi 2.5 dipilih sebagai internal server yang digunakan untuk uji coba
client – server. MySQL 5.0 dipilih sebagai perangkat lunak untuk
menghubungkan database dengan perangkat lunak yang dibuat, sedangkan kombinasi HTML, PHP, dan JavaScript, Ajax, dan CSS dipilih sebagai tools
pengembangnya.
4.1.3. Implementasi Antarmuka
Implementasi antarmuka dilakukan dengan setiap tampilan program yang dibangun dan pengodeannya dalam bentuk file program. Berikut ini adalah
implementasi antarmuka dari aplikasi collaborative learning. Antarmuka aplikasi collaborative learning diperlihatkan pada gambar 4.1
s.d gambar 4.52.
125
1. Tampilan Menu Utama Aplikasi Collaborative Learning Menu Utama Aplikasi Collaborative Learning ini akan tampil ketika halaman
web pertama dibuka.
Gambar 4.1. Tampilan Halaman Utama Aplikasi Collaborative Learning
2. Tampilan Menu Daftar Member Baru Menu ini berisikan form pendaftaran member baru, pengguna yang ingin
mendaftar menjadi member dapat mendaftarkan diri pada fasilitas ini dengan memberikan data yang valid.
126
Gambar 4.2. Tampilan Halaman Menu Pendaftaran Member Baru
3. Tampilan Tab Menu Lupa Password Halaman ini menyediakan fasililtas pengiriman password lewat e-mail apabila
ada user yang lupa dengan passwordnya. Isi field username dan e-mail, apabila valid, maka password akan dikirimkan ke alamat e-mail yang
bersangkutan.
Gambar 4.3. Tampilan Tab Menu Lupa Password
127
4. Tampilan Tab Menu Login Halaman ini menyediakan fasililtas login bagi admin dan member yang telah
terdaftar. Apabila username dan password dari admin dan member valid maka akan masuk ke menu utama admin dan member.
Gambar 4.4. Tampilan Tab Menu Login
5. Tampilan Halaman Menu Utama Admin Apabila login admin valid maka akan masuk ke halaman utama admin.
Gambar 4.5. Halaman Utama Admin
128 6. Tampilan Halaman Konfigurasi
Halaman konfigurasi terdiri dari dua menu yaitu edit profile dan edit kampus. Admin dapat mengganti profilnya dan dapat mengganti nama kampus ada
menu konfigurasi ini.
Gambar 4.6. Halaman Menu Konfigurasi
7. Tampilan Halaman Ganti Nama Admin
Gambar 4.7. Halaman Menu Ganti Nama Admin
129
8. Tampilan Halaman Ganti Username Admin
Gambar 4.8. Halaman Menu Ganti Username Admin
9. Tampilan Halaman Ganti Password Admin
Gambar 4.9. Halaman Menu Ganti Password Admin
130 10. Tampilan Halaman Ganti Email Admin
Gambar 4.10. Halaman Menu Ganti Email Admin
11. Tampilan Halaman Ganti Foto Admin
Gambar 4.11. Halaman Menu Ganti Foto Admin
131 12. Tampilan Halaman Ganti Nama Kampus
Gambar 4.12. Halaman Menu Ganti Nama Kampus
13. Tampilan Halaman Ganti tentang Kampus
Gambar 4.13. Halaman Menu Ganti tentang Kampus
132 14. Tampilan Halaman Edit Foto Kampus
Gambar 4.14. Halaman Edit Foto Kampus
15. Tampilan Halaman Menu Lihat Member
Gambar 4.15. Halaman Menu Lihat Member
133 16. Tampilan Halaman Menu Lihat Materi
Gambar 4.16. Halaman Menu Lihat Materi
17. Tampilan Halaman Menu Lihat Kumpulan Soal
Gambar 4.17. Halaman Menu Lihat Kumpulan Soal
134 18. Tampilan Halaman Menu Lihat Soal Ujian
Gambar 4.18. Halaman Menu Lihat Soal Ujian
19. Tampilan Halaman Menu Lihat Forum
Gambar 4.19. Halaman Menu Lihat Forum
135 20. Tampilan Halaman Menu Tambah Matakuliah
Gambar 4.20. Halaman Menu Tambah Matakuliah
21. Tampilan Halaman Menu Tambah Kategori
Gambar 4.21. Halaman Menu Tambah Kategori
136 22. Tampilan Halaman Menu Hapus Kategori
Gambar 4.22. Halaman Menu Hapus Kategori
23. Tampilan Halaman Kirim Museum
Gambar 4.23. Halaman Menu Kirim Museum
137 24. Tampilan Halaman Kirim Game
Gambar 4.24. Halaman Menu Kirim Game
25. Tampilan Halaman Menu Utama Member
Gambar 4.25. Halaman Menu Utama Member
138 26. Tampilan Halaman Menu Personal
Gambar 4.26. Halaman Menu Personal
27. Tampilan Halaman Menu Ganti Nama
Gambar 4.27. Halaman Menu Ganti Nama
139 28. Tampilan Halaman Menu Ganti Username
Gambar 4.28. Halaman Menu Ganti Username
29. Tampilan Halaman Menu Ganti Password
Gambar 4.29. Halaman Menu Ganti Password
140 30. Tampilan Halaman Menu Ganti Email
Gambar 4.30. Halaman Menu Ganti Email
31. Tampilan Halaman Menu Ganti Foto
Gambar 4.31. Halaman Menu Ganti Foto
141 32. Tampilan Halaman Menu Ganti Info
Gambar 4.32. Halaman Menu Ganti Info
33. Tampilan Halaman Menu Kirim Materi
Gambar 4.33. Halaman Menu Kirim Materi
142 34. Tampilan Halaman Menu Tambah Materi
Gambar 4.34. Halaman Menu Tambah Materi
35. Tampilan Halaman Menu Edit Materi
Gambar 4.35. Halaman Menu Edit Materi
143 36. Tampilan Halaman Menu Kirim Kumpulan Soal
Gambar 4.36. Halaman Menu Kirim Kumpulan Soal
37. Tampilan Halaman Menu Tambah Kumpulan Soal
Gambar 4.37. Halaman Menu Tambah Kumpulan Soal
144 38. Tampilan Halaman Menu Edit Kumpulan Soal
Gambar 4.38. Halaman Menu Edit Kumpulan Soal
39. Tampilan Halaman Menu Kirim Soal Ujian
Gambar 4.39. Halaman Menu Kirim Soal Ujian
145 40. Tampilan Halaman Menu Tambah Soal Ujian
Gambar 4.40. Halaman Menu Tambah Soal Ujian
41. Tampilan Halaman Menu Tambah Soal Ujian
Gambar 4.41. Halaman Menu Tambah Soal Ujian
146 42. Tampilan Halaman Menu Forum
Gambar 4.42. Halaman Menu Forum
43. Tampilan Halaman Menu Tambah Forum
Gambar 4.43. Halaman Menu Tambah Forum
147 44. Tampilan Halaman Menu Utama Forum
Gambar 4.44. Halaman Menu Utama Forum
45. Tampilan Halaman Menu Detail Materi
Gambar 4.45. Halaman Menu Detail Materi
148 46. Tampilan Halaman Menu Sunting Materi
Gambar 4.46. Halaman Menu Sunting Materi
47. Tampilan Halaman Menu Detail Kumpulan Soal
Gambar 4.47. Halaman Menu Detail Kumpulan Soal
149 48. Tampilan Halaman Menu Daftar Peserta Ujian
Gambar 4.48. Halaman Menu Daftar Peserta Ujian
49. Tampilan Halaman Menu Soal Ujian
Gambar 4.49. Halaman Menu Soal Ujian
150 50. Tampilan Halaman Hasil Ujian
Gambar 4.50. Halaman Hasil Ujian
51. Tampilan Halaman Lihat E-Museum
Gambar 4.51. Halaman Lihat E-Museum
151 52. Tampilan Halaman Lihat E-Game
Gambar 4.52. Halaman Lihat E-Game
4.2. Pengujian
Pengujian perangkat lunak yang akan dilakukan dengan pengujian alpha dan pengujian betha.
4.2.1. Pengujian Alpha
Pengujian perangkat lunak ini menggunakan metode pengujian black box. Pengujian black box berfokus pada persyaratan fungsional perangkat lunak.
4.2.1.1. Rencana Pengujian
Pengujian aplikasi collaborative learning seluruhnya menggunakan metode pengujian black box. Adapun rencana pengujian selengkapnya dapat
dilihat pada tabel 4.1.
152 Tabel 4.1. Rencana Pengujian Aplikasi Collaborative Learning
No Item Uji
Detail Pengujian
1 Login
Login admin Login member
2 Logout
Logout admin Logout member
3 Konfigurasi
Ganti nama Ganti username
Ganti password Ganti email
Ganti foto Ganti nama kampus
Ganti tentang kampus Ganti foto kampus
4 Lihat Member
Hapus member 5
Lihat Materi Hapus materi
6 Lihat Kumpulan Soal
Hapus kumpulan soal 7
Lihat Soal Ujian Hapus soal ujian
8 Lihat Forum
Hapus forum 9
Mata Kuliah Tambah matakuliah
10 Kategori Tambah kategori
Hapus kategori 11 Kirim museum
Tambah museum 12 Kirim game
Tambah game 13 Daftar member baru
Verifikasi data member baru
14 Personal Ganti nama
Ganti username Ganti password
Ganti email Ganti foto
Ganti Info
153 Tabel 4.1. Rencana Pengujian Aplikasi Collaborative Learning lanjutan
No Item Uji
Detail Pengujian
15 Kirim Materi Tambah materi
Edit materi Hapus materi
16 Kirim Kumpulan Soal Tambah kumpulan soal
Edit kumpulan soal Hapus kumpulan soal
17 Kirim Soal Ujian Tambah soal ujian
Hapus soal ujian 18 Forum
Tambah forum Mengikuti forum
Kirim balasan 19 Sunting Materi
Kirim sunting materi Hapus sunting materi
20 Kirim Komentar Proses kirim komentar
21 Ujian Mengikuti ujian
Jawab soal ujian
154
4.2.1.2. Kasus dan Hasil Pengujian
Kasus dan pengujian aplikasi collaborative learning dapat dilihat pada tabel 4.2 s.d tabel 4.46.
Tabel 4.2. Pengujian Verifikasi Login Admin
Kasus dan Hasil Uji Data Normal Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Data pengguna, contoh masukkan :
Username : admin
Password : Login admin sukses.
Login admin sukses. Sesuai
yang diharapkan.
Diterima.
Kasus dan Hasil Uji Data Salah Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Data username
dan password
admin tidak
terdaftar. Login gagal silakan
login kembali.
Admin tidak
dapat login sehingga keluar
pesan login
gagal. Sesuai
yang diharapkan.
Diterima.
Tabel 4.3. Pengujian Verifikasi Login Member
Kasus dan Hasil Uji Data Normal Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Data pengguna, contoh masukkan :
Username : lia
Password : Login member sukses.
Login member sukses. Sesuai
yang diharapkan.
Diterima.
Kasus dan Hasil Uji Data Salah Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Data username
dan password
member tidak
terdaftar. Login gagal silakan
login kembali.
Member tidak dapat login sehingga keluar
pesan login
gagal. Sesuai
yang diharapkan.
Diterima.
155 Tabel 4.4. Pengujian Verifikasi Logout Admin
Kasus dan Hasil Uji Data Normal Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
T ombol “Logout
”. Session
admin terhapus, kembali ke
halaman index. Session
admin terhapus, kembali ke
halaman login. Sesuai yang diharapkan.
Diterima.
Tabel 4.5. Pengujian Verifikasi Logout Member
Kasus dan Hasil Uji Data Normal Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Tombol “Logout
”. Session
member terhapus, kembali ke
halaman index Session
member terhapus, kembali ke
halaman index.
Diterima.
Tabel 4.6. Pengujian Ganti Nama Admin
Kasus dan Hasil Uji Data Normal Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Nama admin baru, tombol ganti.
Data tersimpan pada tabel
admin dan
menampilkan pesan
“Nama Anda telah diganti
”. Data masukan admin
tersimpan dan
memberikan pesan
“Nama Anda telah diganti
”. Sesuai yang diharapkan.
Diterima.
Kasus dan Hasil Uji Data Salah Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Data salah atau kosong.
Keluar pesan “Nama baru
jangan dikosongkan. Ulangi
”. Keluar pesan “Nama
baru jangan
dikosongkan. Ulangi
”.
Sesuai yang diharapkan.
Diterima.
156 Tabel 4.7. Pengujian Ganti Username Admin
Kasus dan Hasil Uji Data Normal Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Masukkan Nama username,
pilih tombol ganti.
Data tersimpan pada tabel
admin dan
menampilkan pesan
“User Anda telah diganti
”. Data masukan admin
tersimpan dan
memberikan pesan
“User Anda telah diganti
”. Sesuai yang diharapkan.
Diterima.
Kasus dan Hasil Uji Data Salah Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Data salah atau kosong.
Keluar pesan “User baru
jangan dikosongkan
”. Keluar pesan “User
baru jangan
dikosongkan ”.
Sesuai yang diharapkan.
Diterima.
Tabel 4.8. Pengujian Ganti Password Admin
Kasus dan Hasil Uji Data Normal Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Password lama. Data
masukan tercantum
pada textbox.
Data masukan
tercantum pada
textbox.
Diterima.
Password baru. Data
masukan tercantum
pada textbox.
Data masukan
tercantum pada
textbox.
Diterima.
Password baru.
Tulis kembali Data
masukan tercantum
pada textbox.
Data masukan
tercantum pada
textbox.
Diterima.
Tombol ganti. Data tersimpan pada
tabel admin
dan menampilkan
pesan “Password Anda telah
diganti. ”.
Data masukan admin tersimpan
dan memberikan
pesan “Password
Anda telah diganti.
”. Sesuai yang diharapkan.
Diterima.
Kasus dan Hasil Uji Data Salah Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
157 Data
password lama salah atau
kosong. Keluar
pesan “Password lama Anda
salah.Cek kembali
password lama
Anda. ”,
“Pasword lama
tidak boleh
dikosongkan ”.
Keluar pesan
“Password lama
Anda salah.Cek
kembali password
lama Anda.
”, “Pasword lama tidak
boleh dikosongkan ”.
Sesuai yang
diharapkan. Diterima.
Tabel 4.9. Pengujian Ganti Email Admin
Kasus dan Hasil Uji Data Normal Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Masukkan Nama email baru, pilih
tombol ganti. Data tersimpan pada
tabel admin
dan menampilkan
pesan “E-mail Anda telah
diganti ”.
Data masukan admin tersimpan
dan memberikan
pesan “E-mail Anda telah
diganti ”. Sesuai yang
diharapkan.
Diterima.
Kasus dan Hasil Uji Data Salah Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Masukkan email
salah atau
dikosongkan. Keluar pesan “Cek
kembali penulisan
email Anda ”, “Email
baru jangan
dikosongkan ”.
Keluar pesan Keluar pesan “Cek kembali
penulisan email
Anda ”, “Email baru
jangan dikosongkan ”.
Sesuai yang
diharapkan. Diterima.
Tabel 4.10. Pengujian Ganti Foto Admin
Kasus dan Hasil Uji Data Normal Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Masukkan foto
admin baru, pilih tombol ganti.
Data tersimpan pada tabel
admin dan
menampilkan pesan
“Berkas telah
tersimpan Data masukan admin
tersimpan dan
memberikan pesan
“Berkas telah
tersimpan
Diterima.
158 Kode Error :0
”. Kode
Error :0
”. Sesuai
yang diharapkan.
Kasus dan Hasil Uji Data Salah Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Masukkan tidak
sesuai, salah atau kosong.
Keluar pesan “Invalid file
atau ukuran
kosong. Silahkan cek file yang akan di
upload ”. “Tipe file:
xxxxx.xxx
tidak sesuai dengan aturan.
Silahkan gunakan tipe aturan
yang ditetapkan”.
Keluar pesan “Invalid file
atau ukuran
kosong. Silahkan cek file yang akan di
upload ”. “Tipe file:
xxxxx.xxx
tidak sesuai dengan aturan.
Silahkan gunakan
tipe aturan
yang ditetapkan”.
Sesuai yang diharapkan.
Diterima.
Tabel 4.11. Pengujian Ganti Nama Kampus
Kasus dan Hasil Uji Data Normal Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Masukkan Nama kampus baru, pilih
tombol ganti. Data tersimpan pada
tabel kampus
dan menampilkan
pesan “Nama kampus telah
diganti ”.
Data masukan
kampus tersimpan
dan memberikan
pesan “Nama kampus telah diganti
”. Sesuai yang diharapkan.
Diterima.
Kasus dan Hasil Uji Data Salah Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Masukkan salah
atau kosong. Keluar pesan “Nama
kampus baru jangan dikosongkan. Ulangi
”. Keluar pesan “Nama
kampus baru jangan dikosongkan.
Ulangi
”.
Sesuai yang diharapkan.
Diterima.
159 Tabel 4.12. Pengujian Ganti tentang Kampus
Kasus dan Hasil Uji Data Normal Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Masukkan tentang kampus baru, pilih
tombol ganti Data tersimpan pada
tabel kampus
dan menampilkan
pesan “Tentang
kampus telah diganti
”. Data
masukan kampus
tersimpan dan
memberikan pesan
“Tentang kampus
telah diganti
”. Sesuai yang diharapkan.
Diterima.
Kasus dan Hasil Uji Data Salah Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Data salah atau kosong.
Keluar pesan “tentang kampus baru jangan
dikosongkan ”.
Keluar pesan
“tentang kampus baru jangan dikosongkan
”.
Sesuai yang
diharapkan. Diterima.
160 Tabel 4.13. Pengujian Ganti Foto Kampus
Kasus dan Hasil Uji Data Normal Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Foto kampus. Data
masukan tercantum
pada filebox.
Data masukan
tercantum pada filebox.
Diterima.
Tombol ganti. Data
tersimpan pada tabel kampus
dan menampilkan
pesan “Berkas telah tersimpan
Kode Error :0 ”.
Data masukan kampus tersimpan
dan memberikan
pesan “Berkas telah tersimpan
Kode Error :0 ”. Sesuai
yang diharapkan.
Diterima.
Kasus dan Hasil Uji Data Salah Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Data salah atau kosong.
Keluar pesan “Invalid file
atau ukuran
kosong. Silahkan cek file yang akan di
upload ”. “Tipe file:
xxxxx.xxx tidak
sesuai dengan aturan. Silahkan gunakan tipe
aturan yang
ditetapkan”. Keluar
pesan “Invalid file
atau ukuran
kosong. Silahkan cek file yang akan di
upload ”. “Tipe file:
xxxxx.xxx tidak
sesuai dengan aturan. Silahkan
gunakan tipe
aturan yang
ditetapkan”.
Sesuai yang diharapkan.
Diterima.
161 Tabel 4.14. Pengujian Hapus Member
Kasus dan Hasil Uji Data Normal Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Data yang akan dihapus
pada datagrid.
Sistem akan
mengambil record
yang terseleksi. Sistem
akan mengambil
record yang
terseleksi. Sesuai dengan yang
diharapkan.
Diterima.
T ombol “ok”
Sistem akan
menghapus record
yang terseleksi. Sistem
menghapus record
yang terseleksi.
Sesuai yang diharapkan.
Diterima.
T ombol “cancel”
Menutup form
konfirmasi dan
membatalkan proses hapus data
Menutup form
konfirmasi dan
membatalkan proses hapus data. Sesuai
yang diharapkan.
Diterima.
Tabel 4.15. Pengujian Hapus Materi
Kasus dan Hasil Uji Data Normal Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Data yang akan dihapus
pada datagrid.
Sistem akan
mengambil record
yang terseleksi. Sistem
akan mengambil
record yang
terseleksi. Sesuai
dengan harapan.
Diterima.
T ombol “ok”
Sistem akan
menghapus record
yang terseleksi. Sistem
menghapus record
yang terseleksi.
Sesuai yang diharapkan.
Diterima.
T ombol “cancel”
Menutup form
konfirmasi dan
membatalkan proses hapus data
Menutup form
konfirmasi dan
membatalkan proses hapus data. Sesuai
yang diharapkan.
Diterima.
162 Tabel 4.16. Pengujian Hapus Kumpulan Soal
Kasus dan Hasil Uji Data Normal Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Data yang akan dihapus
pada datagrid.
Sistem akan
mengambil record
yang terseleksi. Sistem
akan mengambil
record yang
terseleksi. Sesuai
dengan harapan.
Diterima.
T ombol “ok”
Sistem akan
menghapus record
yang terseleksi. Sistem
menghapus record
yang terseleksi.
Sesuai yang diharapkan.
Diterima.
T ombol “cancel”
Menutup form
konfirmasi dan
membatalkan proses hapus data
Menutup form
konfirmasi dan
membatalkan proses hapus data. Sesuai
yang diharapkan.
Diterima.
Tabel 4.17. Pengujian Hapus Soal Ujian
Kasus dan Hasil Uji Data Normal Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Data yang akan dihapus
pada datagrid.
Sistem akan
mengambil record
yang terseleksi. Sistem
akan mengambil
record yang
terseleksi. Sesuai
dengan harapan.
Diterima.
Tombol “ok”
Sistem akan
menghapus record
yang terseleksi. Sistem
menghapus record
yang terseleksi.
Sesuai yang diharapkan.
Diterima.
T ombol “cancel”
Menutup form
konfirmasi dan
membatalkan proses hapus data
Menutup form
konfirmasi dan
membatalkan proses hapus data. Sesuai
yang diharapkan.
Diterima.
163 Tabel 4.18. Pengujian Hapus Forum
Kasus dan Hasil Uji Data Normal Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Data yang akan dihapus
pada datagrid.
Sistem akan
mengambil record
yang terseleksi. Sistem
akan mengambil
record yang
terseleksi. Sesuai
dengan harapan.
Diterima.
T ombol “ok”
Sistem akan
menghapus record
yang terseleksi. Sistem
menghapus record
yang terseleksi.
Sesuai yang diharapkan.
Diterima.
T ombol “cancel”
Menutup form
konfirmasi dan
membatalkan proses hapus data
Menutup form
konfirmasi dan
membatalkan proses hapus data. Sesuai
yang diharapkan.
Diterima.
Tabel 4.19. Pengujian Tambah Matakuliah
Kasus dan Hasil Uji Data Normal Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Kode mata kuliah, nama mata kuliah.
Data masukan
tercantum pada
textbox. Data
masukan tercantum
pada textbox.
Diterima.
Tombol tambah. Data tersimpan pada
tabel mata_kuliah dan menampilkan pesan “
Data telah ditambah”. Data masukan admin
tersimpan dan
memberikan pesan
“Data telah
ditambah”. Sesuai
yang diharapkan.
Diterima.
Kasus dan Hasil Uji Data Salah Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Kode mata kuliah salah, mata kuliah
telah tersedia, atau data kosong.
Keluar pesan “kode mata kuliah salah
”, ” Nama
matakuliah sudah ada
”. Keluar pesan
“kode mata kuliah
salah”, ” Nama
matakuliah sudah ada
”.
Sesuai yang diharapkan.
Diterima.
164 Tabel 4.20. Pengujian Tambah Kategori
Kasus dan Hasil Uji Data Normal Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Mata kuliah,
Masukan kategori Data
masukan tercantum
pada textbox.
Data masukan
tercantum pada
textbox.
Diterima.
Tombol tambah. Data tersimpan pada
tabel kategori
dan menampilkan
pesan “Kategori
telah ditambah.
”. Data masukan admin
tersimpan dan
memberikan pesan
“Kategori telah
ditambah. ”.
Sesuai yang diharapkan.
Diterima.
Kasus dan Hasil Uji Data Salah Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Mata kuliah belum dipilih,
data kategori telah ada,
atau data kosong Keluar
pesan “Matakuliah belum
dipilih ”,
“Kategori belum
diisi ”,
“Kategori sudah ada”. Keluar
pesan “Matakuliah belum
dipilih ”,
“Kategori belum
diisi ”,
“Kategori sudah
ada ”.
Sesuai yang
diharapkan. Diterima.
Tabel 4.21. Pengujian Hapus Kategori
Kasus dan Hasil Uji Data Normal Data Masukan
Yang Diharapkan
Pengamatan Kesimpula
n
Data yang akan dihapus
pada datagrid.
Sistem akan mengambil record yang terseleksi.
Sistem akan mengambil record yang terseleksi.
Sesuai dengan harapan.
Diterima.
T ombol “ok”
Sistem akan menghapus record yang terseleksi.
Sistem menghapus
record yang terseleksi. Sesuai
yang diharapkan.
Diterima.
Tombol “cancel”
Menutup form
konfirmasi dan
membatalkan proses
hapus data Menutup
form konfirmasi
dan membatalkan
proses hapus data. Sesuai yang
diharapkan.
Diterima.
165 Tabel 4.22. Pengujian Kirim Museum
Kasus dan Hasil Uji Data Normal Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Kategori, masukan judul, isi museum,
upload gambar,
upload animasi,
sumber. Data
masukan tercantum
pada textbox.
Data masukan
tercantum pada
textbox.
Diterima.
Tombol kirim. Data tersimpan pada
tabel materi
dan menampilkan pesan “
museum telah
terkirim”. Data masukan materi
tersimpan dan
memberikan pesan
“museum telah
terkirim”. Sesuai
yang diharapkan.
Diterima.
Kasus dan Hasil Uji Data Salah Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Data upload file dan gambar salah,
atau semua data kosong.
Keluar pesan “file gambar bukan format
jpeg”, “Anda belum melengkapi formulir
kirim museum.
Judul Museum Anda belum
diisi
Isi Museum Anda belum
diisi
Sumber belum diisi
Gambar Anda belum diisi
Animasi Museum Anda
belum diisi ”.
Keluar pesan “file
gambar bukan format jpeg”, “Anda belum
melengkapi formulir kirim museum.
Judul Museum Anda belum
diisi
Isi Museum Anda belum
diisi
Sumber belum diisi
Gambar Anda belum diisi
Animasi Museum Anda
belum diisi ”.
Sesuai yang diharapkan.
Diterima.
166 Tabel 4.23. Pengujian Kirim Game
Kasus dan Hasil Uji Data Normal Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Kategori, masukan judul, isi Game,
upload gambar,
upload animasi,
sumber. Data
masukan tercantum
pada textbox.
Data masukan
tercantum pada
textbox.
Diterima.
Tombol kirim. Data tersimpan pada
tabel materi
dan menampilkan pesan “
Game telah terkirim”.
Data masukan materi tersimpan
dan memberikan
pesan “Game
telah terkirim”.
Sesuai yang diharapkan.
Diterima.
Kasus dan Hasil Uji Data Salah Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Data upload file dan gambar salah,
atau semua data kosong.
Keluar pesan “file gambar bukan format
jpeg”, “Anda belum melengkapi formulir
kirim Game.
Judul Game Anda belum
diisi
Isi Game Anda belum diisi
Sumber belum diisi
Gambar Anda belum diisi
Animasi Game Anda belum
diisi ”.
Keluar pesan “file gambar bukan format
jpeg”, “Anda belum melengkapi formulir
kirim Game.
Judul Game Anda belum
diisi
Isi Game Anda belum
diisi
Sumber belum diisi
Gambar Anda belum diisi
Animasi Game Anda
belum diisi ”.
Sesuai yang diharapkan.
Diterima.
167 Tabel 4.24. Pengujian Daftar Member Baru
Kasus dan Hasil Uji Data Normal Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
NimNip: 1002990609
Nama: M. Badri Ramelan
Username:badri Password :
Tulis kembali
password: Email:
Cimahi8yahoo.c om
foto:default persyaratan:setuju.
Data masukan
tercantum pada
textbox. Data
masukan tercantum
pada textbox.
Diterima.
Tombol kirim. Data tersimpan pada
tabel member_sementara
dan
menampilkan pesan
“Aktivasi account telah terkirim
ke email Anda ”.
Data masukan
pengguna tersimpan dan
memberikan pesan
“Aktivasi account telah terkirim
ke email
Anda ”.
Sesuai yang
diharapkan.
Diterima.
Aktifasi account Data
pada tabel
member_sementara dipindahkan
pada tabel
member dan
menampilkan pesan
“Account Anda telah diaktifkan
Silahkan Login
”. Data
pada tabel
member_sementara dipindahkan
pada tabel member dan
menampilkan pesan “Account Anda telah
diaktifkan Silahkan
Login ”. Sesuai yang
diharapkan.
Diterima.
Tombol batal Form
pendaftaran kosong
Form pendaftaran
kosong. Sesuai yang diharapkan.
Diterima.
168
Kasus dan Hasil Uji Data Salah Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Data kosong,
nimnip telah
terdaftar, username
telah terdaftar,penulisan
ulang password
salah, penulisan
email salah, email telah
terdaftar,belum menyetujui
persyaratan. Keluar pesan “belum
melengkapi form
pendaftaran”.”nimnip telah terdaftar”,”user
id telah
terdaftar”,”password tidak
sama”,”penulisan email
salah”,”email telah terdaftar”.
Keluar pesan “belum melengkapi
form pendaftaran”.”nimni
p telah
terdaftar”,”user id
telah terdaftar”,”password
tidak sama”,”penulisan
email salah”,”email
telah terdaftar”.
Diterima.
Tabel 4.25. Pengujian Ganti Nama Member
Kasus dan Hasil Uji Data Normal Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Nama member
baru Data
masukan tercantum
pada textbox.
Data masukan
tercantum pada
textbox.
Diterima.
Tombol ganti. Data tersimpan pada
tabel member
dan menampilkan
pesan “Nama Anda telah
diganti ”.
Data masukan
member tersimpan
dan memberikan
pesan “Nama Anda telah diganti
”. Sesuai yang diharapkan.
Diterima.
Kasus dan Hasil Uji Data Salah Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Data salah atau kosong.
Keluar pesan “Nama baru
jangan dikosongkan
”. Keluar pesan “Nama
baru jangan
dikosongkan ”.
Sesuai yang diharapkan.
Diterima.
169 Tabel 4.26. Pengujian Ganti Username Member
Kasus dan Hasil Uji Data Normal Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Nama username
baru Data
masukan tercantum
pada textbox.
Data masukan
tercantum pada
textbox.
Diterima.
Tombol ganti. Data tersimpan pada
tabel member
dan menampilkan
pesan “User Anda telah
diganti ”.
Data masukan
member tersimpan
dan memberikan
pesan “User Anda telah diganti
”. Sesuai yang diharapkan.
Diterima.
Kasus dan Hasil Uji Data Salah Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Data salah atau kosong, username
telah terdaftar. Keluar pesan “User
baru jangan
dikosongkan ”, “User
ID fik telah terdaftar ”.
Keluar pesan “User baru
jangan dikosongkan
”, “User ID
fik telah
terdaftar ”.
Sesuai yang diharapkan.
Diterima.
Tabel 4.27. Pengujian Ganti Password Member
Kasus dan Hasil Uji Data Normal Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Password lama.
Data masukan
tercantum pada textbox. Data masukan tercantum
pada textbox.
Diterima.
Password baru.
Data masukan
tercantum pada textbox. Data masukan tercantum
pada textbox.
Diterima.
Tulis kembali
password baru.
Data masukan
tercantum pada textbox. Data masukan tercantum
pada textbox.
Diterima.
Tombol ganti.
Data tersimpan pada tabel
member dan
menampilkan pesan
“Password Anda telah diganti
”. Data
masukan member
tersimpan dan memberikan pesan “Password Anda
telah diganti ”. Sesuai yang
diharapkan.
Diterima.
170
Kasus dan Hasil Uji Data Salah Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Data password
lama salah atau kosong.
Keluar pesan
“Password lama Anda salah.Cek
kembali password
lama Anda
”, “Pasword
lama tidak
boleh dikosongkan
”. Keluar
pesan “Password
lama Anda
salah.Cek kembali
password lama
Anda ”,
“Pasword lama tidak boleh dikosongkan
”.
Sesuai yang
diharapkan. Diterima.
Tabel 4.28. Pengujian Ganti Email Member
Kasus dan Hasil Uji Data Normal Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Nama email baru. Data
masukan tercantum
pada textbox.
Data masukan
tercantum pada
textbox.
Diterima.
Tombol ganti. Data tersimpan pada
tabel member
dan menampilkan
pesan “E-mail Anda telah
diganti ”.
Data masukan
member tersimpan
dan memberikan
pesan “E-mail Anda telah diganti
”. Sesuai yang diharapkan.
Diterima.
Kasus dan Hasil Uji Data Salah Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Data salah atau kosong,
email telah terdaftar.
Keluar pesan “Cek
kembali penulisan
email Anda ”, “Email
baru jangan
dikosongkan ”, “email
telah terdaftar”. Keluar pesan
“Cek kembali
penulisan email Anda
”, “Email baru
jangan dikosongkan
”, “email telah
terdaftar”.
Sesuai yang
diharapkan. Diterima.
171 Tabel 4.29. Pengujian Ganti Foto Member
Kasus dan Hasil Uji Data Normal Data
Masukan Yang Diharapkan
Pengamatan Kesimpulan
Foto member. Data
masukan tercantum pada filebox.
Data masukan
tercantum pada filebox.
Diterima.
Tombol ganti. Data tersimpan pada
tabel member
dan menampilkan
pesan “Berkas telah tersimpan
Kode Error :0 ”.
Data masukan member tersimpan
dan memberikan
pesan “Berkas telah tersimpan
Kode Error :0 ”. Sesuai
yang diharapkan.
Diterima.
Kasus dan Hasil Uji Data Salah Data
Masukan Yang Diharapkan
Pengamatan Kesimpulan
Data salah
atau kosong. Keluar pesan “Invalid
file atau ukuran kosong. Silahkan cek file yang
akan di upload
”. “Tipe
file: xxxxx.xxx tidak sesuai dengan aturan.
Silahkan gunakan tipe aturan
yang ditetapkan”.
Keluar pesan “Invalid file atau ukuran kosong.
Silahkan cek file yang akan di upload
”. “Tipe
file: xxxxx.xxx tidak sesuai dengan aturan.
Silahkan gunakan tipe aturan
yang ditetapkan”.
Sesuai yang diharapkan.
Diterima.
Tabel 4.30. Pengujian Ganti Info Member
Kasus dan Hasil Uji Data Normal Data
Masukan Yang Diharapkan
Pengamatan Kesimpulan
Info member. Data
masukan tercantum pada textbox.
Data masukan
tercantum pada textbox.
Diterima.
Tombol ganti. Data tersimpan pada
tabel member
dan menampilkan
pesan “Info
Anda telah
disimpan ”.
Data masukan member tersimpan
dan memberikan
pesan “Info
Anda telah
disimpan ”. Sesuai yang
diharapkan.
Diterima.
172
Kasus dan Hasil Uji Data Salah Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Data salah atau kosong.
Keluar pesan “Info Anda
jangan dikosongkan
”. Keluar pesan “Info
Anda jangan
dikosongkan ”.
Sesuai yang diharapkan.
Diterima.
Tabel 4.31. Pengujian Kirim Materi
Kasus dan Hasil Uji Data Normal Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Kategori, masukan judul, isi materi,
upload gambar,
upload file,
sumber materi. Data
masukan tercantum
pada textbox.
Data masukan
tercantum pada
textbox.
Diterima.
Tombol kirim. Data tersimpan pada
tabel materi
dan menampilkan pesan “
materi telah terkirim ”.
Data masukan materi tersimpan
dan memberikan
pesan “materi
telah terkirim
”. Sesuai
yang diharapkan.
Diterima.
Kasus dan Hasil Uji Data Salah Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Data upload file dan gambar salah,
data kategori
kosong atau
semua data
kosong. Keluar pesan “belum
melengkapi form
kirim materi ”, “file
gambar bukan format jpeg”, “file data bukan
format pdf”. Keluar pesan “belum
melengkapi form
kirim materi”, “file gambar bukan format
jpeg”, “file data bukan
format pdf”.
Sesuai yang
diharapkan. Diterima.
173 Tabel 4.32. Pengujian Edit Materi
Kasus dan Hasil Uji Data Normal Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Kategori, masukan judul, isi materi,
upload gambar,
upload file,
sumber materi
yang akan diubah. Data
masukan tercantum
pada textbox.
Data masukan
tercantum pada
textbox.
Diterima.
Tombol kirim. Data tersimpan pada
tabel materi
dan menampilkan
pesan “materi telah diubah”.
Data masukan materi tersimpan
dan memberikan
pesan “materi
telah diubah
”. Sesuai yang diharapkan.
Diterima.
Kasus dan Hasil Uji Data Salah Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Data upload file dan gambar salah,
data kategori
kosong atau
semua data
kosong. Keluar pesan “belum
melengkapi form edit materi”, “file gambar
bukan format jpeg”, “file
data bukan
format pdf”. Keluar pesan “belum
melengkapi form edit materi”, “file gambar
bukan format jpeg”, “file data bukan
format pdf”.
Sesuai yang diharapkan.
Diterima.
Tabel 4.33. Pengujian Hapus Materi
Kasus dan Hasil Uji Data Normal Data
Masukan Yang Diharapkan
Pengamatan Kesimpu
lan
Data yang
akan dihapus pada
datagrid. Sistem akan mengambil
record yang terseleksi. Sistem
akan mengambil
record yang terseleksi. Sesuai dengan harapan.
Diterima.
T ombol “ok” Sistem akan menghapus
record yang terseleksi. Sistem menghapus record
yang terseleksi. Sesuai yang diharapkan.
Diterima.
Tombol “cancel”
Menutup form konfirmasi dan membatalkan proses
hapus data Menutup form konfirmasi dan
membatalkan proses hapus data. Sesuai yang diharapkan.
Diterima.
174 Tabel 4.34. Pengujian Kirim Kumpulan Soal
Kasus dan Hasil Uji Data Normal Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Kategori, masukan judul,
isi deskripsi, upload
soal. Data
masukan tercantum
pada textbox.
Data masukan
tercantum pada
textbox.
Diterima.
Tombol kirim. Data tersimpan pada
tabel kumpulansoal
dan menampilkan
pesan “kumpulansoal telah terkirim”.
Data masukan
kumpulansoal tersimpan
dan memberikan
pesan “kumpulansoal telah
terkirim”. Sesuai
yang diharapkan.
Diterima.
Kasus dan Hasil Uji Data Salah Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Data upload soal ujian,data kategori
kosong atau
semua data
kosong. Keluar pesan “belum
melengkapi form
kirim kumpulansoal ”,
“file kumpulansoal
bukan pdf ”.
Keluar pesan “belum melengkapi
form kirim kumpulan
soal”, “file kumpulansoal
bukan pdf”.
Sesuai yang diharapkan.
Diterima.
Tabel 4.35. Pengujian Edit Kumpulan Soal
Kasus dan Hasil Uji Data Normal Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Kategori, masukan judul,
isi deskripsi, upload
soal. Data
masukan tercantum
pada textbox.
Data masukan
tercantum pada
textbox.
Diterima.
Tombol kirim. Data tersimpan pada
tabel kumpulansoal
dan menampilkan
pesan “ Data telah diubah”.
Data masukan
kumpulansoal tersimpan
dan memberikan
pesan “Data telah diubah”.
Sesuai yang
diharapkan.
Diterima.
175
Kasus dan Hasil Uji Data Salah Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Data upload soal ujian,data kategori
kosong atau
semua data
kosong. Keluar pesan “belum
melengkapi form
kirim kumpulan soal”,
“file kumpulansoal
bukan pdf”. Keluar pesan “belum
melengkapi form
kirim kumpulan soal”,
“file kumpulansoal bukan
pdf”.
Sesuai yang diharapkan.
Diterima.
Tabel 4.36. Pengujian Hapus Kumpulan Soal
Kasus dan Hasil Uji Data Normal Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Data yang akan dihapus
pada datagrid.
Sistem akan
mengambil record
yang terseleksi. Sistem
akan mengambil
record yang
terseleksi. Sesuai
dengan harapan.
Diterima.
T ombol “ok”
Sistem akan
menghapus record
yang terseleksi. Sistem
menghapus record
yang terseleksi.
Sesuai yang diharapkan.
Diterima.
T ombol “cancel”
Menutup form
konfirmasi dan
membatalkan proses hapus data
Menutup form
konfirmasi dan
membatalkan proses hapus data. Sesuai
yang diharapkan.
Diterima.
176 Tabel 4.37. Pengujian Kirim Soal Ujian
Kasus dan Hasil Uji Data Normal Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Kategori, masukan kode, judul, no
soal, pertanyaan,pila,pil
b,pilc,pild,pile,jaw aban,pembahasan.
Data masukan
tercantum pada
textbox. Data
masukan tercantum
pada textbox.
Diterima.
Tombol kirim. Data tersimpan pada
tabel soal_ujian dan menampilkan pesan “
Data telah terkirim”. Data
masukan soal_ujian tersimpan
dan memberikan
pesan “Data telah terkirim”.
Sesuai yang diharapkan.
Diterima.
Kasus dan Hasil Uji Data Salah Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Data kode soal salah,data kategori
kosong atau
semua data
kosong. Keluar pesa
n “belum melengkapi
form kirim
soal_ujian ”,
“kode soal salah”. Keluar pesan “belum
melengkapi form
kirim soal_ujian
”, “kode soal salah”.
Sesuai yang
diharapkan. Diterima.
Tabel 4.38. Pengujian Hapus Soal Ujian
Kasus dan Hasil Uji Data Normal Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Data yang akan dihapus
pada datagrid.
Sistem akan
mengambil record
yang terseleksi. Sistem akan mengambil
record yang terseleksi. Sesuai dengan harapan.
Diterima.
T ombol “ok”
Sistem akan
menghapus record
yang terseleksi. Sistem
menghapus record yang terseleksi.
Sesuai yang diharapkan.
Diterima.
T ombol “cancel”
Menutup form
konfirmasi dan
membatalkan proses hapus data
Menutup form
konfirmasi dan
membatalkan proses
hapus data. Sesuai yang diharapkan.
Diterima.
177 Tabel 4.39. Pengujian Tambah Forum
Kasus dan Hasil Uji Data Normal Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Kategori, judul, isi forum.
Data masukan
tercantum pada
textbox. Data
masukan tercantum
pada textbox.
Diterima.
Tombol kirim. Data tersimpan pada
tabel forum
dan menampilkan pesan “
Data telah terkirim”. Data masukan forum
tersimpan dan
memberikan pesan
“Data telah terkirim”. Sesuai
yang diharapkan.
Diterima.
Kasus dan Hasil Uji Data Salah Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Data kategori
kosong atau
semua data
kosong. Keluar pesan “belum
melengkapi form
kirim forum”. Keluar pesan “belum
melengkapi form
kirim forum”.
Sesuai yang diharapkan.
Diterima.
Tabel 4.40. Pengujian Mengikuti Forum
Kasus dan Hasil Uji Data Normal Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Masukkan Kategori,
Masukkan topik
forum. Masuk ke forum yang
telah dipilh. Masuk ke forum yang
telah dipilh.
Diterima.
178 Tabel 4.41. Pengujian Tambah Forum
Kasus dan Hasil Uji Data Normal Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Isi balasan. Data
masukan tercantum
pada textbox.
Data masukan
tercantum pada
textbox.
Diterima.
Tombol kirim. Data tersimpan pada
tabel tanggapan dan menampilkan pesan “
Data telah terkirim”. Data
masukan balasan
tersimpan dan
memberikan pesan “Data telah
terkirim”. Sesuai
yang diharapkan.
Diterima.
Kasus dan Hasil Uji Data Salah Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Data masukan
kosong. Keluar pesan “belum
melengkapi form
balasan forum”. Keluar pesan “belum
melengkapi form
balasan forum”.
Sesuai yang diharapkan.
Diterima.
Tabel 4.42. Pengujian Sunting Materi
Kasus dan Hasil Uji Data Normal Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Isi materi,
isi sumber materi.
Data masukan
tercantum pada
textbox. Data
masukan tercantum
pada textbox.
Diterima.
Tombol kirim. Data tersimpan pada
tabel sunting
dan menampilkan pesan “
Data telah terkirim”. Data masukan sunting
materi tersimpan dan memberikan
pesan “Data telah terkirim”.
Sesuai yang
diharapkan.
Diterima.
Kasus dan Hasil Uji Data Salah Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Data kosong. Keluar pesan “belum
melengkapi form
kirim sunting materi”. Keluar pesan “belum
melengkapi form
sunting materi”.
Sesuai yang diharapkan.
Diterima.
179 Tabel 4.43. Pengujian Hapus Sunting Materi
Kasus dan Hasil Uji Data Normal Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Data yang akan dihapus
pada datagrid.
Sistem akan
mengambil record
yang terseleksi. Sistem
akan mengambil
record yang
terseleksi. Sesuai
dengan harapan.
Diterima.
T ombol “ok”
Sistem akan
menghapus record
yang terseleksi. Sistem
menghapus record
yang terseleksi.
Sesuai yang diharapkan.
Diterima.
T ombol “cancel”
Menutup form
konfirmasi dan
membatalkan proses hapus data
Menutup form
konfirmasi dan
membatalkan proses hapus data. Sesuai
yang diharapkan.
Diterima.
Tabel 4.44. Pengujian Kirim Komentar
Kasus dan Hasil Uji Data Normal Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Kirim email, dan komentar.
Data masukan
tercantum pada
textbox. Data
masukan tercantum
pada textbox.
Diterima.
Tombol kirim. Data tersimpan pada
tabel komentar dan menampilkan pesan “
Data telah terkirim”. Data
masukan komentar tersimpan
dan memberikan
pesan “Data telah terkirim”.
Sesuai yang diharapkan.
Diterima.
Kasus dan Hasil Uji Data Salah Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Data kosong. Keluar pesan “belum
melengkapi form
komentar”. Keluar pesan “belum
melengkapi form
komentar”.
Sesuai yang diharapkan.
Diterima.
180 Tabel 4.45. Pengujian Mengikuti Ujian
Kasus dan Hasil Uji Data Normal Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Masukkan kategori, pilih soal ujian.
Masuk ke soal ujian yang telah dipilih.
Masuk ke soal ujian yang telah dipilh.
Diterima.
Isi password dan nama peserta ujian
Masuk ke proses jawab soal ujian
Masuk ke proses jawab soal ujian
Diterima.
Tabel 4.46. Pengujian Jawab Soal Ujian
Kasus dan Hasil Uji Data Normal Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Jawab soal. Tampilkan nilai ujian
peserta. Menampilkan
nilai ujian peserta.
Diterima.
Kasus dan Hasil Uji Data Salah Data Masukan
Yang Diharapkan
Pengamatan Kesimpulan
Jawaban kosong Nilai ujian nol.
Nilai ujian nol.
Diterima.
4.2.1.3. Kesimpulan Pengujian Alpha
Kesimpulan dari hasil pengujian alpha adalah sebagai berikut: 1. Secara fungsional, sistem sudah dapat menghasilkan output yang diharapkan.
2. Secara fungsional, aplikasi sudah dapat berjalan dengan baik pada browser
Netscape Firefox 3.0.1+, dan opera v9.x namun pada keluaran Microsoft IE tampilan masih kurang baik.
4.2.2. Pengujian Betha
Pengujian betha merupakan pengujian yang dilakukan secara objektif dimana pengujian dilakukan secara langsung kepada responden dengan membuat
kuisioner mengenai kepuasan pengguna dengan kandungan point syarat user
181 friendly untuk selanjutnya ditanyakan langsung kepada 10 orang yang menjadi
pengguna aplikasi ini. Hasil pengujian betha disertakan dalam lampiran. Berdasarkan hasil pengujian betha, dicari prosentase masing-masing
jawaban dengan menggunakan rumus:
Y=PQ100
Keterangan: P = banyaknya jawaban responden tiap soal
Q = jumlah responden Y = nilai prosentase
Hasil perhitungan prosentase masing-masing jawaban sebagai berikut: Untuk Pertanyaan No 1
“ Apakah program aplikasi collaborative learning ini mempermudah untuk berkolaborasi
mengolah isi materi pelajaran ? ”
Tabel 4.47. Hasil Pengujian Betha Pertanyaan No 1
Kategori Jawaban
Frekuensi Jawaban
Jumlah Populasi Sample
Jumlah Persentase
Sangat Setuju 10
Setuju 9
10 90
Biasa-biasa Saja 10
Kurang Setuju 1
10 10
Tidak Setuju 10
182 Untuk Pertanyaan No 2
“ Apakah program aplikasi collaborative learning ini mempermudah pengguna untuk
saling bertukar dan berbagi pengetahuan tentang materi pelajaran ? ”
Tabel 4.48. Hasil Pengujian Betha Pertanyaan No 2
Kategori Jawaban
Frekuensi Jawaban
Jumlah Populasi Sample
Jumlah Persentase
Sangat Setuju 1
10 10
Setuju 8
10 80
Biasa-biasa Saja 1
10 10
Kurang Setuju 10
Tidak Setuju 10
Untuk Pertanyaan No 3
“ Apakah program aplikasi ini mempermudah pengguna untuk memperoleh informasi
mengenai materi pelajaran? ”
Tabel 4.49. Hasil Pengujian Betha Pertanyaan No 3
Kategori Jawaban
Frekuensi Jawaban
Jumlah Populasi Sample
Jumlah Persentase
Sangat Setuju 4
10 40
Setuju 3
10 30
Biasa-biasa Saja 3
10 30
Kurang Setuju 10
Tidak Setuju 10
183
Untuk Pertanyaan No 4
“ Apakah fasilitas dalam program aplikasi ini sudah lengkap ?
”
Tabel 4.50. Hasil Pengujian Betha Pertanyaan No 4
Kategori Jawaban
Frekuensi Jawaban
Jumlah Populasi Sample
Jumlah Persentase
Sangat Setuju 10
Setuju 10
Biasa-biasa Saja 4
10 40
Kurang Setuju 6
10 60
Tidak Setuju 10
Untuk Pertanyaan No 5
“ Apakah aplikasi ini menjadikan pelajaran tertentu menjadi lebih menyenangkan ?
”
Tabel 4.51. Hasil Pengujian Betha Pertanyaan No 5
Kategori Jawaban
Frekuensi Jawaban
Jumlah Populasi Sample
Jumlah Persentase
Sangat Setuju 2
10 20
Setuju 5
10 50
Biasa-biasa Saja 3
10 30
Kurang Setuju 10
Tidak Setuju 10
184
BAB V KESIMPULAN DAN SARAN
Berdasarkan analisa dan pembahasan pada bab-bab sebelumnya, maka dapat ditarik kesimpulan terhadap aplikasi collaborative learning perguruan
tinggi berbasis web studi kasus di Lembaga Bahasa Arab dan Studi Islam Al- Imarat.
5.1. Kesimpulan
Berdasarkan hasil pembahasan selama melakukan penelitian maka
diperoleh beberapa kesimpulan, diantaranya :
1. Aplikasi collaborative learning dapat mempermudah para pengguna aplikasi untuk berkolaborasi mengolah isi yang berhubungan dengan materi pelajaran
tertentu. 2. Aplikasi collaborative learning dapat mempermudah pengguna untuk saling
bertukar dan berbagi pengetahuan tentang materi pelajaran tertentu. 3. Aplikasi collaborative learning yang dibangun dapat mempermudah
pengguna untuk memperoleh informasi mengenai materi pelajaran tertentu. 4. Aplikasi collaborative learning dapat menjadikan pelajaran tertentu menjadi
lebih menyenangkan.
185
5.2. Saran
Untuk pengembangan lebih lanjut, saran-saran yang dapat diberikan pada Tugas Akhir ini adalah :
1. Menambahkan fasilitas khusus untuk menampilkan simulasi video secara langsung video streaming.
2. Perlu dikembangkan lebih lanjut tentang ujian online yang dapat digunakan sebagai sarana penilaian. Perlu dikembangkan lebih lanjut untuk soal agar
dapat ditampilkan secara acak untuk masing-masing peserta yang mengikuti ujian dan menggunakan batas waktu dalam melaksanakan ujian.
3. Lebih mengoptimalkan kolaborasi bahasa pemrograman PHP dan AJAX Asynchronouse Javascript XML untuk menghasilkan aplikasi web yang
lebih interaktif dan dinamis. 4. Menambahkan fasilitas untuk mengganti themes tema agar tampilan
antarmuka grafis templates dapat diganti sesuai keinginan pengguna.
186
DAFTAR PUSTAKA
[1] Armiyati, S. 2008, Collaborative Learning Framework Fokus : Collaborative Learning Environment for Information Service Studi Kasus :
Jurusan Manajemen Informatika Politeknik Pos Indonesia , Tesis Program Magister, Institut Teknologi Bandung, 7-12.
[2] Budhi Irawan, 2005, Jaringan Komputer, Graha Ilmu, Yogyakarta, 69-70. [3] Bunafit Nugroho, 2004, PHP dan MYSQL Dengan Editor Dreamweaver
MX, Andi, Yogyakarta. [4] Fathansyah, Ir. , 1999, Basis Data, Informatika, Bandung.
[5] Henry M. Walker, Collaborative Learning: A Case Study for CS1 at Grinnell College and UT-Austin, Proceedings of the Twenty-eighth
SIGCSE Technical Symposium on Computer Science Education February 27-March 1, 1997, pp. 209-213.
[6] Igel Zibriel, Suhono H. Supangkat, 2008, Ensiklopedia Nusantara Menggunakan Orientasi Web 2.0, e-Indonesia Initiative 2008 EII2008
Konfrensi dan Temu Nasional Teknologi Informasi dan Komunikasi untuk Indonesia, Jakarta,Indonesia,69-70.
[7] Jogiyanto HM,Akt MBA, 2005, Analisis dan Desain Sistem Informasi: pendekatan terstruktur teori dan praktek aplikasi bisnis, Andi, Yogyakarta.
[8] Kumar Vive, Computer- Supported Collaborative Learning Issues for Research, Published at The Graduated Symposium, Department of
Computer Science, University of Saskatchewan, Canada, 1996. [9]
Pressman, R. S. 2001. Software Engineering: A Practitioner’s Approach. Fifth Ed. New York: McGraw-Hill Book Company.
[10] S. Gupta, Dr. Robert P. Bostrom, Collaborative E-Learning : Information Systems Research Direction, Proceeding of The Tenth Americas Conference
on Information System, New York, August 2004. [11] Siemens, George, Learning Development Cycle: Bridging Learning Design
and Modern
Knowledge Needs,
July 12,
2005, http:www.elearnspace.orgdoingindex.htm. 17 November 2009.
[12] World Wide Web Consortium. 2005. Hyper Text Markup Language HTML berkala sambung jaring http:www.w3.orgMarkUp, 17
November 2009.
RIWAYAT HIDUP
I. DATA PRIBADI
Nama Lengkap : Taufik.
Tempat, Tanggal Lahir : Cimahi, 05 Nopember 1983
Jenis Kelamin : Laki-laki
Agama : Islam
Status : Belum Menikah
Alamat : Jl. Melong Raya Blok IV Gg. Nuri
No.58 RTRW 0110 Cimahi 40534 No. HP
: 085659941575 022 76541925 II. DATA PENDIDIKAN
SDN Melong 4 lulus tahun 1996 SLTPN 4 Cimahi lulus tahun 1999
STM Pembangunan Bandung SMK Negeri 1 lulus tahun 2003 UNIVERSITAS KOMPUTER INDONESIA Jurusan Teknik Informatika S1
III. DATA LAIN-LAIN Staf Pengajar Madrasah Diniyyah Al
– Istiqomah 2004 - sekarang Mentor Rumah Zakat Indonesia 2007- 2008
Peraktek Kerja selama 4 empat bulan di CV. Saksama Cipta Mandiri
Desember 2002 s.d Maret 2003
Magang Kerja selama 2 dua bulan di CV. Saksama Cipta Mandiri April 2003
s.d Mei 2003
Karyawan di PT. Saksama Cipta Daya dari Juni 2003 s.d Agustus 2004.
MEMBANGUN APLIKASI
COLLABORATIVE LEARNING PERGURUAN TINGGI BERBASIS
WEB STUDI KASUS DI LEMBAGA BAHASA ARAB DAN
STUDI ISLAM AL-IMARAT
Taufik 10104247
Lembaga Bahasa Arab dan Studi Islam Al-Imarat Jl. Inhoftank No.17 Bandung 40243. Jawa Barat
tau_fix25yahoo.com
ABSTRAK
Berkembang luasnya pemanfaatan internet terutama pengaksesan World Wide Web WWW atau web membuat para pendidik menyadari potensi yang bisa dikembangkan untuk pengajaran on-line
dan universitas maya. Jaringan web merupakan fenomena baru sumber informasi yang bisa digunakan untuk mendukung suatu pengajaran. Beberapa konsep inovatif tentang pembaharuan pengajaran
berbasis web membuktikan bahwa metode pengajaran ini dapat sepenuhnya diimplementasikan dengan memanfaatkan keampuhan web dalam mewujudkan interaksi antara peserta ajar dengan samudera
ilmu pengetahuan. Aplikasi collaborative learning berbasis web yang telah dibangun dapat mempermudah dalam hal kegiatan pembelajaran sehingga dapat dijadikan sebagai sistem
pembelajaran alternatif. Collaborative learning bukanlah pengganti sistem pendidikan. Kehadiran collaborative learning lebih bersifat suplementer dan pelengkap. Metode konvensional tetap
diperlukan, hanya saja dapat dimodifikasi ke bentuk lain, contohnya, metode pembelajaran talk and chalk dapat mengalami modifikasi menjadi diskusi melalui forum.
Kata kunci : collaborative learning, social web.
1. PENDAHULUAN
Internet merupakan sebuah revolusi dalam perkembangan teknologi digital yang
ditandai dengan terjadinya konvergensi antara teknologi
komunikasi, komputer,
dan penyiaran broadcasting menjadi sebuah
teknologi informasi. Internet menjadi jaringan informasi dan komunikasi global pada masa
kini.
Metode pembelajaran
kolaborasi collaborative learning adalah proses belajar
kelompok yang setiap anggotanya aktif menyumbangkan informasi, pengalaman, ide,
sikap, pendapat,
kemampuan, dan
keterampilan yang dimiliki untuk saling meningkatkan
pemahaman S.Gupta
dan Dr.Robert P.Bostrom, 2004. Metode ini
memungkinkan pengguna
pengajar, pelajar,dan
pakar aktif
dalam mengembangkan
pengetahuan. Metode
collaborative learning mendorong pengguna untuk
berkomunikasi satu
sama lain,
menyatakan respon pada pertanyaan, bekerja dalam lontaran pendapat yang beragam dan
menuliskan kesimpulan dengan jelas. Bahan uji coba aplikasi ini, diarahkan
kepada bidang ilmu sejarah islam, karena menurut pengamatan materi pembelajaran
tersebut jika
menggunakan metode
konvensional dirasakan menjenuhkan. Dengan adanya
metode pembelajaran
kolaborasi tersebut memungkinkan pengguna aktif dalam
menambah, mengedit, menghapus materi dalam sistem tersebut, sehingga pengguna
akan dituntut lebih kreatif, dinamis, dan dapat belajar secara mandiri. Dan penerapan metode
pembelajaran kolaborasi diharapkan dapat meningkatkan
minat pengguna
dalam mempelajari dan memahami sejarah islam.
2. MODEL ANALISA, DESAIN, DAN IMPLEMENTASI
Kategori