Ubuntu 14.04 on VirtualBox

Alhamdulillah. Cuti yang banyak pada bulan Februari ini memberi peluang untuk menambahkan lagi ilmu mengenai Sistem Operasi berasaskan Unix. Sistem Operasi Ubuntu Desktop 14.04 telah dipilih memandangkan ia lebih user friendly (ala-ala windows deskop). Memandangkan saya hanya ingin belajar untuk pemasangan dan penggunaan sistem operasi ini secara asas serta beberapa aplikasi lain yang terdapat dalam ubuntuk, jadi saya menggunakan VirtualBox sebagai tools untuk mencipta sistem operasi secara virtual.

Pemasangan Sistem Operasi Ubuntu Desktop 14.04 ini amat mudah. Terutama dengan tutorial yang sedia ada dalam Komuniti Ubuntu; sangat membantu. Tapi sebelum ini kita perlu memasang VirtualBox. Juga terdapat banyak tutorial pemasangan dan penetapan yang boleh digunakan semasa pemasangan. Untuk komputer saya dengan spesifikasi di bawah:

pc

 

Proses pemasangan tidak menjadi masalah besar. Cuma saya menghadkan sumber (ruang HDD dan RAM) agar penggunaannya tidak keterlaluan. Berikut setting yang telah ditetapkan setelah sistem operasi ini berjaya dipasang di virtualbox:

vbox

 

Setelah pemasangan sistem operasi berjaya. Perkara pertama bermain difikiran saya adalah bagaimana untuk memasang web server (LAMP – linux, apache2, mysql dan php) ke dalam ubuntu desktop ini. Dengan mengikut tutorial seperti video di youtube ini, akhirnya saya berjaya memasangan aplikasi apache, php, mysql, phpmyadmin dan wordpress. Melalui video ini juga saya belajar menetapkan pengguna dan permission untuk pengguna tadi. Satu yang saya tertarik dalam video ini adalah proses memasang Webmin.

Insyallah lepas ini, akan banyak lagi penerokaan pada Sistem Operasi Ubuntu Desktop 14.04 ini akan dilakukan.

Jom PDO

Memandangkan sekarang kita sudah mula menggunakan PHP dan kaedah PDO untuk berinteraksi dengan pengkalan data mySQL serta ada kawan-kawan yang bertanya mengenai PDO, jadi saya akan buat satu tutorial ringkas procedural PHP dan PDO untuk pengkalan data mySQL. Sebelum itu untum rujukan mengenai PDO, sila rujuk artikel MySQLi vs PDO.

Contoh kod sambungan ke pengkalan data:

<?php
try {
$conn = new PDO(‘mysql:host=localhost;dbname=datasaya’, “root”, “abc123”);
$conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
$conn->setAttribute(PDO::ATTR_EMULATE_PREPARES, FALSE);
}
catch(PDOException $e) {
die(‘ERROR: ‘ . $e->getMessage());
}
?>

Code di atas adalah untuk membuat sambungan ke pengkalan data mySQL dengan datasaya adalah nama pengkalan data, root adalah pengguna pengkalan data dan abc123 adalah katalaluan pengguna pengkalan data.

Contoh kod untuk tambah data:

<?php
$s = “INSERT INTO pengguna SET nama = :nama, katalaluan = :pass”;
$q = $conn->prepare($s);
$q->execute(array(
‘nama’ => $_POST[‘nama’],
‘pass’ => $_POST[‘pass’]
));
?>

Kod di atas akan menambah nilai yang dibawa melalui kaedah $_POST iaitu nama dan pass ke dalam pengkalan data.

Contoh kod untuk memilih data:

<?php
$s = “SELECT * FROM pengguna WHERE nama LIKE :nama”;
$q = $conn->prepare($s);
$q->execute(array(
‘nama’ => ‘%’.$_POST[‘nama’].’%’
));
?>

Kod di atas akan memilih data dimana field nama pengkalan datanya adalah yang berpadan dengan nilai yang dihantar melalui kaedah $_POST tersebut

