Jika anda mempunyai website ataupun forum yang mempunyai banyak post, saiz database anda pastinya amat besar. Sebagai contoh, untuk portal Joomla-My.org, saiz database sudah mencecah 150MB! Dan adalah menjadi masalah apabila kami ingin import database ini ke web server kami kerana saiz maksimum untuk upload file biasanya dalam 16MB hingga 128MB sahaja, bergantung kepada web hoster. Antara error yang biasanya kami dapat ialah:

You probably tried to upload too large file. Please refer to documentation for ways to workaround this limit.

Berbagai cara yang kami cuba lakukan, antaranya ialah membahagikan database itu kepada beberapa bahagian yang lebih kecil, contohnya satu bahagian hanya ada beberapa tables sahaja. Tapi table untuk post sahaja mencecah 72MB! Itu belum masuk lagi table untuk users.

Setelah merujuk pada documentation yang diberikan, kami mencuba BigDump, satu script PHP yang dicipta oleh Alexey Ozerov. Ternyata script ini banyak membantu. Mari kita tengok cara cara menggunakannya.

Langkah 1

Download script ini dari halaman web Big Dump dan kemudian extract file zip tersebut menggunakan Winzip atau 7zip atau Winrar, terpulang pada anda.

Langkah 2

Ubahsuai kod di bawah ini, mengikut maklumat MySQL database pada server anda

// Database configuration
$db_server   = 'localhost';        // biarkan localhost
$db_name     = '';                // nama database yang ingin anda gunakan
$db_username = '';                // username untuk mysql
$db_password = '';                // password untuk mysql

Itu sahaja yang perlu anda tukar.

Langkah 3

Dengan menggunakan mana mana FTP client yang sesuai, upload script tadi ke web server anda. Untuk hasil yang lebih baik, cipta satu folder baru di dalam /public_html/ anda. Kami gunakan nama folder dump, dan set permission (CHMOD) kepada 777.

Langkah 4

Upload file database yang ingin digunakan, sama ada format .sql ataupun .gz di dalam folder yang sama.

Langkah 5

Run script bigdump.php itu pada web browser anda, contohnya: http://www.joomla-my.org/dump/bigdump.php. Pada paparan seterusnya, anda akan mendapati fail database tadi berada di dalam senarai.

Langkah 6

Sekarang, untuk mulakan proses import database yang besar itu, klik pada link Start Import.

Langkah 7

Masa yang terbaik untuk anda membancuh teh atau kopi sambil menunggu proses ini selesai. Setiap bahagian yang telah berjaya akan di paparkan pada web browser anda.

Selesai!

Nota: Sekiranya anda menggunakan format file .sql untuk proses ini, dan tiba tiba screen web browser anda tidak memaparkan apa apa, cuba gunakan format .gz.

Video tutorial kali ini, saya akan menunjukkan cara cara memasang web server xampp dan Joomla! di dalam komputer anda.

Sekiranya anda mempunyai domain sendiri, anda boleh menambah subdomain yang anda mahukan, bergantung kepada berapa banyak yang web hoster beri. Kebiasaannya jumlah subdomain adalah unlimited. Pada setiap subdomain, anda boleh install apa sahaja script yang anda mahukan; Wordpress, Joomla!, Drupal, PHPBB dan lain lain.

Dan subdomain yang anda create itu sebenarnya boleh di host di server yang lain, bukan setakat pada server yang anda gunakan sahaja. Kurang faham? Mari tengok contoh.

Saya mempunyai 2 web server, dan maklumatnya seperti di bawah.

Server A

Domain: syahzul.com
Web hoster: ABC Host, US
IP Address: 111.333.444.555

Server B

Domain: syahzul.net
Web hoster: DEF Host, Malaysia
IP Address: 333.555.666.777

Nota: Maklumat di atas adalah dummy data sahaja.

Apa yang ingin saya lakukan ialah, saya ingin host subdomain project.syahzul.com di Server B. Berikut adalah langkah langkah yang saya lakukan.

