Cara Menginstall CMS Prestashop

Hafifah Bella October 27, 2013 4 comments Edit

Assalamualaikum...
hey kawan2, apakah kamu pernah mendengar nama Prestashop? Prestashop adalah sebuah Content Management System (CMS) open source untuk membuat e-commerce/toko online. Untuk kamu yang ingin memulai bisnis online, bisa menggunakan CMS yang satu ini. Ga harus jago website ko bikinnnya.. karena fasilitasnya mudah dipelajari ^^

Karna kebetulan saya ada tugas kelompok membuat e-commerce menggunakan CMS Prestashop ini, so..kali ini saya akan berbagi cara menginstall Prestashop, disini saya menggunakan Prestashop 1.5.5.

1. Download CMS Prestashop di www.prestashop.com .

2. Extract file .zip yang telah didownload tersebut ke dalam folder penyimpanan C:\xampp\htdocs.

3. Sebelum memulai install prestashop, sebaiknya membuat database terlebih dahulu di localhost/phpmyadmin. Sebagai contoh, saya membuat database dengan nama “prestashop3”.

4. Untuk menginstall prestashop, buka localhost/prestashop pada browser. Maka akan muncul tampilan awalnya seperti ini. Pilih Bahasa penginstallan, kemudian klik Next.

5. Kamu akan diminta melakukan persetujuan lisensi, klik centang pada “ I Agree to the above terms and conditions” , kemudian klik Next.

6. Selanjutnya, kamu akan diminta untuk memasukkan informasi toko online pada form “Information about your Store”.

7. Isi data hingga form “Your Account”. Data ini nantinya akan digunakan untuk login halaman admin/back-end Prestashop. Kemudian klik Next.

8. Kamu akan diminta untuk melakukan konfigurasi dengan sistem database. Isi data sesuai keterangan dibawah ini :

Database server address : localhost
Database name : prestashop3 (Pastikan nama database nya sesuai dengan yang dibuat di awal sebelum penginstallan)
Database login : root
Database password :

(Jika saat mengakses phpmyadmin tidak menggunakan username dan password, maka isilah Database login dan kosongkan Database password, sesuai ketentuan diatas. Namun jika anda mempunyai username dan password sendiri, maka isilah sesuai dengan username dan password anda)

Tables prefix : ps_

Setelah itu, klik “Test your database connection now!” maka akan muncul tampilan seperti berikut

Gambar diatas menunjukkan bahwa database telah terkoneksi , namun jika muncul error periksalah dan pastikan bahwa data yang telah anda masukkan telah sesuai. Jika sudah terkoneksi, maka klik Next untuk melanjutkan ke proses selanjutnya.

9. Proses installasi berjalan, dengan tampilan seperti dibawah ini.

10. Tunggu beberapa saat hingga mucul tampilan seperti berikut.

Perhatikan pada teks yang dilingkari merah “For security purposes, you must delete the “install folder.” , kamu diharuskan untuk menghapus folder install yang ada di dalam folder prestashop. Setelah dihapus, maka kamu bisa klik pilihan “Manage your Store” pada Back Office, yaitu halaman administrator yang nantinya anda akan melakukan segala transaksi dan mengatur website.

Sebelumnya kamu akan diminta untuk melakukan login seperti dibawah ini. Isilah sesuai dengan data yang telah kamu masukkan pada form “Your Account” pada saat penginstallan.

11. Sukses melakukan login, maka akan muncul tampilan back-end seperti dibawah ini.

12. Jika kamu ingin melihat tampilan depan/front-end website kamu yang nantinya akan dilihat oleh pengunjung, klik View My Shop yang ada di posisi pojok kanan atas pada halaman administrator.

Berikut adalah tampilan awal website kamu.

Selanjutnya, kamu bisa mengedit tampilan website nya.. Buatlah semenarik mungkin dan friendly user agar pengunjung senang melakukan transaksi di website kamu..
Sekian dari saya.. Semoga bermanfaat ^^
Wassalamualaikum.. :D

Aku - Guru

Hafifah Bella October 22, 2013 2 comments Edit

Sebelumnya, ga pernah terpikir untuk menjadi seorang Guru, Pendidik atau semacamnya.. Not At All..

Saya selalu ingat, ketika masih SMK banyak teman2 dan guru saya yang mengatakan "Jadi guru itu enak lho, ilmu nya nambah terus"... Kemudian ada lagi, "Bel, mending lu jadi guru aja.. guru Matematika".. Saya tersenyum dan menjawab "Ha? guru? matematika lagi?!.. gw ga pernah ada kepikiran buat jadi guru.. hmmm" :/

