BUKU AJAR

BENGKEL INTERNET

Penyusun :

Ibrahim Abduh, S.ST, M.T

Muh. Ahyar, S.ST, M.T

PROGRAM STUDI TEKNIK TELEKOMUNIKASI

JURUSAN TEKNIK ELEKTRO
POLITEKNIK NEGERI UJUNG PANDANG
2013

i
 LEMBAR IDENTITAS DAN PENGESAHAN

Mata Kuliah : Bengkel Internet

Kode Mata Kuliah :
Penyusun : 1. Ibrahim Abduh, S.ST, M.T
2. Muh. Ahyar, S.ST, M.T

Buku ajar ini telah diperiksa dan disetujui untuk digunakan sebagai
Bahan kuliah bagi mahasiswa Politeknik Negeri Ujung Pandang

Makassar, September 2013

Menyetujui :

Ketua Unit P3AI Ketua Jurusan Teknik Elektro

Ir. Hastami Murdiningsih, M.T Ibrahim Abduh, S.ST, M.T

NIP. 19600606 198803 2 002 NIP. 19680514 199303 1 001

Mengetahui/Menyetujui:
Pembantu Direktur I,

Ir Muas, M.T
NIP. 19670228 199303 1 004

ii
 KATA PENGANTAR

Alhamdulillah puji syukur kehadirat Allah SWT yang telah menganugerahkan nikmat
ilmu dan kesehatan kepada penyusun sehingga penulisan bahan ajar yang berjudul Bengkel
Internet dapat diselesaikan.
Penulisan bahan ajar ini tak lepas dari perhatina Politeknik Negeri Ujung Pandang,
khususnya Jurusan Teknik Elektro Program Studi Teknik Telekomunikasi dalam upaya
menerapkan kurikulum berbasis kompetensi. Buku ajar ini tidak hanya bertujuan untuk
memperlancar proses pengajaran, tetapi juga berupaya untuk menuntun mahasiswa, sehingga
proses pembelajaran dapat berjalan dengan efektif. Dengan buku ajar ini diharapkan pula
agar mahasiswa dapat dengan mudah mempelajari isi setiap mata kuliah dan memberikan
bekal awal mengenai materi yang akan dibahas sebelum proses belajar dimulai.
Bahan ajar ini mencakup materi yang akan diajarkan dalam satu semester dengan isi
sebagai berikut:
BAB I : Pengantar Teknologi Internet dan Web
BAB II : Hypertext Markup Language (HTML)
BAB III : Cascading Style Sheets (CSS)
BAB IV : JavaScript
BAB V : PHP
BAB VI : MySQL
Dalam rangka penyempurnaan bahan ajar ini, maka saran dan kritik ke penyusun
sangat diharapkan.
Semoga bahan ajar ini dapat memberikan manfaat, khususnya manfaat buat
mahasiswa Jurusan Teknik Elektro, Program Studi Teknik Telekomunikasi Politeknik Negeri
Ujung Pandang.

Makassar, 3 September 2013

Tim Penyusun

iii
 DAFTAR ISI

Halaman
HALAMAN SAMPUL i
LEMBAR IDENTITAS DAN PENGESAHAN ii
KATA PENGANTAR iii
DAFTAR ISI iv
GARIS-GARIS BESAR PROGRAM PENGAJARAN v
KONTRAK PERKULIAHAN ix
BAB I PENGANTAR TEKNOLOGI INTERNET DAN WEB 1
BAB II HYPERTEXT MARKUP LANGUAGE (HTML) 7
BAB III CASCADING STYLE SHEETS (CSS) 33
BAB IV JAVASCRIPT 48
BAB V PHP 62
BAB VI. MYSQL 96
DAFTAR PUSTAKA

iv
 GARIS-GARIS BESAR PROGRAM PENGAJARAN
PROGRAM STUDI TEKNIK TELEKOMUNIKASI

Nama Mata Kuliah : Bengkel Internet Program Studi : T. Telekomunikasi

Kode Mata Kuliah : TT Semester :x
Tujuan Instruksional : Setelah mengikuti mata kuliah ini, mahasiswa akan dapat SKS/Jam per Minggu : x/x
Umum merancang dan membuat web