Server A

Pada server A, di control panel DirectAdmin, saya pergi ke DNS Management.

Kemudian, pada bahagian bawah page tersebut, saya masukkan data yang diperlukan.

1. Masukkan subdomain yang ingin digunakan, saya ingin gunakan project.syahzul.com, jadi saya hanya masukkan project sahaja di dalam text box itu.

2. Masukkan IP address server ke 2.

Server B

Pada server B pula, saya hanya perlu add project.syahzul.com sebagai domain baru. Masuk ke dalam DirectAdmin server B, pilih Domain Setup.

Kemudian, pada page seterusnya, saya pergi ke Add Another Domain.

Seterusnya, saya masukkan subdomain project.syahzul.com pada text box Domain.

Sekarang, jika saya kembali ke Home pada DirectAdmin server B, subdomain project.syahzul.com sudahpun berada di dalam senarai. Jika saya click pada subdomain tersebut, saya boleh manage macam domain yang lain seperti tambah FTP akaun, tambah database dan lain lain lagi.

Selamat mencuba!

Nota lagi:

Kaedah ini hanya untuk sesiapa yang menggunakan DirectAdmin pada web server. Untuk cPanel, rasanya agak sukar kerana biasanya cPanel tidak sertakan DNS management.

Kerja seorang freelance web designer memerlukan storage tambahan untuk membawa bersama materials (stock photos, icons, fonts etc) yang diperlukan ke mana mana.Sebelum ini, external HDD adalah penyelesaian yang paling mudah. Tapi, oleh kerana saiz yang agak besar, nak membawanya ke mana mana merupakan satu masalah bagi saya. Adakalanya masa nak jumpa client, terlupa nak bawak. Hmm, faham faham sendiri la kan…

Satu lagi kelemahan external storage ni, tak kira external HDD atau pen drive ialah iaitu kena backup manually. Dan backup pula dalam PC juga, ini akan menyebabkan redundant files yang berleluasa. Penggunaan disk space semakin tinggi. Adakah kena beli storage tambahan, contohnya Synology? Nope, ada solution lain yang lebih baik dan free; Dropbox.

Dropbox merupakan satu lagi perkhidmatan yang offer storage untuk simpan file kita di Internet dan boleh di access dari mana mana komputer, dengan syarat kena install software yang disediakan terlebih dahulu. Tujuannya untuk membolehkan setiap komputer melakukan sync semua file yang kita simpan di dalam akaun kita. Jadi tak perlu risau ada file yang tertinggal. Hanya satu tempat simpanan file kita, dan boleh di aksess dari mana mana komputer lain. Hebat kan?

Selain daripada itu, terdapat fungsi revision untuk setiap file, atau dengan ayat yang lebih mudah ialah Undo. Seandainya anda membuat pengubahsuaian pada file tertentu, kemudian terasa pengubahsuaian tersebut useless, boleh revert ke revision sebelumnya. Tak perlu risau tentang data hilang lagi. Memang hebat!

Kita boleh setkan file mana yang akan ditunjukkan kepada public, dan mana yang Private. Hanya asingkan di dalam folder yang disediakan, itu sahaja. Tengok satu senario, katakan Kaoru ingin share satu folder assignment dengan kawannya iaitu Miki dan Ayaka. Setiap orang akan membuat installation Dropbox ini di dalam komputer masing masing. Selepas itu, Kaoru akan menghantar invitation yang dibuat daripada control panel Dropbox kepada 2 kawannya. Selepas selesai, setiap komputer akan mempunyai file yang sama antara satu sama lain. Ohh, lupa nak bagitahu, Dropbox ni compatible dengan Windows, Mac, Linux dan juga iPhone.

