Professional Documents
Culture Documents
0
http://cristiandarie.ro/php-mysql-ecommerce-2 2011Zainal Abidin
TARGET PRODUK
No. 1. 2.
TENAGA AHLI Jenis Pekerjaan Tenaga Ahli Desain Template Web Web Template Designer Pemrograman Web Web Programmer
No. 1.
DESKRIPSI PEKERJAAN Tugas Menyiapkan direktori penampung data dan algoritma Menyiapkan file penampung algoritma bisnis web
2.
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
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
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.
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.
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">
</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>