MEMBUAT JAM DIGITAL LENGKAP MILI DETIK


Setelah berbagi bagaimana cara membuat jam analog, kali saya akan berbagi bagaimana membuat jam digital dengan menggunakan Macromedia Flash 8.
Untuk pembuatan jam digital ini memilik action Script yang mirip dengan jam analog.
Selamat Belajar dan silahkan sobat simak bagaimana cara pembuatan jam digital berikut :

Langkah 1.
Jalankan macromedia flash sobat dan buat dokumen flash baru.

Langkah 2.
Buatlah desain jam seperti gambar berikut :
clip_image002

Langkah 3.
Aturlah masing-masing properti text sebagai berikut :
Untuk Jam, Menit, Detik, Mili dan Titik dua (:) gunakan Static Text.
Untuk Angka Jam gunakan Dynamic Text, Instance Name : jam dan Var : jam.
Untuk Angka Menit gunakan Dynamic Text, Instance Name : menit dan Var : menit.
Untuk Angka Detik gunakan Dynamic Text, Instance Name : detik dan Var : detik.
Untuk Angka Mili gunakan Dynamic Text, Instance Name : mili dan Var : mili.

Langkah 4.
Klik Layer 1, buka tab Action dan silahkan sobat copas action berikut :
  1. onEnterFrame = function ()
  2. {
  3. waktu = new Date();
  4. jam = waktu.getHours();
  5. menit = waktu.getMinutes();
  6. detik = waktu.getSeconds();
  7. mili = waktu.getMilliseconds();
  8. if (jam<10) {jam = "0"+jam;
  9. }
  10. if (menit<10) {menit = "0"+menit;
  11. }
  12. if (detik<10){detik = "0"+detik;
  13. }
  14. };

Demikian cara membuat jam digital menggunakan macromedia flash 8 moga bermanfaat.
untuk file latihannya silahkan sobat unduh di sini.

 

CARA MEMBUAT JAM ANALOG


tanpa basa basi lagi saya bagikan kepada sobat bagaimana cara membuat sendiri jam analog menggunakan Macromedia Flash 8.
Step 1.
Buat dokumen flash baru dengan acuan seperti gambar dibawah.
clip_image002

Step 2.
Pada Layer 1, masukkan sebuah image bodi jam. Kemudian ganti nama Layer 1 menjadi Latar
clip_image004

Step 3.
Buat 3 buah Layer dan beri nama Layer 2 menjadi Jam, Layer 3 menjadi Menit, Layer 4 menjadi Detik.
clip_image006

Step 4.
Gunakan kreasi sobat untuk membuat image jarum jam. Buatlah jarum jam dan letakkan di layer Jam, jarum Menit di layer Menit dan jarum Detik di layer Detik.
clip_image008

Step 4,
Pastikan tab Properties aktif dahulu, kemudian klik image jarum Jam lanjutkan dengan menekan tombol F8 (Convert to Symbol), pada kotak dialog Convert to Symbol isikan seperti yang ada pada gambar berikut.
clip_image010
Dan pada tab properties isilan instance namenya dengan “jam”
clip_image012
Lakukan hal yang sama pada image Menit dan Detik.

Step 5.
Jika sobat selesai melakukan langkah-langkah yang ada di step 4, seleksi Layer 1 sampai dengan Layer 4, kemudian convertlah menjadi Movie Clip.
Kemudian aktifkan tab Action dan silahkan sobat copas action berikut :
  1. onClipEvent(enterFrame){
  2. MyDate = new Date();
  3. hour = MyDate.getHours();
  4. minute = MyDate.getMinutes();
  5. second = MyDate.getSeconds();
  6. rotasijam=hour*30;
  7. rotasimenit=minute*6;
  8. rotasidetik=second*6;
  9. if (jam>12) {
  10. hour -=12;
  11. }
  12. this.jam._rotation=rotasijam;
  13. this.menit._rotation=rotasimenit;
  14. this.detik._rotation=rotasidetik;
  15. }

Selesai…. Dan sobat bisa mencobanya dengan menekan Ctrl + Enter.
untuk file latihannya silahkan sobat unduh disini

 