Dropbox menawarkan beberapa pakej untuk kita, tapi biarlah guna yang free sahaja. Cuma space yang ditawarkan tidak terlalu besar, cuma 2GB. Tapi jika anda spam kawan kawan anda untuk gunakan perkhidmatan ini, setiap seorang anda akan diberikan space 250MB percuma. Tapi maksimum 3GB sahaja. Tapi setakat ini itupun dah lebih dari mencukupi. Dropbox menyediakan link referral (seperti yang saya lakukan ni) untuk anda semua, jadi anda boleh dapatkan maksimum 5GB untuk akaun free anda. Kalau masih tak mencukupi, pakej paling murah hanyalah USD9.99 sebulan sahaja.

Kesimpulannya, untuk orang yang bekerja freelance seperti saya, adakalanya menggunakan PC dan ada masanya gunakan laptop, Dropbox merupakan satu penyelesaian yang paling memuaskan hati. Tak perlu fikir untuk sync file antara PC dan laptop lagi, semuanya berjalan secara automatik. Memang berbaloi untuk digunakan.

Hakcipta Dilbert ©2010, United Feature Syndicate, Inc.

Nota:
* Ini merupakan video tutorial saya yang pertama, jadi harap anda semua dapat memberikan feedback supaya saya dapat memperbaiki lagi kualiti video tutorial akan datang.
** Kualiti video pada Youtube agak mengecewakan, mungkin sebab guna akaun percuma. Tapi anda boleh download full HD video dari link di bawah ini.

Download high quality video

Seperti kita semua sudah sedia maklum, penggunaan font pada website atau blog adalah terhad. Font yang biasa kita gunakan ialah Arial, Helvetica, Georgia, Tahoma, Lucida Grande, Verdana dan beberapa lagi (maaf, Comic Sans tak termasuk dalam senarai). Ada kalanya kita mahu gunakan font seperti Myriad Pro, Bitstream Vera dan lain lain, tapi tak boleh disebabkan pelawat website kita tak ada font tersebut. Disebabkan itu berbagai cara yang kita gunakan untuk menggunakan font yang lebih menarik untuk blog kita, seperti menggunakan imej ataupun sIFR. Tapi kini ada satu lagi cara yang boleh kita gunakan; Cufón,

Cufón merupakan salah satu teknik yang membolehkan kita menggunakan font yang lebih baik pada website atau blog kita. Dengan ayat yang mudah untuk difahami, satu script yang membolehkan kita menggunakan font yang agak fancy dalam blog atau website kita. Konsepnya sama seperti sIFR cuma ia tidak memerlukan Flash, tetapi bergantung kepada Javascript sepenuhnya.

Web Browser

Cufón boleh digunakan pada mana-mana web browser moden dengan syarat ia mesti support Javascript. Antara web browser yang telah diuji ialah:

• Internet Explorer 6, 7 and 8
• Mozilla Firefox 1.5+
• Safari 3+
• Opera 9.5+
• Google Chrome 1.0+

Keperluan Lain

• Cufón script
• jQuery Javascript Library (jika anda ingin gunakan classname atau ID sahaja)
• Font yang nak digunakan

Penggunaan

Cufón amat mudah untuk digunakan, tetapi terdapat beberapa langkah perlu dilakukan terlebih dahulu.

1. Dapatkan font yang anda inginkan

Kalau nak font yang lebih menarik, sila masuk ke website FontSquirrel ataupun DaFont. Pilihlah mana mana yang anda suka, tapi pastikan baca syarat penggunaannya terlebih dahulu. Ada yang membenarkan kita gunakan pada website, ada juga yang tidak. Untuk post ini saya gunakan font Sansation.

2. Convert font ke format Javascript

Sebelum kita boleh menggunakannya pada website kita, kita perlu convert font yang ingin kita gunakan kepada kod Javascript terlebih dahulu dengan menggunakan Font Generator mereka. Pada form tu ni ada beberapa bahagian sahaja kita kena ambil tahu, yang lain tu abaikan sahaja.

a. Pilih Font

Jika anda seorang yang tamak, anda boleh la upload 4 style font; regular, bold, italic dan bold italic. Tapi regular dan bold sudah cukup untuk saya.

