Manajemen Informatika - D3

(1)

ACARA PRAKTEK

MATA KULIAH : PEMROGRAMAN BERBASIS WEB

KREDIT : 2 SKS

SEMEST

ER : 4

MINGG

U KE BAHASANPOKOK SUB POKOKBAHASAN TUJUAN INSTRUKSIONAL ALAT BANTU PERCOBAANPROSEDUR TEMPAT 1 Pengenalan

Internet _ Definisi internet_Protokol  Layanan aplikasi  Metode

pengalamatan  Tata cara

penamaan dan bentuk penamaan di internet

 Konfigurasi koneksi

 Mahasiswa mengetahui konsep internet agar dapat memahami penerapan

pemrograman berbasis web

 Komputer  Akses internet

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 ke-8

2. Proyek 2 dibuat menggunakan PHP dan MYSQL.

(2)

Tugas ini

(3)

MINGG

U KE BAHASANPOKOK SUB POKOKBAHASAN TUJUAN INSTRUKSIONAL ALAT BANTU PERCOBAANPROSEDUR TEMPAT

2 Konsep

pemrogram an berbasis web

 Konsep dasar web  Arsitektur web  HTTP

 Client side programming  Server side

programming  Web server

software

 Mahasiswa mengetahui dan memahami konsep pemrograman berbasis web

 Mahasiswa dapat membedakan jenis pemrograman berbasis web

 Mahasiswa dapat mengetahui contoh software web server

 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

 Pengenalan Web Hosting

 Proses unggah (upload) aplikasi

3 HTML dan

XHTML _ Konsep HTML _{Konsep XHTML}  Perbedaan HTML

dan XHTML  Struktur dokumen

HTML  Membuat

halaman HTML  Tag HTML (Text,

List, Hyperlink, Image)

 Mahasiswa mengetahui dan mengerti konsep HTML dan XHTML  Mahasiswa dapat

membedakan HTML dan XHTML

 Mahasiswa mengerti tag HTML untuk

teks,list,hyperlink dan image

 Komputer

 Perangkat lunak Visual editor dan teks editor

Tugas 3:  Mahasiswa

membuat website menggunakan tag-tag HTML yang telah dipelajari

 Mahasiswa mengunggah aplikasi yang telah dibuat melalui web hosting yang tidak berbayar

(4)

MINGG

U KE BAHASANPOKOK SUB POKOKBAHASAN TUJUAN INSTRUKSIONAL ALAT BANTU PERCOBAANPROSEDUR TEMPAT

4 HTML Tag HTML :

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

 Komputer

menambahkan tag-tag 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)

 Konsep CSS  Cara kerja CSS  CSS properti

 Mahasiswa mengerti dan konsep CSS

 Mahasiswa mengetahui cara kerja CSS

 Mahasiswa mengerti CSS properti

 Komputer

menambahkan CSS pada website yang sudah dibuat sebelumnya  Mahasiswa

(5)

MINGGU

KE BAHASANPOKOK SUB POKOK_BAHASAN TUJUAN INSTRUKSIONAL ALAT BANTU PROSEDUR PERCOBAAN TEMPAT

6 Java Script  Pengenalan JavaScript Penggunaan JavaScript di HTML

 Peletakan kode JavaScript dalam HTML

 JavaScript Statemen , komentar, variabel,

operator,struktur kendali, function, perulangan, event, try… catch,throw

 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

menambahkan JavaScript dalam website yang telah dibuat sebelumnya.  Mahasiswa

Ruang kelas

7 XML  Konsep XML  Mahasiswa mengerti

konsep XML

 Komputer Tugas 7: Ruang

kelas

 Mahasiswa mengerti cara kerja XML

 Mahasiswa mengerti struktur dokumen XML  Mahasiswa mengetahui

aturan sintak XML  Mahasiswa mengerti

elemen XML

 Mahasiswa mengetahui

 Mahasiswa

membuat website sederhana

menggunakan XML dan HTML

(6)

atribut dalam elemen XML

 Mahasiswa mengetahui kegunaan DTD untuk memvalidasi dokumen XML

(7)

MINGGU

KE BAHASANPOKOK SUB POKOKBAHASAN TUJUAN INSTRUKSIONAL ALAT BANTU PROSEDUR PERCOBAAN TEMPAT

 Menampilkan file XML

Menggunakan CSS dalam XML

 Mahasiswa mengetahui bagaimana

menampilkan dokumen XML

 XML XSLT  XML parser

 Mahasiswa mengetahui penggunaan CSS dalam XML

 XML DOM  Menampilkan

data XML di HTML

 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

8 Presentasi  Mahasiswa dapat

mempresentasikan proyek 1 yang terdiri dari

HTML,CSS,JavaScript

 Komputer

 Perangkat lunak web browser dan web server  Viewer

Tugas 7:

 Setiap kelompok mempresentasikan proyek yang dibuat

(8)

(9)

MINGGU

9 PHP  Pengenalan PHP

 Dasar-dasar PHP : Variabel,konstant a, tipe data dan operator, flow kontrol dan statemen

 Mahasiswa mengetahui konsep PHP

 Mahasiswa mengetahui mengenai

variabel,konstanta,tipe data dan operator, flow kontrol dan statemen dalam PHP

 Komputer

membuat website menggunakan PHP  Mahasiswa

Ruang kelas

10 PHP  Array

 Perulangan  Function  Form

 Get dan Post

 Mahasiswa mengetahui mengenai fungsi

array,perulangan,functio n, form dan metode Get , Post dalam PHP

 Komputer

menambahkan fungsi yang diterangkan pada minggu ke 10 kedalam website yang telah dibuat sebelumnya  Mahasiswa

Ruang kelas

(10)

MINGGU

KE POKOK BAHASAN SUB POKOK BAHASAN TUJUAN INSTRUKSIONAL ALAT BANTU PROSEDUR PERCOBAAN TEMPAT

11 MYSQL  Konsep database

 Pengenalan MYSQL

 Mahasiswa mengetahui konsep database

 Komputer Tugas 10: Ruang

kelas  Bahasa SQL dalam

MYSQL

 Mahasiswa mengetahui kegunaan dari MYSQL  Mahasiswa dapat

menggunakan SQL

 Mahasiswa

membuat database menggunakan PHPMYadmin

12 Integrasi PHP dan MYSQL

 Pengenalan fungsi-fungsi database MYSQL di PHP  Input field dalam

form HTML ke MYSQL dengan PHP

 Menampilkan hasil Query dengan HTML dan PHP

 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

mengintegrasikan website yang dibuat menggunakan PHP dengan database MYSQL yang telah dibuat melalui PHPMYadmin

Ruang kelas

13 Content Management System (CMS)

 Konsep CMS

 Software CMS (MAMBO,

LIMBO,JOOMLA, PHPNuke)

 Mahasiswa dapat menerangkan pengertian CMS

 Mahasiswa dapat menyebutkan dan

menerangkan CMS software

 Komputer

 Perangkat lunak CMS

Tugas 12:

 Mahasiswa menginstall software CMS

(11)

MINGGU

14 Presentasi  Mahasiswa dapat

mempresentasikan proyek 2 yang terdiri dari

HTML,CSS,JavaScript dan XML

 Komputer

 Perangkat lunak visual editor dan teks editor  Viewer

mempresentasikan proyek kedua