Manajemen Informatika - D3

ACARA PRAKTEK
MATA KULIAH
KREDIT
SEMEST
ER
MINGG
U KE
1

POKOK
BAHASAN
Pengenalan
Internet

: PEMROGRAMAN BERBASIS WEB
: 2 SKS
:4










SUB POKOK
BAHASAN
Definisi internet
Protokol
Layanan aplikasi
Metode
pengalamatan
Tata cara
penamaan dan
bentuk penamaan
di internet
Konfigurasi
koneksi

TUJUAN INSTRUKSIONAL



Mahasiswa mengetahui
konsep internet agar
dapat memahami
penerapan
pemrograman berbasis
web

1

ALAT BANTU



Komputer
Akses internet

PROSEDUR
PERCOBAAN

Tugas 1 :
 Mahasiswa
mengakses internet
untuk dapat
menjelaskan
Contoh-contoh
layanan aplikasi di
internet
 Mengumumkan
kepada mahasiswa
bahwa ada 2 tugas
membuat proyek
website yang
dikerjakan secara
kelompok, yaitu:
1. Proyek 1 dibuat
menggunakan
HTML,CSS,JavaSc
ript dan XML.
Tugas ini

dipresentasikan
pada minggu ke8
2. Proyek 2 dibuat
menggunakan
PHP dan MYSQL.

TEMPAT
Ruang
kelas

Tugas ini
dipresentasikan
pada minggu ke14

2

MINGG
U KE

POKOK

BAHASAN

2

Konsep
pemrogram
an berbasis
web

SUB POKOK
BAHASAN










3

HTML dan
XHTML








Konsep dasar web
Arsitektur web
HTTP
Client side
programming
Server side
programming

Web server
software

TUJUAN INSTRUKSIONAL






ALAT BANTU

Mahasiswa mengetahui
dan memahami konsep
pemrograman berbasis
web
Mahasiswa dapat
membedakan jenis
pemrograman berbasis
web

Mahasiswa dapat
mengetahui contoh
software web server




Mahasiswa mengetahui
dan mengerti konsep
HTML dan XHTML
Mahasiswa dapat
membedakan HTML dan
XHTML
Mahasiswa mengerti tag
HTML untuk
teks,list,hyperlink dan
image






PROSEDUR
PERCOBAAN

TEMPAT

Komputer
Perangkat lunak
web server
Akses internet

Tugas 2 :
 Mahasiswa
melakukan instalasi
web server
 Mahasiswa
mengakses web
hosting tidak

berbayar untuk
mengetahui
prosedur unggah
suatu aplikasi

Ruang
Kelas

Komputer
Perangkat lunak
Visual editor dan
teks editor

Tugas 3:
 Mahasiswa
membuat website
menggunakan tagtag HTML yang telah
dipelajari
 Mahasiswa
mengunggah

aplikasi yang telah
dibuat melalui web
hosting yang tidak
berbayar

Ruang
kelas

Pengenalan Web
Hosting
Proses unggah
(upload) aplikasi

Konsep HTML
Konsep XHTML
Perbedaan HTML
dan XHTML
Struktur dokumen
HTML
Membuat
halaman HTML
Tag HTML (Text,
List, Hyperlink,
Image)





3

MINGG
U KE

POKOK
BAHASAN

SUB POKOK
BAHASAN

TUJUAN INSTRUKSIONAL

ALAT BANTU

PROSEDUR
PERCOBAAN

TEMPAT

4

HTML

Tag HTML :
 Frame
 Tabel
 Form dan field
komponen
 Metode Post dan
Get



Mahasiswa mengerti tag
HTML untuk frame,
tabel,form dan metode
post dan get




Komputer
Perangkat lunak
Visual editor dan
teks editor

Tugas 4:
 Mahasiswa
menambahkan tagtag HTML yang
dipelajari pada
minggu ke 4
kedalam website
yang telah dibuat
sebelumnya
 Mahasiswa
mengunggah
aplikasi yang telah
dibuat melalui web
hosting yang tidak
berbayar