b. Tentukan nama font dan accept EULA

Anda boleh biarkan nama untuk font-family itu kosong, atau berikan nama yang sesuai dan mudah untuk kita gunakan nanti. Dan kemudian kena accept End User License Agreement untuk menyatakan anda bersetuju bahawa font yang anda ingin gunakan tu boleh di gunakan pada website.

c. Pilih glyph

Bahagian ini agak penting, sebab lagi banyak pilihan yang anda pilih, lagi besar la saiz file javascript tu nanti. Cukuplah pilih 4 seperti gambar di bawah ni.

d. Bersetuju dengan syarat dan terma

Kali ini, pastikan anda tick I acknowledge and accept these terms pada bahagian bawah page tu.

e. Save file javascript

Selepas selesai anda perlu save file tu terlebih dahulu. Kemudian, kita perlu upload pada web server.

3. Upload ke web server

Bagi membolehkan kita gunakan script tadi tu pada website atau blog kita, kita kena upload pada web server yang boleh di akses dari Internet. Gambar di bawah ni menunjukkan file yang telah saya upload ke web server saya.

4. Kod Javascript

Sekarang kita kena buat linking ke javascript file tadi dalam template website atau blog kita. Masukkan kod kod kat bawah ni sebelum tag </head>.

<script src="http://www.syahzul.com/files/cufon/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="http://www.syahzul.com/files/cufon/cufon-yui.js" type="text/javascript"></script>
<script src="http://www.syahzul.com/files/cufon/Sansation_400-Sansation_700.font.js" type="text/javascript"></script>
<script type="text/javascript">
Cufon.replace('h1', { fontFamily: 'Sansation' });
Cufon.replace('h2', { fontFamily: 'Sansation' });
</script>

5. Kod Javascript untuk Internet Explorer

Disebabkan IE terkenal dengan masalahnya yang tak sudah, jadi kita kena masukkan kod ini pula pada bahagian bawah template, sebelum tag </body>.

<script type="text/javascript">Cufon.now();</script>

Ini contoh ringkas untuk penggunaan asas cufón. Sebenarnya boleh jadi lagi canggih, tapi kena banyak eksperimen.

Demo

Kelebihan

Antara kelebihan cufón berbanding sIFR ialah:

1. Cufón tidak memerlukan sebarang plugin pada web browser
2. Cufón boleh digunakan pada mana-mana web browser tanpa sebarang masalah
3. Cufón mudah untuk digunakan
4. Cufón lebih pantas dan cepat berbanding sIFR

Kekurangan

Setiap yang baik pastinya ada kelemahan dan kekurangan. Macam tu la jugak dengan script ni. Antaranya ialah:

1. Bergantung sepenuhnya kepada Javascript
2. Akan membuatkan website / blog kita load lebih lambat
3. Tak boleh copy/paste teks yang gunakan cufon
4. Tak boleh nak styling masa :hover event

Kesimpulan

Pada saya, cufón merupakan salah satu kelebihan untuk web designer macam saya. Dengan adanya script seperti ini, kreativiti kita tidak terbatas. Dan kebanyakan projek website yang saya buat, pasti akan gunakan cufón. Terpulang kepada individu itu sendiri sama ada ianya boleh digunakan atau tidak.

Ada komen?

Kali ini mari kita tengok senarai 20+ blog yang perlu dilawati oleh web designer untuk menambah ilmu, mempertajamkan skill dan juga untuk download freebies.

1. Smashing Magazine

Twitter: @smashingmag

2. Hongkiat

Twitter: @hongkiat

3. Six Revisions

Twitter: @sixrevisions

4. Web Design Ledger

Twitter: @webdesignledger

5. Web Designer Depot

Twitter: @DesignerDepot

6. Vandelay Design Blog

Twitter: @vandelaydesign

7. DesignM.ag

Twitter: @designmagtweets

8. Abduzeedo

Twitter: @abduzeedo

9. [Re]Encoded

Twitter: @reencoded

10. Inspired Magazine