Hingga akhirnya jiwa-jiwa itu muncul ketika saya menginjak bangku perkuliahan, bertemu dengan orang-orang hebat yang so inspiring bagi saya..

Beberapa kutipan ini semakin menguatkan saya :

"Jika seseorang meninggal dunia, maka terputuslah amalannya kecuali 3 perkara yaitu : sedekar jariyah, ilmu yang dimanfaatkan, dan doa anak yang soleh" [HR. Muslim]

"Ilmu yang bermanfaat adalah ilmu yang diamalkan,disebarluaskan.. karena pahalanya akan selalu mengalir"

"Menjadi Guru adalah Membangun Investasi di Akhirat"

Hingga saat ini pun, saya masih belum ingin menjadi seorang Guru.. Namun, di dalam diri saya.. saya ingin selalu bisa berbagi hal yang bisa saya lakukan, ilmu, pengetahuan yang saya miliki kepada orang-orang di sekitar dan yang membutuhkan...

Bersama siswa/i SDN 3 Karang Segar

Apapun itu bentuk dan media nya, tak harus menjadi seorang Guru untuk menebar Ilmu...

Karena berbagi kebahagiaan adalah hal yang menyenangkan.. :)

Metro User Interface pada Windows Phone

Hafifah Bella September 20, 2013 No comments Edit

Pernah mendengar istilah "Metro UI" ? Yaps, Metro UI adalah Metro User Interface yang merupakan tampilan antarmuka Windows 8. Simpel, colorfull dan typography yang menjadi ciri khasnya.
Tak hanya untuk desktop, namun Metro UI ini juga telah memasuki dunia mobile yakni Windows Phone. Windows Phone telah memberikan warna baru dunia telepon genggam. Tampilan yang unik serta animasi yang begitu atraktif membuat Windows Phone mempunyai ciri khas tersendiri.
Tak hanya itu, Windows Phone pun telah memberi kemudahan para developer aplikasi mobile dengan fasilitas Windows Store.

Dan kali ini, Windows Phone terbaru yang dikeluarkan oleh Huawei bekerja sama dengan Smartfren adalah Smartfren Huawei Ascend W1.

Sumber foto : www.trenologi.com

Smartfren Huawei Ascend W1 ini dibundling dengan kartu perdana Smartfren dengan harga sekitar Rp. 1.990.000,- dan GRATIS PAKET SMART PLAN Bulanan 50 ribu. Cukup terjangkau bukan? bagi para pecinta teknologi tentunya tidak mau ketinggalan untuk memiliki Windows Phone yang dirilis oleh Smartfren ini.
Dengan paket ini pelanggan mendapatkan multiple bonus, yaitu 1.5 GB volume data, 20 menit telepon ke operator lain, telepon sepuasnya ke semua Smartfren dan 60 SMS ke semua operator yang berlaku selama 30 hari setelah aktivasi.

Smartfren Huawei Ascend W1 ini sudah mendukung pada jaringan CDMA2000 1X EVDO Rev. B dan juga GSM, memiliki layar 4 inci berjenis IPS dan kamera autofocus beresolusi 5 MP dengan LED Flash. Tak tanggung-tanggung, smartphone yang dirilis oleh Smartfren ini mempunyai kecepatan layanan data up to 14.7 Mbps dan kemampuan WiFi Tethering.

Dengan adanya kecepatan layanan data ini, tentunya membuat para pecinta teknologi tidak ingin ketinggalan untuk mencari informasi tren teknologi di situs Trenologi.
Di situs Trenologi, memuat informasi lengkap mengenai teknologi yang sangat up to date. Dari mulai gadget, game dan business teknologi semua berita lengkap di Trenologi.
Buruan, tunggu apa lagi untuk memiliki Smartphone murah kualitas atas??! dan nikmati serunya surfing internet dan update berita teknologi di Trenologi.

Teknokreasi : A Nation of Possibilities !

Hafifah Bella September 09, 2013 7 comments Edit

Hello readers! kali ini saya mau berbagi sedikit pengalaman saya dalam kunjungan ke acara INAICTA 2013 pada hari Minggu, 1 September 2013 di Jakarta Convention Center.
Tahun ini saya menjadi peserta Workshop Pemrograman Robotika dengan Kit Robot Ganesha oleh Bapak Dr. Riza Muhida. Well, Tema yang diangkat kali ini adalah INAICTA 2013 Teknokreasi : A Nation of Possibilities.
Seperti biasanya Workshop, sesampainya disana kita registrasi dulu dengan menunjukkan tiket yang sudah saya dapatkan secara online.

