Multimedia Matematika – Pertemuan 3

Slides:



Advertisements
Presentasi serupa
Matakuliah Pengenalan Internet
Advertisements

HTML.
HTML Hyper Text Markup Language
Pemrograman Web 1Humisar Hasugian, S.Kom 1 Pengenalan HTML HTML • Hypertext Markup Language merupakan standard bahasa yang digunakan untuk menampilkan.
HTML  singkatan dari HyperText Markup Language  menentukan tampilan suatu teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen. Software.
Jurusan Arsitektur FTSP – UMB Aplikasi Komputer MENGENAL HTML Minggu XII HALAMAN WEBSITE DIBUAT.
Sistem informasi manajemen PROYEK 3 WEB/HTML MENGGUNAKAN NOTEPAD
Pengembangan Web Pertemuan 2 HTML Basic (Text Formating, Link & Frame)
Dosen: Zakki Falani, S.Kom Fakultas Ilmu Komputer Universitas Narotama
Menyimpan dokumen dan memberi nama file yg baru
Materi 11 Membuat Form Hai. Saya akan menunjukkan bagaimana membuat web page yang bersifat interaktif dengan penggunaan tag. Dengan tag ini anda dapat.
Ajax Tutorial.
PEMROGRAMAN WEB DENGAN HTML & php frame work (code igniter)
XML TREE Hari Rabu Programmer Makanan
FORM PADA WEB WEB 1 KELAS X.
PEMROGRAMAN BERBASIS WEB
KELOMPOK 10 PROYEK 5 Formulir Pembelian Buku Web / HTML
HTML singkatan dari HyperText Markup Language menentukan tampilan suatu teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen. Software.
 HTML merupakan bahasa paling standard yang digunakan untuk membuat suatu website  HTML Singkatan dari H yper T ext M arkup L anguage  HTML bukanlah.
MEMBUAT WEB SEDERHANA.
Pemrograman Web/TI/ AK /2 sks
Rekayasa aplikasi Perpustakaan Week 2
HTML Basic.
PERTEMUAN KE 2 JAVA SERVER PAGES (JSP) BY : TITO SUGIHARTO
HTML PEMROGRAMAN INTERNET.
PERANCANGAN WEB Pertemuan 1: Pengenalan tentang WEB
Zaenal Abidin. HTML singkatan dari HyperText Markup Language menentukan tampilan suatu teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen.
ADD-ON Dasar HTML.
Pengenalan XML Perbedaannya dengan HTML Kebutuhan akan XML.
Pertemuan 2 1.  Bahasa yang digunakan untuk menampilkan informasi pd halaman web.  bahasa ini menggunakan tanda (markup) untuk menandai perintah- perintahnya.
PEMROGRAMAN WEB 1 BY: ASIH WINANTU.
Bahasa Pemrograman & Script untuk Web Materi Pertemuan ke-7.
S1 Teknik Informatika - Unijoyo1 Pemrograman Basis Data Berbasis Web Pertemuan Ke-7 (XML)
Introduction to XML.
HTML singkatan dari HyperText Markup Language menentukan tampilan suatu teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen. Software.
S1 Teknik Informatika - Unijoyo
Pengantar Web Design.
Perancangan Sistem 6 Senin,
WEB 1 (HTML) STMIK A. Yani.
KOMPUTER APLIKASI IT II
Konsep Dasar HTML SLIDE 1 Agung Brastama Putra.
Pertemuan Minggu ke-3 Matakuliah Permrograman Web
Sistem informasi manajemen PROYEK 3 WEB/HTML MENGGUNAKAN NOTEPAD
Pertemuan 1 Mengenal Javascript.
Pertemuan 1 Mengenal Javascript.
Internet dan Web By : Lisda Juliana P..
S1 Teknik Informatika - Unijoyo
Bahasa Pemrograman & Script untuk Web
Pertemuan 3 Dani Hamdani, S.Kom..
KELOMPOK 10 PROYEK 5 Formulir Pembelian Buku Web / HTML
PENGENALAN HTML MATA KULIAH PEMROGRAMAN WEB Materi Pertama
Pemrograman Berorientasi Platform (IN315B)
Semantic Web : Dasar XML
Pemrograman Basis Data Berbasis Web
Sistem informasi manajemen PROYEK 3 WEB/HTML MENGGUNAKAN NOTEPAD
Internet dan Web Ecking Mendrofha.
BERKENALAN DENGAN HTML (PENGAYAAN)
MENERAPKAN MULTIMEDIA DALAM WEB
Praktikum 1 Mochammad Yusa.
HTML (Part 1) Hendra Putra, S.Kom, M.Kom.
Multimedia Matematika – Pertemuan 1
PEMROGRAMAN WEB II.
Pengenalan HTML HTML Hypertext Markup Language merupakan standard bahasa yang digunakan untuk menampilkan dokumen web Untuk membuat dokumen web yang bisa.
ALGORITMA DAN BAHASA PEMROGRAMAN JAVA
Symbol (Movie clip, Button, Graphic)
Multimedia Matematika – Pertemuan 2
Dasar-dasar HTML. 2 World Wide Web (WWW) Internet merupakan jaringan global yang menghubungkan suatu network dengan network lainya di seluruh dunia. TCP/IP.
Multimedia Matematika – Pertemuan 3
Pemrograman Basis Data Berbasis Web
startDrag( ) hitTest( )
Transcript presentasi:

Multimedia Matematika – Pertemuan 3 <xml /> & Flash Fadhil Hidayat Email: fadhil_hidayat@yahoo.com Multimedia Matematika – Pertemuan 3

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

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..?

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

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

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

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:

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

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

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

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

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.

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

Pendalaman Materi www.2persen.wordpress.com

Tugas Ketiga www.2persen.wordpress.com

Pertanyaan dan Komentar www.2persen.wordpress.com

Request Materi www.2persen.wordpress.com

Sekian & Terima Kasih

Lanjutkan ke materi Math.