Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat Form Url Dengan Flash

Babang Flash - Cara Membuat Form Url Dengan Flash - Selamat datang di babangflash. Kali ini saya akan membagikan sedikit tutorial dasar pembuatan form pendaftaran pada flash. Perlu diketahui bahwa tutorial ini hanya dasar nya saja, selebihnya bisa anda kembangkan sendiri.

Baiklah, tanpa bertele-tele lagi, langsung saja ke tkp.
  1. Buka program flash anda, disini saya menggunakan Flash pro 8.
  2. Klik flash document.
  3. Siapkan 2 layer, disini saya menamai layer 1 sebagai "text", layer 2 sebagai "script".
    seperti pada gambar dibawah ini.
    Siapkan 2 layer, disini saya menamai layer 1 sebagai "text", layer 2 sebagai "script". seperti pada gambar dibawah ini.
  4. Klik kanan pada frame 1 di layer "text" > pilih insert blank keyframe.
  5. Buat desain seperti gambar dibawah ini, desain dibawah ini hanya sebagai contoh, anda bebas berkreasi sendiri dengan desain gambar yang di inginkan.
    Buat desain seperti gambar dibawah ini, desain dibawah ini hanya sebagai contoh, anda bebas berkreasi sendiri dengan desain gambar yang di inginkan.
  6. Klik kanan pada tulisan "Sign Up", pilih convert to symbol > pilih button > ok.
  7. Klik pada kolom pengisian URL atau kolom input text. isi instance name nya menjadi "url". seperti gambar dibawah ini.
    Klik pada kolom pengisian URL atau kolom input text. isi instance name nya menjadi "url". seperti gambar dibawah ini.
  8. Masih pada layer "text", klik kanan pada frame berikutnya > pilih insert keyframe, buat desain seperti gambar dibawah ini, atau anda bisa berkreasi sendiri.
    Masih pada layer "text", klik kanan pada frame berikutnya > pilih insert keyframe, buat desain seperti gambar dibawah ini, atau anda bisa berkreasi sendiri.
  9. Klik kanan pada text "Input Ulang", pilih convert to symbol > pilih button > ok. isi "instance name nya dengan nama "input". proses pengisian instance name, sama seperti langkah ke-7.
  10. Klik frame selanjutnya, masih pada layer "text", disini saya melanjutkan pada frame ke-7. dan buat desain seperti gambar dibawah ini, atau anda bisa me-modifikasinya sendiri.
    Klik frame selanjutnya, masih pada layer "text", disini saya melanjutkan pada frame ke-7. dan buat desain seperti gambar dibawah ini, atau anda bisa me-modifikasinya sendiri.
  11. Klik kanan pada frame 1 di layer "script", pilih action, atau anda bisa menekan F9 pada keyboard anda, sehingga "panel script" muncul, dan tuliskan Action Script seperti dibawah ini.
    stop(); 
    //Menambahkan Conditional Logic Untuk Tombol Sign Up, Untuk Memvalidasi Input Pengguna / User. 
    signup.onRelease = function() { 
    if (url.text == null || url.text == "") { 
    gotoAndStop("salah"); 
    } else { 
    getURL("http://"+url_txt.text); 
    gotoAndStop("benar") 
    };
    "signup" merupakan instance name pada tombol yang akan digunakan sebagai perintah gotoAndStop("salah");
    "Salah" merupakan nama label frame yang di tuju, anda bisa mengganti nya dengan nomor frame yang dituju.
    "benar" merupakan nama label frame yang di tuju, anda bisa mengganti nya dengan nomor frame yang dituju.
    Perhatikan gambar dibawah ini.
    "signup" merupakan instance name pada tombol yang akan digunakan sebagai perintah gotoAndStop("salah"); "Salah" merupakan nama label frame yang di tuju, anda bisa mengganti nya dengan nomor frame yang dituju. "benar" merupakan nama label frame yang di tuju, anda bisa mengganti nya dengan nomor frame yang dituju. Perhatikan gambar dibawah ini.
  12. Lanjut pada frame berikutnya, masih di layer "script", ketikkan action script seperti dibawah ini.
  13. //Memfungsikan tombol Input Ulang, untuk kembali ke frame 1 
    input.onPress = function() { 
    gotoAndStop(1); 
    };
    "input" merupakan instance name pada tombol yang akan digunakan sebagai sebagai perintah gotoAndStop(1);
    Jika anda bingung, dengan susunan timeline yang dijelaskan, lihat gambar dibawah ini.
    "input" merupakan instance name pada tombol yang akan digunakan sebagai sebagai perintah gotoAndStop(1); Jika anda bingung, dengan susunan timeline yang dijelaskan, lihat gambar dibawah ini.
  14. Sekarang coba anda play test dengan menekan tombol ctrl+enter.
Sekian tutorial dasar pembuatan form URL pada flash, kurang dan lebihnya saya minta maaf.
Semoga bermanfaat. Terima Kasih.

Posting Komentar untuk "Cara Membuat Form Url Dengan Flash"