Jumat, 18 Maret 2011

Firefox 4.0 Release download

Assalamualaykum wr. wb.

Mozilla nampaknya sudah tidak mau tanggung-tanggung dalam persaingan web browser yang semakin gencar. Browser besutan google yang diberi nama google chrome sekarang sudah sampai versi ke 11. Opera juga sudah versi 11. Bahkan dari Microsoft yaitu IE juga tidak mau kalah. IE sudah sampai versi 9.

Menanggapi hal tersebut, mozilla akan mengeluarkan 3 major version dalam satu tahun. Dalam tahun 2011 ini

Minggu, 13 Maret 2011

Membuat Efek Fade dan WipeLeft dengan Flex

Assalamualaykum Wr Wb.
Selamat sore teman-teman.
Pada saat kita membuat sebuah aplikasi, tampilan juga merupakan hal penting yang patut dipertimbangkan. Aplikasi dengan efek dan tampilan yang wah akan memberi nilai tambah. Efek yang akan dibahas kali ini yaitu efek Fade dan efek WipeLeft.

  1. Apa itu Fade dan WipeLeft?
    1. Efek Fade yaitu efek yang memberikan nuansa dari transparan menjadi terlihat atau sebaliknya
    2. Efek WipeLeft yaitu efek seakan akan dari tidak ada menjadi ada, dengan pergerakkan dari kanan ke kiri.
  2. Bagaimana membuat efek Efek Fade dan WipeLeft dengan Flex?
    1. Buatlah Project Flex dengan nama Efek. Jika kurang mengerti tentang bagaimana cara membuat Project Flex klik disini.
    2. Pada aplikasi utama copykan kode berikut ini

      <!-- Definisikan efek yang akan dibuat. -->
          <mx:WipeLeft id="myWL" duration="1000"/>
          <mx:Fade id="myFade" duration="1000"/>
      <!-- Aplikasikan efek tersebut pada komponen-->
          <mx:Panel title="My Application" 
              paddingTop="10" 
              paddingBottom="10"
              paddingLeft="10" 
              paddingRight="10"
              horizontalCenter="0" verticalCenter="-11" creationCompleteEffect="{myFade}">
              <!-- Efek pada button. -->
              <mx:Button id="myButton" 
              rollOutEffect="{myWL}"/>
          </mx:Panel>
    3. Simpan dan jalankan programmnya..
  3. Hasil
    1. Awal program dijalankan:

      Satu detik kemudian:


Sekian dulu ya posting dari saya. Segenap mitbay.blogspot.com mengucapkan terimakasih..
hehe
kalo ada yang ditanyakan, kirim saja komentarnya ya..

Aplikasi sederhana hello world dengan flex 3

Assalamualaykum Wr. Wb
Sebelumnya bagi yang udah master flex, aku mohon ijin dulu ya. Jika repost dari blog atau website orang lain, maka itu adalah hal yang tidak disengaja dan tidak ada maksud untuk copas.

Mari kita lanjut untuk membuat aplikasi yang amat sangat sederhana. Aplikasi yang menurut beberapa teman adalah aplikasi dasar ketika baru mengenal suatu bahasa pemrograman. Dengan menampilkan Hello world, seseorang akan mudah mengerti apa tentang bahasa pemrograman baru tersebut. Ketika penulis(link) sudah dapat menampilkan hello world, penulis sangat senang. hehe lebay deh... Sekian kata pengantar untuk apa itu hello world, yuk dilanjut pembuatan hello world dengan flexnya..

  1. Langkah pertama yang diperlukan yaitu siapkan tools yang diperlukan untuk membuat aplikasinya:
    • Flex builder 3 (recomended)
    • Flash develop (tidak disarankan karena penulis juga tidak tau caranya)
    • OS: yang mendukung Flex builder
  2. Buka Flex builder 3 dan akan tampil seperti gambar di bawah ini:
  3. Buatlah Project baru Flex builder 3 anda, lihat gambar di bawah ini:
  4. Beri nama projectnya pada Field project name dengan Hello World. Hilangkan centang pada Use default location. Klik browse dan pilih tempat dimana Project anda akan disimpan. Pada aplication tipe pilih tipe aplikasi anda, pada kali ini aplikasi yang dibuat yaitu aplikasi web yang akan dijalankan menggunakan Flash player. Server technology pilih saja none, karena pada nantinya kita belum memanfaatkannya. Terakhir klik next untuk melanjutkan. Untuk lebih jelasnya perhatikan gambar dibawah ini: 
  5. Isikan output folder yang akan digunakan ketika menjalankan aplikasi tersebut. Isi saja dengan nama 'hasil'
  6. Tambahkan library jika diperlukan. Karena saat ini hanya menggunakan yang sederhana saja, maka tidak perlu menambahkan library.
  7. Tunggu hingga file project yang akan digunakan selesai di generate.
  8. Gambar di bawah ini merupakan tampilan awal ketika Flex project siap untuk di utak-atik.
  9. Tambahkan panel dan beri label hello, Label dan button seperti gambar di bawah ini
  10. Klik pada panel dan pada bagian constrains berikan tandan cetang seperti gambar di bawah. Ini digunakan agar  tampilan yang dihasilkan berada di bagian tengah pada browser.
  11. Tambahkan script seperti pada di bawah ini dan lihat hasilnya:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">

