SwishMAX Pengenalan 1 (Dialog menu, Menu bar, Toolbar)
On May 27, 2008 in Animation
SWiSHmax
SWiSHmax digunakan untuk membuat animasi dalam waktu cepat (instan). SWiSHmax memungkinkan membuat animasi secara mudah tanpa kendala waktu. Hasil karya dapat di export ke dalam format SWF. Oleh karena itu, animasi yang dibuat SWiSHmax dapat dimainkan disetiap PC yang sudah terinstall Flash Player. Animasi SWiSHmax dapat disisipkan ke dalam halaman web, atau diimpor ke dalam dokumen Adobe Flash, atau bahkan di dalam dokumen Microsoft Power Point.
MENGENAL JENDELA KERJA SWiSHmax
Pertama kali anda menjalankan SWiSHmax, akan tampil kotak dialog startup menu.
Kotak dialog Start Up Menu menawarkan opsi untuk memulai pengoperasian SWiSHmax, yaitu:
- Start a new empty movie: klik tombol ini untuk memulai program SWiSHmax dengan membuat movie (dokumen) baru.
- Start a new movie from a template: klik tombol ini untuk memulai SWiSHmax dengan membuat movie (dokumen) baru berdasarkan template (movie yang property dan formatnya telah ditentukan, hanya perlu mengisikan objek-objek didalamnya).
- Work on an existing movie: klik tombol ini untuk menampilkan kotak dialog open, selanjutnya dapat memilih movie yang sudah pernah disimpan untuk dibuka kembali.
- Work on the last movie you saved: klik tombol ini untuk membuka movie yang terakhir kali dibuka atau disimpan.
- Show this prompt at startup: tandai kotak ini untuk menampilkan kotak dialog ini setiap kali mengoperasikan SWiSHmax.
Mengenal Baris Judul
Di dalam jendela kerja SWiSHmax, komponen ini letaknya paling atas, dan menampilkan informasi nama movie (file) yang sedang diedit.
Mengenal Baris Menu
Komponen ini letaknya di bawah baris judul dan berisikan perintah – perintah atau opsi pengeditan movie.
Mengenal Baris Tool
Komponen ini berisi tool – tool yang dapat digunakan sebagai alternative perintah dalam baris menu.
- Untuk menampilkan baris tool, klik menu View Toolbars kemudian klik nama baris tool sehingga terlihat tanda cek di sampingnya.
- Untuk menyembunyikan baris tool, klik menu View Toolbars kemudian klik nama baris tool yang disampingnya terlihat tanda cek sehingga tanda tersebut menghilang.
PeNGeNaLaN FiBeR oPTiK
On May 09, 2008 in Networking
1. Sejarah Perkembangan Teknologi Serat Optik
Pada tahun 1880 Alexander Graham Bell menciptakan sebuah sistem komunikasi cahaya yang disebut photo-phone dengan menggunakan cahaya matahari yang dipantulkan dari sebuah cermin suara-termodulasi tipis untuk membawa percakapan, pada penerima cahaya matahari termodulasi mengenai sebuah foto-kondukting sel-selenium, yang merubahnya menjadi arus listrik, sebuah penerima telepon melengkapi sistem. Photophone tidak pernah mencapai sukses komersial, walaupun sistem tersebut bekerja cukup baik.
Penerobosan besar yang membawa pada teknologi komunikasi serat optik dengan kapasitas tinggi adalah penemuan Laser pada tahun 1960, namun pada tahun tersebut kunci utama di dalam sistem serat praktis belum ditemukan yaitu serat yang efisien. Baru pada tahun 1970 serat dengan loss yang rendah dikembangkan dan komunikasi serat optik menjadi praktis (Serat optik yang digunakan berbentuk silinder seperti kawat pada umumnya, terdiri dari inti serat (core) yang dibungkus oleh kulit (cladding) dan keduanya dilindungi oleh jaket pelindung (buffer coating)). Ini terjadi hanya 100 tahun setelah John Tyndall, seorang fisikawan Inggris, mendemonstrasikan kepada Royal Society bahwa cahaya dapat dipandu sepanjang kurva aliran air. Dipandunya cahaya oleh sebuah serat optik dan oleh aliran air adalah peristiwa dari fenomena yang sama yaitu total internal reflection.
TinyMCE, WYSIWYG Web Based Editor Tutorial
On March 06, 2008 in Coding, Daily Journal, Design, Development, Web Design
WYSIWYG (What You See Is What You Get) Web Based Editor merupakan editor yang sering digunakan di banyak blog engine atau CMS (Content Management System) dalam dunia web development. kenapa dikasih nama WYSIWYG? ya karena emang sesuai sama artinya: “Apa yang kau lihat adalah apa yang kau dapatkan”. Artinya dengan menggunakan editor ini kita bisa sesuka hati mengedit kontent / isi kita layaknya ketika mengetik di aplikasi Office (Open Office, Ms. Word). Pengertian dari WYSIWYG secara lengkap ada disini (Wikipedia).
“Kita bisa memasukkan gambar, mengedit style, size dari font, menambahkan hyperlink, dan bahkan bisa menambahkan tabel dan gambar.”
Kali ini saya akan mereview penggunaan dari salah satu WYSIWYG Editor ini yang berbasis Javascript. Kelak ketika suatu saat kita harus membuat web yang didalamnya disertai dengan Content Management System, kita sudah tau kemana harus mencari Editor pengganti textarea ini.
Tipografi Font untuk Web
On March 05, 2008 in Web Design
Dunia promosi dan publikasi web berbeda dengan dunia promosi dan publikasi pada media cetak, seperti halnya majalah, koran, dan media cetak lainnya. Banyak yang harus dipertimbangkan untuk web terutama pada sisi desain. Ada beberapa keterbatasan desain yang akan disuguhkan untuk para pembaca. Hal ini berdampak dari media yang digunakan. Hal yang paling disoroti adalah pada jenis font. Web designer harus mempertimbangkan penggunaan huruf, sehingga akan lebih nyaman dibaca oleh pengunjung web.
Diantara banyaknya huruf yang terdapat pada system operasi atau bisa disebut dengan default font, hanya ada beberapa jenis font yang bisa dikatakan Web Safe dan dapat dilihat dengan baik didalam berbagai sistem operasi. Diantaranya adalah:
Membuat Table Sederhana Dengan CSS
On March 05, 2008 in Web Design
Saya asumsikan anda sudah bisa membuat code html pada umunya dan pemanggilan CSS.
Berikut ini adalah code untuk html tabelnya:
Splash Screen About Photoshop yang Berbeda
On March 04, 2008 in Design
Tips berikut sebenarnya tidak mendukung terhadap pekerjaan anda dalam mengolah gambar dalam aplikasi photoshop. Dibawah ini merupakan tambahan wawasan buat anda yg sudah bosan dengan permainan yang ada dalam photoshop.
Gambar dibawah ini adalah splash screen about photoshop dengan cara
Klik pada menu bar Help -> About Photoshop
Membuat PHP Captcha Sendiri
On March 04, 2008 in Coding, Development
Pernah denger istilah Captcha? captcha itu harfiahnya “Completely Automated Public Turing test to tell Computers and Humans Apart” ( dari Wikipedia ). Dibuat untuk membedakan antara mesin ( bot ) dan manusia. Captcha dibuat untuk melakukan validasi input pada website2 yang mempersilahkan pengunjung memberikan inputan baik berupa komentar, shoutout, kotak pendaftaran, atau apapun dimana pengunjung menginputkan sesuatu.
Kenapa harus divalidasi? soalnya banyak banget program2 SPAM COmment yang bisa aja menyerang situs kita. Kebayang kan klo kita bikin website, terus isi dari Comment/guestbook di website kita itu isinya Link2 ad ato penawaran tentang produk ato ga link ke situs2 porno. Jadi gak sedap dipandang. Biasanya yg ngisi Comment adalah program yang secara otomatis melakukan submit ke buku tamu / halaman comment website/blog kita.. Nah, klo pernah kejadian kayak gitu ato ga ngeliat yang kayak gitu, sebaiknya lengkapi websitenya dengan Captcha.
XHTML Validator Lokal buat para web developer
On March 04, 2008 in Coding, Development
Ceritanya lagi in progress waktu ngerjain websitenya Tabloid Computer News (http://www.tabloidcomputernews.com). Nah, dalam tahap pembuatan website kali ini saya kepingin supaya website saya ini sudah valid XHTML sesuai standar dari W3C. Buat yg belum tau apa itu XHTML standar dan w3C bisa menuju kesini. Nah, w3c telah menyediakan web untuk mengecek apakah website yang ada sudah valid/belum. Alamat validatornya ada disini http://validator.w3.org/
Waktu ngoding, tentu saja kita ngoding lokal alias dikomputer sendiri yg tidak terhubung dengan jaringan internet supaya bisa lebih cepat. Nah, buat rekan2 yang mau ngecek apakah kodingan yang di komputer lokal sudah valid atau belum XHTMLnya, kita bisa menggunakan AddOns dari Firefox yang bernama HTML Validator. Yang mau download bisa menuju kesini: http://users.skynet.be/mgueury/mozilla/download.html . Linknya saya dapet dari si dimas “blekok” yg juga programmer web di kant0r. Sebenerna w3c juga menyediakan library yg bisa didownload dan kita install untuk ngecek valid/tidaknya sebuah website. Tapi setelah saya baca2 kok agak ribet ya? hehe, pingin yg cepet aja. Tapi klo yg mau download library dari w3cnya bisa menuju kesini, http://validator.w3.org/docs/install.html . Cara install nya juga ada kok.
Bikin CV kamu di Web
On March 03, 2008 in Daily Journal, Development
Dulu saya pernah ada kelas di LPKIA, tepatnya dimatakuliah “pemrograman web”… ironis sekali (atau kebetulan sekali)… seperti biasa.. dikantor saya ngoding, malemnya ngajarin orang buat ngoding… dan karena kerjaan sampingan saya ini, saya nggak bisa ikut nomat bareng temen sekantor. Mereka dulu nomat Die Hard 4.0 gitu, tapi gak apa2 juga sih coz waktu hari rabu nya saya udah nonton bareng mimi di BIP. Filmnya tob banget deh.
Balik lagi ke waktu ngajar tadi… saya ngasih tugas ke anak - anak (seperti saya sudah tua saja V___V ) buat bikin website berbasis MySQL - PHP. Tugas ini dikategorikan sebagai tugas besar dan akan dijadikan tambahan untuk nilai mereka… plus ada tambahan juga sih.. sebagai appreciate / penghargaan dari hasil karya mereka, saya janjikan untuk publish (online) kan tiap2 Web Terbaik dari tiap - tiap kelas yang saya ajarkan.. Rencananya mau ditaruh dihostingan saya ini. Untuk nambah motivasi aja sih, Untuk nambah semangat. biar mereka serius ngerjainnya.
Mulai Koding PHP: Hello Wolrd!
On March 03, 2008 in Daily Journal, Development
Ini tahapan yang harus dilalui kalo udah berhasil nginstal XAMPP / WAMP atau PHP di komputer kita. Kita mulai belajar ngoding PHP. Saya masih inget dulu waktu belajar PHP pertama kali, saya memulainya dengan mempelajari sintak2 dasar yang biasa di pake di PHP, yg biasa digunakan untuk membuat sebuah website dengan php. Lebih lengkap tentang ada sintak apa aja di PHP bisa dilihat dimanual documentnya di http://www.php.net/manual/en/
Editor untuk ngoding:
Buat ngoding, bisa pake text editor yg khusus buat PHP. udah banyak diluaran sana. Klo bisa sih cari yg gratisan. Yg biasa saya pake Edit Plus sama PHP Designer 2007. Dua2nya berbayar (gak gratis) jadi….