2012-09-24

Model data JSON

beberapa dari pembaca sudah tahu model dari data json yang dimaksud. Tetapi saya sendiri tidak bisa mengatakan bahwa penjelasan saya ini 100% benar. Jadi daripada rancu saya akan ceritakan kronologinya dahulu. Pada tutorial sebelumnya, saya menunjukkan tentang pemakaian grafik dengan kendoui. Tetapi datanya masih di dalam html itu, kita juga butuh data dari luar seperti xml. Dalam tulisan ini saya akan mengangkat JSON.

Membuat Grafik Area Kendoui part 2

Silakan lihat pada tutorial sebelumnya, kita akan membaca tentang cara membuat grafik area sederhana. Tetapi terkadang apa yang ingin dibuat bentuknya ditumpuk, dalam contoh sebelumnya kita melihat grafik untuk persentase internet di dunia.
 Tetapi sebenarnya itu persentase harus digabung untuk melihat bagaimana fluktuasinya bila ketiga data di gabung.

Membuat Grafik Area

Mungkin anda bertanya-tanya apa itu grafik area. Pada dasarnya grafik ini menunjukkan warna dan garis. Bisa dibilang perpaduan antara line (garis) dan bar (batang). Pada gambar di atas ditunjukkan bentuknya. Klik untuk melihat lebih jelas.

Untuk membuat saya memakai tutorial sebelumnya yaitu tutorial PIE, disini saya akan beri html sederhana, jadi anda harus melengkapi dengan tag-tag lainnya. Sebenarnya ini berangkat dari pertanyaan sederhana kita ingin membuat grafik, tetapi grafiknya dinamis. Apa yang kita bisa diberikan saat ini hanyalah data (angka) dan nama datanya (kota). Lalu kita butuh grafiknya dinamis.

Membuat PIE memakai Kendo-UI

Berangkat dari keinginan bikin grafik.. Saya menemukan ini di kendoUI, membuat grafik pie.. Awalnya saya bingung kenapa kok ngak bisa (dan ternyata gara-gara ngak di panggil js yang benar). Lalu saya download deh (save kendo.all.js nya) lalu baru saya kerjakan. Akhirnya.. saya bisa bikin tampilan grafik yang saya inginkan.
pilgub putaran 1
bila kurang jelas dapat di klik agar kelihatan jelas. sebelumnya saya mendapatkan datanya sebagai berikut:

Saiful Mujani Research and Consulting:
1. Foke-Nara: 33,54 persen
2. Hendardji-Riza: 2,02 persen
3. Jokowi-Ahok: 43,14 persen
4. Hidayat-Didik: 11,24 persen
5. Faisal-Biem: 5,08 persen
6. Alex-Nono: 4,98 persen

2012-09-23

Datasource generate sendiri

Tertarik dengan demo di kendoui tepatnya di bagian datasource. Dimana dengan script sederhana kita bisa memasukkan datanya dengan banyak dan tampilan sudah bisa kita atur-atur. Perhatikan contoh yang diberikan karena itu yang akan dibuat.
form generate
Saya memulainya semua dari form yang saya letakkan di tools buatan saya. Kunjungilah dengan klik linknya dan pilih no 5, maka kamu akan mendapatkan tampilan di atas. Script ini membutuhkan js: Jquery dan kendo.web.

2012-09-22

Upload part 3 : keamanan file dan upload yang beda.

Upload ini akan bahas apa yang akan kita upload terlebih dahulu, lalu baru bahas pake kendoUI untuk uploadnya. pertama kita akan melakukan upload file dengan syarat dan ketentuan sebagai berikut:
  • File . bukan folder atau link.
  • File tersebut bisa gambar, dokumen atau lainnya.
  • Besarnya dibawah 1MB. Kita tidak akan setting di PHP atau APACHE.
  • dan lain-lain.
Aku pastikan kalau tutorial ini berguna

Upload : lebih lanjut part 2

