Membuat Kleidoskop dengan Flash


Pernahkah anda melihat kaleidoskop? ( klik disini untuk melihat contoh kaleidoskop)
Sebuah tabung kecil seperti teropong yang ketika kita gerak-gerakkan maka kita akan melihat bentuk-bentuk yang berwarna-warni.



Pada dasarnya, kaleidoskop itu terdiri dari beberapa potongan lingkaran.
Nah, kita bisa membuat kaleidoskop versi digital dengan menggunakan Flash.
Gampang kok.

Setting the stage.

1. Buatlah dokumen baru di Flash. File → New.
2. Default size adalah 550 x 400 px. Kita tidak perlu mengubah ukuran stage.

Membuat potongan lingkaran

1. Buatlah sebuah lingkaran dengan menggunakan oval tool (atau O untuk shortcut).




2. Buatlah sebuah garis vertikal yang membelah lingkaran yang baru kita buat menjadi dua. Lihat gambar 2.



3. Pilih garis tersebut dan copy → paste in place (ctrl + shift + v)
Kemudian pilih menu Modify → Transform → Scale and Rotate (ctrl + alt + s).
Maka akan muncul dialog tab seperti pada gambar dibawah. Isikan kolom Rotate sebesar 22.5


Maka, hasilnya akan terlihat seperti pada gambar 3.




4. Hapuslah fill dan garis luar lingkaran tersebut sehingga membentuk potongan pizza seperti gambar 4.




5. Pilih bentuk potongan lingkaran tersebut dan convert menjadi symbol movieclip.
Tekan F8 untuk memunculkan dialog convert to symbol.
Namai symbol tersebut dengan nama 'potongan' dan pilih Movieclip diantara 3 pilihan yang tersedia.
Ubahlah nama layer 1 menjadi 'Pecahan'.

6. Klik tool Free Transform Tool (Q). Geserlah pivot point ke bagian bawah (sudut) potongan lingkaran tersebut.



7. Copy → Paste in Place (ctrl + shift + v) potongan tersebut dan pilih menu Modify → Transform → Scale and Rotate (ctrl + alt + s).
Isikan bagian Rotate sebesar 22.5
Hasilnya akan seperti gambar di bawah ini.



8. Ulangi langkah 7 sampai semua potongan membentuk formasi lingkaran seperti gambar di bawah.



9. Klik layer Pecahan dan tekan F8 untuk memunculkan dialog convert to symbol.
Beri nama 'Kaleidoskop' dan pilih Movieclip. Biarkan Registration di tengah.



10. Pada bagian Library (Tekan L atau menu Window → Library), pilihlah movieclip Pecahan. Klik kanan pada movieclip tersebut dan pilih Edit.




Dalam stage movieclip Pecahan, buatlah sebuah layer baru bernama 'Warnawarni' dan drag layer tersebut hingga berada dibawah layer 1.
Buatlah beberapa segi enam yang berwarna warni. Pilih tool Rectangle (Klik beberapa detik) dan pilih polystar tool (shortcut R).




Copy paste segi enam tersebut sehingga membentuk formasi seperti yang terlihat pada gambar di bawah ini.




Pilih layer Warnawarni dan tekan F8 untuk convert formasi segi enam tersebut menjadi movieclip.
Posisikan tepat di sebelah kiri bentuk potongan lingkaran.


Pada layer 1, klik frame 40, dan masukan frame (Klik kanan → Insert Frame).
Pada layer Warnawarni, klik frame 20.
Tepat di frame 20, masukkanlah keyframe (Klik kanan → Insert Keyframe).
Masih di frame 20, geserlah movieclip warnawarni tepat ke sebelah kanan potongan lingkaran (tips : sambil mendrag movieclip tsb, tekan Shift agar posisi y tidak berubah)
Klik diantara frame 1 sampai 20 dan klik kanan → Create Motion Tween



Klik frame 40 pada layer Warnawarni, dan masukkan keyframe.
Pada frame 40, geserlah posisi movieclip Warnawarni tepat seperti pada posisi di frame 1.
Kemudian diantara frame 20 dan 40, klik kanan → Create Motion Tween.
Klik tab Properties (Window → Properties), dan pada bagian Rotate, pilih CW dan kolom sebelahnya 1.


Setelah itu, pilih layer 1 dan ubah menjadi Mask dengan cara klik kanan → Mask.
Play movie dengan menekan ctrl + Enter.



