Parallax Scrolling – Evolusi Baru Website?

Pada zaman sekarang, evolusi laman web telah masuk ke zaman yang baru sesuai dengan kemajuan teknologi dan juga perkembangan idea manusia. Apa yang menarik perhatian aku adalah tentangParallax Scrolling. Lebih mengejutkan, ianya telah menjadi amat popular apabila pertama kali dicipta oleh Ian Coyle. Beliau adalah orang pertama yang menggunakan konsep Parallax Scrolling untuk laman web NIKE “Nike Better World” pada tahun 2011.

Apa itu Parallax ?

Istilah ini berasal dari παράλλαξις Yunani (parallaxis), yang bermaksud “pengubahan”. Objek berdekatan mempunyai paralaks yang lebih besar daripada objek yang lebih jauh apabila diperhatikan dari kedudukan yang berbeza, jadi Parallax Scrolling boleh digunakan untuk menentukan jarak sesuatu imej sehingga menimbulkan pergerakan seakan-akan berlapis serta 3D di dalam laman web.

Aku amat suka dengan teknik ini kerana ia seakan-akan sebuah laman web yang di dalamnya ada animasi yang kreatif. Laman web yang menggunakan teknik ini akan menggunakan pelbagai lapis layer yang disambungkan dengan kod-kod html, java script dan juga css.

Antara software yang boleh digunakan bagi menghasilkan effect Parallax Scrolling ini adalah Adobe Muse. Untuk belajar pelbagai tutorial berkaitan teknik ini, korang boleh masuk ke laman web utama Adobe Muse di sini. Aku pun dalam proses belajar benda ni. In Sha Allah kalau dah pandai aku akan share dekat blog ni untuk perkongsian semua.

Dekat bawah ini aku ada sertakan contoh-contoh website yang telah menggunakan teknik Parallax Scrolling ni. Klik untuk masuk ke pautan laman web mereka. Serius amat HEBAT dan AWESOME !

Numero 10

Boy Coy

Life of Pi – Movie

Puma Mobium

Flash vs HTML

Photoshop – Shortcut & Fungsi Tool Yang Wajib Anda Tahu

Fungsi Tool pada Photoshop

Berikut merupakan fungsi-fungsi Tool yang terdapat di dalam Adobe Photoshop, antaranya adalah:

Selection Tool

  Move Tool – Shortcut (V) , alat ini digunakan untuk memindahkan kedudukan layer dalam satu foto ataupun memindahkan sebuah foto atau layer dalam sebuah foto ke foto yang lain.

  Rectangular Marquee Tool – Shortcut (M), alat ini digunakan untuk highlight objek yang berbentuk kotak. Klik kanan diatas alat ini maka akan muncul alat lain dari kelompok marquee tool seperti eliptical Marquee Tool , Single Row Marquee tool dan Single Column Marquee Tool .

  Eliptical Marquee Tool – Shortcut (M), alat ini digunakan untuk highlight objek yang berbentuk lingkaran seperti highlight lingkaran mata , tayar kereta dan objek lain. Merupakan satu kumpulan dengan Rectangular Marquee Tool .

  Lasso Tool – Shortcut (L), digunakan untuk highlight objek dengan bentuk bebas , alat ini akan membentuk kesan highlight mengikut pergerakan mouse , penggunaan alat ini sangat bergantung dengan gerakan mouse sehingga cukup sukar mengawal dan mencapai hasil yang benar-benar berkesan.

  Polygonal Lasso Tool – Shortcut (L), digunakan untuk highlight objek dengan bentuk bebas bersudut , alat ini juga membentuk kesan highlight melalui titik -titik point yang dibuat dengan menggunakan klik kiri pada tetikus. Alat ini juga boleh digunakan untuk memotong dan menukar background gambar .

  Magnetic Lasso Tool – Shortcut (L), digunakan untuk highlight objek dengan bentuk bebas , cara kerja alat ini adalah melekat pada tepi objek yang akan dipotong ketika mouse bergerak mengelilingi objek , melalui proses highlight alat ini juga akan membentuk titik -titik penghubung.

  Magic Wand Tool – Shortcut (W), digunakan untuk highlight satu jenis warna (warna solid ) pada gambar . Alat ini dapat highlight dengan tetapan nilai tolerance atau nilai liputan warna, semakin besar nilai tersebut maka semakin luas liputan warna yang di highlight .

Drawing and Type Tool

  Path Selection Tool – Shortcut (A), digunakan untuk melakukan selection path.

  Horizontal Type Tool – Shortcut ( T), digunakan untuk membuat teks secara melintang. Selain alat ini ada juga Vertical Type Tool untuk membuat teks secara vertical dan type mask untuk membuat teks mengikut bentuk kegemaran anda.

  Pen Tool – Shortcut ( P), digunakan untuk membuat sudut ataupun lengkung . Alat ini boleh juga digunakan untuk highlight objek. Selain alat ini boleh menambah titik point , mengurangkan dan mengubahsuai bentuk yang telah dibuat.

Crop & Slice Tool

  Crop Tool – Shortcut ( C), digunakan untuk memotong gambar , foto ataupun canvas (kertas kerja ).

  Slice Tool – Shortcut ( C), digunakan untuk keperluan website dengan cara memotong hasil reka bentuk yang telah dibuat di Photoshop menjadi potongan yang lebih kecil.

  Slice Select Tool – Shortcut ( C), digunakan untuk memilih atau mengubah posisi potongan atau saiz yang telah dipotong sebelumnya dengan menggunakan slice tool.

