Rangkuman Praktikum Pemrograman Web

A. HTML

HTML adalah singkatan dari (Hypertext Markup Language). HTML memungkinkan seorang user untuk membuat dan menyusun bagian paragraf, heading, link atau tautan, dan blockquote untuk halaman web dan aplikasi.

HTML bukanlah bahasa pemrograman, dan itu berarti HTML tidak punya kemampuan untuk membuat fungsionalitas yang dinamis. Sebagai gantinya, HTML memungkinkan user untuk mengorganisir dan memformat dokumen, sama seperti Microsoft Word.

Dokumen HTML adalah file yang diakhiri dengan ekstensi .html atau .htm. Ekstensi file ini bisa dilihat dengan mengunakan web browser apa pun (seperti Google Chrome, Safari, atau Mozila Firefox). Browser tersebut membaca file HTML dan me-render kontennya sehingga user internet bisa melihat dan membacanya.

B. CSS

CSS adalah bahasa (Cascading Style Sheet) dan biasanya digunakan untuk mengatur tampilan elemen yang tertulis dalam bahasa markup, seperti HTML. CSS berfungsi untuk memisahkan konten dari tampilan visualnya di situs.

HTML dan CSS memiliki keterikatan yang erat. Karena HTML adalah bahasa markup (fondasi situs) dan CSS memperbaiki style (untuk semua aspek yang terkait dengan tampilan website), maka kedua bahasa pemrograman ini harus berjalan beriringan.Tak hanya penting di sisi teknis, CSS juga berpengaruh pada tampilan sebuah website.

C. JAVA SCRIPT

JavaScript adalah salah satu bahasa pemrograman yang paling banyak digunakan dalam kurun waktu dua puluh tahun ini. Bahkan JavaScript juga dikenal sebagai salah satu dari tiga bahasa pemrograman utama bagi web developer:

1. HTML: Memungkinkan Anda untuk menambahkan konten ke halaman web.
2. CSS: Menentukan layout, style, serta keselarasan halaman website.
3. JavaScript: Menyempurnakan tampilan dan sistem halaman web.

Biasanya JavaScript  di-embbed secara langsung ke halaman website atau diarahkan melalui file .js yang terpisah. JavaScript merupakan bahasa dari sisi klien yang berarti script diunduh di perangkat yang dimiliki oleh pengunjung situs Anda, lalu diproses di sana. Berbeda dengan halnya bahasa di sisi server yang dijalankan pada server sebelum bahasa pemrograman tersebut mengirimkan file ke pengunjung situs.

Fungsi JavaScript, atau yang sering disingkat JS, adalah menjadikan website lebih interaktif. Scriptnya dijalankan di browser user alih-alih server, dan biasanya masuk ke library pihak ketiga untuk menyediakan fungsionalitas tingkat lanjut tanpa mengharuskan developer melakukan coding dari awal.

D. PHP

PHP merupakan singkatan dari (Hypertext Preprocessor) adalah bahasa pemrograman yang digunakan untuk membuat sebuah website yang dinamis.PHP juga merupakan salah satu bahasa pemrograman yang termasuk ke dalam Server Side Scripting.

Karena bahasa pemrograman PHP ternyata diproses pada web server, sehingga semua kode-kode yang ditulis menggunakan PHP akan dijalankan dan disimpan di web server.

Contoh dari web server yang paling banyak digunakan yaitu Apache dan Nginx. Jadi untuk membuat website menggunakan PHP kita membutuhkan salah satu aplikasi web server tersebut  untuk menjalankan file-file atau kode-kode PHP yang sudah kita tulis.

Hanya dengan kode-kode HTML dan CSS sebetulnya kita sudah bisa membuat website, namun website tersebut sifatnya masih statis, tidak bisa melakukan interaksi yang kompleks dengan pengguna.

Setelah adanya PHP, pengembangan website dinamis bisa dilakukan dengan mudah. Karena kode-kode pemrograman PHP bisa disisipkan di dalam kode HTML atau bisa dikombinasikan dengan pemrograman lain.

E. Konektivitas PHP dengan MySQL

Menghubungkan PHP dan database adalah suatu keharusan yang dasar dalam pemrograman web. Karena dengan menghubungkan PHP dan database, kita bisa mengakses database untuk berinteraksi lbih lanjut. Contohnya seperti menginput data ke database, menampilkan data dari database, mengedit data dari database, menghapus data dari database. Serta interaksi data ke database lainnya yang akan kita lakukan.

Langkah-langkah koneksi PHP-MySQL

 1. Membuka koneksi ke server MySQL mysqI_connect()

Digunakan untuk melakukan uji dan koneksi kepada server database MySQL.

Sintaks :

$conn = mysqI_ connect ("host" ,"username" ,"password");

2. Memilih database yang akan digunakan di server mysqI_select_dbO

Digunakan untuk melakukan koneksi kepada database yang dalam server yang berhasil dikoneksi dengan perintah mysql_ connectt),

Sintaks :

$db = mysqI_select _ db("namadatabase" ,$conn);

$db                  : berisi status koneksi kepada database.

$conn              : merupakan koneksi kepada server database yang berhasil.

namadatabase : adalah nama database yang akan dikenai proses.

3. Mengambil sebuah query dari sebuah database.

a. 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"

4. 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.

F. DESAIN WEB MOBILE DENGAN JQUERY MOBILE

JQuery Mobile pada prinsipnya adalah sebuah web framework atau bingkai kerja siap pakai yang ramah untuk gadget dengan desain layar sentuh. Framework sendiri intinya adalah sebuah format siap pakai yang bisa Anda gunakan untuk desain website Anda sehingga Anda tidak direpotkan dengan banyak kode dan fungsi yang memusingkan.

JQuery Mobile dikembangkan dengan tujuan memudahkan pembuatan framework yang cocok dengan perangkat layar sentuh pada smartphone dan tablet. HTML 5 merupakan basis dari interface atau antar muka dari JQuery Mobile. Dengan adanya JQuery Mobile maka suatu website sangat mungkin ditampilkan dalam versi mobile dengan interaktifitas yang konsisten.

 LINK

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

KLIK DISINI <---- Umsida

KLIK DISINI <---- Fst Umsida

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

Created by Arsha Setya Pradita - 171080200186