Pemrograman Internet Mobile

Slides:



Advertisements
Presentasi serupa
Matakuliah Pengenalan Internet
Advertisements

HTMLHTML ADVANCE. HTML DOCTYPE Sebuah deklarasi DOCTYPE mengacu pada aturan- aturan untuk bahasa markup, sehingga browser membuat konten dengan benar.
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.
Selamat datang di ujian perbaikan yang oke!!! Di susun oleh: Herman Prianto( ) Evi Nurhayani( )
Pengembangan Web Pertemuan 2 HTML Basic (Text Formating, Link & Frame)
Pengantar Teknologi Mobile 7 Antonius Rachmat C, S.Kom Wireless Markup Language.
HTML PEMROGRAMAN INTERNET. Form & Input HTML Form adalah area yang bisa ditempati oleh elemen form. Elemen form adalah elemen yg mengijinkan user memasukkan.
Dosen: Zakki Falani, S.Kom Fakultas Ilmu Komputer Universitas Narotama
Jurusan Teknik Informatika – FTI UPN “Veteran” Jawa Timur
STMIK PPKIA Pradnya Paramita
DASAR HTML Marina Azizah. Struktur Dokumen HTML Dokumen HTML bisa di bagi mejadi tiga bagian utama: HTML Setiap dokumen HTML harus di awali dan di tutup.
Isnardi,M.Kom Ikhsan, S.Kom, M.Kom Novinaldi, S.Kom
Internet Infrastruktur. Teknologi Client SideClient Side 1.HTML 2.CSS 3.Java Script 4.Apllet 5.Dll… Server SideServer Side 1.PHP 2.ASP 3.ASP.net 4.JSP.
Pengantar Teknologi Mobile 8
DESAIN WEB STATIS DAN HTML
Pengantar Teknologi Mobile 9 Antonius Rachmat C, S.Kom XHTML – Mobile Profile.
Pertemuan 9 Cascading Style Sheet (css)
PHP.
Basic HTML Konsep dan Fungsi HTML
ARCHITECTURE.
FORM PADA WEB WEB 1 KELAS X.
PEMROGRAMAN BERBASIS WEB
Modul Pengembangan Sistem Informasi
Form dan Input HTML.
MEMBUAT WEB SEDERHANA.
Pemrograman Web/TI/ AK /2 sks
3. Pendalaman HTML Penggunaan format table di HTML
Pengantar Teknologi Mobile
Pengantar Teknologi Mobile 8
Internet Programming FORM DAN UP LOAD FILE M. Agus Zainuddin PENS – ITS Surabaya.
Pengantar Pemrograman WEB
Pemrograman Web/TI/ AK /2 sks
HTML Basic.
Pengenalan XML Perbedaannya dengan HTML Kebutuhan akan XML.
PERTEMUAN KE 2 JAVA SERVER PAGES (JSP) BY : TITO SUGIHARTO
Praktikum Java Script.
HTML (Hypertext Markup Language)
HTML Achmad Yasid,SKom. HTML Singkatan dari HyperText Markup Language adalah bahasa yang menjelaskan bagaimana suatu teks, video, grafik, animasi dan.
HTML PEMROGRAMAN INTERNET.
PERANCANGAN WEB Pertemuan 1: Pengenalan tentang WEB
Menggunakan Formulir A’ud Solehuddin::Jan2012. Materi Dasar Penggunaan Formulir Memasukkan Data dengan INPUT Tipe TEXT Tombol SUBMIT dan RESET Perbedaan.
Fakultas Teknologi Informasi Universitas Budi Luhur
Pertemuan 2 : HTML.
Dasar-dasar Pemrograman PHP
JavaScript Pemrograman Web 1.
PEMROGRAMAN WEB 1 BY: ASIH WINANTU.
HTML (cont.) (Nelly Sofi). Peng. Komp & TI 2C2 Untuk mempelajari HTML saat ini tidaklah sulit karena sudah banyak program yang mampu menghasilkan dokumen.
Wireless Application Protocol
Team Teknik Elektro UHAMKA HTML.
Desain Web dengan Tag HTML
Mengenal dan teknik pembuatan form
MATERI PERKULIAHAN REKAYASA PERANGKAT LUNAK DISUSUN OLEH : KRISTIAWAN NUGROHO, M.KOM Fakultas Kesehatan.
STMIK PPKIA Pradnya Paramita Pemrograman berbasis Web
Hyper Text Markup Language
Dosen : Fajar Y. Zebua Pemrograman wap Dosen : Fajar Y. Zebua
HTML (cont.) (Devi Indriani).
HTML.
PJ : Nuraini Purwandari
Hyperlink & Form Pertemuan 11
Pengenalan Dasar Web dan HTML
Hyperlink and Form Session 10 & 11
KOMPUTER APLIKASI IT I FORM.
Darmawan satyananda Mathematics department State university of malang
Pemrograman Web PG117 – 3 SKS.
Pengenalan HTML HTML Hypertext Markup Language merupakan standard bahasa yang digunakan untuk menampilkan dokumen web Untuk membuat dokumen web yang bisa.
Web Markup & Display Language XML (Extensible Markup Language)
STMIK PPKIA Pradnya Paramita Pemrograman berbasis Web
Prinsip Dasar Internet & Pemrograman Web
Transcript presentasi:

Pemrograman Internet Mobile Antonius R.C, S.Kom, M.Cs Wireless Markup Language 1

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 Manajemen event, variabel dan state Dokumen = DECK yang berisi beberapa CARD Satu DECK bisa berisi lebih dari satu CARD Interaksi user dibagi dalam card Navigasi eksplisit antar card Deck sama seperti halaman HTML, yaitu unit pengiriman content Manajemen event, variabel dan state Semua card harus berisi Prolog dokumen : <?xml version = “1.0”?> Document type definition (DTD)‏ Elemen <WML>

Fungsi WML Text presentation and layout Mengorganisasi Deck/Card Intercard navigation and linking String parameter dan state management

WML Structure

Contoh WML

Tag Dasar <wml> </wml> mendefinisikan awal dan akhir dari deck, seperti pada <html></html> <card> </card> 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

Onenterforward/backward, ontimer

WML text formatting

Tag <head> dan <!-- … --> Menunjukkan informasi dokumen WML <head> <access domain=“ukdw.ac.id” /> <meta name=“keyword” content=“WAP,ponsel” /> <meta name=“author” content=“Anton” /> <meta http-equiv=“cache-control” content=“no-cache” /> </head> Untuk komentar: Tidak diparsing oleh WML browser <!-- ini komentar --> <p>ini bukan <!– ini komentar lagi --> komentar</p>

Special Character

Contoh WML (table)‏

Table Atribut: Title: teks Align = C -> center, L -> kiri, R -> right, D -> default Columns : angka

Hyperlink Tag <anchor> <go href=“tujuan” title=“teks”> </anchor> Digunakan untuk menghubungkan antar dokumen, atau dalam satu dokumen Sintaks: <a href=“[namadokumen]”>[teks]</a> Dalam satu dokumen: Menggunakan tanda # <a href=“#[namaanchor]>[teks]</a>

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: <img src=”[sumber]” alt=”[teks]”/>

Image

Input tag Untuk memasukkan input data dari user Atribut: Name: karakter Value: karakter Emptytok: true/false Untuk membiarkan apakah input boleh kosong atau tidak Format: A => uppercase karakter a => lowercase karakter N => numeric n => numeric + tanda baca X => upercase (karakter + angka) x => lowercase (karakter + angka)

Input tag Maxlength: mengatur bnyknya karakter yg diperbolehkan Size: mengatur panjang field input Title: judul input Type: Text atau Password Id: id unik

Input type (teks)

Teks (2)

Input (select multiple)

Select (2)

Event onpick Event onpick langsung membawa ke url yg dituju!

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

Contoh Variabel

NEXT