Karna masih pagi dan Workshop belum dimulai, kami (saya dkk.) menyempatkan diri untuk keliling Exhibition peserta INAICTA 2013 (yang selalu membuat saya iri dengan kecerdesan mereka, hhiii). So, sekalian kita foto2.. dan stage ini nih, yang jangan sampai kelewatan untuk dijadikan background of your "cheers" :D

Disini ada Talkshow Stage, Community Area..

Di Hall sebelah, ada acara Sri Mimpi Indonesia..

Fualla, It's time to Workshop.. di Ruang Nuri 2 ini sudah disiapkan beberapa komputer untuk peserta Workshop.. Kami belajar mulai dari teori dasar pengenalan tentang Robot dan ROCI (Robotic Organizing Committee Indonesia)

Kit ini nih, buatan Dr. Riza Muhida sebagai praktek kami dalam meng-implementasikan Pemrograman Robotik dengan Kit Robot Ganesha..

Untuk software nya, kami menggunakan Scratch. Dengan software ini lah kami belajar memrogram (a.k.a memprogram) Kit Robot Ganesha (gambar diatas). Setiap gerakan, sensor (cahaya, suara, dll.) bisa dikendalikan dengan Scratch ini.. Dibawah ini adalah tampilan software nya..

Break dulu.. time to lunch

Foto bareng Eva..

Abis makan, masih harus narsis dokumentasi dulu.. hhee :D

Masih break, waktu itu masih milih2 mau ikut Workshop apa lagi.. Soalnya Workshop Pemrograman Robotik dengan Kit Robot Ganesha nya cuma sampai break makan siang..

Sempetin dulu waktunya untuk foto2.. hhee

Dan akhirnya kami memilih untuk ikut Workshop Robotika Wall-E..
Meskipun kami ga ikut Workshop ini dari awal, seenggaknya kami bisa dapet ilmu sedikit dari Mas Eric yang ternyata lulusan Ilmu Kesenian namun bisa bikin robot.. howw amazeee :O

Mas eric hanya menggunakan alat2 bekas untuk membentuk tubuh robot2 yang sudah dia buat selama ini.. Dan betapa kreatifnya dia, bisa bikin robot dengan cost yang minim..
Di workshop ini dia praktek bikin mata wall-e dari pipa, teropong kecil dan mobil remote control.. jadi mesin yang ada di dalme mobil remote control itu diambil, dan dipasang sebagai motor leher dan mata Wall-e..

Nah, kalo wall-e yang satu ini ni.. karya terbaik mas eric, ada 16 motor lho.. :D

KEPO yuk! Teknologi Animasi 3D : MoCap

Hafifah Bella August 13, 2013 5 comments Edit

Pernah terbayangkan ga gimana cara pembuatan film animasi 3D kaya UP, Shrek, Avatar, Mars Needs Moms dll. ??
Saya sering terpesona dengan kesempurnaan pada visualisasi karakter2 pada film tersebut, mulai dari rambut, hingga ekspresi wajah dan gerakan yang begitu detail.. waw banget ><

jadi pembuatan film2 animasi 3D tersebut menggunakan MoCap (Motion Capture)...

Motion capture atau mocap merupakan teknologi perekam gerakan yang mengkonversi gerakan tersebut ke dalam bentuk model gerakan digital. Proses ini dilakukan dengan cara merekam gerakan para aktor/aktris yang ditubuhnya telah ditempeli marker (penanda) dan memanfaatkan file digital yang dihasilkan untuk menggerakan model karakter yang sudah dibuat di dalam aplikasi animasi 3D. (Sumber : hidupiniindahsekali.blogspot.com)

Entah memang saya yang norak atau gimana yah, ternyata teknologi ini memang sudah ada sejak lama dan saya baru tau waktu nonton film Mars Needs Moms di televisi..hhaa
nah, di ending film itu ada behind the scene nya.. yang bikin saya heran adalah, ko behind the scene nya ga cuma dubbing aja tapi pake gerakan2 juga =.=a

dari situ saya mulai cari tau cara pembuatan film Mars Needs Moms, dan alhasil saya jadi tau tentang Mocap ini..

Sedikit berbagi aja, semoga temen2 yang belum tau pun bisa jadi tau setelah membaca artikel saya ini..
dan dibawah ini saya sisipkan video dari Youtube , Behind The Scene Mars Needs Moms..

cekidot :D

Film paling ditunggu {The Hunger Games : Catching Fire} :D

Hafifah Bella July 13, 2013 No comments Edit

Pernah nonton film The Hunger Games ? kalo belum pernah nonton, minimal pernah denger kan?

yowes yowesss kalo belum disini saya mau berbagi cerita tentang film The Hunger Games..

