Memasukkan Audio di Flash Professional

Halo sobat Blog Anak Sismul, pada kesempatan kali ini saya mau share lagi bagaimana cara Memasukkan Audio di Flash Professional . Berikut saya akan menjelaskan beberapa tahapannya

1. Buka Flash Professional kamu
2. Buatlah sebuah button menggunakan Rectangle, kemudian msukkan Instance Name dengan "btnStop" seperti gambar dibawah ini

4. Setelah itu tekan "f9", dan masukkan script dibawah ini :

*Note : Pastikan file audio berada satu folder dengan file Flash anda

stop();

var lokasi = new URLRequest('music.mp3');

var sound = new Sound();
sound.load(lokasi);

var sc = new SoundChannel();

sc = sound.play();

btnStop.addEventListener(MouseEvent.CLICK, berhenti);

function berhenti(e)
{
sc.stop();
}

Sekian dari kami Blog Anak Sismul, selamat mencoba :)

Dreamweaver Cs3 (idws)

Setelah postingan saya sebelumnya tentang Photoshop Cs3 (idws) .Kali ini Blog Anak Sismul akan berbagi Dreamweaver Cs3 Portable. Dreamweaver berfungsi untuk merancang website dan mengatur tampilan dari website tersebut. Fitur yang dimiliki oleh oleh Dreamweaver Cs3 masih standart dibandingkan dengn versi diatasnya. Tetapi di dalam Project akhir kalian harus menggunakan Dreamweaver Cs3 agar tidak terjadi hal-hal yang tidak diinginkan. Berikut Link Downloadnya

>>Download<<

Sekian postingan saya tentang Dreamweaver Cs3 (idws), semoga bermanfaat selamat mencoba :)

Photoshop Cs3 Portable (idws)

Download Photoshop Cs3 Portable (idws). Kali ini Blog Anak Sismul akan berbagi Photoshop Cs3 Portable, Photoshop berfungsi untuk mengedit Logo, background website, widget atau jika kalian memiliki foto kalian juga dapat menggunakan photoshop untuk mengeditnya. Fitur yang dimiliki oleh oleh Photoshop Cs3 masih standart dibandingkan dengn versi diatasnya. Tetapi di dalam Project akhir kalian harus menggunakan Photoshop Cs3. Berikut Link Downloadnya

>>Download<<

Sekian dari Blog Anak Sismul Selamat mencoba :)

Membuat Validasi Form di Flash

Pada postingan sebelumnya saya sudah membahas cara membuat form di flash, kali ini saya akan membuat Validasi Form di flash, berikut langkah-langkah pembuatannya :

1. Buka File Form sebelumnya
2. Gunakan Textool letakkan di bawah Alamat, ganti Static Text menjadi Dynamic Text 

3. Gantilah Instance Name untuk inisial componentnya
Text Input => txtName
NumericStepper => txtUmur
radiobutton(Male) => male
radiobutton(Female) => female
Checkbox(berenang) => berenang
Checkbox(membaca) => membaca
Checkbox(coding) => coding
TextArea(Alamat) => txtAlamat

Berikut Script untuk validasi form tersebut :

stop();

btnSubmit.addEventListener(MouseEvent.CLICK, register);

var nama, umur, alamat, gender;

function register(e)
{
nama = txtNama.text;
umur = txtUmur.value;
alamat = txtAlamat.text;

if( nama.length < 5 || nama.length > 10 )
{
txtError.text = "panjang nama harus 5 - 10";
}
else if(umur < 17){
txtError.text = "umur harus > 17";
}
else if( male.selected == false
&& female.selected == false ) {
txtError.text = "gender harus dipilih";
}

else if( berenang.selected == false
&& membaca.selected == false && coding.selected == false ) {
txtError.text = "Hobby harus dipilih";
}
else if(alamat.length <1){
txtError.text = "Alamat tidak boleh kosong";
}
else
{
txtError.text = "Register Success";
}

}

Membuat Form di Flash

Halo semuanya, kali ini Blog Anak Sismul akan membahas bagaimana cara membuat form menggunakan flash professional. Membuat form salah satu kriteria project yang akan kalian kumpulkan jadi harus bisa bikin form di flash, untuk tahapan pembuatannya silahkan disimak ya :

