Mohon Perhatian!

Dikarenakan terjadi beberapa kesahalan code, silahkan setelah membuka read more article dan keluar kotak komentar lakukan stop load (tanda silang di browser samping refresh).
Saya mohon maaf atas ketidak nyamanan kawan kawan blogger yang mampir kesini.
Terimakasih

21 Mei 2008

Jam Digital Flash


21 Mei 2008

Membuat Jam Digital Flash (Flash Widget) dengan Macromedia Flash 8

clock_with Flash
Hi?kali ini saya akan membahas cara membuat jam digital
menggunakan Macromedia Flash 8.
Mungkin temen-temen semuanya sudah tahu kalau widget yang satu ini banyak di minati oleh para blogger / maniak friendster dulu untuk menghiasi/melengkapi tampilan web/blog / page.
Meskipun sering di anggap berat saat loading membuka page, tapi tidak ada salahnya
kalo kita mencoba membuatnya.

Langsung saja, langkah pertama adalah buka Macromedia Flash lalu buat
  • "file document>save as>beri nama (bebas)".

Selanjutnya membuat layout untuk body objek nya. di sini saya menggunakan objek persegi dengan sudut tumpul.
  • Caranya yaitu pilih rectangle tool lalu cari "set corner radius" (posisi di bawah tollbar) masukan angka (contoh corner radius nya: 15 points).
  • Setelah itu mulai membuat objek dengan
    Klik kiri > Drag mouse > lalu tarik ke bawah kanan.

Sudah? Baik jika sudah lanjutkan dengan:
Copy objek persegi tadi > insert layer dan paste objek yg di copy tadi.

Untuk membuat space untuk angka jam,
caranya sama seperti di atas tapi ukuran ini agak kecil.
Beri warna berbeda untuk setiap pesegi nya. contoh seperti ini:



Berikutnya membuat angka untuk jam digital nya. Caranya yaitu:
  • Pilih text tool>klik mouse di space untuk angka tadi>ketik sembarang (contoh 04:00:00).
  • Lalu cari type text di properties text tersebut, di menu drop down pilih Dynamic text dan beri kata "hour" di kolom Var.



  • Klik/pilih text/angka tersebut lalu tekan F8 atau convert symbol ke MovieClip.
    Setelah selesai kembali ke stage scene, pilih kembali MovieClip angka tadi.
  • Lalu klik kanan di objek movieClip tersebut>pilih action.
Masukan actionAcript berikut:
Block code di area box bawah lalu klik kanan (copy)!
onClipEvent (load) {
function TIME () {
hour = nowtime();
}
function nowtime () {
n_time = new Date();
hours = n_time.getHours();
minutes = n_time.getMinutes();
seconds = n_time.getSeconds();
if (seconds<10) seconds = "0" style="color: rgb(51, 51, 255);">getSeconds();
}
if (minutes<10) minutes = "if (hours<10) hours = " style="font-weight: bold;">"date"




Berikutnya adalah membuat text untuk hari-tanggal-bulan dan tahun, caranya:
  • Buat 2 layer baru, layer pertama untuk actionScript dan layer kedua untuk objek text nya
  • Ketik sembarang huruf(contoh Senin-Januari14-2008), lakukan ini seperti membuat angka pada jam dan beri nama "date" pada kolom var.
  • Kalau sudah masukan actionScript di bawah ini ke frame 1 di layer tadi.
Block code di area box bawah lalu klik kanan (copy)!

date = this.NOW();
function NOW () {
d_w = new Array(
'Minggu', 'Senin', 'Selasa', 'Rabu', 'Kamis', 'Jumat', 'Sabtu', 'Minggu');
mo = new Array('Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember');
n_date = new Date();
todaydate = n_date.getDate();
day = n_date.getDay();
dayname = d_w[day];
month = n_date.getMonth();
monthname = mo[month];
year = n_date.getFullYear();
fulldate = dayname+" - "+todaydate+" "+monthname+" - "+year;
return fulldate;
}

Nah setelah semua tahap selesai, maka kira-kira tampilanya flash setelah di publish / render (ctrl+enter) akan menjadi seperti ini:

Langkah terakhir adalah membuat file fla document menjadi file swf flash.
Caranya:
  • Tekan tombol ctrl+enter secara bersamaan di keyboard
  • Atau cari menu Publish di Taskbar atas > File > Publish > publish.

Silahkan tinggalkan komentar jika kawan punya pertanyaan atau kesulitan membuat Flash Widget ini (Jam Flash).
Belum punya Flash Player di browser?
Get Adobe Flash PlayerGet Adobe Flash Player

 

About

Foto saya
Seorang pemuda Indonesia biasa yang terlanjur berkecimpung di dunia digital seperti Web Designer freelance, Digital Imaging Design, Menulis artikel di Blog www.medialiterasi.co.cc, moderator di www.marketingkami.net. Penggagas, developer dan moderator di www.olinklist.com

My Friends [Do follow blog, Self List Link and Banner Friends]

Share to Facebook Share to Twitter Stumble It More...