MEMBUAT VIDEO PLAYER MENGGUNAKAN FLASH 8


Kali ini saya berbagi trik bagaimana membuat player sendiri yang simple yang dapat memutar file flash video (flv) sendiri dan trik ini juga saya gunakan di beberapa project pembuatan aplikasi pembelajaran sekolah.
Buat sobat silahkan simak langkah-langkahnya :

Langkah 1.
Buat sebuah file baru di Macromedia Flash 8 sobat.
Untuk ukurannya silahkan sobat kreasikan sendiri.

Langkah 2.
Siapkan video sobat dalam sebuah folder (perlu sobat ingat format video harus yang berformat .flv).

Langkah 3.
Klik File – Import – Import Video…
clip_image002
Maka akan muncul kotak dialog seperti gambar berikut :
clip_image004
Lanjutkan dengan klik Browse untuk mencari file video sobat, jika sudah ketemu langsung klik Open dan lanjutkan dengan klik Next (akan muncul kotak Dialog lagi), abaikan dan klik Next, kemudian pilih tampilan playernya (lihak gambar berikut).
clip_image006
Pilih tampilan player sesuai selera sobat. Dan lanjutkan dengan klik Next, terakhir klik Finish sampai disini sobat akan diminta menyimpan file flash sobat, simpanlah file flash sobat tepat dimana sobat menyimpan file video berformat .flv sobat.

Langkah 4.
Player sobat selesai dibuat dan coba jalankan player sobat dengan menekan tombol Ctrl + Enter.


 

MEMBUAT ANIMASI INTERAKSI DRAG AND DROP

Dalam membuat media pembelajaran tentunya akan lebih baik lagi jika kita melibatkan interaksi dengan siswa.
Maka dalam tutorial kali ini saya akan berbagi bagaimana membuat Animasi Interaksi Drag and Drop menggunakan macromedia flash 8. Dimana kita bisa menggeser (mencocokan) gambar setelah itu kita dapat mengecek jawabannya.
Perhatikan contoh media interaksi berikut :
clip_image002
Silahkan ikuti langkah-langkah pembuatan.
 
Langkah 1.
Jalankan macromedia flash 8 kesayangan kamu dan buat file flash baru.
clip_image004
 
Langkah 2.
Buatlah seperti contoh gambar berikut :
clip_image005
 
Langkah 3.
Seleksi gambar Mangga dan lanjutkan dengan menekan tombol F8 (Convert to Symbol) pada Name isi “mangga” dan Type “Movie clip” kemudian klik OK.
clip_image007
Jika sudah, seleksi gambar Apel dan lanjutkan dengan menekan tombol F8 (Convert to Symbol) pada Name isi “apel” dan Type “Movie clip” kemudian klik OK.
clip_image009
seleksi gambar Kotak Mangga dan lanjutkan dengan menekan tombol F8 (Convert to Symbol) pada Name isi “ktkmangga” dan Type “Movie clip” kemudian klik OK.
clip_image011
Jika sudah, seleksi gambar Kota Apel dan lanjutkan dengan menekan tombol F8 (Convert to Symbol) pada Name isi “ktkapel” dan Type “Movie clip” kemudian klik OK.
clip_image013
 
Langkah 4.
jika sudah selesai merubah gambar-gambar diatas menjadi movie clip lanjutkan dengan memberi instance name pada masing-masing gambar dengan cara klik gambar dan lanjutkan dengan klik properties (perhatikan gambar berikut)
clip_image015
 
Langkah 5.
Klik gambar Apel, lanjutkan dengan klik Modify – Arrange – Bring to Front.
clip_image017
Lakukan hal sama dengan gambar Mangga!
 
Langkah 6.
Klik gambar Apel kemudian tekan F9 (Action) dan copas Action berikut :
  1. on (press) {
  2. startDrag(this);
  3. }
  4. on(release) {
  5. stopDrag();
  6. }
 
Langkah 7.
Ulangi langkah 6 untuk gambar Mangga dengan Action yang sama juga.
 
Langkah 8.
clip_image019
Untuk kotak jawaban buatlah dengan menggunakan Dynamic Text, dengan cara perhatikan gambar dibawah :
clip_image021
 
