Pengantar Teknologi Mobile 7 Antonius Rachmat C, S.Kom Wireless Markup Language.

Slides:



Advertisements
Presentasi serupa
HTMLHTML ADVANCE. HTML DOCTYPE Sebuah deklarasi DOCTYPE mengacu pada aturan- aturan untuk bahasa markup, sehingga browser membuat konten dengan benar.
Advertisements

Image – Hyperlink – Form
HTML.
Mengelola isi halaman web
Hyper Text Markup Language
Melakukan Entry Data dengan OCR (Optical Character Recognition)
Pemrograman XML Introducing XML Salhazan Nasution, S.Kom.
EIH/Pengantar Sistem Informasi 1 Aplikasi Web Eka Ismantohadi.
Selamat datang di ujian perbaikan yang oke!!! Di susun oleh: Herman Prianto( ) Evi Nurhayani( )
Menunjukkan berbagai peralatan TIK melalui gambar
Profil Nama : Syaifullah, S.Kom. TTL: Utan, 11 Oktober 1974 Pendidikan: S1 Teknik Informatika STMIK “Bumi Gora” Mataram. Bidang Minat: - Analyst Programmer.
Document Object Model MATA KULIAH :DESAIN WEB Oleh : Denny Sagita R, S.Kom., M.Kom TAHUN AJARAN 2013/2014 SEMESTER GANJIL.
Dosen: Zakki Falani, S.Kom Fakultas Ilmu Komputer Universitas Narotama
Jurusan Teknik Informatika – FTI UPN “Veteran” Jawa Timur
Nine: Pengantar HTML The Net Language. 2 Objectives Setelah menyelesaikan bab ini, anda diharapkan dapat: Memahami konstruksi dasar halaman web. Mengerti.
LAYANAN BERBASIS APLIKASI WEB Pertemuan I Budi Arifitama.
1 Practical Web Development Using CMS (Joomla) Managing Content PPLH IPB Senin, 2 Maret 2007 Frans Rudolf. B 3.
CARA EDIT TAMPILAN / TEMPLATE PADA BLOG
Pengantar Teknologi Mobile 8
Pengantar Teknologi Mobile 6
Langkah Membuat Blog (1) Buka
HTML.
Pengantar Teknologi Mobile 9 Antonius Rachmat C, S.Kom XHTML – Mobile Profile.
Ajax Tutorial.
Minggu …8… Page 1 MINGGU Ke delapan Web Teknologi 2 Pokok Bahasan: CSS and Themes Tujuan Instruksional Khusus: Mahasiswa akan dapat menjelaskan dan mengaplikasikan.
HTML.
Basic HTML Konsep dan Fungsi HTML
ARCHITECTURE.
MINGGU Ke Enam Web Teknologi 2
FORM PADA WEB WEB 1 KELAS X.
PEMROGRAMAN BERBASIS WEB
Modul Pengembangan Sistem Informasi
Mengelola isi halaman web
Aplikasi Web Mobile Lebar Layar Dinamis 2 dan Navigasi.
MEMBUAT WEB SEDERHANA.
Pemrograman Web/TI/ AK /2 sks
By: Mufti Agung W, S.Kom, MIT. 1.Portal Intranet 2.Konversi ke PDF 3.Net Meeting 4.Troubleshoot Jaringan 5.Managemen Virus.
Membangun Halaman Web Dinamis dengan PHP
Pengantar Teknologi Mobile
Pemrograman Internet Mobile
PERTEMUAN KE 2 JAVA SERVER PAGES (JSP) BY : TITO SUGIHARTO
Pemrograman Web 1 Mohamad Syafri Tuloli. Penilaian Quiz : 10 %Quiz : 10 % Tugas : 20 %Tugas : 20 % UTS : 30 %UTS : 30 % UAS : 40 %UAS : 40 %
HTML PEMROGRAMAN INTERNET.
Pengenalan HTML Oleh Benny Irawan. WORLD WIDE WEB Web pada awalnya merupakan ruang informasi dalam internet, dengan menggunakan teknologi hyperteks, terdiri.
ADD-ON Dasar HTML.
Membangun Halaman Web Dinamis dengan PHP
Pertemuan 2 1.  Bahasa yang digunakan untuk menampilkan informasi pd halaman web.  bahasa ini menggunakan tanda (markup) untuk menandai perintah- perintahnya.
Wireless Application Protocol
Team Teknik Elektro UHAMKA HTML.
HTML Universitas Muhammadiyah Surakarta Yogiek Indra K.
Dasar - dasar Web dan HTML
Pembimbing : Endang Purnama Giri, S.Kom., M.Kom.
Pengantar Multimedia #3
Hyper Text Markup Language
Dosen : Fajar Y. Zebua Pemrograman wap Dosen : Fajar Y. Zebua
CLIENT-SERVER DATA TRANSFER
Teks, Gambar dan hypertext
Wireless Application Protocol
Internet dan Web By : Lisda Juliana P..
Pengenalan Dasar Web dan HTML
Prinsip Dasar Internet & Pemrograman Web
Teks, Gambar dan hypertext
Hyperlink and Form Session 10 & 11
Internet dan Web Ecking Mendrofha.
Web Design : Struktur Dasar Web dan Dokumen HTML
Darmawan satyananda Mathematics department State university of malang
HTML Dasar PemrogramanWeb
Web Markup & Display Language XML (Extensible Markup Language)
STMIK PPKIA Pradnya Paramita Pemrograman berbasis Web
Prinsip Dasar Internet & Pemrograman Web
Transcript presentasi:

