• Tidak ada hasil yang ditemukan

Buku Kupas Tuntas Pemrograman Berbasis Web (HTML, PHP, JAVA + MySQL)

N/A
N/A
Pelukis Senja

Academic year: 2024

Membagikan "Buku Kupas Tuntas Pemrograman Berbasis Web (HTML, PHP, JAVA + MySQL)"

Copied!
276
0
0

Teks penuh

Dasar-Dasar Html

HTTP (Hypertext Transfer Protocol) adalah protokol yang digunakan untuk mentransfer data antara server web dan browser web. Dikatakan sebagai bahasa markup karena HTML memformat file dokumen teks biasa sehingga dapat ditampilkan di browser web menggunakan simbol yang telah ditentukan sebelumnya. Elemen HTML biasanya berupa tag berpasangan, dan setiap tag ditandai dengan simbol .

Dalam hal ini, disebut elemen, dan biasanya di dalam sebuah elemen terdapat atribut untuk mengontrol elemen tersebut.

Struktur Dasar Html

Seperti yang Anda lihat, struktur file HTML dimulai dengan tag dan diakhiri dengan tag . Ada dua bagian besar pada tag ini, yaitu bagian yang diapit oleh tag . Bagian yang diapit tag HEAD merupakan header halaman HTML dan tidak ditampilkan di jendela browser.

Bagian kedua yang diapit oleh tag BODY merupakan bagian yang nantinya akan ditampilkan pada jendela web browser. Pada bagian ini Anda akan menuliskan segala macam informasi dalam bentuk teks dalam berbagai format dan gambar yang nantinya ingin Anda sampaikan kepada pembaca.

Gambar 1 : Contoh1.htm
Gambar 1 : Contoh1.htm

Kode Warna

Pengaturan Properti Halaman Web

Heading, Paragraph Dan Break

Tag Horizontal Ruler


berfungsi untuk menampilkan garis horizontal tiga dimensi pada halaman web Anda.

Pemformatan Karakter

Menempelkan Image

  • Membuat Link

Membuat Tabel

Membuat Form

Tipe Data

Variabel

Operator

Dua baris terakhir pada label merupakan operator aritmatika yang digunakan dengan satu operan yang fungsinya untuk menambah atau mengurangi salah satu operan yang diikuti oleh operator tersebut. Pada script di atas, dua variabel pertama dibuat dan diberi nilai, yaitu variabel harga dengan nilai integer 1500 dan variabel banyak dengan nilai integer 9. Kemudian baris berikutnya dari fungsi print() berfungsi untuk menampilkan nilai dalam argumennya, termasuk menampilkan nilai variabel yang tertulis di sana.

Operator logika biasa digunakan sebagai argumen dalam struktur kontrol yang berfungsi untuk menentukan jalannya suatu program dengan membandingkan nilai TRUE atau FALSE suatu operan.

Gambar 20 : Latihan2.php
Gambar 20 : Latihan2.php

Struktur Kendali

Struktur kendali dibedakan menjadi dua jenis, yaitu struktur kendali percabangan (keputusan) dan struktur kendali berulang (looping). Struktur kendali bercabang adalah struktur kendali yang memungkinkan pemilihan perintah dijalankan berdasarkan kondisi tertentu. Perintah ini mirip dengan perintah di atas, hanya saja perintah ini dapat digunakan untuk banyak pernyataan kondisional.

Perintah switch akan memilih kondisi tertentu dan kemudian membandingkan hasilnya dengan konstanta dalam kasus tersebut. Jika hasil dari kondisi tidak sesuai dengan konstanta yang diberikan, pernyataan default akan dieksekusi. Proses iterasi akan berjalan jika kondisi yang diperiksa masih benar dan iterasi akan berhenti jika kondisi salah.

Pada perintah while, kondisi yang diperiksa adalah di awal perulangan, jadi sebelum masuk ke perulangan while, kondisi harus benar.

Gambar 21 : latihan3.php
Gambar 21 : latihan3.php

Fungsi

Apa itu Script ?

Tentang JavaScript

Perbedan JAVA dengan JavaScrip

Perbedaannya adalah di Java, sistem waktu kompilasi untuk kelas dibuat melalui deklarasi, JavaScript mendukung sistem eksekusi untuk angka kecil dan tipe data yang diwakili oleh tipe numerik (angka), boolean, dan string. JavaScript juga mendukung fungsi tanpa deklarasi khusus, sedangkan Java adalah bahasa yang dirancang untuk pemrograman berorientasi objek yang dieksekusi dengan cepat dan aman untuk mengetik.

Pemakaian JavaScript

Perancangan harus menggunakan browser yang menggunakan pemrograman JavaScript, misalnya Netscape versi 3 atau lebih tinggi, Internet Explorer versi 4 atau lebih tinggi. Meskipun menguasai suatu bahasa pemrograman bukanlah hal yang terpenting, namun mengetahui dan menguasai salah satu bahasa pemrograman akan sangat membantu dalam mempelajari JavaScript.

Struktur JavaScript

JavaScript Grammar

Memasukkan JAVA Script kedalam HTML

Dengan menggunakan Tag<SCRIPT>

  • Dengan menggunakan Event

