Pengenalan singkat Amazon S3

Amazon S3 digunakan sebagai tempat penyimpanan data di internet berupa file gambar atau file lainnya. Klo saya disini menggunakannya sebagai tempat penyimpanan file gambar yang kemudian akan di load pada website-website tertentu.

Pada penggunaannya, Amazon S3 ini dijadikan sebagai add-ons pada browser-browser terutama Mozilla Firefox. Tampilan dari add-ons nya tersebut tidak jauh berbeda dengan FileZilla atau CoreFTP, karena kegunaannya sama yaitu untuk upload file dari local ke server.
Pada sisi kiri merupakan direktori local kita, dan pada sisi kanan merupakan direktori server kita di Amazon S3.

Sebelum mengakses Amazon S3 tersebut, kita diwajibkan untuk mendaftar terlebih dahulu, disini saya belum tau pasti apakah berbayar atau gratis. Mungkin klo storage yang digunakan hanya sejumlah kecil tidak akan dikenakan bayaran .. hhehe ..

Pada saat akan mengakses ke Amazon S3, kita diwajibkan untuk memasukkan Account Name yang telah kita buat sebelumnya pada proses daftar. Kemudian masukkan Access Key dan Secret Key. Setelah itu klik Add dan akan langsung terhubung ke direktori Amazon S3 kita.

Kita dapat upload file (sebagai contoh file gambar untuk slider). Cara nya mudah, kita hanya perlu mencari direktori file gambar yang akan di upload, dan kemudian pilih tombol arrow kanan (yang artinya upload file atau folder). Tunggu hingga proses upload selesai.

Setelah proses upload selesai, jika kita ingin mengakses file tersebut dari website maka jangan lupa untuk melakukan setting terlebih dahulu yaitu dengan cara klik kanan pada file atau folder yang akan kita akses, kemudian pilih "Edit ACL" dan checklist pada bagian Read Everyone dan Authenticated Users. Selanjutnya klik kanan pada file gambar yang akan kita akses dan pilih "Copy URL to Clipboard". Dan step terakhir adalah kita paste hasil copy tadi ke dalam image source tag html (contoh : <img src="paste disini"/>).

Sekarang cek dengan cara mengakses website apakah image yang tadi anda panggil dari Amazon S3 dapat tampil ke layar ?
Jika "Ya", Selamaaaat :D

Dapat dilakukan juga terhadap file-file assets lainnya seperti file js, css, dan lain sebagainya.
Selamat mencoba :)

Tutorial phpBB - Bagian 1

phpBB merupakan sebuah framework forum gratis atau tak berbayar yang banyak digunakan saat ini. Bagi Anda yang ingin membuat sebuah website dengan memiliki forum tersendiri, Anda bisa menggunakan forum phpBB ini. Dengan forum phpBB ini kita tidak perlu repot-repot membuat forum dari nol, kita hanya perlu install saja kemudian lakukan perubahan-perubahan pada segi tampilannya (simpel kan ? hhehehehe).

Untuk mendapatkan file phpBB tersebut kita perlu mengunjungi situs resmi phpBB nya, disana akan terdapat button berupa banner bertuliskan "Download" dan "Try Demo". Klik pada bagian button "Download" apabila kita ingin langsung mendapatkan file phpBB tersebut. Klik pada bagian button "Try Demo" apabila kita ingin mencoba demo forum nya terlebih dahulu sebelum melakukan download filenya.

Versi phpBB terbaru adalah versi 3.0.11, mengenai versi sebelumnya saya kurang tahu soalnya saya baru pertama kali juga menggunakan phpBB ini hehehe (temen bilang sih pernah ada versi 2 nya, yaiyalah masa langsung versi 3 yah ??? hahaha).

Setelah kita melakukan klik pada button "Download", proses download tidak akan memakan waktu lama karena file yang kita download hanya berukuran 2,36MB (kecil banget kan?? haha). Nah setelah download selesai, karena file yang kita dapatkan adalah file berbentuk .zip, maka kita perlu melakukan extract pada file .zip tersebut menggunakan software seperti WinRar. Maka akan terciptalah sebuah folder dengan ukuran sebesar 8,16MB.

