Desain Web

PENGUMUMAN…. KHUSUS KELAS REGULER

SILAKAN CEK NILAI SEMENTARA DI TAB NILAI (KANAN ATAS)

Seperti anda saksikan sendiri, banyak yang belum mengumpulkan tugas, mengumpulkan tugas tidak lengkap, atau belum mengerjakan test online.  Oleh karena itu saya memberikan kesempatan terakhir kepada anda semua untuk melengkapi tugas dan mengerjakan test online.

  • Website untuk tugas dapat anda daftarkan ulang pada FORM BERIKUT.
  • Petunjuk mengerjakan test dapat anda lihat di page “Pengantar MM” (kanan atas), baca bagian “UJIAN ONLINE”. Jika berhasil login, kerjakan test “UAS Web_design” saja.

Batas terakhir untuk mengerjakan semuanya adalah hingga hari Rabu 17 Juli 2013, jam 08.00.  Nilai akan saya kompilasi ulang jam 09.00.  Semua keluhan dapat disampaikan langsung hari Rabu jam 08.00-10.00 di ruang B409. Jam 10.00  nilai akan saya serahkan ke bagian akademik.

——————————————————

PERHATIAN…!!!

PENGUMUMAN INI KHUSUS UNTUK YANG MENGAMBIL MATA KULIAH DESAIN WEB KELAS REGULER (SEMESTER GENAP, 2012-2013, BERLANGSUNG JAN-JUNI 2013).

Berhubung, setelah dicermati dengan seksama, link-link dan alamat website yang anda berikan untuk tugas web desain kebanyakan tidak bisa diakses, entah ngaco dari awal, entah expired, dlsb, maka dengan ini saya meminta semua peserta kuliah WEB DESAIN kelas reguler (bukan SP), untuk mendaftarkan ulang alamat website pada FORM BERIKUT.   Eeeeiiits….Sebelum mendaftar, baca baik-baik tugas yang harus anda kumpulkan sebagai berikut :

  • Tugas 1 : Membuat halaman perkenalan, memuat data diri anda, dilengkapi dengan foto dan link ke berbagai akun social network yang anda miliki.  Contoh seperti link yang sudah sukses. Pada halaman perkenalan ini buatlah LINK ke semua tugas anda lainnya, yaitu tugas 2 sampai tugas 6.
  • Tugas 2 : Membuat artikel tentang data warehouse, expert system, knowledge management, artificial intelligent, dlsb  (ada 6 topik) yang dapat anda PILIH salah satu.  Gaya pembuatan artikel mengikuti gaya tampilan pada Wikipedia, dilengkapi dengan gambar sesuai kebutuhan, dan cantumkan sumber artikel anda.
  • Tugas 3 : Membuat artikel liputan kegiatan WIFI Utama 2013, diposting di blog Widyatama anda masing-masing.
  • Tugas 4 : Membuat Table
  • Tugas 5 : Membuat internal link
  • Tugas Besar (tugas 6): Membuat aplikasi sederhana yang terdiri atas
    • Mengakses satu tabel, terdiri dari 2-3 kolom, isi tabel bebas, misalnya tentang data teman anda, data UKM yang anda ikuti, data buku, dan sebagainya.
    • Tampilan pertama kali berupa form Login, seperti contoh ini (tapi ga bisa dicoba, karena tdk ada informasi userid dan password)
    • Jika berhasil login, seharusnya ditampilkan menu sebagai berikut :
      • Display data (dalam bentuk tabel)
      • Tambah data
      • Hapus data
      • Ubah data
      • Cari data
    • Setiap menu yang diklik, akan menampilkan halaman dengan fitur yang sesuai, misalnya untuk tambah data, akan ditampilkan form untuk menambah data, hasilnya dapat dilihat pada “Display data”.

Jadi, yang harus anda daftarkan pada form diatas hanya SATU alamat web saja, yaitu alamat web tugas 1 yang memuat halaman perkenalan.

Pada form tersebut juga dicantumkan kolom “userid” dan “password”, yang diisi dengan userid dan password yang diperlukan untuk membuka / mengakses halaman LOGIN pada tugas besar.

Nilai keseluruhan tugas adalah 40% dari nilai akhir anda. Adapun nilai tugas dihitung dengan persentase berikut :

Tugas 1 : 10%,  Tugas 2 : 20%,  Tugas 3 : 10%, Tugas 4 : 10%, tugas 5 : 10%,  tugas besar : 40 %.

