RANGKUMAN LAPORAN PEMPROGRAMAN BERBASIS WEB

                                                    



                                                                          Disusun Oleh :


                                                    Nama                : Ahmad Hayazee
                                                    NIM                  :  231080200116
                                                    Kelompok         :  6
BAB1

HTML (Hypertext Markup Language) adalah bahasa standar untuk membuat halaman web yang terdiri dari elemen utama seperti DTD, Head (meta, CSS, JavaScript), dan Body (konten tampilan). Struktur dasar HTML mencakup elemen seperti:

<!DOCTYPE html>
<html>
  <head></head>
  <body></body>
</html>

Versi terbaru, HTML5, membawa peningkatan dibandingkan HTML 4.01 dengan fitur seperti:

  • Elemen media: <canvas>, <video>, <audio>.
  • Penyimpanan lokal.
  • Tag baru: <article>, <footer>, <header>, <nav>, <section>.
  • Kontrol formulir modern.

HTML5 lebih fleksibel, modern, dan kompatibel dengan browser terkini.

BAB 2

CSS (Cascading Style Sheets):
CSS adalah aturan untuk mengatur tampilan dan format dokumen HTML agar lebih terstruktur.

  • Sejarah CSS:
    • CSS1 (1996): Pemformatan dasar HTML.
    • CSS2: Dukungan untuk printer dan fitur tambahan.
    • CSS3: Mendukung desain modern seperti posisi konten, font, dan media.
  • Metode Penulisan CSS:
    • Inline: Dalam tag HTML, hanya untuk elemen terkait.
    • Embedded: Dalam tag <style> pada bagian <head>.
    • External: File terpisah dengan ekstensi .css.
  • Contoh CSS:
    css

    h1 { color: #0789de; }


BAB 3

JavaScript:
JavaScript adalah bahasa skrip sisi klien yang menambah fungsi interaktif pada HTML.

  • Perbedaan dengan Java:
    • JavaScript diinterpretasikan; Java dikompilasi.
  • Struktur:
    Kode JavaScript ditulis dalam tag <script>:
    javascript
    <script language="javascript"> // Kode JavaScript </script>
    Komentar dapat digunakan untuk browser tanpa dukungan JavaScript.
  • JavaScript Berorientasi Objek:
    • Properti: Atribut objek, misalnya window.defaultstatus.
    • Metode: Fungsi pada objek, misalnya document.write()
  BAB 4

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

Fitur Dasar PHP:

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

Konektivitas PHP dengan MySQL

1. Membuka Koneksi ke MySQL:
Menggunakan fungsi mysql_connect() dengan sintaks:

<?php

$conn = mysql_connect("host", "username", "password"); ?>
  • Host: Alamat server MySQL.
  • Username: Nama pengguna dengan akses.
  • Password: Kata sandi pengguna.

2. Eksekusi Query:
Menggunakan fungsi mysql_query() untuk menjalankan perintah SQL. Contoh:

<?php

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

3. Mengambil Data Hasil Query:
Fungsi untuk memproses data hasil query:

  • mysql_fetch_array(): Mengembalikan data dalam array asosiatif dan numerik.
  • mysql_fetch_assoc(): Mengembalikan data dalam array asosiatif saja.
  • mysql_fetch_row(): Mengembalikan data dalam array numerik 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 yang mempermudah pembuatan aplikasi web mobile. Framework ini mendukung berbagai platform seperti Android, iOS, Windows Phone, dan Blackberry.

Kelebihan jQuery Mobile:

  • Mendukung berbagai platform (Android, iOS, Firefox Mobile, dll.).
  • Dibangun di atas jQuery yang populer.
  • Memiliki komunitas dan forum aktif.

Fitur jQuery Mobile:

  • Komponen UI: Button, listview, header, elemen form.
  • Dukungan HTML5.
  • Navigasi berbasis Ajax dan dukungan gestur sentuhan.

Persiapan Penggunaan:

  • File CSS: jquery.mobile-1.4.5.min.css.
  • File JavaScript: jquery-1.11.1.min.js dan jquery.mobile-1.4.5.min.js.
  • Dapat diunduh di: jquerymobile.com/download.

Komentar

Postingan populer dari blog ini

RANGKUMAN LAPORAN JARINGAN KOMPUTER