Pemrograman Web 1

PG065 – 3
Lestari Margatama
© 2009 Fakultas Teknologi Informasi Universitas Budi Luhur
Jl. Ciledug Raya Petukangan Utara Jakarta Selatan 12260
Website: http://fti.bl.ac.id Email: sekretariat_fti@bl.ac.id
 Tujuan dan Sasaran PW1
 Mahasiswa dapat mengenal, merancang dan
membuat aplikasi berbasis web yang
sederhana, baik statis maupun dinamis

Pemrograman Web 1 - PG065 - 3 SKS

 SAP PW1
 Pertemuan 1 : Pengantar pemrograman web
 Pertemuan 2 : Struktur dasar HTML
 Pertemuan 3 : Dasar-dasar CSS
 Pertemuan 4 : Struktur Dasar PHP
 Pertemuan 5 : Single Page Layout
 Pertemuan 6 : Multiple Page Layout
 Pertemuan 7: Penanganan Form
 Pertemuan 8 : UTS
Pemrograman Web 1 - PG065 - 3 SKS
 SAP PW1
 Pertemuan 9 : Dasar – dasar Javascript
 Pertemuan 10 : Validasi Form dg Java Script + PHP
 Pertemuan 11 : Dasar-dasar MySql
 Pertemuan 12 : Koneksi php ke Database
 Pertemuan 13 : CRUD dgn php+database
 Pertemuan 14 : Session + Cookies
 Pertemuan 15: Session untuk Login
 Pertemuan 16 : UAS
Pemrograman Web 1 - PG065 - 3 SKS
 Komponen Penilaian

Penilaian :
Absensi = 10%
UTS = 30%
Tugas = 20% (kompilasi dari seluruh Tugas)
UAS = 40%
Total = 100%

Syarat Kelulusan :
•Absensi tidak boleh kurang dari 80%
•Total Nilai >= 60

Pemrograman Web 1 - PG065 - 3 SKS

 TUGAS
 TUGAS INDIVIDU
• Latihan di elearning
• Elearning sebanyak 3 kali

 TUGAS KELOMPOK
• Membuat Web Dinamis dengan HTML,CSS ,JavaScript dan
PHP
• Menggunakan database
• Dikumpulkan sebelum UAS
• 1 kelompok 4 orang

Pemrograman Web 1 - PG065 - 3 SKS

 Kontrak Kuliah
 Materi perkuliahan harus sudah dibaca sebelum
tatap muka, materi praktikum akan diberikan
sebelum perkuliahan dimulai.
 Tugas dikumpulkan sesuai waktu yang telah
ditentukan
 Mahasiswa terlambat lebih dari 30 menit
dihitung alpha namun tetap boleh mengikuti
perkuliahan
 Dosen terlambat 30 menit, mahasiswa
diperbolehkan pulang
Pemrograman Web 1 - PG065 - 3 SKS
 Kontrak Kuliah
 Mahasiswa hanya boleh izin/sakit sebanyak 2
kali saja selama perkuliahan berlangsung
 Surat izin atau surat dokter hanya dapat
diberikan satu minggu setelah izin/sakit, lebih
dari satu minggu dihitung alpha
 Tugas dikumpulkan sesuai dengan waktu yang
telah ditentukan

Pemrograman Web 1 - PG065 - 3 SKS

PERTEMUAN - 1

PEMROGRAMAN WEB

Pemrograman Web 1 - PG065 - 3 SKS

https://www.khanacademy.org/computing/
computer-science/internet-intro/internet-works-
intro/v/the-internet-http-and-html

Pemrograman Web 1 - PG065 - 3 SKS

 DEFINISI WEB
 Menurut Wikipedia:
Web adalah halaman yang digunakan untuk
menyampaikan informasi, berita, catatan, berupa
text, gambar, animasi, suara yang bisa di akses oleh
semua computer yang terhubung dalam sebuah
jaringan (internet/intranet) melalui web browser.

Pemrograman Web 1 - PG065 - 3 SKS

 Pengertian Internet

 Internet merupakan jaringan yang

menghubungkan jutaan komputer yang
tersebar di seluruh dunia
 Menggunakan protokol TCP/IP sebagai
“bahasa”
 Menggunakan arsitektur client/server

Pemrograman Web 1 - PG065 - 3 SKS

Gambar Jaringan Internet

Pemrograman Web 1 - PG065 - 3 SKS

 Pengertian Intranet
 Intranet adalah jaringan pribadi (Private Network) yang
mengunakan internet untuk saling berbagi dan bertukar
informasi di dalam jaringan lokal contohnya adalah:
Perusahaan, Kantor, Sekolah Universitas DLL.
 Intranet juga termasuk ke dalam salah satu jaringan LAN
(Local Area Network) yang hanya bisa mencakup wilayah kecil.
Internet

Perusahaan/Organisasi
 JENIS WEB
Web dapat dikategorikan menjadi dua, yaitu
1. Web statis
 Web yang menampilkan informasi-informasi yang sifatnya
statis (tetap) contoh : web company profile/organisasi ,
portofolio atau web tentang informasi yang jarang di ubah.

2. Web dinamis atau interaktif.

 Web yang menampilkan informasi serta dapat berinteraksi