Anda bisa membuat variasi animasi warna kaleidoskop dengan mengubah bentuk movieclip Warnawarni dan pergerakannya (tween animation, rotation, dsb).

Selamat menikmati visualisasi kaleidoskop yang ajaib Wink

Silahkan download filenya di sini :

http://www.ilmuwebsite.com/images/ilmuwebsite/kaleidoskop/Kaleidoscope-keren.rar

(4) Cara Memposting Artikel pada Blog

Bagi anda yang mengalami sedikit kendala tentang tata cara memposting suatu artikel kedalam blog, maka kali ini akan di bahas tentang tata cara posting di blogger.com. Di dalam menu posting ada beberapa toolbar yang bisa anda gunakan.Jika anda sudah terbiasa menggunakan microsoft Word ataupun microsoft Excel tentu barangkali tidak akan mengalami kesulitan ketika memposting suatu artikel, tapi mungkin tidak ada salahnya bila saya bahas sekilas tentang ini, barangkali ada di antara teman kita yang masih bingung.

Toolbar yang ada ketika posting :

--> Untuk merubah jenis hurup yang di gunakan

--> Untuk merubah ukuran hurup (heading)

--> Untuk Menebalkan hurup

--> Untuk memiringkan hurup

--> Untuk merubah warna hurup

--> Untuk membuat link

--> Untuk membuat artikel menjadi rata kiri

--> Untuk membuat tulisan menjadi di tengah

--> Untuk membuat artikel menjadi rata kanan

--> Untuk membuat artikel menjadi rata kiri dan rata kanan

--> Untuk membuat sub bahasan oleh angka

--> Untuk membuat sub bahasan oleh bullet

--> Untuk mengecek spelling

--> Untuk memasukan gambar(upload gambar)

--> Untuk membuat artikel dalam kode HTML

--> Untuk membuat artikel dalam mode Compose (biasa)

--> Untuk me review (melihat) artikel

Cara penggunaan toolbar di atas adalah blok (beri tanda) terlebih dahulu tulisan yang akan di edit, kemudian tekan tombol toolbar yang di inginkan.

Langkah-langkah dalam memposting suatu artikel:

  1. Sebaiknya klik terlebih dahulu “ Edit HTML”,jika langsung di mode “Compose”, sering terjadi hang pada komputer (pengalaman saya pribadi). Copy artikel yang telah anda buat sebelumnya, kemudian paste di area posting. Edit sesuai dengan kemauan anda.


  2. Klik tombol “ compose “ untuk melakukan editing (jika anda masih bingung dengan kode HTML).


  3. Klik tombol tool yang berlambang “ panorama” berwarna biru, jika anda ingin memasukan gambar ataupun photo untuk menghiasi posting-an anda.


  4. Klik tombol “ Preview “ untuk melihat hasil posting-an anda yang nantinya akan tampil di dalam blog, barangkali masih ada yang perlu di edit.


  5. Klik tombol “ publish “. Selesai. Tulisan hasil karya anda akan bisa dilihat dan di baca oleh seluruh dunia.

(3) Cara Memilih Template Blog

