Selamat Liburan Tahun Baru Hijriyah!

Jangan lupa untuk mempersiapkan Assessment #1 Web Programming yang akan dilaksanakan pekan depan, hari Senin (25 September 2017) dan Selasa (26 September 2017) sesuai jadwal praktikum kelas masing-masing.

Materi Assessment pada Kajian #1 ini sesuai dengan target pembelajaran:

• Konsep dasar Web
• Teknik Scripting HTML5
  • Basic HTML
  • Tag dan konten web
  • Form Input Data
• Web Design dengan CSS3
  • Teknik scripting CSS3
  • design konten web dan modifikasi
  • layout web

Semua referensi dapat Anda gunakan, baik dari Modul Praktikum, Buku Referensi yang telah direkomendasikan, Tutorial online di w3schools, maupun link referensi lainnya di Internet. Persiapkan bahan materi dan referensi tersebut agar Anda memahami secara umum pengerjaan Layout Web Design. Jangan lupa untuk mencoba dan berlatih menggunakan script serta referensi, agar menjadi terbiasa dan cepat dalam pengerjaan Tugas Assessment.

Mainan Persiapan Assessment #1

Untuk mempersiapkan Assessment, Anda diminta mengerjakan mainan berikut ini. Tujuan dari mainan ini adalah sebagai bentuk latihan penggunaan script HTML dan CSS. Waktu pengerjaan Mainan ini diasumsikan secara mandiri dalam waktu 2 hari pengerjaan.

A. Perhatikan dengan baik dan benar list mainan berikut ini,

1. Anda diminta oleh Client untuk membuat tampilan Design Web dalam bentuk HTML dan CSS. Halaman Web yang harus Anda buat terdiri dari,
   • index.html
   • galeri.html
   • kontak.html
2. Kemudian buatlah file design CSS, untuk ketiga halaman web diatas. Berikan nama style.css
3. Buatlah tampilan layout web tersebut dalam bentuk 3-Columns Fluid Layout. Teknik ini dapat Anda lihat di buku Learning Web Design, Chapter 16, Exercise 16-1. Element Layout (3-Columns) tersebut terdiri dari,
   • header (dibagian atas)
   • sidebar left (dibagian kiri)
   • sidebar right (dibagian kanan)
   • main-content (area utama dibagian tengah)
   • footer (dibagian bawah)
4. Setiap element layout yang Anda buat, dapat diisi sesuai kreatifitas masing-masing. Anda bisa mencontek dari web design yang umumnya dilakukan. Misal pada bagian Header diberi Judul dari Web, lalu ada logo perusahaan atau kata-kata tagline. Misal pada bagian Footer Anda bisa menuliskan copyright atau alamat dari pemilik web tersebut. Misal pada bagian Sidebar diisi dengan link, menu, atau fitur tulisan lainnya.
5. Design Layout untuk 3 halaman web yang Anda buat pada poin-1 harus sama dengan format layout 3-Columns pada poin-3
6. Halaman index.html diisi dengan artikel tulisan mengenai profile Anda, yaitu dalam bentuk Curriculum Vitae (CV). Sertakan penggunaan foto atau table jika diperlukan.
7. Halaman geleri.html diisi dengan tampilan 6 foto dengan layout yang menarik, dan rapih. setiap foto diberikan tulisan atau caption atau penjelasan atau judul foto
8. Halaman kontak.html diisi dengan informasi kontak Anda, dan lengkapi dengan form input kontak pesan kepada Anda, yang terdiri dari inputan,
   • Nama Pengirim
   • Alamat Email
   • Jenis Kelamin
   • Tanggal Lahir
   • Alamat
   • Pilihan Prodi (FIT)
   • Pesan
   • Tombol kirim
9. Jangan lupa untuk membuat link/hyperlink, agar ketiga halaman tersebut saling terhubung. Sesuaikan peletakan link pada posisi element layout yang sesuai.
10. Buat design Web Anda sekreatif, sebaik dan sebagus mungkin, manfaatkan berbagai macam trik CSS yang telah Anda dapatkan dari Referensi atau contekan

 

B. Cara Pengerjaan Mainan?

Perhatikan petunjuk pengerjaan mainan diatas,

1. Mainan ini dikerjakan secara individu, dan menjadi syarat wajib untuk dapat mengikuti Assessment #1 Web Programming
2. Kerjakan mainan ini pada komputer atau laptop Anda, ikuti petunjuk penggunaan file diatas.
3. Kemudian tuliskan scripting HTML dan CSS yang telah Anda buat tersebut, dengan tulisan tangan pada kertas A4 70gram. Tulisan tangan harus rapih dan mudah dibaca. Berikan penanda yang jelas pada kertas atau tulisan Anda untuk keterangan nama file scripting yang dituliskan.
4. Setiap file scripting HTML atau CSS yang Anda buat, harus dituliskan dalam kertas A4
5. kemudian pada bagian akhir, print tampilan web untuk ketiga halaman yang telah Anda buat (screenshot web) susun secara rapih dan mudah terlihat.
6. Jangan lupa untuk menuliskan identitas pada setiap lembar A4. Terdiri dari NIM, NAMA, dan KELAS
7. Bawa Hasil scripting tulisan tangan dan Print ScreenShot web buatan Anda saat akan melaksanakan Assessment #1 Web Programming

 

Selamat Mengerjakan Mainan! Jika ada yang kurang dipahami, silahkan tanyakan pada kolom komentar, atau melalui email tambunan.

Thx

 

---

Bocoran Assessment Kajian #1 Web Programming

Coming soon…