Tampilkan postingan dengan label Handphone Application. Tampilkan semua postingan
Tampilkan postingan dengan label Handphone Application. Tampilkan semua postingan

Kamis, 12 Februari 2015

AS3 Memanfaatkan Real Button (tombol asli/bawaan) android

Anda sering membuat aplikasi android dari flash? anda pasti sudah bisa mengunakan fasilitas touch screen untuk navigasinya. Buat tombol next, back, menu dan lain-lain, mudah kan. Mungkin anda pernah pula berpikir mengunakan tombol bawaan android. Dalam android ada tombol Menu, Back dan Search ada yg tombol fisik, ada pula tombol capasitif atau ada beberapa yang berupa tombol virtual. Pertanyaanya... bisakah aplikasi android yang dikembangkan dengan Adobe Flash dapat memanfaatkan? Jelas bisa gan... Untuk jelasnya coba ikuti langkah berikut.
LANGKAH - LANGKAH
  1. Buat di frame 1, Dynamic Text dengan instant name "ditekan"
  2. Isikan AS3 di frame awal, seperti pada list dibawah ini
    1

    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18

    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    NativeApplication.nativeApplication.addEventListener
    (KeyboardEvent.KEY_DOWN, CheckKeypress, false, 0, true);
    function CheckKeypress(event:KeyboardEvent):void
    {
     switch (event.keyCode)
     {
      case Keyboard.SEARCH :
       ditekan.text = "Search";
       break;
      case Keyboard.MENU :
       ditekan.text = "Menu";
       break;
      case Keyboard.BACK :
       event.preventDefault();
       ditekan.text = "Back";
       break;
      }
    }
    NativeApplication.nativeApplication.addEventListener
    (KeyboardEvent.KEY_UP, CheckKeyup, false, 0, true);
    function CheckKeyup(event:KeyboardEvent):void
    {
     switch (event.keyCode)
     {
      case Keyboard.SEARCH :
       ditekan.text = "tombol dilepas";
       break;
      case Keyboard.MENU :
       ditekan.text = "tombol dilepas";
       break;
      case Keyboard.BACK :
       event.preventDefault();
       ditekan.text = "tombol dilepas";
       break;
     }
    }
  3. Simpan dan coba di emulator dengan menekan Control enter.
  4. Untuk mengeksekusi sebuah perintah anda bisa menyisipkanya di baris 8, 11 dan 14 untuk tombol ditekan.
  5. Untuk mengeksekusi sebuah perintah anda bisa menyisipkanya di baris 25, 28 dan 31 untuk tombol ditekan.

Untuk mencoba di simulator perhatikan gambar berikut

Catatan penting, untuk device android bertombol 3 berarti tidak ada tombol "search" karena tombol yang satunya adalah tombol "home". Tombol "home" tidak bisa digunakan oleh aplikasi karena tombol tersebut khusus digunakan untuk system android.

... baca selanjutnya!

Minggu, 29 Juni 2014

AS3 Gesture Pan pd Flash CS6 utk aplikasi android

Pada postingan sebelumnya saya membahas masalah gesture rotate. Untuk kali ini saya akan sharing tentang pemanfaatan fasilatas gesture yang lain. Pasti kita pernah melakukan pan (klik and drug dengan dua jari/sentuhan) pada perangkat android dengan cara menyentukan dua jari ke layar kemudian kita mengeser keduanya. Dalam konsep ini tampilan gambar akan menjadi bergeser sesuai dengan arah sentuhan. Proses pan ini yang akan kita share pada postingan kali ini.

LANGKAH - LANGKAH

  1. Buka stage kosong dan buat sebuah movie clip dan beri nama "fbegin" tepat di tengah stage. Movie clip yang anda buat jangan terlalu besar tetapi jangan terlalu kecil, kira kira 200px X 200px.
  2. Isikan AS3 seperti pada list dibawah ini
    1
    2
    3
    4
    5
    6
    7
    8
    Multitouch.inputMode = MultitouchInputMode.GESTURE;

    function onPan(e:TransformGestureEvent):void
    {
    e.target.x += e.offsetX;
    e.target.y += e.offsetY;
    }
    fbegin.addEventListener(TransformGestureEvent.GESTURE_PAN, onPan);
  3. Simpan dan coba di emulator dengan menekan Control enter. Setelah muncul tampilan, dan tidak bisa mencoba fasilitas touchnya karena belum diaktifkan.
  4. Untuk mengaktifkan klik tab "TOUCH AND GESTURE" (lihat panah 1 pd gambar dibawah), kemudian klik untuk centang Touch Layer (lihat panah 2 pd gambar dibawah). Setelah itu pilih mode touch atau gesture (lihat nomor 3 pd gambar dibawah)yang ingin anda coba.
  5. Untuk postingan ini pilih "gesture - Pan", selanjutnya anda bisa mencoba melakuan pan (sentuh 2 jari dan geser) dengan mengklik pada layar emulator. Untuk lebih merasakan sensasinya silahkan di coba di device android sesungguhnya