dengan user yang sifatnya dinamis. Sehingga untuk
membuat web dinamis dibutuhkan kemampuan
pemrograman web.

 Web dinamis sangat cocok digunakan untuk membuat web toko

online, jejaring sosial, web blog, portal berita, dan masih banyak
lagi. (contoh : yahoo,facebook,detik dll)

Pemrograman Web 1 - PG065 - 3 SKS

Perbedaan Web Statis dan Dinamis

Pemrograman Web 1 - PG065 - 3 SKS

 Contoh Web
 Web Berita
 Web Blog
 Web Sosial Media
 Web Company Profile
 Web Ecomerce

Pemrograman Web 1 - PG065 - 3 SKS

Pemrograman Web 1 - PG065 - 3 SKS
Pemrograman Web 1 - PG065 - 3 SKS
Pemrograman Web 1 - PG065 - 3 SKS
 Aplikasi Web
 Menurut Wikipedia:
Aplikasi yang diakses menggunakan browser
melalui suatu jaringan seperti Internet,
merupakan suatu aplikasi perangkat lunak
komputer yang dikodekan dalam bahasa yang
didukung oleh browser tsb (seperti ASP, HTML
, Java, Java Script, PHP, Python, Ruby, dll)

Pemrograman Web 1 - PG065 - 3 SKS

 Kekurangan Aplikasi Web
 Dibutuhkan koneksi intranet dan internet yang
handal dan stabil, hal ini bertujuan agar pada
saat aplikasi dijalankan akan berjalan dengan
baik dan lancar.
 Dibutuhkan system keamanan yang baik.

Pemrograman Web 1 - PG065 - 3 SKS

 Web Browser

 Tool yang digunakan untuk menerima dan

menyajikan halaman web.
 Contoh-contoh:
 MS Internet Explorer  Windows
 Netscape Navigator/Communicator  Multi
 Opera  Multi
 Conqueror  Linux
 Lynx  Unix

Pemrograman Web 1 - PG065 - 3 SKS

 PEMROGRAMAN WEB
 Pemrograman web adalah proses membuat
aplikasi computer (Aplikasi web) yang mana
hasil dari intruksi tersebut dapat
digunakan/dijalankan dengan menggunakan
bantuan web browser.
 Bahasa pemrograman yang di gunakan :
PHP,ASP.NET, JAVA, dll

Pemrograman Web 1 - PG065 - 3 SKS

Dua kategori web programming:
 Server Side Programming
 Client Side Programming

Pemrograman Web 1 - PG065 - 3 SKS

Server-side Programming

 Server Side Programming  Proses pengolahan datanya dilakukan di

server, source code tidak dapat dilihat
 Contoh: ASP, JSP, PHP Pemrograman Web 1 - PG065 - 3 SKS
 Client-side Programming

 Client Side Programming  Proses pengolahan datanya dilakukan di

computer client, source code dapat dilihat
 Contoh: JavaScript, HTML,CSS
Pemrograman Web 1 - PG065 - 3 SKS
Dari sisi security, manakah yang lebih aman,
Client Side Programming atau Server Side
Programming……???

Pemrograman Web 1 - PG065 - 3 SKS

 TOOLS TO CREATE WEB PROGRAMMING

 Web Editor
Tools yang digunakan untuk membuat code program aplikasi web.
Contoh : Notepad,Notepad++,Dreamweaver

 Web Browser
Tools yang digunakan untuk membuka/melihat aplikasi web, Contoh :
IE,Firefox,GoogleCrhome,Opera,Safari

 Web Server
 Database Server

Pemrograman Web 1 - PG065 - 3 SKS

 Web Server
 Web Server adalah sebuah perangkat lunak server
yang berfungsi menerima permintaan dari klien dan
mengirimkan kembali hasilnya dalam bentuk
halaman-halaman web yang umumnya berbentuk
dokumen HTML.
 Contoh :
- Apache, Xampp : server web antar-platform
- IIS (Microsoft Internet Information Service ) hanya
dapat beroperasi di sistem operasi Windows.

Pemrograman Web 1 - PG065 - 3 SKS

 Database Server

 Database Server :
 Program komputer yang menyediakan layanan data ke
komputer lainnya
 Data di proses dan diolah di database server untuk
selanjutnya di kirim ke komputer lainnya (client)
 Contoh :
 MySql
 Postgree
 Oracle

Pemrograman Web 1 - PG065 - 3 SKS

XAMPP Panel

Pemrograman Web 1 - PG065 - 3 SKS

 HTML
 HTML (Hypertext Markup Language) adalah bahasa
pemrograman yang digunakan untuk menulis format
dokumen yang dapat digunakan dalam Web.

Pemrograman Web 1 - PG065 - 3 SKS

 Jawab Pertanyaan ini :
Apa pengertian dari :
 TCP/IP
 IP Publik & IP Lokal/Private
 URL & WWW
 http dan https
 FTP,Telnet ,DNS
Berikan 5 contoh url untuk web :
 Web Berita
 Web Blog
 Web Sosial Media
 Web Company Profile
 Web EcomercePemrograman Web 1 - PG065 - 3 SKS
 Selesai
Terima Kasih

Pemrograman Web 1 - PG065 - 3 SKS