Komponen-komponen utama software, hardware, brainware
Komponen utama komputer merupakan bagian yang harus ada dalam sebuah sistem komputer, karena dalam sebuah sistem komputer jika satu saja dari komponen utama tersebut tidak ada, maka sistem komputer pun tidak akan berjalan atau tidak befungsi sebagaimana yang diharapkan
Komponen utama dalam sistem komputer ada tiga yaitu:
Hardware
Software
Brainware
Hardware
Hardware atau perangkat keras dalam sistem komputer merupakan komponen yang secara fisik dapat dilihat dan diraba yang membentuk suatu kesatuan sehingga dapat difungsikan.
Perangkat tersebut antara lain adalah: Keyboard
Mouse
CPU
Monitor
Printer
Software
Software atau perangkat lunak adalah suatu program yang berisi instruksi-instruksi (perintah) yang dimengerti oleh komputer. Perangkat komputer yang terdiri dari jutaan komponen elektronik tidak dapat melakukan kegiatan apapun tanpa adanya software. Dengan adanya software ini kita dapat meminta pada komputer untuk : mengetik suart/dokumen, menghitung, menggambar, megeluarkan suara dan lain sebagainya. contoh :windows, linux, apple, ms word, ms excell. BRAINWARE :
Brainware adalah unsure dimana yang berasal dari akal manusia .Maksudnya, bila tidak ada manusia computer tidak bisa digunakan.
BRAINWARE : orang-orang yang bekerja secara langsung dengan menggunakan komputer sebagai alat bantu, ataupun orang-orang yang tidak bekerja secara langsung menggunakan komputer, tetapi menerima hasil kerja dari komputer yang berbentuk laporan .
System Analyst : orang yang bertugas mempelajari, menganalisa, merancang dan membentuk suatu system / prosedur pengolahan data secara elektronik berdasarkan aplikasi yang dipesan oleh pemakai jasa komputer.
Programmer : yang bertugas di dalam data processing programming berdasarkan program spesialisasi
Operator : yang bertugas mempersiapkan komputer utk memproses suatu program mulai dari menghidupkan komputer, menjalankan komputer (mengoperasikan program-program komputer / aplikasi komputer)
Tutorial ini boleh Anda Copy hanya untuk kepentingan Pribadi. Tidak boleh diperjual-belikan, atau dimanfaatkan untuk kepentingan Komersial. Pengutipan atau pemindahan sebagian atau keseluruhan materi ke situs ataupun Media Lain, tidak di ijinkan dengan alasan apapun tanpa seijin dari Penulis cq: Komarudin Surya.
P E N D A H U L U A N
Flash adalah suatu sotware yang digunakan untuk membuat sebuah animasi. Dengan flash kita dapat membuat tampilan website atau komputer kita menjadi hidup. Tidak mudah untuk mempelajari flash, selain diperlukan imajinasi juga diperlukan pemahaman mengenai SCRIPT. Bisa saja kita membuat sebuah animasi tanpa menggunakan script tapi file yang dihasilkan menjadi besar, hal itu mempengaruhi loading atau pemuatan data di workstation atau client.
Selain flash kita juga bisa membuat sebuah animasi dengan Compuserver file, biasanya file ini berakhiran GIF, Untuk pengguna windows, microsoft menggunakan mesin animasi tersendri yang disebut Active X. Selain itu ada juga bahasa pemrogaman yang khusus untuk membuat sebuah animasi misalnya JAVA APPLET. bahkan jika anda mahir dalam sebuah pemrogaman seperti C, Pascal, Visual basic dan masih banyak lainnya, dapat membuat sebuah animasi.
Pada tutorial kali ini SSC menginginkan Anda sebagai pengguna Situs ini, agar mengetahui teknik membuat flash animation dengan cara yang sederhana dan mudah. Untuk itu saya membuat tutorial ini untuk Anda.
Ok mari kita mulai tutorial ini, tapi sebelumnya Anda harus menyiapkan bahan-bahan untuk tutorial ini. Apa saja bahan-bahan nya, simak yang baik jangan sampai terlewatkan satu bahanpun.
Software Utama untuk membuat animasi flash yaitu Sothink SWF Quicker yang bisa Anda download secara gratis di http://www.sothink.com, Klik Link yang ada di Pilar Kanan untuk men downloadnya.
Software untuk edit gambar atau photo seperti Adobe photoshop CS, kalau tidak ada pakai Program Paint yang ada di windows juga bisa.
Flash player 7.0 yang bisa didownload di http://www.macromedia.com, Klik Link yang ada di Pilar Kanan untuk men downloadnya.
Microsoft Internet Explorer 6.0, FireFox 1,5 atau Opera 8.0 untuk melihat hasil publish dari file *.swf di Browser.
Alat tulis antara lain kertas dan pulpen.
Kopi satu gelas kalau anda suka kopi, kalau nggak suka, susu juga boleh, atau teh manis bagaimana.?,. Pokoknya terserah Anda sajalah hehehe
Bagaimana., sudah siap bahannya.? Kalau belum tunda aja tutorial ini untuk besok, kalau sudah mari kita lanjutkan. Oo ada yang tanya, kenapa pakai sothink swf quicker, kenapa nggak pakai macromedia flash mx atau program-program yang disebutkan diatas seperti bahasa C atau visual basic gitu ?. Wew.., Tutorial untuk program itu belum diizinkan oleh SPC untuk dipublikasikan jadi yah nrimo aja deh, kan baru belajar nanti kalau sudah mahir mungkin SPC akan menurunkan tutorial mengenai program-program tersebut.
Setelah anda download program dari sothink, sekarang Anda membutuhkan program untuk mengekstrak file hasil download tersebut dengan WINZIP atau WINRAR, tempatkan hasil exstrak file tersebut pada sebuah direktory lain setelah itu instalasi program sothink pada komputer Anda, caranya gampang tinggal klik dua kali file SETUP.EXE hasil download dan klik YES aja terus kalau nggak mau pusing pada proses instalasi. Tapi perlu Anda perhatikan dan camkan baik-baik bahwa software tersebut cuma gratis untuk ujicoba saja selama 30 hari, setelah 30 hari pakai software itu tidak bisa dipakai lagi, kalau Anda menginginkan dipakai terus Anda harus membeli licence software nya.
Sudah di install.., Ok sekarang anda klik dua kali icon sothink swf quicker yang ada didesktop setelah itu akan ditampilkan licence software dan peringatan masa uji coba software tersebut klik aja tombol CONTINUE bila masa uji coba software yang Anda Install masih Aktif (30 hari). Setelah masuk ke program maka akan ditampilkan pilihan untuk membuat animasi dari template antara lain : Blank Document, Album, Banner, Navigation button dan Presentasi. Dengan menggunakan template Anda tidak perlu pusing-pusing untuk membuat animasi yang ada, tapi bila Anda orang yang kreatif dan menginginkan animasi tersebut adalah hasil buatan Anda sendiri maka Anda pilih saja Blank Document.
Setelah Anda pilih Blank Document pada menu template maka akan ditampilkan program utamanya seperti gambar dibawah ini.
Tampilan Program Sothink swf quicker
P R O Y E K P E R T A M A
Saya tidak akan menerangkan mengenai fungsi tombol-tombol yang ada pada program tersebut satu persatu ( terlalu lama dan tidak mendidik kreativitas ) , karena nanti juga Anda akan terbiasa dengan tombol-tombol tersebut disamping itu, nanti akan disinggung juga pada latihan-latihan kita.
Mari kita mulai pada proyek pertama. Klik File -- Save -- ketik " latihan 1 " -- save. maka dibagian atas program yang tadinya ada kata untitled jadi latihan 1. Setelah di save Anda klik tombol anak panah berwarna biru lalu Anda klik tombol LINE ( gambar pincil disebelah kanan atas yang ada pada menu shape ) ganti nilainya jadi 2 dengan warna hitam, lalu klik tombol FILL dibawahnya rubah jadi solid dengan warna Orange. Setelah itu klik tombol lingkaran yang ada pada menu sebelah kiri. Tempatkan kursor bertanda + di KANVAS lalu drop kursor itu terserah Anda, tapi jangan besar-besar sedang aja. maka akan terlihat sebuah lingkaran berwarna Orange dengan garis pinggir (Out Line) berwarna hitam. Ini dapat Anda rubah sesuai selera Anda mau merah, putih, hijau atau apapun itu tergantung selera Anda saja, kenapa saya suruh berwarna Orange yah karena saya suka warna orange, kenapa nggak yang lain yah karena saya tidak suka warna yang lain itu saja.
Setelah membuat ligkaran, sekarang Anda coba coba sendiri fungsi dari RECTANGEL dan sebagainya. coba-coba saja tidak akan terjadi apa-apa. kalau anda tidak suka dengan setingan pertama, Anda dapat menekan tombol back yang berada pada bagian atas menu, maka setingan yang sebelumnya anda buat akan kembali lagi. Gampang kan.
Kita kembali lagi, nah lingkaran yang Anda buat tadi sekarang sudah disimpan pada Library. Bila pertama kali Anda menjalankan program ini maka akan ada keterangan berwarna kuning yang menerangkan bahwa hasil kerja Anda tadi telah masuk di library ( Panel sebelah kanan bawah ). Lingkaran itu sekarang bisa Anda Hapus dengan cara mengklik lingkaran tersebut lalu menekan tombol DEL pada keyboard, bisa juga dengan klik kanan mouse dan pilih DELETE. Anda tidak usah khawatir dengan hilangnya lingkaran yang dengan susah payah Anda buat tadi, karena setelah disimpan pada library lingkaran tersebut dapat Anda panggil kembali caranya, klik shape yang ada pada library maka dibagian atas library akan ditampilkan bentuk lingkaran yang Anda buat tadi. Sekarang Anda klik dan tahan dengan tombol kiri mouse, lalu bawa lingkaran tadi ke CANVAS. Maka Lingkaran yang baru saja Anda Buat lalu dihapus akan kembali lagi, ini penting untuk Anda ingat karena nantinya kita akan banyak memanfaatkan fungsi library ini, agar dapat mudah Anda kenali jenis dari library yang dibuat, Anda dapat mengganti namanya dengan cara mengklik kanan tombol mouse pada file yang ada dilibrary lalu pilih RENAME gantilah dengan nama sesuai selera Anda, contoh : ganti namanya dengan lingkaran1.
Sampai disini saya rasa Anda sudah mengerti mengenai pembuatan bentuk lingkaran, kotak atau persegi lima dan sebagainya, kalau belum Anda coba-coba sendiri saja, sengaja tidak saya beritahukan kepada Anda biar Anda jadi kreatif dan tidak menelan mentah-mentah apa yang saya paparkan disini.
Langkah berikutnya yaitu bagaimana caranya membuat lingkaran yang baru saja Anda buat itu dapat bergerak seperti contoh dibawah ini.
Contoh diatas dibuat dengan sothink swf quicker termasuk banner yang ada dibagian atas halaman ini juga dibuat dengan software yang sama bahkan bila Anda ingin contoh yang lebih rumit Anda bisa klik tombol presentasi yang ada pada Menu, bagaimana kreatif kan..!, saya tunjukan itu agar Anda bersemangat dalam mengikuti tutorial ini dan tidak ragu-ragu lagi berlatih flash dengan software ini, sebab bila Anda sudah menguasai sothink swfquicker maka Anda juga akan mudah mempelajari Software Flash apapun seperti Flash MX, Swish, dan Antechinus. OK !.
Macromedia merupakan salah satu perusahaan besar di dunia yang menghasilkan aplikasi-aplikasi hebat untuk dunia multimedia. Salah satunya yang banyak dipakai oleh para Multimedia Designer dan Multimedia Developer untuk merancang suatu interface yang indah dan interaktif adalah Macromedia Flash, yang merupakan suatu software yang sekarang menjadi salah satu standar untuk industri multimedia dan telah memperoleh jumlah pengguna yang cukup besar. Keunikan dan kelebihan Macromedia Flash ini adalah mampu membuat animasi vektor dan interaktivitas yang sangat menarik bagi user.
2.Sejarah Singkat Macromedia Flash
Dari sejarahnya yang panjang hingga versi saat ini, yakni versi CS3 atau yang lebih dikenal dengan Adobe Flash CS3. Peminat Flash semakin banyak, hal ini terbukti dengan munculnya berbagai komunitas Flash di Internet yang bertujuan untuk membahas dan berbagi pengetahuan tentang aplikasi Flash.
Macromedia berhasil menciptakan sebuah alat Bantu yang berguna bagi para pembuat web. Dimulai pada tahun 1996, beberapa program pembantu mulai tersedia dalam membantu untuk pembuatan gambar animasi dalam bentuk GIF yang digunakan oleh para pembuat Web. Saat ini pembuatan situs Web biasa menggunakan program aplikasi Macromedia Flash. Flash mampu membuat sebuah penyajian hasil produksi kepada para konsumen yang disertakan kedalam sebuah CD-ROM.
Ketika Macromedia Flash memberikan kemajuan dan selalu tumbuh dengan pengaktualisasian softwarenya, maka didapatlah versi terakhir yang lebih revolusioner, Macromedia Flash 8.
Macromedia Flash 8 kini mampu berkomunikasi dengan script-script server dalam program, menggunakan standar variable URL atau struktur XML. Suara yang dihasilkan dapat diekspor menjadi MP3 dengan kualitas yang tinggi Walaupun sangat interakitif namun hasil yang didapatkan tetap sebuah file yang ukurannya sangat kecil, cocok untuk file-file Web.
Pada sub bab ini penulis akan menjelaskan lingkungan Macromedia Flash yaitu mengenal perlengkapan pemograman dalam Macromedia Flash.
Gambar 1.1 Macromedia Flash 8 Profesional
Keterangan :
A : TimeLine
B : Tools Panel
C : Stage
D : Action Frame
E : Library
F : Properties
Di bawah ini merupakan keterangan dari kegunaan masing-masing komponen Macromedia Flash 8 Profesional secara detail :
1.1Timeline
Untuk melihat ada atau tidaknya objek dalam bentuk frame. Dalam Timeline dapat juga membuat objek menjadi beberapa lapisan, yang disebut dengan Layer.
Gambar 1.2 Timeline
Dalam timeline ada tiga cara memasukkan frame (Insert Frame) selanjutnya, yaitu :
a.Frame :Menambahkan frame dengan isi yang sama dalam satu ruang lingkup frame sebelumnya.
b.Keyframe:Menambahkan frame dengan isi yang sama dalam ruang lingkup yang berbeda dari sebelumnnya.
c.Blank Keyframe:Menambahkan frame dengan isi yang sama dalam ruang lingkup yang berbeda dari sebelumnnya.
Frame adalah suatu bagian kecil dari animasi yang menampung gambar objek atau image yang dibuat yang dapat diedit tiap gambarnya. Sedangkan frame rate per second atau lebih dikenal dengan fps adalah kecepatan frame film atau animasi perdetiknya. Fps menentukan kecepatan sebuah film atau animasi bergerak, bila nilai fps-nya kecil maka animasi akan terlihat seperti bergerak pelan atau tersendat-sendat, dan sebaliknya jika bila nilai fsp-nya terlalu besar, maka detail animasi akan terlihat kabur. Kecepatan frame sebesar 12 fps biasanya memberikan hasil terbaik dalam web, quick time dan file film avi umumnya memiliki kecepatan frame sebesar 12 fps, sedangkan standar kecepatanfilm sebesar 14 fps.
1.2Tools Panel
Berisi perangkat yang dapat digunakan dalam stage untuk menggambar, mewarnai, menggaris, dan sebagainya. Berikut ini adalah perangkat dan kegunaanya :
Tabel 2.1 Tools Panel
Simbol
Nama
Fungsi / Kegunaan
Selection Tool
Untuk memilih suatu objek atau memindahkannya.
Free Transform
Untuk mengubah bentuk objek ataupun letak objek.
Gradient Transform
Untuk mengubah letak warna gradasi pada suatu objek.
Line Tool
Untuk menggambar sebuah garis.
Lasso Tool
Untuk menyeleksi objek secara bebas.
Pen Tool
Untuk menggambar garis secara menhubungkan titik.
Text tool
Untuk membuat teks.
Oval Tool
Untuk membuat objek oval (elips ataupun lingkaran).
Rectangle Tool
Untuk membuat objek kotak (persegi panjang ataupun persegi).
Pencil Tool
Untuk menggambar objek sesuai dengan garis pensil.
Brush Tool
Untuk menggambar objek dengan ketebalan garis yang dapat ditentukan sesuai kuas cat.
Ink Bottle Tool
Untuk mewarnai sebuah garis.
Paint Bucket Tool
Untuk mewarnai sebuah objek
Eyedropper Tool
Untuk mengambil warna sampel dari warna yang sudah ada.
Eraser Tool
Untuk menghapus suatu garis ataupun objek.
1.3Stage
Merupakan tempat kerja yang dapat diisi layaknya secarik kertas, biasanya stage dapat digunakan dengan menggunakan tool-tool yang ada di dalam Tools Panel.
Gambar 1.3 Stage
1.4Actions Frame
Suatu fasilitas tambahan dari Flash berupa action script atau listing program yang dapat kita gunakan untuk menambah interaktivitas suatu objek tombol ataupun gambar.
Gambar 1.4Action Frame
Sebelum melakukan penerapan pemrograman ActionScript, maka ada beberapa sintaks pemrograman dasar yang perlu diketahui, antara lain :
a.Goto
Merupakan pernyataan percabangan bahasa pemrograman umum. Penerapan sintaks ini sering dilakukan pada frame pada timeline. Sintaks goto pada prakteknya sering dirangkai bersama pernyataan Play atau Stop. Apabila Macromedia Flash 8 menemukan sintaks ini pada frame atau item animasi maka kendali program akan melompat ke nomor frame yang ada pada sintaks.
Bentuk penulisan:
gotoAnd{Stop/Play} (“target”)
Merupakan pernyataan pilihan, bisa dipilih salah satu. Target dapat berupa Number, Label, yaitu nomor frame yang dituju.
Contoh penerapan :
·Target Number Frame
gotoAndStop (17);
artinya program akan melompat ke frame 17 dan akan berhenti.
gotoAndPlay (1);
artinya program akan melompat ke frame 1 dan akan berjalan.
·Target Label Frame
Label yaitu apabila keyframe atau frame telah diberi nama melalui frame Properties, maka target dapat dilakukan pada label dari suatu frame/keyframe.
gotoAndStop (mulai);
artinya program akan melompat ke frame yang bernama mulai dan akan berhenti.
gotoAndPlay (home);
artinya program akan melompat ke frame yang berlabel home dan akan berjalan.
b.Play
Sintaks ini adalah pernyataan umum yang berfungsi untuk menjalankan animasi. Secara otomatis, animasi ini akan dijalankan apabila dalam frame tersebut terdapat sintaks ini
Bentuk penulisan:
play();
c.Stop
Sintaks ini adalah pernyataan umum yang sama dengan sintaks play, namun sintaks ini adalah kebalikannya, dimana animasi ini akan dihentikan secara otomatis apabila dalam frame tersebut terdapat sintaks ini
Bentuk penulisan:
Stop();
d.TellTarget
Sintaks ini sangat berguna untuk menggontrol navigasi. Bila sebuah tombol memiliki sintaks tellTarget maka kita bisa memerintahkan kepada tombol tersebut untuk memulai atau menghentikan sebuah movie dimanapun movie itu berada.
Bentuk penulisan:
tellTarget (target) {
statement;
}
e.Stop All Sound
Sintaks ini dipakai pada animasi yang melibatkan suara. Apabila menemukan sintaks ini maka semua item suara akan dihentikan.
Bentuk penulisan :
stopAllSounds ();
f.Mouse Event
Mouse event adalah salah satu event handler yang dimiliki Flash. Event menandakan suatu kejadian yang terjadi, yang diberlakukan khususnya pada objek tombol (button). Event handler tidak ada artinya jika tidak diikuti perintah lainnya.
Bentuk penulisan :
on(mouseEvent) {
Statement;
}
Misalnya seperti pada contoh berikut ini :
on (press) {
gotoAndPlay (2);
}
Event on (press) menerangkan apa yang akan terjadi saat tombol dikenai event tertentu, yaitu press, dimana user sedang menekan tombol kiri mouse. Dalam contoh di atas memerintahkan untuk memainkan movie mulai frame 2.
1.5Library
Merupakan suatu tempat penyimpanan objek yang telah dibuat atau dikonversi ke dalam bentuk simbol. Dalam Library ada 3 jenis simbol, yaitu Movie Clip, Button, dan Graphic.
Gambar 1.5 Library
Setiap kali simbol dibuat, simbol tersebut akan berada di dalam Library Panel. Dalam movie yang cukup besar, jumlah simbol yang digunakan akan sangat banyak. Library berguna untuk mengorganisasikan simbol-simbol dalam susunan yang memudahkan dalam penggunaannya. (Untuk membuka Library, pilih Window > Library atau Ctrl+L.
a.Pengertian Simbol dan Instance
Flash memiliki kelebihan yaitu dapat memakai objek-objek yang digunakan berulang-ulang (reuseable) sehingga dapat memperkecil ukuran file Flash yang dihasilkan. Penggunaan objek yang sama ini juga akan memudahkan editing pada movie. Objek induk dinamakan Simbol dan kloning dari objek itu disebut Instance.
Simbol dan instance memiliki karakteristik yang unik:
·Dari sebuah simbol dapat dibuat bermacam-macam instance yang berbeda, misalnya dalam hal ukuran, rotasi, atau transparansi.
·Tiap instance memiliki “sifat bawaan” dari simbol sehingga bila simbol diubah, semua instance akan terpengaruh. Misal-nya simbol diubah menjadi biru, maka semua instance berwarna biru.
b.Membuat dan mengedit Simbol
Untuk membuat simbol, pilih pada menu Insert > New Symbol untuk membuat simbol baru. Kemudian tentukan behavior dari simbol. Tiap simbol memiliki perilaku atau behavior tersendiri, yaitu bagaimana simbol tersebut akan berperilaku dalam movie. Ada tiga macam behavior, yaitu :
·Movie Clip:Simbol ini merupakan rangkaian gambar di dalamnya (seperti film). Secara default, objek tersebut akan dimainkan berulang-ulang.
·Button :Simbol ini berfungsi sebagai tombol yang dapat diklik.
·Graphic:Simbol ini berupa gambar.
Gambar 1.6 Tampilan Insert New Symbol
Gambar yang sudah jadi juga dapat diubah menjadi simbol. Pilih gambar di stage kemudian dari menu bar pilih Insert > Convert to Symbol.
Untuk mengedit simbol, klik dua kali pada gambar simbol di Library Panel atau klik dua kali pada gambar instance di stage. Sedangkan untuk membuat instance, seret (drag) gambar simbol dari Library ke stage.
2.5.1.Properties
Merupakan sebuah panel yang dapat digunakan untuk mengatur properti sebuah objek (Teks, Gambar, Animasi) yang ada pada stage.
