Berikut ini adalah Assessment untuk dikerjakan oleh kelas D4SM-40-01. Pengerjaan ini dilakukan pada hari Senin untuk sesi ke-1 perkuliahan WebPro TFN (13.30-16.30).
Petunjuk Pengerjaan Assessment!
Perhatikan petunjuk berikut ini,
- Assessment dikerjakan secara Individu dan tidak boleh bekerja sama dan saling berkomunikasi dalam bentuk apapun (elektronik, verbal, kode, kertas, dll)
- Open Internet, Open Book!
- Pengerjaan dan Penilaian akan dilakukan secara live coding, di ruang praktikum.
- Waktu pengerjaan Assessment ini maksimal 125 menit
- Petunjuk pengumpulan Assessment akan disampaikan di kelas oleh Asisten Praktikum
Jika ada hal-hal yang kurang jelas, silahkan untuk ditanyakan kepada Dosen.
Assessment Kajian #1 Web Programming D4SM-40-01
Baca dengan teliti dan cermat perintah berikut ini,
- Apakah Anda sudah memahami konsep Client-Server pada Aplikasi Web. (10 point)
- Sebutkan Software untuk pengembangan aplikasi web di Client (Min. 4)
- Sebutkan Software untuk pengembangan aplikasi web di Server (Min. 4)
- Jelaskan Cara Kerja Client dan Server pada Aplikasi Web
- (70 poin) Buatlah Tampilan Web dengan layout 2-Columns, untuk NIM GENAP konten utama di kiri, untuk NIM GANJIL konten utama di kanan. Kemudian masing2 layout harus memiliki area berikut ini,
- Layout dibuat dengan teknik external link CSS, simpan file dengan format design.css
- Element layout web terdiri dari area Header, Footer, Sidebar, Menu-Top, main Content (konten utama). Sesuaikan isi dari setiap area tersebut sesuai kebutuhan Anda.
- Buat 3 halaman/page HTML yang saling terhubung (dengan hyperlink) dan menggunakan style CSS yang sama. Dengan ketentuan nama file sebagai berikut,
- file index.html, berisi boidata Anda
- file input.html, berisi form input data
- file nilai.html, berisi data Nilai Anda
- index.html, diisi dengan biodata Anda, mirip seperti di CV saat Anda akan melamar kerja. Buat tampilan CV yang rapih dan jelas, sertakan foto diri Anda.
- input.html, untuk NIM GANJIL. berisi form input Data Obat dengan ketentuan input data sebagai berikut,
- Nama Obat: Minima 3 karakter (*)
- Kode Obat: harus 12 karakter (*)
- Tanggal Produksi: format tanggal
- Tanggal Kadaluarsa: format tanggal (*)
- Kemasan: Kapsul, Tablet, Cair, Puyer, Kaplet, Salep/Oles
- Nama Distributor: minial 4 karakter
- Alamat Distributor: alamat lengkap
- Provinsi: pilihan sesuai jumlah provinsi di Indonesia
- Jenis: Sakit kepala, Lambung, Kulit, Internis, Kehamilan, Mata, Telinga, Mulut, Radang, Flu, Demam, Gigi,
- input.html, untuk NIM GENAP. berisi form input Data Wisata dengan ketentuan input data sebagai berikut,
- Nama Wisata: minimal 3 karakter (*)
- Alamat: input data alamat lengkap (*)
- Provinsi: pilihan sesuai jumlah provinsi di Indonesia
- Jenis Wisata: Gunung, Pantai, Sungai, Budaya, Kuliner, Rekreasi Anak, Hewan, Religius, Adat istiadat, Sport, Danau (*)
- Tanggal Persmian: sesuai format tanggal
- Harga Tiket: format rupiah
- Fasilitas: Resort, Area Anak, toilet, parkir mobil, parkir motor, tempat makan, penginapan,
- foto objek wisata: Upload Foto
- No.Kontak: Telpon tempat wisata (*)
- nilai.html, berisi Semua Nilai MK Anda mirip seperti tampilan di iGracias. Penyajian tampilan jadwal harus menggunakan Table.
- Penilaian BONUS akan diberikan untuk design web dan konten HTML yang kreatif.
- Buatlah contoh Script untuk HTML dan CSS berikut ini, kemudian berikan penjelasan (20 point)
- Untuk NIM GENAP,
- HTML video
- CSS Padding
- HTML google Maps
- CSS3 background Linear gradient
- CSS3 box shadows
- Untuk NIM GANJIL,
- HTML Audio
- CSS Margin
- HTML Youtube video
- CSS3 background Radial gradient
- CSS3 text shadows
- Untuk NIM GENAP,
Pengerjaan dilakukan langsung di kelas Praktikum!
Selamat mengerjakan, semoga mendapatkan hasil yang maksimal