RANGKUMAN PRAKTIKUM PEMROGRAMAN BERBASIS WEB

PEMROGRAMAN BERBASIS WEB

Disusun Oleh :

Nama           :  Tita Lintang Ingrid Tifany

NIM             :  231080200114

Kelompok    :  6

Assalamualaikum Wr. Wb
Materi yang saya lampirkan merupakan hasil rangkuman dari materi praktikum Pemrograman Berbasis Web Dalam satu semester ini dan menjadi salah satu syarat untuk memenuhi tugas praktikum Pemrograman Berbasis Web. Saya merupakan Mahasiswa Universitas Muhammadiyah Sidoarjo Program Studi Informatika. 

BAB 1
HTML (Hypertext Markup Language)

HTML (Hypertext Markup Language) adalah bahasa standar untuk membuat halaman web yang dapat diakses melalui browser. Elemen utama HTML meliputi DTD, Head (konten pendukung seperti meta, CSS, dan JavaScript), dan Body (konten tampilan web).

Contoh struktur HTML
<!DOCTYPE html>
<html>
  <head>
    <!-- Elemen pendukung seperti title dan meta -->
  </head>
  <body>
    <!-- Elemen tampilan web -->
  </body>
</html>

Versi terbaru, HTML5, menggantikan HTML 4.01 dengan fitur baru seperti:

  1. <canvas> untuk grafik,
  2. <video> dan <audio> untuk media,
  3. Penyimpanan lokal,
  4. Tag khusus: <article>, <footer>, <header>, <nav>, <section>,
  5. Kontrol form baru seperti tanggal dan pencarian.

HTML5 lebih modern, fleksibel, dan didukung browser terkini.


BAB 2
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 pemrograman.

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. 

Metode Penulisan CSS

  1. Inline: Langsung pada tag HTML, berlaku hanya untuk elemen tersebut.
  2. Embedded: Didefinisikan dalam tag <style> di bagian <head>.
  3. External: File terpisah dengan ekstensi .css yang dihubungkan ke dokumen HTML.
Contoh CSS
h1 {
  color: #0789de;
}

BAB 3
JavaScript

JavaScript adalah bahasa skrip yang dijalankan di sisi klien dan digunakan untuk menambah fungsi pada HTML, seperti validasi formulir. JavaScript berbeda dari Java; JavaScript diinterpretasikan, sedangkan Java dikompilasi.

Struktur JavaScript

Kode JavaScript ditulis dalam tag <script>:

javascript
<script language="javascript">
  // Kode JavaScript
</script>

Komentar <!-- //--> digunakan agar kode dianggap sebagai komentar jika browser tidak mendukung JavaScript.

JavaScript Berorientasi Objek

  1. Properti: Atribut dari sebuah objek.
    Contoh: window.defaultstatus = "Selamat belajar JavaScript";
  2. Metode: Fungsi yang dijalankan pada objek.
    Contoh: document.write("Halo");

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

PHP (Preprocessor Hypertext) adalah bahasa skrip yang dijalankan di sisi server. PHP menyatu dengan HTML, tetapi hanya hasilnya berupa HTML yang dikirimkan ke browser. PHP mendukung berbagai database seperti MySQL, PostgreSQL, dan Oracle.

Fitur Dasar PHP

  1. Menampilkan Teks:
    Contoh: echo "Teks<br>"; (<br> untuk ganti baris).
  2. Variabel:
    • Diawali tanda $ (misalnya $data).
    • Tidak boleh diawali angka atau mengandung spasi.
    • Sensitif terhadap huruf besar dan kecil.

BAB 5
Konektivitas PHP dengan MySQL

