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.

MySQL Unsigned INT

MySql says:

All integer types can have an optional (nonstandard) attribute UNSIGNED. Unsigned type can be used to permit only nonnegative numbers in a column or when you need a larger upper numeric range for the column. For example, if an INT column is UNSIGNED, the size of the column’s range is the same but its endpoints shift from -2147483648 and 2147483647 up to 0 and 4294967295.

Bila hendak gunakan unsigned ini?

Apabila kita hendak mencipta/menambah field baru dalam table database, kita perlu pastikan adakah data yang hendak dimasukkan nanti mengandungi nilai negative (-) atau tidak. Sekiranya tidak, maka seharusnya kita memilih data jenis UNSIGNED untuk field tersebut.

Jadi mari kita lihat kesilapan yang selalu dibuat oleh kita. Apabila membuat field ID yang mana kita akan buat pilihan INT, PRIMARY KEY dan AUTO INCREMENT, kita biasanya lupa untuk memilih jenis data untuk field berkenaan seharusnya adalah UNSIGNED. Ini bagi membolehkan data bermula dengan zero dan seterusnya. Ini akan menambahkan jumlah data maksimum yang boleh dimasukkan dalam table tersebut.

Setting fungsi email kat Xampp mengunakan akaun gmail

Salam Aidilfitri!

Ramai yang tanya boleh tak send email menggunakan xampp yang kita install kat pc/laptop kita. Jawapannya boleh dengan syarat anda ada internet akses. Jadi untuk kali ini, PakCu akan buat sedikit tutorial bagaimana untuk membuat tetapan agar script email yang kita buat di localhost (menggunakan xampp) dapat menghantar email dengan menggunakan akaun gmail anda.

Buka fail sendmail.ini (C:\xampp\sendmail) anda. Buat tetapan seperti berikut:

[sendmail]
smtp_server=smtp.gmail.com
smtp_port=25
error_logfile=error.log
debug_logfile=debug.log
auth_username=username@gmail.com
auth_password=katalaluan
force_sender=username@gmail.com
smtp_ssl=auto

Kod-kod yang lain dalam fail sendmail.php tu boleh delete atau save fail berkenaan dengan nama lain (untuk backup jika ada permasalahan nanti).

Ok! Sekarang bukak fail php.ini (C:\xampp\php) pula dan komen (disable) kod seperti berikut:

[mail function]
; XAMPP: Comment out this if you want to work with an SMTP Server like Mercury
; SMTP = localhost
; smtp_port = 25

; For Win32 only.
; http://php.net/sendmail-from
;sendmail_from = postmaster@localhost

; XAMPP IMPORTANT NOTE (1): If XAMPP is installed in a base directory with spaces (e.g. c:\program filesD:\xampp) fakemail and mailtodisk do not work correctly.
; XAMPP IMPORTANT NOTE (2): In this case please copy the sendmail or mailtodisk folder in your root folder (e.g. C:\sendmail) and use this for sendmail_path.

; XAMPP: Comment out this if you want to work with fakemail for forwarding to your mailbox (sendmail.exe in the sendmail folder)
sendmail_path = “\”C:\xampp\sendmail\sendmail.exe\” -t”

; XAMPP: Comment out this if you want to work with mailToDisk, It writes all mails in the D:\xampp\mailoutput folder
; sendmail_path = “C:\xampp\mailtodisk\mailtodisk.exe”

; Force the addition of the specified parameters to be passed as extra parameters
; to the sendmail binary. These parameters will always replace the value of
; the 5th parameter to mail(), even in safe mode.
;mail.force_extra_parameters =

; Add X-PHP-Originating-Script: that will include uid of the script followed by the filename
mail.add_x_header = Off

; Log all mail() calls including the full path of the script, line #, to address and headers
;mail.log = “C:\xampp\php\logs\php_mail.log”

Jika diperhatikan, hanya baris ‘sendmail_path = “\”C:\xampp\sendmail\sendmail.exe\” -t”‘ dan ‘mail.add_x_header = Off’ sahaja yand diaktifkan (enable). Save fail berkenaan dan restart apache anda.

Jadi tetapan untuk fungsi email menggunakan sendmail telah kita buat. Sekarang kita buat contoh script mail pula. Buat satu fail baru dan namakan test.php dan simpan dalam folder web root (htdocs) anda. Masukkan kode di bawah:

<?php
$from = “Abu Haziq”;
$headers = “From: “.$from;
$body = “Salam sejahtera!, \nIni adalah cubaan menghantar email!”;
$subject = “Cubaan Menghantar Email”;
$to = “pro@ppukm.ukm.edu.my”;
if  (mail($to, $subject, $body, $headers)) {
echo “Berjaya!”;
}
else {
echo “Gagal!”;
}
?>

p/s: PakCu menggunakan XAMPP v1.8.1

Differences between INDEX, PRIMARY, UNIQUE, FULLTEXT in MySQL

