RANGKUMAN
PEMOGRAMAN BERBASIS WEB
MODUL 1
Modul ini kita mencoba
mebuat web dengan HTML. 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.
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" />
MODUL 2
Cascading
Style Sheet (CSS) merupakan aturan untuk mengendalikan beberapa komponen dalams
ebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan
bahasa pemrograman.
Sama
halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat
mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images,
dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas
(file).
Pada
umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan
bahasa HTML dan XHTML. CSS dapat mengendalikan ukuran gambar, warna bagian
tubuh pada teks, warna table, ukuran border, warna border, warna hyperlink,
warna mouse over, spasiantar paragraph, spasiantarteks, margin kiri, kanan,
atas, bawah, dan parameter lainnya. CSS adalahbahasa style sheet yang digunakan
untuk mengatur tampilan dokumen. Dengan adanya CSS
memungkinkankitauntukmenampilkanhalaman yang samadengan format yang berbeda.
Sejarah
CSS
Nama CSS didapat dari fakta bahwa setiap deklarasi style yang
berbeda dapat diletakkan secara berurutan, yang kemudian membentuk hubungan
ayah-anak (parent-child) pada setiap style. CSS sendiri merupakan sebuah
teknologi internet yang direkomendasikan oleh World Wide Web Consortium atau
W3C padatahun 1996. Setelah CSS distandarisasikan, Internet Explorer dan
Netscape melepas browser terbaru mereka yang telah sesuai atau paling tidak
hampir mendekati dengan standar CSS.
MODUL 3
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.
MODUL 4
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
MODUL 5
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
= mysql_connect (“host”,”username”,”password”);
2. Memilih
database yang akan digunakan di server
mysql_select_db
digunakan untuk melakukan koneksi kepada
database yang dalam server yang berhasil
dikoneksi dengan perintah mysql_connect().
$db
= mysql_select_db(“’namadatabase”,$conn);
Sintaks :
3. 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 = mysql_query(“SQL Statement”);
4. 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.
$row
= mysql_fetch_array($hasil);
Sintaks :
b. mysql-fetch_assoc()
Fungsi ini hampir sama dengan
fungsi mysql_fetch_array(), hanya saja array yang dihasilkan hanya array
asosiatif.
$row = mysql_fetch_assoc($hasil);
Sintaks :
c. mysql_fetch_row()
Fungsi ini hampir sama dengan
fungsi mysql_fetch_array(), hanyasaja array yang dihasilkan hanya array
numeris.
$row = mysql_fetch_row($hasil);
Sintaks :
d. mysql_num_rows()
Fungsi ini digunakan untuk
menghitung jumlah record yang ada pada databse.
$row = mysql_num_row($hasil);
Sintaks :
MODUL 6
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.
Komentar
Posting Komentar