... baca selanjutnya!

Rabu, 11 Juni 2014

AS3 Gesture Rotate pd Flash CS6 utk aplikasi android

Pada postingan sebelumnya saya membahas masalah gesture swipe dan zoom. Untuk kali ini saya akan sharing tentang pemanfaatan fasilatas gesture yang lain. Pasti kita pernah melakukan rotating gambar pada perangkat android dengan cara menyentukan dua jari ke layar kemudian kita memutar sentuhanya. Dalam konsep ini tampilan gambar akan berputar. Sript untuk proses rotate ini dapat kita gabungkan dengan Gesture zoom, jadi objeck dapat diputar sekaligus di besarkan. Proses rotate ini yang akan kita share pada postingan kali ini.

LANGKAH - LANGKAH

  1. Buka stage kosong dan buat sebuah movie clip dan beri nama "fbegin" tepat di tengah stage. Movie clip yang anda buat jangan terlalu besar tetapi jangan terlalu kecil, kira kira 200px X 200px.
  2. Isikan AS3 seperti pada list dibawah ini
    1
    2
    3
    4
    5
    6
    7
    Multitouch.inputMode = MultitouchInputMode.GESTURE;

    function onRotate(e:TransformGestureEvent):void
    {
    e.target.rotation += e.rotation;
    }
    fbegin.addEventListener(TransformGestureEvent.
    GESTURE_ROTATE,onRotate);
  3. Simpan dan coba di emulator dengan menekan Control enter. Setelah muncul tampilan, dan tidak bisa mencoba fasilitas touchnya karena belum diaktifkan.
  4. Untuk mengaktifkan klik tab "TOUCH AND GESTURE" (lihat panah 1 pd gambar dibawah), kemudian klik untuk centang Touch Layer (lihat panah 2 pd gambar dibawah). Setelah itu pilih mode touch atau gesture (lihat nomor 3 pd gambar dibawah)yang ingin anda coba.
  5. Untuk postingan ini pilih "gesture - Rotate", selanjutnya anda bisa mencoba melakuan sweep (sentuh dan geser memutar) dengan mengklik pada layar emulator. Untuk lebih merasakan sensasinya silahkan di coba di device android sesungguhnya
... baca selanjutnya!

Jumat, 06 Juni 2014

AS3 Gesture Zoom pd Flash CS6 utk aplikasi android

Pada postingan sebelumnya saya membahas masalah gesture swipe. Untuk kali ini saya akan sharing tentang pemanfaatan fasilatas gesture yang lain. Pasti kita pernah melakukan zooming pada perangkat android dengan cara menyentukan dua jari ke layar kemudian kita jauhkan sentuhanya. Dalam konsep ini tampilan gambar akan menjadi lebih besar. Proses zoom ini yang akan kita share pada postingan kali ini.

LANGKAH - LANGKAH

  1. Buka stage kosong dan buat sebuah movie clip dan beri nama "fbegin" tepat di tengah stage. Movie clip yang anda buat jangan terlalu besar tetapi jangan terlalu kecil, kira kira 200px X 200px. Untuk lebih jelasnya lihat contoh dibawah ini
  2. Isikan AS3 seperti pada list dibawah ini
    1
    2
    3
    4
    5
    6
    7
    8
    Multitouch.inputMode = MultitouchInputMode.GESTURE;

    function zoom_mc(e:TransformGestureEvent):void
    {
    e.target.scaleX *= (e.scaleX+e.scaleY)/2;
    e.target.scaleY *= (e.scaleX+e.scaleY)/2;
    }
    fbegin.addEventListener(TransformGestureEvent.GESTURE_ZOOM, zoom_mc);
  3. Simpan dan coba di emulator dengan menekan Control enter. Setelah muncul tampilan, dan tidak bisa mencoba fasilitas touchnya karena belum diaktifkan.
  4. Untuk mengaktifkan klik tab "TOUCH AND GESTURE" (lihat panah 1 pd gambar dibawah), kemudian klik untuk centang Touch Layer (lihat panah 2 pd gambar dibawah). Setelah itu pilih mode touch atau gesture (lihat nomor 3 pd gambar dibawah)yang ingin anda coba.
  5. Untuk postingan ini pilih "gesture - Zoom", selanjutnya anda bisa mencoba melakuan zoom (sentuh dengan dua jari kemudian pisahkan kedua sentuan layar tersebut) dengan cara mengklik pada movie clip kemudian klik and drug pada posisi lain di layar emulator. Untuk lebih merasakan sensasinya silahkan di coba di device android sesungguhnya