Twitter: @inspiredmag

11. Designer Daily

Twitter: @mirkohumbert

12. Blog.SpoonGraphics

Twitter: @chrisspooner

13. Design Shard

Twitter: @designshard

14. Fuel Your Creativity

Twitter: @fuelcreativity

15. Tutorial 9

16. Speckyboy Design Magazine

Twitter: @speckyboy

17. 1stwebdesigner

Twitter: @1stwebdesigner

18. Design Critique

Twitter: @designcritique

19. Nettuts+

Twitter: @nettuts

20. Noupe

Twitter: @smashingmag

21. DesignMess

Twitter: @designmess

22. Naldz Graphics

Twitter: @ naldzgraphics

23. UX Booth

Twitter: @uxbooth

24. Spyre Studios

25. WebDesignerWall

Twitter: @nickla

InspirationTime merupakan satu website yang ada banyak koleksi website lain yang boleh di jadikan sumber inspirasi untuk membuat design. Dibahagikan pada beberapa kategori seperti mengikut warna, konsep elemen dan juga style. Memang layak di bookmark oleh web designer!

URL: http://inspirationti.me

Saya membeli buku ini secara online (ya, hanya boleh di dapati dari blog mereka sahaja), dan ianya berharga USD29.99 + kos penghantaran USD10.00. Setelah ditukar kepada matawang Ringgit Malaysia ianya berjumlah *RM138.27. Kalau di ikutkan harganya agak mahal berbanding buku-buku lain yang boleh kita beli dari kedai buku di negara ini. Tapi dengan kualiti isi kandungannya, saya tak pernah rasa menyesal membelinya.

Penghantaran

Tarikh saya membeli buku ini ialah pada 19 December 2009 dan hanya sampai di tangan saya pada 16 January 2010. Hampir sebulan tempoh penghantaran walaupun di dalam blog mereka ada mengatakan tempoh penghantaran lebih kurang 2 – 3 hari bekerja sahaja. Sebelum buku ini sampai, saya ada menghantar email kepada pihak Smashing Magazine bertanyakan tentang hal ini. Dan dalam tempoh kurang dari 5 jam saya mendapat balasan daripada mereka mengatakan mereka tiada Tracking Code untuk penghantaran buku ini.

Jika diikutkan memang ia tidak masuk akal dan tidak boleh diterima sama sekali. Tapi dengan jawapan yang mereka berikan secara professional dan juga tawaran mereka untuk menggantikan buku itu tanpa sebarang cas tambahan membuatkan saya bersabar dan membuat keputusan untuk menunggu beberapa hari lagi. Dan kurang dari dua harikemudian, akhirnya buku ini sampai dalam peti surat rumah saya, Alhamdulillah… lega rasanya.

Pembungkusan

Bila kali pertama saya pegang buku ini saya sudahpun rasa kepuasannya bila ia dibalut dengan plastik bagi mengelakkan kulitnya rosak, dan kemudian ada dibalut pula dengan kotak yang mempunyai rekabentuk seakan-akan sama dengan kulit buku. Satu lambang ‘S’ besar terpampang di hadapan. Penghantaran ini juga dilengkapi dengan resit rasmi untuk pembelian yang saya buat.

Isi kandungan

Kertas yang digunakan amat berkualiti, bukan macam buku teks zaman saya sekolah rendah dahulu, gambar-gambar di dalamnya amat terang dan jelas, dan yang lebih penting isi kandungannya padat, tepat dan ringkas. Straight to the point. Tak banyak membebel tentang teori yang sukar untuk difahami. Walaupun ada beberapa bahagian yang saya kurang berminat untuk membacanya

Ini merupakan bab-bab yang ada di dalam buku ini:

1. User Interface Design in Modern Web Applications
2. The Art and Science of CSS-Layouts
3. Typography: Rules, Guidelines and Common Mistakes
4. Usability Principles for Modern Websites
5. The Ultimate Guide to Fantastic Color Usage
6. Performance Optimization for Websites
7. Design to Sell – Increasing Conversion Rates
8. How to turn a Site into a Remarkable Brand
9. Learning from Experts – Interviews and Insights
10. Behind the Curtains: The Smashing Magazine Story

