Pengantar Teknologi Mobile

Slides:



Advertisements
Presentasi serupa
Image – Hyperlink – Form
Advertisements

Pengembangan Web Pertemuan 2 HTML Basic (Text Formating, Link & Frame)
Pengantar Teknologi Mobile 7 Antonius Rachmat C, S.Kom Wireless Markup Language.
Cascade Style Sheet (CSS) Dahlan Abdullah /
Dosen: Zakki Falani, S.Kom Fakultas Ilmu Komputer Universitas Narotama
13 CSS ( CASCADING STYLE SHEET II ) Bayangkan jika kita memiliki website dengan 100 halaman. Bayangkan apabila anda ingin mengganti jenis huruf dari tiap.
Jurusan Teknik Informatika – FTI UPN “Veteran” Jawa Timur
( Cascading Style Sheet) Bagian 1
Pengantar Teknologi Mobile 9 Antonius Rachmat C, S.Kom XHTML – Mobile Profile.
Pertemuan 9 Cascading Style Sheet (css)
HTML Lanjut & CSS By : Muhammad Zen S. Hadi Digital Communication Laboratory EEPIS-ITS.
Minggu …8… Page 1 MINGGU Ke delapan Web Teknologi 2 Pokok Bahasan: CSS and Themes Tujuan Instruksional Khusus: Mahasiswa akan dapat menjelaskan dan mengaplikasikan.
Konsep Pemrograman Internet
Dasar CSS A’ud Solehuddin::Februari2012. Materi Mengenal CSS Mengenal CSS Mencoba CSS Mencoba CSS Penggunaan atribut ID dalam tag Penggunaan atribut ID.
FORM PADA WEB WEB 1 KELAS X.
Peng. Komp & TI 2C M1 Peng. Komp & TI 2C Winda Widya A Peng. Komp & TI 2C Winda Widya A Peng. Komp & TI 2C Winda Widya A Peng. Komp & TI 2C.
PEMROGRAMAN BERBASIS WEB
Tim FT Elektro UHAMKA CSS (Cascading Style Sheet)
CSS (Cascading Style Sheet)
CSS.
Pengembangan Evangs Mailoa Cascading Style Sheet (CSS) dan HTML Form WEB.
Cascading Style Sheet Oleh : Edy Mulyanto
Pemrograman Internet Mobile
Web and Multimedia based Programming K2133 Pemrograman berbasis Web dan Multimedia 1.
Pemrograman Berbasis Web CSS
Pengenalan XML Perbedaannya dengan HTML Kebutuhan akan XML.
Pengenalan HTML Oleh Benny Irawan. WORLD WIDE WEB Web pada awalnya merupakan ruang informasi dalam internet, dengan menggunakan teknologi hyperteks, terdiri.
FORM Kegunaan Form : memperoleh data-data user baik nama, alamat dan data lainnya untuk mendaftar pada service yang di sediakan. memperoleh informasi pembelian.
Perancangan Web Pertemuan IV
CSS (Cascading Style Sheet)
PEMROGRAMAN WEB 1 BY: ASIH WINANTU.
Team Teknik Elektro UHAMKA HTML.
PENGENALAN CSS CSS = Cascading Style Sheet Fungsi : mendefenisikan style untuk suatu teks dengan jenis huruf, ukuran, warna tertentu.
Cascading Style Sheet (CSS) dan HTML Form
HTML Universitas Muhammadiyah Surakarta Yogiek Indra K.
Cascading Style Sheet (CSS)
Lutfi Budi Ilmawan Univ. Muslim Indonesia
PENGENALAN HTML, PHP, CSS & MySQL
Pemrograman Berbasis Web CSS
Cascading Style Sheet (CSS)
PERTEMUAN CSS Pengenalan CSS.
HTML CSS.
Perkenalan CSS.
Konsep Dasar HTML SLIDE 1 Agung Brastama Putra.
Cascading Style Sheets (CSS)
Perancangan & Pemrograman Web
KOMPUTER APLIKASI IT XHTML & CSS MODUL 02
(Cascading Stylesheet)
Komputer aplikasi it-I (html)
CSS Pertemuan 12 Matakuliah : L0182 / Web & Animation Design
Cascading Style Sheet (CSS)
INTERNET Internet adalah suatu jaringan global yang terbentuk dari jaringan-jaringan lokal dan regional, memungkinkan komunikasi data antar komputer-komputer.
Rekayasa Perangkat Lunak
PJ : Nuraini Purwandari
Pemrograman Berorientasi Platform (IN315B)
Peng. Komp & TI 2C Peng. Komp & TI 2C Peng. Komp & TI 2C
( Cascading style sheets)
Pemrograman Web HTML (5) Form CSS Andy Haryoko, ST
Assalamu’alaikum Warohmatullah Wabarokatuh Selamat Pagi 
LAB ict Terpadu universitas budi luhur, lab Januari 2017
Pemrograman Berorientasi Platform (IN315B)
Darmawan satyananda Mathematics department State university of malang
Pengembangan Web HTML Dasar
Implementasi CSS Ada 4 cara memasang kode CSS ke dalam halaman situs, yaitu: Inline CSS Embedded (memasang kode ke dalam bagian External.
Cascading Style Sheet (CSS) dan HTML Form
Cascading Style Sheet.
Cascading Style Sheet (CSS) dan HTML Form
PENGENALAN CSS CSS = Cascading Style Sheet Fungsi : mendefenisikan style untuk suatu teks dengan jenis huruf, ukuran, warna tertentu.
Cascading Style Sheet (CSS) dan HTML Form
INTERNET Internet adalah suatu jaringan global yang terbentuk dari jaringan-jaringan lokal dan regional, memungkinkan komunikasi data antar komputer-komputer.
Transcript presentasi:

Pengantar Teknologi Mobile XHTML – Mobile Profile

XHTML-MP XHTML MP (eXtensible HyperText Markup Languag Mobile Profile) adalah bahasa markup yang didefinisikan dalam WAP 2.0. WAP 2.0 adalah spesifikasi layanan bergerak terbaru yang dikeluarkan oleh WAP Forum (sekarang Open Mobile Alliance [OMA]). Spesifikasi WAP CSS (WAP Cascading Style Sheet or WCSS) juga didefinsikan dalam WAP 2.0. WAP CSS adalah pasangan XHTML MP dan keduanya digunakan bersama. Dengan WAP CSS, secara mudah Anda dapat mengubah dan memformat tampilan halaman XHTML MP.

XHTML-MP XHTML Mobile Profile adalah subset XHTML Tujuan XHTML MP adalah menggabungkan teknologi untuk mobile Internet browsing dan WWW. Sebelumnya, menggunakan WML/WMLScript untuk membuat WAP site, sedangkan untuk web site menggunakan HTML / XHTML dan CSS

Yang tidak didukung XHTML MP tidak mendukung decks and cards (<deck> dan <card>) XHTML MP tidak mendukung timers (<timer> dan event ontimer) XHTML MP tidak mendukung events (onenterbackward, onenterforward, ontimer, onpick)

XHTML tidak mendukung XHTML MP tidak mendukung variables Alternatif, semua diproses di sisi server XHTML MP tidak mendukung client-side scripting Alternatif, sedang dikembangkan ECMAScript Mobile Profile XHTML MP tidak mendukung programmable softkeys (<do>) Alternatif: menggunakan atribut accesskey pada elemen <a>, <input> XHTML MP tidak mendukung elemen <u> Alternatif: h1 { text-decoration: underline }

XHTML tidak mendukung XHTML MP tidak mendukung atribut form pada field input Alternatif: input { wap-input-format: "5N" } XHTML MP tidak mendukung posting data dengan anchor links

Perbandingan WML XHTML-MP

Sintaks Tag harus ditutup secara benar Tags dan attributes harus lowercase Nilai attribute harus ditutup dengan “ atau ‘ Tidak ada minimalisasi atribut Contoh : checked=“checked”, selected=“selected” Tag harus disarangkan dengan benar <p><i>test</i></p>

MIME Ada 3 tipe MIME yang dapat digunakan untuk dokumen XHTML MP application/vnd.wap.xhtml+xml application/xhtml+xml text/html Ekstensi file: .xhtml, .html, .htm

Struktur dokumen

META Didefinisikan dengan <meta> dalam <head></head> <meta name="author" content=“anton"/> Untuk cache-control: <meta http-equiv="Cache-Control" content="no- cache"/> <meta http-equiv="Cache-Control" content="max- age=300"/>

Meta refresh 15 detik <meta http-equiv="refresh" content="15;URL=helloWorldEg1.xhtml"/>

Font <b>Bold</b><br/> <i>Italic</i><br/> <b><i>Bold italic</i></b><br/> <small>Small</small><br/> <big>Big</big><br/> <em>Emphasis</em><br/> <strong>Strong</strong>

Pre

List

Image

Anchor

Table

Form <form method="get | post" action=“URL">...</form> Untuk mengirim data ke server, gunakan: <input type="submit“ value=“kirim”/> Untuk mereset value field form: <input type=“reset“ value=“default”/>

List tunggal

List multiple

Field teks <input type="text" name="myTextField" maxlength="16" value="Jack"/> <input type="password" name="name_for_this_element"/> <input type="hidden" name="temp_id" value="123456"/>

Checkbox dan radio Checkbox: <input type="checkbox" name=“tutorial" value="1"/> <input type="checkbox" name=“tutorial" value=“2"/> <input type="checkbox" name=“tutorial" value=“3" checked="checked"/> Radio Button: <input type="radio" name=“tutorial" value="1"/> <input type="radio" name=“tutorial" value="2"/> <input type="radio" name=“tutorial" value="3“ checked=“checked”/>

WAP CSS Style sheets memungkinkan isi suatu halaman dipisahkan dari presentasinya Isi yang sama dapat dilayout untuk platform yang beda dengan mengubah cssnya Style sheets juga memberikan pengontrolan lebih terhadap bagaimana aplikasi mobile tertampil Setiap aspek tampilan halaman WAP: posisi, font, warna, atribut teks, border, margin, dan alignment semua dapat didefinisikan dalam suatu style sheet.

Penerapan Style sheet eksternal <head> <title>External Style Sheet</title> <link href="stylesheet.css" rel="stylesheet" type="text/css" /> <link href="stylesheet.css" rel="stylesheet" type="text/css" /> </head> Elemen Style pada head dokumen <title>Internal Style Sheet</title> <style type=”text/css”> <style type=”text/css”> h1 {color: red} h1 {color: red} </style> </style> Inline style <p style="color:red" style="color:red">red</p>