RANGKUMAN PRAKTIKUM PEMROGRAMAN BERBASIS WEB
Assalamu’alaikum Wr. Wb., Nama saya Fajar Muhammad, Saya Mahasiswa Universitas
Muhammadiyah Sidoarjo Semester 3 Program Studi Informatika Fakultas Sains &
Teknologi.
Silahkan akses link berikut: Universitas
Muhammadiyah Sidoarjo atau Fakultas Sains dan Teknik Universitas Muhammadiyah Sidoarjo
Nama : Fajar Muhammad
NIM : 191080200075
Kelas : 3A1-Informatika
POKOK BAHASAN 1
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 computer 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.
Meta Dokumen
Elemen meta sebagai identitas dari halaman web yang
bias a terdiri dari owner, keyword, layout, ataupun inisialisasi proses seperti
refresh.
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 baru dan kemudahan penggunaan tag-tag html.
POKOK BAHASAN 2
CSS (Cascading Style Sheet)
Cascading Style Sheet (CSS) merupakan aturan untuk
mengendalikan beberapa komponen dalams ebuah web sehingga akan lebih
terstruktur dan seragam. CSS bukan merupakan bahasa pemrograman.
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, spasi antar
paragraph, 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.
Penulisan
Saat masuk pada bagian CSS, sering dijumpai kode sebagai berikut:
h1 {Bagian pertama sebelum tanda ‘{}’ dinamakan selector,
sedangkan yang diapitoleh ‘{}’ disebut declaration yang terdiri dari dua unsur,
yaitu property dan value. Selector dalam pernyataan di atas adalah h1,
sedangkan color adalah property, dan #0789de adalah value. Selain itu ada tiga
metode penulisan CSS atribut, yaitu:
- Inline Style Sheet
CSS didefinisikan langsung 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 didefinisikan terlebih dahulu dalam tag di atas
tag. Pada pendefinisian 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 shet
external terhubung dengan dokumen melalui elemen head. File style sheet text
disimpan menggunakan ekstensi .css.
POKOK BAHASAN 3
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 diinterpretasikan oleh klient, sedang java dikompilasi oleh program dan hasil kompilasinya dijalankan oleh client.
Struktur JavascriptJavascript sebagai bahasa berorientasikan objek
Properti
Adalah
atribut 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
POKOK BAHASAN 4
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 lannya.
Tag dalam php
Banyak cara untuk menyisipkan 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
<?
Menandai awal tag
……..
?>
Menandai 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 awal tag
……...
</script>
Menandai akhir tag
Array
Array
merupakan suatu variable yang dapat berisi banyak data dalam waktu yang sama.
Pendefinisian
Array dapat dibentuk dengan format berikut:
$nama_array = array(elemen_1, … , elemen_n);
Untuk
menghitung jumlah elemen array digunakan fungsi count(), dengan format
count($nama_array)
Konektivitas PHP dengan MySQL
Langkah - langkah koneksi PHP-MYSQL.
1. Membuka koneksi ke
server MySQL
mysql_connect( )
Digunakan untuk melakukan uji dan koneksi kepada server database MySQL.
Sintaks :
$conn =
mysql_connect (“host”,”username”,”password”);
$conn : adalah nama
variabel 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 =
mysql_select_db(“’namadatabase”,$conn);
$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 = mysql_query(“SQL
Statement”);
$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 kedalam
array asosiatif, array numeris atau keduanya.
Sintaks :
$row =
mysql_fetch_array($hasil);
$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 :
$row =
mysql_fetch_assoc($hasil);
c. mysql_fetch_row()
Fungsi ini hampir sama
dengan fungsi mysql_fetch_array(), hanyasaja array yang dihasilkan hanya
array numeris.
Sintaks :
$row = mysql_fetch_row($hasil);
d. mysql_num_rows()
Fungsi ini digunakan untuk
menghitung jumlah record yang ada pada databse.
Sintaks :
$row = mysql_num_row($hasil);
$jml
: akan memiliki nilai sesuai dengan jumlah record yang ada.
POKOK BAHASAN 6
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 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 populer.
3.
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.
PENUTUP
Sekian rangkuman yang bisa saya ambil dari praktikum pemrograman berbasis web, semoga ini
bermanfaat bagi kita semua dan bila ada salah kata di dalam blog yang
saya tulis, saya meminta maaf yang sebesar – besarnya. Sekian dan terima kasih.
Wassalamu’alaikum Wr. Wb.