... baca selanjutnya!

Kamis, 05 Juni 2014

AS3 Gesture Swipe pada Flash CS6 untuk android

Pada postingan sebelumnya saya membahas masalah touch. Touch dalam device touchscreen memang banyak manfaatnya, bagaimana bila multi touch seperti banyak terdapat dalam hampir semua gadget? Multitouch atau sering disebut gesture merupakan fasilitas yang sangat penting. Ada beberapa macam gestur yang akan saya bahas pada postingan saya selanjutnya. Dan kali ini saya akan sharing mengenai gesture swipe.

LANGKAH - LANGKAH

  1. Buka stage kosong dan buat sebuah text dinamik dengan instan name "komentar". Buat dinamic text tersebut multiline dan sediakan tempat untuk 7 baris. Lihat gambar berikut
  2. Isikan AS3 seperti pada list dibawah ini
    1
    2
    3

    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    Multitouch.inputMode = MultitouchInputMode.GESTURE;

    stage.addEventListener(TransformGestureEvent.GESTURE_SWIPE, swipehandler);
    function swipehandler(evt:TransformGestureEvent):void
    {
    komentar.text = "telah di swipe\n"+
    "localX = "+evt.localX+"\n"+
    "localY = "+evt.localY+"\n"+
    "stageX = "+evt.stageX+"\n"+
    "stageY = "+evt.stageY+"\n"+
    "offsideX = "+evt.offsetX+"\n"+
    "offsideY = "+evt.offsetY;
    }
  3. Simpan dan coba di emulator dengan menekan Control enter. Setelah muncul tampilan, dan tidak bisa mencoba fasilitas touchnya karena belum diaktifkan.
  4. Untuk mengaktifkan klik tab "TOUCH AND GESTURE" (lihat panah 1 pd gambar dibawah), kemudian klik untuk centang Touch Layer (lihat panah 2 pd gambar dibawah). Setelah itu pilih mode touch atau gesture (lihat nomor 3 pd gambar dibawah)yang ingin anda coba.
  5. Untuk postingan ini pilih "gesture - swipe", selanjutnya anda bisa mencoba melakuan sweep (sentuh dan geser dengan cepat ke kiri, kekanan, ke atas dan ke bawah) dengan mengklik pada layar emulator. Untuk lebih merasakan sensasinya silahkan di coba di device android sesungguhnya
... baca selanjutnya!

Kamis, 29 Mei 2014

AS3 Touch and drug utk app Android #3 dgn Flash CS6

Untuk kali ini saya akan sharing tentang pemanfaatan fasilitas touch yang lebih aplikatif. Touch yang kita share kali ini adalah touch untuk konsidi seperti mouse clik and drug. Perbedaan mendasar dengan mouse clik and drug adalah kemampuan touch untuk mendeteksi multitouch. Fasilitan ini bisa kita kembangkan untuk membuat games menjodohkan, mengelompokkan puzzle dan lain lainnya. Untuk mempelajarinya mari kita ikuti langkah langkah berikut ini.

LANGKAH - LANGKAH

  1. Buka stage kosong dan buat satu tombol (instan name :"bola") dan satu movie clip (instan name : "keranjang")
  2. Isikan AS3 di frame (sebaiknya dalam layer tersendiri) seperti pada list dibawah ini
    1
    2
    3
    4

    5
    6

    7

    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    import flash.display.MovieClip;
    Multitouch.inputMode = MultitouchInputMode.TOUCH_POINT;

    bola.addEventListener(TouchEvent.TOUCH_BEGIN, onTouchBegin);
    function onTouchBegin(event:TouchEvent)
    {
    event.target.addEventListener(TouchEvent.TOUCH_MOVE, onTouchMove);
    event.target.addEventListener(TouchEvent.TOUCH_END, onTouchEnd);
    }
    function onTouchMove(event:TouchEvent)
    {
    event.target.x = event.stageX;
    event.target.y = event.stageY;
    }
    function onTouchEnd(event:TouchEvent)
    {
    if (event.target.hitTestObject(keranjang))
    {
    event.target.x = keranjang.x;
    event.target.y = keranjang.y;
    }
    else
    {
    trace("ora mlebu");
    }
    }
  3. Simpan dan coba di emulator dengan menekan Control enter. Setelah muncul tampilan, adan tidak bisa mencoba fasilitas touchnya karena belum diaktifkan.
  4. Untuk mengaktifkan klik tab "TOUCH AND GESTURE" perhatikan panah atas kemudian klik untuk centang Touch Layer seperti panah bawah.
  5. Setelah ini anda bisa mencoba melakuan touch dengan mengklik pada layar emulator. Untuk lebih merasakan sensasinya silahkan di coba di device android sesungguhnya

Kurang puas dengan postingan ini? silahkan tunggu postingan kami berikutnya