No Tujuan Instruksional Khusus Pokok Bahasan Sub Pokok Bahasan Estimasi Waktu Referensi
(menit)
1 2 3 4 5 6
1 Mahasiswa akan dapat: Pengantar Teknologi 1. Konsep Internet 2 X 50
Menjelaskan konsep Internet, Internet dan Web 2. Sejarah Internet
perkembangan teknologi web 3. Aplikasi Internet
Menggambarkan arsitektur web 4. WWW (World Wide
Web
5. Sejarah Perkembangan
Web
2 Mempelajari dan mengimplementasikan Hypertext Markup 1. Element HTML 6 X 50
elemen-elemen dasar HTML kedalam Language (HTML) 2. Basic Tag HTML
suatu tampilan web 3. Format HTML

v
 4. Entiti HTML
5. Links HTML
6. Frame HTML
7. Table HTML
8. List HTML
9. Form HTMLs
10. Image HTML
11. Background HTML
3 Mempelajari dan mengimplementasikan Cascading Style 1. Syntax CSS 4 X 50
Sheets (CSS)
cascading style sheet kedalam suatu 2. Bagaimana
halaman web menggunakan CSS
3. Background CSS
4. Text CSS
5. Font CSS
6. Border CSS
7. Margin CSS
8. Padding CSS
9. List CSS
10. Dimensi CSS
11. Klasifikasi CSS
4 Mempelajari dan mengimplementasikan JavaScript 1. Pengenalan JavaScript 4 X 50

vi
 JavaScript kedalam suatu halaman web 2. Menggunakan
JavaScript
3. Variabel JavaScript
4. Operator JavaScript
5. Function JavaScript
5 Mempelajari dan mengimplementasikan PHP 1. Fungsi PHP 6 X 50
elemen dasar PHP kedalam suatu 2. Menampilkan script
halaman web PHP di browser
3. Cara memasukkan script
PHP ke dalam HTML
4. Penggunaan tag PHP
5. Karakter, tipe data,
konstanta, variabel dan
operator PHP
6. Pengecekan kondisi if,
if-else dan switch-case
7. Perulangan for, while,
do-while
8. Pernyataan break,
continue, exit dan
sintaks alternatif.

vii
6 Memahami dan mempelajari dasar MySQL 1. Pengenalan basis data 6 X 50
basis data MySQL 2. Sekilas konsep relasi
Mengimplementasikan cara akses database
MySQL dari PHP, beserta 3. Pengenalan MySQL
pemrograman web database melalui 4. Membuat database
PHP dengan MySQL 5. Membuat tabel
6. Proses Insert, Update,
Retrieve, Delete data di
database
7. Penjelasan konsep kerja
PHP dan koneksi PHP
dengan database

viii
 KONTRAK PERKULIAHAN

Nama Mata Kuliah : Bengkel Internet

Kode Mata Kuliah
Pengajar
Deskripsi Singkat
Tujuan Instruksional Umum : Setelah mengikuti mata kuliah ini mahasiswa dapat memahami
Tempat Pertemuan
: TT
: Tim Pengajar
(Ibrahim Abduh, S.ST, M.T & Muh. Ahyar, S.ST, M.T)
: Mata kuliah ini bertujuan untuk mempelajari konsep pembuatan
web statis dan dinamis. Pada matakuliah ini akan dijelaskan
tentang dasar-dasar HTML, Javascript, Cascading Style Sheet,
dasar-dasar pemrograman PHP, dan juga konsep pemrograman
PHP yang dihubungkan dengan database.
konsep kerja dari suatu halaman web dan memahami konsep
pemrograman web statis dan dinamis yang meliputi dasar HTML
dan PHP, sehingga mampu menciptakan halaman web sendiri.
: GS-208

1. Manfaat Mata Kuliah

Mata kuliah ini ditujukan untuk memberikan dasar pengetahuan kepada mahasiswa
tentang pemrograman web yang meliputi dasar-dasar HTML, Javascript, Cascading Style Sheet,
dasar-dasar pemrograman PHP, dan juga konsep pemrograman PHP yang dihubungkan dengan
database sehingga nantinya mahasiswa kompeten dalam menerapkan teknologi web dengan baik
dan benar dalam mengembangkan perangkat lunak berbasis web. Untuk memperoleh manfaat
tersebut, pelaksanaan kuliah diadakan dalam bentuk tatap muka berupa pertemuan di kelas,
diskusi, pemberian tugas terstruktur dan tugas mandiri.

2. Deskripsi Perkuliahan

Ruang Lingkup Mata kuliah Bengkel Internet membahas berbagai hal terkait dengan
teknologi web, yaitu sejarah perkembangan teknologi web, konsep dasar web dan arsitektur web,

ix
HTML dasar, Cascading Style Sheet (CSS), Javascript, PHP, Basis Data MySQL dalam
pemrograman Web.
Mata kuliah ini merupakan pendalaman lebih lanjut dari mata Kuliah Dasar-Dasar
Pemrograman. Kaitannya dengan kompetensi lulusan PS yang telah ditetapkan, mata kuliah ini
mendukung kompetensi lulusan untuk mengerti dan memahami pengembangan perangkat lunak
di bidang web berdasarkan konsep dasar pemrograman web, arsitektur web dan teknologi web.

3. Tujuan Instruksional

Pada akhir perkuliahan ini, mahasiswa diharapkan mampu :

1. Menjelaskan konsep Internet, perkembangan teknologi web, dan menggambarkan
arsitektur web
2. Membuat halaman web dengan menggunakan HTML
3. Menerapkan CSS dalam pemrograman web
4. Menerapkan Javascript dalam pemrograman web
5. Menerapkan PHP dalam pemrograman web yang dinamis
6. Menerapkan Basis data MySQL dalam pemrograman web

4. Strategi Perkuliahan

Strategi perkuliahan ini banyak menggunakan diskusi dan pemecahan masalah (problem
solving learning). Perkuliahan dilaksanakan dengan tatap muka, diskusi, dan pemecahan
masalah. Materi kuliah dan bahan bacaan wajib diiformasikan pada awal perkuliahan. Untuk
menambah pemahaman materi kuliah, mahasiswa di berikan tugas-tugas berupa tugas tugas
terstruktur, tugas mandiri dan tugas kelompok.

5. Materi/Bahan Bacaan Perkuliahan

Buku/bacaan pokok dalam perkuliahan ini adalah :

1. Sascha Schumann, Deepak Veliath, Harish Rawat, Jesus Castagnetto, Chris Scollo ,
Professional PHP Programming, Peer Information Inc., New Jersey, 1999.
2. David Sklar, PHP Cookbook, O'Reilly, 2002

x
3. Julie c. Meloni, Sams Teach Yourself PHP, MySQL and Apache in 24 Hours, Sams;
Bk&CD-Rom edition, 2002.
4. Steven Holzner, HTML Black Book: The Programmer's Complete HTML Reference
Book, Coriolis Group Books; Bk&CD-Rom edition, 2000.

6. Tugas

1. Mengumpulkan dan membahas artikel/literatur setiap pokok bahasan materi perkuliahan

sebelum dikuliahkan dengan jadwal perkuliahan.
2. Mengerjakan tugas-tugas setiap pokok bahasan.
3. Mengerjakan tugas proyek dan persentasi.
4. Evaluasi ujian tengah semester dan ujian akhir semester.

7. Kriteria Penilaian

Penilaian akan dilakukan oleh pengajar dengan menggunakan kriteria sebagai berikut :
Nilai Point Range
A 4 80
B 3 70 79
C 2 60 69
D 1 50 59
E 0 49

Dalam menentukan nilai akhir akan digunakan pembobotan sebagai berikut :

Tugas 15%
Proyek 30%
Ujian Tengah semester 25%
Ujian akhir semester 30%

xi
 Jadwal Perkuliahan

Pertemuan Topik Bahasan Bacaan/Bab

1 Kuliah pertama:
Penjelasan umum kontrak perkuliahan dan materi
secara keseluruhan
2 Pengantar Teknologi Internet dan Web
3-4 Hypertext Markup Language (HTML)
5-6 Cascading Style Sheets (CSS)
7-8 JavaScript
9-11 PHP
12-14 MySQL
15-16 Proyek

xii