Bila sebelumnya kita mencoba upload, tetapi tidak menyimpan datanya di tempat kita. Sekarang kita akan upload dan simpan datanya. Tapi sebelumnya mari kita buat formnya seperti dibawah
<form method='post' enctype="multipart/form-data" action='#update'>

<table>
<tr><td>Nama</td><td>&nbsp</td>
<tr>
    <td> FILE </td>
    <td><input type=file
name='file' /></td>
</tr>
</table> <input type=submit>
</form>
Penasaran arah tutorial ini kemana?

Kita akan memakai 1 form file saja jadi nama filenya tidak array. Seperti versi sebelumnya, kita akan mengirim ke halaman yang sama jadi tambahkan perintah/fungsi PHP disini juga. Tepatnya di atas atau dibawah.
<?php
    if($_FILES)
    {
/* lakukan kalau ada pengiriman data */   

    }
?>

2012-09-20

Upload part 1 : Dasarnya dulu

Upload file merupakan request yang sering terjadi. Sebenarnya upload file sendiri tidak sulit kecuali saat mengatur hasil uploadnya. Pada part ini kita tidak akan bahas mengatur uploadnya tetapi bagaimana cara melakukan upload. Semua upload membutuhkan yang namanya form, untuk mempermudah kerja dan kesalahan. Mari gunakan code generator form punyaku.
Jalan-jalan naik pesawat.
Scriptnya dapat di ambil disini, tetapi lebih baik fahami dulu cara kerja dari awal..

Kendo UI : jquery yang menarik

Sebulan yang lalu saya menemukan sebuah framework js bernama kendou ui, kalau mau disamakan ini mirip dengan jquery ui. Kendo UI sebenarnya membuat tertarik karena namanya yang agak kejepangan (Kendo).



<!-- Kendo UI Web styles -->
<link href="styles/kendo.common.min.css" ... />
<link href="styles/kendo.default.min.css" ... />
<!-- Kendo UI Web scripts -->
<script src="js/jquery.min.js" ..></script>
<script src="js/kendo.web.min.js" ..></script>
Formatnya sederhana seperti tulisan di atas. Untuk CSS kita bisa memakai standar dari kendo dan untuk js minimal kita sudah bisa memakai jquery terbaru dan bila di publish di internet kita menggunakan jquery yang ada di google atau jquery.com sehingga scriptnya tidak mengambil dari server kita untuk jsnya.
Mirip Jqury UI tapi kayaknya lebih mudah

2012-09-19

Editing Style

Untuk melakukan perbaikan pada script anda. Terutama CSS, biasa kita mencari 1-1 dari html (view source) lalu perbaiki dan refresh. cara yang bisa dibilang agak kuno.. Tetapi efektif juga karena kita jadi bisa belajar. Cara lain sebenarnya pake yang namanya inspect elemen.. Kalau di FF bisa juga memakai tools yang serupa.

Tutorial ini bukan milik saya jadi silakan dibaca saja
sumber:https://www.facebook.com/groups/idjoomla/permalink/421994167860424/

Membuat Form dengan cara mudah.

Membuat form adalah sebuah bencana buatku. Pertama masalah style yang harus dipakai agar terlihat menarik bagi client. Berikutnya masalah atribut yang digunakan, sejujurnya atribut "method" adalah kendala yang paling sering kutemui! Walaupun nilainya hanya terbatas POST / GET saja. Hal lain yang jadi kendala termasuk atribut "enctype". Enctype ini adalah bentuk data yang dikirim.

Karena banyaknya form yang berulang-ulang dibuat, dimana lagi waktu mengerjakannya juga terbatas. Sehingga kepikiran membuat semacam tools. Tools itu saya letakkan di
http://detiara.16mb.com/tools/

Masuk ke link tersebut lalu pilih pilihan ke 3. Itu adalah form sederhana yang sering kugunakan dalam membuat program. Tetapi Form ini belum selesai, karena ada beberapa masalah yang akan kujelaskan berikutnya.

