DASAR – DASAR ACTION SCRIPT

DEFINISI ACTION SCRIPT

ActionScript adalah bahasa pemrograman yang di pakai oleh software Flash untuk mengendalikan object – object ataupun movie yang terdapat dalam Flash.

ActionScript adalah sebuah bahasa pemrograman yang terdapat pada adobe flash, dimana bahasa pemrograman ini dapat digunakan untuk membuat animasi ataupn aplikasi berbasis desktop, dan berbasis android, dapat menjadi interaktif. ActionScript yang biasa digunakan untuk memberikan interaksi antara pengguna dan aplikasi ini, menjadi salah satu kebutuhan penting, karena dengan menerapkan actionscript aplikasi yang dibuat dengan adobe flash akan menjadi lebih menarik.

Actionscript terdiri dari versi 1.0, 2.0 dan 3.0. Actionscript 1.0 dan 2.0 digunakan pada pengembangan aplikasi berbasis desktop dan animasi yang sifatnya interaktif. Actionscript 3.0 merupakan versi paling terbaru yang dapat digunakan untuk pengembangan dari aplikasi berbasis desktop dan berbasis android. 

3 versi pada Actionscript :

• Actionscript 1.0 ( tahun 2000 – tahun 2003) mulai dipergunakan pada Flash 5 dengan minimal dimainkan di Flash Player 5.
• Actionscript 2.0 ( tahun 2003 – tahun 2006 ) mulai dipergunakan pada flash MX 2004 dengan minimal dimainkan di Flash Player 7.
• Actionscript 3.0 (tahun 2006 – sampai sekarang ) mulai dipergunakan pada Flash CS3 dengan minimal dimainkan di Flash Player 9.

FUNGSI ACTIONSCRIPT

Action script memeliki beberapa fungsi atau peran yang dapat membantu dalam merancang situs atau movie Flash, diantara nya :

1.      Membuat sistem navigasi situs

Hal ini berkaitan dengan bagaimana Action Script dapat mengatur user menjelajahi situs atau program yang telah dibuat. Dengan demikian animasi situs yang telah dibuat tidak hanya menjadi “film iklan” belaka, kecuali memang dinginkan seperti itu (dalam kasus film kartun menggunakan Flash).

2.      Menambahkan interaktivitas dengan user

Dengan action Script user dapat berinteraksi dengan setiap elemen di dalam movie Flash, baik itu tombol movie klip maupun teks.

3.      Membuat situs atau Program yang dinamis

JENIS- JENIS ACTIONSCRIPT DALAM FLASH :

1.      ActionScript pada frame

ActionScript pada frame adalah Actionscript yang diletakan pada frame, atau juga sering disebut FrameScript. FrameScript ini hanya bisa dilakukan pada keyframe atau blankkeyframe.untuk melihat frame yang telah diberikan script terdapat tanda berupahurup 'a' kecil yang menandakan keberadaan sebuah Script.

2.      ActionScript pada MovieClip

ActionScript yang diletakan pada MovieClip sering disebut MovieScript. yang harus diingat adalah untuk membuat movieScript tentunya harus ada MovieClip tempat kita meletakan ActionScript tersebut. 

3.      ActionScript pada Button

Hal yang perlu diingat yaitu ActionScript pada button tentunya harus ada Button tempat meletakanActionScript tersebut.Secara umum syntax yang digunakan dalam penulisan ActionScript pada Button hampir sama dengan penulisan MovieScript.

SUMBER :

·         https://id.wikipedia.org/wiki/ActionScript

·         http://waniperih.weebly.com/flash-dan-action-script.html

PENGANTAR KONSEP GIMP

GIMP adalah alat pengolah gambar multi-platform, GIMP adalah singkatan dari GNU Image Manipulation Program. GIMP cocok untuk berbagai pekerjaan pengolahan gambar, termasuk perbaikan foto, penggabungan dan pembuatan gambar. GIMP memiliki berbagai kemampuan.

FITUR - FITUR GIMP

1.      Single Window Mode

Dulunya GIMP menganut sistem multi – window , yaitu berbagai jendela akan terbuka dan tercerai – berai saat GIMP dijalankan. Hal tersebut terkesan membingungkan bagi yang terbiasa dengan program single window seperti software pengolah gambar populer yaitu Photoshop.

2.      Multi – Column Dock Windows

Setiap jendela dialog yang bisa ditempelkan ( dockable ) akan bisa diletakkan dalam beberapa kolom ( Multi – Column Dock Windows ). Fitur ini berguna untuk pengguna yang memiliki beberapa layar sekaligus. Satu layar akan menjadi tempat semua tools dari jendela dan satu layar khusus untuk kanvas pengolahan gambar.

3.      Editing Teks Langsung

Sebelumnya, GIMP memiliki jendela dialog terpisah untuk menyunting teks pada gambar. Penyuntingan teks bisa dilakukan langsung di atas kanvas pengolahan gambar.