Contoh di atas menunjukkan program Javascript yang ditulis antara tag dan . Jika contoh JavaScript di atas ditulis di antara tag , maka hasilnya juga akan sama. Namun karena bagian header akan dibaca terlebih dahulu dibandingkan dengan bagian , maka praktik pemrograman yang baik adalah menempatkan semua fungsi dan variabel global di bagian header.

Catatan: Tidak semua browser mampu memproses JavaScript, jadi untuk menghindari kesalahan tampilan pada browser tersebut, ketikkan JavaScript di antara tag komentar HTML seperti berikut. Ingat, selalu tulis JavaScript di antara baris komentar agar browser non-Java dapat mengabaikannya. Hal ini dilakukan karena siapa pun dapat mengunjungi situs web kami di Internet dengan browser web yang berbeda. Event merupakan hasil tindakan yang dilakukan pengguna, seperti mengklik mouse, mengklik tombol kirim pada formulir, dan keluar dari halaman.

Sturktur Kendali Dan Fungsi

Perintah kondisi

Kondisi numerik yang mengembalikan nol tidak sama dengan Boolean true di JavaScript, dan sebaliknya nilai bukan nol tidak sama dengan Boolean false.

Perintah Perulangan

Kemudian interpreter menjalankan ekspresi tambahan, yang memperbarui variabel yang digunakan untuk kontrol loop. Pernyataan break mengakhiri perulangan for atau while dan mengembalikan kontrol ke pernyataan berikutnya setelah perulangan. Seperti perintah break, perintah continue menghentikan interaksi untuk perulangan for atau while; Tapi tidak keluar dari lingkaran; Namun lakukan interaksi berikut.

Komentar satu baris, dari C++, memperlakukan apa pun mulai dari garis miring ganda hingga garis miring terbalik sebagai komentar, berikut ini adalah contoh valid dari komentar satu baris. Komentar multiline mengikuti aturan C dan dapat digunakan untuk menandai perintah JavaScript. Seperti yang ditunjukkan pada contoh sebelumnya, ini adalah komentar HTML yang baris terakhirnya memerlukan dua garis miring untuk memastikan bahwa JavaScript dapat menafsirkan baris tersebut.

Beberapa Contoh JAVAScript

Anda dapat melakukan ini dengan memeriksa waktu saat ini dan menyisipkan salam menggunakan fungsi document.write(). Halaman ini menambahkan skrip yang memverifikasi formulir yang belum diisi. Halaman terima kasih merupakan halaman yang menampilkan ucapan terima kasih dan juga berisi script PHP yang digunakan untuk mengelola data yang dimasukkan pada halaman form buku tamu.

Aktifkan Database MySQL

Memulai MySQL-Front

Jendala Connection to MySQL Host

Jendela Connection to MySQL Host

Menambah user

Membuat Database

Membuat Tabel (misalnya pada database TRANSAKSI)

Catatan: Pada bagian utama terdapat script JavaScript, script ini digunakan untuk memvalidasi form yang tidak terisi. Bagian selanjutnya adalah form HTML biasa, namun pada bagian submit akan ditambahkan event handler yang mereferensikan script JavaScript yang terletak di bagian head. Pada dasarnya skrip ini hanya membuka koneksi ke MySQL dan menyimpan data yang dimasukkan ke dalam tabel.

Untuk menghindari daftar yang panjang, daftar yang ditampilkan akan dikelompokkan, dan setiap grup berisi lima data. Ada dua query yang membatasi jumlah data hanya lima data, lalu query lain yang mengambil semua data. Bagian selanjutnya adalah membentuk link pada bagian bawah tabel, yang digunakan untuk menuju ke halaman berikutnya atau kembali ke halaman sebelumnya.

Artinya kita tidak perlu menulis hostname, user, password dan nama database, jadi kita hanya memanggil fungsinya saja untuk bisa menghubungkan PHP dan MySQL.

APLIKASI BUKU TAMU

Aplikasi Berita On-Line

Aplikasi Toko Buku On-Line

Aplikasi Transaksi On-line ( e-Commerce)

Gambar

Gambar 2 : Contoh2.htm
Gambar 3 : Contoh3.htm
Gambar 4 : Contoh4.htm
Gambar 5 : Contoh5.htm
+7

Referensi

Dokumen terkait

sebagai penyunting background halaman web dan MySQL sebagai penyunting database, penulis membuat sebuah website yang menjadi mediator pemesanan jasa percetakan

Aplikasi program sistem informasi berbasis web (website) pada BPS Kabupaten Brebes yang tepat adalah website yang memiliki halaman dinamis, di mana database menjadi media

Gambar 4.11 Tampilan Halaman Simulasi Pemilihan Snack Box Pada Paket Catering

sebagai penyunting background halaman web dan MySQL sebagai penyunting database, penulis membuat sebuah website yang menjadi mediator pemesanan jasa percetakan

Database koneksi yang akan kita buat, adalah untuk membuat aplikasi web halaman berita yang biasanya ditampilkan dalam sebuah portal On line, langkah selanjutnya adalah dengan

Sama halnya dengan styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style untuk membuat desain atau membuat halaman kerja menjadi

Halaman Membuat Soal ujian Pilihan Ganda merupakan halaman yang berfungsi sebagai Halaman untuk Membuat soal ujian ganda yang dikerjakan oleh admin (guru). Gambar 4

Dengan array, kita bisa membuat variabel dengan tipe yang dinamis, dimana kita bisa menyimpan banyak data dalam satu variabel array... PHP