CyanogenMod 10 di Xperia E Dual (CM10 Nanhu)

^_^ Akhirnya, keluar juga yg ditunggu-tunggu, CustomROM buat Xperia E dual, CyanogenMod 10 for XPERIA E Dual. setelah td dpet kabar dari temen kalo CM10 udah bisa di XED dan GSM nya jg udah work. langsung aja ane ke TKP, donglot bahan-bahannya. 

untuk bisa ganti ROM, XPERIA nya mesti udah unlock Bootloadernya ya. kalo belum tahu caranya cari di goolge banyak dach. tapi ada yang bilan kalo unlock bootl;oader bisa hapus garansi resmi. hihihikkz

cara install CM10 di XED. langkah-langkahnya :

1. Donlot dulu ROM nya ama GAPPS nya

2. Ekstrak boot.img (ada di dlm nanhu_ds-CM10DS-1.1.0-r-ota.zip) , trus copy ke folder fastboot (bisa di donglot disini) ente.

    copy juga nanhu_ds-CM10DS-1.1.0-r-ota.zip dan gapps-jb-20121011-signed.zip ke sdcard ente.

3. Matiin HP, trus sambungin ke PC/Laptop dalam mode fastboot. (sambil pencet volume +)

4. Open terminal fastbootnya ( Pada computer, buka folder software fastboot. Kemudian arahkan kursor pada ruang kosong yang ada di dalam folder fastboot. Tekan Shift sambil menekan klik kanan pada mouse. Pilih open command window here.)

5. lanjut..  ketik ini di command promt :

fastboot -i 0xfce flash boot boot.img

fastboot -i 0xfce reboot

6. Ntar HH ente reboot.. pas reboot itu setelah muncul tulisan sony, pencet tombol volume (-) buat masuk ke       menu recovery (CMW).

7. Ane saranin backup dulu ROM XPERIA E Dual ente. kalo udah punya backup, bisa langsung ke step delapan.

8. Pas udah masuk recovery, pilih wipe data/factory reset.

9. selanjutnya, pilih install zip from sdcard , pilih nanhu_ds-CM10DS-1.1.0-r-ota.zip tunggu sampe proses           

    selesai. kalo udah selesai, lakuin hal yg sama untuk gapps-jb-20121011-signed.zip.

10. Langkah terakhir, Reboot System Now

ntar begitu Xperia ente nyala , bakal kaya gini tampilannya, setelah terinstall CM10

ikutin aja step-stepnya buat konfigurasi pertama xperia ente, sampe setup complete.

untuk SIMcard, dua-duanya work semua. pengaturan nya ada di setting > multiSIM

camera juga OK. internet juga work.. ehmm, apalagi ya.. ini ane baru nyobain ini CM10 di XED, review yg laen nyusul ntar dah.. :)

PS:
untuk single sim kamu hapus  "persist.multisim.config"  dari build.prop yg ada di /system . instal root explorer saran ane buat hpus itu..

tambahan : biar theme yg ga cocok bisa cocok..caranya nya edit bluid.prop trus cari density=160 jdi 155 trus save and reboot.

Read More

LIBGDX - 2D GAME LIBRARY PART II - GENERATE PROJECT FILE

Pada postingan sebelumnya saya sudah menjelaskan setting Android SDK manager, bagi yang belum sempat baca mending baca dulu ge biar ga bingung nantinya.
Oke, sekarang kita lanjut dan fokus ke libgdx. file libgdx setelah di unrar kurang lebih isinya kayak gini da.

disitu ada file yang namanya gdx-setup-ui.jar dengan ikon secangkir kopi.. heheheh

klik dua kali nanti muncul screen yang kayak gni..

Tombol "Create" : untuk membuat project baru, sedangkan tombol update untuk mengupdate project libgdx versi lama ke versi yang lebih baru. berhubung kita mw membuat project baru kliklah tombol create. Jeprett..
tampilanya akan berubah kayak gini ni.

akan saya bahas satu persatu tampilan diatas. mulai dari kiri trus ke kanan..

