Membuat calculator flex sederhana

Assalamualaykum Wr. Wb.
Salam bagi penggemar flex di seluruh dunia.. hehe lebay mode on..
Ni aku mau berbagi sedikit mengenai flex, kali ini mitbay akan sharing tentang cara membuat calculator sederhana dengan flex. Kenapa menggunakan Flex?hehe lihat aja google.. Kalo ada waktu nanti penulis tambahin deh..

Kembali ke aplikasi yang akan dibuat ya.. Setelah membuat aplikasi yang sangat sederhana sekali yaitu membuat aplikasi hello world dengan flex, kalkulator ini

Flex component, alternatif pembuatan aplikasi flex

Assalamualaikum Wr. Wb.
Saatnya posting lagi untuk menambah ilmu dan sharing sharing dengan temen-temen. Oh ya, sekalian menguatkan keyword blog ini juga yaitu tentang flex. Meskipun pengguna flex di negeri ini tidak sebanyak pengguna bahasa pemrograman lain misalnya delphi, php, atau VB. Namun saya yakin flex ini akan menjadi trend baru masa depan yang cerah

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>