... baca selanjutnya!

Selasa, 27 Mei 2014

Touch di AS3 Flash CS 6 utk app Android #2

Seperti yang telah saya janjikan saya akan memberikan tutorial tentan touch di AS3 dengan flash CS6 ini secara bertahap. Bila kemarin saya memberikan penganti event mouse, maka sekarang saya akan berbagi tentang keunggulan touch dibandaing even mouse.
Salah satu keunggulannya adalah flash dapat mendeteksi beberapa sentuhan sekaligus. Sentuhan maksimal ini ditentulan oleh perangkat/device hp itu sendiri. Ada beberapa HP yang mampu mendeteksi 5 sentuhan dan ada beberapa hp yang mampu mendeteksi 10 sentuhan. Contoh aplikasi yang sering mengunakan langkah ini adalah aplikasi games yang sering mengharuskan pemain menekan dua atau lebih tombol. Untuk lebih jelasnya mari kita coba.

LANGKAH - LANGKAH

  1. Buka stage kosong dan buat empat tombol (instan name :"tbatas", "tbbawah", "tbkiri" dan "tbkanan") dan empat movie clip (instan name : "mcatas", "mcbawah", "mckiri" dan "mckanan")
  2. Isikan AS3 seperti pada list dibawah ini
    1
    2
    3
    4
    5
    6
    7
    8
    9

    10
    11
    12
    13
    14
    15

    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37

    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    import flash.display.MovieClip;
    Multitouch.inputMode = MultitouchInputMode.TOUCH_POINT;

    mcatas.visible = false;
    tbatas.addEventListener(TouchEvent.TOUCH_BEGIN, onTouchBegin1);
    function onTouchBegin1(event:TouchEvent)
    {
    mcatas.visible = true;
    tbatas.addEventListener(TouchEvent.TOUCH_END, onTouchEnd1);
    }
    function onTouchEnd1(event:TouchEvent)
    {
    mcatas.visible = false;
    }
    mcbawah.visible = false;
    tbbawah.addEventListener(TouchEvent.TOUCH_BEGIN, onTouchBegin2);
    function onTouchBegin2(event:TouchEvent)
    {
    mcbawah.visible = true;
    tbbawah.addEventListener(TouchEvent.TOUCH_END, onTouchEnd2);
    }
    function onTouchEnd2(event:TouchEvent)
    {
    mcbawah.visible = false;
    }
    mckiri.visible = false;
    tbkiri.addEventListener(TouchEvent.TOUCH_BEGIN, onTouchBegin3);
    function onTouchBegin3(event:TouchEvent)
    {
    mckiri.visible = true;
    tbkiri.addEventListener(TouchEvent.TOUCH_END, onTouchEnd3);
    }
    function onTouchEnd3(event:TouchEvent)
    {
    mckiri.visible = false;
    }
    mckanan.visible = false;
    tbkanan.addEventListener(TouchEvent.TOUCH_BEGIN, onTouchBegin4);
    function onTouchBegin4(event:TouchEvent)
    {
    mckanan.visible = true;
    tbkanan.addEventListener(TouchEvent.TOUCH_END, onTouchEnd4);
    }
    function onTouchEnd4(event:TouchEvent)
    {
    mckanan.visible = false;
    }
  3. Simpan dan coba di emulator dengan menekan Control enter. Setelah muncul tampilan, adan tidak bisa mencoba fasilitas touchnya karena belum diaktifkan.
  4. Untuk mengaktifkan klik tab "TOUCH AND GESTURE" perhatikan panah atas kemudian klik untuk centang Touch Layer seperti panah bawah. Untuk jelasnya silahkan lihat gambar dibawah ini
  5. Setelah ini anda bisa mencoba melakuan touch dengan mengklik pada layar emulator. Untuk lebih merasakan sensasinya silahkan di coba di device android sesungguhnya

Kurang puas dengan postingan ini? silahkan tunggu postingan kami berikutnya

... baca selanjutnya!

Senin, 26 Mei 2014

Touch di AS3 Flash CS 6 untuk aplikasi Android #1

Dalam awal postingan saya tentang AS3, saya mengunakan mouse clik ("MOUSE_DOWN") sebagai indentifikasi saat button di klik atau di sentuh dalam device touch screen. Hal ini tidak menjadi masalah pada awalnya. Tetapi saat kita menginginkan ada lebih dari satu tombol yang di klik, atau bisa mendeteksi dua tombol di tekan sekaligus (mis dalam games). Hal tersebut tidak bisa kita buat bila kita masih mengunakan "MOUSE_DOWN" dalam mengidentifikasi sentuhan. Tetapi tidak usah kuatir, AS3 memiliki fasilitas touch