1. Configuration : dalam configuration ini nanti yang akan menjadi nama dari project kamu, tempat menyimpan dan modul apa aja yang dicreate (java, android, ios, atau html) :
1. Name : libgdxgame <<== terserah kalian dikasih nama apa aja boleh
2. Package : com.me.libgdx <<== terserah kalian dikasih nama apa aja boleh
3. Game Class : Main <<== Lebih baik dikasih nama ini
4. Destination : ini adalah direktori tempat kalian nyimpen file game ini.
2. Library Selection : ini kalian disuruh ngelengkapi file-file nya . coba lihat dulu tampilan di atas dikolom dua. ada tulisan requiered dan dibawah nya ada libgdx (tulisan warna merah). kenapa warnanya merah ya. kalo warnanya merah berarti gdx ini belum nemuin file zip librarynya. untuk mengatasinya  klik gambar folder di sebelah tulisan libgdx, nantinya akan muncul dialog explorer dana arahkan pada file libgdx.0.9.8.zip./ versi yang lebih baru << === file yang kalian download tadi. kalau udah bener tulisan nya akan menjadi hijau.
3. Overview : disini tampilan preview file project nanti yang akana digenerate
4. Generation : langsung ja dech klik open generation screen, tapi pastikan pada pojok kanan ada tulisan "your configuration is valid". hal ini untuk menghindari adanya error.

tampilan akan berubah lagi kayak gini, langsung klik launch. dan hasilnya kayak gini

Selamat kamu baru aja mengenerate 1 file project ..
see You next Tutorial...

Read More

Libgdx - 2d Game Library Part I - Persiapan

Hemm..
beberapa hari ini berkutat dengan software baru ..
kenalan dulu yach..
hehehe..

Teringat saat skripsi dulu bikin game. Eh ternyata sekarang di tempat kerja jadi game developer ..
Kebetulan apa yachh. Yang bikin beda sekarang ngotak ngatik game buat android dulu dengan UDK alias game engine buatan Unreal.
  
Langsung aja dech. kita kumpulin alat perang kita. alat2 yang kita perlukan adalah :