Bagi sobat yang sudah melakukan beberapa setting-an seperti posting terdahulu, langkah selanjutnya yang perlu sobat lakukan adalah memilih template. Sekilas tentang template Template adalah desain-desain halaman web ataupun blog beserta seluruh komponennya (misal : gambar, stylesheet, dsb) baik berupa file statis maupun file dinamis yang berupa program atau aplikasi yang berjalan sebagai aplikasi web. Seperti yang sobat lihat sekarang, seperti banner diatas, background warna putih, kolom-kolom di samping kanan, serta semua yang sobat lihat sekarang adalah salah satu bentuk dari desain template. Memilih template yang cantik sangatlah perlu, karena dengan tampilan template yang menarik untuk di lihat maka akan membuat para pengunjung dari blog kita menjadi betah untuk berlama-lama berada di blog kita selain tentunya isi dari blog kita juga sangat menunjang. Hmmm.. kayanya cukup deh pembahasan tentang apa itu template, keburu bosan kalau lama-lama….Sekarang langsung aja ke topik utama, yaitu langkah-langkah pemilihan template di blogger.com :
  • Silahkan sobat login terlebih dahulu seperti biasa dengan memakai user name milik anda ( jangan milik saya….emang nya sampeyan mau jadi hacker ya

  • Klik "Tata Letak" (bila sobat menggunakan blogger baru) atau klik "Template" (bila sobat menggunakan template classic).
  • Klik "Pick New Template", silahkan sobat pilih template yang sobat suka. Sebelum memutuskan dalam memilih "template" ini, sebaiknya anda lihat terlebih dahulu satu persatu contoh layout yang di sediakan dengan cara meng klik tulisan "preview template". Jika di rasa sudah menemukan yang paling sobat sukai, silahkan klik tulisan "Save template" yang ada di sebelah kanan atas, selesai. :
Mungkin sobat pernah mengunjungi beberapa blog di internet yang menggunakan blogger.com (blogspot), akan tetapi template yang di gunakan tidak ada dalam pilihan ketika memilih template. Ini ada kemungkinan bahwa template yang di gunakan adalah template buatan bukan dari blogger sendiri. Di internet banyak sekali situs-situs yang memberikan template secara gratis untuk di pakai di Blogger (blogspot), Jika ingin melihat-lihat berbagai template buatan bukan dari blogger.com silahkan klik di sini.

(2) Cara men-Setting Blog

Bagi para sobat yang baru membuat blog, ada beberapa settingan / pengaturan yang harus di lakukan agar blog kita bisa di kenali mesin pencari semisal Google,yahoo, Msn serta teman-temannya yang lain. Bila belum tahu apa yang harus di setting, silahkan ikuti langkah-langkahnya :
  1. Silahkan sobat Login ke blogger.com dengan user name dan password milik sobat
  2. Klik judul blog yang mau di setting ( jika sobat sudah mempunyai beberapa blog)
  3. Klik Pengaturan, trus klik Dasar. Beberapa form yang harus di isi pada menu Dasar :
  • Judul ⇒ isi dengan judul blog sobat. Contoh : Blogspot Tutorial
  • Uraian ⇒ isi dengan deskripsi blog sobat. Contoh : disini kita akan berbagi pengalaman dan pengetahuan seputar Blog
  • Tambahkan blog Anda ke daftar kami? ⇒ pilih ya agar setiap posting kita selalu masuk di daftar Blogger.com.
  • Biarkan mesin pencari menemukan blog Anda? ⇒ pilih ya
  • Tampilkan Editing Cepat di Blog Anda? ⇒ pilih Ya
  • Tampilkan Link Posting Email? ⇒ Sebaiknya pilih ya, tapi pilih tidak juga tidak apa-apa
  • Konten Dewasa? ⇒ Pilih tidak. Kalau pilih ya berarti blog anda di anggap blog untuk dewasa (semacam blog porno)
  • Tampilkan Mode Compose untuk semua blog Anda? ⇒ pilih Ya
  • Aktifkan transliterasi? ⇒ pilih Tidak, jika anda ingin ada button untuk mengubah biasa ke hurup hindi (India), pilih ya jika sebaliknya)
  • Klik tombol Simpan Pengaturan . Selesai
4. Klik Publikasi untuk mengatur menu Publikasi :
  • Alamat Blog*Spot ⇒ isi dengan nama blog sobat. Contoh : kolom-tutorial. Biasanya alamat yang tercantum adalah langsung alamat blog anda, jadi jangan di ubah aja.
  • Klik tombolSimpan pengaturan. Selesai
5. Klik Format untuk mengatur menu format :
  • Tampilkan ⇒ pilih angka posting yang ingin anda tampilkan. Missal : Tampilkan : 6 posting, berarti posting yang akan tampil di halaman blog sobat adalah sebanyak enam posting. Pilih posting (jangan hari) pada menu pulldown.
  • Format Header Tanggal ⇒ pilih model tanggal/bulan yang anda sukai, Format tanggal/bulan ini akan selalu muncul diatas postingan kita.
  • Format tanggal Index Arsip ⇒ pilih model untuk peng-arsip-an yang anda sukai.
  • Format Timestamp ⇒ Pilih bentuk waktu yang anda sukai.
  • Zona Waktu ⇒ Pilih zona waktu yang sesuai. Contoh untuk WIB : [UTC-+7.00]Asia/Jakarta.
  • Bahasa ⇒ Pilih bahasa yang di inginkan.
  • Tampilkan Field judul ⇒ Pilih ya
  • atau tidakpun tidak apa-apa
  • Tampilkan kolom link ⇒ pilih ya, tapi seandainya pilih tidak juga tidak apa-apa.
  • Aktifkan perataan float ⇒ pilih ya, tapi seandainya mau pilih tidak juga tidak apa-apa
  • Klik tombol Simpan Pengaturan. Selesai
