Aplikasi Pembelajaran Carnot Imron dkk
69 tidak sistem akan memunculkan
alert
berupa pesan
error
.
Kode Program 3 Perintah untuk Mengirim
password user
1. private function getPasswordevent:ResultEvent:void 2. {
3. ifevent.result.getPassword == terkirim
4. { 5. mx.controls.Alert.showPassword anda akan dikirim ke email anda.;
6. email.text = ;
7. } 8. else
9. { 10. mx.controls.Alert.showEmail yang diinputkan salah..tolong ulang
kembali; 11. email.text = ;
12. } 13. }
Form
edit akun yang terdapat dalam halaman edit akun siswa dapat dilihat pada Gambar 5.
Form
edit akun siswa terdapat pada halaman
user
setelah melakukan
login
.
From
edit akun siswa akan menampilkan data dari
user
yang telah
login
yang diambil langsung dari
database
dan ditampilkan pada
Datagrid View
. Dimana
user
harus melakukan klik terlebih dahulu pada
item
yang ada pada
Datagrid View
. Maka secara otomatis data itu akan diatur pada beberapa
inputtext
yang disediakan, sehingga
user
hanya memerlukan edit tanpa harus mengetik satu per satu data dari awal.
Gambar 5 Halaman Edit Akun Siswa Kode Program 4 Perintah untuk Mengubah data akun siswa
1. protected function updateevent:MouseEvent:void{ 2. var users2:Users = new Users;
3. users2.NIS = nISTextInput3.text; 4. users2.nama = namaTextInput3.text;
5. users2.email= emailTextInput3.text; 6. users2.password = passwordTextInput3.text;
7. users2.user_type = user_typeTextInput2.text; 8. users2.No = parseIntnoTextInput.text;
9. updateUsersResult.token = usersService.updateUsersusers2; 10. usersService.getUsersByIDuserid;
11. traceusers2.nama; 12. nama_peserta.text = users2.nama;
13. }
Kode Program 4 menjelaskan tentang pengkodean fungsi untuk mengubah
Jurnal Teknologi Informasi-Aiti, Vol. 11. No.1, Februari 2014 : 1 – 109
70 data akun siswa. Penjelasan nomer 3-12, data NIS, nama,
password
, email, user_type, dan No akan di-
set
ke objek users2 kemudian users2 akan dikirimkan ke
server
melalui usersService yang selanjutnya disimpan ke dalam
database
. Tak lupa data nama di-
set
ulang pada
inputtext
nama_peserta untuk ditampilkan kembali ke dalam halaman
user
. Halaman materi dan animasi akan menampilkan sebuah video dan animasi
yang telah dibuat sebelumnya kemudian dijadikan
file swf
yang oleh sistem akan ditampilkan ke dalam halaman
web
dan siswa dapat mengikuti serta berinteraksi langsung dengan animasi tersebut.
Kode Program 5 Perintah untuk Menampilkan
file swf
materi dan animasi
1. ns1:FlashContainerPlaceholder includeIn=Animasi,Evaluasi id=Wadah top.Animasi=30 left.Animasi=10 bottom.Animasi=10 right.Animasi=10
top.Evaluasi=30 left.Evaluasi=10 bottom.Evaluasi=10 right.Evaluasi=10
2. mx:SWFLoader includeIn=Animasi x=0 y=30 source=assetsHalampertama.swf width=829 height=403
maintainAspectRatio=false mask={Wadah}
Kode Program 5 menjelaskan tentang pengkodean untuk melakukan
loading
atau memanggil
file
eksternal dari sistem untuk dapat digunakan dalam sistem. Terdapat dua elemen yang digunakan yaitu
FlashContainerPlaceholder
dan
SWFLoader
.
FlashContainerPlaceholder
berfungsi sebagai tempat atau wadah untuk
file swf
agar resolusinya dapat diatur dan tidak melebihi batas yang diinginkan, sedangkan
SWFLoader
merupakan elemen untuk memanggil
file swf
dengan cara mengatur
source
atau alamat dimana
file
yang dimaksud berada. Halaman evaluasi dapat dilihat pada Gambar 6. Halaman ini akan
menampilkan animasi berupa evaluasi yang terdiri dari soal pilihan ganda.
File
dari evaluasi ini pun sama dengan materi yaitu
file swf.
Setelah masuk ke dalam halaman evaluasi siswa akan ditampilkan pilihan grup soal dari soal yang akan
dikerjakan. Setelah memilih siswa akan menuju
scene
selanjutnya untuk mengerjakan soal pilihan ganda dapat dilihat pada Gambar 6.
Gambar 6 Halaman Evaluasi Siswa Soal Pilihan Ganda
Kode Program 6 menjelaskan tentang pengkodean untuk menampilkan
file swf
yang berupa evaluasi. Penjelasan nomer 1 dan 2, hampir sama dengan
pemanggilan materi pada bagian sebelumnya, hanya dibedakan sedikit dengan adanya pengiriman parameter ke dalam
file swf
evaluasi seperti terlihat dalam
Aplikasi Pembelajaran Carnot Imron dkk
71 kode no 2 yaitu untuk mengatur nis dan nama siswa.
Kode Program 6 Perintah untuk Menampilkan
file swf
evaluasi
1. ns1:FlashContainerPlaceholder includeIn=Animasi,Evaluasi id=Wadah top.Animasi=30 left.Animasi=10 bottom.Animasi=10 right.Animasi=10
top.Evaluasi=30 left.Evaluasi=10 bottom.Evaluasi=10 right.Evaluasi=10
2. mx:SWFLoader includeIn=Evaluasi x=130 y=30 source=assetsSoal.swf?{nis_peserta.text} maintainAspectRatio=false
mask={Wadah}
Form
atur soal bagi
admin
terdapat di dalam halaman utama
admin
dapat dilihat pada Gambar 7.
Form
atur soal ini berisi daftar data soal, yang didalamnya terdapat fungsi
insert
,
update
,
delete
. Daftar data soal ditampilkan ke dalam
Datagrid View
yang datanya diambil dari
database
dan
folder
gambar pada server. Jika
admin
ingin menambah data soal maka
admin
melakukan inputan ke dalam
form
yang telah disediakan kemudian menyimpannya dengan menekan tombol buat soal. Jika
admin
melakukan
update
dan
delete
,
admin
dapat melakukan klik pada salah satu item di dalam
Datagid View
yang nantinya secara otomatis diatur dalam
form
yang telah disediakan kemudian
admin
menekan tombol
update soal
untuk melakukan
update
, dan tombol
delete
soal untuk melakukan
delete
data.
Gambar 7 Halaman Utama
Admin
Kode Program 7 Perintah untuk Mengelola soal pada
form
atur soal
1. protected function btn78_clickHandler:void{ 2. var soal2:Soal = new Soal;
3. soal2.idgroup = parseIntcomboBoxidgroup.selectedItem.id; 4. soal2.soal = TeksSoal.text;
5. soal2.gambar = fileReference.name; 6. soal2.pilihan1 = pilihan1TextInput2.text;
7. soal2.pilihan2 = pilihan2TextInput2.text; 8. soal2.pilihan3 = pilihan3TextInput2.text;
9. soal2.pilihan4 = pilihan4TextInput2.text; 10. soal2.pilihan5 = pilihan5TextInput2.text;
11. soal2.jawaban = jawabanTextInput2.text; 12. fileReference.uploadnew URLRequesthttp:localhostBismillah-
debugFileUpload.php; 13. createSoalResult2.token = soalService.createSoalsoal2;
14. soalService.commit; 15. soalService.getAllSoal;
16. }
Jurnal Teknologi Informasi-Aiti, Vol. 11. No.1, Februari 2014 : 1 – 109
72 Kode Program 7 menjelaskan tentang pengkodean fungsi menambah data
soal untuk
admin
. Penjelasan nomer 1-16, mengambil data dari
form
yang telah disediakan kemudian data tersebut disimpan ke dalam objek soal2. Tak lupa data
gambar yang diperoleh dari data
FileReference
di atur sebagai indikator untuk mengunggah
file
gambar ke dalam
folder
yang telah di atur di dalam
server
.
Form
atur nilai pada halaman Atur Nilai oleh
admin
dapat dilihat pada Gambar 8.
Admin
dapat melihat daftar data nilai yang telah diinputkan sebelumnya dan ditampilkan ke dalam
Datagrid View
. Apabila
admin
akan melakukan pengelolaan terhadap data nilai,
admin
hanya perlu melakukan klik pada salah satu
item
dari yang ditampilkan. Pada
form
ini hanya terdapat fungsi
update
dan
delete
saja, dikarenakan data nilai akan masuk secara otomatis ketika siswa telah menyelesaikan evaluasi.
Gambar 8 Halaman Atur Nilai Kode Program 8 Perintah untuk mengelola nilai pada
form
atur nilai
1. protected function updatenilai_clickHandlerevent:MouseEvent:void{ 2. nilai.No = parseIntNonilai.text;
3. nilai.nis = nisTextInput.text; 4. nilai.nama = namaTextInput.text;
5. nilai.idgroup = parseIntidgroupTextInput.text; 6. nilai.nilai = parseFloatnilaiTextInput.text;
7. nilai.tanggal = tanggalDateField.selectedDate;
8. updateNilaiResult.token = nilaiService.updateNilainilai; 9. nilaiService.commit;
10. nilaiService.getAllNilai; 11. }
12. protected function deletenilai_clickHandlerevent:MouseEvent:void{ 13. deleteNilaiResult.token =
nilaiService.deleteNilaidataGrid4.selectedItem.No; 14. nilaiService.getAllNilai;
15. }
16. listadap = new SimpleAdapterthis, menuItems ,