Retouching Tool

  Spot Healing Brush – Shortcut ( J), digunakan untuk menghapuskan titik hitam pada sebuah foto ataupun gambar , alat ini juga biasanya digunakan untuk menghilangkan titik gelap di wajah ataupun menghilangkan jerawat.

  Patch Tool – Shortcut ( J), digunakan untuk memperbaiki foto dengan cara memanfaatkan pola yang terdapat pada foto tersebut . Pembaikan dilakukan dengan highlights kerosakan area kemudian menarikhighlights  tersebut keatas sasaran untuk menutup kawasan yang rosak .

  Red Eye Tool – Shortcut ( J), digunakan untuk menghilangkan kesan mata merah yang timbul pada  gambar akibat mengambil gambar dalam keadaan gelap. Ianya menyebabkan flash kamera memantulkan warna merah dan menyebabkan warna mata akan nampak sedikit merah/bercahaya.

  Clone Stamp Tool – Shortcut (S), digunakan untuk mengambil sample dari sebuah kawasan gambar kemudian mengklon sample tersebut untuk dipamerkan diatas kawasan lain .

  Pattern Stamp Tool – Shortcut (S), digunakan untuk melukis image dengan menggunakan pola tertentu sesuai dengan pola yang dipilih pada option bar.

  Eraser Tool – Shortcut ( E), digunakan untuk memadam.

  Background Eraser Tool – Shortcut ( E), digunakan untuk memadam sehingga menghasilkan layer transparant pada bahagian foto atau pada kawasan yang dipadam.

  Magic Eraser Tool – Shortcut ( E), digunakan untuk memadam kawasan tertentu dari sebuah foto atau gambar yang mempunyai warna yang sama (satu warna solid ) menjadi telus dengan satu kali klik pada kawasan warna tersebut. Boleh dimanfaatkan untuk menghapuskan background yang mempunyai satu warna.

  Blur Tool – digunakan untuk mengaburkan area tertentu dari sebuah foto atau gambar. Dengan mengaburkan gambar akan memberikan kesan blur.

  Sharpen Tool – digunakan untuk menajamkan area tertentu dari sebuah foto atau gambar. Kualiti gambar akan tampak lebih kasar dan sharp.

  Smudge Tool – digunakan untuk menggosok / menarik permukaan tertentu dari sebuah foto atau gambar seolah- olah dipengaruhi oleh sapuan jari telunjuk diatas sebuah lukisan.

  Dodge Tool – Shortcut (O) , digunakan untuk menerangkan permukaan tertentu pada gambar atau foto dengan memberikan highlights pada kawasan tertentu hingga area tersebut kelihatan lebih cerah / terang .

  Burn Tool – Shortcut (O) , digunakan untuk menggelapkan warna di kawasan tertentu pada gambar atau foto dengan memberikan shadow / bayangan pada kawasan tertentu hingga nampak lebih gelap.

  Sponge Tool – Shortcut (O) , digunakan untuk mengubah saturation di kawasan tertentu pada permukaan gambar atau foto .

Painting Tool

  Brush Tool – Shortcut (B), digunakan untuk melukis gambar atau gambar dengan geseran berus berdasarkan warna depan ( foreground color) yang telah dipilih.

  History Brush Tool – Shortcut (Y) , digunakan untuk melukis image menggunakan snapshot atau state history dari Image .

  Art History Brush Tool – Shortcut (Y) , digunakan untuk melukis image menggunakan snapshot atau state history dari image , dengan model seni tertentu.

  Pencil Tool – Shortcut (B), digunakan untuk melukis dengan goresan pensil.

  Gradient Tool – Shortcut (G) , digunakan untuk mewarna area yang dipilih ( selected area ) dengan menggunakan dua warna atau lebih. Gradient ini juga mempunyai beberapa tetapan dan jenis untuk menghasilkan kesan perpaduan warna yang sesuai.

  Paint Bucket Tool – Shortcut (G) , digunakan untuk mengecat atau mewarnai kawasan tertentu atau layer tertentu berdasarkan warna depan ( foreground color) yang telah dipilih.

Annotation , Measuring & Navigation Tool

  Eyedropper Tool – Shortcut ( I ) , digunakan untuk mengambil sample warna dari sebuah gambar ataupun foto , sample warna diambil dengan cara klik warna target yang kemudian secara automatik akan mengubah warna depan ( foreground color ) pada toolbox .

  Ruler Tool – Shortcut ( I ) , digunakan untuk mengukur dimensi lebar dan tinggi. alat ini biasanya digunakan untuk keperluan website seperti mengukur dan menganggarkan interface tinggi & lebar butang , header ataupun area website lain. Unit yang digunakan biasanya pixels .

  Note tool – Shortcut ( I ) , digunakan untuk memberikan catatan pada hasil reka bentuk yang telah di buat. Catatan ini berguna sebagai peringatan dalam proses pembuatan reka bentuk ataupun dapat membantu sebagai media untuk penyampaian mesej ketika bekerja secara team.

  Hand Tool – Shortcut ( H), digunakan untuk menggeser / memindah bidang pandang foto atau gambar di dalam window view area atau dalam keadaan gambar sedang di perbesar ( zoom in ) . Cukup tekan dan tahan butang ruang untuk meminjam alat ini .

  Zoom Tool – Shortcut (Z) , digunakan untuk memperbesar ataupun memperkecil paparan foto atau gambar. Tetapan zoom in atau zoom out boleh dilakukan melalui option bar.

Nak Berniaga Guna Minisite ! Apa itu Minisite?

1. "Apa itu Minisite?"
2. "Apakah kegunaan Minisite? "
3. "Bagaimana minisite boleh berkesan untuk melariskan jualan?"

Apabila orang bertanya kepada aku tentang 'Minisite', apa yang terlintas dalam fikiran adalah:

• Mini website (website ringkas @ simple , kecil).
• Mempunyai Header (Kepala Web).
• Mempunyai Footer (Kaki Web).
• Table @ Jadual ( ianya bermaksud tempat di mana teks badan seperti tajuk dan salinan iklan berkumpul, dan kadang-kadang mempunyai butang navigation).
• Mempunyai satu atau dua kolum, ada yang letak sampai lima.
• Biasanya mempunyai 1 hingga 2 pages, paling banyak pun dalam 10 pages.
• Direka untuk menjual hanya satu jenis produk sahaja.
• Ada yang berfungsi untuk mendapatkan database daripada pelanggan.
• Dan ada juga minisite yang berfungsi sebagai Affiliate.