1. JDK 6 atau lebih baru (http://java.com/en/download/index.jsp)
2. Android SDK dengan update platform ke gingerbread yach(2.3.3 API level 10) kalo mw di update Platform nya yach lebih baek lah (Download disini http://dl.google.com/android/installer_r22.0.1-windows.exe)
3. Java Editor dalam kasus ini saya memakai intelij IDEA 12 buatan jetbrain. bisa juga pake eclipse.
4. Libgdx library downloadnya disini http://code.google.com/p/libgdx/downloads/list
5. Koneksi internet buat install Android SDK

I. Instalasi

1. Install dulu JDK 6 atau 7 tunggu sampe selesai
2. Instal Android SDK Manager dan update platform/package
3.  Centang yang mw digunakan saja biar cepet dalam hal ini Android 2.3.3 (Gingerbread) dan extras juga diinstall, klik tombol install package
4.  
   
5. Setelah selesai trus instal Intelij IDEA, sebenernya software ini berbayar tapi temen2 bisa coba yang versi community gratis kuq.
6.  Buka libgdx dan extract dalam 1 folder yang saya pake sekarang libgdx 0.9.8.
7. Dalam folder libgdx kurang lebih isinya seperti ini : 

Read More

Yii : Membuat Combo Box Dengan Data Dari tabel di Database

Sering kali jika kita membuat sebuah tampilan form pasti menjumpai yang namanya combo box..
inputan yang satu ini merupakan inputan berupa pilihan yang tidak bisa diedit lagi oleh user. dengan kata lain kita hanya bisa menginput sesuai pilihan yang ada.

Dalam beberapa kasus ini tidak efektif misalnya saja saat ini jika ada form inputan agama dengan menggunakan combobox dengan pilihan hanya 5 agama, islam, kristen, katolik, hindu dan budha,
dengan berkembangnya waktu ada muncul 1 agama lain lah misalnya agama X. kita harus mengupdate koding program yah kesulitan dan memakan banyak makan akan lebih baik jika data combobox diambil dari data base sehingga mudah di update.

berikut akan saya berikan koding nya dengan menggunakan framework Yii :

1. Saya asumsikan sodara -sodara sudah membuat model,controller dan view
2. Buka halaman view sodara.
3. Tambahkan coding berikut

 <?php echo 
$form->dropDownList($model,'GroupID',CHtml::listData(PbkGroups::model()->findAll(), 'ID', 'Group_Name'));

?>

GroupID = Nama Dari Combo Box
PbkGroups = Nama Tabel yang ingin di ambil datanya
ID = Kolom dari tabel yang ingin diambil nilainya dan dijadikan sebagai value pada combobox
Group_Name = Kolom dari tabel yang ingin diambil datanya dan dijadikan sebagai Text pada combobox


Sekian catetan dari saya semoga membantu

Read More

Web : Bermain-main dengan CSS3 : Transition

Dalam CSS3 kita bisa menambahkan efek transisi pada property-property css seperti width, color dan lain sebagainya agar perubahan yang terjadi terlihat begitu halus karena adanya efek transisi ini. Meskipun belum semua browser dapat menampilkan transisi dengan benar, anda sudah bisa menggunakan css3 transition ini dalam project anda.

Property Transition

Lalu bagaimana cara menggunakan property transition ini, mari kita pelajari terlebih dahulu property-property transition ini :

• transition-delay

  property ini akan memberikan waktu delay sebelum efek transisi dimulai, nilai yang bisa diberikan memiliki satuan s (second), ms (milisecond). contoh :

  transition-delay: 2s;
  transition-delay: 3ms;
  transition-delay: .3s; /* cara penulisan lain dari 3ms */

• transition-duration

  Sedangkan untuk menentukan durasi dari efek transisi akan ditentukan oleh property transition-duration. efek transisi akan berjalan selama nilai durasi yang diberikan.

• transition-property

  property ini berfungsi untuk menentukan property apa yang ingin diberi efek transisi. Anda bisa menggunakan value all untuk memberikan transisi pada seluruh property

• transition-timing-function

  property terakhir adalah timing dari transition , saya lebih suka menyebutnya dengan tipe transisi, nilai yang diberikan bisa berupa ease, ease-in, ease-out, ease-in-out;

Shorthand untuk semua property-property transition tersebut bisa ditulis seperti berikut :

transition: duration delay property timing-function;
transition: 5ms 1s background ease-in;

Jika anda ingin memberikan transisi pada lebih dari satu property, anda tinggal menambahkan tanda koma (,) dan tuliskan kembali shorthand untuk property selanjutnya :

transition: 5ms 1s background ease-in, 3ms 0s color ease-in-out;

Kompatibilitas

Efek transisi CSS3 ini masih belum didukung oleh setiap browser, jadi penambahan prefix untuk setiap browser masih diperlukan agar kita bisa melihat efeknya seperti :

-webkit-transition: 3s background ease; /* untuk Chrome dan Safari */
-moz-transition: 3s background ease; /* untuk firefox */
-ms-transition: 3s background ease; /* untuk ie9 ke atas */
-o-transition: 3s background ease; /* untuk opera */
transition: 3s background ease; /* fallback ketika semua browser sudah mendukungnya */

Berikut ini adalah daftar browser yang sudah mendukung efek transisi ini :

• Google Chrome
• Safari 3.1 ke atas
• Firefox 4 ke atas
• Opera 10.5x ke atas

sumber : w3schools

DemonstrasiDownload

HTML

Agar lebih memahami apa yang sedang kita bicarakan buka demonstrasi di atas, dan itulah yang akan kita buat sekarang. pertama-tama buatlah sebuah div dengan id box dan 4 div dengan class timing (dengan id berbeda).

<h1>Efek Glow</h1>
<div id="box">Hover me, Bro!!</div>
<h1>Perbedaan timing</h1>
<div class="timing" id="ease">ease</div>
<div class="timing" id="ease-in">ease-in</div>
<div class="timing" id="ease-out">ease-out</div>
<div class="timing" id="ease-in-out">ease-in-out</div>

CSS

Terlebih dahulu, kita buat div box ini benar-benar menjadi sebuah box 

#box{
	width:200px;
	height:100px;
	background:#ddd;
	line-height:100px;
	margin:20px auto;
}

Selanjutnya kita tambahkan property CSS3 transition pada selector #box ini :

#box{
	width:200px;
	height:100px;
	background:#ddd;
	line-height:100px;
	margin:20px auto;
	/* Pemberian transition pada box-shadow akan memberikan efek glow */	
	-webkit-transition: .3s box-shadow ease-in, .3s background ease-in;
	-moz-transition: .3s box-shadow ease-in, .3s background ease-in;
	-ms-transition: .3s box-shadow ease-in, .3s background ease-in;
	-o-transition: .3s box-shadow ease-in, .3s background ease-in;
	transition: .3s box-shadow ease-in, .3s background ease-in;
}

dan kita tambahkan pseudo-class pada #box ini, untuk merubah warna background ketika kita meletakkan cursor kita diatas box tersebut:

#box:hover{
	box-shadow: 0 0 30px #52A7FF;
	background:white;	
}

Selanjutnya kita beri style untuk div dengan class timing :

.timing{
	width:100px;
	padding:10px;
	background:white;
	margin:10px auto;
}	

