Selasa, 09 Februari 2016
WP1
World Wide Web (WWW/Web) “Suatu ruang informasi
di mana sumber-sumber daya yang berguna diidentifikasi oleh
pengenal global yang disebut Uniform Resource Identifier
(URI)”
Web Agents: Orang atau perangkat lunak yang
WorldWideWeb (WWW/Web)
mengambil peran di dalam ruang informasi (Web)
• User Agent; user
• Software Agent; Servers, proxies, spiders, browsers, dan
multimedia players.
Uniform Resource Identifier (URI) Terdiri atas string
karakter yang digunakan untuk identifikasi atau memberi
nama suatu resource (sumberdaya) di internet. Identifikasi
tersebut memungkinkan interaksi dengan representasi
dari resouce melalui network (jaringan) dengan
Uniform Resource Identifier (URI)
menggunakan protokol tertentu.
Hypertext Transfer Protocol (HTTP)
Protokol yang dipergunakan untuk melakukan
transfer dokumen dalam World Wide Web (WWW).
Protokol ini adalah protokol ringan, tidak berstatus dan
generik yang dapat dipergunakan berbagai macam tipe
dokumen.
Perangkat LunakWeb Server
Web Server adalah sebuah perangkat lunak server yang
berfungsi menerima permintaan HTTP atau HTTPS dari
Client yang dikenal dengan web browser dan mengirimkan
kembali hasilnya dalam bentuk halaman-halaman web yang
umumnya berbentuk dokumen HTML. Server web yang
terkenal diantaranya adalah:
• Apache, web server antar platform
XAMPP
PHPTriad; discontinued
Apache2Triad
• Internet Information Service (IIS), hanya dapat
berjalan di sistem operasi MS Windows
Struktur Navigasi
Navigasi termasuk struktur terpenting dalam
pembuatan suatu aplikasi multimedia dan gambarnya harus
sudah ada pada tahap perancangan. Peta navigasi
merupakan rancangan hubungan dan rantai kerja dari
beberapa area yang berbeda dan dapat membantu
mengorganisasikan seluruh elemen aplikasi multimedia
dengan pemberian perintah dan pesan.
Peta navigasi juga memberikan kemudahan dalam
menganalisa keinteraktifan seluruh objek dalam aplikasi
multimedia dan bagaimana pengaruh keinteraktifannya
terhadap pengguna.
Ada 4 macam bentuk dasar dari peta navigasi yang
biasa digunakan dalam proses pembuatan aplikasi
multimedia, yaitu:
1. Struktur Navigasi Linier
2. Struktur Navigasi Hirarki
3. Struktur Navigasi Non-linier
4. Struktur Navigasi Campuran
Hypertext Markup Language (HTML) adalah sebuah
bahasa untuk menampilkan konten di web. HTML sendiri
adalah bahasa pemrograman yang bebas, artinya tidak
dimiliki oleh siapapun, pengembangannya dilakukan oleh
banyak orang di banyak Negara dan bias dikatakan sebagai
sebuah bahasa yang dikembangkan bersama-sama secara
global.
Sebuah dokumen HTML sendiri adalah dokumen teks
yang dapat diedit oleh editor teks apapun. Dokumen HTML
punya beberapa elemen yang dikelilingi oleh tag-teks yang
dimulai dengan symbol < dan berakhir dengan sebuah
symbol >.
Editor teks yang digunakan oleh penyusun adalah
software PHP Coder dan XAMPP Versi 1.8.1 untuk web
servernya dengan bahasa pemrograman PHP Versi 5.
Struktur Dasar HTML
1. Tag HTML secara default dimulai dari <HTML> dan diakhiri dengan </HTML>.
2. Tag <HEAD> … </HEAD> merupakan tag kepala sebelum badan. Tag kepala ini akan terlebih
dulu dieksekusi sebelum tag badan. Di dalam tag ini berisi tag <META> dan <TITLE>. Tag
<META> merupakan informasi atau header suatu dokumen HTML. Atribut yang dimiliki oleh tag
ini antara lain:
3. HTTP_EQUIV, atribut ini berfungsi untuk menampilkan dokumen HTML secara otomatis dalam
jangka waktu tertentu.
4. CONTENT, atribut ini berisi informasi tentang isi document HTML yang akan dipanggil.
5. NAME, atribut ini merupakan identifikasi dari meta itu sendiri. Tag <META> dalam suatu
document HTML boleh ada maupun tidak.
6. Tag <TITLE> … </TITLE> adalah tag judul. Sebaiknya setiap halaman web memiliki judul, dan
judul tersebut dituliskan di dalam <TITLE> … </TITLE>. Judul ini akan muncul dalam titlebar dari
browser.
7. Tag <BODY> … </BODY> adalah tag berisi content dari suatu halaman web.
Contoh penggunaan script HTML
Contoh01.php
Kemudian simpan file di atas di dalam folder
c:\XAMPP\htdocs\ buat folder baru untuk menyimpan file di
dalam folder htdocs. Simpan file dengan nama
contoh01.php. Pembuatan nama file pada saat
penyimpanan harus diakhiri dengan extention “.php
Untuk melihat hasil dari file di atas dapat menggunakan
browser Mozilla, google chrome, internet explorer atau
jenis browser lain. Ketikkan pada address bar
“Localhost\Nama Folder Penyimpanan\”, kemudian pilih file
contoh01.php
Lihat gambar di bawah ini :
Ketikkan localhost
kemudian nama folder
penyimpanan file
Klik di contoh01.php
Hasilnya :
Contoh02.php
Hasil :
Contoh script pembuatan tabel
Contoh03.php
Jika dilihat di browser, maka terlihat sebagai berikut :
Latihan :
Buat script HTML untuk bentuk tampilan di bawah ini :
PHP atau PHP Hypertext Prepocessor adalah sebuah
bahasa pemrograman web berbasis server (server-side)
yang mampu mem-parsing kode php dari kode web dengan
ekstensi .php, sehingga menghasilkan tampilan website
yang dinamis di sisi client (browser). Dengan PHP, anda
bisa menjadikan halaman HTML menjadi lebih powerful dan
bisa dipakai sebagai aplikasi lengkap, misalnya untuk
beragam aplikasi cloud computing.
Ada 4 jenis tag yang bisa digunakan untuk
memasukkan kode PHP.
Jenis Tag Tag Pembuka Tag Penutup
Tag Standar <? Php ?>
Tag Pendek <? ?>
Tag ASP <% %>
Tag Script <script language =
“php”>
</script>
Contoh Script PHP
Hasilnya :
Variabel
Variabel merupakan sebuah istilah yang
menyatakan sebuah tempat yang menampung nilai-nilai
tertentu di mana nilai di dalamnya bisa diubah-ubah.
Variabel ditandai dengan adanya tanda dolar ($) yang
kemudian bisa diikuti dengan angka, huruf, dan
underscore. Namun variable tidak bisa mengandung
spasi. Berikut ini contoh pendefinisian variable. Untuk
mendefinisikan variable, hanya perlu menuliskannya
maka otomatis variable dikenali oleh PHP.
$nama
$no_telp
$_pekerjaan
Contoh05.php:
Hasil :
Tipe Data
Jenis-jenis tipe data
Tipe Contoh Penjelasan
Integer 134 Semua angka bukan pecahan
Double 5.1234 Nilai pecahan
String “asep” Kumpulan karakter
Boolean False Salah satu nilai True atau
False
Object Sebuah instance dari class
Array Larik
Contoh06.php:
Hasil Tampilan :
Latihan
Buat script php untuk tampilan di bawah ini. Tentukan
variablenya :
Konstanta
Konstanta fungsinya sama seperti variable namun nilainya
statis/konstan dan tidak bisa berubah. Cara untuk
mendefinisikan konstanta adalah :
Define (“NAMA_KONSTANTA”, nilai_konstanta);
Setelah didefinisikan, kita dapat langsung
menggunakannya dengan mengetikkan nama konstanta
tersebut. Nama konstanta umumnya diketik menggunakan
huruf besar.
Komentar
Program merupakan kegiatan menuliskan bahasa yang
dipahami oleh mesin. Walaupun bahasa yang digunakan
adalah bahasa tingkat tinggi, namun tent masih tidak
semudah dipahami oleh bahasa biasa. Untuk itu kita bisa
menggunakan komentar. Berikut ini contoh pembuatan
komentar di php.
//komentar satu baris
#ini juga komentar satu baris
/*komentar
Banyak baris
Kode di sini tidak
Dieksekus oleh parser */
Contoh script konstanta & komentar
Deklarasi komentar
Deklarasi konstanta
Hasil :
Jenis-Jenis Operator
1. Operator Assignment
Operator Contoh Artinya
= X=Y X=Y
+= X+=Y X=X+Y
-= X-=Y X=X-Y
*= X*=Y X=X*Y
/= X/=Y X=X/Y
.= X.=Y X=X.Y
%= X%=Y X=X%Y
2. Operator Aritmatika
Operator Nama Contoh Hasil
+ Penambahan 1+4 5
- Pengurangan 1-4 -3
/ Pembagian ¼ 0.25
* Perkalian 1*4 4
% Sisa Pembagian 5%2 1
++ Inkremen X=5; X++ X=6
- Dekremen X=5; X- X=4
3. Operator Perbandingan
Operator Nama Contoh Hasil
= = Sama dengan 6 = = 6 False
!= Tidak sama dengan 3!=3 False
> Lebih besar 1>5 False
>= Lebih besar atau sama 3>=4 False
dengan
< Lebih kecil 2<4 True
<= Lebih kecil atau sams
dengan
5<=4 False
Contoh08.php
Hasil :
Statement IF
Statement IF merupakan statement yang penting dan
pasti terdapat di semua bahasa pemrograman. Statement ini
berguna untuk membuat percabangan berdasarkan kondisi
tertentu yang harus dipenuhi.
Contoh Script Statement IF
Hasil :
Contoh10.php
Hasil:
Statement Switch
Statement untuk pengatur alur program berikutnya
adalah switch. Salah satu keuntungan switch adalah ada
bisa langsung mengevaluasi satu statement dan
memerintahkan aksi dalam jumlah yang lebih banyak.
Contoh Script Statement Switch
Hasil:
Jenis – Jenis Pengulangan
1.For
Pengulangan yang jumlah pencacah yang sudah pasti
atau sudah di ketahui.
For (nilai awal ; batas pengulangan ; operator
increament/decreament)
{ Statement ; }
Bentuk Umum :
Contoh12.php :
Hasil :
2. While
Nilai awal
Bentuk Umum :
Perulangan yang melakukan pengecekan syarat di awal
blok perulangan. Selama syarat bernilai benar,
perulangan akan terus berlanjut dan sebaliknya jika
syarat bernilai salah perulangan akan dihentikan
while (batas pengulangan) {
pernyataan ;
operator increament/decrement ; }
Contoh13.php
Hasil :
3. Do While
Kebalikan dari for dan while karena do…while
melakukan pengecekan terhadap syarat di akhir blok
perulangan.
Hasil :
Sekumpulan data atau dapat juga di artikan pemetaan
antara key dan value. Kumpulan data tersebut dinamakan
elemen array. Elemen array tersusun secara index, elemen
pertama ber-index 0, elemen kedua berindex 1 dan
seterusnya.
Bentuk umum :
Array (elemen array)
Contoh12.php :
Hasil :
Contoh Script Pembuatan Array
Hasil :
Contoh16.php
Hasil :
1. Buatlah program array dengan menampilkan urutan
mahasiswa seperti ini :
adel, sausan, triaszada,fifi,umay, ifur, fitria
2. Tampilkan nama mahasiswa urutan ke-1, ke-7 dan ke- 3
Latihan Pembuatan Array :
Fungsi merupakan modul program yang terdiri dari instruksiinstruksi
untuk tujuan tertentu. Dengan fuungsi pemakai dapat
membagi program besar menjadi kecil sehingga
memudahkan dalam modifikasi.
Bentuk Umum :
Function nama fungsi (variabel1,variabel2,…)
{statement ; }
Deklarasi
fungsi
Contoh :
<html>
<body>
<?
Function test() //pembuatan fungsi
{
Echo" Ini adalah dasar dari sebuah Fungsi";
}
Test(); //Pemanggilan nama fungsi
?>
</body>
</html>
Hasil :
1. Buatlah program dengan menggunakan fungsi dengan
tampilan sebagai berikut :
2. Buat fungsi untuk mencetak judul & garis.
Latihan :
Form Dengan Input Dan Pemrosesan Terpisah
Hasil :
Scipt Tampil Data
Hasil :
Form Dengan Input Dan Pemrosesan Terpadu
Hasil :
Latihan Pembuatan dan Pemanggilan Form :
1. Buat script program untuk membuat form input dengan
data sbb :
2. Buat script program untuk memanggil data dari form
input dengan bentuk sbb :
Jawaban :
Latihan Pembuatan dan Pemanggilan Form :
1. Buat script program untuk membuat form input dengan
data sbb :
2. Buat script program untuk memanggil data dari form
input dengan bentuk sbb :
Jawaban :
Latihan 1 :
Tampilan Input
Tampilan Output
Ketentuan Soal :
Jika STUDIO 1 maka bintang tamu “Opick”
Jika STUDIO 2 maka bintang tamu “Raihan”
Jika Jenis kelas VIP maka harga 500000
Selain itu kelas FESTIVAL maka harga 250000
Hitung Total Harga
Jika klik Back to Home akan kembali ke halaman 1
Latihan 2 :
Tampilan Input
Tampilan Output
Ketentuan Soal :
• Jenis Cat :
MOWILEX maka Harga = 20000
DANAPAINT maka Harga = 30000
CATYLAC maka Harga = 40000
• Total Harga = Harga * Jumlah Beli
• Diskon:
Jika Jumlah Beli >= 5 maka diskon 5% dari Total Harga
Jika Jumlah Beli >= 10 maka diskon 10% dari Total Harga
Selain itu diskon=0
• Total Bayar = Total Harga - Diskon
• Jika di Klik Kembali maka akan tampil Form cat.php
Langganan:
Posting Komentar (Atom)
Tidak ada komentar:
Posting Komentar