LANGKAH - LANGKAH

  1. Buka stage kosong dan buat tiga Dynamic Text dengan intant name "komentar1", komentar2" dan "komentar3" pada frame pertama
  2. Isikan AS3 seperti pada list dibawah ini
    1
    2
    3
    4
    5
    6

    7
    8

    9
    10
    11

    12
    13
    14
    15
    16

    17
    18
    Multitouch.inputMode = MultitouchInputMode.TOUCH_POINT;

    stage.addEventListener(TouchEvent.TOUCH_BEGIN, onTouchBegin);
    function onTouchBegin(event:TouchEvent)
    {
    komentar1.text = "touch awal : x = " + event.stageX + " ; y = " + event.stageY;
    stage.addEventListener(TouchEvent.TOUCH_MOVE, onTouchMove);
    stage.addEventListener(TouchEvent.TOUCH_END, onTouchEnd);
    }
    function onTouchMove(event:TouchEvent)
    {
    komentar2.text = "posisi move : x = " + event.stageX + " ; y = " + event.stageY;
    }
    function onTouchEnd(event:TouchEvent)
    {
    komentar2.text = "tidak bergerak";
    komentar3.text = "touch akhir : x = " + event.stageX + " ; y = " + event.stageY;
    }
  3. Simpan dan coba di emulator dengan menekan Control enter. Setelah muncul tampilan, adan tidak bisa mencoba fasilitas touchnya karena belum diaktifkan.
  4. Untuk mengaktifkan klik tab "TOUCH AND GESTURE" perhatikan panah atas kemudian klik untuk centang Touch Layer seperti panah bawah. Untuk jelasnya silahkan lihat gambar dibawah ini
  5. Setelah ini anda bisa mencoba melakuan touch dengan mengklik pada layar emulator. Untuk lebih merasakan sensasinya silahkan di coba di device android sesungguhnya

Kurang puas dengan postingan ini? silahkan tunggu postingan kami berikutnya

... baca selanjutnya!

Sabtu, 17 Mei 2014

Component FLV Playback untuk memutar video di Flash Pro CS6

Indikator pencapaian hasil dari modul ini adalah pembaca dapat memasang dan menjalankan video dalam berbagai sistem mengunakan Component di Flash Pro CS 6.Ada beberapa cara membunyikan file video yang bisa kita gunakan dalam Flash. Cara cara yang akan dijelaskan dalam modul ini adalah langsung berjalan dan dikendalikan oleh skin. Dari ke dua macam cara tersebut dapat digunakan sesuai dengan kebutuhan kita. Dengan demikian aplikasi yang akan kita buat sesuai dengan keinginan kita.

LANGKAH-LANGKAH MEMASANG VIDEO LANGSUNG BERJALAN

  1. Untuk memudahkan memasang movie kita bisa mengunakan component. Cara menampilkan doccer Component dengan cara Window pulldown > Component atau Crtl-F7. Jika berhasil akan muncul doccer seperti gambar dibawah ini.
  2. Kemudian klik and drug FLVPlayback ke dalam state sesuai dengan posisi yang anda inginkan, tetapi tidak perlu diubah ukurannya karena nanti akan menyesuaikan dengan ukuran movie yang akan kita pasang.
    Tips : agar tidak ada flicker pada tampilan saat playback, sesuaikan Time Rate movie tersebut dengan time rate pada flash anda.
    Tips : Sesuaikan ukuran video anda dengan ukuran tampilan yang anda inginkan dalam stage flash, dengan demikian ukuran file akan optimal dengan tampilan yg anda butuhkan.
  3. Set properties FlvPlayback seperti gambar dibawah ini.
    Tips : untuk memudahkan proses pencarian file movie, copykan dulu file movie anda ke direktori tempat anda menyimpan fla anda ini.
  4. Untuk publish ke apk, file movienya harus terembed/terincluded dalam apk. Proses meng include kannya lakukan saat publish ke AIR 3.2 for Android/apk. Pada setting publishnya tab “general” terdapat item included di bagian bawah. Perhatikan gambar pada halaman berikut.
  5. Simpan data anda. Untuk mencoba dalam simulator tekan tombol ctrl – enter untuk melihat hasilnya dalam simulator.

LANGKAH-LANGKAH MEMASANG VIDEO DIKENDALIKAN SKIN

  1. Step awal sama seperti step 1 – 3 pada langkah sebelumnya.
  2. Set properties FlvPlayback diubah seperti gambar di bawah ini :
  3. Untuk merubah skin, klik icon pensil di sebelah kanan nama skin. Setelah di klik akan muncul tampilan seperti gambar di bawah ini :
  4. Untuk publish ke apk, file movie dan skinnya harus terembed/terincluded dalam apk. Proses meng include kannya lakukan saat publish ke AIR 3.2 for Android/apk. Pada setting publishnya tab “general” terdapat item included di bagian bawah. Perhatikan gambar pada bawah ini.
  5. Tips : Setelah anda simpan dan ada coba dengan emulator akan muncul file skin dengan nama sesuai dengan skin yang anda pilih (dalam contoh file skinny adalah SkinOverPlaySeekMute.swf) dalam direktori yang sama dengan file fla anda. Selanjutnya ada bisa menambahkannya ke Included.
  6. Simpan data anda. Untuk mencoba dalam simulator tekan tombol ctrl – enter untuk melihat hasilnya dalam simulator.
