HTML adalah, (Hypertext Markup Language) sebuah bahasa
standar yang digunakan oleh browser internet untuk membuat halaman dan dokumen
pada sebuah Web yang kemudian dapat diakses dan dibaca layaknya sebuah artikel.
HTML juga dapat digunakan sebagai link-link antara file-file dalam situs atau
dalam computer dengan menggunakan localhost, atau link yang menghubungkan antar
situs dalam dunia internet.
Standar minimum elemen HTML adalah:
· Document
Type Declaration (DTD)
· Head
·
DTD
Sebagai standar versi dokumen W3C yaitu suatu
deklarasi yang digunakan untuk mengidentifikasi jenis dokumen HTML yang
digunakan sehingga browser dapat menentukan bagaimana memperlakukan kode
tersebut.
Contoh DTD pada HTML versi 4:
<!DOCTYPE HTML PUBLIC "-//W3C/IDTD HTML 4.01
Transitional/lEN" ''http://www . w3.orglTRlhtml4/loose.dtd">
Meta Dokumen
Elemen meta sebagai identitas dari halaman web yang
bias a terdiri dari owner, keyword, layout, ataupun inisialisasi proses
seperti refresh.
Contoh:
· <meta
http-equiv="Content-Type" content="text!html;
charset=UTF-8" />
· <meta
name="keywords" content="blog, web development, indonesia, html,
css" I> • <meta name="description" content="Tentang
dasar-dasar HTML" />
Keterangan tag-tag lainnya dapat dilihat pada
tabel 1 dibawah.
Pada perkembangannya, versi HTML yang mulai dipakai
saat ini adalah
HTML5 (
HTML Versi 5) yang merupakan standar baru pada pemrograman web berbasis HTML.
HTML5 menawarkan fitur barn dan kemudahan penggunaan tag-tag html. HTML5
menggantikan versi HTML sebelumnya, HTML 4.01 yang diperkenalkan pada 1999.
Sejak saat itu, telah terjadi banyak perubahan pada web. Walaupun HTML5 masih
dalam tahap pengembangan, namun browserbrowser modern sudah banyak yang
mendukung standar HTML baru ini. Untuk tag-tag html versi sebelumnya masih
dipakai di modul ini.
Fitur Baru HTML5
HTML5 menawarkan banyak fitur yang menarik. Berikut
ini adalah beberapa fitur HTML5 yang cukup menarik.
* Tag <canvas> untuk menggambar 2D
* Tag <video> dan <audio> untuk media
playback * Mendukung penyimpanan lokal
* Tag khusus, <article>, <footer>,
<header>, <nav>, <section>
* Kontrol barn pada form, seperti
kalender,tanggal, waktu, email, url, dan search
Javascript adalah bahasa scrip yang ditempel pada kode
HTML dan diproses disisi klient. Dengan adanya bahasa ini, kemampuan HTML
menjadi semakin luas. Contoh: untuk menvalidasi masukan pada formulir sebelum
formulir dikirim ke server.
Javascript bukan bahasa java dan merupakan dua bahasa
yang berbeda. Javascript diinterpretasikan oleh klient, sedang java dikompilasi
oleh program dan hasil kompilasinya dijalankan oleh clien.
Struktur Javascript
<script language=”javascript”>
<!—
Penulisanjavascriptkode
//-->
</script>
Keterangan <!--//--> umumnya disertakan dengan
tujuan agar sekiranya browser tidak mengenali javascript maka browser akan
memperlakukannya sebagai komentar sehingga tidak di tampilkan dijendela
browser.
Javascript sebagai bahasa berorientasikan objek
Properti
Adalah atibut dari sebuah objek. Contoh: objek mobil
mempunyai property warna mobil.
Penulisan:
nama_objek.nama_properti=nilai
window.defaultstatus=”selamat belajar javascript”
Metode
Adalah sekumpulan kode yang digunakan untuk melakukan
sesuatu tindakan terhadap objek.
Penulisannya:
nama_objek.nama_method(parameter)
document.write(“halo”)
Letak javascript dalam HTML
Skrip javascript dalam dokumen HTML dapat diletakkan
pada:
1. Bagian head
2. Bagian body
PHP (preprocessor Hypertext) adalah bahasa scripting yang
menyatu dengan HTML dan dijalankan pada server side. Artinya semua sintaks
yang diberikan akan sepenuhnya dijalankan pada server sedangkan yang dikirimkan
ke browser hanya hasilnya saja berupa HTML. Untuk membedakan perintah HTML dan
PHP digunakan tanda <? … ?>atau<?php … ?>
PHP dapat diaplikasikan dengan berbagai macam
database, seperti MySQL, PostgreSQL,, Oracle, dan lannya.
Beberapa script dasar PHP
· Menampilkan text
Echo”..text…<br>”
<br> : ganti baris
· Variable
- Untuk
membuat variable diberi tanda dollar ($). Variable berfungsi untuk menyimpan
suatu nilai dan dapat berubah-ubah. Penulisan variable yang benar adalah :
- Karakter
pertama tidak boleh berupa angka (harus berupa huruf atau garis bawah)
- Tidak
mengandung spasi
- Pemakaian
huruf capital dan huruf kecil dibedakan
Contoh penulisan variable :
$data, $data1, $data_ku
PHP dapat anda Download secara free atau cuma-cuma.
Kunjungi saja situs www.php.net, dan
download versi terbarunya.
Langka-langkah koneksi PHP-MySQL
1. Membuka koneksi ke server
MySQL
mysql_conner
digunakan untuk melakukan uji dan koneksi kepada server
database MySQL.
Sintaks :
$conn : adalah nama variable penampung status
hasil koneksi kepada database.
Host : adalah nama host atau alamat
server database MySQL.
Username :
adalah nama user yang telah diberi hak untuk dapat mengakses server database
Password :
adalah kata sandi untuk username untuk dapat masuk kedalam database.
2. Mengambil sebuah query dari
sebuah database.
Mysql_query()
Digunakan untuk melakukan eksekusi perintah SQL untuk
memanipulasi database yang berhasil dilakukan koneksinya menggunakan
mysql-select_db().
Sintaks :
$hasil : akan berupa record set apabila
SQL Statement berupa perintah select.
Contoh SQL Statement : “SELECT * FROM MAHASISWA
ORDER BY NIM”
3. Mengambil record dari
database
a. mysql_fetch_array()
digunakan untuk melakukan pemrosesan hasil query yang
dilakukan dengan perintah mysql_query(), dan memasukkannya kedalam array
asosiatif, array numeris atau keduanya.
Sintaks :
$row : adalah array satu record dari
record $hasil yang diproses nomor record sesuai dengan nomor urut dari proses
mysql_fetch_array yang sedang dilakukan.
$hasil : adalah record set yang akan
diproses.
b. mysql-fetch_assoc()
Fungsi ini hampir sama dengan fungsi
mysql_fetch_array(), hanya saja array yang dihasilkan hanya array asosiatif.
Sintaks :
c. mysql_fetch_row()
Fungsi ini hampir sama dengan fungsi
mysql_fetch_array(), hanyasaja array yang dihasilkan hanya array numeris.
Sintaks :
d. mysql_num_rows()
Fungsi ini digunakan untuk menghitung jumlah record
yang ada pada databse.
Sintaks :
$jml : akan memiliki nilai
sesuai dengan jumlah record yang ada.
jQuery Mobile adalah framework berbasis jQuery yang
memudahkan kita untuk membuat web app untuk mobile. Selain jQuery mobile
sebenarnya banyak frame work lain yang dapat digunakan seperti Sencha, jTouch,
DHTMLX Touch, Jo dan lainnya.
Kelebihan jQuery adalah:
1. Support banyak platform:
Webkit (Android, iOS, Opera, Chrome), Firefox mobile, Windows Phone, Blackberry,
Bada, Meego.
2. Berbasis JQuery yang
popular.
3. Penggunaanya banyak dan
forum aktif.
jQuery mobile menyediakan komponen UI widget seperti
button, listview, header dan elemen form dan navigasi. Kode ini dibangun oleh
jQuery dan terus dikembangkan oleh pengembangnya secara aktif untuk memperbaiki
bug-bug yang ada diaplikasi ini. Banyak fitur yang ditawarkan dalam framework
ini termasuk dukungan HTML5. Ajax-powered navigasi link, dan sentuhan/atau
navigasi gesekan.
Sebelum melakukan praktikum Desain Web Mobile dengan
jQuery Mobile ini, yang perlu disiapkan adalah:
a. jquery.mobile-1.3.2.min.css
b. jquery-1.9.1.min.js
c. jquery.mobile-1.3.2.min.js
Komentar
Posting Komentar