Buku ini lebih banyak menerangkan tentang perkara-perkara yang berkaitan dengan Web Design, tetapi bukanlah bermaksud Programmer atau Web Developer tidak boleh membacanya. Saya memang menggalakkan semua orang yang menceburi bidang IT supaya mendapatkan satu naskhah buku ini untuk bacaan anda sendiri. Tak rugi!

Tidak dinafikan banyak kandungan di dalam buku ini boleh di dapati di Internet, tetapi dengan adanya buku seperti ini tak perlulah kita bersusah payah untuk mencarinya. Lagipun buku ini menyusun isi kandungan dengan lebih kemas dan teratur.

Pada bab 5 iaitu The Ultimate Guide to Fantastic Color Usage, buku ini menerangkan tentang teori warna yang digunakan pada rekabentuk web moden, disertakan dengan contoh-contoh yang mantap! Tak jemu membaca bahagian ini. Di sini kita boleh perhatikan hasil kreativiti web designer luar negara yang kebanyakannya hebat-hebat belaka.

Dan apa yang ada di dalam buku ini bukan setakat teks dan gambar tetapi disertakan dengan kod aturcara dan juga ada juga menunjukkan cara-caranya pada bab 6, Performance Optimization for Websites. Dari pengetahuan asas hinggalah yang mendalam yang melibatkan web server.

Seterusnya bab 7 menerangkan konsep asas mencipta halaman web untuk menjual produk di Internet. Apa asas yang perlu kita tahu bagi membolehkan kita menarik pelawat untuk membeli produk kita.  Asas AIDA juga diterangkan di dalam buku ini, dan bagaimana kita boleh gunakannya di dalam menghasilkan halaman web atau aplikasi web yang mampu menarik pelawat untuk menjadi pelanggan kita.

Di dalam buku The Smashing Book ini juga anda dapat membaca temuramah dengan beberapa orang web professional yang terkemuka, dan berkongsi pengalaman, pendapat dan juga pandangan meraka tentang topik topik yang berkaitan dengan pembangunan aplikasi web moden. Nama-nama seperti Liam McKay, Jason Santa Maria, Chris Spooner, Nathan Smith, Colis Ta’eed, Jonathan Snook dan lain lain lagi (terlalu ramai untuk ditulis) berkongsi ilmu dan pengalaman mereka untuk semua pembaca. Bukan senang hendak mencari sumber seperti ini di Internet.

Dan pada bahagian akhir sekali merupakan bahagian yang paling menarik. Mereka berkongsi pengalaman bagaimana mereka memulakan blog Smashing Magazine, dan yang amat menakjubkan ialah mereka bermula dari bawah. Tanpa modal yang besar Smashing Magazine membina tapak di Internet hinggalah pada hari ini blog ini menjadi salah satu blog yang mesti di lawati oleh web designer di seluruh dunia.

Kesimpulannya

Mungkin ada yang berpendapat ulasan saya ini ‘terlalu baik’ ataupun ’semuanya bagus’. Terpulang kepada anda untuk menilainya. Pada saya kesilapan kecil seperti kesalahan ejaan adalah perkaran yang remeh dan tak perlu diperbesarkan. Setakat ini saya masih belum rasa tidak puas hati dengan isi kandungan buku ini. Walaupun saya sudah mengulang membacanya lebih daripada 5 kali, saya tidak merasa bosan. Malah saya rasakan ilmu yang saya ada makin bertambah.

Saya amat mengalakkan anda mendapatkan buku ini sekarang kerana kualiti isi kandungan yang ada di dalamnya jauh lebih tinggi nilainya daripada harganya yang hanya bernilai *RM138.27.

* bergantung kepada kadar tukaran USD ke Ringgit Malaysia.