Membina Bukutamu Bahagian 1 (Perancangan)

Artikel kali ini akan menceritakan bagaimana mahu membina bukutamu (guestbook). Bahagian 1 akan menceritakan bagaimana mahu merancang perjalanan bukutamu tersebut.

Bagi pembangun yang sudah mahir, membina bukutamu adalah sangat mudah. Untuk mereka yang tidak mempunyai asas, membuat bukutamu sudah cukup untuk membolehkan kamu memahami konsep asas iaitu cipta, kemaskini dan padam data yang ada didalam pangkalan data. Nama ringkas proses ini didalam bahasa Inggeris adalah CRUD dimana CR-Create, U-Update dan D-Delete. Sekiranya kamu terjumpa istilah CRUD ini dimana-mana laman sawang, janganlah terkejut.

Mengumpul keperluan.

Mengumpul keperluan serta spesifikasi sistem adalah proses asas dalam mana-mana pembangunan sistem. Mengumpul data serta spesifikasi yang betul dapat memudahkan proses pembangunan sistem kelak. Memandangkan kita hanya mahu membuat bukutamu. Maka tanya diri sendiri. Apa data yang kita nak simpan?

1. Nama / katanama
2. Alamat Emel
3. Alamat Laman Sawang
4. Komen

Aliran proses.

Setelah kita kenalpasti data apa yang ingin disimpan, Tentukan aliran proses bagi setiap proses yang ada. Cipta, Kemaskini dan Padam.

1. Cipta
Penguna masuk ke bukutamu -> Isikan semua maklumat yang diperlukan -> Pengguna klik pada butang simpan -> Simpan semua maklumat didalam pangkalan data.

2. Kemaskini
Pengguna masuk ke bukutamu -> Klik pautan kemaskini pada komen yang ingin dikemaskini -> Pengguna lakukan pembetulan -> Pengguna klik butang simpan -> Kemaskini maklumat yang berkaitan di dalam pangkalan data.

3. Padam
Pengguna masuk ke bukutamu -> Klik pautan padam pada komen yang ingin dipadam -> Paparan kepastian sama ada pengguna benar-benar mahu memadam rekod -> Jika ya padam rekod jika tidak balik ke halaman asal.

Membina Pangkalan Data

Dari proses mengumpul keperluan, kita sudah boleh mula membina pangkalan data. Bahagian ini kamu perlu lakukan sendiri, dan bezakan pangkalan data kamu dengan pangkalan data yang telah saya dibuat di bahagian kedua nanti.

Ingat nama jadual dan medan seharusnya mencermin entiti dan membawa maksud kepada data yang disimpan. Pastikan semuanya huruf kecil. Sekiranya nama medan memerlukan lebih dari 1 perkataan gunakan tanda _. Contoh laman_web.

3 proses ini merupakan proses asal dalam membina mana-mana sistem. Bagi graduan yang baru keluar dari Universiti, latih diri kalian dengan konsep ini. Menjadi pengaturcara bukan sekadar membuat kod semata-mata. Tetapi pengaturcara haruslah terlibat sama didalam proses perancangan sistem.

Selamat mencuba!

PhpHyppo – Yet Another Framework

Lama aku tidak mencatatkan apa-apa disini. Mari kita bercerita mengenai satu lagi rangkakerja terbaru yang ada di negara kita. PHPHyppo adalah sebuah rangkakerja yang dibangunkan oleh anak tempatan. PHPHyppo juga masih lagi bayi yang baru mula bertapak di dunia sumber terbuka. Jadi anda boleh menyumbang apa saja untuk pembangunan rangkakerja ini.

Muat turun PHPHyppo disini.

Aku ada menyumbang sedikit kod untuk rangkakerja ini. Sangat sedikit jika dibandingkan dengan usaha yang dilakukan oleh rakan kita ini. Tinggalkan CakePHP untuk seketika, ataupun CodeIgniter. Marilah kita bersama-sama membangunkan rangkakerja dari Malaysia agar kita ada satu produk yang boleh digunapakai dan dibanggakan di mata dunia. Yeay!

GIT : Mengambil kod dari Gudang (Repository)

Terdapat 2 cara untuk mengambil fail-ail anda dari gudang git. Cara yang pertama sekiranya itu adalah kali pertama anda mencapai ail-ail anda dari gudang. Cara yang kedua, anda ingin mengambil ail-ail yang ada perubahan di gudang. Kmungkinan besar rakan-rakan anda telah melakukan perubahan kepada beberapa fail.

Git Bash menggunakan arahan-rahan dalam *nix. Kemashiran asas yang perlu anda tahu sebelum menggunakan git ialah :

1. cd .. untuk naik satu folder ke atas

2. cd laluan/ke/folder untuk masuk ke folder yang diingini.

3. ls mempunyai fungsi yang sama dengan dir didalam windows.

Senario pertama :

Anda mahu mengambil gudang diatas talian dan masuk ke dalam cakera keras anda.

git clone yoururltorepo
//contoh
git clone git@*****.beanstalkapp.com:/jasdy.git

Senario kedua

Rakan anda telah mengemaskini fail di gudang dan kini anda mahu memastikan gudang anda juga mempunyai fail yang terkini

git pull yoururltorepo nama branch
//contoh
git pull git@*****.beanstalkapp.com:/jasdy.git master

Selamat Mencuba!

Menjana kunci SSH Git pada sistem pengoperasian Windows menggunakan Git

Menjadi seorang pengaturcara, bukan sahaja perlu mahir menggunakan bahasa pengaturcaraan malah perlu tahu menggunakan kawalan kod aturcara. Contoh kawalan kod aturcara adalah Subversion ataupun Git. Kawalan kod aturcara sangat penting terutamanya anda bekerja didalam kumpulan.

Klien Git untuk sistem pengoperasian windows boleh didapati disini.

Setelah anda memasangkan MySysGit pada sistem pengoperasian anda. Apa yang perlu anda lakukan adalah Git Bash.


ssh-keygen -C <a href="mailto:alamat@email.anda">alamat@email.anda</a> -t rsa

Kemudian tekan butang Enter.

Anda boleh memasukkan Passphrase atau terus sahaja tekan butang Enter.  Mengenai dimana fail patut disimpan. Biarkan sahaja pada talaan(setting) umum.

Di dalam Windows XP fail id_rasa akan disimpan di C:\Documents and Settings\NamaAndaPadaSistemPengoperasian\.ssh\ manakala di dalam windows Vista dan 7 akan disimpan di C:\Users\NamaAndaPadaSistemPengoperasian\.ssh\

Artikel seterusnya akan menceritakan bagaimana mahu menggunakan kunci SSH ini.

Apa yang perlu anda lakukan ialah buka fail id_rsa.pub dan sila salin kesemuanya.

Kemudian buka akaun Beanstalkapp, ProjectLocker, GitHub ataupun mana-mana akaun git yang anda rasakan bersesuaian. Untuk contoh kali ini saya menggunakan akaun beanstalkapp. Pergi ke My Profile, kemudian pilih tab key. Tampalkan kesemua yang anda salin tadi ke ruang yang disediakan. Tekan butang Save Changes.

Selepas itu apa langkah seterusnya?

Anda perlu membuat penalaan sedikit pada ruang Git anda. Buka semula Git Bash anda kemudian taip ini


git config user.name "Nama Anda"
git config user.email "email yang anda gunakan ketika mendaftar di beanstalkapp"

Cukup setakat ini buat masa sekarang. Bila-bila ilham turun dari langit lagi, aku akan bercerita arahan-arahan lain untuk penggunaan Git ini.

PHP Meetup 2010

Entri ini akan menjadi sticky. Sila menatal ke bawah untuk artikel terkini.