4.      Simpan dan Ekspor Terpisah

Penyimpanan ( Save ) berarti menyimapn dokumen dalam format XCF, sedangkan Export artinya menyimpan gambar dalam format yang berbeda dari format asli GIMP tersebut. Saat ini GIMP mendukung format GIF, TIFF, JPEG, PNG, PSD.

5.      Pengelompokan Layer

GIMP mulai memperkenalkan sistem pengelompokkan ( Group ) pada layer. Hal ini memudahkan pengguna dalam melakukan komposisi gambar yang lebih rumit.

6.      Cairo

Cairo graphics library fungsinya menghadirkan grafis yang lebih halus dan “modern:. Istilah kerennya peningkatan grafis Engine ( mesin grafis ) GIMP.

MANFAAT GIMP

GIMP menyediakan banyak sekali plugin yang memudahkan dalam mengolah gambar ( image ) dengan cepat.

Pengembang dan pengelola GIMP memiliki visi produk GIMP untuk berusaha menjadi perangkat lunak grafis kelas atas dalam menyunting dan menciptakan gambar asli, foto, ikon, elemen grafis halaman web, dan seni untuk elemen antarmuka pengguna.

GIMP digunakan oleh peminat dan praktisi desain grafis yang menggunakan sistem operasi Linux untuk mengolah dan memanipulasi gambar atau foto sesuai dengan kebutuhan kreatif.

SUMBER :

• Wahana Komputer, Teknik Pengolahan Gambar Image Bitmap dengan GIMP, halaman 1. ANDI.
• Modul Panduan THE GIMP. Panduan Penggunaan Aplikasi Foss The Gimp. Oleh Tim Airputih ( info@airputih.or.id ). 2010.
• http://marfisaputra.blogspot.co.id/2016/03/fungsi-aplikasi-gimp.html
• http://belfot.com/gimp/
• http://filetekno.com/gimp-adalah-pengertian-gimp-kelebihan-dan-kekurangan-gimp/\
• http://www.ilmugrafis.com/gimp.php?page=fitur-unggulan-gimp-2.8

PENGANTAR INKSCAPE

Pengantar Inkscape

Inkscape adalah sebuah perangkat lunak editor gambar vektor yang bersifat perangkat lunak bebas dibawah lisensi GNU GPL. Tujuan utama dari Inkscape adalah menjadi perangkat grafik mutakhir yang memenuhi standar XML, SVG, dan CSS.

Inkscape bersifat cross-platform dan dapat dijalankan pada Mac OS X (biasanya dibawah aplikasi X11, walaupun toolkit GTK+ yang digunakan dapat dikompilasikan untuk beroperasi secara langsung dibawah Quartz, sistem operasi berbasis Unix, danMicrosoft Windows. Implementasi SVG dan CSS di Inkscape belum sempurna, misalnya Inkscape tidak mendukung animasi SVG, dan font SVG, walaupun dukungan dasar untuk pembuatan font SVG telah diimplementasikan pada versi 0.47. Inkscape bersifat multibahasa, terutama untuk antarmuka dan script rumit, sesuatu yang sering terlewatkan pada sebagian besar editor grafik vektor komersil.

Pada 2010, Inkscape dalam proses pengembangan aktif, dengan penambahan fitur dan antarmuka baru secara rutin pada setiap rilis baru.

Open Source grafis vektor editor, dengan kemampuan serupa dengan Illustrator, CorelDraw, atau Xara X, dengan menggunakan standar W3C Scalable Vector Graphics (SVG) format file.

Inkscape SVG mendukung banyak sekali fitur canggih (spidol, klon, alpha blending, dll) dan perawatan besar diambil dalam merancang antarmuka. Hal ini sangat mudah untuk mengedit node, melakukan operasi jalan kompleks, trace bitmap dan banyak lagi. Kami juga bertujuan untuk mempertahankan pengguna berkembang dan komunitas pengembang dengan menggunakan terbuka, pengembangan masyarakat yang berorientasi.

Antarmuka Inkscape mirip dengan CorelDraw dan program menggambar sejenis. Ada kotak, elips, teks, gambar bitmap danfreehand curve. Menariknya, dalam Inkscape, objek vektor maupun objek bitmap dapat mempunyai transparansi alpha yang dapat diubah-ubah levelnya.

Inkscape memperbolehkan banyak file terbuka dalam satu waktu, bisa juga satu file dibuka dalam beberapa window terpisah. Gambar yang dibuat dengan Inkscape dapat dicetak atau diekspor menjadi bitmap PNG.

Penjelasan mengenai bagian-bagian dalam jendela Inkscape adalah sebagai berikut:

1.      Status Bar

Status bar dapat Anda gunakan untuk melihat status dokumen Inkscape yang sedangAnda buat. Pada Status bar tercantum informasi-informasi seperti warna objek dan posisi objek bila dilihat pada ukuran di ruler. Status bar dapat juga Anda gunakanuntuk zooming (memperbesar-memperkecil) tampilan dokumen.

2.      Menu Bar

Menu bar berisi menu-

menu untuk mengelola dokumen secara umum, seperti File →

Save untuk menyimpan dokumen dan File → Print untuk mencetak dokumen.

3.      Tool Controls Bar

Tool Controls Bar berisi ikon-ikon untuk memodifikasi objek, misalnya memutar danmengatur ukuran atau tata letak urutan objek.

4.      Palette

Palette berisi warna-warna yang dapat Anda gunakan untuk mewarnai objek. BilaAnda mengklik objek, kemudian mengklik warna yang Anda inginkan di Palette,maka warna objek tersebut akan berubah.

5.      Commands Bar

Commands bar berisi ikon-ikon yang merupakan shortcut untuk perintah-perintah pokok seperti print, open, save, dan sebagainya.

6.      Control Bar

Control Bar, menampilkan ikon-ikon untuk melakukan pengaturan pada object yang sedang dikerjakan, misalnya mengatur jarak object dari penggir halaman, mengatur tinggi dan lebar object, memutar object, dan lain-lain. Ikon akan berubah secara otomatis pada saat kita melakukan klik pada baris Toolbox.

7.               Zoom Tool 

Zoom Tool sangat berguna untuk melihat tampilan pada canvas maupun object, sehingga mempermudah pekerjaan pada saat membuat dan mengolah object.

Object pada canvas dapat di lihat dengan jelas dan detail dengan cara memperbesar (mendekatkan) object tersebut, begitupun sebaliknya.

Standard zoom yang digunakan inkscape adalah perbandingan "1" sama dengan satu pixel perlayar. Jika ingin mengkalibrasi zoom ke ukuran satuan  dengan aslinya (misalnya inci atau centimeter), lakukan pengaturan  pada File =>  Inkscape  Preferences => Interface.

8.      Tool box

Toolbox berisi tool-tool yang sangat berguna dalam proses perencanaan dan perancangan suatu desain.

a.       Select and transform object

Memilih, mengubah ukuran, memutar, dan menggeser objek.

b.      Edit paths

Mengubah posisi titik node suatu objek hingga objek berubah bentuk.

c.       Tweak object

Mengubah bentuk objek dengan menarik bagian isi (fill) objek.

d.      Zoom

 Memperbesar atau memperkecil ukuran tampilan dokumen.

e.       Rectangle and Square

Menggambar bentuk objek kotak.

f.       3D Boxes

Menggambar bentuk objek kotak 3 dimensi.

g.      Circle, ellipses, and arcs

Menggambar bentuk objek lingkaran, setengah lingkaran.

h.      Stars and polygons

Menggambar bentuk objek bintang dan persegi banyak.

i.        Spirals

Menggambar bentuk objek spiral. 

j.        Freehand lines

Menggambar bentuk objek bebas seperti menggambar dengan pensil.

k.      Bezier curves and straight lines

Menggambar bentuk objek dengan garis-garis yang saling terhubung.

l.        Calligraphic or brush strokes

Menggambar bentuk objek dengan efek highlight.

m.    Text

Membuat teks/tulisan.

n.      Spray

Membuat duplikasi (mengkopi) objek yang disemproto.

o.      Erase

Menghapus objek. 

p.      Fill bounded areas

Memberikan warna ke isi objek.

q.      Gradients

Memberikan efek warna gradasi (perpaduan warna) ke isi objek.

r.        Pick colors from image

Mengambil warna-warna tertentu dari suatu gambar yang nantinya digunakanuntuk memberi warna ke isi objek.

s.       Diagram connectors

Membuat garis penghubung dari satu objek ke objek lain.

9.      Koordinat

Koordinat Object terhadap halaman pada Inkscape adalah berdasarkan sudut kiri-bawah atau dengan kata lain titik nol halaman (sudut kiri bawah) sesuai sudut kiri-bawah object.
Misalnya jika terdapat object persegi panjang dengan ukuran Lebar 8,00 cm dan Tinggi 6,00 cm, kemudian pada kotak X dan Y memiliki nilai 0,00 cm maka pinggir kiri-bawah object tersebut berada pada sudut kiri bawah halaman.

Daftar pustaka:

http://afranajiyah.blogspot.co.id/2012/02/pengantar-inkscape.html

http://imgos-belajarlinux.blogspot.com/2014/09/mengenal-koordinat-object-pada-inkscape.html

https://www.academia.edu/8286812/PENGENALAN_MENU_DAN_IKON_PADA_INKSCAPE

http://ict-tirtamarta.ucoz.com/Module/M_08_R/Sem-1/1-Mdl-1_Intro.pdf

http://blognyahanahabibah.blogspot.co.id/2012/03/24pengantar-inkscape.html