Nendoroid Petite TYPE-MOON Collection BOX [Japan Ver.]

Click here to enlarge
Nendoroid Petite TYPE-MOON Collection BOX [Japan Ver.]
Price : Rp 780.000
...
Release Date : Februari 2013
Pre-Order Deadline : can be closed at any time

Memasang disqus di WP

Pertama kali mengenal disqus adalah saat memasuki situs yang memakai FB untuk memberi komentar. Tetapi komentarnya di harapkan agar bisa selain untuk FB, twitter dan lain-lain maunya juga bisa. Jadi dari penelususan, saya menemukan disqus.

2012-09-16

XAMPP 1.8 bermasalah?

Topik yang saya angkat bukanlah tentang Xampp bermasalah. Tetapi kompatibilitas dari PC dan software yang ternyata bertabrakan. Sebenarnya XAMPP tidak bermasalah, bahkan harusnya dari versi lama ke baru malah kinerja lebih baik. Memang ada beberapa hal dari yang lama bisa tetapi yang baru tidak.
Contoh yang dapat di ambil adalah 
  • di versi lama kita masih bisa mengetik <? ... ?> tetapi yang baru harus lengkap. Sebenarnya ini setting di Apache, tetapi akibat terlalu panik jadi kita menyalahkan xampp.
  • control error yang berbeda. Bila di lama statusnya yg normal (error) baru terlihat, di baru notice dan warning juga terlihat.
ada banyak error yang lain tetapi saya persingkat dengan pernyatan bahwa yang baru mungkin membingungkan bagi yang pernah pakai.. Atau malah mempersulit yang baru saja belajar dan tertarik dengan XAMPP dan PHP.

Selain masalah klise di atas, ada masalah lain seperti XAMPP kamu malah tidak JALAN?!? bentrok dengan lainnya (yang kebetulan pake port yang sama). Dan seperti biasa kita langsung bingung dan menyalahkan XAMPP. Tetapi anehnya kebanyakan kasus terjadi pada XAMPP baru!? bukan yang lama. 
Itu sebabnya dalam tutorial XAMPP saya memakai versi jadul yaitu 1.6.x yang bisa dibilang agak ketinggalan jaman. 

Tetapi bagi saya, bila anda pemula PHP dan ingin belajar PHP lebih baik anda memakai versi lama (1.6.x) bila nanti ingin berkembang, barulah pasang yang baru. Jangan lupa carilah teman yang pintar juga PHP seperti di facebook PHP Indonesia. Untuk kedepannya, mari perbaiki logic programing kita, seperti menulis lengkap <?php dan berhati-hati dalam deklarasi variabel. Well itu cuma beberapa tips yang harus kita kerjakan.

Bila anda merasa tulisan ini layak, silakan di share ilmunya. 

Memasang Video di Web

Menjawab pertanyaan sederhana. Bagaimana cara saya memasang video di web saya? Pertanyaan ini sebenarnya sudah didapat semenjak 1 tahun yang lalu! Tepatnya saat saya belum bekerja di kantor pertamaku yaitu di salah satu rumah sakit. Solusi yang saya bisa berikan saat itu adalah memanfaatkan Youtube atau web upload film yang tersedia di Internet.


Jawaban yang sebenarnya dicari oleh orang adalah memanfaatkan flowplayer! Tetapi sebelum menuju solusi flowplayer, saya akan tunjukkan cara yang termudah! Asumsinya kita memakai solusi ini di web internet bukan local. Kasus terakhir saya sebenarnya bagaimana menjalankan di local!

tutorial persediaan barang (teori) part 1