Semua tugas-tugas tersebut harus sudah dapat diakses pada hari Kamis, tanggal 11 Juli 2013, jam 21.00.  Jika tidak dapat diakses pada waktu tersebut, maka nilai tugas tidak dapat diberikan.

———————————————————————————————————————————-

Kuliah Semester Pendek

Jadwal  :  Selasa – Kamis 11.00-12.40 (B412)

Diktat Kuliah Web Desain

Penilaian :  Tugas : 20%,  UTS : 35 %, UAS : 45%.
UTS dan UAS  :  Online (60%) + Tertulis (40%)
Course Plan

 

Pertemuan Materi Tugas
I Mengenal Web, teknologi Web, web server, dan web hosting Download diktat kuliah (lihat link di atas)Daftarkan diri anda pada situs hosting web gratisan. Boleh daftar di situs mana saja dan coba upload satu file html sederhana.
II Buat satu file HTML dan posting di alamat web hosting yang sudah anda buat pada tugas sebelumnya.File HTML tersebut harus memuat hal-hal berikut :

  • Menggunakan 3 macam font yang berbeda, baik jenis dan ukurannya.
  • Menggunakan list (bullet dan number)
  • Memuat gambar
  • Background halaman berwarna atau dilengkapi dengan gambar background

Daftarkan alamat situs anda pada form berikut , paling lambat pada hari kuliah yang sama, jam 24.00

III Tag HTML Dasar Pada situs web yang sudah anda buat sebelumnya, buatlah satu halaman baru yang memuat satu artikel dengan tema seperti di bawah ini. Artikel pada file html tersebut boleh menggunakan konten pada situs wikipedia atau situs lainnya, untuk alternatif topik sebagai berikut:

  • Decision support system
  • Expert System
  • Data mining
  • Data warehouse
  • Knowledge Management System
  • Artificial Intelligence

Aturlah file anda agar struktur dan layoutnya dibuat seperti tampilan pada Wikipedia, yaitu :

  • Judul
  • Deskripsi umum
  • Daftar isi artikel –> dibuat dalam bentuk list, dikaitkan dengan paragraf yang membahas isi tersebut menggunakan tag html internal link.  Di ujung setiap pembahasan, buat link agar dapat kembali ke daftar isi.
  • Lengkapi dengan gambar pendukung, jika pada artikel tersebut tidak ada gambar atau gambarnya dianggap kurang lengkap.

 

IV HTML Table, link  lihat tugas di file berikut 
V Frame dan Form FRAME : Lihat tugas di file berikut.  Gambar pada contoh file tersebut dapat diunduh dari alamat berikut. Gambar dapat diganti dengan gambar lain yang sejenis (berupa banner/header dengan banyak obyek).FORM : Buatlah form dengan desain seperti pada diktat kuliah, halaman 34 (Pendaftaran Anggota Bramatala).Simpan / posting semua tugas anda di atas, pada alamat hosting yang sudah anda miliki, siapkan link di halaman utama untuk mengakses tugas-tugas tersebut.
VI CSS Pelajari introduction to CSS, coba buat file dgn tampilan seperti di contoh.Kerjakan latihan seperti contoh berikut. Posting semua hasil kerja anda di situs website yang sudah anda daftarkan sebelumnya.
VII Javascript
VIII PHP Intro  Pelajari cara pengolahan form. Buat form sederhana untuk penjualan online, yang dilengkapi dengan perhitungan sederhana
IX MySQL database
  • Pelajari cara membuat table di MySQL, kerjakan langsung di lokasi website yang sudah anda daftarkan.  Untuk studi kasus, buatlah table sederhana dengan struktur sbb :
    • Nama tabel : Barang
    • Field : Kode_barang, Nama_barang, jenis, harga, gambar
  • Isilah table anda dengan 10 baris data. Untuk data gambar, dapat diisi dengan hyperlink ke gambar dari alamat/situs lain.
  • Pelajari cara menampilkan isi tabel anda di php, khususnya langkah 5 dan 6. Cobalah menampilkan isi tabel yang sudah anda buat, melalui script php.  Jalankan php anda di website yang sudah anda daftarkan.

 

X PHP Simple Programming
XI PHP Simple Form processing
XII PHP – MySQL
XIII Post database
XIV Studi kasus

 

 

UTS PRAKTEK

 

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code lang=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" extra="">