Langkah 9.
Klik tombol “Enter” (tombol cek jawaban) kemudian tekan tombol F9 dan copas action di bawah :
  1. on (release) {
  2. if ((_root.mangga.hitTest(_root.ktkmangga)) &&
  3. (_root.apel.hitTest(_root.ktkapel))) {
  4. _root.jawaban = "BENAR";
  5. } else {
  6. _root.jawaban = "SALAH";
  7. }}

untuk file latihannya silahkan download disini……













































 

EFEK KERTAS LUSUH

Tutorial sederhana kali ini saya akan berbagi bagaimana membuat efek kertas lusuh menggunakan photoshop.
 
Langkah 1.
Buat dokumen ukuran 1200 x 1020 px.
clip_image002
Jika dokumen baru terbentuk, lanjutkan dengan double click Layer Background – OK (untuk menghilangkan icon “gembok” sekaligus mengubah Layer Background menjadi Layer 0).
 
Langkah 2.
Click Kanan Layer 0 – Blending Options…, kemudian aturlah sesuai gambar di bawah :
clip_image004
clip_image006
Jika sudah lanjukan dengan click Filter – Texture – Craquelure… - OK
clip_image008
 
Langkah 3.
Buat Layer baru (Layer 1) dan berikanlah fill warna abu-abu (perhatikan gambar di bawah).
clip_image010
 
Langkah 4.
Duplikasikan Layer 1 dengan menekan Ctrl + J dan akan menjadi Layer 1 Copy.
Sudah?
Lanjutkan dengan click Filter – Render – Clouds.
clip_image012
Dan hasilnya akan seperti ini.
clip_image014
 
Langkah 5.
Aktifkan Gradient Tool dengan menekan tombol “G”, selanjutnya perhatikan gambar setingan gradient berikut :
clip_image016
Lanjutkan dengan membuat beberapa garis pada Layer 1 copy hingga layer 1 copy berubah tampak seperti kira-kira gambar di bawah:
clip_image018
 
Langkah 6.
Masih di Layer 1 copy, click Filter – Stylize – Emboss…
clip_image020
Pada kotak dialog Emboss, aturlah seperti gambar di bawah.
clip_image022
Masih di Layer 1 copy, lanjutkan dengan click Image – Adjustments – Level.
clip_image024
Atur Levelnya seperti gambar berikut :
clip_image026
 
Langkah 7.
Baik….. sampai disini berikan setuhan terakhir dengan cara, click Layer 1 copy ubah blending dari normal menjadi Overlay. Hingga hasilnya seperti gambar berikut :
clip_image028















































 

MEMBUAT VIDEO PLAYER SEDERHANA

Sebelumnya saya mengucapkan Selamat Menunaikan Ibadah Puasa Ramadhan bagi yang menunaikannya….

Pada tutorial kali ini saya akan berbagi bagaimana membuat video player sederhana dengan menggunakan Visual Basic 6.0

Baik…

 

- Sekarang jalankan VB 6.0 kesayangan anda.

 

- Tambahkan komponen MsCDC dan WMP (Windows Media Player)

clip_image002

clip_image004

 

- Pada Form1 buat menu seperti gambar di bawah menggunakan menu editor :

clip_image006

- Masukkan komponen Windows Media Player dan MsCDC ke dalam Form1

clip_image008

Keterangan :

1. Komponen Windows Media Player

2. Komponen MsCDC

 

- Klik File – Open dan copas source code berikut :

Private Sub mnopen_Click()

On Error Resume Next

CommonDialog1.ShowOpen

WindowsMediaPlayer1.URL = CommonDialog1.FileName

End Sub

- Klik File – Exit dan copas source code berikut :

 

Private Sub mnExit_Click()

End

End Sub

 

Aplikasi Media Player selesai dan silahkan jalankan dengan menekan tombol F5.

 

untuk file latihannya silahkan download disini

 

 

MEMBUAT FORM LOGIN DENGAN HAK AKSES

Dalam sebuah aplikasi, hak akses sangatlah diperlukan. Hak akses dibutuhkan sebagai pengendali sebuah aplikasi.

Dalam tutorial ini saya akan berbagi bagaimana membuat form Login dengan menggunakan hak akses.