1. Buka Flash Professional Cs3 kamu

2. Klik tab "Windows" lalu pilih Components

3. Buatlah judul/title formnya dan komponen yang akan dibuat(nama, umur, gender, hobby, alamat, dll) 

4. Masukkan Component dengan cara drag/geser ke layer (text input, NumericStepper, Radio button, checkbox, Text Area, Button)

5. Setelah selesai semuanya, ganti semua tulisan labelnya dengan cara klik label yang akan diganti, lalu pindahkan ke tab Parameter, setelah itu ganti tulisan label sesuai keinginan anda (mis. Male, female)

6. Setelah semuanya diganti akan seperti dibawah ini 

7. Setelah itu silahkan coba dengan menekan "Shift+Enter"

*Note : Untuk Validasi form dapat kunjungi Halaman berikut Membuat Validasi Form di Flash

Sekian dari saya semoga bermanfaat selamat mencoba :)

Membuat Animasi Motion Guide

Bersama saya lagi Blog Anak Sismul, kali ini saya mau share lagi cara Membuat Animasi Motion Guide. Setelah Postingan saya kemarin Membuat Animasi Motion Tween dan Membuat Animasi Shape Tween kali ini saya akan membahas Animasi Motion Guide. Animasi Motion Guide ini seperti animasi biasanya tetapi memiliki track, jd kita harus membuat tracknya agar objeknya berjalan sesuai dengan track yang dibuat. Berikut langkah-langkah pembuatannya :

1. Buka Flash Professional kamu, dan buat New Flash File

2. Setelah terbuka klik kanan di frame pertama dan pilih Add Motion Guide

3. Buatlah sebuat track menggunakan pensil seperti dibawah ini

4. Buatlah Keyframe di frame 40 dengan klik kanan di frame 40 tersebut pilih "Insert Keyframe"

5. Buatlah objek sebuah bintang atau objek lainnya, lalu drag/geser objek tersebut tepat di garis track (Terlihat bulatan di tengah bintang tersebut letakkan tepat di garis)

6. "Insert keyframe" di Layer 1 pada frame ke 40, setelah itu klik kanan di antara frame tersebut dan pilih "Create Motion Tween"    

 7. Klik pada frame 40 pada layer 1, Lalu geser Bintang tersebut ke ujung track seperti gambar dibawah

8. Setelah itu coba compile dengan menggunakan "shift+Enter"

Soal UTS IMK + Jawaban

1. Sebutkan dan jelaskan lima faktor manusia terukur yang menajdi pusat evaluasi pada interaksi manusia dan computer!

• Waktu belajar: berapa lama orang biasa mempelajari cara relevan untuk melakukan suatu tugas?
• Kecepatan kinerja: berapa lama suatu tugas dilakukan?
• Tingkat kesalahan: berapa banyak kesalahan dan kesalahan-kesalahan apa saja yang dibuat pemakai?
• Daya ingat: bagaimana kemampuan pemakai mempertahankan pengetahuannya setelah jangka waktu tertentu?
• Kepuasan subjektif: bagaimana kesukaan pemakai terhadap berbagai aspek sistem

2. Sebutkan dan jelaskan delapan aturan emas yang dapat digunakan sebagai petunjuk dasar yang baik untuk merancang suatu user interface!

