Materi TIS Semester 121

Slide Presentasi Materi :
TIS 1
TIS 2

Alamat Blog Peserta PWEB D3 KA 111

Silahkan komentar di post ini dengan menggunakan format :

NIM :

Nama :

Alamat Blog :

Ditunggu paling lambat di pertemuan ke-2, Rabu, 14 September 2011 07.30 WIB

UTS Desproweb 102

Studi Kasus : Buatlah sebuah web untuk perusahaan trading yang bergerak di bidang (pilih salah satu) :

• Kehutanan -> Kayu Hutan, Rotan, Getah Pinus, dll
• Kelautan -> Ikan Hasil Tangkapan, Budidaya Keramba Apung, Tambak, Rumput Laut, dll
• Pertanian -> Palawija, Beras, Hasil Bumi yang Lain, dll
• Pertambangan -> Timah, Emas, Perak, dll
• Kerajinan -> Pahatan Patung, Mebel, dll

Bantulah perusahaan yang anda pilih untuk mempromosikan bisnis perusahaan tersebut sehingga siapapun yang mengunjungi web yang anda buat akan jelas barang dan jasa apa yang ditawarkan, dan bagaimana cara untuk memulai hubungan bisnis dengan perusahaan tersebut Spesifikasi umum webnya adalah berikut : Hirarki Web :

• Home : Berisi tentang kata sambutan dan profil umum web
• Profil Perusahaan :
  • Visi & Misi Perusahaan
  • Struktur Organisasi Perusahaan -> silahkan diasumsikan
  • Prestasi Perusahaan -> volume penjualan, MoU, dll
• Bisnis Perusahaan :
  • Sekilas tentang bisnis yang dijalankan
  • Preview jenis-jenis komoditas dalam bentuk gallery gambar thumbnail -> minimal ada 4 jenis komoditas
    • Preview tampilan barang dari jenis komoditas dalam bentuk gallery gambar thumbnail -> minimal ada 8 barang per komoditas.
    • Ketika gambar/caption di gallery di-klik, maka akan muncul halaman lain yang menampilkan gambar dalam resolusi yang lebih besar, lengkap beserta keterangan harga. tampilkan juga sebuah textbox agar user bisa menginputkan sebuah angka antara 1-1000. ketika tombol "hitung" ditekan, maka akan muncul tampilan lain yang menampilkan harga total (harga barang dikali angka input).
  • Cara menjalin kerjasama dengan perusahaan ini
• Kontak Perusahaan :
  • e-mail -> harus ada secara riil dan bisa dikontak untuk add Yahoo Messenger
  • telepon, fax
  • kontak jejaring sosial -> harus ada secara riil dan dibentuk sebagai page di facebook
• Tentang web
  • Keterangan web dan alasan web dibuat -> Nama web adalah nama sungai di dunia dalam bahasa Inggris
  • Halaman Profil Developer
    • Keterangan codename kelompok
    • Profil dan job desc dari masing-masing developer

Spesifikasi Layout :

• Layout seluruh halaman web harus konsisten :
  • Warna
  • Jenis font
  • Perataan dan penataan content
  • dll
• Layout seluruh halaman web harus menggunakan external style sheet
• Secara umum, format untuk setiap halaman :
  • Lebar untuk layout halaman max 1000px
  • Header di badan atas dokumen (tinggi 200px)
  • Menu navigasi untuk berpindah antar halaman di badan tengah kiri (lebar max 200px)
  • Content berada di badan tengah kanan (lebar max 800px)
  • Copyright di badan bawah (tinggi max 30px)
• Tema Warna :
  • Kehutanan -> Gradien Coklat-Hijau
  • Kelautan -> Gradien Biru-Putih
  • Pertanian -> Gradien Oranye-Kuning-Hijau
  • Pertambangan -> Gradien Hitam-Emas-Perak
  • Kerajinan -> Gradien Abu-abu-Coklat-Merah
• Resolusi gambar perbandingannya harus 4:3 dan landscape
• Resolusi max thumbnail : 320x240 px
• Resolusi max gambar : 640x480 px

Rencana Materi PPWeb

Rencana materi tiap pertemuan :

Materi PPWEB

Rancangan Materi :

• Pengantar http://www.cs.tufts.edu/comp/150WEB/notes/intro.php
  • Web Engineering
  • Website Lifecycle
  • dll
• Correctness http://www.cs.tufts.edu/comp/150WEB/notes/correctness.php
  • Program Correctness
  • Why Important?
  • dll
• XML Schema http://www.cs.tufts.edu/comp/150WEB/notes/xschema.php
  • Validating Schemas
  • Goal
  • Type restriction
  • dll
  • Tugas : Studi Kasus
• Demo Studi Kasus
  • Desain Architecture Pengembangan
  • Desain Database
  • Desain Class
  • Desain Interface Program
  • Prototype Program
• Queries http://www.cs.tufts.edu/comp/150WEB/notes/queries.php
  • Arsitektur Advanced Application
    • Multi-tier architecture
    • Interface Encapsulation
  • SQL Basic
  • dll
  • Implementasi integrated database dan web application
    • Data Source
    • I/O Implementation
• Service Architecture http://www.cs.tufts.edu/comp/150WEB/notes/service.php
  • SOAP
  • WSDL
  • UDDI
  • dll
• Web Service Implementation
  • Data Source
  • Class Definition
  • Service Definition
  • Service Hosting
  • Service Access
  • Simple Output
• UTS : Demo Perbaikan Studi Kasus
  • Desain Architecture Pengembangan
  • Desain Database
  • Desain Class
  • Desain Interface Program
  • Prototype Backend dan Middleware
• Security Goals http://gcu.googlecode.com/files/1.ppt
  • 7 key security concepts
  • dll
  • Penentuan tema project akhir
• Secure Systems Design http://gcu.googlecode.com/files/2.ppt
  • Understandng Threats
  • Designing-In Security
  • dll
  • Konsultasi Draft Pendahuluan Project
• Secure Design Principles http://gcu.googlecode.com/files/3.ppt
  • Principle of Least Privilege
  • Defense-in-Depth
  • dll
  • Konsultasi Revisi Pendahuluan Project dan Draft Daftar Pustaka
• Konsultasi
  • Konsultasi Revisi Pendahuluan dan Draft Metodologi Perancangan
    • Desain Architecture Pengembangan
    • Desain Database
    • Desain Class
    • Desain Interface Program
• Konsultasi
  • Prototype Database, Class dan Interface Web Service
  • Revisi Draft Metodologi Perancangan
• Konsultasi
  • Revisi Prototype Database, Class dan Interface Web Service
  • Prototype I/O
• Konsultasi
  • Revisi Prototype I/O
  • Penentuan Jadwal Demo
• Minggu Tenang : Demo Final
• UAS : Pengumpulan Dokumentasi dan Laporan

Rencana penilaian :

• Demo akan ada 1x pre UTS dan 6x pasca UTS (40%)
• kehadiran (undefined)
• UTS dalam format demo per kelompok (30%)
• UAS dalam format demo per kelompok (30%)

Ketentuan Tugas :

• format word
• dikirim ke email (cc)
• penamaan subject : PPWEB-102-<Kelas>-<Nomor Kelompok>-<Nomor Tugas>

Hosting Senin Pagi

Silahkan Komen di artikel ini untuk alamat hosting anda 🙂