Jadi sebelum saya mulai bagaimana membuat form login menggunakan hak akses, saya akan sedikit menceritakan bagaimana alur dari hak akses itu sendiri.

Admin mencari nama dan sandi dalam database, dan jika menemukan nama dan sandinya maka si Admin bisa membukan semua menu aplikasi. Sebaliknya jika kasir yang mencari nama beserta sandinya dan jika ditemukan, maka si Kasir hanya akan membuka beberapa menu saja.

Ok kita lanjut ke TKP……

 

Langkah 1.

Buat data database, dengan tabel sebagai berikut :

clip_image002

Untuk hak akses yang tertulis angka 1 dan angka 2 berfungsi untuk menentukan aplikasi apa saja yang boleh dibuka.

 

Langkah 2.

Buatlah sebuah project baru dan lanjutkan membuat sebuah MDI Form.

Pada MDI Form buatlah menu dengan urutan sebagai berikut :

Caption Name
File mnFile
….Input Data mnInput
….Keluar mnKeluar
Data mnData
….Edit mnEdit
….Cetak mnCetak
Laporan mnLaporan
….Penjualan mnPenjualan
….Laba Rugi mnLaba

 

clip_image004

Keterangan :

Untuk hak akses dengan angka 1 (admin) dibolehkan untuk membuka semua menu sedangkan untuk angka 2 (kasir) tidak diperbolehkan membuka menu Input Data dan menu Edit.

 

Langkah 3.

Buatlah form login pada form1 seperti gambar di bawah.

clip_image006

Keterangan :

Component Name
textBox1 txtNama
textBox2 txtSandi
CommandButton1 cmdLogin
CommandButton2 cmdBatal

 

Oya….. tambahkan juga komponen ADODB pada MDIForm 1.

 

Langkah 4.

Buatlah sebuah Module dan copas source code berikut :

Coding Module
  1. Public Con As ADODB.Connection
  2. Public rs As ADODB.Recordset
  3. Sub Connects()
  4. 'On Error Resume Next
  5. Set Con = New ADODB.Connection
  6. Con.Provider = "Microsoft.Jet.OLEDB.4.0"
  7. Con.Open App.Path & "\Database.mdb"
  8. End Sub
  9. Sub main()
  10. Form1.Show
  11. End Sub

 

Langkah 5.

Klik Menu Keluar pada MDIForm1 dan ketik code berikut :

  1. Private Sub mnKeluar_Click()
  2. End
  3. End Sub

 

Langkah 6.

Doble klik pada Form1 dan salin code berikut :

  1. Private Sub Form_Load()
  2. Connects
  3. MDIForm1.mnFile.Enabled = True
  4. MDIForm1.mnData.Enabled = True
  5. MDIForm1.mnLaporan.Enabled = True
  6. End Sub
  7. Sub hakAkses(kode As String)
  8. With MDIForm1
  9. Select Case kode
  10. Case 1
  11. Case 2
  12. .mnInput.Enabled = False
  13. .mnEdit.Enabled = False
  14. End Select
  15. End With
  16. End Sub

 

Jika sudah, lanjutkan dengan dobel klik Button Login dan copas source code berikut :

  1. Private Sub cmdLogin_Click()
  2. Set rs = New ADODB.Recordset
  3. rs.Open "SELECT hakAkses from LoginTbl where nama='" & txtNama.Text & "' AND sandi='" & txtSandi.Text & "'", Con
  4. If Not rs.EOF Then
  5. MDIForm1.mnFile.Enabled = True
  6. MDIForm1.mnData.Enabled = True
  7. MDIForm1.mnLaporan.Enabled = True
  8. hakAkses rs.Fields("hakAkses")
  9. MDIForm1.Show
  10. Unload Me
  11. Else
  12. MsgBox "id dan/atau password Anda salah, akses dotolak", vbCritical, ".:Login"
  13. End If
  14. End Sub

 

Untuk Button Batal ketikkan code berikut :

  1. Private Sub cmdBatal_Click()
  2. End
  3. End Sub

 

 

untuk file latihan silahkan download disini

 

 
 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. ingin berbagi - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger