AKADEMI MANAJEMEN INFORMATIKA DAN KOMPUT (6)
AKADEMI MANAJEMEN INFORMATIKA DAN KOMPUTER
AMIK ROYAL KISARAN
PROGRAM STUDI MANAJEMEN INFORMATIKA
SATUAN ACARA PERKULIAHAN
PERTEMUAN - 15 :
Link antar menu
1.
Identitas
Matakuliah
:
Pemrograman Web 1
Kode Mata Kuliah
:
Semester
:
3 ( Tiga )
SKS Dan Jumlah Jam
:
2 (Dua), 2 x 45 menit (90 Menit)
Matakuliah Pendukung
:
- Pemrograman Terstruktur
- Basis Data
- Design Grafis
Pendukung Matakuliah
:
- Pemrograman Web 2
Dosen
:
Andri Nata, ST, M.Kom
Minggu Ke
:
15 ( lima belas )
1. Unit Kompetensi
:
- Desain Web
2. Elemen Kompetensi
:
- Merancang link menu dengan 1 halaman index.
3. Kriteria Kinerja
:
Mahasiswa Mampu :
- Mendesain link antar menu dengan menggunakan 1
halaman index.
- Memahami teknik isset dalam perpindahan
halaman menggunakan PHP.
2. Kompetensi
3. Proses Pembelajaran
N
o.
ALOKASI
WAK
TU
KEGIATAN
DOSEN
MAHASIS
WA
MEDIA/
ALAT/
BAHAN
HASIL
(Kriteria
Unjuk
Kerja)
88
1
10’
Penciptaan
ketertiban
suasana
belajar
Berdoa bersama
Mengabsensi siswa
Penjelasan mengenai
tujuan pembuatan link
menu
dengan
1
halaman index.
Menyimak
dan
memahami
Whiteboa
rd,
Laptop &
Projektor
-
2
65’
Memahami
dan
memprakte
kkan
Whiteboa
rd,
Laptop &
Projektor
Merancang link
menu dengan 1
halaman index..
3
10’
Mempersiapkan
isi halaman untuk
link antar menu.
Memberikan
pemahaman untuk
pembuatan link
menu dengan
coding PHP dalam
1 halaman index.
Menutup
proses
perkuliahan
Berdoa
Bersama
Memahami
-
-
4. Materi Pembelajaran
:-
5. Metode Pembelajaran
: Ceramah, tanya jawab, dan latihan.
6. Materi latihan
:
1. Untuk melakukan link antar menu,terlebih dahulu kita harus menyiapkan file-file pendukung
seperti file “home.php”, “profil.php”, “gallery.php”, “bukutamu.php” dan “login.php”. Setelah
file tesebut sudah dimiliki saatnya adalah melakukan manajemen halaman. Untuk manajamen
halaman ketikkan coding seperti dibawah ini beri nama file “content.php”. Jangan lupa simpan
difolder server yang sudah dibuat.
2. Setelah halaman content sudah dibuat, letakan halaman “content.php” kedalam halaman
“index.php” dengan perintah include tepatnya berada didalam div kiri. Perhatikan gambar
berikut :
89
Peletakkan halaman
content.php kedalam
halaman index
3. Setelah halaman content sudah disisipkan coba simpan halaman index tersebut. Dan reload
kembali browser yang pada web yang dirancang sebelumnya. Maka halaman depan akan tampil
tetapi belum bisa melakukan link antar menu.
Teks sudah muncul.
4. Agar bisa melakukan link antar menu, buka kembali halaman “index.php” dengan tampilan
design view. Kemudian aktifkan property sprymenubar,klik menu yang akan diberi link. Lalu
ketikan perintah :
Index.php
: untuk halaman berpindah kehalaman utama.
index.php?page=profil
: untuk halaman berpindah kehalaman profil.
index.php?page=gallery
: untuk halaman berpindah kehalaman gallery.
90
index.php?page=bukutamu
index.php?page=login
7. Materi Tes
:-
8. Kriteria Penilaian
: 1 - 100
9. Pedoman Bukti
:-
10. Kunci Jawaban
:-
: untuk halaman berpindah kehalaman bukutamu.
: untuk halaman berpindah kehalaman admin.
11. Referensi
:
1.
http://en.wikipedia.org/wiki/World_Wide_Web
2.
http://id.wikipedia.org/wiki/Web
3.
http://mysql.com
4.
http://w3c.org
5.
Jayan. 2010. CSS untuk orang awam. Palembang. Maxikom.
6.
Prijono Agus, dkk. 2005. Mudan dan Cepat Menguasai Pemrograman
WEB. Bandung. Informatika.
7.
Hakim Lukmanul. 2009. Jalan Pintas Menjadi Master PHP. Yogyakarta.
Lokomedia.
91
AMIK ROYAL KISARAN
PROGRAM STUDI MANAJEMEN INFORMATIKA
SATUAN ACARA PERKULIAHAN
PERTEMUAN - 15 :
Link antar menu
1.
Identitas
Matakuliah
:
Pemrograman Web 1
Kode Mata Kuliah
:
Semester
:
3 ( Tiga )
SKS Dan Jumlah Jam
:
2 (Dua), 2 x 45 menit (90 Menit)
Matakuliah Pendukung
:
- Pemrograman Terstruktur
- Basis Data
- Design Grafis
Pendukung Matakuliah
:
- Pemrograman Web 2
Dosen
:
Andri Nata, ST, M.Kom
Minggu Ke
:
15 ( lima belas )
1. Unit Kompetensi
:
- Desain Web
2. Elemen Kompetensi
:
- Merancang link menu dengan 1 halaman index.
3. Kriteria Kinerja
:
Mahasiswa Mampu :
- Mendesain link antar menu dengan menggunakan 1
halaman index.
- Memahami teknik isset dalam perpindahan
halaman menggunakan PHP.
2. Kompetensi
3. Proses Pembelajaran
N
o.
ALOKASI
WAK
TU
KEGIATAN
DOSEN
MAHASIS
WA
MEDIA/
ALAT/
BAHAN
HASIL
(Kriteria
Unjuk
Kerja)
88
1
10’
Penciptaan
ketertiban
suasana
belajar
Berdoa bersama
Mengabsensi siswa
Penjelasan mengenai
tujuan pembuatan link
menu
dengan
1
halaman index.
Menyimak
dan
memahami
Whiteboa
rd,
Laptop &
Projektor
-
2
65’
Memahami
dan
memprakte
kkan
Whiteboa
rd,
Laptop &
Projektor
Merancang link
menu dengan 1
halaman index..
3
10’
Mempersiapkan
isi halaman untuk
link antar menu.
Memberikan
pemahaman untuk
pembuatan link
menu dengan
coding PHP dalam
1 halaman index.
Menutup
proses
perkuliahan
Berdoa
Bersama
Memahami
-
-
4. Materi Pembelajaran
:-
5. Metode Pembelajaran
: Ceramah, tanya jawab, dan latihan.
6. Materi latihan
:
1. Untuk melakukan link antar menu,terlebih dahulu kita harus menyiapkan file-file pendukung
seperti file “home.php”, “profil.php”, “gallery.php”, “bukutamu.php” dan “login.php”. Setelah
file tesebut sudah dimiliki saatnya adalah melakukan manajemen halaman. Untuk manajamen
halaman ketikkan coding seperti dibawah ini beri nama file “content.php”. Jangan lupa simpan
difolder server yang sudah dibuat.
2. Setelah halaman content sudah dibuat, letakan halaman “content.php” kedalam halaman
“index.php” dengan perintah include tepatnya berada didalam div kiri. Perhatikan gambar
berikut :
89
Peletakkan halaman
content.php kedalam
halaman index
3. Setelah halaman content sudah disisipkan coba simpan halaman index tersebut. Dan reload
kembali browser yang pada web yang dirancang sebelumnya. Maka halaman depan akan tampil
tetapi belum bisa melakukan link antar menu.
Teks sudah muncul.
4. Agar bisa melakukan link antar menu, buka kembali halaman “index.php” dengan tampilan
design view. Kemudian aktifkan property sprymenubar,klik menu yang akan diberi link. Lalu
ketikan perintah :
Index.php
: untuk halaman berpindah kehalaman utama.
index.php?page=profil
: untuk halaman berpindah kehalaman profil.
index.php?page=gallery
: untuk halaman berpindah kehalaman gallery.
90
index.php?page=bukutamu
index.php?page=login
7. Materi Tes
:-
8. Kriteria Penilaian
: 1 - 100
9. Pedoman Bukti
:-
10. Kunci Jawaban
:-
: untuk halaman berpindah kehalaman bukutamu.
: untuk halaman berpindah kehalaman admin.
11. Referensi
:
1.
http://en.wikipedia.org/wiki/World_Wide_Web
2.
http://id.wikipedia.org/wiki/Web
3.
http://mysql.com
4.
http://w3c.org
5.
Jayan. 2010. CSS untuk orang awam. Palembang. Maxikom.
6.
Prijono Agus, dkk. 2005. Mudan dan Cepat Menguasai Pemrograman
WEB. Bandung. Informatika.
7.
Hakim Lukmanul. 2009. Jalan Pintas Menjadi Master PHP. Yogyakarta.
Lokomedia.
91