Mari asumsikan kita akan membahas persediaan Susu. Minuman pelengkap dalam 4 sehat, 5 sempurna. Kenapa susu yang jadi bahasan? ada 2 alasan yaitu karena gambar dibawah berhubungan dengan susu (NSFW) dan kedua, susu memiliki apa yang dinamakan kadaluarsa. Kalau sudah lewat beberapa waktu, saya pakai 2 hari. Maka susu akan di anggap kadaluarsa dan kemungkinan akan berubah jadi Yoghurt!! atau malah dibuang.
Ngomong-ngomong ini judulnya emang teori, tetapi jangan di hapalin bener-bener. Mungkin pelajaran di kampus tidak ada pernyataan bahwa teori yang kutulis ini benar namanya. Asalkan pengertiannya kamu sudah faham. Terakhir ini kubuat bukan untuk PHP tetapi bisa buat bahasa lain
Kita akan fokus pada metode menghitungnya. ada 2 metode yang kuketahui dalam menghitung persediaan yang kunamakan:

  1. Metode Hitung langsung. Metode ini memakai cara, apapun proses yang terjadi maka akan data akan di update di table/field yang sesuai. Karena ini fieldnya cuma 1 maka field yang di proses adalah field susu saja. Proses pencatatan tetap harus dilakukan didalam sistem tetapi kadang malah di anggap optional karena orang biasanya lebih penting hasil akhir bukan cara dapetnya. Proses ini keuntungannya saat di tarik kamu tahu berapa jumlahnya dengan CEPAT.
  2. Metode Batch. Metode ini memakai data yang di input, semua data di input dengan id barang misal 1.. akan di hitung berapa total masuk dan juga total keluar. Proses update berapa nilai aslinya tidak dibuat (optional). Keuntungannya, programer tidak perlu takut akan kerusakan data apabila data yang di input error. Dan data yang dimasukkan lebih kepada penambahan dibandingkan update, sehingga prosesnya tidak banyak.

2012-09-14

Avengers: Earth's Mightiest Heroes

saya tidak akan menonton film kartun kecuali Avenger kecuali dia benar-benar bagus. Apa yang kamu dapatkan dengan mengumpulkan orang-orang hebat, kaya, dan kuat. Lalu menjadikan mereka kelompok untuk melawan kejahatan. Kamu akan dapat kelompok super hero yang tidak akan terkalahkan dengan apapun. Model ini cukup menarik di ikuti dan layak di tonton. Bila itu pikiran anda, maaf anda salah.
Kelompok yang terdiri dari orang-orang berbeda, kemampuan berbeda dan kepentingan berbeda tidak aka menjadikan kelompok itu hebat. Kisah di kartun ini menunjukkannya. Kelompok yang jelas-jelas terkuat ternyata tidak lepas dari berbagai hal kecil yang mengganggu persahabatan dan kerjasama mereka.

Kisah dalam kelompok ini tidak selalu ada orang jahat lalu saling bekerja sama untuk mengalahkan orang jahat tersebut. Ada kisah-kisah menarik yang dapat di ikuti seperti kisah Iron Man yang berbeda saat dia tidak mengenakan armornya.

Permutasi.

Sebenarnya dari dulu, saya agak bingung cara bikin permutasi. kebetulan ada yang minta saya buatkan saja. Logicnya agak jelimet, sapa tau karena saya bisa bikin jelimet ada yang berbaik hati mempermudahnya. Ada permintaan dari Facebook grup PHP tepatnya disini. Permintaan dia adalah:
misalkan, data = 1,2,3  gimana caranya agar data bisa menjadi:
1 -> 2
1 -> 3
2 -> 3
3 -> 2
3 -> 1
2 -> 1

1,2 -> 3
1,3 -> 2
2,3 -> 1
1 -> 2,3
2 -> 1,3
3 -> 1,2

Sebenarnya cara ini agak muter-muter.. tetapi saya berhasil sedikit membuatnya. pada intinya saya menentukan data apa aja yg dipakai lalu kalau ada yg double maka di lewati.
kodenya dapat ditemukan disini
http://codepaste.net/

2012-09-13

Pertemuan 1 FTP memakai notepad++

Sama seperti memasang XAMPP, notepad++ tidaklah sulit. Bahkan kebanyakan yang saya lakukan adalah menekan next saja.