PHP Meetup 2010 merupakan kesinambungan PHP Meetup bagi tahun-tahun sebelum ini. Acara ini adalah acara tahunan bagi komuniti PHP di Malaysia (http://php.net.my)

Bagi anda yang mahu membuka booth, sila emailkan butiran anda ke  zam3858[KAT]gmai dot com

Sekiranya ada sebarang berita terkini, entri ini akan berkemaskini.

Hos Maya (Virtual Host) menggunakan Apache 2.2

Artikel kali ini akan menceritakan bagaimana mahu membolehkan Apache anda menggunakan fungsi hos maya. Sekiranya anda belum lagi melengkapkan Windows anda dengan Apache, rujuk artikel ini.

Mula-mula, buka fail C:\Windows\System32\drivers\etc\hosts. Tambah virtual.local seperti yang terdapat dalam gambar berikut.

Kemudian simpan (save) fail tersebut.

Keduanya, buka fail C:\Path\to\apache\conf\httpd.conf. Cari perkataan seperti ini

# Virtual hosts
#Include conf/extra/httpd-vhosts.conf

Buang sahaja tanda # di hadapan Include conf/extra/httpd-vhosts.conf. Kemudian simpan juga fail ini.

Selesai sudah bahagian yang mudah. Kini kita beralih ke bahagian yang agak sukar.

Buka fail C:\Path\to\apache\conf\extra\httpd-vhosts.conf.

Tambah ini ke dalam fail ini.


<VirtualHost *:80>
    ServerName virtual.local
    DocumentRoot "C:/Path/to/htdocs/virtual"
    ErrorLog "logs/virtual.local-error.log"
    CustomLog "logs/virtual2.local-error.log" common
</VirtualHost>

Simpan fail ini dan hentikan Apache dan hidupkan semula. Buat satu ‘folder’ bernama virtual di dalam C:/Path/to/htdocs. Kemudian ambil kod ini dan simpan sebagai index.php

<?php
  echo 'I\'m running from '. $_SERVER['HTTP_HOST'] .'<br />';
  echo 'My directory is '. $_SERVER['DOCUMENT_ROOT'];
?>

Cuba akses fail ini dengan menggunakan pautan ini http://virtual.local. Anda sepatutnya dapat melihat alamat pautan serta struktur ‘folder’ anda.

Ini baru sebahagian dari apa yang patut anda lakukan. Sekiranya anda cuba menggunakan PhpMyAdmin, pasti terdapat ralat. Anda perlu menambah ini pada fail httpd-vhosts.conf bagi membolehkan PhpMyAdmin anda berfungsi.


<VirtualHost *:80>
    ServerName jasdy.local
    DocumentRoot "C:/Dev/www/htdocs"
    ErrorLog "logs/virtual.local-error.log"
    CustomLog "logs/virtual2.local-error.log" common
</VirtualHost>

Wallah! Anda perlu menghentikan Apache serta menjalankannya semula. Segalanya akan berfungsi seperti yang sepatutnya.

Dropdown Dinamik (Dynamic Dropdown) atau Select

Artikel kali ini akan menceritakan bagaimana mahu menggunakan kod yang telah saya bina ini untuk kegunaan kalian. Mula-mula sekali muat turun fail ini.

Untuk mencuba fail tadi, kalian memerlukan apache, php dan juga mysql.

Bagaimana mahu menggunakan skrip ini?

1. Perlu memuatkan skrip jQuery versi 1.3.2 (sudah dibekalkan di dalam fail zip).

<script type="text/javascript" src="javascript/jquery-1.3.2.js"></script>

2. Perlu memuatkan skrip dynamicSelect (sudah dibekalkan di dalam fail zip).

<script type="text/javascript" src="javascript/jquery.dynamicSelect-1.2.0.js"></script>

3. Memanggil fungsi dynamicSelect.

<script type="text/javascript">
    $(document).ready(function() {
        $("#state").dynamicSelect({
          url:'district.php', //url ke halaman yang menjana JSON
          target:'district', //id dinamik dropdown
          msg:'Sedang Memproses', // secara auto ia akan memaparkan Loading... jika di setkan ia akan memaparkan mesej yang disetkan.
        })
      });
    </script>

Syarat menggunakan skrip ini ialah, sentiasa menggunakan $_GET['select_id'] untuk menerima parameter.

Yang kedua, format JSON haruslah seperti ini.

[{"id":"1","description":"BATU PAHAT"},
{"id":"2","description":"JOHOR BAHRU"}]

Selamat mencuba!

Tukar ip

Kalau pengguna Mac, mereka boleh menukar profil pada sambungan network mengikut keadaan. Sebagai contoh, ip untuk komputer riba kamu di pejabat adalah berlainan dengan di rumah. Pengguna windows terpaksa menukar setting satu persatu.

Kini ada satu perisian yang diberi nama NetSetMan. Muat turun dari laman web ini. Dengan adanya perisian ini, kamu boleh menukar profil dengan mudah sama ada IP di pejabat mahupun IP dirumah.

Tatasusunan (Array)

Tatasusunan (array) antara elemen penting dalam pengaturcaraan. Sebelum kita membincangkan bagaimana memanipulasikan tatasusunan, adalah lebih baik aku menceritakan apa itu tatasusunan.

Tatasusunan adalah satu kumpulan data yang mempunyai ciri-ciri yang sama.

Setiap tatasusunan mestilah dimulakan dengan array(). Berikut adalah contoh tatasusunan.

 

<?php
    $cars = array('Waja','Vios','Viva','City');
   ?>

Cara untuk memaparkan data dari tatasusunan pula adalah seperti berikut.

 

<?php
    $cars = array('Waja','Vios','Viva','City');

    echo $cars[1];
?>

Indeks didalam tatasusunan sentiasa bermula dengan 0.