... baca selanjutnya!

Rabu, 14 Mei 2014

AS3 untuk mengontrol play/stop media audio atau suara mengunakan tombol

Indikator pencapaian hasil dari modul ini adalah pembaca dapat membunyikan audio dengan tombol dalam berbagai sistem mengunakan Action Script 3 di Flash Pro CS 6. Ada beberapa cara membunyikan file audio yang bisa kita gunakan dalam Flash. Cara cara yang akan dijelaskan dalam modul ini adalah suara berbunyi mengunakan tombol kontrol dan suara berbunyi berulang/nonstop mengunakan tombol kontrol.
Dari ke dua macam cara tersebut dapat digunakan sesuai dengan kebutuhan kita. Dengan demikian aplikasi yang akan kita buat sesuai dengan keinginan kita.

Langkah-langkah memasang audio yang berbunyi dengan tombol kontrol

  1. Untuk memasang suara langkah pertama anda harus import file suara tersebut. Caranya File > Import > Import to Library lalu pilih file suara yang ingin anda import kemudian klik OK. Bila file suara sudah ada dalam library berarti import suara sudah berhasil.
  2. Agar suara dapat dikontrol oleh action script maka suara dalam library harus diatur linkagenya. Caranya klik kanan pada file suara kemudian pilih properties.
    Selanjutnya akan muncul tampilan seperti gambar di bawah ini
  3. Bila berhasil maka dalam library file suara menjadi seperti dibawah ini
  4. Selanjutnya buat dua tombol dan pasang instan name “tbplay” untuk tombol play dan “tbstop” untuk tombol stop. Lihat contoh dibawah ini
    Tombolnya nanti dibuat nampak satu persatu, bila kondisi mati yang nampak hanya tombol play dan saat berbunyi yang nampak hanya tombol stop.
  5. Untuk membunyikan secara dengan tombol, pasangkan AS di bawah ini.
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28

    stop();
    var audioback2:suaralatar = new suaralatar(),
    chimesSound2:SoundChannel;

    function clikaudioplay2(event:MouseEvent):void
    {
    chimesSound2 = audioback2.play();
    chimesSound2.addEventListener(Event.SOUND_COMPLETE, clikaudioawal);
    tbstop.visible = true;
    tbplay.visible = false;
    }
    function clikaudiostop2(event:MouseEvent):void
    {
    chimesSound2.stop();
    tbstop.visible = false;
    tbplay.visible = true;
    }
    function clikaudioawal(evt:Event):void
    {
    tbstop.visible = false;
    tbplay.visible = true;
    }

    tbplay.addEventListener(MouseEvent.CLICK,clikaudioplay2);
    tbstop.addEventListener(MouseEvent.CLICK,clikaudiostop2);
    tbstop.visible = false;
    Keterangan Action Script
    • Line 1 – 3 : merupakan as untuk mendeklarasikan variable suara, channel dan nama linkage di librari.
    • Line 5 – 23 : untuk mendeklarasikan fungsi
    • Line 25 – 26 : untuk memasang fungsi kedalam tombol
  6. Simpan data anda. Untuk mencoba dalam simulator tekan tombol ctrl – enter untuk melihat hasilnya dalam simulator.

Langkah-langkah Memasang Audio Nonstop dengan tombol kontrol

  1. Step awal sama seperti step 1 dan 4 pada langkah sebelumnya.
  2. Untuk membunyikan secara dengan tombol secara nonstop, pasangkan AS di bawah ini.
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    stop();
    var audioback3:suaralatar = new suaralatar(),
    chimesSound3:SoundChannel;

    function clikaudioplay3(event:MouseEvent):void
    {
    chimesSound3 = audioback3.play();
    chimesSound3.addEventListener(Event.SOUND_COMPLETE, clikaudioawal3);
    tbstop.visible = true;
    tbplay.visible = false;
    }
    function clikaudiostop3(event:MouseEvent):void
    {
    chimesSound3.stop();
    tbstop.visible = false;
    tbplay.visible = true;
    }
    function clikaudioawal3(evt:Event):void
    {
    chimesSound3 = audioback3.play();
    chimesSound3.addEventListener(Event.SOUND_COMPLETE, clikaudioawal3);
    }

    tbplay.addEventListener(MouseEvent.CLICK,clikaudioplay3);
    tbstop.addEventListener(MouseEvent.CLICK,clikaudiostop3);
    tbstop.visible = false;
    Keterangan Action Script
    • Line 1 – 3 : merupakan as untuk mendeklarasikan variable suara, channel dan nama linkage di librari.
    • Line 5 – 24 : untuk mendeklarasikan fungsi
    • Line 6 – 28 : untuk memasang fungsi kedalam tombol
  3. Simpan data anda. Untuk mencoba dalam simulator tekan tombol ctrl – enter untuk melihat hasilnya dalam simulator.