Tambahkan pseudo class hover untuk merubah width dari seluruh div dengan class timing ini :

.timing:hover{
	width:500px;
}

Dan untuk setiap id kita tambahkan property transition dengan timing function yang bersangkutan :

#ease{
	-webkit-transition:.8s width ease;
	-moz-transition:.8s width ease;
	-ms-transition:.8s width ease;
	-o-transition:.8s width ease;
	transition:.8s width ease;
}
#ease-in{
	-webkit-transition:.8s width ease-in;
	-moz-transition:.8s width ease-in;
	-ms-transition:.8s width ease-in;
	-o-transition:.8s width ease-in;
	transition:.8s width ease-in;
}
#ease-out{
	-webkit-transition:.8s width ease-out;
	-moz-transition:.8s width ease-out;
	-ms-transition:.8s width ease-out;
	-o-transition:.8s width ease-out;
	transition:.8s width ease-out;
}
#ease-in-out{
	-webkit-transition:.8s width ease-in-out;
	-moz-transition:.8s width ease-in-out;
	-ms-transition:.8s width ease-in-out;
	-o-transition:.8s width ease-in-out;
	transition:.8s width ease-in-out;
}

Untuk mencobanya, silahkan arahkan cursor anda ke atas elemen-element tersebut.

Kesimpulan

Property transition pada CSS3 ini sangatlah membantu untuk pemberian efek transisi pada elemen-elemen yang kita kehendaki, sehingga perubahan yang terjadi ketika suatu kondisi terpenuhi (seperti hover, active, selected) menjadi lebih halus dan tidak kaku.

Read More

Web : Membuat buku virtual dengan turn.js

Anda pernah mendengar tentang FlashPageFlip? itu adalah library flash untuk membuat buku virtual lengkap dengan efek ketika kita membuka tiap halaman buku tersebut. Kini saya akan memperkenalkan Turn.js, sebuah library Javascript yang fungsinya hampir sama dengan FlashPageFlip, namun tanpa flash.

DemonstrasiDownload

Turn.js menggunakan teknologi HTML5 dan CSS3, terutama dibagian efek membuka halaman buku. Turn.js bisa dijalankan di browser berikut:

• Safari 5
• Chrome 16
• Firefox 10, dan
• IE 7,8,9

Anda dapat mendownloadnya disitus resminya, di http://turnjs.com/ atau disini

Untuk memahami penggunaanya, saya akan memberikan contoh sederhana dengan membuat sebuah buku gallery dengan gambar-gambar yang diambil dari dribbble.com.

HTML

Untuk, markup html, kita hanya membutuhkan sebuah div dengan id book, untuk halaman didalam akan langsung di generate secara otomatis oleh jquery.

<div id="book"></div>

CSS

Kita tambahkan CSS, untuk buku virtual yang akan kita buat:

*{margin:0;padding:0}
#book{
	margin:30px auto;
}
h2{
	background :rgba(255,255,255,.9);
	color      :#777;
	font-family:calibri,sans-serif;
	font-weight: normal;
	padding    :10px;
	text-shadow:0 1px 0 rgba(255,255,255,.8);
	text-align :center;
}

Javascript

Selanjutnya adalah inti dari artikel ini, pertama-tama kita muat terlebih dahulu library jquery dan turn.js yang telah di download dari websitenya.

<script src="jquery.min.js"></script>
<script src="turn.min.js"></script>

Lalu tambahkan script berikut:

<script>
$.getJSON("http://api.dribbble.com/shots/popular?callback=?",
  {
	per_page:"16",
	format: "json"
  },
  function(data) {
	shots=data.shots;
	for(var i in shots){
		var shot=shots[i];
 
		$("#book").append('<div style="background:url('+shot.image_url+');" class="page"><h2>'+shot.title+'</h2></div>');
  	}
	$('#book').turn({
		width: 800,
		height: 300,
		autoCenter:true
	});
});
</script>

Penjelasan Code

Untuk gambar yang akan ditampilkan berasal dari situs dribbble.com, saya menggunakan api dribbble untuk mendapatkan gambar-gambar terpopuler. API dribbble akan mengembalikan nilai berupa daftar posting (shots) dengan format JSON, lalu saya lakukan perulangan (baris 9-13) dengan menambahkan tag div dengan gambar sebagai background dan tag h2 untuk title (line 12).

Setelah gambar-gambar ditambahkan ke dalam div#book, selanjutnya kita panggil fungsi turn.js untuk membuat gambar-gambar tersebut menjadi buku virtual (baris 14-18);

