Assalamu'alaikum
POKOK BAHASAN 1
HTML (Hypertext Markup Language)
HTML adalah (Hipertext
Markup Language) sebuah bahasa standar yang digunakan oleh browser 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 komputer dengan menggunakan localhost,
atau link yang menghubungkan antar situs dalam dunia internet.
Standar minimun elemen
HTML adalah :
·
Document
Type Declaration (DTD)
·
Head
·
Body
Mengawali
Dokumen HTML5
dokumen
HTML5 diawali dengan tag yang lebih sederhana dari pada HTML 4.01. cukup
mendeklarasikan kode berikut untuk menunjukkan sebuah dokumen HTML5.
<!DOCTYPE
html>
Hanya
dengan tag sederhana tersebut, anda sudah siap untuk melakukan scripting.
Berikut ini adalah contoh dari dokumen HTML5.
<!DOCTYPE
html>
<html>
<haed>
<title>Belajar
HTML</title>
</haed>
<body>
Belajar HTML pada praktikum
pemrograman web
</body>
Output :
POKOK BAHASAN II
CSS (Cascading Style Sheet )
Cascading Style Sheet
(CSS) merupakan aturan untuk mengendalikan beberapa komponen dalam sebuah web
sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa
pemograman.
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 tabel, ukuran border, warna border, warna hyperlink, warna mouse over,
spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan
parameter lainnya. CSS adalah bahasa style sheet yang digunakan untuk mengatur
tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman
yang sama dengan 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 pada tahun 1996. Setelah CSS
distandarisasikan, Internet Explorer dan Netscape melepas browser terbaru
mereka yang telah sesuai atau paling tidak hampir mendekati dengan standar CSS.
Versi
Untuk saat ini terdapat
tiga versi CSS, yaitu CSS1, CSS2, dan CSS3. CSS1 dikembangkan berpusat pada
pemformatan dokumen HTML, CSS2 dikembangkan untuk memenuhi kebutuhan terhadap
format dokumen agar bisa ditampilkan di printer, sedangkan CSS3 adalah versi
terbaru dari CSS yang mampu melakukan banyak hal dalam desain website. CSS3
mendukung penentuan posisi konten, downloadable, huruf font, tampilan pada
tabel /table layout dan media tipe untuk printer. Kehadiran versi CSS yang
ketiga diharapkan lebih baik dari versi pertama dan kedua.
POKOK BAHASAN III
JAVASCRIPT
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
diimplementasikan oleh klient, sedang java dikompikasi oleh program dan hasil
kompilasinya dijalankan oleh clien.
Struktur
Javascript
<script
language=”javascript”>
<!--
Penulisan
javascript kode
//-->
</script>
Keterangan
:
Kode
<!--//--> 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
atribut dari sebuah objek. Contoh: objek mobil mempunyai properti warna mobil.
Penulisan:
nama_objek.nama_properti=nilai
window.defaultstatus=”selamat belajar javascript”
metode
adalah
sekumpulan kode yang digunakn untuk melakukan sesuatu tindakan terhadap objek.
Penulisannya:
nama_objek.nama_method(parameter)
document.write(“hallo”)
POKOK BAHASAN IV
PHP
PHP
(Preprocesor Hypertext) adalah bahasa scripting yang menyatu dengan HTML
dan dijalankan pada server side. Artinya semua sintaks yang diberikan
akan sepenuhnya dijalakan 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 lainnya.
Beberapa
script dasar PHP
§ Menampilkan text
Echo “..text...<br>”
<br>:ganti
baris
§ Variabel
Untuk membuat variabel
diberi tanda dollar ($). Variabel berfungsi untuk menyimpan suatu nilai dan
dapat berubah-ubah. Penulisann variabel yang benar adalah :
-
Karakter
pertama tidak boleh berupa angka (harus berupa huruf atau garis bawah)
-
Tidak
mengandung spasi
-
Pemakaian
huruf kapital dan huruf kecil dibedakan
Contoh penulisan
variabel :
$data, $data1,$data_ku
PHP dapat anda Download
secara free atau cuma-Cuma. Kunjungi saja situs www.php.net,
dan download versi terbarunya.
Tag
dalam PHP
Banyakcarauntukmenyisipkan
php dalam script html, ada berbagai macam bentuk tag yang dapat digunakan,
antara lain :
a. Cara 1
<?php Menandai awal tag
..........
?> Menandai akhir tag
b. Cara 2
<? Menamdai awal tag
.........
?> Menamdai akhir tag
c. Cara 3
<% Menandai awal tag
.........
%> menandai akhir tag
Cara ini sama dengan
tag pada ASP. Opsi ini bisa dilakukan jika nilai asp_tags pada php ini bernilai
on.
d. Cara 4
<script
language=”php”> Menandai tag
awal
.........
</script> Menandai
akhir tag
Ada kalanya sebagai
pemrogram, karena banyaknya kode program atau variabel dalam program, perlu
menandai atau memberi komentar pada program. Komentar pada program merupakan
tulisan pada proram yang tidak dieksekusi. Pada PHP, ada 3 macam cara penulisan
:
a) /*komentar*/
Tulisan apapun yang
berada diantara ‘/*’ dan ‘*/’ akan dianggap sebagai komentar. Cara seperti ini
sangat berguna dan efisien untuk pemberian komentar yang memakan banyak baris.
b) //komentar
Tulisan di baris yang
setelah ‘//’ akan dianggap sebagai komentar. Cara ini berguna untuk pemberian
komentar singkat yang tak lebih dari 1 baris saja.
c) #komentar
Sama seperti ‘//’,
tulisan di baris yang sama setelah ‘#’ akan dianggap sebagai komentar. Cara ini
berguna untuk pemberian komentar singkat yang tak lebih dari 1 baris saja.
POKOK
BAHASAN V
Konektivitas
PHP dengan MYSQL
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. 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().
|
Sintaks :
$db :
berisi status koneksi kepada database.
$conn :
merupakan koneksi kepada server database yang berhasil.
Nama database :adalah nama database yang
akan dikenai proses.
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 : akan berupa record set apabila SQL
Statement berupa perintah select.
Contoh
SQL Statement : “SELECT * FROM MAHASISWA ORDER BY NIM”
4. Mengambil record dari database
a. mysql_fetch_array()
digunakan
untuk melakukan pemrosesan hasil query yang dilakukan dengan perintah mysql_query(),
dan memasukkannya ke dalam array asosiatif, array numeris atau keduanya.
|
Sintaks :
$row : adalah array satu record dari record
$hasil yang diproses nomor record sesuai dengan nomor urutdari 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.
POKOK
BAHASAN VI
DESAIN WEB MOBILE
DENGAN JQUERY MOBILE
jQuery
Mobile adalah framework berbasis jQuery yang memudahkan kita untuk membuat web
app untuk mobile. Selain jQuery Mobile sebenarnya banyak framework lain yang
dapat digunakan seperti Sencha, jTouch, DHTMLX, Jo, dan lainnya. Kelebihan jQuery
adalah :
- Support
banyak platform: Webkit(Android, iOS, Opera, Chrome), Firefox, mobile,
Windows Phone, Blackberry, Bada, Meego.
- Berbasis jQuery
yang populer.
- Penggunanya
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 HTML 5, 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
d. Images
e. Opera
Mobile Emulator download gratis.
Kesimpulan atas adalah menjelaskan
tentang Tugas Praktikum Pemrograman Berbasis Web
Semoga bermanfaat,
Sekian terimakasih.
WalaikumsalamWr. Wb.
umsida.ac.id | fst.umsida.ac.id
Tidak ada komentar:
Posting Komentar