Ruang
kelas

5

Cascading
Style Sheet
(CSS)







Mahasiswa mengerti
dan konsep CSS
Mahasiswa mengetahui
cara kerja CSS
Mahasiswa mengerti
CSS properti




Komputer
Perangkat lunak
Visual editor dan
teks editor

Tugas 5:
 Mahasiswa
menambahkan CSS
pada website yang
sudah dibuat
sebelumnya
 Mahasiswa
mengunggah
aplikasi yang telah
dibuat melalui web
hosting yang tidak
berbayar

Ruang
kelas

Konsep CSS
Cara kerja CSS
CSS properti




4

MINGGU
KE
6

POKOK
BAHASAN
Java Script

SUB POKOK
BAHASAN


Pengenalan
JavaScript
Penggunaan
JavaScript di
HTML
Peletakan kode
JavaScript dalam
HTML
JavaScript
Statemen ,
komentar,
variabel,
operator,struktur
kendali, function,
perulangan,
event, try…
catch,throw





Konsep XML










Cara kerja XML
XML Tree
XML sintak
XML elemen
XML atribut
XML validasi dan
validator






7

XML

TUJUAN INSTRUKSIONAL











ALAT BANTU

PROSEDUR PERCOBAAN

TEMPAT

Mahasiswa mengerti
mengenai konsep
JavaScript
Mahasiswa mengerti
penggunaan JavaScript
dalam dokumen HTML
Mahasiswa mengerti
pada bagian mana
meletakkan kode
JavaScript dalam
dokumen HTML
Mahasiswa mengetahui
penggunaan
statemen,komentar,vari
abel,operator,struktur
kendali,
function,perulangan,eve
nt,try…catch,throw
dalam JavaScript




Komputer
Perangkat lunak
Visual editor dan
teks editor

Tugas 6:
 Mahasiswa
menambahkan
JavaScript dalam
website yang telah
dibuat sebelumnya.
 Mahasiswa
mengunggah
aplikasi yang telah
dibuat melalui web
hosting yang tidak
berbayar

Ruang
kelas

Mahasiswa mengerti
konsep XML
Mahasiswa mengerti
cara kerja XML
Mahasiswa mengerti
struktur dokumen XML
Mahasiswa mengetahui
aturan sintak XML
Mahasiswa mengerti
elemen XML
Mahasiswa mengetahui



Komputer

Tugas 7:

Ruang
kelas



Perangkat lunak
Visual editor dan
teks editor



5



Mahasiswa
membuat website
sederhana
menggunakan XML
dan HTML
Mahasiswa
mengunggah
aplikasi yang telah
dibuat melalui web



atribut dalam elemen
XML
Mahasiswa mengetahui
kegunaan DTD untuk
memvalidasi dokumen
XML

6

hosting yang tidak
berbayar

MINGGU
KE

POKOK
BAHASAN

SUB POKOK
BAHASAN







TUJUAN INSTRUKSIONAL

Menampilkan file
XML
Menggunakan
CSS dalam XML
XML XSLT
XML parser



XML DOM
Menampilkan
data XML di
HTML










8

Presentasi



ALAT BANTU

PROSEDUR PERCOBAAN

TEMPAT

Mahasiswa mengetahui
bagaimana
menampilkan dokumen
XML
Mahasiswa mengetahui
penggunaan CSS dalam
XML
Mahasiswa mengetahui
penggunaan XSLT pada
dokumen XML
Mahasiswa mengetahui
kegunaan XML parser
untuk membaca dan
memanipulasi XML
Mahasiswa mengerti
konsep dari XML DOM
Mahasiswa mengetahui
bagaimana
menampilkan data XML
dalam HTML

Mahasiswa dapat
mempresentasikan
proyek 1 yang terdiri
dari
HTML,CSS,JavaScript
7





Komputer
Perangkat lunak
web browser dan
web server
Viewer

Tugas 7:
 Setiap kelompok
mempresentasikan
proyek yang dibuat

Ruang
kelas

dan XML