... baca selanjutnya!

Selasa, 13 Mei 2014

Membunyikan Audio/Suara di Flash Pro CS6 dengan AS3

Indikator Pencapaian pada modul ini adalah pembaca dapat membunyikan audio dalam berbagai sistem mengunakan Action Script 3 di Flash Pro CS 6.
Ada beberapa cara membunyikan file audio yang bisa kita gunakan dalam Flash. Cara cara yang akan dijelaskan dalam modul ini adalah suara langsung berbunyi dan suara langsung berbunyi secara berulang/nonstop.
Dari ke dua macam cara tersebut dapat digunakan sesuai dengan kebutuhan kita. Dengan demikian aplikasi yang akan kita buat sesuai dengan keinginan kita.

LANGKAH-LANGKAH MEMASANG AUDIO LANGSUNG BUNYI

  1. Untuk memasang suara langkah pertama anda harus import file suara tersebut. Caranya File > Import > Import to Library lalu pilih file suara yang ingin anda import kemudian klik OK. Bila file suara sudah ada dalam library berarti import suara sudah berhasil.
  2. Agar suara dapat dikontrol oleh action script maka suara dalam library harus diatur linkagenya. Caranya klik kanan pada file suara kemudian pilih properties.
    Selanjutnya akan muncul tampilan seperti gambar di bawah ini
  3. Bila berhasil maka dalam library file suara menjadi seperti dibawah ini
  4. Untuk sekedar membunyikan, lalu pasangkan AS di bawah ini.
    1
    2
    3
    stop();
    var audioback:suaralatar = new suaralatar();
    audioback.play();
    Keterangan Action Script
    Line 1 - 2 : deklarasi variable suara dan nama linkage suara di library yang digunakan.
    Line 3 : AS untuk membunyikan suara tersebut.
  5. Simpan data anda. Untuk mencoba dalam simulator tekan tombol ctrl – enter untuk melihat hasilnya dalam simulator.

LANGKAH-LANGKAH MEMASANG AUDIO LANGSUNG BUNYI DAN BERULANG

  1. Step awal sama seperti step 1 – 3 pada langkah sebelumnya.
  2. Untuk membunyikan secara berulang, pasangkan AS di bawah ini.
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    stop();
    var audioback1:suaralatar = new suaralatar(),
    chimesSound:SoundChannel;
    chimesSound = audioback1.play();
    function clikaudioplay(evt:Event):void
    {
    chimesSound = audioback1.play();
    chimesSound.addEventListener(Event.SOUND_COMPLETE, clikaudioplay);
    }
    chimesSound.addEventListener(Event.SOUND_COMPLETE, clikaudioplay);
    Keterangan Action Script
    Baris 1 - 3 merupakan as untuk mendeklarasikan variable suara, channel dan nama linkage di librari.
    Baris 5 untuk membunyikan
    Baris 6 – 12 untuk membuat fungsi perulangan
  3. Simpan data anda. Untuk mencoba dalam simulator tekan tombol ctrl – enter untuk melihat hasilnya dalam simulator.
... baca selanjutnya!

Sabtu, 19 April 2014

Tombol dan action script 3 untuk android

Button adalah komponen yang penting dalam Adobe Flash. Karena dengan button kita dapat membuat animasi yang interaktif. Misalnya dengan mengunakan botton user dapat memerintah animasi untuk melaompak ke scene atau frame yang lain. Selain itu dapat digunakan membuat effek-effek yang lain. Di dalam button ada 2 macam keadaan yaitu Up, Over dan Down. Jadi untuk membuat button kita harus membuat tiga gambar. Bila kita mambuat button maka nomer frame akan berubah menjadi Up, Over, Down dan Hit.
  • Up : bila krusor berada di luar Hit
  • Over : bila krusor berada di area Hit
  • Down : bila mouse di klik dan krusor berada di area hit
  • Hit : area untuk mengaktifkan fungsi button. Bila kosong maka areanya sesuai dengan gambar yang ada.