Ok, setelah kita mendapatkan file phpBB tersebut dan melakukan extract, kita lanjutkan dengan memasangnya di server lokal kita (saya asumsikan disini bahwa komputer Anda telah terpasang server lokal seperti XAMPP, WAMP atau apache2triad). Lakukan copy pada folder yang telah di extract tadi dan paste di folder server (untuk server XAMPP simpan di folder htdoc) dan kemudian ubah nama folder tersebut menjadi "forum". Setelah itu, kita coba akses folder tersebut melalui browser (contoh : localhost/forum). Maka kita akan dihadapkan dengan interface untuk melakukan instalasi forum phpBB.

Sekian pada Tutorial phpBB - Bagian 1 ini.

Terima kasih,
Let's share :)

Pengenalan Codeigniter - Bagian 1

Pada Pengenalan Codeigniter - Bagian 1 ini, Saya akan menjelaskan cara development web menggunakan framework Codeigniter dari titik paling awal. Meskipun pihak Codeigniter sendiri sudah menyediakan User Guide nya, akan tetapi tidak ada salahnya jika Saya ingin memberikan tips & trik atau cara yang lebih mudah dalam pembuatan website menggunakan Codeigniter. :)

Disini saya anggap bahwa komputer yang Anda gunakan sudah terpasang / ter-install server lokal seperti XAMPP, Apache2Triad, WAMP, atau yang lainnya.

Hal pertama yang harus kita lakukan tentunya adalah download file framework Codeigniter terlebih dahulu, kita dapat men-download-nya di sini. Kita hanya perlu melakukan klik pada tombol DOWNLOAD yang terdapat pada halaman Codeigniter. Secara otomatis akan muncul sebuah tampilan popup untuk melakukan Save file framework Codeigniter. (Perhatikan lingkaran biru pada gambar di bawah untuk melakukan download file framework Codeigniter)

Versi paling terbaru adalah Codeigniter 2.1.3 dengan ukuran file sebesar 2.268 KB atau sekitar 2.3 MB (tenang, kecil kok. hehehehe).

Setelah file selesai di download lakukan extract untuk mendapatkan isi dari file framework Codeigniter tadi dalam bentuk folder.

Extract file Codeigniter

Selanjutnya, ubah nama folder Codeigniter tersebut menjadi nama website yang kita inginkan, sebagai contoh disini kita beri nama "web_codeigniter". 

Ubah nama folder

Kemudian copy atau pindahkan folder Codeigniter tadi ke dalam folder server lokal kita (disini saya mengambil contoh dengan menggunakan server lokal XAMPP), maka buka folder C:\xampp\htdoc\ kemudian paste pada direktori tersebut.

Setelah itu kita coba akses folder Codeigniter tersebut melalui server lokal. Cara nya adalah dengan cara membuka browser (Mozilla Firefox, Google Chrome, Opera, Safari atau Internet Explorer) kemudian ketikkan "localhost/web_codeigniter" dan tekan tombol Enter.

URL web_codeigniter

Berikut merupakan tampilan apabila folder Codeigniter kita berhasil atau dapat diakses melalui browser.

Tampilan awal Codeigniter

Pada Pengenalan Codeigniter - Bagian 1 mungkin cukup sampai disini saja, pada pembahasan berikutnya akan dijelaskan mengenai apa itu Controller, Model dan View.

Masih banyak yang harus kita pelajari disini. hehehehe..

Sekian, Terima kasih.

Bagi yang ingin menambahkan, sangat dipersilahkan dan dengan senang hati .. :)

Let's Share.. :)

Pengenalan Codeigniter

Wah lama nih ga pernah posting .. hehehe ..

Mulai sekarang saya akan coba untuk posting dari awal mengenai Codeigniter. Tujuannya untuk berbagi dan untuk selalu membuat saya ingat akan development website menggunakan framework ini.

Bagi para Web Programmer mungkin ini sudah tidak asing lagi, terutama bagi pada programmer PHP (bukan Pemberi Harapan Palsu looooh .. hehehe ). Oke klo begitu mari kita mulai saja. :)