8

MINGGU
KE
9

10

POKOK
BAHASAN
PHP

PHP










SUB POKOK
BAHASAN
Pengenalan PHP
Dasar-dasar PHP :
Variabel,konstant
a, tipe data dan
operator, flow
kontrol dan
statemen

Array
Perulangan
Function
Form
Get dan Post

TUJUAN INSTRUKSIONAL





ALAT BANTU

PROSEDUR PERCOBAAN

TEMPAT

Mahasiswa mengetahui
konsep PHP
Mahasiswa mengetahui
mengenai
variabel,konstanta,tipe
data dan operator, flow
kontrol dan statemen
dalam PHP




Komputer
Perangkat lunak
Visual editor dan
teks editor

Tugas 8:
 Mahasiswa
membuat website
menggunakan PHP
 Mahasiswa
mengunggah
aplikasi yang telah
dibuat melalui web
hosting yang tidak
berbayar

Ruang
kelas

Mahasiswa mengetahui
mengenai fungsi
array,perulangan,functio
n, form dan metode
Get , Post dalam PHP




Komputer
Perangkat lunak
Visual editor dan
teks editor

Tugas 9:
 Mahasiswa
menambahkan
fungsi yang
diterangkan pada
minggu ke 10
kedalam website
yang telah dibuat
sebelumnya
 Mahasiswa
mengunggah
aplikasi yang telah
dibuat melalui web
hosting yang tidak
berbayar

Ruang
kelas

UTS

9

MINGGU
KE
11

POKOK
BAHASAN
MYSQL

SUB POKOK
BAHASAN
 Konsep database
 Pengenalan MYSQL
 Bahasa SQL dalam
MYSQL

TUJUAN INSTRUKSIONAL




12

13

Integrasi
PHP dan
MYSQL

Content
Management
System (CMS)

TEMPAT

Tugas 10:

Ruang
kelas



Komputer



Perangkat lunak
Visual editor dan
teks editor

 Mahasiswa
membuat database
menggunakan
PHPMYadmin

Mahasiswa mengerti mengenai
fungsi-fungsi database
Mahasiswa mengerti
bagaimana menggunakan input
field dalam HTML yang
terkoneksi dengan database
MYSQL
Mahasiswa mengerti
bagaimana membuat query
untuk mengakses data dalam
database sehingga dapat
ditampilkan dalam HTML




Komputer
Perangkat lunak
Visual editor dan
teks editor

Tugas 11:
 Mahasiswa
mengintegrasikan
website yang dibuat
menggunakan PHP
dengan database
MYSQL yang telah
dibuat melalui
PHPMYadmin

Ruang
kelas




Komputer
Perangkat lunak
CMS

Tugas 12:
 Mahasiswa menginstall
software CMS

Ruang kelas



 Konsep CMS
 Software CMS
(MAMBO,
LIMBO,JOOMLA,
PHPNuke)



Mahasiswa dapat
menerangkan pengertian
CMS



Mahasiswa dapat
menyebutkan dan
menerangkan CMS software



PROSEDUR PERCOBAAN

Mahasiswa mengetahui
konsep database
Mahasiswa mengetahui
kegunaan dari MYSQL
Mahasiswa dapat
menggunakan SQL

 Pengenalan fungsifungsi database
MYSQL di PHP
 Input field dalam
form HTML ke
MYSQL dengan
PHP
 Menampilkan hasil
Query dengan
HTML dan PHP



ALAT BANTU

10

MINGGU
KE
14

POKOK
BAHASAN
Presentasi

SUB POKOK
BAHASAN

TUJUAN INSTRUKSIONAL


Mahasiswa dapat
mempresentasikan
proyek 2 yang terdiri
dari
HTML,CSS,JavaScript
dan XML

11

ALAT BANTU




Komputer
Perangkat lunak
visual editor dan
teks editor
Viewer

PROSEDUR PERCOBAAN
Tugas 13:
 Mahasiswa
mempresentasikan
proyek kedua

TEMPAT
Ruang
kelas