Inilah tampilan awal saat setelah membuka notepad++



Beberapa mungkin kurang sreg dengan tampilan yang serba putih. Kita bisa mengubahnya dengan pilih style configurator lalu mengedit dari sini.

Pertemuan 1 - Pasang XAMPP

Untuk pertemuan pertama, saya akan memfokuskan untuk menginstall aplikasi terkait. Sebenarnya instalasi aplikasi terkait tidak sulit, tetapi ada beberapa hal yang perlu di jelaskan seraya memasukkan/ instalasi program tersebut. Berbeda dengan pelajaran PHP dan Mysql yang ada, pelajaran disini lebih kepada praktek dibandingkan teori. Teori akan dijelaskan bersamaan dengan pelajarannya. Poin utama pada pertemuan pertama mengenal CI dan PHP adalah sebagai berikut:
  •    install xampp
  •    pasang server ftp
  •    install notepad+
  •    memakai notepad+ sebagai editor ftp

2012-09-11

Obito yang dilawan Hokage 4

Berikut adalah logika yang menyatakan bahwa pria bertopeng yang lawan hokage adalah Madara bukan obito. Asumsinya dimulai dari awal-awal cerita (Hokage 1), sewaktu kalah dari hokage pertama, Madara emang masih hidup, tetapi sekarat dan hampir mati, meski dia berhasil mengkopi jurus hokage pertama.. ya tidak beberapa lama dia toh juga mati.

Ya pada akhirnya mayatnya ditemukan oleh orochimaru/kabuto. bersama dengan obito yang waktu itu sekarat..
Apakah Madara mampu mengeluarkan Kamui?
logika gan.. masak madara bisa kamui??? yang memiliki kemungkinan bisa adalah Obito, jadi bisa disimpulkan   yang lawan hokage keempat emang obito!!!

masing2 mangekyoushi sharingan punya kemampuan berbeda2, seperti itachi dengan tsukiyomi.. dengan bentuk susanno yang berbeda2.. contoh lain mata shishui & obito, tu unik kan kemampuannya??

Besar kemungkinan genjutsu terkuat itu sebenarnya punya shisui, ampe Danzo begitu ngebet dapatin matanya... Apabila Uchiha Madara kena mata shisui ga bisa apa2 !! Tetapi sekali lagi Madara tidak mengandalkan kemampuan spesialnya saja..

logika lain, saat pria bertopeng berusaha mengalahkan yondaime adalah beberapa tahun setelah obito uchiha dinyatakan tewas.. masak selama beberapa tahun aja ga bisa belajar tehnik baru/kuat?? apalagi dia punya sharingan. Naruto aja belajar rasen shuriken yang JAUH melebihi rasengan hokage keempat ga ampe setaun kan??

orochimaru dengan tehnik transplantasi dan dengan bantuan zetsu berhasil memulihkan obito ya hidup dengan code name "uchiha madara" jadi Obito di anggap sudah tidak ada aka bukan lagi obito uchiha..

tapi kalau itu benar berarti setelah uchiha madara membuat akatsuki, bisa dikatakan orochimaru juga adalah pendiri akatsuki..penerusnya..
meski terakhir dia tidak dianggap sebagai anggota.

Source:
Original.

Obito menamakan dirinya Uchiha Madara

Ada pertanyaan yang menggantung gw saat ini. kenapa obito menamakan dirinya Uchiha Madara didepan Pain ama Konan ya? Apa yang ingin dia bangun disini? Apakah ada sesuatu yang lebih dalam? dan yang terpenting siapa Madara yg dilawan Hokage 4.