boleh digunakan untuk menjual produk , untuk mengumpul, atau untuk mendapatkan database / keahlian. Pada pendapat aku, minisite amat penting kepada peniaga yang ingin menjual atau memperkenalkan barangan mereka menerusi medium online. Cara untuk dapatkan database aku akan terangkan melalui tutorial yang akan datang.

Minisite yang baik adalah minisite yang boleh menarik perhatian pengunjung dengan rekabentuk grafik yang berkualiti tinggi serta menarik. Ianya menggambarkan ciri-ciri produk dengan cara yang kata-kata yang menarik perhatian pengunjung sehingga membuatkan pengunjung membeli produk tersebut.

Namun korang kena ingat, walaupun grafiknya menarik, tetapi jikalau skripnya tak tersusun,ianya memang tak best langsung dan membuatkan pengunjung tidak yakin serta hilang minat. Maknanya umpan anda tidak mengena....

Minisite yang baik juga biasanya tidak mempunyai banyak kolum tabs (yang sebelah atas) .Hal ini kerana, pengunjung akan sedikit terganggu, dan hilang fokus daripada niat asal iaitu untuk membeli produk.

Secara kesimpulannya, sesebuah minisite yang terbaik wajib mempunyai :

1. Skrip iklan / tarik pelanggan yang memukau.
2. Grafik yang menakjubkan.
3. Pantas menerangkan kepada pengunjung apa yang website tu boleh offer
4. Target market yang betul
5. Testimoni pelanggan (Hal ini penting untuk membuktikan kepada pengunjung minisite kita bahawa produk kita mendapat feedback yang positif).
6. Borang pesanan yang dihantarkan terus ke email anda.
7. Video (link dengan pautan youtube , vimeo dan sebagainya).
8. Mempunyai pautan dengan laman social @ website utama.
9. Mempunyai pautan bayaran secara online.

OK, Katakan korang ada produk yang bagus dan berkualiti, tetapi anda tidak mempunyai budget yang cukup untuk mengupah web designer untuk buat website, anda boleh belajar sendiri untuk buat minisite. Paling tidak pun korang boleh mendapatkan khidmat pakar, kalau tak silap aku, minisite yang paling murah adalah dalam lingkungan RM 250 hingga RM 600 sahaja, jika ada yang cas sampai RM 1999 tu aku rasa dah melampau-lampau laaa. Kalau nak services yang lagi murah sila masuk mudah.my dan cari, kebanyakan student universiti yang freelance banyak cas dengan harga yang amat murah sehingga kadang-kadang tak masuk akal dia punya murah.

Kat bawah aku letakkan beberapa link Minisite yang bagi aku mempunyai citarasa unik untuk menarik pelanggan.

1. www.bearbesar.com
2. programusahawan.com
3. marimelancong.com
4. bisnesinternet.com
5. dan banyak lagi...

Jika korang tahu sedikit kod html, aku sarankan korang buat sendiri, hanya beli domain dan juga hosting selama setahun dan upload semua file minisite ke dalam tu.

Semoga bermanfaat untuk anda semua.

Sekian Terima kasih

Photoshop – Asas Dan Pengenalan

Jika anda seorang pereka grafik, anda mesti pernah gunakan Adobe Photoshop kan? Buat masa sekarang aku belum jumpa lagi software grafik yang sebagus dan sehebat geng2 Adobe neh, tak kira la Illustrator ke, in-Design, Premiere ke atau sewaktu dengannya, kalau aku silap sila tegur ye.

Masa aku belajar dulu, aku tak diterangkan secara detail apa itu photoshop (mungkin masa tu aku tak masuk kelas) , masuk-masuk kelas je mesti kena jolok dengan assignment, seminggu kadang-kadang paling sikit 3 assignment kena siapkan. Situasi menjadi sangat tension sehingga kami rasa macam nak pukul orang je, pelajar dari pengajian lain lalu dekat asrama siap kena jeling lagi tajam-tajam, muahaha… Semuanya belajar sendiri dan banyakkan bertanya orang yang lebih pakar.

OK, Pada malam ni aku nak ceritakan serba sedikit bagaimana sejarah permulaan Photoshop, hal ini penting supaya korang tahu perkara asas dahulu sebelum aku terangkan dengan lebih lanjut tool-tool dan fungsi yang ada di dalamnya..

SEJARAH

Pada tahun 1987 Thomas Knoll (seorang pelajar PhD pada waktu itu) telah mencipta satu program pada komputer Macintoshnya untuk memaparkan imej ‘grayscale’ pada monitor monokrom.

Program tersebut telah beliau namakan sebagai Display. Dalam masa yang sama, abangnya iaitu John Knoll telah melihat dan berminat dengan program tersebut. Mereka kemudiannya telah bekerjasama untuk menghasilkan sebuah program yang lebih canggih dikenali sebagai ImagePro.

Setahun kemudian, Thomas Knoll telah menukarkan nama program tersebut kepada Photoshop.

Mereka kemudiannya telah menjalinkan kerjasama dengan pengeluar scanner iaitu Barneyscan. Hasilnya Photoshop telah berjaya diedarkan sebanyak 200 salinan bersama-sama dengan produk Berneyscan tersebut.

Melihatkan kepada potensi program Photoshop tersebut, John Knoll telah membuat demo program ini kepada syarikat Apple dan Adobe.

Demo tersebut telah memikat syarikat Adobe lalu mereka membeli Photoshop pada bulan September 1988.

Mulai tahun 1990 Photoshop 1.0 telah mula dikomersialkan. Pada awal keluarannya ianya eksklusif hanya untuk komputer Machintosh sahaja.

Namun mulai November 1992, penggunaan Photoshop telah semakin meluas meliputi semua jenis sistem pengoperasian dan komputer samada Windows, Mac OS X, Solaris.