Rencana pembahasan Codeigniter pertama, diantaranya :
1. Download Framework Codeigniter2. Mengakses halaman awal Codeigniter di server lokal

Bagi yang berniat untuk mempelajari Codeigniter, silahkan untuk selalu mengikuti materi yang dibahas pada blog saya .. hehehehe ..

Let's Share .. :)

Javascript : Ajax JSON

Pada ajax kita bisa menggunakan JSON .. gunanya adalah agar kita tidak perlu melakukan proses split ..
contohnya adalah apabila controller (disini saya menggunakan CodeIgniter) memberikan output seperti :

$nama_produk."|".$harga_produk."|".$stock_produk .

sehingga kita harus melakukan proses split ..
success:function(det){
   detail=det.split('|');
   ...
   ...

akan tetapi bila kita menggunakan dataType:'json' . kita tidak perlu melakukan proses split lagi .. dengan syarat output yg kita keluarkan dari controller sudah berbentuk array .. contoh :
output ->
$output = array('nama_produk'=>$nama_produk,'harga_produk'=>$harga_produk,'stock_produk'=>$stock_produk);
echo $output;

pada saat di javascript (.js) . yg perlu kita lakukan hanya :
success:function(det){
   var nama_produk = det.nama_produk;
   var harga_produk = det.harga_produk;
   var stock_produk = det.stock_produk;

tanpa harus menggunakan split ..

dan tidak lupa kita harus menambahkan dataType:'json' pada saat sebelum mengirimkan data apa saja yg akan di post kan .. contoh :

$.ajax({
   type:"POST",
   url:base_url+"get_detail_produk",
   dataType:'json',
   data:dataString,
   success:function(det){
      var nama_produk = det.nama_produk;
      var harga_produk = det.harga_produk;
      var stock_produk = det.stock_produk;
}

sekian . terima kasih .. :)

Javascript : serialize() - unbind()

Function javascript serialize() digunakan untuk mengirimkan data inputan yg berjumlah banyak . terdiri dari beberapa elemen akan tetapi akan kita satukan menjadi satu ..
contohnya adalah elemen bernama image_filename[] yg akan dikirim ke proses input .. karena kemungkinan akan terdapat lebih dari satu image_filename .. maka dilakukan pemanggilan function javascript serialize(). yg berguna untuk memisahkan satu satu inputan pada elemen dengan nama yg sama ..
contoh :
nama elemen : image_filename[]
class elemen : hidden_value
kemudian kita melakukan upload 3 buah image dan elemen hidden bernama image_filename[] terisi dari masing masing nama image_filename .. pada saat mengirimkan ke proses ajax . kita perlu memanggil function serialize().
contoh penggunaannya adalah buat sebuah variabel baru . kemudian pilih class elemen yg akan diambil nilainya .. dan lakukan serialize() ..

var image_filename = $('.hidden_value').serialize();

kemudian kirimkan seperti layaknya mengirimkan post ajax biasa .. secara otomatis function serialize() tersebut akan memisahkan setiap inputan dari elemen class hidden_value tadi .. sehingga yg kita perlu lakukan selanjutnya adalah menerima inputan dari ajax tadi di dalam controller (disini saya menggunakan framework CodeIgniter) .. lakukan foreach untuk proses insert data nya .. untuk mengambil masing masing nilai yg ada pada elemen bernama image_filename[]..
cara menerima nya adalah :

$image_filename = $this->input->post('image_filename');

foreach($image_filename as $nama_image)
{
     $insert = $this->produk_model->insert_image_filename($id_produk,$nama_image);
}

proses akan dilakukan sebanyak jumalh $image_filename yg ada di dalam array ..


Function javascript unbind()
Function unbind ini digunakan untuk menghapus function yg kita buat agar tidak terdapat double .. disini jika kita menggunakan append() . karena append() artinya kita menambah .. apabila kita menggunakan empty().html() . kita tidak perlu melakukan unbind()..

Pemanggilan unbind() ini dilakukan sebelum kita melakukan pemanggilan function yg kita buat dan akan kita panggil lagi ..
contoh kita telah membuat sebuah function delete() .. kemudian kita append pada saat setelah user melakukan upload image .. apabila kita tidak memanggil function unbind() . maka proses delete akan menjadi terus bertambah seiring dengan bertambah banyaknya image yg di upload ..

contoh :
var div_img_upl = "<div id='img_prev_container_um"+no_img_up_um+"'>" +
   "<input type='hidden' class='hidden_value' id='pi_path_um"+no_img_up_um+"' name='pi_path_um[]' value=''/>" +
   "<div id='img_prev_um"+no_img_up_um+"'>" +
   "<img src='"+base_url+"addscripts/ubah_ukuran_gambar.php?image=../../"+msg[1]+"&lebar=150&tinggi=150&"+t.getTime()+"'>" +
   "</div>" +
   "<a href='#' class='del_img_um_ins'>delete gambar resep</a>" +
"</div>";

$('#img_um').append(div_img_upl);
$("#img_prev_container_um"+no_img_up_um+"").fadeIn();
$("#pi_path_um"+no_img_up_um+"").val(msg[1]);
$('#no_img_up_um').val(no_img_up_um);
$('.del_img_um').unbind('click'); //salah satu fungsi yg terdapat pada delete()
$('.del_img_um_ins').unbind('click'); //salah satu fungsi yg terdapat pada delete()
delete();

fungsi nya adalah untuk mengatasi penumpukan function pada saat kita menggunakan append()

Share :: Kerajinan dari Kain Flanel

Assalamualaikum,

Kali ini saya akan sharing atau berbagi tentang sebuah kerajinan yang dapat dijadikan sebuah usaha.

Saya ingin memulai membuat sebuah usaha, sudah berbagai macam usaha saya masukkan ke dalam list pilihan, seperti usaha menjual baju, desain sendiri, sablon, dll. Akan tetapi saya mendapatkan ide-ide baru setelah diberikan masukan dari pacar saya .. :) [asseeeekkk .. hhehehe]

Dia memiliki ide dan keinginan untuk membuka usaha di bidang accesories, seperti gantungan kunci, bondu, jepitan rambut, boneka sampai baju sekalipun. Dan pada saat itu pun aku mulai mencari bahan bahan untuk latihan dan inspirasi agar bisa mengembangkan ide ide yang ada.

Di YouTube saya mendapatkan banyak sekali tutorial tentang pembuatan accesories itu, dan hasil dari kreatifitas itu pun memang sangat bagus dan patut untuk dihargai. Hmmm membuat saya menjadi semakin semangat untuk belajar dan sesegera mungkin menjalankan usaha itu. Accesories itu dibuat dari bahan dasar Kain Flanel.

Untuk berbagi, ini adalah beberapa ide ide dan inspirasi yang saya miliki. :)

Contoh beberapa Kerajinan dari Kain Flanel :

1. Bando Flanel

Pict :: Bando Flanel

Bando Flanel ini dapat dibuat berdasarkan kreatifitas masing masing, melalui proses improvisasi hasilnya bisa mendapatkan nilai jual yang sangat tinggi dibandingkan dengan Bando Flanel lainnya. Penjual di pinggiran jalan biasanya menjual dengan harga sekitar Rp 5.000 sampai Rp 10.000, akan tetapi jiga kita berkunjung ke toko toko accesories yang terdapat di mall pertokoan, harga satuannya bisa mencapai Rp 20.000 atau lebih. Menggiurkan bukan ?? :)