Contoh kod untuk mengubah data:

<?php
$s = “UPDATE pengguna SET nama = :nama WHERE id = :id”;
$q = $conn->prepare($s);
$q->execute(array(
‘nama’ => $_POST[‘nama’],
‘id’ => $_POST[‘id’]
));
?>

Kod ini pula adalah untuk mengemaskini maklumat data kepada nilai nama yang baru untuk pengguna id berkenaan

Contoh kod untuk menghapus data:

<?php
$s = “DELETE FROM pengguna WHERE id = :id”;
$q = $conn->prepare($s);
$q->execute(array(
‘id’ => $_POST[‘id’]
));
?>

Dan kod ini pula adalah untuk menghapus data bagi id pengguna berkenaan

Jadi setakat ini dulu asas kepada pengaturcaraan PHP menggunakan kaedah PDO untuk berinteraksi dengan mySQL.

Currently and mission…

Maaf lama tidak menghantar tutorial! Jadi, apa yang saya sedang lakukan pada waktu ini?

1) Membangunkan Portal eLearning Psikiatri
2) Membangunkan Sistem MealPlan
3) Mengemaskini Portal Aktiviti
4) Mengajar PHP & mySQL : Basic to Intermediate (insyallah)

Dan masih terus menambah ilmu mengenai:

1) Laravel 4.2
2) Sublime Text 3
3) Git 1.9.4
4) PHP 5.5.15 (will upgade to 5.6 later)

Insyallah…

GIT – Distributed Version Control and Source Code Management (SCM) System

Introduction To GIT

  1. Abstract
  2. Creating a Repository
  3. Checking Out A Repository
  4. Add And Commit
  5. Pushing Changes
  6. Branches
  7. Update and Merge
  8. Tagging
  9. Revert To Specifit Commit

Abstract

GIT is a distributed version control and source code management (SCM) system developed by by Linus Torvalds for Linux kernel development, Git has since been adopted as the choice of source code management by many projects and companies. This document covers the creation, usage and management of the GIT versioning system.

The installation of GIT is beyond the scope of this tutorial, however, here are some links that will help

 

Creating a Repository

To create a repository for your project, select a place where you have write privileges. For our purposes here, we will create a repository for a project name ACL. So lets begin with creating the repository(repo).

mkdir ~/git_repos
mkdir ~/git_repos/acl
cd ~/git_repos/acl
git init

The above commands will firstly create a directory name .git in which, in turn, will contain some directories and files need to work with the GIT system. A quick look inside the .git directory shows us the following

# ls ~/git_repos/acl/.git
branches config description HEAD hooks info objects refs

Checking Out A Repostiory

If you are using a local repository, checking out a copy is as simple as:

git clone ~/git_repos/acl

If you are checking out a remote repository, then use this command.

git clone username@hostname:/home/kevin/git_repos/acl

The local repository consists of three “trees” maintained by git

Working Directory
Contains the acutal files
Index
Acts as a staging area
HEAD
Points to the last commit

The workflow will look like this.

WORKING DIR -> add -> INDEX -> commit -> HEAD

Add And Commit

When you add a file to GIT, the addition is stored as a proposed changed, which means it is stored in the Index. To add a file named acl.php is as simple as:

git add acl.php

If you had multiple files you wanted to add, you can use the command

git add *

Currently the file is just a proposed addition, and not commited to the repository. To commit we use git commit.

git commit -m “Message to say I added acl.php file”

The acl.php is now in HEAD, but not yet in the remote repository repository. Any additions and changes need to be pushed to the remote repository before they are available to all.

Pushing Changes

To push changes to the remote repository, the git push command is used.

git push origin master

The master can be whatever branch you want to push the changes to.

Thats IT!?. Yup, thats it

If you have not cloned an existing repository and want to connect your repository to a remote server, you need this command

git remote add origin server_name

Now you are able to push your changes to the selected remote server

Branches

Branches are used to develop features in isolation. The master branch is the “default” branch when you create a repository. Use other branches for development and merge them back to the master branch upon completion.

