Multimedia Matematika – Pertemuan 3

Presentasi berjudul: "Multimedia Matematika – Pertemuan 3"— Transcript presentasi:

1 Multimedia Matematika – Pertemuan 3
<xml /> & Flash Fadhil Hidayat Multimedia Matematika – Pertemuan 3

2 XML atau “eXtensible Markup Language”
XML atau “eXtensible Markup Language” . Secara gampang, XML adalah salah satu format file untuk menyimpan data (database). Keunggulannya, XML bersifat stand-alone alias dapat berdiri sendiri tanpa tergantung pada sistem tertentu. Contoh: Buka Notepad atau text editor lainnya. Ketikkan script berikut. Save dengan nama: “dataxml.xml” XML

3 Untuk membuktikan file XML tidak memiliki kesalahan, bukalah file tersebut dengan menggunakan web browser (mozilla, ie, opera, dll.. - dan lupa lagi) File dataxml.xml dibuka dengan mozilla firefox, membuktikan file dataxml.xml valid dan tidak terdapat error. XML error..?

4 Struktur xml juga berbentuk tree (pohon) dan harus mempertahankan heirarkinya.
Misal: <root> <node> <child> … </child> </node> </root> Ingat: File xml hanya memiliki 1 root. Nama untuk root biasanya nama data yang tersimpan pada xml. Setelah melihat contoh file pada slide sebelumnya, dapat kita lihat bahwa file xml memiliki kemiripan dengan file html. Setiap tag (ditandai dengan karakter <>) harus ditutup dengan tag </>. Struktur Elemen XML

5 Dalam implementasinya, XML juga dapat dituliskan seperti pada gambar di samping.
Perhatikan pada tag mahasiswa, di dalamnya terdapat atribut nama dan nim. Perhatikan juga tag nilai yang memiliki atribut skor. Yang menarik perhatikan tag grade, selain tag ini memiliki atribut abjad, tag ini juga ditutup dengan cara yang unik. Tag ini juga merupakan tag yang valid. Elemen XML Lainnya

6 Pada saat menggunakan XML, kita pasti akan menemukan istilah berikut:
Root node Child node / node First child Attribute Dll.. (dan lupa lagi..) File XML di atas memiliki 4 jenis node, yaitu <datamahasiswa>, <mahasiswa>, <nilai>, dan <grade>. Tag yang memiliki atribut adalah <mahasiswa>, <nilai>, dan <grade>. <datamahasiswa> adalah root node. <mahasiswa> adalah first child dari root node. <nilai> adalah first child dari <mahasiswa> nama dan nim adalah attribute dari mahasiswa. Istilah pada XML

7 XML dapat dikelola dengan menggunakan flash
XML dapat dikelola dengan menggunakan flash. Contoh pemanggilan file xml pada flash seperti pada gambar. XML dan Flash (AS2) Save file di atas pada folder yang sama dengan file dataxml.xml. Tekan Ctrl+Enter maka akan menghasilkan output berikut:

8 XML dan AS2 Contoh pengembangan XML dan AS2.
Buat file flash baru dengan nama dataMahasiswa.fla Buat tampilan sesuai gambar dengan ketentuan: - label dibuat dengan static text. - text untuk menampilkan data dengan dynamic text. Buat 2 buah button di bagian bawah. Instance name masing-masing komponen sesuai dengan gambar di bawah. Save pada folder yang sama dengan file dataxml1.xml Isi dataxml1.xml ada pada slide ke-5 atau ke-6. Contoh pengembangan XML dan AS2. XML dan AS2

9 XML dan AS2 Ketikkan script berikut ini:
Script di atas diketikkan pada baris 1 hingga 12. Script baris 1 hingga 4 adalah script untuk memanggil data dataxml1.xml. Script 6 hingga 11 adalah deklarasi awal variabel yang akan digunakan

10 XML dan AS2 Lanjutkan script pada slide sebelumnya.
Ketikkan script di atas pada baris ke 13 hingga 29. Script ini adalah fungsi untuk mengambil data-data yang ada pada dataxml1.xml. Data-data xml dimasukkan ke dalam variabel yang berbentuk Array. Untuk mengatasi error pada saat data xml rusak, maka akan muncul pesan “XML tidak dapat di load”. Script pada baris ke 23 berfungsi untuk menampilkan data pertama. XML dan AS2

11 XML dan AS2 Teruskan script sebelumnya.
Ketikkan script di atas pada baris ke 30 hingga 36. Script ini adalah fungsi untuk menampilkan data pertama yang dipanggil pada baris ke 23. XML dan AS2

12 XML dan AS2 Terakhir, ketik script berikut:
Ketikkan script di atas pada baris ke 37 hingga 55. Script ini adalah script pada tombol prev_btn dan next_btn.

13 XML dan AS2 Hasilnya.. Coba klik pada tombol..
Untuk diketahui, jika file xml ditambah maka data pada flash akan secara otomatis bertambah.. ^_^ selamat bekerja Hasilnya.. Coba klik pada tombol.. XML dan AS2

14 Pendalaman Materi www.2persen.wordpress.com

15 Tugas Ketiga www.2persen.wordpress.com

16 Pertanyaan dan Komentar www.2persen.wordpress.com

17 Request Materi www.2persen.wordpress.com

18 Sekian & Terima Kasih

19 Lanjutkan ke materi Math.