Pada awal keluarannya ia dikenali dengan panggilan Adobe’s 2003 “Creative Suite”.

Website rasmi untuk adobe korang boleh buat rujukan di www.adobe.com.

Dalam tutorial yang seterusnya aku akan sentuh banyak topik tentang penggunaan tool dan juga effect, kalau korang rasa dah pandai serta sudah tahu, baik tengok tutorial versi lain daripada blog ni, sebab kat sini aku akan ajar korang perkara asas dahulu, lepas tu baru fokus kepada perkara yang susah dan rumit.

Semoga ia memberi manfaat, Sekian.

Kongsi Ilmu, Ada Baiknya

Setiap kali aku google, pasti ada web blog daripada Indonesia yang dengan jujurnya memaparkan tentang tutorial wordpress serta berkongsi ilmu secara umum. Bukan nak memuji negara lain dan bukan juga nak perlekehkan bangsa sendiri, cuma kadang-kadang orang kita terlampau kedekut ilmu dan ada yang suka ambil kesempatan kerana orang lain tak berilmu. Korang faham maksud aku kan?

Ok, bagi pendapat aku, kalau kita buat benda dengan ikhlas, pasti Allah akan balasnya dengan nikmat yang setimpal. tak perlulah nak jual ilmu dengan pakej yang mengarut dan membebankan orang sangat-sangat sampai orang terpaksa berhutang dengan along atau bank yag interestnya cekik darah. Cukupla sekadar buat benda dengan ikhlas untuk memajukan bangsa sendiri. Mungkin ilmu yang kita share secara ikhlas tu menjadi saham akhirat yang akan dihitung dalam alam barzakh nanti, itu kerja yang Maha Esa, siapa tahu kan?

Aku sebenarnya amat kagum dengan masyarakat barat berkaitan perkongsian limu, jika aku post dekat forum diorang dan aku tanya tentang masalah IT, website, WordPress atau joomla, pasti dijawab dengan selaju-lajunya, siap bagi solution dengan link tutorial lagi. Namun jika aku post dekat forum orang kita, sampai setahun pun belum ada orang balas, yang mengejek dan merapu memang amat banyak la.

Jadi, aku rasa macam bertanggungjawab untuk berkongsi ilmu secara percuma tentang apa yang aku tahu melalui medium ber blogging ni. Bukan nak tunjuk pandai,tapi sekadar menolong orang tahu apa yang nak tahu dan belum tahu. Aku akan cuba share ilmu yang aku tahu dengan seikhlasnya, mungkin ada benda yang aku tak tahu aku boleh dapatkan daripada korang dan begitulah sebaliknya.

Prinsip aku adalah, aku tak akan gunakan blog aku ni dengan post benda yang tak memberi manfaat dan mengarut, biarlah orang nak cakap perasan bagus atau berlagak pandai sekalipun. Sudah terbukti, dunia sekarang ni dunia IT, dunia Ilmu, jika seseorang tiada ilmu, layakkah kita menggunakan akal yang dianugerahkan-Nya ke jalan yang betul?

Aku juga amat-amat berharap semoga perkongsian yang aku kongsikan selama ni menjadi rujukan untuk anak bangsa kita sepanjang masa.  In Sha Allah. Sekian

Lihat lagi : http://shafieemukhtar.com

Install WordPress Dalam 30 Saat Menggunakan Softaculous

Assalamualaikum dan selamat pagi.

Sebelum ini aku ada share dekat korang cara untuk install WordPress menggunakan cara manual kan? Artikelnya adalah anda boleh rujuk di sini.. OK! Pernahkah anda dengar tentang Softaculous? Mungkin ianya benda baru bagi sesiapa yang mula kenal tentang Cpanel dan juga domain hosting. Tapi takpe, aku akan terangkan fungsi dan peranan softaculous secara mendalam lagi. Link untuk laman rasmi Softacolous anda boleh dapati di sini..

Softaculous membolehkan pemasangan aplikasi web dengan sekali klik sahaja dan yang lebih bagus, ianya dilakukan secara automatik tanpa melibatkan penggunaan skrip yang susah. Cuba anda tengok Cpanel anda (jika anda sudah mempunyai hosting), jika tiada, anda boleh dapatkan hosting anda sendiri di sini. Tapi anda harus ingat, tidak semua hosting ada softaculous nih, jika betul tiada, aku sarankan korang hubungi Hosting Provider masing-masing untuk pemasangannya. Yang pastinya aku dah tak perlu risau tentang Softaculous ni sebabnya Server Freak sudah bagi dekat aku siap-siap, tu sebab la aku amat-amat berterima kasih dengan team mereka neh.



Berikut Merupakan Cara Penggunaan Softaculous :

Login ke cpanel hosting anda,
Masuk ke menu Software/Services -> Softaculous
Misalnya aku akan bagi contoh apabila kita install WordPress, hanya klik WordPress -> Install



software Setup

Choose Protocol : Pilih http://
Choose Domain : Nama Domain yang akan anda install
In Directory: Kosongkan ruangan ini ( padamkan perkataan wp jika anda nak letakkan main folder anda di depan public_html cpanel anda / jika anda nak tambah sub-folder, letak je sebarang nama )
Database Name: Isi nama data base sesuai pilihan anda ( biasanya maksimum 6 karakter / huruf)

database Settings

Table Prefix : Teks wp_  jangan ubah, biarkan dia kat situ .

Site Settings

Site Name: Isi dengan Tajuk / nama Website korang.
Site Description : Penerangan Website , contohnya 'Blog Ini Blog Berhantu, hehehe'.
Enable Multisite ( WPMU ) : Klik box tersebut jika korang  ingin menggunakan ciri-ciri Multisite , namun Server anda haruslah suport Aphace mod_rewrite untuk menjalankan ciri-ciri tersebut . Sila rujuk dengan web hosting anda. (Biasanya aku akan ignore je dia)

Admin Account