6. Klik Komentar Untuk mengatur menu komentar :
  • Komentar ⇒ pilih tampilkan, ini agar artikel anda dapat di komentari oleh pengunjung
  • Siapa yang Bisa Berkomentar ? ⇒ Pilih Siapa pun - termasuk Pengguna Anonim. Ini di maksudkan agar setiap orang bisa berkomentar tidak terbatas kepada anggota blogspot saja.
  • Default Komentar untuk Posting ⇒ pilih Posting baru memiliki komentar.
  • Link balik ⇒ Pilih tampilkan. Ini dimaksudkan agar kita mengetahui apabila ada yang memasang link pada artikel kita.
  • Default Link Balik untuk Posting ⇒ pilih Posting baru Memiliki Link Balik.
  • Format Timestamp Komentar ⇒ pilih format jam yg singkat. Contoh: 8.00 PM.
  • Tampilkan komentar dalam sebuah window popup? ⇒ pilih Ya. Supaya ketika di klik oleh pengunjung, halaman blog anda tidak menghilang/tertimpa halaman komntar.
  • Aktifkan moderasi komentar? ⇒ pilih Tidak (sebaiknya).
  • Tampilkan verifikasi kata untuk komentar? ⇒ pilih Ya. ini di maksudkan agar terhindar dari software robot dengan tujuan melakukan spam.
  • Tampilkan gambar profil dalam komentar? ⇒ pilih ya. Supaya gambar komentator yg punya id blogger, dapat menampilkan fotonya.
  • Email Pemberitahuan Komentar ⇒ isi dg alamat email anda, ini di maksudkan agar setiap ada yang berkomentar pada artikel anda, anda dapat kiriman email dari blogger.com sebagai pemberitahuan.
  • Klik tombol Simpan Pengaturan. Selesai
7. Klik Arsipkan Untuk mengatur menu Arsipkan :
  • Frekuensi Arsip ⇒ pilih Bulanan.
  • Aktifkan Halaman Posting? ⇒ pilih ya.
  • Klik tombol Simpan Pengaturan . Selesai.
8. Klik Fedd Situs untuk mengatur menu feed situs :
  • Izinkan Feed Blog ⇒ pilih Penuh.
  • Posting URL Pengubahan Arah Feed ⇒ di isi dengan alamat feed penggati semisal alamat feed dari feed burner, jika belum punya, di kosongkan saja.
  • Footer Feed Posting ⇒ Silahkan di isi dengan kode iklan yang anda punya, misal kode iklan dari Google adsense dsb, namun jika tidak punya, silahkan kosongkan saja.
  • Klik tombol Simpan Perubahan. Selesai.

(1) Panduan membuat Blog di Blogspot

Mungkin ada diantara anda-anda yang belum tahu tentang blog dan bertanya-tanya tentang blog, maka saya akan mengulas sedikit tentang blog menurut versi saya sendiri.

1. Apa itu Blog ?

Blog ( singkatan dari Web log) adalah situs yang sifatnya lebih pribadi, yaitu lebih berat kepada penggambaran dari si pembuat blog itu sendiri.

Blog dibuat oleh para desainer penyedia blog agar bekerja secara otomatis dan mudah untuk dioperasikan , jadi bagi kita-kita yang masih bingung dengan bahasa pemrograman untuk membuat sebuah website tidak jadi persoalan. Apabila anda sudah bisa membuat sebuah account email di internet, maka dalam membuat blog pun saya yakin anda bisa.

2. Cara membuat blog

Seperti halnya e-mail, dalam membuat blog pun kita harus mempunyai sebuah account terlebih dahulu, oleh karena itu silahkan daftarkan diri anda terlebih dahulu di free blog provider (penyedia hosting/domain blog gratis). Free blog provider sangatlah banyak terdapat di internet dan beberapa yang populer saat ini adalah http://www.blogger.com, http://www.wordpress.com serta http://blogsome.com.

Dalam kesempatan kali ini saya akan mengulas tentang cara pembuatan blog di http://www.blogger.com, Silahkan anda klik gambar dibawah untuk mendaftar.
ciptakan blog sekarang juga