Pengantar Teknologi Mobile 7 Antonius Rachmat C, S.Kom Wireless Markup Language

WML (Wireless Markup Language)‏ Bahasa berbasis tag: –Manajemen Layar (text, image)‏ –Input Data (text, selection lists, dll.)‏ –Dukungan Hyperlink & navigasi Didasarkan pada XML Berekstensi.wml

WML (2)‏ Card dan Deck –Dokumen berisi beberapa card –Interaksi user dibagi dalam card –Navigasi eksplisit antar card –deck sama seperti halaman HTML, yaitu unit pengiriman content Manajemen event, variabel dan state Ketika halaman WML diakses dari mobile phone, semua card didownload dari WAP server. Semua card harus berisi –Prolog dokumen : –Document type definition (DTD)‏ –Elemen

WML Structure

Contoh WML

Tag Dasar mendefinisikan awal dan akhir dari deck, seperti pada mendefinisikan awal dan akhir dari card content type dari teks WML adalah text/vnd.wap.wml Kita dapat menciptakan sebuah file WML yang terbentuk dengan mengirimkan content type tersebut di atas dari server script Anda.

Card

Contoh WML (teks)‏

Teks

Contoh WML (format teks)‏

Special Character

Contoh WML (table)‏

Links Digunakan untuk menghubungkan antar dokumen, atau dalam satu dokumen Sintaks: – [teks] Dalam satu dokumen: –Menggunakan tanda # – [teks]

Links Digunakan untuk menghubungkan antar dokumen

Search Engines: Sports 17 SciFi Link to mobile.sports.com.The accesskey attribute programs a key on the keypad that can be used to select the link. The value of the title attribute will label the soft key on the phone that will activate the link.

Image Menyisipkan image atau local icon aplikasi dalam tampilan teks –1-bit BMP format, bernama WBMP –Gunakan konverter: WBMP Converter Image diabaikan oleh piranti non bitmap –Cek HTTP_ACCEPT untuk MIME “image/bmp” Tag:

Image

Input type (teks)

Input type (select)

Input (select multiple)

WML task Task menyatakan tindakan pindah ke card baru Task menyatakan tindakan kembali ke card sebelumnya Task memperbarui beberapa variabel card tertentu –Jika beberapa variabel sedang diperlihatkan pada layar, task ini juga meperbarui layar Task mengatakan tidak ada yang perlu dikerjakan

Go task

Prev task

Refresh task

Noop task

Contoh Variabel

Template Mendefinisikan tindakan dan event untuk semua card dalam sebuah deck Selalu ada tampilan yang sama untuk beberapa card

Skenario

Template

Skenario

Template

Bersambung