Rangkuman Praktikum Pemrograman Web

Nama : Novi Nur Malaita Sari
NIM : 171080200072
Kelas/Jurusan : 5A1/Informatika

------------------------------------------------------------------------

Rangkuman Pokok Bahasan I
HTML (Hypertext Markup Language)
     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 komputer dengan menggunakan localhost, atau link yang
menghubungkan antar situs dalam dunia internet.
Standar minimum elemen HTML adalah:
 Document Type Declaration (DTD)
 Head
 Body
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.

Rangkuman 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,
wama 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 sarna 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 CSSl, CSS2, dan CSS3. CSSI 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
Itable layout dan media tipe untuk printer. Kehadiran versi CSS yang ketiga diharapkan
lebih baik dari versi pertama dan kedua.
Penulisan
Saat masuk pada bagian CSS, sering dijumpai kode sebagai berikut:
hl {
color: #0789de; }
Bagian pertama sebelum tanda '{}' dinamakan selector, sedangkan yang diapit oleh '{}'
disebut declaration yang terdiri dari dua unsur, yaitu property dan value. Selector dalam
pernyataan di atas adalah hl , sedangkan color adalahproperty, dan #0789de adalah value.
Selain itu ada tiga metode penulisan CSS atribut, yaitu :
Inline Style Sheet
CSS didefmisikan lang sung pada tag HTML yang bersangkutan. Cara penulisannya cukup
dengan menambahkan atribut style=" ... " dalam tag HTML tersebut. Style hanya akan
berlaku pada tag yang bersangkutan, dan tidak akan memengaruhi tag HTML yang lain.
Embedded Style Sheet
CSS didefmisikan terlebih dahulu dalam tag <style> ... </style> di atas tag <body>. Pada
pendefmisian ini disebutkan atribut-atribut CSS yang akan digunakan untuk tag-tag
HTML, yang selanjutnya dapat digunakan oleh tag HTML yang bersangkutan.
 External Style Sheet
Menempatkan aturan CSS secara terpisah, style sheet external terhubung dengan
dokumen melalui elemen head. File style sheet text disimpan menggunakan ekstensi
.css.

Rangkuman Pokok Bahasan III
Java Scrip
     Java Script adalah bahasa skrip yang ditempelkan pada kode HTML dan diproses di sisi
klien. Dengan adanya bahasa ini, kemampuan dokumen HTML menjadi semakin luas.
Sebagai contoh, dengan menggunakan JavaScript dimungkinkan untuk memvalidasi
mesukan-masukan pada formulir sebelum formulir dikirimkan ke server.
JavaScript bukanlah bahasa Java dan merupakan dua bahasa yang berbeda. JavaScript
diinterpretasikan oleh klien (kodenya bias dilihat pada sisi klien), sedangkan kode Java
dikompilasi oleh pemrogram dam hasil kompilasinyalah yang dijalankan oleh klien.
Struktur JavaScript
Struktur dari JavaScript adalah sebagai berikut :
<script language = “JavaScript”>
<!—
Penulisan kode javascript
//-->
</script>
Keterangan :
Kode <!-- // -- > umumnya disertakan dengan tujuan agar sekiranya browser tidak
mengenali JavaScript maka browser akan memperlakukannya sebagai komentar
sehingga tidak ditampilkan pada jendela browser.
JavaScript sebagai bahasa berorientasi objek
Property
Property adalah atribut dari sebuah obyek. Contoh, obyek sebuah mobil punya
property warna mobil.
Penulisan :
Nama_objek.nama_properti = nilai
Window.defaultStatus = “Selamat Belajar JavaScript”;
Metode
Metode adalah suatu kumpulan kode yang digunakan untuk melakukan sesuatu
tindakan terhadap obyek.
Penulisan :
Nama_objek.nama_metode(parameter)
Document.write = (“Hallo”)
Letak JavaScript dalam HTML
Script JavaScript dalam dokumen HTML dapat diletakkan pada :
1. Bagian Head
2. Bagian Body (jarang digunakan)

Rangkuman 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
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 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. Penulisan variable yang benar adalah :
 Karakter pertama tidak boleh berupa angka (harus berupa huruf atau garis
bawah) Tidak mengandung spasi
 Pemakaian hurufkapital dan hurufkecil
dibedakan Contoh 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 terbarnnya.
Array
Array rnerupakan suatu variabel yang dapat berisi banyak data dalarn waktu yang sarna.
Pendefmisian Array dapat dibentuk dengan format berikut :
$nama_array = array(elemen_1,......,elemen_n);
Untuk rnenghitung jumlah elernen array digunakan fungsi countt), dengan
format count($narna _array)
 Operator
Dalarn PHP juga dapat rnelakukan proses operasi, baik itu penjumlahan, operasi logika,
ataupun operasi pernbanding.
 Konversi Tipe data
Fungsi- fungsi yang digunakan dalam PHP untuk mengkonversikan tipe data ke tipe data yang
lain yaitu dengan memberikan fungsi intval, doubleval, dan strval. Atau dengan menggunakan
teknik cast, yaitu dengan mengubah tipe ekspresi yang akan dikonversi.


Rangkuman Pokok Bahasan V
Konektivitas PHP dengan MySQL
   mysql_query
Digunakan untuk melakukan eksekusi perintah SQL untuk memanipulasi database yang berhasil
dilakukan koneksinya menggunakan mysql_select _db().
Sintaks $hasil = mysqI_query("SQL Statement");
$ hasil : akan berupa record set apabila SQL statement berupa perintah select
Contoh SQL Statement: "SELECT * FROM MAHASISWA ORDER BY NIM"
Mengambil record dari database
a. mysql_fetch_array()
Digunakan untuk melakukan pemrosesan hasil query yang dilakukan dengan perintah mysql
queryt), dan memasukkannya ke dalam array asosiatif, array numeris atau keduanya.
Sintaks : $row = mysql_fetch_array($hasil);
sesuai dengan nomor urut dari proses mysql , fetch_array yang sedang dilakukan. $hasil : adalah
record set yang akan diproses.
b. mysqI_fetch_assocO
Fungsi ini hampir sama dengan fungsi mysql fetch arrayt), hanya saja array yang dihasilkan
hanya array asosiati£
Sintaks : $row =mysql_fetch_assoc($hasil);
c. mysqI_fetch_rowO
Fungsi ini hampir sama dengan fungsi mysql fetch arrayt), hanya saja array yang dihasilkan
hanya array numens.
Sintaks : $row =mysql_fetch_row ($hasil);
d. mysql_num_rows()
Fungsi ini digunakan untuk menghitung jumlah record yang ada pada database
Sintaks : $jml = mysql_num_rows($hasil);
$jml : akan memiliki nilai sesuatu dengan jumlah record yang ada pada database.

Rangkuaman 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 sebenamya banyak ramework lain yang dapat
digunakan seperti Sencha, jTouch, DHTMLX Touch, 10 dan lainnya. Kelebihan jQuery
adalah:
1. Support banyak platform: Webkit (Android, iOS, Opera, Chrome), Firefox
mobile, Windows Phone, Blackberry, Bada, Meego.
jQuery Mobile menyediakan komponen VI widget seperti button, listview, header dan elemen
form dan navigasi.Kode ini dibangun olehjQuery dan terns dikembangkan oleh
pengembangnya secara aktif untuk memperbaiki bug-bug yang ada diaplikasi ini, Banyak
frtur yang ditawarkan dalam framework ini termasuk dukungan HTML5, Ajax-powered
navigasi link, dan sentuhan/atau navigasi gesekan.


Backlink :

0 komentar