2. Bantal Flanel

Pict :: Bantal Flanel

Bantal bisa terbuat dari berbagai macam bahan kain. Untuk kali ini bantal dibuat dengan menggunakan bahan dasar Kain Flanel. Bantal ini diisikan dacron agar bisa digunakan untuk tidur tiduran dengan nyaman, atau digunakan untuk tempat menyandar yang nyaman [hhehehe ..]. Untuk harga Bantal Flanel ini mungkin harganya bisa mencapai Rp 30.000 perbuah nya, dan bukan tidak mungkin klo harganya bisa melebihi Rp 30.000, disesuaikan dengan ukuran dan motif.

3. Boneka Flanel

Pict :: Boneka Flanel

Flanel jg bisa digunakan untuk membuat boneka, contohnya adalah Boneka Flanel ini. Boneka Flanel ini pun harus diisikan dacron agar bisa mengembung seperti bantal atau berisi. Ukuran boneka bisa menentukan harga, juga kerumitan pembuatan boneka bisa menjadi nilai tambah harga jual boneka ini. Untuk mendapatkan kesempatan besar dalam penjualan Boneka Flanel ini, kita harus bisa melihat apa yang sedang disukai di kalangan anak anak contohnya. Misal tokoh kartun yang sedang ramai di televisi, kita harus cepat mengambil kesempatan itu dengan membuat Boneka Flanel dengan bentuk tokoh di film kartun tersebut.

