LOG MY PROJECT

Project kali ini adalah membuat situs Ads…tapi khusus untuk jual beli produk. Dengan kata lain ini adalah pengembangan e-commerce yang memungkinkan orang lain untuk memasang iklan juga di dalamnya.

Sebagian teman menyebutnya B2B ( Business to Business  ) ada juga yang menyebutmya C2C (Customer to Customer) atau apala sebutannya, tidak ngerti aku karena aku bukan orang akademis yang tahu tentang definisi2 itu.

Konsep yang saya ambil adalah :

  1. Situs : adalah etalase dari semua produk, jasa, atau lainnya yang dipasang di situs ini.
  2. Admin : adalah pengelola utama situs ini,
  3. Vendor/Company : adalah pihak ketiga yang tidak memiliki hubungan langsung dengan situs ini,
  4. Customer : adalah semua pengunjung,
  5. Banner : adalah pihak ketiga yang “menitipkan/mengiklankan” prosuk, jasa, atau webnya ke situs ini
  6. etc

Dalam hal ini sebagian besar adalah sama dengan ecommerce pada umumnya, namun perubahan yang dibuat meliputi :

  • Pengunjung bisa melihat, memasang, merubah status iklan, menghapus, melihat iklan orang lain, etc
  • customer bisa memasang iklan,
  • customer bisa melihat iklan customer lainnya (sesuai ijin pemasang iklan),
  • pencari iklan bisa “dihubungi” pemasang iklan kalau diijinkan sesuai pengaturan pribadi,
  • etc….itu dulu aja deh.

Langkah-langkah yang di ambil :

  1. Melihat-lihat referensi situs yang sudah ada,
  2. Mencari cms (gratis) yang paling mendekati dengan profil yang dikehendaki ini (OsCommerce).
  3. menentukan bentuk thema (theme) yang paling mudah digunakan (user friendly).
  4. Menambah fitus sana-sini. :)

Mulai saja ya:

Langkah Pendahuluan:

  1. Install lokal server di komputer (sudah sebelumnya – aku pakai wampserver)
  2. Download CMS yang dipakai, dalam hal ini pakai oscommerce,
  3. Install oscommerce di server lokal,
  4. Trus pelajari cms ini.

6 Maret 2012 (12.00 WIB) …………………………………

target hari ini adalah merubah tampilan header

  • memberi jarak “header” 5px, aktion nya :
    • localhost\namawebanda\stylesheet.css ditambah baris ini :
      • #space {height:5px;}
    • localhost\namawebanda\header.php ditambah baris ini diatas –> <div id=”header”>:
      • <div id=”space”></div>
  • membuat baris shortcut terpisah dari “header” dan memindahkan MyAcc ke baris ini.
    • localhost\namawebanda\stylesheet.css ditambah baris ini :
      • /* HEADER SHORTCUT */
        #headerShortcuts {
        height:35px;
        background-color:#3399FF;
        vertical-align:middle;
        margin: 1px 0px 0px 5px;
        }
        #headerShortcutsdet {
        float: right;
        margin: 4px 10px 0px 0px;
        }
    • localhost\namawebanda\header.php
      •   <div id=”headerShortcuts”>
        <div id=”headerShortcutsdet”><?phpif (tep_session_is_registered(‘customer_id’)) {
        echo tep_draw_button(HEADER_TITLE_LOGOFF, null, tep_href_link(FILENAME_LOGOFF, ”, ‘SSL’));
        echo (‘&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;’);
        }echo tep_draw_button(HEADER_TITLE_CART_CONTENTS . ($cart->count_contents() > 0 ? ‘ (‘ . $cart->count_contents() . ‘)’ : ”), ‘cart’, tep_href_link(FILENAME_SHOPPING_CART)) .
        tep_draw_button(HEADER_TITLE_CHECKOUT, ‘triangle-1-e’, tep_href_link(FILENAME_CHECKOUT_SHIPPING, ”, ‘SSL’)) .
        tep_draw_button(HEADER_TITLE_MY_ACCOUNT, ‘person’, tep_href_link(FILENAME_ACCOUNT, ”, ‘SSL’));?>
        </div><script type=”text/javascript”>
        $(“#headerShortcuts”).buttonset();
        </script>
        </div>
    • membuat baris khusus untuk pencarian “Search” dan pendaftaran
      •  localhost\namawebanda\stylesheet.css ditambah baris ini :
        • /* PENCARIAN HEADER */
          #cari {
          height:30px;
          background-color:#FF9933;
          vertical-align:middle;
          margin: 1px 0px 1px 5px;
          }
          #caribox {
          float: left;
          margin: 4px 0px 2px 5px;
          background-color:#FF9933;
          }
      • localhost\namawebanda\header.php
        • <div id=”cari”>
          <div id=”caribox”>
          <?php echo tep_draw_form(‘search’, tep_href_link(FILENAME_ADVANCED_SEARCH_RESULT, ”, ‘NONSSL’, false), ‘get’) . tep_draw_hidden_field(‘search_in_description’,’1′) . tep_draw_input_field(‘keywords’, ”, ‘size=”10″ maxlength=”100″ style=”width: ‘ . (140) . ‘px”‘) . ‘ ‘ . tep_hide_session_id() .'<input type=”submit” name=”Submit” value=”Search”>’ . ‘</form>’;?>
          </div>
          </div>

Dan hasilnya bisa dibandingkan dengan aslinya dibawah ini.

belum signifikan sih perubahannya, tapi sangat sesuai dengan yang aku inginkan :)

Sudah dulu…besok lanjut lagi…mau chat dulu.

06 Maret 2012 ( 23:31) …………………….

  • Menambah lebar sidebar.

Cukup lama aku cari php dan css yang mengatur lebar sidebar, setelah 5 jam lebih akhirnya menyerah dan buka forum dan akhirnya menemukan caranya dalam 5 menit (hadooh).

Ternyata template default ini menggunakan sistem grid dengan total 24 (angka fix).

  •  localhost\namawebanda\includes\classes\osc_template.php
    •   class oscTemplate {
      var $_title;
      var $_blocks = array();
      var $_grid_container_width = 24;
      var $_grid_content_width = 16;
      var $_grid_column_width = 4;
    • Keterangan :
      • 24 adalah total width, sidebar (kiri+kanan = 4 + 4), 16 adalah bagian tengah.
    • Aku merubahanya menjadi :
      •     var $_grid_container_width = 24;
        var $_grid_content_width = 14;
        var $_grid_column_width = 5;
    • Catatan : Angka yang diijinkan dapat dilihat di :

Sudah dulu, nanti dilajut lagi.

6 Maret 2012 (23.45 WIB) …………………………………

Oke…rencana selanjutnya adalah ingin membuat template secara keseluruhan hanya terdiri dari 2 kolom…hmmmm

Aku coba masuk ke admin kemudian pindahkan semua bagian (kanan) ke kiri, dan hasilnya secara otomatis bagian tengah melebar sampai kesisi paling kanan … perfect…but content of product still 3 column product showed…hmmm

the question is, how can I add more product in one line?

?????? oke, let me try it first.

 

07 Maret 2011 (23:27) ……………………………

Seharian belum menghasilkan apapun yang berarti, selain membuat categories menjadi lebih bagus dengan Categories Accordion yang aku donlot di sini : oscommerce .

Gapapa deh ….

Tinggalkan balasan

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s