Jika anda ingin mempelajari fungsi .getJSON silahkan baca disini, dan untuk mempelajari API dribbble silahkan baca disini

Jalankan Kode

Save pekerjaan anda dan tampilkan di browser yang compatible (telah disebutkan di atas), hover sudut halaman, click atau click dan drag untuk membuka halaman selanjutnya.

Kesimpulan

Turn.js memanfaatkan fitur CSS3 diantaranya, gradient, box-shadow, transform dan lain sebagainya untuk membuat efek membuat sebuah buku. Oleh karena itu jika kita membukanya di browser yang tidak compatible maka, efek-nya kurang berasa.
Kelebihan lainnya adalah, anda dapat mengubah halaman web anda menjadi sebuah virtual book, lengkap dengan efek page flip. Pada contoh di atas kita merubah sebuah div menjadi lembaran-lembaran buku gallery. Untuk contoh lainnya, bisa anda temukan di demo yang terdapat di dalam folder hasil download turn.js. Selamat berkreasi  .

Read More

Tool Untuk Membantu Desain Web

Hai akhirnya saya bisa menyempatkan diri lagi menulis sebuah artikel disini, setelah saya disibukan dengan kesibukan offline. Well pada artikel ini saya akan me-Rekomendasikan alat (tools) bagi para Pekerja Web yang suka coding. Ya sekarang banyak tools yang sangat membantu dalam membuat website lebih cepat, daripada berbasa-basi, lebih baik langsung simak Tools Rekomendasi dari saya ini :

Tools	Discriptions
YAML Builder	Easy to use YAML (Yet Another Multicolumn Layout) XHTML/CSS site layout builder.
Sky CSS Tool	JavaScript CSS authoring app.
The Box Office	CSS formatting tool for wrapping text around images.
CSSTXT	Online CSS text style generator.
izzyMenu.com	Free CSS menu builder.
pForm	HTML form builder.
Roxer	Drag and drop website creator.
Wirenode	Create your own mobile websites.
Dotemplate	Template site that allows you to customize templates before downloading them.
Templatr	Online tool for creating website templates.
Agency of Record	A website design and hosting platform for creative professionals.
Typechart	Browse different typefaces and styles and grab the CSS of the ones you want.
CSS Type Set	Create custom CSS type styles with this tool.
CSSType	Experiment with Web safe typography and then get the CSS for it.
CSS Builder	Generate stylesheets on the fly and then copy the code for your site.
Firdamatic	A free tool to create tableless 2- or 3-column blog designs.
PsycHo	A blog template creator.
folionow	Easily and affordably create websites for yourself or others.
CSStxt	Create custom CSS text styles.
Viviti	Easy to use website builder.
ComfyPage	Easy to use, free website builder that lets you customize a template and add as many pages as you want.
LetsEat.at	Free website builder and hosting for restaurants that includes, customizable menus, daily specials, printable coupons, and more.
webon	Free, ad-free website builder that lets you have a blog, photo album, video gallery and more.
infogami	Create a website with one-click editing, customizable templates, and more.
edicy	Create a website and publish it on your own domain.
Jimdo	Create your own website with as many pages as you want and integrate images, video and more.
Webnode	Create a personal or business website for free with drag and drop technology, tagging, and free hosting.
iompi	E-commerce website builder.
easysite.com	Website creator that includes photos, videos, blogs, and includes free telephone support.
myfamily.com	Free family website creator with unlimited storage space.
MomentVille	Free wedding website builder.
SeeYouThen!	A wedding website creator that includes a high-res photo exchange, private messaging, guest profiles, and more.
GoHoster	Another free website builder that includes a subdomain.
BlinkWeb	Free website builder with drag and drop functionality and e-commerce options.
Macrocasa	Website builder for the real estate industry that includes an agent messaging system and client management features.
Pixie	A free, open-source website creator that includes an intuitive interface and easy installation.
Squarespace	A powerful website creator that includes XHTML validation, WYSIWYG editing, a blogging platform and more.
NicEdit	Cross-platform content editor that lets you edit the content of your website right in your browser.
WordPress Theme Generator	Create your own completely custom WordPress theme with this online tool.

Semoga tools di atas yang rekomendasikan dapat membantu para Web Developer untuk mengembangkan situs-nya. Sekarang tugas pembaca, silahkan share tools yang belum ada di list di atas dan berbagi ilmu di kolom komentar.

Read More