Admin Username: Tetap gunakan Admin (tapi akau sarankan korang jangan gunakan perkataan 'admin', sebab senang dihack oleh para hackers)
Admin Password : Letakkan Password yang strong, kalau boleh password dan username anda letakkan dalam notepad dan simpan dalam pen drive atau komputer anda. Password ini nantinya akan korang gunakan untuk Log in ke wp-admin
Admin Email: Masukkan alamat e-mel korang yang sah .

Choose Language

Pilih bahasa yang akan korang gunakan pada CMS wordpress. Guna je bahasa English. Periksa sekali lagi dengan teliti sebelum anda klik Install . Apabila tidak keluar tulisan berwarna merah error , teruskan Install WordPress korang dan ..... berjaya , maka anda akan menerima email dari Softaculous beserta link untuk akses ke wp- admin website: http://domainanda.com/wp-admin .

Klik link tersebut untuk Log in, seterusnya korang boleh memulakan untuk menulis artikel dan mengubah website / blog korang semua.

Satu lagi nak bagitau, Softaculous ni bukan hanya boleh install WordPress, tetapi boleh install bermacam-macam lagi seperti :

• Zikula
• Xoops
• ocPortal
• Website Baker
• sNews
• Geeklog
• Drupal
• Mambo
• PHP-Nuke
• Pligg
• MODx
• e107
• Concrete5
• phpwcms
• CMS Made Simple
• Contao
• SilverStripe
• PyroCMS
• Redaxscript
• PHP-Fusion
• Silex
• Saurus
• jCore
• Fork
• Mahara
• Tribiq
• ImpressCMS
• Typo3
• Quick.CMS
• ImpressPages
• Pluck
• BIGACE
• Subrion
• Joomla
• Pimcore
• Monstra
• Tiki Wiki CMS Groupware
• Bolt
• Croogo
• Dan banyak lagi

Seperti biasa, aku tahu korang semua malas membaca artikel aku yang panjang berjela nih,  aku akan letakkan sekali video yang sumbernya dari youtube. Harap tutorial ni dapat membantu, terima kasih

Joomla! Asas dan Pengenalan

Joomla adalah open source content management system yang membolehkan anda untuk membina laman web dan aplikasi dalam talian yang hebat. Ia boleh didapati secara percuma, Joomla ditulis dalam format PHP untuk menguruskan kandungan pada laman web dan menggunakan pangkalan data MySQL untuk menyimpan kandungan. Joomla! dikeluarkan di bawah GNU General Public License.

Apakah yang dimaksudkan dengan sistem pengurusan kandungan / Content Management System ( CMS)?

Content Management System (CMS) adalah program komputer yang membolehkan kita membuat penerbitan, penyuntingan dan mengubah suai kandungan di laman web serta penyelenggaraan yang mudah dilakukan yang disediakan oleh Laman Web CMS. Sistem pengurusan kandungan seperti menyediakan prosedur untuk menguruskan kerja di laman web yang kita bangunkan menggunakan CMS ini.

Prosedur ini boleh dilakukan samada secara manual ataupun secara automatik.
Kandungan pertama Pengurusan sistem (CMS) telah diumumkan pada akhir 1990-an. CMS ini telah direka untuk memudahkan tugas kompleks yang menulis versi pelbagai kod dan membuat proses pembangunan laman web yang lebih fleksibel.

Platform CMS membolehkan pengguna untuk membuat penulisan, penerbitan dan pengubahsuaian pada antara muka depan laman web anda sehingga ke bahagian yang lebih lengkap di sebalik laman web anda.

Bagaimana Joomla bekerja di laman web hari ini?

Berikut merupakan beberapa contoh laman web yang menggunakan Joomla!

• Laman web korporat atau portal
• Majalah dalam talian, surat khabar, dan penerbitan
• E -dagang / E-Commerce dan tempahan dalam talian
• Aplikasi Kerajaan
• Laman web perniagaan kecil-kecilan
• Laman web bukan keuntungan dan organisasi
• Portal berasaskan komuniti
• Laman web sekolah
• Laman Web peribadi atau keluarga
• dan banyak lagi ..

Apakah jenis-jenis fungsi yang laman web Joomla boleh buat?
Pendek kata , Joomla sejenis platform CMS yang mempunyai fungsi yang pelbagai. Dengan Joomla, anda boleh membina sebuah laman web secara kedai online, portal direktori, sistem perkhidmatan pelanggan, forum dan juga laman blog. Joomla adalah sangat extensible dan beribu-ribu plugin boleh didapati di Extensions Directory Joomla.

Di mana saya boleh memuat turun Joomla ?
Anda boleh memuat turun Joomla! melalui link berikut http://joomla.org atau Joomlacode.
Penafian: Joomla! ® merupakan hak cipta yang dimiliki oleh Open Source Matters, Inc  di Amerika Syarikat dan negara-negara lain.

Lihat video dibawah ini untuk mengenali Joomla dengan lebih mendalam secara info grafik:

http://youtu.be/PhSyVwAug6w

Kejam!!! Pengawal Tembak Pekerja AmBank Ditangkap

Salam. bulan lepas negara dikejutkan dengan kes pembunuhan yang agak kejam dan mengerikan terutama melibatkan 'warganegara' Malaysia yang mempunyai kad pengenalan PALSU yang menjadi pegawai security (pak guard). Sedihnya aku tengok anak-anak pasangan ni yang kehilangan ibunya dikala usia yang masih kecik lagi. Takziah diucapkan kepada suami dan keluarga mangsa Arwahyarhamah Norazita Abu Talib.

Aku ulas benda ni sebab lepas STPM, aku pernah join dan jadi pegawai security di syarikat ni tapi sekadar jaga kilang buat bahan mentah Mc'D je la. Aku juga tahu sedikit sebanyak prosedur keselamatan untuk menjadi pengawal keselamatan di sini dan salah satunya perlu ada IC serta cukup umur. Rekod polis juga akan disemak dan jika ada yang mempunyai rekod lampau kerana mencuri dan sewaktu dengannya, pengawal keselematan ini akan diberhentikan dan terus dibawa ke balai polis.