• Konsistensi: Konsistensi dilakukan pada urutan tindakan, perintah, dan istilah yang digunakan pada prompt, menu, serta layar bantuan.
• Memungkinkan pengguna untuk menggunakan shortcut: Ada kebutuhan dari pengguna yang sudah ahli untuk meningkatkan kecepatan interaksi, sehingga diperlukan singkatan, tombol fungsi, perintah tersembunyi, dan fasilitas makro.
• Memberikan umpan balik yang informative: Untuk setiap tindakan operator, sebaiknya disertakan suatu sistem umpan balik. Untuk tindakan yang sering dilakukan dan tidak terlalu penting, dapat diberikan umpan balik yang sederhana. Tetapi ketika tindakan merupakan hal yang penting, maka umpan balik sebaiknya lebih substansial. Misalnya muncul suatu suara ketika salah menekan tombol pada waktu input data atau muncul pesan kesalahannya.
• Merancang dialog untuk menghasilkan suatu penutupan: Urutan tindakan sebaiknya diorganisir dalam suatu kelompok dengan bagian awal, tengah, dan akhir. Umpan balik yang informatif akan meberikan indikasi bahwa cara yang dilakukan sudah benar dan dapat mempersiapkan kelompok tindakan berikutnya.
• Memberikan penanganan kesalahan yang sederhana: Sedapat mungkin sistem dirancang sehingga pengguna tidak dapat melakukan kesalahan fatal. Jika kesalahan terjadi, sistem dapat mendeteksi kesalahan dengan cepat dan memberikan mekanisme yang sedehana dan mudah dipahami untuk penanganan kesalahan.
• Mudah kembali ke tindakan sebelumnya: Hal ini dapat mengurangi kekuatiran pengguna karena pengguna mengetahui kesalahan yang dilakukan dapat dibatalkan; sehingga pengguna tidak takut untuk mengekplorasi pilihan-pilihan lain yang belum biasa digunakan.
• Mendukung tempat pengendali internal (internal locus of control): Pengguna ingin menjadi pengontrol sistem dan sistem akan merespon tindakan yang dilakukan pengguna daripada pengguna merasa bahwa sistem mengontrol pengguna. Sebaiknya sistem dirancang sedemikan rupa sehingga pengguna menjadi inisiator daripada responden.
• Mengurangi beban ingatan jangka pendek: Keterbatasan ingatan manusia membutuhkan tampilan yang sederhana atau banyak tampilan halaman yang sebaiknya disatukan, serta diberikan cukup waktu pelatihan untuk kode, mnemonic, dan urutan tindakan.

3. Sebutkan 5 keuntungan dari menggunakan sistem manipulasi langsung!

a. Pemula dapat belajar dengan cepat.

b. Ahli dapat bekerja dengan cepat.

c. Pemakai intermittent dapat mempertahankan konsep operasional.

d. Pesan kesalahan jarang dibutuhkan.

e. Pemakai langsung melihat jika aksi malah memperjauh tujuan mereka

Contoh Storyboard Multimedia

Halo semuanya kali ini saya akan berbagi pengetahuan tentang Storyboard. Storyboard merupakan suatu sketsa gambar yang disusun berurutan berisi ide cerita yang akan kita kembangkan. Storyboard ini membantu kita untuk merancang sebuah cerita seperti halnya membuat gambaran kasar sebelum kita membuat objek aslinya. Storyboard berisi apa saja komponen yang akan digunakan dalam pembuatan project seperti text, Color, Image, Video, Audio dan Animasi.

1. Text Attributes => Komponen text yang digunakan seperti Times New Roman, Arial, Verdana, dll
2. Color Scheme => Komponen warna yang digunakan seperti Blue, Gray, White, dll
3. Still Image => Komponen gambar yang digunakan seperti ring.jpg, header.png, dll 
4. Video => Komponen video yang digunakan apakah school.Mp4, flash.mov dll
5. Audio => Komponen audio yang digunakan seperti backsound.Mp3 dll
6. Animasi => Komponen animasi yang digunakan seperti intro.swf dll

Secara lebih rinci kegunaan storyboard yaitu:
a. Memahami alur gambar/cerita yang dibuat secara sistematis sehingga kecil kemungkinan ada bagian penting yang terlewatkan.
b. Tidak lupa dengan alur gambar/cerita yang sudah kita rencanakan (sebagai pedoman atau pengingat) pada saat pengambilan gambar atau video maupun editing gambar atau video yang telah diambil.
c. Mudah membaca isi cerita secara visual.
d. Dapat memilih rekaman yang akan diambil sesuai kebutuhan sehingga tidak akan terjadi pemborosan bahan baku shooting (kaset) Sehingga video/animasi yang dihasilkan sesuai dengan harapan dan keinginan kita.

Sekian pengetahuan saya tentang Storyboard semoga bermanfaat ya :)

Area Binus

Halo semuanya terimakasih telah berkunjung ke Blog Anak Sismul.