<mx:Script>
<![CDATA[
import mx.controls.Alert;
private function hallo():void
{
var tampil:String = "hallo dunia... selamat datang di flex";
Alert.show(tampil, "Hallow...");
}
]]>
</mx:Script>
<mx:Panel width="250" height="118" layout="absolute" title="Hello" defaultButton="{tombol}" horizontalCenter="0" verticalCenter="-45" borderColor="#DA3A3A" backgroundColor="#F3AF8E">
<mx:Button x="82.5" y="46" label="Button" id="tombol" click="hallo()"/>
<mx:Label x="26.5" y="10" text="Klik Button Untuk Melanjutkan" fontSize="12"/>
</mx:Panel>
<mx:Style source="style.css"/>
</mx:Application>



Kamis, 10 Maret 2011

Flex builder 3 crash

Assalamualaykum wr wb..
Belum kelar belajar Flex, eh malah ada masalah ini. Akhir-akhir ini saya sering disibukkan dengan masalah Flex builder yang sering crash secara tiba-tiba. Apalagi saat berpindah dari mode source ke mode design. Kalo Flex builder lagi bermood baik maka tidak crash. Tapi ini semakin akut dengan crash yang semakin sering saja. Sekarang malah Flex builder 3 ini susah sekali dibuka. Gimana cara belajarnya kalo sering-sering seperti ini? hmmm...

Crash ini ditengarai gara-gara JVM atau java virtual mesin yang sedikit banyak bermasalah dengan eclipse tempat flex builder bersarang. hehe...
Eror yang sering muncul seperti gambar di bawah ini:

Setelah diperhatikan secara detail dari error message yang ditampilkan memang benar JVM yang bermasalah. Lihat saja pada tulisan paling atas JVM terminated. Exit code=1 C:\Program Files\Adobe\Flex Builder 3\jre\bin\javaw.exe. Tuh kan yang eror JVM nya.. tapi kalo aku jalankan Eclipse untuk php yang aku download dari situs resmi eclipse, eclipse tersebut baik-baik aja dan ga ada masalah..

Kenapa eh kenapa ya... ada yang tau?
Ini saatnya googling mode=on!!!... :D
Googling sana sini masuk ini masuk itu... tapi g masuk yang enggak-enggak kok.. :D.. ada beberapa sumber yang menyatakan eror tersebut saat JVM melakukan alokasi memori untuk si Flex Builder 3. Lihat gambar di atas pada baris 3 dan 4 tepatnya pada parameter -Xms 128m dan -Xmx512m. Xms merupakan memori awal ketika menjalankan Flex Builder, Sedangkan Xmx adalah memory maksimal untuk aplikasi flex builder. Penasaran dengan nilai yang terdapat pada parameter tadi aku putuskan aja untuk utak atik nilainya.

Utak atik nilai dimulai dengan mencari dimana sih file konfigurasi. Di mulai dengan membuka tempat installasi Flex Buildernya yaitu C:\Program Files\Adobe\Flex Builder 3. Setelah dilihat lihat ketemu file yang bernama FlexBuilder.ini. Hmmm... Penasaranku mulai ada hasilnya. Dibukanya file ini dan hmm.. ternyata benar file tersebut terdapat konfigurasi Xms dan Xmx. Aku coba edit dengan nilai yang lebih besar, maklum laptopnya punya RAM 2GB. aku coba naikkan xms jadi 256mb dan Xmx 1024m. hasilnya... tada... haha....
Flex builder bisa dibuka... senangnya hati ini.. haha...

Tapi ada suatu kendala sobat, yaitu setelah membuka beberapa file proyek lagi dan flex builder crash lagi. Apakah ini pertanda flex buildernya rusak. atau Laptopnya minta ganti..
haha...

sekian dulu ya sobat untuk curhat yang aneh ini. jika sobat ada permasalahan yang mirip dengan ini, tolong di share ya....

Senin, 07 Maret 2011

MitBay Grand Opening

Assalamualaykum Wr. Wb.
Mari kita awali kegiatan kali ini dengan membaca bismilah. Lho kok jadi ceramah nih. Hmm setelah ruwet membangun blog yang dulu (Edukita.co.cc ) dengan konsep yang terlalu bagus sehingga dibajak orang dengan nama domain yang hampir sama dan konsep penamaan kategori yang mirip pula, yaitu menggunakan kata edu sebagai penamaan labelnya.

Hmm daripada terdapat persaingan yang tidak sehat, sehingga Edukita.co.cc lebih baik membuat blog baru dengan konsep yang lebih fresh. Konsep baru tapi nyontek blog lain juga tidak apa2 kan? Haha... Salam kenal ya untuk semuanya.. Semoga pembuatan blog ini bisa bermanfaat bagi yang berkunjung...

Wassalamualaykum Wr. Wb.