Dilarang memperbanyak atau memindahkan sebagian atau seluruh isi buku ini dalam bentuk apa pun, baik elektronik maupun mekanis, termasuk fotokopi, perekaman, atau teknik perekaman lainnya, tanpa izin tertulis dari penerbit. Oleh karena itu, penulis mengucapkan terima kasih kepada semua pihak yang telah membantu dalam proses penyusunan buku ajar ini hingga dapat berakhir dengan baik. Penulisan teks ini masih mempunyai banyak kekurangan, sehingga kritik dan saran demi perbaikan tulisan dimasa yang akan datang.
Akhir kata, semoga buku ini dapat bermanfaat bagi penulis pada khususnya dan bagi pembaca yang berminat pada umumnya.
DAFTAR TABEL
KONSEP DASAR WEB
Dasar Website
Dikatakan statis jika isi informasinya tetap dan isi informasinya hanya berasal dari pemilik website, sedangkan web bersifat dinamis jika isi informasinya terus-menerus berubah dan dapat diubah oleh pemilik website dan penggunanya. HTTP merupakan protokol yang mentransmisikan berbagai informasi dari server website yang ditampilkan kepada pengguna melalui web browser.” Kemudian CERN (Laboratory for Particle Physics in Switzerland) mendapat respon positif terhadap usulan yang disebut juga dengan pengembangan World Wide Web. .
World Wide Web atau WWW merupakan program yang ditemukan oleh Tim Bernes-Lee pada tahun 1991.” Pada tahun 1989 Bernes-Lee mengajukan proposal proyek pembuatan hypertext global sehingga pada bulan Oktober 1990 “Peringatan Wera Wanua” dapat dijalankan dalam CERN (European Pusat Penelitian Fisika Partikel ke-8.) Pada musim panas tahun 1991, World Wide Web, atau WWW, secara resmi digunakan secara luas di Internet.
Struktur Navigasi
Struktur Navigasi Linier
- Tools Pembuatan Website
Struktur navigasi linier hanya menampilkan satu halaman sebelum atau satu halaman sesudahnya, tidak dapat menampilkan dua halaman sebelum dan dua halaman sesudahnya. Struktur navigasi ini disebut juga struktur navigasi berantakan, yang dibuat untuk navigasi bercabang. Struktur navigasi non linier ini mempunyai cabang yang berbeda dengan struktur hirarki yaitu setiap layar mempunyai posisi yang sama yaitu tidak ada halaman master dan tidak ada halaman anak.
Merupakan struktur navigasi campuran yaitu gabungan dari tiga struktur sebelumnya yaitu linier, non linier, dan hierarki. Aplikasi XAMPP ini dibuat oleh teman-teman Apache dan installernya dapat diunduh langsung dari situs mereka. Untuk menggunakannya, luncurkan xampp yang telah diinstal, Anda dapat membukanya melalui shortcut desktop atau menu bintang seperti pada gambar di bawah dan pilih panel kontrol Xampp.
PENGENALAN HTML
Pengenalan HTML
Struktur Dasar HTML
Kategori Basic HTML
Kategori Form dan Input
Kategori Image
Kategori Link
Kategori List
- Buatlah kode program untuk tampilan form dibawah ini
- Buatlah tampilan form berdasarkan kode program dibawah ini
PENGENALAN PHP
Pengertian PHP
Dalam beberapa tahun perkembangannya, PHP telah menjelma menjadi bahasa pemrograman web yang kuat dan digunakan tidak hanya untuk membuat halaman web sederhana, tetapi juga situs web populer yang digunakan oleh jutaan orang, seperti Wikipedia, WordPress, Joomla, dll. Saat ini, PHP merupakan singkatan dari PHP: Hypertext Preprocessor, merupakan singkatan rekursif yaitu permainan kata yang singkatannya terdiri dari singkatan itu sendiri: PHP: Hypertext Preprocessor. PHP dirilis di bawah Lisensi PHP, berbeda dengan lisensi GNU General Public License (GPL) yang biasa digunakan untuk proyek Open Source.
Dasa-dasar PHP
- Penulisan Sintak PHP
Fungsi echo()
Fungsi print()
Fungsi printf()
- Fungsi PHP Dalam Pemrograman Web
- Variabel
- Penulisan Variabel
Website yang dibuat dengan HTML (dan CSS) disebut website statis, dimana isi dan halaman web bersifat tetap. Sebaliknya, website dinamis yang dapat dibuat dengan PHP adalah website yang dapat menyesuaikan tampilan situasi konten. Website dinamis juga dapat menyimpan data dalam database, membuat halaman yang berubah sesuai masukan pengguna, memproses formulir.
Diawali dengan tanda dollar ($) diikuti dengan nama variable Contoh penulisan variable yang benar
Nama variabel harus dimulai dengan huruf atau karakter garis bawah Contoh penulisan variable yang benar
Nama variabel tidak dapat dimulai dengan angka Contoh penulisan variable yang salah
Nama variabel hanya dapat berisi karakter alfanumerik dan garis bawah (A-z, 0-9, dan _)
Bersifat Case sensitive
Tidak memerlukan deklarasi terlebih dahulu
- Memberikan Nilai
- Konstanta
- Tipe data String
Selain daftar variabel sistem PHP di atas, mungkin masih ada beberapa variabel lain tergantung pada jenis web server dan versi PHP yang digunakan. Variabel atau konstanta dapat menyimpan data dengan tipe data yang berbeda-beda sehingga suatu variabel atau konstanta akan memiliki tipe data tertentu. Pemrograman PHP mendukung dua jenis tipe data string yaitu tanda kutip tunggal dan tanda kutip ganda.
Contoh tipe data string diapit petik tunggal (single quoted)
Contoh tipe data string diapit petik ganda(double quoted)
Contoh tipe data string diapit petik tunggal dan ganda
Namun jika ingin menampilkan karakter khusus seperti tanda kutip ('), tanda dolar ($), dan karakter khusus lainnya harus menggunakan garis miring terbalik.
Contoh menampilkan karakter tanda petik dua
- Boolean
- Operator
- Operator Aritmatika
- Operator Penugasan (Assigment)
Tipe data float merupakan tipe data yang mewakili nilai numerik berupa angka desimal setelah koma. Tipe data Boolean sering digunakan dalam pengujian bersyarat. Contoh Boolean yang lebih detail akan dibahas pada bab selanjutnya.
- Operator Pembanding (Relasional)
- Operator Logika
- Operator Increment Decrement
- Seleksi Kondisi
- Perulangan
- Array
- Latihan
Operator perbandingan sering digunakan pada seleksi bersyarat atau seleksi (if –else) dan pengulangan (for, while dan do- while). Memilih kondisi di PHP untuk melakukan berbagai tindakan kondisional menentukan pernyataan mana yang akan dieksekusi sesuai dengan kondisi yang ditentukan. Pernyataan if...else mengeksekusi beberapa kondisi jika satu kondisi benar dan kondisi lainnya jika kondisi salah.
Pernyataan switch yaitu dengan memilih salah satu dari beberapa kondisi yang akan dieksekusi, program akan mencari nilai konstanta yang sesuai yang terdapat pada variabel tersebut. Array terindeks adalah array dengan indeks numerik atau diindeks berdasarkan angka, umumnya dimulai dengan angka 0. Dalam pemrograman PHP, terdapat beberapa array multidimensi, yaitu array dua dimensi, array tiga dimensi, dan array dengan 3 dimensi atau lebih.
PENGENALAN JAVA SCRIPT
Pengertian Java Script
Java Script merupakan salah satu dari 3 bahasa yang harus dikuasai oleh web developer, yaitu HTML untuk menentukan konten web, CSS untuk mengontrol tampilan halaman web, dan CSS untuk interaksi (behavior). Java Script tidak hanya digunakan untuk membuat halaman web tetapi juga digunakan pada program aplikasi desktop dan server seperti Node.js yang paling terkenal. JavaScript ditemukan oleh Brendan Eich pada tahun 1995, dan menjadi standar ECMA pada tahun 1997. ECMA-262 adalah nama resmi standar tersebut.
Saat mempelajari JavaScript, yang terbaik adalah menguasai dasar-dasar HTML dan mengetahui cara membuat halaman web sederhana menggunakan HTML.
Penulisan dan Penggunaan Java Script
- Penulisan Java Script
Jadi dapat disimpulkan bahwa pengolahan program dimulai dari atas hingga bawah halaman web, mengeksekusi (memproses) kode sebelum menampilkan ‘konten’ website.
Variabel
- Seleksi Kondisi if
- Seleksi Kondisi if else if
- Seleksi kondisi switch case
Kode baris 12, 13, dan 14 merupakan contoh mendeklarasikan variabel pada Java script, untuk kode baris 16 pada kode + hasilnya adalah pemanggilan suatu variabel atau tampilan isi variabel yang akan ditampilkan pada tag menjadi Penjelasan kode diatas untuk kode baris 11 adalah untuk mendeklarasikan variabel, sedangkan untuk kode baris 12 dan 13 memberikan nilai pada variabel text1, text2. Fungsi dalam JavaScript didefinisikan dengan kata kunci function, diikuti dengan nama fungsi, diikuti dengan tanda kurung.
Penjelasan pada baris kode 10 merupakan fungsi yang akan dipanggil dan disimpan pada variabel x, dan pada baris kode 14 sebagai fungsi untuk mengembalikan nilai variabel y dan z. Ketika JavaScript mencapai pernyataan return, fungsinya akan berhenti. Penjelasan pada baris kode 8 adalah deklarasi nama fungsi, untuk baris kode 11 adalah deklarasi dan pemberian nilai teks variabel lokal. Variabel lokal hanya dikenali di dalam fungsinya, variabel dengan nama yang sama dapat digunakan di fungsi yang berbeda.
Kode program di atas tidak akan menampilkan “Universitas Informatika Bina Sarana” jika variabel teksnya tidak sama dengan UBSI. Digunakan untuk menentukan blok kode mana yang akan dieksekusi jika kondisi if tidak terpenuhi yaitu dengan menambahkan perintah else. Dari contoh di atas, jika sisa hasil bagi % (mod) dari variabel bilangan pada 2 adalah 0, maka keluaran TRUE adalah “Bilangan Genap”.
Pernyataan yang digunakan untuk memilih salah satu dari banyak blok kode program yang akan dieksekusi. Ekspresinya dievaluasi. Kemudian nilai ekspresi tersebut dibandingkan dengan nilai setiap kasus (kasus x, y). Perulangan (repetition) merupakan instruksi untuk membentuk tindakan kerja secara berulang-ulang dalam satu blok yang sama, dimana pada blok yang akan diulang tersebut terdapat pernyataan atau pernyataan.
Array
PENGENALAN CSS
- Pengertian CSS
- Penggunaan CSS
- Inline Style
- Internal Style Sheets
- External Style Sheets
- Pengertian Selector, Properti, dan Value
- Selector
- Id selector
- Property
- Value
- Margin dan Padding
Metode Inline Style adalah cara memasukkan kode CSS langsung ke dalam tag HTML dengan menggunakan atribut style. Baris kode no. 07 diatas menyisipkan atribut style pada tag
, nilai atribut style ini adalah kode CSS yang ingin diterapkan. Metode internal style sheet atau disebut juga inline style sheet digunakan untuk memisahkan kode CSS dari tag HTML, namun tetap pada satu halaman HTML.
Metode stylesheet eksternal digunakan untuk membuat kode CSS dalam file terpisah yang benar-benar terpisah dari halaman HTML. Selector adalah tag yang menghubungkan tag HTML dengan tag CSS yang digunakan untuk mencari bagian web yang ingin dimanipulasi atau ditata. Misalnya: "telusuri semua tag
", atau "telusuri semua tag HTML yang memiliki atribut class="warning", atau "telusuri semua tautan yang terdapat dalam tag
".
Pemilih CSS digunakan untuk memilih elemen HTML berdasarkan nama elemen, ID, kelas, atribut, dan lainnya. Pemilih ID digunakan sebagai atribut ID elemen HTML untuk memilih elemen tertentu. Nama harus unik dalam satu halaman, sehingga pemilih ID yang digunakan untuk memilih elemen unik ditulis dengan hash (#), diikuti dengan ID elemen. Sedangkan kata “selamat siang” tidak akan berubah walaupun
sama, namun tidak memanggil ID.
Contoh di atas posisinya akan sama seperti yang muncul di tengah, karena memanggil class=”position” namun tampilan bentuk teksnya berbeda yaitu
dan yang satu lagi
. Misalnya, jika pemilih digunakan untuk "mencari semua tag
", maka propertinya adalah "efek tag p mana yang ingin Anda manipulasi", seperti ukuran teks, warna teks, font. Misalnya, untuk properti background-ground-color yang digunakan untuk mengubah warna latar belakang pemilih, nilainya bisa merah, biru, hitam, atau putih.
Margin dan padding digunakan untuk mengatur jarak antara tepi luar dan dalam suatu elemen.
Mengatur Tinggi dan Lebar (Heigth dan Width)
Teks
Fonts
DESAIN HALAMAN WEB DENGAN CSS
- Membuat Folder Halaman Web
- Desain CSS
- Desain halaman header
- Desain Halaman Menu
- Desain Halaman Footer
- Desain Halaman Konten_kanan
- Desain Halaman Beranda
- Desain Halaman Profil
- Desain Halaman Mahasiswa
- Desain Halaman Kontak
- Desain Halaman Login
Perancangan CSS ini merupakan langkah awal dalam mendesain halaman web, sebelum mendesain halaman lainnya.
DAFTAR PUSTAKA
GLOSARIUM
CSS: (Cascading style sheet) adalah standar yang digunakan untuk mengedit tampilan halaman HTML. Peristiwa: Ekspresi tindakan yang dilakukan oleh pengguna, yang juga dapat berasal dari browser, diproses oleh aplikasi. HTLM : Singkatan dari "Hyper Text Markup Language", bahasa markup yang digunakan untuk membuat halaman web.
HTTP: Hyper Text Transfer Protocol", prosedur komunikasi untuk mentransfer Web dari satu server ke komputer lain. Web Browser: perangkat lunak aplikasi yang memungkinkan pengguna mengakses WEB atau Server di jaringan.
DAFTAR INDEKS