Setelah anda berada pada situs blogger.com, anda akan melihat gambar seperti gambar di atas. Silahkan lakukan langkah-langkah berikut ini :

  1. Klik tanda anak panah yang bertuliskan " CIPTAKAN BLOG ANDA "


  2. Isilah Alamat Email dengan alamat email anda (tentunya yang valid)


  3. Isikan kembali alamat email anda tadi pada form Ketik ulang alamat email


  4. Tuliskan password yang anda inginkan pada form Masukkan sebuah password


  5. Isikan kembali password anda tadi pada form Keyik ulang sandi (password)


  6. Isi Nama Tampilan dengan nama yang ingin anda tampilkan


  7. Tulis tulisan yang tertera pada form Verifikasi Kata. Beri tanda tik/cek pada kotak di pinggir tulisan Saya menerima Persyaratan dan Layanan.


  8. Klik gambar anak panah yang bertuliskan "LANJUTKAN"


  9. Tuliskan judul blog yang anda inginkan (nanti bisa di rubah lagi) pada form Judul Blog


  10. Tulis nama situs anda pada form Alamat Blog (URL)


  11. Tulislah tulisan verifikasi yang ditampilkan pada form Verifikasi kata, jika sudah selesai klik gambar panah yang bertuliskan "LANJUTKAN".


  12. Pilihlah gambar (template) yang anda inginkan (nanti bisa di rubah lagi), kemudian klik gambar anak panah yang bertuliskan "LANJUTKAN"


  13. Setelah keluar tulisan "Blog Anda telah di iptakan". Klik gambar panah bertuliskan "MULAI POSTING". Silahkan anda tuliskan semau anda, jika sudah selesai klik tombol "MEMPUBLISKAN POSTING".


3. Isi ( Content ) blog :

Bagi para pemula, biasanya mereka bingung setelah daftar membuat blog apa yang harus di isi( diposting ) dalam sebuah blog. Isi ( content ) dari sebuah blog tentu saja terserah kepadasi pemilik blog itu sendiri, apakah mau di isi puisi, perjalan hidup, teknik, ataupun apa saja. Nah di sini saya menyarankan, isilah blog anda tersebut dengan minat ataupun hoby serta keahlian anda sendiri, karena tentu saja di luar sana banyak sekali orang yang tentunya sama minat dan hoby nya dengan anda, sehingga mereka akan tertarik untuk membaca tulisan-tulisan anda.

Berlanjut....

Membangun Website dengan Free Hosting dan Free Domain

Kali ini saya akan coba memaparkan bagaimana caranya membuat website dengan menggunakan free hosting dan free domain. Free hosting yang digunakan diambil dari My-Place.us dan free domain yang digunakan diambil dari co.cc. Langkah-langkahnya adalah sebagai berikut:

1. Lakukan registrasi ke My-Place.us untuk hosting yang akan digunakan. Caranya bukalah Sign up for free hosting.





2. Isikan data anda dengan benar. Setelah selesai melakukan register maka akan anda akan mendapatkan email dari My-Place.us seperti yang terlihat dibawah ini



3. Lakukan registrasi ke co.cc untuk mengambil domain yang akan digunakan. Caranya dengan masuk ke http://www.co.cc/. Lalu Create an account now.





4. Setelah berhasil melakukan registrasi. Pilihlah domain yang akan digunakan dari Getting A New Domain. Setelah berhasil mengambil domain yang digunakan lakukan set up domain tersebut. Disini saya contohkan domain yang saya gunakan rasio.co.cc. Isikan name server sesuai dengan name server yang diberikan oleh tempat hostingan. Untuk melihatnya login ke vista panel dari My-Place.us (http://cpanel.my-place.us). Lalu masuk ke halaman home dan pilih Addon domains. Disana terdapat 5 buah name server yang digunakan. Isikan lah ke-5 nama tersebut ke set up domain yang kita lakukan tadi. Setelah itu klik button set up. Setelah itu kembali lagi ke My-Place.us dan isikan name domain ke dalam textbox Domain Name. Lalu klik button Create Domain yang terdapat disebelah kanan dari textbox-nya.







5. Langkah berikutnya kembali lagi ke halaman Home pada My-Place.us. Untuk melakukan instalasi website yang akan dibuat pilih Fantastico type installer. Pada combo box pilih nama domain yang akan digunakan. Lalu klik button Proceed. Lalu pilihlah CMS yang akan digunakan, misalnya kita pilih CMC joomla 1.5.10 maka kliklah button install now di sebelah kanan dari cms joomla tersebut. Lalu klik button Complete Install. Jika berhasil maka anda akan mendapati tampilan seperti dibawah ini




6. Langkah berikutnya bukalah web yang kita buka tadi www.rasio.co.cc. maka akan medapati tampilan seperti dibawah ini




Selamat mencoba. Sori kalo tulisannya terlalu ribet. Semoga bermanfaat.