The workflow will look like this..

           ---------- Feature ----------
          |                            |
          |                            |
--------------------- Master -------------------------
       branch                        merge

So, to create a branch called my_feature_branch, and switch directly to it

git checkout -b my_feature_branch

You should see a message like

Switched to a new branch ‘my_feature_branch’

Now, to switch back to master brach

git checkout master
Switched to branch ‘master’

A local branch is not available to others, as it is not yet in the repository. The branch needs to be pushed to the remote repository to be available to all.

git push origin my_feature_branch

And finally, to delete the branch, we use the -d switch

git branch -d my_feature_branch
Deleted branch my_feature_branch (was b37035b).

Update and Merge

Of course, you are not the only person using the repository. Others will commit changes and you need to keep your local copy up to date by pulling new changes from the remote repository. To do so, use the pull command. This will both pull and merge changes from the remote repo, into your local copy.

git pull

To merge another branch into your active branch eg: master, use this command.

git merge my_feature_branch

When git pulls from the remote repository, or merges a branch, it tries to auto-merge the content. Inevitably, there are conflicts. You are responsible to merge those conflicts manually by editing the files shown by git. After changing, you need to mark them as merged. Using:

git add

Some of these conflicts can be avoided by checking for conflicts before merging with git diff

git diff source_branch target_branch

