Buku ini berisi cara membuat website dan mempelajari dasar-dasar pemrograman web dengan mudah, praktis dan cepat, disertai contoh latihannya. Penulis telah menyusun secara sistematis materi-materi dalam buku ini, antara lain untuk kebutuhan pelajar atau siapapun yang berkaitan dengan dasar-dasar web yang digunakan dalam bidang ilmu komputer. Kehadiran buku ini diharapkan dapat bermanfaat bagi pelajar atau siapapun dalam mempelajari dasar-dasar pemrograman web.
Kami berharap buku ini dapat bermanfaat bagi para pembaca, baik pelajar maupun siapapun yang dapat menggunakannya sebagai bahan referensi dalam pembelajaran. Buku ini disusun untuk memenuhi kebutuhan pelajar atau siapapun yang ingin mempelajari dasar-dasar pemrograman web. Buku Pemrograman Web disajikan secara praktis dan diharapkan dapat membekali mahasiswa atau siapapun yang mempelajari buku ini.
Tujuan akhir baik bagi pelajar maupun siapapun yang mempelajari buku ini adalah mampu mengimplementasikan bahasa pemrograman berbasis web dengan baik. Untuk itu penulis mengharapkan masukan dan kritik yang membangun dari berbagai pihak demi kesempurnaan buku ini di masa yang akan datang.
KONSEP DASAR WEB
- Pengertian Website
- Pengertian Pemrograman Web
- Bahasa Skrip Pemrograman Web
- Istilah-Istilah dalam Pemrograman Web
- Struktur Navigasi
- Struktur Navigasi Linier
- Struktur Navigasi Hirarki
- Text Editor
Struktur navigasi adalah skema hierarki situs web yang menggambarkan konten setiap halaman dan link. Struktur navigasi dapat dikatakan sebagai gambaran hubungan atau rantai kerja dari seluruh elemen yang akan digunakan dalam aplikasi. Kriteria yang digunakan dalam menggabungkan struktur navigasi adalah sebagai berikut: kebutuhan objek, kemudahan penggunaan, interaktivitas dan kemudahan pembuatan, yang mempengaruhi waktu pembuatan halaman web.
Dalam penggambarannya, struktur navigasi dibedakan menjadi 4 struktur yang berbeda yaitu: Linier, Non Linier, Hirarki (Hierarki) dan Komposit (Campuran). Struktur navigasi linier merupakan rangkaian urutan tampilan suatu halaman website yang ditampilkan secara berurutan sesuai urutannya. Struktur navigasi hierarki adalah struktur yang mengandalkan percabangan untuk menampilkan data berdasarkan kriteria tertentu.
Jika digambarkan, struktur navigasi hierarki suatu halaman web disebut halaman beranda (halaman utama pertama). Struktur navigasi campuran ini banyak digunakan dalam pembuatan website karena dapat memberikan tingkat interaksi yang lebih tinggi.
PENGENALAN HTML
Pengertian Hypertext Markup Language (HTML)
Struktur Dasar HTML
Pembuatan Tabel Menggunakan HTML
Menggabungkan sel
Pengertian PHP
PHP atau PHP Hypertext Preprocessor merupakan bahasa server-side scripting yang mampu mengurai kode PHP dari kode web yang berekstensi .php, sehingga menghasilkan tampilan website yang dinamis di sisi klien (browser). Dengan menambahkan skrip PHP, Anda dapat membuat halaman HTML lebih kuat, dinamis dan dapat digunakan sebagai aplikasi lengkap, misalnya portal web, e-learning, e-library, dll. Selanjutnya Rasmus merilis source codenya ke publik dan menamakannya PHP/FI sehingga banyak programmer yang tertarik untuk mengembangkan PHP.
Untuk membedakan kode PHP dengan kode HTML, kode PHP diberi tag pembuka di bagian depan dan tag penutup diberikan di akhir kode PHP. Hasil pengolahan kode PHP akan dikembalikan dalam bentuk kode HTML yang akan ditampilkan di browser. Pada modul ini bahasa pemrograman yang digunakan adalah PHP Versi 5, sehingga jenis tag yang akan digunakan adalah tag standar.
Contoh04.php merupakan contoh script PHP yang berdiri sendiri tanpa adanya script tambahan.
Perbedaan HTML dengan PHP
Meskipun bahasa yang digunakan merupakan bahasa tingkat tinggi, namun pemahamannya masih belum semudah bahasa biasa.
OPERATOR
Mengenal Operator
Jenis-Jenis Operator a. Operator Aritmatika
Operator perbandingan digunakan untuk menghasilkan 2 nilai yang hasil akhirnya berupa nilai boolean true dan false. Buatlah script menggunakan bahasa pemrograman PHP untuk menghitung volume kubus menggunakan fungsi operator aritmatika dan operator string dengan ketentuan sebagai berikut.
PENGENALAN FORM DAN PENGGUNAAN HTTP SERVER
Komponen Form
Pengolahan Data Dari Form
Website akan menerima masukan dari pengguna atau pengunjung dengan menggunakan metode GET dan POST. Buat file untuk menangani variabel yang disediakan oleh file methodget.php, beri nama file: methodgetproduk.php. Perhatikan record pada URL pada web browser, karena menggunakan metode GET maka data yang dikirimkan akan ditampilkan pada URL tersebut.
Buat file untuk memproses variabel yang diberikan oleh file methodpost.php, beri nama file: methodpostprocess.php. Perhatikan penulisan URL pada web browser, karena menggunakan metode POST maka data yang dikirimkan akan ditampilkan pada URL. Untuk membuat formulir masukan dan halaman untuk ditampilkan dalam satu file, Anda dapat menggunakan pernyataan.
Artinya, jika variabel yang dicari tidak kosong (yaitu ada), maka hanya akan ditampilkan, dan jika tidak ada maka tidak akan ditampilkan. Artinya, alamat promosi mengacu pada halaman itu sendiri dan bukan halaman lain.
PERCABANGAN
Pernyataan Seleksi
Prinsip kerjanya adalah perintah di atas dijalankan jika kondisi TRUE atau true, sedangkan jika kondisi FALSE maka pernyataan di atas tidak dijalankan.
Pernyataan If dan Else
Jika pernyataan else memberikan alternatif pilihan lain, maka pernyataan ElseIf dapat digunakan untuk merumuskan banyak alternatif pilihan (lebih dari dua pilihan). Salah satu kelebihan switch adalah Anda dapat segera mengevaluasi suatu pernyataan dan memesan lebih banyak tindakan.
PERULANGAN
Pengertian Dasar Perulangan
Pengertian Dasar Perulangan Pada PHP
Kegunaan sintaks for pada bahasa pemrograman PHP adalah untuk menentukan kondisi bilangan atau nilai yang ingin diulang “Variable = value; Variable < limit; Variable++”. Selanjutnya disinilah nilai $i berubah sebesar menjumlahkan setiap angka yang dimulai dari 1 ditambah 1 dengan menggunakan metode post-inrice, namun pada loop pertama tidak akan terjadi proses penjumlahan dan angka 1 akan tetap tercetak sebagai angka 1. Perulangan while mirip dengan for tetapi for untuk menentukan kondisi hanya menggunakan operator pembanding, misalnya $i <= limit.
Catatan: Perbedaan yang mencolok ketika menggunakan for adalah kondisinya tidak ditulis dalam satu perulangan, namun proses penjumlahan bilangan dengan metode post-increase ditulis dalam satu perulangan. Perbedaan mendasar antara perulangan Do-While dan perulangan While adalah pernyataan dieksekusi terlebih dahulu, kemudian kondisi dibaca. Sebenarnya yang menentukan perhitungannya adalah posisi operator pasca kenaikan ($i++), yaitu variabel akan dicetak terlebih dahulu baru kemudian ditambahkan nilai 1.
Terlihat terjadi perubahan pada prosesnya yaitu dijumlahkan terlebih dahulu sehingga menghasilkan angka 2 – 10 yang berbeda dengan sebelumnya. Jenis loop Foreach di PHP ini paling berbeda dengan loop sebelumnya, yaitu loop Foreach di PHP berguna untuk memisahkan isi dari sebuah array, atau lebih sederhananya menyederhanakan nilai-nilai array agar mudah dibaca. Terlihat bahwa kunci Variabel $ digunakan untuk menampilkan kunci dari array, berbeda dengan sebelumnya yang hanya menampilkan nilai saja.
LATIHAN
JAVASCRIPT
- Pengertian Javascript
- Latihan pembuatan koding javascript sederhana
- Pengertian CSS
- Beberapa hal yang dapat dilakukan dengan CSS
- Penulisan CSS
- Properti-properti CSS
- PADDING, MARGIN DAN BORDER
Simpan file html dengan nama index.html, ingat kedua file tersebut harus disimpan dalam satu folder. CSS adalah bahasa yang digunakan untuk mengedit tampilan suatu dokumen yang ditulis dalam bahasa markup. Berbicara dalam konteks web, dapat diartikan sebagai: CSS adalah bahasa yang digunakan untuk mengedit tampilan/desain halaman HTML.
Berisi aturan CSS yang terdiri dari properti dan nilainya, dipisahkan oleh titik dua. Memilih elemen (n) dari induk (elemen pembungkus) n dapat berarti barisan 1,2,3,…. Memilih elemen pertama dari tag tipe / tipe e) : tipe terakhir. Ditulis dengan CSS border: 1px dotted, urutan penggunaannya adalah ukuran border, style border dan warna border, atau bisa juga ditulis lengkapnya sebagai berikut.
Latihan CSS
Copy script berikut lalu simpan pada folder module_web1 yang bernama alat_css.html. Lorem Ipsum telah menjadi teks tiruan standar industri sejak abad ke-16, ketika seorang percetakan tak dikenal mengambil sebuah kumpulan teks dan mengubahnya menjadi buku bukti. Mulai populer pada tahun 1960 dengan diluncurkannya lembaran Letraset yang menggunakan kalimat-kalimat dari Lorem Ipsum, dan dengan munculnya perangkat lunak Desktop Publishing seperti Aldus PageMaker juga memiliki versi Lorem Ipsum.
.
Membuat Design Web Responsive Menggunakan CSS
Merancang Design Web Responsive mengunakan CSS
Merancang Halaman Index Web Responsive
Setelah selesai mengetikkan kode diatas, simpan filenya pada folder perpustakaan dengan nama index.html.
DAFTAR PUSTAKA
TENTANG PENULIS
Sinopsis Buku
