PERTEMUAN 3
DASAR – DASAR PHP
• Tidak seperti halaman HTML biasa, kode PHP tidak akan diberikan oleh
server secara langsung ketika ada permintaan dari client (browser), namun
melalui pemrosesan dari sisi server, makanya PHP disebut skrip serverside.
• Sehingga bila kita ingin mengakses file dengan extension .php harus
menyebutkan dahulu folder dalam local servernya
Variabel
• 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.
• Contoh : $nama, $no_telp, $_pekerjaan
TYPE DATA:
Konstanta
• Selain variable, sebuah program umumnya
juga memungkinkan adanya konstanta.
Konstanta fungsinya sama seperti variable
namun nilainya statis/konstan dan tidak bisa
berubah. Cara untuk mendefinisikan
konstanta adalah :
• Define (“NAMA_KONSTANTA”, nilai_konstanta);
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:
• HTML dapat diakses langsung tanpa melalui akses server saat
ada permintaan dari client(browser)
• PHP harus di akses melalui server saat ada permintaan dari
client(browser)
• Dari 2 contoh diatas, kalian bisa menebak mana yang html,
mana yang php, tanpa melihat extension dari nama filenya?
• 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 bisa dikatakan sebagai sebuah bahasa
yang dikembangkan bersama-sama secara
global.
• 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.html.
• 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.html
TAG
• Tag adalah bagian dari struktur html yang di
tuliskan diapit oleh tanda < tag >, dan tag
dituliskan berpasangan, dengan maksud < tag >
tag pembuka dan < /tag > tag penutup.
• Tag terbagi menjadi beberapa fungsi
– Formating - List
– Link - cititation
– Image - dll
Struktur TAG
<nametag atribut = nilai>
Contoh :
<body bgcolor=“lightblue”>
Penjelasannya :
Body = nama tag
Bgcolor = atribut
Lightblue = nilainya
Buat body berlatar belakang warna biru muda
• Dari berbagai jenis tag tersebut dapat di ringkas
menjadi 2, yaitu
– Tag yang di tuliskan diantara <head> dan </head>
– Tag yang di tuliskan diantara <body> dan </body>
• Tag diantara <head> dan </head>
– Judul halaman <title> </title>
– CSS <style><style>
– Javascript <script></script>
– Metadata <meta></meta>
• Tag yang di tuliskan diantara <body> dan </body>
– Teks <h1>,<h2>, …….. <h6>, <p>, ...
– Pendukung teks <br>, <hr>, <strong>, …
– Gambar <image>
– Hyperlink <a>
– List (bullets & numbering) <ul>,<ol>,<li>,<dl>,<dt>
– Table <table>, <thead>, <tbody>
– Form <form>, <input>, <select>,<button>
– Grouping <div>, <span>
– Dll ( dapat di lihat di http:www.w3school.com/tags )
Penggunaan Cellpadding & Cellspacing
Bina Sarana Informatika
Bina Sarana Informatika adalah sebuah perguruan tinggi swasta yang berlokasi di Jakarta, Indonesia. Pada tanggal 3 Maret 1988didirikan Lembaga Pendidikan Komputer Bina Sarana Informatika (LPK BSI) di Depok. Lembaga pendidikan ini bertujuan mendidik tenaga-tenaga terampil atau profesional di bidang komputer, untuk memenuhi kebutuhan SDM dalam pembangunan nasional.
Dengan semakin besar kepercayaan masyarakat terhadap LPK BSI, maka pada Oktober 1989 kantor pusat Yayasan Bina Sarana Informatika dipindahkan ke Jakarta sekaligus meresmikan cabang ke 2 LPK BSI. Dengan berkantor pusat di Jakarta, kepercayaan masyarakat tumbuh semakin besar, sehingga guna mendekati peserta didik, maka secara berturut-turut dan dengan persiapan yang matang berdirilah cabang-cabang lainnya. Sejalan dengan perkembangan pada tahun 1990 Yayasan Bina Sarana Informatika mendirikan program pendidikan siap kerja yang bernama Politeknik Bina Sarana Informatika, dengan jurusan pertamanya Akuntansi Komputer dan angkatan pertama pada tahun ajaran 1990/1991.
Akademi-akademi BSI[sunting | sunting sumber]
- Akademi Manajemen Informatika & Komputer (AMIK)
- Akademi Sekretaris & Manajemen (ASM)
- Akademi Bahasa Asing (ABA)
- Akademi Komunikasi (AKOM)
- Akademi Pariwisata (AKPAR)
- Akademi Manajemen dan Keuangan (AMK)
- Akademi Manajemen Informatika & Komputer Akuntansi (AMIKA)
Tujuan Pembelajaran
Tujuan pembelajaran matakuliah praktikum Web Programming 1 adalah mahasiswa diharapkan dapat memahami dan mengerti konsep dasar dalam pembuatan web dan mampu membuat sebuah Web Informasi dengan penggunaan HTM, PHP, JAVASCRIPT dan CSS
Kontrak Perkuliahan
• Di pertemuan 1 mahasiswa diminta untuk
membuat kelompok untuk tugas pembuatan web
informasi.
• Setiap kelompok dapat beranggotakan 4/5
anggota.
• Setiap kelompok diharuskan untuk membuat
sebuah web informasi sederhana.
• Setiap kelompok akan diminta untuk
mempresentasikan tugas yang sudah dibuat di
pertemuan 14 dan pertemuan 15
SILABUS:
Tema Web
• Web Informasi Sekolah
• Web Informasi Toko Kue
• Web Informasi Toko Baju
• Web Informasi Universitas
• Web Informasi Perpustakaan
• Web Informasi Toko Bunga
• Web Informasi Komunitas
Konsep Dasar Web
• Internet
Internet merupakan “kependekan dari kata
“internetwork”, yang berarti rangkaian komputer
yang terhubung menjadi beberapa rangkaian
jaringan”. Sistem komputer terhubung secara global
dan menggunakan TCP/IP sebagai protocol. Secara
umum internet dapat diartikan sebagai pertukaran
informasi dan komunikasi. Semua informasi bisa
didapatkan dengan mudah dan bebas di internet
tanpa ada batasan.
Ada beberapa istilah yang sering digunakan apabila
anda bekerja dengan internet diantaranya yaitu:
• World Wide Web (WWW )
• Website
• Web Pages (Halaman Web)
• Home Page (Halaman Muka)
• Browser
• URL (Universal Resource Locator)
• HTTP (Hypertext Transfer Protocol)
• DNS (Domain Name System)
• TCP/IP (Transmission Control Protocol /
Internet Protocol)
• IP (Internet Protocol)
• Hyperlink
• Web Browser
Perangkat Lunak Web 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 halamanhalaman
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
• Struktur Navigasi adalah “Susunan menu atau
hirarki dari suatu situs yang menggambarkan
isi dari setiap halaman dan link atau navigasi
tiap halaman pada suatu situs web”.
• Ada 4 macam bentuk dasar dari peta navigasi
yang biasa digunakan dalam proses
pembuatan aplikasi multimedia, yaitu:
Ada 4 macam bentuk dasar dari peta navigasi
yang biasa digunakan dalam proses
pembuatan aplikasi web, yaitu:
• Struktur Navigasi Linier
• Struktur Navigasi Hirarki
• Struktur Navigasi Non-Linier
• Struktur Navigasi Campuran
BAHAN DISKUSI
Amatilah sebuah halaman website, lalu coba
buatkan struktur Navigasi dari halaman
tersebut
INSTALASI SOFTWARE PENDUKUNG
• Web server : XAMPP
• Editor : Notepad, Notepad ++, Sublime
Text, Adobe Dreamweaver
• Untuk editor di pilih salah satu saja, tidak
perlu di install semua