mungkin jawabannya agak random tetapi semoga bisa bantu menjawab
kenapa obito menamakan dirinya Uchiha Madara didepan Pain ama Konan ya?
karena dia merasa dirinya merepresentasikan uchiha madara..
uchiha madara adalah nenek moyangnya, dan kekuatan yang dia peroleh berasal dari uchiha madara..
Apa yang ingin dia bangun disini?
tujuan sebenarnya obito adalah menyesatkan untuk menimbulkan dugaan madara masih hidup padahal sebenarnya uda mati.
Apakah ada sesuatu yang lebih dalam?
Menutupi bahwa sebenarnya dirinya obito lah yang dibalik topeng itu.. sekaligus untuk menyatakan bahwa uchiha madara itu abadi (tak bisa mati) padahal sebnarnya gak..

dan terlalu tidak tepat orang mengatakan pria bertopeng (saat ini) adalah uchiha madara, vessel, atau apalah. dengan kondisi sekarang. padahal uda jelas2 madara keluar dalam bentuk edo tensei..
emang bisa muncul 2 madara dalam waktu yang bersamaan???? Tapi apakah Kishi memikirkan kemungkinan itu terjadi?????...

ya tapi itu terserah mereka :)

siapa Madara yg dilawan Hokage 4
prediksi ane, itu si madara yg ngelawan yondaime. Madara itu masked man yang pertama, terus Madara nolong si Obito dan ngejadiin dia muridnya, itu kenapa si Madara kenal sama Obito.
(buktinya pas waktu madara pertama kali dibangkitkan)

Source:
Original.

2012-09-09

Mengenal Sabo Part 2

Umur Sabo tidak terlalu jauh dari si Ace. Tetapi kemudian Sabo hilang saat berumur 10 tahun ketika akan berlayar ke laut lepas. Kisahnya akan dijelaskan dibawah. Saat menemui Luffy pertama kali, dia bekerja sama dengan Ace ingin membunuhnya. Karena Luffy dapat membocorkan rahasia mereka. Tetapi berikutnya Sabo malah mendapat teman/sahabat baru yaitu Luffy.
Tetapi mereka hanyalah anak kecil. Jadi bisa dibilang tindakan mereka tidak membunuh Luffy. Bisa dibilang karena mereka masih belum mengerti. Impian Sabo saat itu adalah mengarungi dunia lalu menulis apa yang dilihat di dalam buku.

2012-09-08

Tentang Sabo Part 1

Sahabat itu abadi. Walaupun waktu memisahkan keduanya tetapi mereka berusaha untuk saling mengingat walaupun salah satunya telah tiada. Sabo adalah salah satu sahabat yang dimaksud disini. Kematiannya atau lebih tepat kehilangannya tidak membuat sahabatnya melupakannya. Ace mentato agar dia tidak lupa pada Sabo. Tetapi jangan tanya Luffy, karena dia mengingat Sabo dari Flashback ! Flashback yang cukup penting dalam kehidupannya sehingga mendapat tempat tersendiri dalam kisah One piece.
Sebelumnya saya berterima kasih karena banyak yang membaca tentang Sabo di halaman saya, sehingga saya khusus membuat halaman Sabo ini. Kenapa saya menyebut kehilangan bukan kematian. Karena pendapat di Internet menolak mengatakan dia telah tiada. Dugaan yang diberikan didasarkan Saat waktu kematiannya, Dragon menyelamatkannya.

2012-09-05

Naruto 600 : Obito membuka dirinya

Sesuai pernyataan chapter sebelumnya, dia memang Obito Uchiha. Dan dia bukan orang yang nyawanya tiada lalu digantikan oleh Madara. Saat ini yang paling shock adalah Kakashi, hingga biasanya dia paling tenang dalam bertindak menjadi terdiam. Entah apa kejutan baru yang akan diberikan oleh Obito, atau itu yang boleh Kakashi katakan.
Tak perlu banyak penjelasan 
Obito sesuai nama yang dikatakan oleh Kakashi, tampaknya berbeda. Dia seperti sudah membuang nama itu walau membiarkan Kakashi memanggil dengan nama Obito. Balik ke masa lalu, saat Kakashi kehilangan matanya dan akhirnya Obito mampu mengeluarkan kemampuan Sharingan pertama kali dan juga terakhir kali.