You are on page 1of 7

SIMULASI PROYEK PEMBUATAN WEB TShirtShop 1.

0
http://cristiandarie.ro/php-mysql-ecommerce-2 2011Zainal Abidin

Simulasi TShirtShop 1.0

June 15, 2011

TARGET PRODUK

Simulasi TShirtShop 1.0

June 15, 2011

No. 1. 2.

TENAGA AHLI Jenis Pekerjaan Tenaga Ahli Desain Template Web Web Template Designer Pemrograman Web Web Programmer

No. 1.

Tenaga Ahli Web Programmer

DESKRIPSI PEKERJAAN Tugas Menyiapkan direktori penampung data dan algoritma Menyiapkan file penampung algoritma bisnis web

Membuat program web

2.

Web Template Designer

Mendesain logo tshirtshop

Rincian Pekerjaan Membuat direktori libs, include, configs, presentation, images, styles yang berada di bawah direktori utama tshirtshop Membuat file site.conf dan meletakkannya pada direktori tshirtshop /include/configs Membuat file config.php dan meletakkannya pada direktori tshirtshop /include Membuat file index.php dan meletakkannya pada direktori tshirtshop Mendownload program Smarty dari http://www.smarty.net/files/Smarty-3.0.8.zip Mengekstrak Smarty-3.0.8.zip Copy folder libs ke direktori tshirtshop /libs Ganti nama folder menjadi smarty, sehingga menjadi tshirtshop /libs/smarty Membuat skrip program site.conf Membuat skrip program config.php Membuat skrip program index.php Mendesain logo tshirtshop dan meletakkannya pada direktori tshirtshop /images

Simulasi TShirtShop 1.0

June 15, 2011

Menyiapkan sub-direktori dan file penampung algoritma aplikasi web

Membuat program aplikasi web Membuat desain template web

Membuat sub-direktori presentation, yaitu: template dan template_c Membuat file application.php dan meletakkannya pada direktori tshirtshop /presentation Membuat file store_font.tpl dan meletakkannya pada direktori tshirtshop /presentation/template tshirtshop.css dan Membuat file meletakkannya pada direktori tshirtshop /styles Membuat skrip program application.php Mendownload program desain CSS dari http://developer.yahoo.com/yui/download Mengekstrak yui-2.9.0.zip Copy file dari yui-2.9.0 /build/reset/restmin.css ke direktori tshirtshop /styles Copy file dari yui-2.9.0 /build/base/basemin.css ke direktori tshirtshop /styles Copy file dari yui-2.9.0 /build/fonts/fontsmin.css ke direktori tshirtshop /styles Copy file dari yui-2.9.0 /build/grids/gridsmin.css ke direktori tshirtshop /styles Membuat skrip program tshirtshop.css Membuat desain baris dan kolom (cell) halaman web secara on-line menggunakan aplikasi dari

Simulasi TShirtShop 1.0

June 15, 2011

http://developer.yahoo.com/yui/grids/builder Memodifikasi skrip dari http://developer.yahoo.com/yui/grids/builder untuk dijadikan skrip program store_font.tpl SKRIP PROGRAM WEB Keterangan Menampung variabel untuk judul halaman web Mendefinisikan direktori yang akan digunakan oleh Smarty Mengeksekusi Smarty dan menampilkan template web, yaitu: store_font.tpl

No. 1. 2. 3.

Skrip Program site.conf config.php index.php

No. 1. 2. 3. 4.

SKRIP DESAIN TEMPLATE WEB Skrip Program Keterangan application.php Memanggil kelas smarty Setting direktori yang akan digunakan oleh Smarty Skrip program dari Teknologi: HTML4 http://developer.yahoo.com/yui/grids/builder Struktur: header, daftar departemen, konten, footer tshirtshop.css Setting kelas dan id CSS yang diperlukan oleh web dari http://developer.yahoo.com/yui/grids/builder store_font.tpl Teknologi: XHTML1 Struktur: daftar departemen, konten Skrip program dari http://developer.yahoo.com/yui/grids/builder store_font.tpl {config_load file="site.conf"} <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

No. 1. 2.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML

Simulasi TShirtShop 1.0

June 15, 2011

4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 3. 4. <html> </html> <head> <title>{#site_title#}</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link type="text/css" rel="stylesheet" href="styles/tshirtshop.css" /> </head> <body class="yui-skin-sam"> </body> <div id="doc" class="yui-t2"> </div> <div id="hd" role="banner"> <h1>Header</h1> </div> <div id="bd" role="main"> </div> <div id="yui-main"> </div> <div class="yui-b"> </div> <div class="yui-g"> <!-- YOUR DATA GOES HERE -->

Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd"> <html> </html> <head> <title>YUI Base Page</title> <link rel="stylesheet" href="http://yui.yahooapis.com/2.8.0r4/build/reset-fontsgrids/reset-fonts-grids.css" type="text/css"> </head> <body> </body> <div id="doc" class="yui-t2"> </div>

5 6 7

8 9 10 11

<div id="yui-main"> </div> <div class="yui-b"> </div> <div id="header" class="yui-g"> <a href="index.php">

Simulasi TShirtShop 1.0

June 15, 2011

</div>

12

13

14

<div class="yui-g"> <!-- YOUR DATA GOES HERE --> </div> <div class="yui-b"> <!-- YOUR NAVIGATION GOES HERE --> </div> <div id="ft" role="contentinfo"> <p>Footer</p> </div>

<img src="images/tshirtshop.png" alt="tshirtshop logo" /> </a> </div> <div id="contents" class="yui-g"> Place contents here </div> <div class="yui-b"> Place list of departments here </div>

You might also like