Ini adalah salah satu film favorit saya banget, karna pemeran utamanya cewe dan fight banget :D

makanya ni saya mau ngajak temen2 untuk tertarik ama film ini, hhaa.. yukk tengok

______________________________________________________________________

The Hunger Games merupakan cerita fiksi fantasi yang menceritakan tentang permainan yang mematikan demi mempertaruhkan kemerdekaan distrik..

Jadi ada 12 distrik di film itu, masing2 distrik harus mengirimkan perwakilannya 2 orang anak muda (laki2 dan perempuan) untuk bermain di The Hunger Games..

Jujur aja saya juga ga ngerti kenapa mereka harus mengirim perwakilan2 itu, dan asal usul adanya permainan The Hunger Games juga saya gatau.. hhaa yang penting ni film seru, itu aja udah :p

Soalnya saya ga baca buku nya sih, jadi sebenernya film ini diadaptasi dari buku trilogy The Hunger Games..

nah jadi tuh di The Hunger Games 1 , si pemeran utama Katniss Everdeen dan Peeta Mallark menang (Distrik 12)

Menurut beberapa sumber yang saya baca, The Hunger Games 2 (Catching Fire) , si Katniss Everdeen dan Peeta Mallark diharuskan mengikuti tur kemenangannya ke distrik2 lain, mereka harus meninggalkan keluarganya dan teman2 dekatnya..
Dan di sela2 tur nya itu, banyak pemberontakan dari Distrik2 terhadap Capitol (penyelenggara The Hunger Games) , sehingga Capitol menyelenggarakan kembali permainan yang membertaruhkan nyawa tersebut.

nah katanya sih di Catching Fire ini, Katniss Everdeen dan Peeta Mallark harus melawan para pemenang The Hunger Games sebelumnya..
waw, makin seru kayanya..

Oya, buat kamu yang ga suka film sadis, saya sarankan jangan nonton deh.. hhaaa soalnya serius deh sadis banget
kecuali kalo emang penasaran pengen nonton :D

______________________________________________________________________

Untuk kamu yang penasaran, nih saya kasih The Hunger Game : Catching Fire Trailer 2013 - Official [HD]
Film ini akan tayang di bisokop2 mulai 22 November 2013.. so, siapkan waktu dan kantongmu yaahhh.. :p

Disela-sela tur kemenangannya tersebut, pemberontakan di distrik-distrik lainnya di Panem akhirnya membuat “Capitol” harus menyelenggarakan kembali permainan hidup dan mati dalam “The Hunger Games“. - See more at: http://tema-windows8.blogspot.com/2013/04/sinopsis-film-hunger-games-catching-fire.html#sthash.bF5GuoOm.dpuf

tentang tur kemenangan Katniss Everdeen dan Peeta Mellark setelah mereka memenangkan pertandingan “The Hunger Games” (Di film pertamanya). Disela-sela tur kemenangannya tersebut, pemberontakan di distrik-distrik lainnya di Panem akhirnya membuat “Capitol” harus menyelenggarakan kembali permainan hidup dan mati dalam “The Hunger Games“.

- See more at: http://tema-windows8.blogspot.com/2013/04/sinopsis-film-hunger-games-catching-fire.html#sthash.bF5GuoOm.dpuf

Membuat Design Teks 3D dengan Adobe Illustrator

Hafifah Bella July 12, 2013 9 comments Edit

Sebelumnya saya ucapkan terimakasih kepada temen2 yang sudah menyempatkan dirinya untuk klik link kesini,hho..
saya akan berbagi sedikit cara untuk membuat design teks 3D dengan Adobe Illustrator..

Kebetulan saya baru bikin design untuk ucapan Ramadhan 1434 H ini..
Oya sedikit info, kalo pada postingan sebelumnya saya masih menggunakan Adobe Illustrator CS2 maka disini saya sudah menggunakan Adobe Illustrator CS5, makanya tampilannya agak beda, tp tool nya sama ko.. hhhee

yupps langsung saja

1. Seperti biasa, kita bikin aja design dengan ukuran Artboard 210 x 287 mm (alias: A4).

2. Buat kotak dengan Rectangle Tool (M), dan beri warna kuning muda (Yellow : 15%). Kemudian tambahkan teks dengan menggunakan Type Tool, beri warna hijau. Hasilnya akan terlihat seperti dibawah ini

3. Untuk variasinya, kita bikin bulat2 dengan Elipse Tool (tool ini ada di pilihan Rectangle Tool atau tekan L pada keyboard). Beri warna hijau

4. Kita buat Opacity warnanya dibawah 100%, di panel Transparency seperti ini