Disini saya sebagai mahasiswa binus bakal share nih tentang binus, makanan yang recommended di binus, jurusan apa aja yang ada di binus, UKM apa aja yang ada di binus dan banyak lagi yang lainnya. Buat kamu yang mahasiswa baru wajib dateng kesini nih biar kalian semua pada tau tentang binus. Ga hanya mahasiswa baru binus aja yah tapi bagi kalian yang ingin tau lebih banyak lagi tentang binus boleh kok kesini.

Sebelumnya saya perkenalkan diri dulu, saya seorang mahasiswa IT di Binus University peminatan Sistem Multimedia  sekarang saya masih di semester 6. Kalau menurut pengalaman saya sih binus ini pelajarannya expert tetapi pengajarannya lebih santai dari universitas lainnya. Jadi disini kita lebih dituntut untuk mengembangkan karakter yang ada didiri masing-masing dan dibekali segala bentuk pelajaran seperti Character building, Entrepreneurship(Kewirausahaan), dan juga pelajaran sesuai dengan jurusan kamu. Jadi kamu ga hanya belajar tentang Jurusan kamu tetapi juga kamu akan dibekali dengan berbagai pengetahuan lainnya.

Bagaimana sih sistem belajarnya?

Sistem belajar di binus kalau menurut saya lebih modern, untuk melihat jadwal kuliah, absen, keuangan, dan materi kuliah. Kamu dapat mengaksesnya di situs mahasiswa binus di http://Binusmaya.binus.ac.id. untuk selebihnya sistem perkuliahan dikelas yaitu dosen menerangkan melalui slide powerpoint berisi materi yang tersedia di Binusmaya. Selain itu, setiap minggu kelipatan ketiga perkuliahan akan diadakan Offclass dimana kalian tidak perlu hadir ke kampus tetapi kalian harus aktif di forum Binusmaya bersama dosen kalian masing-masing.    

Saya rasa cukup nih pengalaman saya selama di binus, tunggu apa lagi? ayo bergabung bersama kami di Binus University. Sekian nih dari saya terimakasih telah berkunjung. kunjungi postingan saya yang lain yah ..

Salam,

Blog Anak Sismul

Flash Professional Cs3 Portable [Idws]

Halo bersama saya lagi Blog Anak sismul, pada kesempatan kali ini saya akan membantu kita semua mendapatkan Flash Professional Cs3 Portable, dikarenakan sulitnya mendapatkan yang full version saya akan membagikan flash Professional cs3 portable sesuai dengan yang digunakan di kampus. Ingat dalam pengumpulan project akhir kalian harus menggunakan Flash Professional yang sama dengan yang dikampus, jangan berbeda karena dapat membuat nilai project kamu menjadi berkurang bahkan tidak ada nilainya. Berikut saya lampirkan Linknya silahkan di kunjungi ya.

>>Download<< (97.5 Mb)

Sekian dari saya semoga bermanfaat bagi kita semua, kunjungi postingan saya yang lain ya :)

Membuat Animasi Shape Tween

Halo bertemu lagi bersama saya, setelah postingan saya yang kemarin Membuat Animasi Motion Tween kali Blog Anak sismul akan membahas Membuat Animasi Shape Tween, sama seperti sebelumnya tetapi disini kita akan mengubah bentuk objek awal menjadi bentuk baru. Untuk tahapan pembuatannya silahkan perhatikan ya :

1. Pertama buatlah sebuah lingkaran menggunakan tools Rectangle

2. Pada frame ke 30 klik kanan dan pilih "Insert Blank Keyframe"

 3. Setelah "Insert Blank Keyframe" akan muncul frame kosong seperti gambar dibawah

 4. Buatlah sebuah objek baru dengan tools Rectangle, Misalnya saya membuat bintang di frame kosong tersebut.

 5. Setelah itu, klik kanan di antara frame tersebut dan pilih "Create Shape Tween"

 6. Maka hasilnya akan seperti dibawah ini

Sekian dari saya Blog Anak Sismul semoga bermanfaat dan selamat mencoba :)

Membuat Animasi Motion Tween

Hai semua kali ini saya mau berbagi pengetahuan tentang Membuat Animasi Motion Tween . Membuat animasi Motion Tween berupakan dasar dari pembelajaran Flash. Berikut tahapan pembuatannya :

1. Buka Flash Professional kamu (saya menggunakan Cs 3 sesuai dengan di kampus)