Differences

  • KEY or INDEX refers to a normal non-unique index. Non-distinct values for the index are allowed, so the index may contain rows with identical values in all columns of the index. These indexes don’t enforce any restraints on your data so they are used only for making sure certain queries can run quickly.
  • UNIQUE refers to an index where all rows of the index must be unique. That is, the same row may not have identical non-NULL values for all columns in this index as another row. As well as being used to speed up queries, UNIQUE indexes can be used to enforce restraints on data, because the database system does not allow this distinct values rule to be broken when inserting or updating data.Your database system may allow a UNIQUE index to be applied to columns which allow NULL values, in which case two rows are allowed to be identical if they both contain a NULL value (the rationale here is that NULL is considered not equal to itself). Depending on your application, however, you may find this undesirable: if you wish to prevent this, you should disallow NULL values in the relevant columns.
  • PRIMARY acts exactly like a UNIQUE index, except that it is always named ‘PRIMARY’, and there may be only one on a table (and there should always be one; though some database systems don’t enforce this). A PRIMARY index is intended as a primary means to uniquely identify any row in the table, so unlike UNIQUE it should not be used on any columns which allow NULL values. Your PRIMARY index should be on the smallest number of columns that are sufficient to uniquely identify a row. Often, this is just one column containing a unique auto-incremented number, but if there is anything else that can uniquely identify a row, such as “countrycode” in a list of countries, you can use that instead.Some database systems (such as MySQL’s InnoDB) will store a table’s records on disk in the order in which they appear in the PRIMARY index.
  • FULLTEXT indexes are different from all of the above, and their behaviour differs significantly between database systems. FULLTEXT indexes are only useful for full text searches done with the MATCH() / AGAINST() clause, unlike the above three – which are typically implemented internally using b-trees (allowing for selecting, sorting or ranges starting from left most column) or hash tables (allowing for selection starting from left most column).Where the other index types are general-purpose, a FULLTEXT index is specialised, in that it serves a narrow purpose: it’s only used for a “full text search” feature.

Similarities

  • All of these indexes may have more than one column in them.
  • With the exception of FULLTEXT, the column order is significant: for the index to be useful in a query, the query must use columns from the index starting from the left – it can’t use just the second, third or fourth part of an index, unless it is also using the previous columns in the index to match static values. (For a FULLTEXT index to be useful to a query, the query must use all columns of the index.)

mySQL String Functions

Untuk mendapatkan result dimana jumlah char untuk field berkenaan adalah 2:

$sql = “SELECT field FROM table WHERE CHAR_LENGTH(field) = 2”

Selain penggunaa LIKE atau RLIKE, untuk mendapatkan result dimana 2 char pertama dlm field tersebut adalah Ah:

$sql = “SELECT field FROM table WHERE LEFT(field,2) = ‘Ah'”

Juga selain penggunaa LIKE atau RLIKE, untuk mendapatkan result dimana 2 char terakhir dlm field tersebut adalah ad:

$sql = “SELECT field FROM table WHERE RIGTH(field,2) = ‘ad'”

Untuk mendapatkan result dimana bermula char kedua sebanyak 3 char dlm field tersebut seperti hma:

$sql = “SELECT field FROM table WHERE MID(field,1,3) = hma'”

Sumber: mySQL.Com

Pemasangan Xampp

Hari ini masa PakCu agak terluang sedikit berbanding minggu-minggu sebelum ini. Jadi PakCu hendak mulakan pos-pos tutorial dengan tajuk Pemasangan Xampp. Terlebih dahulu PakCu nak terangkan mengenai peralatan yang perlu ada untuk menjalankan skrip-skrip PHP di dalam PC anda. Sebelum itu, sila lihat post berikut – http://www.haqis.com/?p=409


Keperluan Aplikasi

PHP adalah salah satu Server Side Scripting Programming Language selain daripada ASP, CMF, JSP, PERL, ROR. Untuk menjalankan skrip-skrip PHP di dalam PC anda, anda perlu melengkapkan PC anda dengan aplikasi-aplikasi berikut:
+ Web Server (apache, IIS,  lighttpdnginx, Cherokee dsbnya)
+ PHP (terkini versi 5.5)
+ Database (mysql, oracle, mssql, sybase, ODBC dsbnya)
+ Editor @ IDE  (Notepad++, sublime text, PHPStorm, Adobe Dreamweaver dsbnya)
+ Web Browser (Google Chrome, Internet Eplorer (IE), Mozilla Firefox, Safari dsbnya)