Dengan tiga keadaan di atas maka button akan menjadikan animasi yang dibuat interaktif. Agar button yang kita buat menjadi lebih dinamis kita dapat memasangkan movie clip pada salah satu keadaan. Misalkan pada frame down kita pasangkan movie clip dan pada frame up gambar statis maka bila button tersebut dijalankan dan mouse berada di posisi hit maka gambar button tersebut bergerak dinamis sesuai dengan movie clip yang dipasangkan.
Ada tiga cara pemanfaatan button dalam adobe flash yaitu :
  • membuat button sendiri
  • memanfaatkan button dalam common libraries
  • memanfaatkan button dalam components.

LANGKAH-LANGKAH MEMBUAT BUTTON

  1. Buka Adobe Flash CS 6 kemudian buat dokumen baru mengunakan langkah seperti modul 1. Anda juga dapat merubah ukuran stage sesuai dengan keinginan anda. Meskipun bebas gunakan rasio resolusi layar handphone.
  2. Untuk membuat Button diawali dengan cara membuat object misalnya segi empat di dalam state. Kemudian klik kanan object tersebut dan pilih “convert to symbol”. Bila cara anda berhasil maka akan muncul pilahan seperti gambar berikut.
    Beri nama misalnya “btCoba” (nama defaulnya Symbol 1) dan type yang digunakan adalah Button, selanjutnya klik OK.
  3. Bila berhasil akan muncul button baru yang ada dalam library seperti gambar dibawah ini
  4. Bila ingin mengunakannya lagi kita tinggal click and drug dari library ke state.
  5. Jika kurang puas dan ingin memperbaiki tampilannya, kita double klik button tersebut di library maka akan muncul tampilan seperti dibawah ini
  6. Selanjutnya ada tinggal mengubah isi frame Up, Over, Down dan Hit sesuai dengan keingginan anda. Aturan atau fungsi masing frame telah dijelaskan dalam uraian.

LANGKAH-LANGKAH MENGUNAKAN COMMON LIBRARIES

  1. Cara lain mengunakan button dengan memanfaatkan library button di doccer Button di Common Libraries dengan mengklik pulldown menu seperti gambar dibawah ini.
  2. Kemudian pilih tombol sesuai selera anda, di contoh saya memilih tombol di direktori classic buttons/playback dengan nama get left untuk tombol muncur dan get right untuk tombol maju. Clik and drag tombol ke dalam stage.
  3. Ubah ukuran dan posisi tombol, sesuaikan dengan seluruh tampilan state, lihat contoh dibawah ini
  4. Ubah nama layer dengan cara double klick pada nama layer. Langkah ini akan memudahkan mengatur berbagai hal nantinya.
  5. Panjangkan frame menjadi 5 frame dengan menekan tombol F5 hingga tampilan Timeline seperti gambar dibawah ini.
  6. Tambahkan layer (beri nama isi) kemudian masukkan teks pada layer baru sesuai keinginan anda, kemudian pisahkan menjadi key frame tersendiri, dengan menekakan tombol F6 pada tiap tiap frame pada layer isi. Ubah teks tiap frame untuk membedakan tiap halamannya.
  7. Langkah selajutnya adalah memasang perintah atau mengidentifikasikan perintah untuk tiap tombol. Sebelum memasang Action Scriptnya semua tombol/movie cllip harus dipasang intance name. Caranya klik tombol yang akan dipasang intance name kemudian ketik intance name pada dokker Properties seperti gambar dibawah ini. Pada contoh saya pasang “tbmundur” untuk tombol get Left sebagai tombol ke halaman sebelumnya dan “tbmaju” pada tombol get Right sebagai tombol ke halaman selanjutnya.
  8. Untuk memudahkan mengorganisasi action scripnya, buat layer baru dengan nama AS3 dan setiap frame adalah key frame seperti gambar dibawah ini.
  9. Pasang action script pada frame 1 di layer AS dengan cara klik frame tersebut dan tekan F9. Kemudian pasangkan action script seperti gambar dibawah ini

LANGKAH-LANGKAH MENGUNAKAN COMPONENTS

  1. Anda juga bisa mengunakan tombol yang ada dalam doccer Components, untuk mengeluarkan klik windows dalam Pulldown seperti gambar berikut
  2. Selanjutnya akan muncul seperti gambar berikut.
  3. Cara pengunaan dan pemasangan scriptnya sama dengan cara di bagian Langkah-Langkah Mengunakan Common Libraries.
  4. Simpan data anda. Untuk mencoba dalam simulator tekan tombol ctrl – enter untuk melihat hasilnya dalam simulator. Untuk mencoba hasil akhirnya dalam device android lakukan publish menjadi apk dengan cara seperti pada post sebelumnya.
LATIHAN
  • Buatlah aplikasi android yang menampilkan teks dalam 8 frame/halaman yang dikendalikan dengan tombol maju dan mundur.
  • Publish menjadi file apk kemudian install di handphone anda.
  • ... baca selanjutnya!