5. Pengurangan Opacity itu berguna ketika ada penumpukan objek maka akan terlihat transparansinya dan hasilnya akan seperti ini

6. Duplikat bulat2 tersebut, dan posisikan di ujung kiri atas dan ujung kanan bawah seperti ini

7. Ini dia bagian yang dinanti-nanti, kita akan bikin Teks 3D nya.. sebelumnya bikin layer baru dulu yaaa.. di panel Layers, klik New Layer (yang dilingkar merah dibawah ini)

8. Kita ganti nama layer nya ya.... double klik di layer baru nya, sehingga akan muncul window seperti ini

9. Buat teksnya, terserah mau pake font apa aja tapi disini saya pake font Coreldraw.
Kemudian diberi warna hijau

10. Beri efek 3D pada menu Effect > 3D > Extrude & Bevel

11. Maka akan muncul window 3D Extrude & Bevel Options, atur posisi dimensinya sehingga menjadi seperti dibawah ini

12. Maka akan tampak hasilnya

13. Untuk variasinya, kita bikin per huruf nya miring2.. tapi sebelumnya di Create Outline dulu.. caranya gini

Klik kanan pada teks yang sudah diketik, trus pilih Create Outline

14. Setelah itu di Ungroup dulu, klik kanan di teks tsb pilih Ungroup

15. Baru deh kita buat miring2 per huruf seperti ini

16. Buat kata2 lain dan ulangi cara nomor 9-15 .. dan hasilnya seperti ini

17. Setelah itu tambahin deh kata2 ucapannya.. jreng jreeeenngggg jadi deeeh :D

Tinggal dimodif deh ama kamu mau bikin ucapan apa aja :D

Happy Ramadhan guyss.. Marhaban Ya Ramadhan..
Semoga tutor ini bermanfaat..
Feel free to share..

email : hafifah.bella@gmail.com
facebook : http://www.facebook.com/hafifah.bella

Desain Kartu Ucapan dengan Adobe Illustrator

Hafifah Bella July 06, 2013 No comments Edit

Okeh, tulisan ini saya buat karena terinspirasi waktu kemarin bikin Kartu Ucapan milad nya istri mas feri (rekan kerja)..
saya cuma mau sedikit share aja cara membuat design yang sangat simpel untuk kartu ucapan, semoga ini bisa bermanfaat untuk kamu2 yang lagi galau pengin bikin kartu ucapan tapi ga begitu expert di design..
so, try this sob.. karena ini mudah banget, simpel, tapi elegan ~ (wkwkk :D)

Tapi yang paling penting lagi, orang yang mau kamu kasih kartu ucapan ini pasti bakalan seneng dengan pemberian kamu apapun itu.. apalagi kalo bikin sendiri kan desainnya..
yuks, check this out ^^

1. Buka dulu dong Adobe Illustrator nya (maaf saya gabisa kasih link download nya, cari sendiri ya :D)

2. Pilih File > New ( atau bisa dengan Shortcut keyboard Ctrl+N , yang pake Mac Cmd+N ), pilih ukuran kertas nya .. disini saya menggunakan kertas A4 , jadi nanti ukuran design nya A4 dibagi 2 kaya screen shot diatas.. lumayan kan sekali cetak langsung dapet 2 :D

3. Sebelah kiri kan ada Toolbox tuh, nah kamu pilih yang Rectangle Tool yah.. ini ni screen shot nya

4. Buat kotak nya, terserah kamu.. kira2 aja kaya gini ni

5. Beri warna, pilih di panel Color trus kita kasih gradasi di panel Gradient seperti ini. Atur sesuka hati kamu

6. Hasilnya jadi seperti ini ni

7. Untuk variasinya, kita bikin gambar. Disini saya menggunakan Paintbrush Tool (pilih di ToolBox yah)

8. Terus di copy-paste bertumpuk dan banyak jadi seperti gambar dibawah ini.. Oya, cara cepetnya untuk copy-paste adalah pilih Selection Tool trus arahkan ke object yang ingin diduplikat sambil tahan tombol Alt pada keyboard, kalo udah keliatan duplikatnya dilepas aja tombol Alt nya, wiss dehh..

9. Saya bikin objek lain seperti ini

10. Tambahin teks ucapannya yaa pake Type Tool di Toolbox

11. Daaaann nih hasilnya.... :D

Sekian dari saya.. mudah2an bermanfaat , maaf kalo terlalu singkat dan kurang jelas..
kalo ada pertanyaan silakan tanyakan saja lewat komentar dibawah ini..
atau bisa juga hubungi saya melalui
email : hafifah.bella@gmail.com
facebook : http://www.facebook.com/hafifah.bella

Salam berbagi :D