Permasalahannya adalah, macam mana pihak majikan boleh terlepas pandang berkenaan IC yang dikatakan PALSU? Kenapa tak buat tapisan betul-betul terhadap suspek? Harap pihak berkuasa pantau gejala IC PALSU yang rata-ratanya diberi secara berleluasa di Sabah. Dan semalam aku tengok berita dekat TV9 yang mamat ni dah kena tahan dekat Johor, nasib baik belum sempat naik feri pergi ke Indonesia.

Baca seterusnya...



KUALA LUMPUR - Suspek kes bunuh dan rompak pegawai AmBank di Subang Jaya menjadikan bangunan serta rumah kosong sebagai lokasi persembunyian selama 19 hari ketika dalam buruan polis.

Mengesahkan perkara itu, Ketua Polis Selangor Datuk Mohd Shukri Dahlan berkata suspek bersembunyi di beberapa buah rumah serta bangunan kosong sekitar Lembah Klang dan Johor.

"Bagaimanapun, suspek dipercayai melarikan diri menggunakan pengangkutan awam seperti bas dan teksi untuk keluar dari Lembah Klang menuju ke Johor sejurus selepas kejadian pada 23 Oktober lepas.

"Ketika berada di sana (Johor), suspek juga cuba mendapatkan bantuan sindiket pemalsuan dokumen pasport bagi melarikan diri ke negara jiran," katanya ketika dihubungi Bernama hari ini.

Suspek ditahan di Kampung Belungkor, Kota Tinggi, Johor pada kira-kira 7 pagi tadi.

Ketua Polis Negara, Tan Sri Khalid Abu Bakar, dalam twitter beliau hari ini, memaklumkan bahawa suspek ditahan di Johor serta mengucapkan terima kasih kepada rakyat Malaysia yang membantu polis.

Dalam kejadian 23 Oktober lepas, pegawai AmBank Subang Jaya Norazita Abu Talib, 37, maut ditembak suspek ketika membuka peti besi dalam bilik kebal bank berkenaan.

Mangsa, yang berkhidmat selama 16 tahun dengan bank itu, meninggal dunia di tempat kejadian akibat kecederaan parah di kepala setelah ditembak dengan 'pump gun' oleh suspek.

Suspek turut melarikan diri dengan hasil rompakan wang tunai RM450,000. - Bernama

 

Berikut merupakan pelbagai kisah kad pengenalan palsu berjaya didedahkan dan menjadi persoalan bagaimana warga asing menjadi pengawal keselamatan haram di Malaysia dengan menggunakan MyKad palsu
.

Klik link ni :

1. http://www.nescafeais.com/mudahnya-mendapatkan-mykad-palsu-dengan-harga-hanya-rm350/


2. http://www.nescafeais.com/rakan-pembunuh-kejam-ambank-beraksi-ganas-acu-senjata-api/

Brunei Telah Melaksanakan Hukum Hudud

BANDAR SERI BEGAWAN - Sultan Hassanal Bolkiah yang memerintah Brunei, semalam memperkenalkan hukuman Islam termasuk merejam sampai mati penzina sekali gus menjadikan Brunei negara Asia Tenggara pertama yang melaksanakan undang-undang tersebut di peringkat nasional.

Anda Graphic Designer? Anda kenal Vector & Raster?

Soalan cepumas, Anda designer? anda kenal vector dan raster? Jikalau anda graphic designer , anda wajib kenal vector dan juga raster, ianya bukan penyanyi dangdut, bukan juga pemain biola serta bukan pemain Arsenal.

Sebagai seorang pereka grafik, perkara utama yang korang perlu tahu adalah perbezaan antara raster dengan vector. Sekiranya korang semua bekerja dalam industri kreatif dan melibatkan kerja untuk merekabentuk grafik, adalah amat penting untuk anda mempunyai pemahaman asas imej Raster & Vector. Imej raster adalah terbentuk dari kumpulan dot per inch (dpi) dan diwujudkan melalui imbasan karya seni seperti hasil suntingan gambar dan sebarang program.

Manakala imej Vector pula terbentuk dari garisan melengkung dan garisan yang membentuk objek. Imej ini terhasil melalui pengiraan matematik menggunakan perisian berasaskan vektor contohnya seperti Adobe Illustrator. Sebagai contoh sila rujuk gambar di bawah :

Jadual Perbezaan Antara Vector Dengan Raster

	RASTER	VECTOR
RESOLUSI	dpi	Pengiraan matematik
SAIZ	Lebih besar, bergantung kepada dpi	Sangat kecil
FORMAT	BMP,PCX,TIFF,JPEG,PNG,PSD	EPS,AI,WMF,CDR,DXF
HASIL KARYA	Poster, lukisan
PERISIAN	Adobe Photoshop, Win paint	Adobe Illustrator, Coraw Draw, Adobe Flash
KELEBIHAN	Menambahkan kesan khas seperti pencahayaan dan bayang-bayang	Saiz imej dapat diubah tanpa menjejaskan kualiti imej

Pada pendapat aku pula, Vector adalah satu jenis image yang terbentuk hasil daripada koleksi garisan, warna, titik lengkongan yang bersambung antara satu sama lain, lebih jelas lagi, jika makin banyak titik dalam sesuatu gambar, makin jelas & sharp gambar tersebut. Kesemua garisan-garisan tersebut terhasil daripada pengiraan tertentu dan memerlukan software grafik tertentu untuk menghasilkannya. Image vector ini tidak akan pecah sekiranya ia dibesarkan. Penggunaan vector image adalah sesuai bagi menghasilkan imej seperti:-

• Logo
• Animasi
• Banner/Bunting/Billboard
• Clip art
• Button
• Dan lain-lain

