FAKULTAS TEKNOLOGI INFORMASI1DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS © 2009 Fakultas Teknologi Informasi Universitas Budi Luhur Jl. Ciledug Raya Petukangan.

Presentasi berjudul: "FAKULTAS TEKNOLOGI INFORMASI1DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS © 2009 Fakultas Teknologi Informasi Universitas Budi Luhur Jl. Ciledug Raya Petukangan."— Transcript presentasi:

1 FAKULTAS TEKNOLOGI INFORMASI1DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS © 2009 Fakultas Teknologi Informasi Universitas Budi Luhur Jl. Ciledug Raya Petukangan Utara Jakarta Selatan 12260 Website: http://fti.bl.ac.id Email: sekretariat_fti@bl.ac.id Desain dan Pemrograman Web 1 PG110 – 3 SKS

2 FAKULTAS TEKNOLOGI INFORMASI2DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS STUDI KASUS PERTEMUAN 15

3 FAKULTAS TEKNOLOGI INFORMASI3DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS Materi  Contoh Studi Kasus

4 FAKULTAS TEKNOLOGI INFORMASI4DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS Studi Kasus #1 Toko Cahaya Makmur merupakan sebuah perusahaan yang bergerak di bidang penjualan kamera digital dari berbagai merk. Selama ini, toko ini hanya melaksanakan penjualan secara langsung melalui sebuah toko di daerah Fatmawati, tepatnya di ITC FATMAWATI, LT.2 NO.45 JL. RS. FATMAWATI NO. 39 - JAKARTA SELATAN PHONE: (021) 68664901, 7246835, 70623037 SMS: 0813-17587662. Untuk meningkatkan omset penjualan dan meningkatkan jumlah konsumen, pemilik Toko Cahaya Makmur berencana membuat suatu situs online yang akan menampilkan profil mengenai tokonya beserta produk-produk yang dijual. Karena terbatasnya sumber daya manusia, pemilik toko meminta bantuan Anda membuatkan situs untuknya.

5 FAKULTAS TEKNOLOGI INFORMASI5DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS Studi Kasus #1 Selanjutnya pemilik toko Cahaya Makmur memberikan beberapa catatan mengenai situs yang akan Anda buat:  Nama situs boleh Anda tentukan sendiri.  Situs mempunyai struktur menu utama sebagai berikut:  Home Di halaman depan ditampilkan sambutan selamat datang dan juga ucapan terima kasih atas kunjungan dari pengunjung. Di halaman depan juga ditampilkan 3 produk terbaru (disertai gambar dan keterangan singkat).  About Us Di halaman ini ditampilkan mengenai profil singkat perusahaan (sejarah, struktur organisasi, target konsumen dsb). Silahkan Anda tentukan sendiri mengenai hal ini.  Products Produk yang ditawarkan, terbagi dalam beberapa kategori kamera, yaitu: Canon, Casio, Fuji, Nikon, Olympus dan Sony (Anda boleh tambahkan). Untuk masing- masing kategori produk, terdapat minimal 4 (empat) jenis kamera yang ditawarkan. Silahkan Anda cari sendiri keterangan dan gambar mengenai masing- masing produk tsb.

6 FAKULTAS TEKNOLOGI INFORMASI6DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS Studi Kasus #1  Contact Us Halaman contact us berisi alamat, nomor telepon, fax, email yang bisa digunakan untuk mengontak perusahaan. Anda juga dapat menyertakan form contact-us secara online.  Guest Books Halaman ini merupakan halaman untuk mengisi bukutamu yang disediakan untuk pengunjung yang akan meninggalkan pesan dan kesan terhadap situs.  Produk yang ditampilkan harus disertai nama produk, gambar, keterangan singkat dan juga harganya.

7 FAKULTAS TEKNOLOGI INFORMASI7DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS

8 FAKULTAS TEKNOLOGI INFORMASI8DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS Studi Kasus #2 Sebuah LSM (Lembaga Sosial Kemasyarakatan) yang bernama Lembaga Cinta Bumi merupakan salah satu LSM yang berdiri sejak tahun 2007. Tujuan utama dari lembaga ini adalah mengkampanyekan penyelamatan bumi dari pencemaran lingkungan. Kegiatan utama LCB (Lembaga Cinta Bumi) antara lain dengan melakukan penghijauan, seminar-seminar serta penyuluhan-penyuluhan baik di sekolah, kampus maupun masyarakat. Semua bertujuan untuk memasyarakatkan kesadaran akan perlunya menjaga bumi ini tetap hijau dan segar. Untuk memperluas jaringan dan memperlebar jangkauan kegiatan, LSM ini berencana untuk membuat suatu situs online di internet. Situs ini terutama dapat digunakan untuk menyajikan informasi mengenai lembaga, kegiatan- kegiatan yang dilaksanakan, artikel-artikel tentang lingkungan hidup, dan juga gallery foto kegiatan.

9 FAKULTAS TEKNOLOGI INFORMASI9DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS Studi Kasus #2 Berikut ini spesifikasi situs yang diminta:  Nama situs boleh Anda tentukan sendiri  Design situs dan komposisi warna bebas  Situs setidaknya harus menampilkan sbb:  Halaman utama Halaman utama menampilkan berita atau artikel terbaru dari lembaga ini.  Kegiatan-kegiatan Halaman ini berisi kegiatan-kegiatan yang pernah dilakukan oleh LSM ini.  Artikel-artikel Lingkungan Halaman ini berisi beberapa artikel berhubungan dengan lingkungan hidup.  Galeri Foto Galeri foto menampilkan berbagai foto kegiatan yang pernah dilakukan. Foto yang ditampilkan disertai keterangan singkat.  Kritik dan Saran Halaman kritik dan saran berupa form inputan kritik dan saran yang dapat diisi oleh pengunjung.

10 FAKULTAS TEKNOLOGI INFORMASI10DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS

11 FAKULTAS TEKNOLOGI INFORMASI11DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS Studi Kasus #3 Kepala sekolah SMA tempat Anda dulu belajar suatu hari meminta Anda untuk membuatkan situs untuk SMAnya. Berikut ini spesifikasi situs yang diminta:.  Nama situs boleh Anda tentukan sendiri  Design situs dan komposisi warna bebas  Situs setidaknya harus menampilkan sbb:  Halaman utama Halaman utama menampilkan berita terbaru dari SMA ini.  Fasilitas SMA Halaman ini berisi fasilitas (sarana dan prasarana) yang dipunyai oleh SMA, akan lebih baik jika disertai ilustrasi gambar (foto).  Prestasi-prestasi Halaman ini berisi prestasi apa saja yang pernah diraih oleh SMA.  Galeri Foto Galeri foto menampilkan berbagai foto kegiatan yang pernah dilakukan. Foto yang ditampilkan disertai keterangan singkat.  Buku tamu Halaman kritik dan saran berupa form inputan buku tamu yang dapat diisi oleh pengunjung.

12 FAKULTAS TEKNOLOGI INFORMASI12DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS Terima Kasih Fakultas Teknologi Informasi Universitas Budi Luhur Jakarta Selatan http://fti.bl.ac.id http://fti.bl.ac.id