Setiap aplikasi di atas perlu dipasang (installation) satu-persatu dan dibuat tetapan (configuration) terlebih dahulu di dalam PC anda. Namun terdapat aplikasi yang telah mengabungkan beberapa aplikasi di atas dan memudahkan pengguna untuk membuat tetapan bagi setiap aplikasi tersebut. Sebagai contoh, Xampp, Easyphp, WAMP, PHPTriad dsbnya). Aplikasi ini telah mengumpulkan aplikasi PHP, Apache dan mySQL ke dalamnya. Jadi hanya perlu memasang aplikasi ini sahaja dan ketiga-tiga elemen penting untuk pembangunan website menggunakan PHP telah dipasang ke dalam PC anda. Kadang-kadang terdapat aplikasi/skrip tambahan turut di pasang di dalam aplikasi tersebut. Contohnya, PHPMyAdmin (GUI untuk menguruskan mysql), tomcat, filezilla, mercury dan sebagainya). Aplikasi ini adalah pilihan bagi anda yang ingin menggunakan aplikasi tersebut.

Namun perlu diingatkan aplikasi bundle ini hanya sesuai digunakan untuk pembangunan (development) sahaja dan bukan untuk produksi (production). Bagi tujuan produksi, adalah disarankan memasangan setiap aplikasi tersebut dibuat satu-persatu.


Pemasangan Xampp

Aplikasi yang akan digunakan untuk tutorial PakCu ini adalah:
+ Apache (web server)
+ PHP 5.4
+ mySQL (database)
+ Notepad++ (mungkin juga akan bertukar yg lain pada masa akan datang :p)
+ Google Chrome (i hate IE)

Anda boleh memuatturun aplikasi Xampp di url berikut – http://www.apachefriends.org/en/xampp.html. Ketika artikel ini ditulis, Xampp telah mengeluarkan versi 1.8.2 (bagi pengguna windows).

1 download

Apabila anda memuatturun versi apache/mysql/php yang hendak digunakan dalam proses pembangunan, sewajarnya hendaklah versi-versi tersebut sama seperti versi yang telah dipasang di dalam server produksi. Ini bagi mengelakkan masalah penggunaan fungsi di dalam aplikasi tersebut setelah ia dipindakan daripada server pembangunan ke server produksi.

Setelah fail tersebut berjaya dimuatturun, proses berikutnya adalah proses pemasangan aplikasi Xampp ke dalam PC anda. Klik 2 kali pada fail exe tersebut dan paparan berikut akan dipaparkan:

2 bahasa

Klik pada butang OK dan paparan berikut akan dipaparkan:

3 uac

Klik butang OK dan paparan berikut akan dipaparkan:

4 welcome

Klik butang Next untuk proses pemasangan selanjutnya dan paparan berikut akan dipaparkan:

5 component

Klik butang Next dan paparan berikut akan dipaparkan:

6 localtion

Anda boleh menukar lokasi pemasangan. Kemudian klik butang Install dan paparan progres pemasangan berikut akan dipaparkan:

7 install

Tunggu sehingga progres berakhir dan klik butang Next dan paparan berikut akan dipaparkan:

8 configure

Paparan ini akan tertutup secara automatik setelah proses configure selesai. Paparan berikut akan dipaparkan menandakan proses pemasangan Xampp selesai:

9 finish

 

 

phpMyAdmin Error: Connection for controluser as defined in your configuration failed.

  • Open phpMyAdmin in a browser and log in as root.
  • Create a database called phpmyadmin
  • Create a user called pma and set the “host” to the hostname or IP address of your web server (if the web server and MySQL are on the same box use localhost), make a note of the password, and grant the new user full control over the phpmyadmin database. It is recommended that this user does not have access to anything other than this database.
  • Go to the phpMyAdmin installation directory, where you should find a sub-directory calledexamples.
  • In examples you will find a file called create_tables.sql. Open it in a text editor.
  • In phpMyAdmin, select the phpmyadmin database and click on the “SQL” tab.
  • Copy/paste the entire text from create_tables.sql into the text box, and run the query.
  • Open the config.inc.php file in the phpMyAdmin install directory, and add the following lines (or change the existing settings if they are already there):
$cfg['Servers'][1]['pmadb'] = 'phpmyadmin';
$cfg['Servers'][1]['controluser'] = 'pma';
$cfg['Servers'][1]['controlpass'] = '<your password>';

$cfg['Servers'][1]['bookmarktable'] = 'pma_bookmark';
$cfg['Servers'][1]['relation'] = 'pma_relation';
$cfg['Servers'][1]['userconfig'] = 'pma_userconfig';
$cfg['Servers'][1]['table_info'] = 'pma_table_info';
$cfg['Servers'][1]['column_info'] = 'pma_column_info';
$cfg['Servers'][1]['history'] = 'pma_history';
$cfg['Servers'][1]['recent'] = 'pma_recent';
$cfg['Servers'][1]['table_uiprefs'] = 'pma_table_uiprefs';
$cfg['Servers'][1]['tracking'] = 'pma_tracking';
$cfg['Servers'][1]['table_coords'] = 'pma_table_coords';
$cfg['Servers'][1]['pdf_pages'] = 'pma_pdf_pages';
$cfg['Servers'][1]['designer_coords'] = 'pma_designer_coords';
  • Save and close the file.
  • Log out of phpMyAdmin
  • Log in again

Problem solved.

Sumber: Stackoverflow.Com