Kebanyakkan designer menggunakan software grafik yang terkenal untuk menghasilkan vector image di antaranya:-

• Adobe Illustrator
• Corel Draw
• AutoCAD
• Macromedia/Adobe Flash
• Macromedia FreeHand
• In-Design

Ok, kat bawah merupakan list website untuk korang download pelbagai vector yang aku terangkan kat atas. Boleh dikatakan antara website yang patut dijadikan rujukan oleh seorang pereka grafik dan yang lebih penting ianya 100% PERCUMA. Klik mana-mana senarai link dibawah :-

1. Vecteezy.com
2. WebDesignHot.com
3. FreeVectorArchive.com
4. FreeVectorsDaily.com
5. GreatVectors.com
6. VectorOpenStock.com
7. FreeVectors.net
8. VectorPortal.com
9. FreeVector.com
10. Vector4free.com
11. EasyVectors.com
12. 123FreeVectors.com
13. FreeVectorDownload.com
14. QVectors.com
15. Dezignus.com
16. Free Vectors.com
17. BazaarDesigns.com
18. AllVectors.com
19. FreeVectors.org
20. Vektor Finder.com

Harap dapat membantu, terima kasih

Cara Untuk Install WordPress Secara Manual

Dalam tutorial ini aku akan menerangkan kepada kamu semua tentang cara-cara install WordPress ke web hosting secara manual. Ramai pengguna di luar sana yang lebih bergantung kepada penggunaan softaculous yang berfungsi secara automatik dalam men'install WordPress. Namun bagi aku, lebih baik tahu kedua-duanya daripada tidak ambil tahu dan buat-buat tahu tapi tak tahu, tak gitu? Ok, Ikut garis panduan ini jika anda mahu untuk melaksanakan pemasangan versi WordPress terbaru tanpa menggunakan pemasangan secara Softaculous.

LANGKAH 1 Muat turun pakej pemasangan WordPress

Untuk memulakan proses pemasangan , pertama anda perlu memuat turun WordPress dari halaman download rasmi. Aku sarankan supaya kamu semua sentiasa memuat turun dan memasang versi terbaru WordPress bagi mengelak pelbagai perkara buruk berlaku di kemudian hari. Anda boleh memuat turun versi terbaru di laman web ini.



Sebaik sahaja anda klik pada butang Download/muat turun untuk versi WordPress terbaru, pakej pemasangan dalam format ZIP akan disimpan ke komputer anda. Cari pakej pemasangan yang anda baru sahaja muat turun dan ekstrak ke folder baru.

LANGKAH 2 Muat Naik Fail WordPress ke CPanel @ Hosting anda

Sekarang, anda perlu memuat naik gambar-gambar yang diambil dan folder ke hosting anda. Cara yang paling mudah untuk memuat naik fail pemasangan adalah melalui FTP. Untuk maklumat lanjut mengenai bagaimana untuk memuat naik fail melalui FTP, nanti aku akan jelaskan secara terperinci melalui tutorial yang akan datang.

Penting!
Jika anda ingin WordPress anda untuk pemasangan utama dalam akaun anda dan boleh diakses melalui domain utama anda (iaitu www.mydomain.com ), anda perlu memuat naik gambar-gambar yang diekstrak ke folder public_html anda.

Sebaik sahaja muat turun selesai, cabutan arkib dan memuat naik ke akaun web hosting anda. Anda boleh berbuat demikian melalui FTP menggunakan aplikasi pelanggan seperti FileZilla atau melalui cPanel -> File Manager -> Muat naik fail. Jika anda ingin pemasangan WordPress ini menjadi nama utama untuk laman web anda , fail-fail perlu diletakkan di dalam folder public_html dalam hosting @ cpanel anda. Walau bagaimanapun, anda sentiasa boleh membuat subfolder (iaitu public_html / blog ) jika anda mahu menjalankan hanya sebahagian daripada laman web anda di WordPress.



LANGKAH 3 Buat Pangkalan Data MySQL untuk menggunakan WordPress

Sekarang, anda perlu untuk mewujudkan pangkalan data MySQL dan menetapkan pengguna untuk dengan kebenaran penuh. Sebaik sahaja anda mewujudkan Pangkalan Data MySQL anda dan User / Pengguna , pastikan anda menulis nama pangkalan data, pangkalan data dan nama pengguna serta kata laluan anda yang baru sahaja diwujudkan. Anda akan memerlukan kedua-duanya untuk proses pemasangan yang berikut.



LANGKAH 4 Pergi melalui proses pemasangan

Kini sudah tiba masanya untuk pergi ke laman web anda untuk bermula dengan proses pemasangan. Jika anda telah memuat naik WordPress dalam direktori public_html anda, anda akan perlu pergi ke http://yourdomain.com dalam pelayar pilihan anda. Perkara pertama yang anda akan perasan adalah mesej, memberitahu anda bahawa anda tidak mempunyai fail wp -config.php dan anda perlu membuatnya satu fail secara manual. Hanya klik pada butang Buat Fail Konfigurasi untuk meneruskan.



Pada halaman ini anda akan melihat mesej, meminta anda untuk menyediakan maklumat yang diperlukan untuk pemasangan. Oleh kerana kita sudah mempunyai maklumat ini, hanya tekan Lets' Go!.



Masukkan butiran untuk pangkalan data MySQL anda yang baru cipta dan tekan butang Sumbit.



WordPress kini akan memeriksa jikalau tetapan anda adalah betul ataupun salah. Dengan kata lain, ianya perlu sama dengan maklumat yang anda buat tadi melalui MySQL. Jika anda telah memasukkan semua maklumat yang diperlukan , anda akan melihat skrin pengesahan. Tekan Run the Install untuk meneruskan.