`

Tagging

Tagging a release is a great idea for tracking releases and milestones in a project. Those who are familiar with SVN would be familiar with this concept. To create a new tag, first use the git log command to get the last commit ID and then use git tag with the ID you just gained.

git log
commit b37035b424c82dd1b4baee3b8184ddbead32edd0
Author: Kevin Waterson <kevin@jyotish.(none)>
Date: Fri Jul 5 09:37:27 2013 +1000git tag 1.0.0 b37035b424c82dd1b4baee3b8184ddbead32edd0

Another simple way to use a an annotated tag in GIT, which is really just a pointer to the current commit is this. This example assumes a tag for a release of version 37 of a project.

git tag -a v37 -m ‘Release 37’

Revert To Specifit Commit

Sometimes you need to revert or rollback to a specific commit. Here we show how to revert back to commit id 296b09c

git reset 296b09c
git reset –soft HEAD@{1}
git commit -m “Revert message to tell you have reverted”
git reset –hard

MySQLi vs PDO

Seperti semua sedia maklum, versi PHP terkini adalah 5.5.7. Antara isu yang dibangkitkan oleh segelintir programmer adalah fungsi mysql_* yang telah dideprecated mulai PHP 5.5.0. Jadi walaupun kita masih menggunakan server yang menggunakan versi PHP sebelum 5.5.0, adalah disarankan agar kita menukar fungsi mysql_* kita kepada fungsi MySQLi atau PDO.

Kedua-dua fungsi ini mempunyai persamaan dan perbezaan yang tidak terlalu ketara. Dengan adanya fungsi-fungsi ini, konsep prepared statements, multiple statements dan transactions dapat digunakan dengan lebih mudah dan berkesan. Selain itu, pada fungsi mysql_*, fungsi mysql_real_escape_string dan concatenating biasanya ditentukan oleh programmer itu sendiri. Ini adalah amat berbahaya kepada sistem yang hendak dibangunkan kerana mudah terdedah kepada SQL Injection.


MySQLi

MySQLi Extension (mysql improved) membolehkan kita mengakses fungsi yang terdapat pada MySQL versi 4.1.13 ke atas. MySQLi adalah versi yang lebih baik berbanding MySQL sebelumnya. Terdapat banyak fungsi baru yang ada boleh kita gunakan.

MySQLi biasanya menggunakan OOP (Object-Oriented Programming) tetapi kita masih boleh menggunakan procedural programming.

Contoh OOP dalam MySQLi:

$conn = new mysqli(“localhost”, “root”, “”, “database”);
if ($conn->connect_error) {
die(‘Database connection failed: ‘.$conn->connect_error, E_USER_ERROR);
}

Contoh Procedural API:

$conn = mysqli_connect(“localhost”, “root”, “”, “database”);
if (mysqli_connect_errno()) {
die(‘Database connection failed: ‘.mysqli_connect_error(), E_USER_ERROR);
}

Sumber:
+ W3Schools
+ Pontikis.net


PDO

Selain MySQLi, PDO (PHP Data Object) juga adalah satu lagi pilihan yang adalah untuk berinteraksi dengan MySQL. Berbanding dengan MySQLi, PDO hanya ditulis menggunakan OOP. Kod-kod yang ditulis menggunakan PDO biasanya lebih selamat dan kemas.

Berbeza dengan MySQLi yang hanya boleh berinterasi dengan MySQL, PDO boleh berinteraksi dengan banya database. Selain daripada MySQL, PDO boleh berinteraksi dengan IBM, Informix, ODBC, PostgreSQL, SQLite, Oracle dan sebagainya.

PDO juga mempunyai banyak kaedah error handling. Dalam PDO, exception mode membolehkan anda mengetahui ralat (error) dengan lebih konsisten dan ini membantu anda untuk menangani isu-isu tadi dengan lebih cepat dan mudah.

Contoh PDO:

$conn = new PDO(‘mysql:host=localhost;dbname=database;charset=utf8’, ‘root’, ”);
$conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
$conn->setAttribute(PDO::ATTR_EMULATE_PREPARES, false);

Sumber:
+ HashPHP.Org
+ TutPlus.Com


Apakah Prepared Statements dan Kenapa Ia Penting?

Prepared statements adalah fungsi yang lazim digunakan pada MySQLi dan PDO. Andaikan kita mempunyai satu string yang mempunyai simbol ‘ (single quote). Cthnya, “Pak Mat’s House”. Di dalam MySQL, kita perlu menggunakan fungsi real_escape_string(). Tetapi menggunakan MySQLi atau PDO, kita hanya perlu gunakan fungsi prepare(). Kebiasannya, melalui fungsi ini sql statement datatype akan ditentukan melalui fungsi bind_param (MySQLi) atau bindParam (PDO) sebelum di proses (melalui fungsi excute()).

Contoh MySQLi:

$sql = ‘SELECT field FROM table WHERE field = ? ‘;
$data = ‘Pak Mat’ House’;
$stmt = $conn->prepare($sql);
/* Bind parameters. TYpes: s = string, i = integer, d = double,  b = blob */
$stmt->bind_param(‘s’,$data);
$stmt->execute();

Contoh PDO:

$sql = ‘SELECT field FROM table WHERE field = :field’;
$data = ‘Pak Mat’ House’;
$stmt = $conn->prepare($sql);
$stmt->bindParam(‘:field’, $data, PDO::PARAM_STR);
$stmt->execute();

Jadi kita perhatikan disini, user input akan difilter terlebih dahulu sebelum diproses. Ini akan menjadikan query kita lebih selamat. Fungsi di atas juga amat efektif (performance increase) sekiranya kita membuat sql statement berulang-ulang kali.

Kedua-duanya mempunyai kelebihan dan kekurangan sendiri. Ada juga pertanyaan manakah yang lebih bagus. Saya menjawab bergantung kepada citarasa masing-masing yang mana lebih anda suka :). Tapi sekiranya ada kemungkinan aplikasi itu menggunakan multiple database (cth MySQL, Oracle, IBM), jadi PDO adalah pilihan paling tepat. Saya sendiri menyarankan menggunakan PDO meskipun anda hanya menggunakan MySQL.

Apa itu DDL, DML dan DCL?

Secara asasnya, arahan SQL boleh dibahagikan kepada 3 kumpulan kecil iaitu DDL, DML and DCL.

DDL

DDL adalah singkatan dari Data Definition Language yang  menerangkan bagaimana data boleh disimpan dalam pengkalan data melalui skema dan keterangan pengkalan data yang ditetapkan.

  • CREATE – untuk mencipta pengkalan data
  • ALTER – mengubah struktur pengkalan data
  • DROP – menghapuskan pengkalan data
  • TRUNCATE – menghapuskan semua rekod yang ada dalam table pengkalan data
  • COMMENT – menambah komen data dictionary
  • RENAME – menukar nama pengkalan data

DML

DML pula adalah singkatan kepada Data Manipulation Language yang mana ia adalah berkaitan dengan manipulasi data. Kebiasaannya, DML adalah berkaitan dengan pernyataan SQL seperti SELECT, INSERT, UPDATE, DELETE dan sebagainya. Pernyataan-pernyataan ini digunakan untuk menyimpan, mengubah, menyenarai (retrieve), menghapus dan mengemaskini data di dalam sesuatu pengkalan data

  • SELECT – retrieve data dari pengkalan data
  • INSERT – menambah data ke dalam sesuatu table
  • UPDATE – mengemaskini data sedia ada di dalam sesuatu table
  • DELETE – menghapuskan rekod di dalam table sesuatu pengkalan data
  • MERGE – UPSERT operation (insert or update)
  • CALL – call a PL/SQL or Java subprogram
  • EXPLAIN PLAN – interpretation of the data access path
  • LOCK TABLE – concurrency Control

DCL

Manakala DCL pula adalah singkatan untuk Data Control Language dan berfungsi untuk melakukan arahan seperti GRANT; kebiasaannya untuk arahan rights, permissions dan kawalan lain sistem pengkalan data

  • GRANT – membenarkan pengguna mempunyai akses terhadap sesuatu pengkalan data
  • REVOKE – menarik balik kebenaran akses yang telah diberi melalui arahan GRANT tadi

JomWeb Meetup 02/11/2013 @ Training.My

Alhamdulillah, hari ni dapat join meetup JomWEB untuk berkongsi ilmu tentang psd2html, umobile dan meteor. Hanya bayar RM10.00 untuk join sesi kali ini. Kalau hendak dibandingkan dengan ilmu yang diperolehi + makan tengahari, rasanya RM10.00 apalah sangat. Ramai juga yang hadir sekitar 12 orang hadir.

PakCu masuk agak lambat, dalam jam 10.30am baru dapat join. Kelas bermula jam 09:00am. Sesi pertama dimulakan oleh saudara Iszuddin Ismail dengan topik bertajuk psd2html. Sebelum ini PakCu hanya tahu penggunaan slice dalam image yang telah disiapkan menggunakan Adobe Photoshop dan kemudiannya dislice utk diexport sebagai html page. Melalui sesi pagi ini, saudara Iszuddin Ismail telah memberi sedikit pencerahan bagaimana membuat html page daripada psd dengan menggunakan teknik CSS. PakCu ditambah dengan ilmu baru mengenai CSS iaitu CSS Reset. 

Kelas berehat tengahari awal sedikit kerana penceramah tidak beberapa sihat. Sesi petang disambung oleh saudara Zulfa Juniadi B Zulkifli. Topik mengenai UMobile. Saudara Zulfa ini menunjukkan bagaimana membuat aplikasi mobile menggunakan Apache Cordova + NodeJS + JQueryMobile + AppGyVer Steroids. Walaupun sample yang diberikan agak simple tapi dengan documentation yang disediakan insyallah akan memudahkan kita nanti.

Sebelum kelas tamat pada jam 04:30pm, kami sekali lagi diberi pendedahan mengenai Meteor. Meteor adalah satu framework menggunakan javascript untuk mengemaskini maklumat secara live tanpa perlu anda refresh page tersebut; cthnya: utk sistem bidding, online booking. Untuk memuatturun meteor, sila ke url berikut http://win.meteor.com. Untuk mendapatkan dokumentasi meteor ini, sila ke url http://docs.meteor.com. Meteor menggunakan kaedah handlebarsjs untuk format/kaedah templates. Meteor menggunakan mongodb sebagai default and only database. MongoDB akan terbina apabila anda memasang meteor ini.