4. Gantungan Kunci Flanel

Pict :: Gantungan Kunci Flanel

Ukuran dari Gantungan Kunci Flanel ini sudah seharusnya memiliki ukuran yang tidak terlalu besar, karena ini hanyalah sebuah gantungan kunci. Tapi bisa saja kita membuatnya dalam ukuran yang cukup besar, mungkin untuk digunakan dengan ditempelkan sebagai hiasan lemari atau hiasan di kaca dan di pintu. Harganya satuannya bisa mencapai Rp 5.000 atau lebih.

5. Jepit Rambut Flanel

Pict :: Jepit Rambut Flanel

Jepit rambut sering kali kita temui digunakan oleh anak anak, akan tetapi tak jarang juga kita melihat remaja yang menggunakannya. Jepit rambut ini digunakan untuk mengatur tata letak rambut atau juga hanya digunakan sebagai accesories agar terlihat lebih cantik dan lebih berkesan tidak polos. Untuk anak anak kita bisa buatkan Jepit Rambut dengan model binatang binatang atau kembang kembang kecil yang lucu, biasanya anak kecil menyukai untuk menggunakannya. Untuk remaja mungkin menggunakan jepit rambut yang lebih memiliki kesan dewasa dan feminim. Dengan menggunakan bahan dasar kain flanel, kita dapat membuat Jepitan rambut tersebut sesuai dengan keinginan pembeli. Harganya bisa mencapai Rp 3.000 perbuah.

6. Kotak Flanel

Pict :: Kotak Flanel

Kerajinan yang satu ini dapat digunakan untuk hiasan kamar atau tempat menyimpan barang agar terlihat lebih rapi dan indah, juga menghiasi bagian bagian dari kamar. Selain itu, tidak jarang orang orang menggunakannya pada saat memberikan sesuatu atau kejutan. Karena bentuknya yang unik dan menarik perhatian, harga satuan dari Kotak Flanel ini bisa mencapai Rp 15.000.

7. Pita Flanel

Pict :: Pita Flanel

Selain Jepitan Rambut Flanel, ada juga Pita Flanel. Pita ini bisa juga digunakan untuk accesories di kepala [rambut], juga bisa dipakai sebagai pin yang ditempelkan di baju. Harganya sekitar Rp 2.000.

8. Kotak Tissue Flanel

Pict :: Kotak Tissue Flanel

Berikutnya adalah Kotak Tissue Flanel. Fungsinya sudah jelas untuk menyimpan tissue [hehhehe ..], akan tetapi dengan menggunakan Kotak Tissue ini akan lebih memiliki nilai keindahan, tidak hanya terlihat bungkus kertas tissue, tetapi dibungkus dengan keindahan dan keunikan dari Kotak Tissue Flanel ini. Untuk harga saya kurang tau, mungkin sekitar Rp 15.000 ketas.

Kesimpulan :

Dengan bahan dasar Kain Flanel, kita bisa membuat berbagai macam jenis kerajinan yang memiliki nilai jual. Dan nilai jualnya pun tidak rendah, itu sesuai dengan kepandaian dan ke-kreatifitas-an kita. Bila kita memang kreatif dan pintar dalam memanfaatkan situasi, bukan tidak mungkin kita bisa mendapatkan penghasilan dari hasil ke-kreatifitas-an kita tersebut.

Mari kita ber-Usaha dan jangan pernah berhenti berkreatifitas.

Terimakasih.
Let's Share. :)