Pada skrin seterusnya anda akan perlu memasukkan maklumat mengenai nama pengguna pentadbiran anda dan tajuk laman web baru anda. Di samping itu, anda boleh menentukan sama ada anda akan mahu enjin carian untuk indeks laman web anda atau tidak. Setelah anda mengisi maklumat tersebut, tekan butang Install WordPress. Ingatlah, bagaimanapun, bahawa anda perlu meletakkan alamat e-mel yang sebenar supaya senang jika berlaku kes terlupa kata laluan/password atau nama pengguna/username, ianya akan terus dihantar ke alamat email yang aktif tersebut.



Itu sahaja!

Permohonan WordPress baru anda telah dipasang. Anda boleh menggunakan Login Dalam butang untuk mengakses backend pentadbiran anda dan mula menyiarkan di tapak web baru anda.




Credit to : www.siteground.com

10 Sebab Orang Melayu Gagal Dalam Bisness

Mengapa orang melayu sering kali gagal dalam perniagaan? tidak seperti orang cina di mana kejayaan yang diperoleh sentiasa konsisten dan bertambah-tambah.Setelah dikaji dan diselidik secara mendalam,terdapat beberapa faktor yang menyumbang kepada kegagalan orang melayu dalam bidang perniagaan.

1) PEMBERI ALASAN – “Susah la nak jual tudung ni. Ramai dah yang jual. Lagipun aku lelaki kot.”

2) PEMALAS – “Malasnya nak pergi ambik stok baru dekat gudang”

3) PENANGGUH – “Esok je la pergi ambil stok baru. Sempat lagi. Lagipun bukan ada demand sangat. Hari ni nak lepak-lepak je, dating ke, tengok wayang ke.”

4) PERLAHAN-LAHAN – “Nak buat bisnes ni kena relax, tak boleh kalut-kalut. Slow-slow la buka kedai. Dorang memang takde pilihan lain dah, area ni aku sorang je buka kedai runcit. Mesti cari aku gak.”

5) PENUNGGU – “Aku rasa kalau aku jual tudung mesti laku, tapi tak de orang la buat lagi. Arghhh! Tunggu je la dulu, kalau dorang buat, untung besar, baru aku jual.”

6) PENGIKUT – “Eh! Jual charkuetiaw macam untung la. Mudah pula nak sediakan. Nak jual juga la. Modal bukan besar sangat pon.”

7) PENYIBUK – “Agak-agak berapa ye untung kedai depan tu hari ni?”

8) PENUDUH – “Ni semua kedai depan tu punya pasal, macam tak boleh jual benda lain je. Tudung juga dia nak jual. Mampus la aku nk survive camni.”

9) PENGKRITIK BUKAN PELAKU – “Ape la dia ni. Tu pon tak reti nak buat, senang je kot. Campur je la air campur dengan batu. Jadilah ABC. Mudah je. “

10) PERTENGAHAN JALAN – “Susah la jual tudung ni, banyak competition, nak jual seluar dalam la pula. Mudah.”

11) PEMBIAWAKAN – Merujuk kepada sifat sesetengah golongan yang kuat dengki dengan kejayaan orang lain tetapi tidak berusaha untuk lebih berjaya malahan cuba menjatuhkan orang tersebut. Contoh: Seorang lelaki muda memandu kereta Audi meluncur megah disebelah seorang mamat menaiki kapcai. “Eleh! Tu mesti kereta pak dia tu, tak pon kereta company, ataupun dia tu driver VVIP. Jangan harap la muka camtu mampu pakai Audi. Aku yang kerja bertahun-tahun macam nak mati jadi despatch ni pon tak mampu nak pakai. Kerek gila dengan spek hitam segala. Minta-minta dia eksiden kat depan tu. Mati lagi senang. Nyampah aku tengok.”


Sumber : Alumni Dr Azizan Osman

Apa Itu web Hosting !

Assalamualaikum , salam jumaat dan salam sejahtera.

Hari ni aku nak share tentang satu video yang dibuat secara kreatif oleh seorang amoi cute bernama Emery Tan. Sebelum tu aku agak, tentu ramai pembaca di luar sana ingin mengetahui dan tertanya-tanya tentang:

1. Macam mana nak buat website ?
2. Senang ke nak buat blog?
3. Apa itu hosting?
4. Apa itu domain?
5. Nak guna software apa untuk create website / blog?

Tonton video di bawah ini untuk mengetahui secara asas, Apa Itu web Hosting!

P/s : Jika sesiapa yang berminat untuk membeli atau memiliki sendiri Hosting dan Domain, aku cadangkan agar sila jengah-jengah ke ServerFreak. Sepanjang menggunakan perkhidmatan mereka, aku rasa tak de masalah dan services diorang juga amat memuaskan. Bayangkan jikalau aku beli domain baru untuk customer aku, dan aku buat pembayaran melalui maybank2u , tak sampai 2 minit terus dapat integrate. Fuh.. memang laju giler kentang. Bukan aku nak cakap Server Provider lain tak elok, cuma aku belum jumpa lagi  Server Provider yang betul-betul terbaik di Malaysia selain daripada serverFreak.

Kerenah si Kaki Kipas

KITA biasa bertemu individu yang suka memuji berlebih-lebihan hingga kata-kata yang dilafazkan kepada individu yang dipuji itu tidak masuk akal. Misalnya, bos bermuka masam dipuji kacak atau cantik.

Kemudian beraksi di hadapan majikan ibarat pijak semut tidak mati. Tetapi apabila bos itu bercuti atau berkursus, dia menjadi sangat bengis dengan anak buah. Lebih teruk, kalau ada yang melekat dengan bos.

Inilah senario si kaki kipas atau pembodek di dalam pejabat. Golongan ini juga dikatakan sebagai  ‘kipas sate’ dan ‘naik lif.’ Mungkin baik, kalau bos seperti belon kempis dipam dan anda cepat naik pangkat!

Tetapi usah memudaratkan orang lain. Sangat malang, sekiranya ada insan yang dianiaya itu jujur dan rajin. Cemerlang prestasinya. Cuma tewas di bibir si kaki kipas. Fikirlah, adakah berkat makan gaji dengan cara berlakon jadi baik?