2. Buat sebuah Lingkaran seperti gambar dibawah menggunakan Oval Tools

3. Masukkan keyframe pada frame ke 25 dengan mengklik kanan di bagian frame dan pilih "Insert Keyframe"

 4. Pindahkan lingkaran tersebut kesebelah kanan atau tempat yang ada inginkan

5. Di antara frame pertama dan frame yang anda masukkan tadi klik kanan pada mouse dan pilih "Create motion Tween"

6. Hasilnya menjadi seperti ini 

Sekian dari saya terimakasih :)

Soal + Jawaban Sismul UTS

1.      Sebut dan jelaskan dua tools untuk membuat aplikasi berbasis multimedia.

Jawab :

-          Authoring tools : menyediakan lingkungan terintegrasi untuk mengikat semua elemen secara bersama-sama dalam sebuah proyek multimedia.

Kebanyakan sistem authoring menyediakan fasilitas :

–        Loading dan saving aset media (graphics, sounds, videos, text, dll)

–        Creating atau editing audio dan graphic images

–        Pembuatan page atau slide (layering data multimedia untuk membuat sebuah single page)

–        Efek animasi / transisi

–        Menspesifikasikan urutan aplikasi

–        Menambah kontrol interaktif untuk navigasi dan aksi pada saat run-time

–        Pembuatan CD-ROM atau distribusi berbasis web

Sistem Authoring biasanya terdiri dari satu atau lebih kategori berikut :

–        Slide, card atau frame based

–        Icon based

–        The score model

–        Object-oriented models

–        Scripting language based

-          Programming tools : memungkinkan pengembang untuk mengakses banyak fungsionalitas, tapi lebih membutuhkan banyak usaha dan uang.

Programming tools berbeda dengan authoring tools, dimana programming tools lebih low level dan pengembang yang menggunakannya harus memiliki pengetahuan tentang hardware dan bahasa pemrograman

2.      Apakah yang disebut dengan METAFORA :kaitannya dengan perancangan interface dan keuntungan yang didapat dengan menggunakan metafora yang tepat.

Jawab:

-          Metafora : aplikasi yang kompleks dapat dimengerti dengan lebih mudah jika user interfacenya digambarkan dengan sesuatu yang sudah umum.

-          Keuntungan yang didapat : memudahkan user untuk belajar atau mengingat aturan atau procedure aplikasi sesedikit mungkin.

3.      Sebutkan perbedaan KIOSK informasi dan CD interaktif.

Jawab:

-          KIOSK : computer berbasis terminal atau display yang digunakan untuk menyediakan informasi atau service di tempat umum.

-          CD interaktif : sebuah standard perangkat keras dan perangkat lunak untuk bentuk technology diskoptik yang dapat mengkombinasikan audio, video, dan text pada compact disk kapasitas tinngi.

Perbedaan :

-KIOSK :

·         User harus menuju ke kiosk yang bersangkutan

·          Biaya lebih mahal

·         Penyebaran informasi lebih lama

·         Biaya maintenance mahal

-          CD interaktif  :

·         Mudah dibawa kemana-mana

·         Biaya lebih murah

·         Penyebaran informasi lebih cepat

·         Tidak perlu biaya maintenance

4.      Sebutkan dan jelaskan tipe-tipe software CAI ; beserta contoh masing.

Jawab:

-          CAI : sebuah sistem instruksional pendidikan yang dilakukan hampir seluruhnya menggunakn computer

-          Tipe – tipe software CAI :

a.      Dril and Practice : kegiatan tambahan dari proses pengajaran normal , tipe yang bagus untuk penguasaan materi dasar, kecepatan dibutuhkan untuk tampilan maupun umpan balik.

b.      Games : dapat menambahkan angka penilaian , memiliki potensi untuk memberikan lingkungan yang memotivasi.

c.       Simulation : dapat menyediakan microworlds,  marupakan tipe yang aman , murah , cepat.

d.      Tutorials : self paced , dimana computer berperan sebagai tutor yang sabar dan bijaksana.

5.      Jelaskan yang dimaksud dengan liquid design untuk halaman web.

Jawab:

Website yang dapat menyesuaikan diri pada ruang yang tersedia, seperti air yang mengambil ruang dalam gelas