Langkah Koneksi PHP-MySQL

  1. Membuka Koneksi ke MySQL
    Fungsi mysql_connect() digunakan untuk menghubungkan PHP ke server MySQL dengan sintaks:

    php
    $conn = mysql_connect("host", "username", "password");
    • Host: Alamat server MySQL.
    • Username: User yang diberi akses.
    • Password: Kata sandi untuk user.

  2. Eksekusi Query
    Fungsi mysql_query() digunakan untuk menjalankan perintah SQL. Contoh:

    php
    $hasil = mysql_query("SELECT * FROM MAHASISWA ORDER BY NIM");

  3. Mengambil Data Hasil Query

    • mysql_fetch_array(): Mengembalikan data dalam array asosiatif dan numeris.
    • mysql_fetch_assoc(): Mengembalikan data dalam array asosiatif saja.
    • mysql_fetch_row(): Mengembalikan data dalam array numeris saja.
    • mysql_num_rows(): Menghitung jumlah record dari hasil query.

Contoh:

php
$jml = mysql_num_rows($hasil);

BAB 6
Desain Web Mobile dengan jQuery Mobile 

jQuery Mobile adalah framework berbasis jQuery untuk mempermudah pembuatan web aplikasi mobile. Framework ini mendukung banyak platform, seperti Android, iOS, Windows Phone, dan Blackberry, serta berbasis jQuery yang populer dengan komunitas aktif.

Kelebihan jQuery Mobile

  1. Mendukung berbagai platform (Android, iOS, Firefox Mobile, dll.).
  2. Dibangun di atas jQuery yang banyak digunakan.
  3. Komunitas dan forum aktif.

Fitur jQuery Mobile

  • Komponen UI seperti button, listview, header, dan elemen form.
  • Dukungan HTML5.
  • Navigasi berbasis Ajax dan gestur sentuhan/gesekan.

Persiapan untuk Penggunaan

  1. File CSS: jquery.mobile-1.4.5.min.css.
  2. File JavaScript: jquery-1.11.1.min.js dan jquery.mobile-1.4.5.min.js.
  3. Images dan Web Browser.
    File dapat diunduh di jquerymobile.com/download.

Komentar

Posting Komentar

Postingan populer dari blog ini

SISTEM DIGITAL

Gambar
  RANGKUMAN SISTEM DIGITAL Disusun Oleh: Nama: Tita Lintang Inggrid Tifany NIM: 231080200114 Kelompok: 6 MODUL 1     Gerbang logika adalah elemen dasar dari rangkaian digital yang berfungsi sebagai bangunan dasar bagi operasi logika yang lebih kompleks. Gerbang logika bekerja berdasarkan sistem bilangan biner, yang hanya menggunakan dua simbol yaitu O dan 1. Gerbang logika dasar biasanya termasuk gerbang AND, OR, NOT, NAND, NOR, XOR dan XNOR .  1. Gerbang AND         Gerbang AND memerlukan 2 atau lebih Masukan (Input) untuk menghasilkan hanya 1 Keluaran (Output). Gerbang AND akan menghasilkan Keluaran (Output) Logika 1 jika semua masukan (Input) bernilai Logika 1 dan akan menghasilkan Keluaran (Output) Logika O jika salah satu dari masukan (Input) bernilai Logika O. Rangkaian AND dinyatakan sebagai Z = A*B atau Z=AB (tanpa symbol)     2. Gerbang OR         Gerbang OR memerlukan 2 atau lebih Masukan (Input) untuk me...
Baca selengkapnya

RANGKUMAN PRAKTIKUM JARINGAN KOMPUTER

Gambar
RANGKUMAN   JARINGAN KOMPUTER Disusun Oleh : Nama           :  Tita Lintang Ingrid Tifany NIM             :  231080200114 Kelompok    :  7 Assalamualaikum Wr. Wb Materi yang saya lampirkan merupakan hasil rangkuman dari materi praktikum Jaringan Komputer Dalam satu semester ini dan menjadi salah satu syarat untuk memenuhi tugas praktikum Jaringan Komputer . Saya merupakan Mahasiswa Universitas Muhammadiyah Sidoarjo Program Studi Informatika.  BAB 1 Teori Dasar Jaringan dan Pengenalan RouterOS TOPOLOGI JARINGAN            Terdapat beberapa macam topologi yang digunakan dalam pembuatan            jaringan komputer ini antara lain Bus, Ring, Star. Topologi jaringan ini adalah            merupakan Arsitruktur Jaringan Komputer secara fisik. NETWORK INTERFACE CARD (NIC)         ...
Baca selengkapnya