Modul Kursus PHP

  • Upload
    ayumprs

  • View
    278

  • Download
    3

Embed Size (px)

Citation preview

  • 7/24/2019 Modul Kursus PHP

    1/105

  • 7/24/2019 Modul Kursus PHP

    2/105

    2

    BAB I

    COREL DRAW

    Corel Draw adalah editor grafik vektor yang dibuat oleh Corel, sebuah perusahaan

    perangkat lunak yang bermarkas diOttawa,Kanada.Versi terakhirnya versi 14 yang dinamai X4

    dirilis pada tahun2008.CorelDRAW pada awalnya dikembangkan untuk dijalankan padasistem

    operasiWindows 2000 dan yang lebih baru. Versi CorelDRAW untuk Linux danMac OS pernah

    dikembangkan, tetapi dihentikan karena tingkat penjualannya rendah.

    1.

    MEMULAICORELDRAW

    1.

    Klik tombol Start>Program>CorelGraphicSuite>CorelDraw.

    Gambar 1. Interface CorelDraw

    Keterangan:

    a. Title bar

    b. Menu bar

    c. Standard tool bar

    d. Property bar

    e. Ruler barf. Tool box

    g. Work area

    h. Page area

    i. Color palette

    j. Page number

    K Status bar

    http://id.wikipedia.org/wiki/Editor_grafik_vektorhttp://id.wikipedia.org/wiki/Corelhttp://id.wikipedia.org/wiki/Perangkat_lunakhttp://id.wikipedia.org/wiki/Ottawahttp://id.wikipedia.org/wiki/Kanadahttp://id.wikipedia.org/wiki/2008http://id.wikipedia.org/wiki/Sistem_operasihttp://id.wikipedia.org/wiki/Sistem_operasihttp://id.wikipedia.org/wiki/Windows_2000http://id.wikipedia.org/wiki/Linuxhttp://id.wikipedia.org/wiki/Mac_OShttp://id.wikipedia.org/wiki/Mac_OShttp://id.wikipedia.org/wiki/Linuxhttp://id.wikipedia.org/wiki/Windows_2000http://id.wikipedia.org/wiki/Sistem_operasihttp://id.wikipedia.org/wiki/Sistem_operasihttp://id.wikipedia.org/wiki/2008http://id.wikipedia.org/wiki/Kanadahttp://id.wikipedia.org/wiki/Ottawahttp://id.wikipedia.org/wiki/Perangkat_lunakhttp://id.wikipedia.org/wiki/Corelhttp://id.wikipedia.org/wiki/Editor_grafik_vektor
  • 7/24/2019 Modul Kursus PHP

    3/105

    3

    Peralatan untuk mendesain di CorelDraw semua terdapat pada toolbox(lihat interface pada point

    f). Ada beberapa tool yang mempunyai tombol flyout(panah kanan bawah) yang berisi beberapa

    tool lainnya. Flyoutselengkapnya ada pada gambar berikut:

    Gambar2.Flyouttoolbox.

    Berikut ini adalah toolboxdengan berbagai fungsinya:

  • 7/24/2019 Modul Kursus PHP

    4/105

    4

  • 7/24/2019 Modul Kursus PHP

    5/105

    5

    Propertybar adalah fasilitas yang disediakan untuk memunculkan fungsifungsi yang sering

    digunakan ketika aktif pada salah satu alat gambar pada toolbox. Isi dari propertybar akan

    menyesuaikan dengan salah satualat yang sedang aktif pada toolbox. Berikut ini adalah salah satu

    fungsi yang muncul padapropertybarketika mengaktifkan texttool:

    Gambar3.Property bar

    MENGATURSETUPHALAMAN

    Sebelum kita mulai membuat desain, biasanya kita atur dulu halaman yang akan kita gunakan.

    Pengaturan halaman tersebut meliputi pemilihan jenis kertas, ukuran kertas, orientasi kertas,

  • 7/24/2019 Modul Kursus PHP

    6/105

    6

    satuan ukuran yang akandigunakan dan lainlain.

    1.

    Klik menu Layout>PageSetupmaka akan muncul window seperti berikut:

    Gambar 4. Page Setup.Pengaturan halaman juga bisa dilakukan melalui PropertyBarpada saat aktif pada PickTool

    Gambar5. PageSetupProperty.

    MEMBUATOBYEKDASAR

    Banyak jenis obyek dasar yang bisa kita buat dalam CorelDraw dengan berbagai tool yang sudah

    tersedia pada toolbox.

    MembuatBerbagaiMacamGaris

    1. Aktifkan freehandTool lalu arahkan pointer pada halaman.

    2. Klik di sembarang tempat, lalu klik ditempat yang lain. Perintah ini untuk membuat satu

    garis lurus.

    3.

    Klik drag seperti layaknya kita pegang pensil untuk membuat garis bebas.

    Gambar. macammacam garis menggunakanfreehandtool.

    4.

    Aktifkan Bezier toollalu klik disuatu tempat pada halaman, lalu klik ditempat lain,lalu klik

    di tempat lain lagi. Tool ini untuk membuat garis dengan beberapa node. Untuk mengakh

    iri pembuatan garis jenis ini, lakukanlah doubleclick.

    5.

    Masih menggunakan Beziertool , lakukan perintah clickdrag di sembarang tempat.

    Clickdragditempat lain. Lakukan perintah ini beberapa kali. Langkah ini adalah untuk

    membuat garis melengkung.

  • 7/24/2019 Modul Kursus PHP

    7/105

    7

    Gambar. Macammacam garis menggunakan Bezier Tool

    6.

    AktifkanArtisticMediaTool maka pada Property Bar akan muncul seperti berikut:

    Gambar.Property Bar untuk Artistic Media Tool.

    7.

    Properti diatas berfungsi untuk memilih jenis garis artistik yang ingin kita buat.

    Macammacam garis tersebut antara lain brush,sprayer,calligraphic, danpressure.

    8. Pilihlah salah satu jenis garis yang ingin anda buat, lalu pilihlah model garis tersebut

    pada menumenu yang terdapat disebelah kanannya.

    9.

    Untuk membuat jenis garis yang sudah kita pilih, lakukan clickdragdi area halaman.

    Gambar9.ArtisticMediaLine.

    10.

    Aktifkan Pen Tool

    lalu klik di area halaman untuk membuat garis. Clickdraguntuk membuat garis

    lengkung. Hasil dari Pen Tool hampir sama seperti menggunakan Bezier Tool.

    Gambar10. Penline.

    11.

    Aktifkan Polyline Tool lalu klik di area halaman untuk membuat garis. Clickdrag

    untuk membuat garis lengkung. Hasilnya sama seperti Bezier dan pen line.

  • 7/24/2019 Modul Kursus PHP

    8/105

    8

    12.

    Aktifkan 3PointCurveTool lalu klik di area halaman. tool ini untuk membuat garis

    lengkung

    13.

    Buatlah beberapa obyek misalnya lingkaran, persegi panjang, belah ketupat.14.Aktifkan InteractiveConnectorTool lalu buatlah garis penghubung antara

    obyekobyek yang sudah dibuat sebelumnya. Anda bisa membuat garis penghubung

    antar obyek seperti gambar berikut:

    15.Kita bisa memberikan informasi tambahan berupa ukuran dari suatu obyek, misalnya

    panjang, lebar, sudut kemiringan. Fasilitas tersebut terdapat pada Dimension Tool

    .

    16.

    Buatlah sebuah obyek menggunakan Basic Shape Tool.

    17.Aktifkan Dimension Tool , maka pada property bar akan muncul menu seperti

    berikut:

  • 7/24/2019 Modul Kursus PHP

    9/105

    9

    19.Aktifkan smart drawing tool , lalu clickdrag di area halaman. garis yang dibuat

    akan secara otomatis mengurangi jumlah node sehingga kelihatan lebih halus.

    20.Aktifkan rectangulartool lalu buatlah persegi panjang di area halaman (a). jika ingin

    membuat sangkar, klik sambil menekan tombol Ctrl (b). Jika obyek persegi panjang atau

    bujur sangkar ingin langsung dimiringkan maka gunakan 3pointrectangular

    21.

    Aktifkan ellips tool lalu buatlah obyek elips dengancara clickdrag(a).

    Jika ingin membuat lingkaran dengan diameter sama, sambil menekan tombol

  • 7/24/2019 Modul Kursus PHP

    10/105

    10

    clickdrag + Ctrl (b). Jika lingkaran langsung dimirinkan, gunakan 3 point ellips tool

    (c).

    22.Aktifkan GraphPapertool , lalu padapropertybarakan muncul menu seperti berikut:

    23.

    Tentukan jumlah baris dan jumlah kolom pada peropertybarseperti gambar diatas. Jika

    sudah, clickdrag di area halaman. maka akan muncul table dengan jumlah baris dankolom yang sudah ditentukan sebelumnya. Gunakan perintah clickdrag+Ctrl untuk

    membuat tabel dengan ukuran sama sisi.

    24.Aktifkan polygontool , anda perhatikan pada property bar untuk menentukan

    jumlah sudut yang kita inginkan. Clickdrag pada area halaman untuk

    membuatpolygonyang kita inginkan. Untuk membuat polygon sama sisi, lakukan

    clickdrag sambil menekan tombol Ctrl. Polygontool ini juga bias digunakan untuk

    membuat obyek bintang, caranya adalah dengan mengaktifkan iconstar pada

    propertybar. Hasilnya bisa anda lihat seperti berikut:

    25.Aktifkan spiral tool lalu tentukan variablevariabel yang terdapat pada

    property bar. Kita bias menentukan banyaknya spiral serta orientasinya.

  • 7/24/2019 Modul Kursus PHP

    11/105

    11

    26.

    Untuk membuat spiral sama sisi maka lakukan perintah clickdrag + Ctrl

    27.

    Aktifkan basic shape tool lalu perhatikan pada property bar. Anda bisa memilih

    jenis obyek dasar instan yang ingin anda buat, kita klik flyout pada perfect shape

    pada property bar untuk memilih jenis obyek yang ingin dibuat. Berikut ini adalah

    obyekobyek yang bisa kita pilih. Untuk membuatnya kita lakukan clickdrag pada area

    halaman.

    28.

    Aktifkan arrowshapetool lalu klik flyoutprefectshape pada propertybar

    untuk memilih jenis panah yang ingin dibuat. Clickdrag pada area halaman untuk

    membuat obyek yang sudah dipilih. Berikut ini adalah beberapa jenis anak panah yang

    tersedia padaflyoutperfectshape.

    29.Aktifkan flowchart shapes tool lalu klik flyout perfect shape pada property

    bar untuk memilih jenis obyek flowchart yang ingin dibuat. Clickdrag pada area

    halaman untuk membuat obyek yang sudah dipilih. Berikut ini adalah macammacam

    obyek yang tersedia pada flyout perfect shape.

  • 7/24/2019 Modul Kursus PHP

    12/105

    12

    30.

    Aktifkan star shapes tool lalu klik flyout perfect shape pada property bar

    untuk memilih jenis obyek bintang yang ingin dibuat. Clickdrag pada area halaman

    untuk membuat obyek yang sudah dipilih. Berikut ini adalah macammacam obyek yang

    tersedia pada flyout perfect shape.

    31.Aktifkan calloutshapestool lalu klik flyoutperfectshape pada propertybar

    untuk memilih jenis obyek calloutyang ingin dibuat. Clickdrag pada area halaman untuk

    membuat obyek yang sudah dipilih. Berikut ini adalah macammacam obyek yang

    tersedia padaflyoutperfectshape

    32.Aktifkan texttool lalu klik di area halaman untuk meletakkan kursor. Ketiklah

    teks misalnyaSTAINPURWOKERTO. Aturlah teks yang sudah kita ketik denganberbagai tool yang tersedia pada propertybar. Aktifkan picktool untuk memudahkan

    editing teks.

    MENYIMPANDOKUMEN

  • 7/24/2019 Modul Kursus PHP

    13/105

    13

    1.

    Klik menu File>SaveAs.Maka akan muncul window seperti berikut:

    2.

    Klik pada Saveinuntuk menentukan letak penyimpanan. Klik folder yang terdapat di

    bawahnya untuk mencari tempat yang diinginkan.

    3. Ketik nama file pada Filename.

    4. Klik tombol save.

    Catatan:

    Jika file yang kita buat akan dibuka pada computer lain yang mempunyai program CorelDraw

    denganversi dibawahnya, maka anda bisa menyesuaikan versi pada combo box Version yang ada

    disebelah kanan kotak dialog Save As. File yang disimpan di versi yang lebih tinggi tidak dapat

    dibuka pada CorelDraw versi lebih rendah. Namun file CorelDraw yang disimpan di versi rendah

    bisa dibuka pada CorelDraw versi lebih tinggi.

    MEMBUKAFILE

    1. Klik menu file>Open. Pada Lookindiarahkan ke drivedimana kita menyimpan file.

    Carilah folder yang berada di bawah Look in tempat kita menyimpan file.

    2.

    Aktifkan file yang ingin kita buka.

    3. Klik Open.

  • 7/24/2019 Modul Kursus PHP

    14/105

    14

    Catatan:

    Aktifkan ceck box Preview untuk melihat desain sebelum dibuka,iniuntuk memastikan apakah

    gambar tersebut yang akan dibuka.

    Latihan

    Manipulasi Objek Corel Draw

    Drawing adalah salah satu bagian penting dari sekian banyak tema dalamCorelDraw. Pada

    Materi ini kita akan mempelajari banyak hal tentang Drawing.Curve (kurva) adalah salah satu

    bagian penting tool Drawing. Kelebihan fasilitas iniadalah memiliki fleksibilitas tinggi untuk

  • 7/24/2019 Modul Kursus PHP

    15/105

    15

    melakukan editing objek.Selain itu, kita akan membicarakan juga materi-materi atau fitur-fitur

    yang dapatdimanipulasi sehingga menjadi objek Drawing yang cukup menarik

    sekaligusmenantang. Dalam hal ini editing text, seperti pembuatan logo.

    Editing Curve

    Sekarang anda akan mengenal salah satu property bar untuk proses pengeditankurva.Dengan fasilitas ini, anda dapat melakukan manipulasi pada Curvetermasuk kurva hasil

    pengkonversian seperti kurva pada text

    Gambar. Property Bar Pengeditan Kurva

    ropety bar akan aktif dan menampilkan fasilitas-fasilitas untuk editing curve ketika anda

    menggunakan atau mengaktifkan shape tool Fasilitas untuk editing juga dapat diakses

    lebih mudah lagi dengan mengklik kanan

    Gambar Editing Curve dengan Klik Kanan

    Mengubah Objek Menjadi Kurva

    Fasilitas ini berfungsi untuk mengubah shape Drawing (kotak, lingkaran,text) menjadi

    kurva. Untuk mengubah objek menjadi sebuah objek kurva, lakukan langkah dibawah ini

    1. Buat objek dari rectangle (kotak) atau elipse

    2. Seleksi objek dengan pick tool

    3. klikArrange > Convert to curve (Ctrl+Q)

    Anda juga dapat melakukan dengan meng-klik kanan lalu Convert to Curve. Atau pada

    property bar pilih icon Convert to curve

    Gambar . Icon Convert to Curve

    Text Tool

    Secara umum teks dalam CorelDraw X3 terbagi mejadi dua bagian :

    1. Artistic Text

  • 7/24/2019 Modul Kursus PHP

    16/105

    16

    2.

    Paragraph Text

    Untuk membuat artistic text lakukan langkah-langkah berikut :

    1. Klik Text Tool (F8)

    3. Letakkan kursir kerja di area kerja. Mulailah menulis. Perhatikan gambar dibawah ini.

    Gambar. Artistic Text yang telah dimodifikasi

    Untuk membuat Paragraph Text lakukan langkah-langkah berikut :

    1.

    Klik Text Tool (F8)

    2.

    Saat Posisi Kursor berubah menjadi Indikasi Teks, buatlah rectangle dalam area kerja.

    Gambar. Paragraph Text

    Dalam CorelDraw X3, teks adalah bagian yang memugkinkan untuk dilakukan

    pengeditan dalam membuat sebuah desain. Teks dalam CorelDraw X3 mampu melakukan

    perubahan warna (fill), stroke (garis, line), dan berbagai macam manipulasi dan pengeditan.

    Fit Text to Path

    Fasilitas ini untuk membuat text atau huruf yang meminta lengkungan. Efek ini biasa

    ditemukan pada stampel. Pada dasarnya, fasilitas ini bergantung pada kemampuan anda

    dalam membuat kurva melengkung sebagai garis untuk menempatkan text. Untuk

    menjalankan fasilitas ini lakukan langkah-langkah dibawah ini:

    Buatlah sebuah ellipse sebagai media kurva dengan menggunakan Ellipse Tool (F7)

    Gambar Ellipse

    1.

    .Ketik text yang anda inginkan menggunakan text tool (F8)

    Gambar.Teks yang akan diletakkan pada Ellipse

    2.

    Pada posisi text terseleksi klik text > Fit text to path

  • 7/24/2019 Modul Kursus PHP

    17/105

    17

    3.

    Akan muncul tanda panah sebagai tanda text siap diletakkan pada ellipse.

    Gambar. Tanda panah sebagai indikasi teks siap diletakkan pada Ellipse

    4. Jika anda kurang tepat mengarahkan panah Ellipse atau Ellipse terlalu kecil, akan muncul

    kotak dialog yang menginformasikan bahwa bidikan anda tidak mengenai sasaran. Klik Yes

    untuk mencoba kembali

    Gambar. Konfirmasi untuk megulangi5. Hasilnya seperi gambar berikut ini

    Gambar. Teks telah diletakkan pada Ellipse

    6.

    Anda juga dapat menghilangkan lengkungan Ellipse. Klik outline pada flyout Outline, lalu

    pilih No Outline

    5. Editing Objek Dasar

    1.

    Pastikan file yang sudah anda simpan sebelumnya sudah terbuka.

    2. Aktifkan pick tool lalu klik salah satu obyek, maka akan muncul node editing sejumlah 8

    buah. Node tersebut berfunsi untuk mengubah ukuran obyek, menggeser obyek,

    mencerminkan obyek, menggandakan obyek.

    3.

    Arahkan pointer pada salah satu node sampai pointer tersebut berubah menjadi anak

    panah dua arah, lalu clickdrag pointer searah anak panah (keluar atau kedalam).

    Perintah tersebut adalah untuk membesarkan atau mengecilkan obyek.

    4.

    Jika perubahan ukuran obyek ingin proporsional, clickdrag sambil menekan tombol

    Shift.

  • 7/24/2019 Modul Kursus PHP

    18/105

    18

    5.

    Untuk menggeser letak obyek, letakkan pointer pada centerpointnode(tanda silang di

    tengah obyek) lalu clickdragkearah penggeseran yang diinginkan.

    Catatan:

    Jika ingin menggeser obyek secara lurus horizontal maupun vertical, lakukan clickdrag sambil

    menekan tombol Ctrl.

    6. MencerminkanObyek

    1. Buatlah obyek tabung menggunakan basicshapestool.

    2. Klik Pointertoollalu putarlah obyek tersebut 90 derajat.

    3. Arahkan pointer di node sebelah kiri, clickdrag kesebelah kanan sambil menekan

    tombol Ctrl.

    4.

    Jika ingin menggandakan, tekanlah tombol klik kanan bersama perintah ke 3 diatas.

    7. Rotasidanskewingobyek

    1.

    Aktifkan obyek sampai muncul node, klik sekali lagi sampai nodeberubah mejadi anak

    panah dua arah. Anak panah yang terdapat di pojok berfungsi untuk memutar obyek,

    sedangkan yang terdapat pada segmen garis berfungsi untuk skewingobyek.

    2.

    Clickdragpanah dua arah yang terdapat di pojok untuk memutar obyek.

  • 7/24/2019 Modul Kursus PHP

    19/105

    19

    3.

    Clickdragpanah dua arah pada segmen untuk skewingobyek.

    Catatan:

    Jika center point digeser maka ketika obyek diputar akan mengitari centerpoint

    tersebut. Dengan kata lain, titik pusat putaran tergantung letak center point.

    4.

    Aktifkan obyek sampai muncul node seperti gambar diatas, lalu arahkan pointer pada

    panah horizontal atau vertical sampai berubah menjadi klik drag kekanan atau

    kekiri untuk proses skewing

    8. MenggandakanObyek

    1. Aktifkan salah satu obyek yang ada di area kerja sampai muncul 8 node.

    2. Arahkan pointer ke tanda silang di tengah obyek sampai berubah menjadi anak panah

    empat arah

    3. Clickdrag ke sembarang tempat. Sebelum klik dilepas, tekan klik kanan sampai

    muncul tanda plus (+) padapointer. Anda lihat maka obyek akan mendaji 2 buah.

    4.

    Jika ingin menggandakan menjadi lebih dari dua obyek secara langsung, tekanlahtombol Ctrl + D pada keyboard sebanyak yang diinginkan.

  • 7/24/2019 Modul Kursus PHP

    20/105

    20

    5.

    Latihan

    Buatlah efek drawing yang menggunakan beberapa tools yang telah dijelaskan diatas

    dengan membuat kartu nama.

    Efek Spesial Corel Draw

    1. Efek Transformasi Obyek

    1. Buatlah obyek bujur sangkar menggunakan Rectangular Tool.

    2.

    Aktifkan Pick Tool lalu berikan warna dengan memilih salah satu warna pada

    Color Palette yang terdapat di sebelah kanan window.

    2.

    Buatlah obyek segi lima menggunakan Polygon Tool.

    3.

    Aktifkan Pick Tool lalu berikan warna dengan memilih salah satu warna pada

    Color Palette yang terdapat di sebelah kanan window

    4.

    Aturlah jarak obyek pertama dengan obyek kedua sedemikian rupa sehingga berjauhan

    5. Klik tombol Interactive Blind Tool yang terdapat pada tool box Special Effect.

    Arahkan pointer ke area halaman, maka pointer akan berubah menjadi

    6.

    Arahkan pointer tersebut ke salah satu obyek sehingga pointer berubah seperti

    berikut klik drag dari obyek tersebut menuju obyek lainnya.

  • 7/24/2019 Modul Kursus PHP

    21/105

    21

    7. Klik Pick Tool lalu aktifkan obyek hasil blind/ transformasi obyek. Kita bisa

    mengubah efek blinddengan mengubah nilainilaiyang terdapat pada Property bar

    seperti gambar berikut:

    8. Klik pada Number of Step lalu masukkan angka 10. Perintah ini untuk

    mengurangi jumlah step blend. Anda juga bisa mengklik padapanah atas atau

    bawah yang terdapat disebelah kanannya untuk menambah atau mengurangi jumlah

    blend.

    9. Klik obyek asli persegi panjang, lalu geserlah ke daerah lain. Anda perhatikan maka

    efek blend pada obyek tersebut akan mengikutinya Demikian juga denganpenggeseran obyek asli segi lima.

    10.

    Aktifkan kembali obyek dengan efek blend, lalu klik Clockwise Blend perintah

    ini adalah untuk mengubah gradasi warna searah jarum jam (pada palette warna).

    11.

    Klik Counterclockwise Blend untuk merubah gradasi warna menjadi

    Berlawanan jarum jam. Untuk kembali ke warna semula, klik Direct Blend

    12.

    Anda juga bisa mengatur jarak antar obyek blend dengan cara klik tombol

    object and Color Acceleration lalu muncul pilihan seperti berikut:

  • 7/24/2019 Modul Kursus PHP

    22/105

    22

    13.Geserlah slider pada accelerator object untuk mengatur jarak antar obyek. Geserlah

    slider pada color acceleratoruntuk mengubah akselerasi warna pada tiaptiapobyek.

    2. Efek Contour

    1. Buatlah sebuah obyek bujur sangkar menggunakan Rectangular Tool.

    2. Beri warna sesuai selera anda melalui Color Palette di sebelah kanan Window.

    3. Klik icon Interactive Effect toollalu pilihlah Interactive Contour Tool

    4. Anda perhatikan pada Property bar akan muncul menu seperti berikut:

    1.

    Berikan angka 5 pada Contour Stepuntuk menentukan jumlah kontur yang diinginkan

    2. Klik pada ikon Center Inside dan Outside untuk menentukan orientasi

    Kontur

  • 7/24/2019 Modul Kursus PHP

    23/105

    23

    A. Aktifkan obyek Contour lalu klik ikon Contour Offset , lalu ubah angka

    yang ada di dalamnya. Perintah untuk menentukan jarak antar kontur.

    B. Klik pada Contour salah satu Color untuk menentukan warna gradasi

    yang diinginkan Contour Color terdiri dari 3 pilihan yaitu Linear Contour Color,

    Clockwise Contour Color dan Countercockwise Contour Color.

    C. Aktifkan obyek contour lalu klikkananpada color palette untuk mengganti warna

    outline. Jika ingin menghilangkan outline maka klikkananpada tanda silang yang

    terdapat pada color palette tersebut

    D.

    Jangan lupa simpan hasil pekerjaan anda ya

    4. Efek distorsi obyek

    1. Buatlah obyek baru berupa segi delapan.

    2.

    Klik ikon Interactive Distortion Tool pada Tool box.

    3.

    Anda perhatikan pada Property Bar akan muncul menu seperti berikut:

    4.

    Aktifkan obyek lalu klik pada Presetspilihlah salah satu dari preset yang ada. Perintah

    ini adalah untuk memilih contohcontohjenis distorsi yang sudah tersedia.

    Pilihan-pilihan tersebut antara lain :

    5.

    Berikut ini adalah hasil dari preset diatas:

  • 7/24/2019 Modul Kursus PHP

    24/105

    24

    6.

    Selain cntohcontohyang terdapat pada Preset, anda juga bisa membuat efek distorsi

    sendiri melalui menumenuyang terdapat disebelah kanan Preset yaitu

    Caranya adalah aktifkan obyek lalu pilihlah salah salah satu dari ikon tersebut.

    7.

    Klikdragpada area obyek untuk menghasilkan distorsi. Gunakan cara yang samauntuk mencoba efek distorsi yang lain.

    5.Efek Bayangan

    1.

    Aktifkan salah satu obyek yang telah diberi efek distorsi, lalu berikan warna pada

    obyek tersebut

    2. Klik ikon Interactive Drop Shadow Tool , maka pada Property bar akan muncul

    maka pada Property bar akan muncul seperti berikut:

    3. Klik pada Preset untuk memilih salah satu contoh drop shadow yang disediakan.

    Pilihan tersebut antara lain:

    4.

    Berikut ini adalah contoh hasil drop shadowmenggunakan Preset

  • 7/24/2019 Modul Kursus PHP

    25/105

    25

    5.

    Aktifkan obyek yang telah diberi efek drop shadow, lalu klik ikon Drop Shadow

    Angle maka akan muncul Slide Bar. Geserlah slide bar tersebut sesuaiyang anda inginkan. Perintah ini untuk mengatur sudut dari bayangan yang kita buat.

    6.

    Klik ikon Drop Shadow Opacity maka muncul slide bar dibawahnya.

    tersebut sesuai yang anda inginkan. Perintah ini untuk mengatur kadar warna

    bayangan, semakin bayangan, semakin kecil angka maka semakin berkurang

    kadar warna bayangan

    7. Klik ikon Drop Shadow Feathering geserlah slide bar yang terdapat

    dibawahnya. Perintah ini untuk mengatur feather (kehalusan) bayangan. Semakin

    besar angka maka bayangan akan semakin berpendar.

    8.

    Klik ikon Drop Shadow Feathering Direction lalu pilihlah salah satu dari

    Feathering Direction yaitu Inside, Middle, Outside, dan Average. Berikut ini

    adalah contoh hasil dari Drop Shadow

    9. Aktifkan pada obyek yang telah diberi efek bayangan, lalu klik ikon Drop Shadow

    Feathering Edges lalu pilihlah salah satu dari Drop Shadow Feathering Edges

  • 7/24/2019 Modul Kursus PHP

    26/105

    26

    yang disediakan. Berikut ini

    adalah contoh hasil dari Drop Shadow Feathering Edges:

    10.Aktifkan pada obyek yang telah diberi efek bayangan, lalu klik ikon Drop Shadow Fade

    dan geserlah slide bar yang muncul dibawahnya. Perintah ini berfungsi untuk

    untuk menguah intensitas warna bayangan. Berikut ini adalah contoh yang

    dihasilkan oleh perubahan Drop Shadow Fade

    11.

    Klik pada ikon Drop Shadow Stretch lalu geserlah slide bar yang muncul

    dibawahnya. Perintah ini adalah untuk mengubah lebar dari bayangan. Berikut ini

    adalah contoh bayangan yang dihasilkan oleh perubahan Drop Shadow Stratch:

    12.

    Klik pada ikon Drop Shadow Color lalu pilihlah warna untuk mengganti warna

  • 7/24/2019 Modul Kursus PHP

    27/105

    27

    Bayangan

    13.

    Buatlah obyek lain dan berikan efek bayangan yang berbeda dari obyek sebelumnya

    14.Misalnya kedua obyek yang telah dibuat dan diberi efek bayangan berbeda adalah

    seperti berikut:

    15.

    Klik bayangan pada gambar (A) lalu klik ikon Copy Drop Shadow Properties

    Anda perhatikan maka pointer akan berubah menjadi tanda panah

    16.Klik pada bayangan yang terdapat bada obyek (B), anda perhatikan hasilnya adalah

    jenis bayangan pada obyek (A) menjadi sama jenisnya seperti pada bayangan obyek (B)

    Berikut ini adalah contoh hasil Copy Drop ShadowProperties:

    Catatan:

    Bentuk bayangan tetap menyesuaikan dengan obyeknya.

    17.Aktifkan salah satu obyek yang telah anda beri efek bayangan, lalu klik ikon Clear Drop

    Shadow Perintah ini digunakan jika anda ingin menghilangkan efek bayangan.

    18.Simpan hasil pekerjaan anda dengan menekan tombol Save.

    6. Efek Envelope

    1.

    Buatlah obyek teks menggunakan Text Tool lalu ketiklah DesainGrafis.

  • 7/24/2019 Modul Kursus PHP

    28/105

    28

    2.

    Perbesar ukuran teks tersebut kirakira60 point

    3.

    Klik ikon Interactive Envelope Tool pada Tool Box. Anda perhatikan pada

    Property Bar akan muncul ikonikonseperti berikut:

    4. Perintah ini digunakan untuk memanipulasi bentuk obyek. Proses manipulasi

    Dilakukan pada nodenodeyang muncul pada obyek.

    5.

    Klik ikon Straight Line Mode pada Property Bar, lalu klik drag pada salah satu node

    yang terdapat pada teks. Anda juga bisa menggunakan jenis envelope yang lain

    seperti Envelope Single Arc Mode, Envelope Double Arc Modedan Envelope

    Unconstrained Modedengan contoh hasil seperti berikut:

    E.

    Latihan

    Buat Gambar Seperti Dibawah ini !

  • 7/24/2019 Modul Kursus PHP

    29/105

    29

    BAB II

    Photoshop

    Adobe Photoshop merupakan suatu aplikasi yang paling populer dikalangandesainer grafis dan pengolahan citra (image processing). Sejak pertama diperkenalkan oleh

    Adobe corporation pada dekade 90-an, Photoshop langsung mendapatkan hati dikalangan

    profesional dan praktisi imege-editing dengan segala kecanggihan fitur dan kemampuan

    yang maksimal serta kemudahan dalam penggunaannya (user friendly).

    Adobe

    Photoshop

    yang dirilis pada tahun 2003 yang lalu oleh Adobe corp., adalah

    Adobe

    Photoshop

    CS dengan slogan yang cukup menjanjikan The Professional Standard

    in Desktop Digital Imaging merupakan pengembangan dari Adobe Photoshop generasi

    sebelumnya, dan pada edisi ini sudah dilengkapi dengan fasilitas Image Ready

    CS. Kelengkapan

    ini dimaksudkan untuk memberikan fleksibelitas, efisiensi dan kemudahan dalam

    penggunaan, sehingga anda dapat dengan mudah membuat dan menyunting image dengan

    kualitas tinggi yang siap untuk dicetak, publisher, ataupun untuk ditempatkan di web, yang selama

    ini merupakan kendala untuk menempatkan image berkualitas tinggi pada web, karena

    berhubungan erat dengan beban loading data di sisi client pengguna. Hingga saat ini,

    Adobe Photoshop terus diperbaiki performa dan toolnya untuk mendukung dan memenuhi

    kebutuhan professional image editing dan processing, dan telah berada pada generasi CS 3

    (Creative Suite Generasi ke-3).

    Pada Modul latihan ini, sengaja hanya dibahas versi CS-nya saja, karena harus

    disesuaikan dengan ketersediaan hampr rata-rata spesifikasi PC yang ada di sekolah-sekolah, karena jika menggunakan seri CS 3 akan membutuhkan spesifikasi hardware

    yang lebih tinggi, dan tentu saja software-nya masih cukup sulit untuk di dapatkan.

    Adobe Photoshop CS, yang kemudian hanya disebut Photoshop CS saja,

    merupakan program aplikasi yang canggih yang telah membantu pekerjaan para profesional

    dalam bidang image processing, seperti fotografi, pracetak, periklanan dan web designer serta

    berbagai disiplin pekerjaan lainnya yang berhubungan dengan imaging.

    Untuk mulai menggunakan Adobe Photoshop sebagai salah satu aplikasi pendukung dalam

    proses perancangan aplikasi multimedia pembelajaran, maka dapat diikuti langkah-

    langkah sebagai berikut :

    a. Klik Tombol Start All Program Adobe Photoshop Photshop CS,

    sehingga tampil halaman kerja Photoshp CS, seperti pada Gambar 12.

    b. Untuk membuat sebuah file baru, klik menu File New, kemudian muncul kotak dialog

    untuk membuat sebuah file photoshop baru, Klik OK

  • 7/24/2019 Modul Kursus PHP

    30/105

    30

    Gambar 14. File Photoshop Baru

    Name - Menunjukkan nama file yang akan dibuat, pada awal dapat diisi atau abaikan

    Preset - Menunjukkan pola ukuran file yang akan dibuat dengan standar photoshop,

    atau dapat juga dibuat secara kustom.

    Width -Menunjukkan lebar file yang akan dibuat, sebaiknya dalam satuan pixel

    Hight -Menunjukkan tinggi file yang akan dibuat, sebaiknya dalam satuan pixel

    Resolution -menunjukkan kedalaman gambar yang tampil pada layer

    Color Mode -Mode pewarnaan yang diberlakukan, standarnya adalah RGB

    Background -Defaultnya Putih, namun dapat diubah sesuai kebutuhan.

    1.

    Menyimpan Dokumen Phothoshop

    Untuk menyimpan dokumen hasil pengolahan dengan Photoshop, dapat dilakukan

    dengan langkah-langkah sebagai berikut :

    1. Klik menu File Save As, kemudian tentukan lokasi direktori penyimpanan data

    2. Masukkan nama file pada File Name , dan Format data pada Format.

    Gambar Proses Penyimpanan File

    3. Akhiri dengan mengklik tombol Save

  • 7/24/2019 Modul Kursus PHP

    31/105

    31

    2. Membuka File

    Untuk membuka file dokumen dengan Photoshop, dapat dilakukan dengan langkah-

    langkah sebagai berikut :

    1. Klik menu File - Save As, kemudian tentukan lokasi direktori penyimpanan data

    2. Masukkan nama file pada File Name , dan Format data pada Format.

    Gambar Proses membuka File

    3. Akhiri dengan mengklik tombol Open

    3. Adobe Photoshop Interface

    Untuk melakukan pengolah data gambar dengan menggunakan Adobe Photoshop, maka

    terlebih dahulu harus diketahui antarmuka (interface) yang akan sering digunakan

    oleh seorang user, sepeti terlihat pada Gambar 16.

    Gambar Antarmuka Adobe Photoshop CS

    Fungsi Umum :

  • 7/24/2019 Modul Kursus PHP

    32/105

    32

    Nama Komponen Fungsi dan Kegunaan

    Title Bar

    Title bar merupakan batang judul jendela yang berfungsi untuk

    menampilkan judul atau nama program yang sedang dijalankan.

    Selain itu title bar juga berfungsi untuk :

    Memindahkan posisi jendela dengan menggunakan prosesdrag dan drop pada bagian Title Bar tersebut.

    Mengatur ukuran jendela dari ukuran Maximize ` ke ukuran

    Restore ataupun sebaliknya dengan proses klik ganda pada

    bagian Title Bar tersebut.

    Menu Bar

    Merupakan baris menu yang berisi perintah dan fasilitas default

    yang disediakan oleh sebuah program yang mendukung kinerja dari

    program tersebut. Saat pertama kali jendela Adobe

    Photoshop terbuka, dapat dilihat sembiian piiihan menu utama, yaitu:

    File, Edit, Image, Layer, Select, Filter, View; Window, dan Help.

    Menu bar Adobe Photoshop memiliki sederetan menu yang

    masing-masing mempunyai arti dan-fungsi yang berbeda "

    Toolbox

    Toolbox merupakan sebuah bagian yang berisi berbagai piranti yang

    dapat digunakan untuk memanipulasi dan menyunting sebuah

    gambar atau, photo, Kita dapat menggunakan piranti yang ada

    dalam Toolbox untuk melakukan seleksi, membuat teks dan

    objek, memodiikasi dan pewarnaan. Untuk menampiikan

    Toolbox, gunakan menu Window Tools.

    Option Bar

    Merupakan bagian yang berisi sekumpulan tombol atau pilihan

    yang dapat digunakan untuk melaksanakan suatu perintah

    tertentu dalam mengoperasikan program Adobe Photoshop,

    Tombol pilihan yang ditampilkan di dalam option bar akan

    menyesuaikan dengan tombol atau peranti yang terpilih di dalam

    Pallete

    Palet dalam Photoshop digunakan untuk mengontrol sifat dan cara

    kerja dari tombol-tombol yang ada di dalam toolbox serta mendukung

    proses kerja yang terjadi pada gambar atau photo yang sedang

    dikerjakan. Pilihan pada menu Window menunjukkan jenis-jenis palet

    yang ada. Jika dipilih salali satu palet melalui menu window tersebut,

    maka akan ditampilkan sebagai tampilan- jendela yang melayang

    (Floating Window) dalam ruang kerja (Worksheet)

    Worksheet AreaMerupakan area kerja, atau tampilan kerja dari file atau

    gambar yang sedang dikerjakan

    B. Konsep Layer dan Struktur Image dalam Photoshop

    Sturktur pengolahan suatu image di dalam Photoshop dibentuk ke dalam

  • 7/24/2019 Modul Kursus PHP

    33/105

    33

    lapisan-lapisan/ layer, masiing-masing layer akan memuat satu komponen dari image

    yang diolah.

    Manfaat yang dapat diperoleh dengan menggunakan konsep layering didalam

    photoshop adalah kemudahan dalam proses editing dan manipulasi image selanjutnya.

    Karena jika masing-masing image/ teks yang diolah dalam photoshop tidak dibagimenjadi layer-layer yang terpisah, maka proses editing ulang terhadap gambar/ image yang

    diolah akan mengalami kesulitan, namun dengan menggunakan model layer, jika terjadi

    kesalahan dan kekeliruan, maka designer cukur hanya merevisi layer tersebut saja, tanpa

    harus merombak atau mengulang kembali pekerjaan dari awal.

    Gambar Model konsep layer pada Photoshop.

    Latihan Mengubah Ukuran Gambar/ Image

    1. Buka file Gambar JG-Utama, JG-1, JG-2 dan JG-3 yang disertakan dalam File Latihan

    Photoshop Modul 1

    2. Dalam latihan ini, kita akan menggabungkan keempat Gambar tersebut, sehingga

    menjadi :

    Gambar Latihan Resizing

    3. Klik menu Window, aktifkan file JG-Utama. Untuk melihat ukuran gambar

    sebenarnya, maka klik menu View Actual Pixel, sedangkan untuk mengetahui

    ukuran filenya, maka dapat dilihat pada menu ImagImage Size, kita peroleh

    ukuran sesungguhnya adalah 1704 x 2272 pixel. Gambar inilah yang kita perkecil

    terlebih dahulu, dengan memperkecil ukuran Gambar. Klik menu Image Image Size,

    kemudian ubah ukurannya menjadi 768 x 1024 pixel. Simpan dengan nama file JG-

    Utama.psd

  • 7/24/2019 Modul Kursus PHP

    34/105

    34

    4. Lakukan langkah yang sama terhadap file JG-1, JG-2 dan JG-3, tetapi ubah

    ukurannya menjadi 300 x 400 pixel, dan simpan sebagai JG-1.psd, JG-2.psd dan JG-

    3.psd.

    5. Lihat hasil pengecilan semua Gambar tersebut di atas dengan View Actual Pixel,

    sehingga saat ini kita mempunyai halaman kerja dengan tampilan sebagai berikut :

    Gambar Hasil mengubah ukuran image import

    6. Aktifkan kembali jendela kerja JG-Utama, kemudian dengan menggunakan move tool ,

    tarik JG-1ke halaman JG-Utama.

    7. Setelah Gambar JG-1ditempatkan di atas JG-Utama, file tersebut dapat ditutup,

    sehingga kita memperoleh tampilan peringatan :

    Gambar Peringatan penyimpanan file asli

    8. Jawab dengan No, agar file asli tidak mengalami perubahan, sebagai akibat dari

    pengubahan ukuran file gambar.

    9. Hasil pengabungan keempat Gambar tersebut adalah sebagai berikut (sebelum ditata)

  • 7/24/2019 Modul Kursus PHP

    35/105

    35

    Gambar 21. Hasil penggabungan Gambar

    10. Lihat pada Pallate Layer, saat ini sudah terdapat 2 buah layer yang aktif, untuk

    melakukan pengeditan Gambar, dengan background JG-Utama.

    Gambar 22. Layer yang aktif untuk pengeditan

    11. Langkah selanjutnya, kita akan melakukan pengubahan ukuran gambar engan model

    kedua, yaitu memanipulasi Gambar sesuai kebutuhan dalam photoshop.

    12. Klik pada Layer 1, untuk mengedit Gambar JG-1 yang sudah dtempatkan di atas JG-

    Utama

    13. Klik menu Edit - Free Transform, sehingga gambar JG-1 menjadi terseleksi, seperti

    terlihat pada Gambar 23.

    Gambar 23. Hasil Free Trasnform terhadap JG-1

    14. Selanjutnya Drag salah satu seleksi, sambil menekan tombol shift, untuk

    mempertahankan kesimetrisan Gambar, ubah ukuran Gambar sesuai dengan ukuran yang

    dibutuhkan, kemudian tempatkan pada posisi yang telah diurencanakan pada Gambar

    18.

  • 7/24/2019 Modul Kursus PHP

    36/105

    36

    15. Selanjutnya berikan sedikit efek (dibahas lebih jauh dalam Image Effect), yaitu efek

    Stroke dan Drop Shadow, masih berada pada Layer 1, selanjutnya lik menu Layer

    Layer StyleStroke, kemudian atur nilai-nilainya sebagai berikut : size

    = 4, color = white.

    16. Kemdian tambahkan sedikit Drop Shadow, Layer Layer Style Drop

    Shadow, kemudian atur nilai-nilainya sebagi berikut : Opacity = 76 %, Angle =120,

    Distance = 10, Spread = 5, Size = 7.

    17. Hasil masnipulasi tersebut di atas, akan dapat dilihat hasilnya pada Gambar 24.

    Gambar 24. Hasil penerapan Efek Stroke dan Drop Shadow

    18. Lakukan kembali langkah 6 sampai 17, untuk Gambar JG-2 dan JG-3. jangan lupa untuk

    mengatur tata letak dan ukuran Gambar yang sama besar.

    C. Text Effect

    Untuk memberikan teks effect, prosesnya akan sama dengan pemberian effek pada

    image.

    Latihan

    1. Buat sebuah file baru dengan ukuran 400 x 100 pixel (width x high), dengansetingan sebagai berikut :

  • 7/24/2019 Modul Kursus PHP

    37/105

    37

    Gambar 28. Setingan halaman kerja teks

    2. Klik type tool, kemudian tempatkan pada halaman kerja, buat kalimat dengan tulisan

    Teknik Otomotif, dengan ukuran : Huruf = Book Antiqua, Size = 36, Color = Blue,

    seperti terlihat pada Gambar 29.

    Gambar 29. Teks yang dibuat

    3. Setting warna background menjadi kuning, dengan mengklik tombol

    pada gambar belakang, selanjutnya pilih warna kuning muda (lihat Gambar 29)

    4. Klik layer background, kemudian klik menu Edit - Fill, pilih option

    Background Color

  • 7/24/2019 Modul Kursus PHP

    38/105

    38

    Gambar 30. Penggantian Background tulisan

    5. Klik layer teks, selanjutnya berikan effek stroke, Bevel & emboss dan drop

    shadow, dengan mengklik menu Layer - Layer Style - Stroke, atur pemerian stroke

    dengan warna putih, dengan ukuran sesuai kebutuhan, kemudian ulangi untuk

    emboss dan drop shadow, sehingga diperoleh hasil akhir sebagai berikut :

    Gambar 31. Hasil Pemberian efek pada Teks

  • 7/24/2019 Modul Kursus PHP

    39/105

    39

    Bab III

    Flash Mx

    Untuk menjalankan Macromedia Flash dalam sistem operasi Windows XP bisa dilakukan

    dengan klik tombol Start (1) di pojok kiri-bawah layar Program (2) Macromedia (3) Macromedia

    Flash (4).

    Gb. 1. Cara memanggil program M. Flash

    Setelah melewati proses inisialisasi program, maka di layar monitor akan terlihat tampilan

    antar-muka (desktop interface) dari Macromedia Flash.

    Gbr.2. Tampilan Antar Muka Macromedia Flash 8.0

  • 7/24/2019 Modul Kursus PHP

    40/105

    40

    1. Mengatur Atribut Stage/Layar Kerja

    Untuk mulai bekerja, bisa diatur terlebih dulu beberapa atribut dari stage, seperti ukuran, warna

    background, frame rate, dan lain-lain. Untuk itu bisa klik menu

    Modify Document, atau klik parameter Size pada Properties Panel.

    Gb. 3. Document Properties

    Parameter Dimensions dipakai untuk mengatur ukuran layar dalam satuan resolusi layar yaitu

    pixels. Sebagai acuan, resolusi layar monitor saat ini berkisar antara 800 x 600 pixels sampai 1024 x

    768 pixels.

    Parameter Frame rate dipakai untuk mengatur kecepatan animasi dalam satuan frames per

    second (fps). Sebagai acuan, tampilan video di layar TV menggunakan kecepatan sekitar 25

    sampai 30 fps.

    2. Teknik Animasi dengan M. Flash

    Animasi berasal dari bahasa Yunani kuno anima yang berarti membuat sesuatu menjadi

    seolah-oleh hidup. Dalam pembahasan di sini, animasi adalah susunan beberapa (baca:

    banyak) frame gambar yang diperlihatkan secara simultan dalam sebuah layar dengan

    kecepatan tertentu, sehingga memunculkan kesan gerak pada benak pemirsanya.

    Teknik animasi yang berkembang banyak jenisnya. Film kartun seperti Doraemon, Donald Duck,

    dll. dibuat dengan teknik gambar cell (Cell Animation). Film Nightmare before Christmast atau

    Chicken Run dibuat dengan teknik Stop motion menggunakan boneka dari tanah liat. Film Final

    Fantasy dibuat full animasi 3 D dengan komputer.

    Ada beberapa istilah yang sering dipakai dalam pembuatan animasi, antara lain:

  • 7/24/2019 Modul Kursus PHP

    41/105

    41

    1. Frame, merupakan potongan gambar diam.

    2. Key framing, susunan dan urutan linier sejumlah frame dalam timeline.

    3. Timeline, susunan sejumlah key frame menurut durasi dan kecepatan tertentu.

    4. Frame rate / kecepatan, menunjukkan kecepatan frame yang dimainkan dan diukur dalam satuan

    fps (frames per second).

    5. Key pose, posisi kunci dari sebuah key frame.6. In between, posisi antara antar 2 key pose.

    Gbr.4. Bagan Animasi

    Teknik animasi dengan M. Flash sendiri bisa dikelompokkan menjadi 3 kelompok:

    1. Animasi frame by frame;

    2. Animasi Tweening;

    3. Animasi dengan Scripting;

    Pada modul ini hanya akan dibahas teknik animasi frame by frame dan teknik animasi tweening.

    Teknik animasi frame by frame dilakukan dengan cara menggambar atau menempatkan objek yang

    berbeda pada frame yang berbeda. Jumlah frame yang dipakai akan menentukan aspek kehalusan

    animasi dan durasi animasi. Animasi dengan kecepatan 25 fps sepanjang 15 menit akan

    memerlukan jumlah frame kurang lebih sekitar (15 x 60 detik) x 25 frame = 22500 frame.

    Mengenal Toolbox

    Dalam Flash MX 2004 Toolbox berfungsi untuk menyimpan berbagai peralatan standar yang

    digunakan dalam membentuk atau memanipulasi bentukbentuk yang telah anda buat sebelumnya.

    Terdapat berbagai Tool yang dapat anda pilih beserta berbagai fungsi yang berbeda. Toolbox

    dalam Flash terbagi menjadi 4 bagian, yaitu :

  • 7/24/2019 Modul Kursus PHP

    42/105

    42

    1.

    ToolsDalam bagian ini berisi alat-alat (tool) yang berguna untuk membentuk dan merubah tampilan

    dari berbagai macam objek.

    2.

    Selection Tool

    Tool ini berguna untuk menyeleksi objek atau merubah bentuk sebuah objek. Anda dapat

    memilihnya dengan memilihnya pada icon dalam Toolbox atau dengan menekan shortcut key V

    pada keyboard.

    3.

    Subselection Tool

    Tool ini berguna untuk merubah bentuk sebuah objek pada titik atau nodenya. Anda dapat

    memilihnya dengan memilihnya pada icon dalam Toolbox atau dengan menekan shortcut

    key A pada keyboard.

    4.

    Line Tool

    Tool ini berguna membuat bentuk garis. Anda dapat memilihnya dengan memilihnya pada icon

    dalam Toolbox atau dengan menekan shortcut key N pada keyboard.

    5. Lasso Tool

    Tool ini berguna untuk memotong objek. Anda dapat memilihnya dengan memilihnya pada icon

    dalam Toolbox atau dengan menekan shortcut key L pada keyboard.

    6.

    Pen Tool

    Tool ini berguna untuk membuat bentuk objek dalam titik atau node. Anda dapat memilihnya

    dengan memilihnya pada icon dalam Toolbox atau dengan menekan shortcut key P pada keyboard.

    7. Text Tool

    Tool ini berguna untuk membuat teks. Anda dapat memilihnya dengan memilihnya pada icon

    dalam Toolbox atau dengan menekan shortcut key T pada keyboard.

    8.

    Oval Tool

    Tool ini berguna untuk membuat bentuk oval atau lingkaran. Anda dapat memilihnya dengan

    memilihnya pada icon dalam Toolbox atau dengan menekan shortcut key O pada keyboard.

  • 7/24/2019 Modul Kursus PHP

    43/105

    43

    9. Rectangle Tool dan Polystar Tool

    Tool ini berada pada satu tempat, dan anda dapa memilih dalah satunya dengan klik tahan

    pada tool. Tool ini berguna untuk membuat bentuk persegi / kotak (rectangle) dan segilima

    (polistar). Anda dapat memilihnya dengan memilihnya pada icon dalam Toolbox atau

    dengan menekan shortcut key R pada keyboard untuk memilih Rectangle Tool.

    10.

    Pencil Tool

    Tool ini berguna untuk membuat bentuk yang anda sukai, namun berbasis garis. Anda dapat

    memilihnya dengan memilihnya pada icon dalam Toolbox atau dengan menekan shortcut

    key Y pada keyboard.

    11.

    Brush Tool

    Tool ini berguna untuk membuat bentuk objek yang berbasis brush. Anda dapat memilihnya dengan

    memilihnya pada icon dalam Toolbox atau dengan menekan shortcut key B pada keyboard.

    12.Free Transform Tool

    Tool ini berguna untuk merubah / transformasi bentuk berupa ukuran, rotasi, maupun skew. Anda

    dapat memilihnya dengan memilihnya pada icon dalam Toolbox atau denganmenekan shortcut key Q pada keyboard.

    13.

    Fill Transform Tool

    Tool ini berguna untuk merubah warna gradasi. Anda dapat memilihnya dengan memilihnya pada icon

    dalam Toolbox atau dengan menekan shortcut key F pada Keyboard

    14.

    Ink Bottle

    Tool ini berguna untuk mewarnai garis tepi objek / stroke. Anda dapat memilihnya dengan

    memilihnya pada icon dalam Toolbox atau dengan menekan shortcut key S pada keyboard.

    15.

    Paint Bucket Tool

    Tool ini berguna untuk mewarnai objek / fill. Anda dapat memilihnya dengan memilihnya pada icon

    dalam Toolbox atau dengan menekan shortcut key K pada keyboard.

    16.

    Eyedropper Tool

    Tool ini berguna untuk menduplikat warna. Anda dapat memilihnya dengan memilihnya pada icon

    dalam Toolbox atau dengan menekan shortcut key I pada keyboard.

    17.

    Eraser Tool

    Tool ini berguna untuk menghapus objek. Anda dapat memilihnya dengan memilihnya pada icon

    dalam Toolbox atau dengan menekan shortcut key E pada keyboard.

    2. View Dalam bagian ini berisikan tool untuk merubah tampilan atau display dokumen, dimana

    sangat berguna jika anda ingin memperbesar atau memperkecil tampilan layer untuk melihat detail

    dari sebuah objek.

  • 7/24/2019 Modul Kursus PHP

    44/105

    44

    1 Hand Tool

    Tool ini berguna untuk menggeser layer seperti halnya tangan. Anda dapat memilihnya dengan

    memilihnya pada icon dalam Toolbox bagian view atau dengan menekan shortcut key H pada

    keyboard.

    2

    Zoom Tool

    Tool ini berguna untuk memperbesar atau memperkecil layer seperti halnya lup. Anda dapat

    memilihnya dengan memilihnya pada icon dalam Toolbox bagian view atau dengan menekan

    shortcut key M atau Z pada keyboard.

    3. Colors Dalam bagian Color ini berisikan tool untuk merubah warna dari objek dabik itu berupa

    warna stroke maupun fill.

    1

    Stroke Color Tool

    Stroke Color berguna untuk mewarnai bentuk stroke atau garis luar dari objek.

    2 Fill Color Tool

    Fill Color berguna untuk mewarnai bentuk fill atau warna dalam dari objek.

    4. Options Dalam bagian ini berisikan macam-macam option yang digunakan untuk

    melakukan modifikasi objek. Option dalam bagian ini dinamakan modifier dimana jenisnya

    bermacam-macam tergantung dari objek yang kita pilih.

    1. Rectangle Tools

    Kita dapat membuat bentuk kotak maupun persegi menggunakan tools ini dengan berbagai warna

    maupun style. Untuk membuatnya, ikuti langkah-langkah berikut

    1. Klik Rectangle tools pada toolbar

    2. Klik drag pada halaman kerja membentuk kotak

    3. Sesuaikan dengan ukuran yang diinginkan

    4. Menggunakan Arrow tools , klik pada gambar.

    5. pada fill color pilih warna yang anda sukai.

    Membuat kotak dengan sudut tumpul :

    1 Pilih Rectangle tools

    2 Klik option

  • 7/24/2019 Modul Kursus PHP

    45/105

    45

    3

    Pada kotak dialog yang muncul, masukkan angka 45

    4

    gambarlah kotak pada stage

    2. Ovale Tools

    Ovale tools digunakan untuk membuat bentuk lingkaran. Untuk membuatnya ikuti langkah-langkah berikut:

    1. Pilihlah Ovale tools

    2. Klik dan drag untuk membuat lingkaran pada halaman kerja

    3. Untuk membuat lingkaran sempurna, tekan tombol shift ketika membuat lingkaran.

    3.

    Pencils Tools

    Penggunaan pencils tools sama dengan menulis menggunakan pensil. Ada beberapa mode pilihan

    menggunakan pencils tools, yaitu:

    1. Straighten mode, digunakan untuk membuat bentuk dengan garis lurus-lurus.

    2. Smooth mode, digunakan untuk membuat bentuk dengan sudut halus.3. Ink mode, digunakan untuk membuat betuk yang lebih bebas.

    4. Line Tools

    4.

    Text Tools

    Flash memberikan 3 pilihan jenis teks, yaitu:

    1. Static text, yaitu teks sederhana yang biasanya digunakan untuk membuat label.

    2. Dinamic teks, yaitu teks yang dapat digunakan untuk menampilkan teks dari luar.

    3. Input teks, yaitu teks yang digunakan untuk meminta input dari user. Misalnya pembuatan

    form isian.

    4.

    Paint Bucket

    Tools ini digunakan untuk memberi warna pada objek yang diinginkan.

    1. Buatlah objek lingkaran.

    2. Klik pada paint bucket tools. Pada bagian fill color, pilih warna yang anda sukai.

    3. Klik pada objek yang akan diberi warna.

    5. InkBottle

    Penggunaan Ink bottle, seperti halnya paint bucket, namun penggunaan tools ini untuk

    mewarnai garis tepi objek.

    6. BrushTools

  • 7/24/2019 Modul Kursus PHP

    46/105

    46

    Mewarnai menggunakan tools ini, akan menghasilkan goresan seperti menggunakan kuas. Ada

    beberapa pilihan yang dapat anda gunakan untuk mewarnai, yaitu:

    1 Paint Normal, digunakan untuk mengecat bagian objek dengan mode normal.

    2

    Paint Fill, digunakan untuk mengecat bagian warna objek.

    3 Paint Behind, digunakan untuk mengecat bagian belakang objek.

    4 Paint Selection, digunakan untuk mengecat bagian yang terseleksi.

    5 Paint Inside, digunakan untuk mengecat bagian dalam objek.

    Untukmencobanya,buatlahlimaobjekdenganwarnayangberbedadenganwarnabrush.

    Kemudiangunakanbrushtooldenganmodeyangberbeda-beda.

    7.

    LassoTools

    Lasso tool merupakan tool pemilih. Anda dapat melakukan seleksi dengan bentuk lurus

    maupun bentuk bebas.1. Pilih Lasso tool.

    2. Klik pada titik awal objek, drag mengikuti aliran pemilihan.

    3. Apabila pemilihan selesai, lepaskan mouse.

    Jika anda bermaksud melakukan pemilihan dengan bentuk selalu lurus, pada option tools, pilih

    Polygon tools kemudian lakukan seleksi dengan cara klik setiap titik pemilihan dan diakhiri

    pada titik awal seleksi.

    8.

    EraserTools

    Tools ini digunakan untuk menghapus objek terpilih dengan beberapa pilihan:

    1. Eraser Normal, untuk menghapus objek yang dilewati eraser tools.

    2. Eraser Fill, untuk menghapus warna objek

    3. Eraser Lines, untuk menghapus garis tepi objek

    4. Eraser Selected Fills, untuk menghapus warna yang terpilih

    5. Eraser Inside, untuk menghapus bagian dalam objek

    6. Faucet Modifier, untuk menghapus satu bagian objek yang terkena faucet. Anda dapat

    mengubah ukuran penghapus dengan merubahnya pada tools option.

    Mengenal Stage

  • 7/24/2019 Modul Kursus PHP

    47/105

    47

    Stage dalam Flash berguna sebagai lembar kerja untuk pembuatan berbagai bentuk objek yang kita

    inginkan. Dalam Flash MX Profesional 2004 kita dapat langsung membuat berbagai bentuk objek

    dengan memilih Tool yang kita inginkan kemudian membuatnya dalam Stage yang tersedia

    LANGKAH KERJA

    Timeline dalam Flash berguna untuk mengatur letak dan waktu dari animasi sebuah objek. Dalam

    Timeline ini terdapat dua bagian utama yaitu Layer dan Frame.

    Dalam Timeline terbagi menjadi dua bagian yaitu :

    1. Layer Dalam bagian Layer ini berguna sebagai tempat meletakkan objek. Untuk membuat sebuah

    layer anda dapat dengan menggunakan cara klik icon Add Layer atau melalui Menu Insert >

    Timeline > Layer

  • 7/24/2019 Modul Kursus PHP

    48/105

    48

    atau dengan cara klik kanan Layer > Insert Layer

    2. Frame Frame berfungsi untuk mengatur waktu dari objek ataupun animasi akan ditampilkan.

    Kecepatan frame yang dimainkan sangat berpengaruh dari framerate yang digunakan. Makin

    tinggi framerate maka akan makin cepat pula sebuah animasi akan dimainkan.

    Kecepatan framerate sebuah animasi dapat diatur dengan cara double click frame pada

    Timeline, kemudian memasukkan nilai framerate yang anda inginkan.

    Mengenal Property Inspector

    Property Inspector dalam Flash berisi property dari objek yang kita pilih menggunakan

    Selection Tool . Tiap objek yang kita pilih memiliki property yang berbeda dengan objek

    lainnya. Sebagai contoh jika kita memilih objek lingkaran yang kita buat dengan Oval Tool

    maka akan berbeda property-nya dengan teks yang kita buat menggunakan Text Tool

    Dalam Property Inspector ini kita dapat merubah tiap property dari objek yang kita pilih baik itu

    berupa objek, maupun animasi dengan merubah parameter dalam Property Inspector objek

    maupun animasinya.

    Mengenal Warna

  • 7/24/2019 Modul Kursus PHP

    49/105

    49

    Dalam Flash, setiap objek yang dibuat akan dibuat dalam 2 warna, yaitu Fill color (warna dalam)

    dan Stroke color (warna luar/stroke). Setting kedua warna ini dapat dilakukan dari Tool Color

    dalam Toolbox, kemudian memilih salah satu warna dalam palet warna yang tersedia.

    Sedangkan setting warna lebih lanjut dapat dilakukan dari Panel dengan memilih Panel

    Color Mixer sehingga akan terlihat seperti gambar berikut :

  • 7/24/2019 Modul Kursus PHP

    50/105

    50

    Mengenal Library

    Library dalam Flash berguna untuk menyimpan berbagai objek maupun symbol yang

    digunakan dalam aplikasi yang anda buat. Sebuah objek yang anda buat ataupun import ke

    dalam Flash maka secara otomatis akan ditempatkan dalam bagian ini. Library dapat

    ditampilkan dengan memilih dari menu Window > Library atau dengan menekan tombol Ctrl + L

    dari keyboard.

  • 7/24/2019 Modul Kursus PHP

    51/105

    51

    Anda dapat memasukkan objek yang terdapat dalam Library ke dalam Stage dengan melakukan

    drag langsung objek dari Library ke dalam Stage.

    Mengenal Actionscript

    Dalam Flash kita dapat membuat objek dalam aplikasi yang kita buat menjadi lebih interaktif.Untuk membuat interaktivitas dalam Flash kita dapat mengunakan perintah perintah yang biasa

    disebut dengan Actionscript. Pada dasarnya actionscript yang kita buat hampir sama dengan

    bahasa pemrograman Javascript, maka jika anda telah terbiasa dengan bahasa pemrograman ini

    maka ini akan sangat membantu anda dalam membuat aplikasi menggunakan actionscript ini.

    Dalam actionscript anda harus memahami tiga macam komponen untuk membuat aplikasi anda

    menjadi lebih interaktif, yaitu :

    1 Event Merupakan peristiwa yang terjadi untuk memicu sebuah aksi pada objek

    2 Action Merupakan aksi atau kerja yang dikenakan atau diberikan pada suatu objek.

    3 Target Merupakan objek yang dikenai oleh aksi.

    Actionscript dalam Flash MX Profesional 2004 terdapat dalam panel Action yang dapat anda

    tampilkan dengan memilih menu Window Development Panel Action, atau dengan

    menekan tombol F9 pada keyboard.

    Dalam Panel Action, anda dapat mengetikkan perintah langsung ke dalam jendela yang tersedia,

    ataupun dengan memilih menu bantuan yang sudah disediakan pada panel ini.

  • 7/24/2019 Modul Kursus PHP

    52/105

    52

    Mengatur Halaman Kerja

    Menampilkan Grid

    Grid digunakan untuk mempermudah pengaturan kesimetrisan halaman kerja. Untuk

    menampilkannya, pilih menu View Grid Show Grid atau dapat dengan menekan shortcut

    key Ctrl + 1 Menampilkan Garis Pilih menu View Ruller atau dapat dengan menekan

    shortcut key Ctrl + Alt + Shift + R

    1.

    Mengatur warna dan ukuran stage Pilih menu Modify Document hingga terlihatwindow Document Properties.

    Dalam window document Properties tersebut anda dapat menentukan :

    1 Property Lebar dan Tinggi lembar kerja anda dalam kolom Dimension agar sesuai

    dengan yang anda inginkan.

    2 Background Color untuk mengganti warna latar belakang sesuai dengan warna latar

    yang anda inginkan.

    3 Frame rate untuk menentukan jumlah frame yang dimainkan per detiknya dengan

    ukuran fps atau frame per second.

    4

    Ruler Unit untuk mengubah ukuran sesuai dengan yang anda inginkan.

  • 7/24/2019 Modul Kursus PHP

    53/105

    53

    B. Membuat Animasi Tweening

    Seperti yang kita ketahui dalam Flash kita dapat membuat dua metode animasi yaitu Animasi

    Tweening dan Animasi Frame by frame. Dalam hal ini pertama kali kita akan membuat sebuah

    animasi dengan metode Tweening.

    1. Animasi Motion

    Animasi motion merupakan animasi dengan mode tweening. Untuk membuat animasi ini,

    hanya menentukan titik awal dan titik akhir, selebihnya dikerjakan oleh computer. Buatlah file

    baru, pilih menu File -New Sebagai contoh dengan menggunakan ovale tools, buatlah lingkaran

    pada stage disebelah kanan. Dalam Timeline, klik kanan pada keyframe 1 -pilih Create motion

    tween. Klik kanan pada frame 20 -pilih insert keyframe

    Catatan :

  • 7/24/2019 Modul Kursus PHP

    54/105

    54

    Ingatlah letak keyframe yang sedang aktif, jika berada pada frame 20 maka animasi akan

    berjalan ke kiri. Sedangkan jika yang sedang terpilih adalah frame 1 maka animasi akan

    bergerak ke kanan. Maka Telitilah terlebih dahulu letak posisi kursor anda dalam Timeline!

    Jalankan animasi dengan menekan Enter.

    Lihat preview test movie dengan menekan Ctrl + Enter

    Ulangi langkah d dan e untuk keyframe 30, 40, dan seterusnya

    2.Animasi Motion

    Animasi Mask

    1.

    Buatlah file baru, pilih menu File -New

    2.

    Menggunakan teks tool, buatlah tulisan dengan Text Tool. Tebalkan dan perbesar tulisan

    tersebut

    3. dari property teks di Property Inspector.

  • 7/24/2019 Modul Kursus PHP

    55/105

    55

    4.

    klik kanan pada keyframe 40 -pilih Insert frame

    5.

    Tambahkan layer baru menggunakan tombol add layer pada pojok kiri bawah timeline.

    6. Pilih layer baru tersebut. Menggunakan Ovale tool, buatlah lingkaran di sebelah kiri teks.

    7. Klik kanan pada frame 40 -pilih Insert keyframe

    8.

    Pindahkan lingkaran ke sebelah kanan teks.

    9.

    Klik kanan pada frame 1 -pilih create motion tween. Lakukan pada frame 1510.

    Pilih layer 2 (layer paling atas) -pilih mask

    11. Jalankan animasi dengan menekan control+Enter

    Animasi Alpha

    1. Buatlah file baru, pilih menu File -New

    2. Menggunakan Pen tool, buatlah bentuk bintang.

    3. Klik kanan pada keyframe 10 -pilih insert keyframe

    4. Klik kanan pada frame 1 -pilih create motion tween. Lakukan pada frame 10

    5. Pilih frame 1. Dalam kolom color di Property Inspector ubah property dari none ke alpha.

    6.

    Pada kotak pilihan alpha, masukkan nilai antara 0% hingga 100 % pada kotak prosentaseuntuk memberi efek penampakan objek.

    7.

    Jalankan animasi anda

    Animasi Transform

    1.

    Buatlah file baru, pilih menu File -New

    2.

    Menggunakan Rectangle tools, buatlah kotak persegi panjang.

    3.

    Klik kanan pada keyframe 1 -pilih Create motion tween

    4. Klik kanan pada frame 5 -pilih insert keyframe, kemudian

    5. Pilih tool Free Transform.

    6.

    Klik objek bantu persegi panjang yang terbentuk, transformasikan ke bentuk yang andainginkan.

    7.

    Jalankan animasi dengan menekan enter.

    Animasi Shape

    1. Buatlah file baru, pilih menu File -New

    2.

    Menggunakan ovale tools, buatlah bentuk lingkaran.

    3.

    Klik kanan pada frame 20 -pilih Insert Blank Keyframe

    4. Menggunakan rectangle tool, buatlah objek kotak.

    5. Pilih frame 1.

    6.

    Dalam kolom Tween pada Property Inspector ubah property Tween menjadi Shape7. Jalankan animasi anda.

  • 7/24/2019 Modul Kursus PHP

    56/105

    56

    BAB IV

    Pengenalan PHP DAN MySQL

    Sebelum Belajar PHPSebelum lebih lanjut mempelajari bagaimana membuat web dinamis, atau aplikasi berbasis

    web nggunakan PHP dan MySQL, penulis menyarankan anda untuk terlebih dahulu mengerti

    bagaimana membangun web menggunakan HTML. Ini digunakan sebagai bekal awal agar nantinya

    anda tidak kesulitan dalam mengenali tag-tag HTML yang digunakan dalam membuat website

    dinamis di ebook PHP ini. Perlu diketahui PHP yang akan dipelajari dalam ebook PHP ini adalah

    PHP versi ke 5. Karena pada dasarnya tidak terlalu jauh berbeda antara versi 5 dengan PHP versi

    terbaru yakni PHP 6, perbedaan yang mendasar hanyalah fitur OOP-nya saja, dan OOP tidak

    dibahas secara detil dalam ebook PHP ini. Namun mengingat cakupan PHP begitu luas, saya akan

    menghadirkannya nanti di ebook free edisi selanjutnya.

    Perkenalan PHP, MySQL, Apache, dan OpenSource

    Sebelum mengenal PHP, MySQL, Apache, perlu diketahui ketiga aplikasi yang disebutkan

    tadi merupakan aplikasi open source. Aplikasi OpenSource merupakan aplikasi berlisensi GPL

    (General Public License) yang diperuntukkan secara bebas digunakan oleh Masyarakat

    Internasional dan sifatnya gratis, open source berarti kode sumbernya terbuka, dimana seorang

    pengguna, maupun pengembang, dapat mengkostumisasi, dan mengembangkan kode tersebut

    secara bebas. Opensource memungkinkan para programmer dunia membuat aplikasi tersebut

    mengalami perkembangan yang sangat pesat sebagaimana halnya Linux, linux mengalami

    perkembangan yang begitu cepat, dan pesat jauh berbeda dengan metode yang diterapkan oleh

    Microsoft yakni Closed Source pada aplikasi-aplikasi buatannya.

    What Are PHP and MySQL ???

    PHP ?

    PHP Pertama kali ditemukan pada 1995 oleh seorang Software Developer bernama Rasmus

    Lerdrof. Ide awal PHP adalah ketika itu Radmus ingin mengetahui jumlah pengunjung yang

    membaca resume onlinenya. script yang dikembangkan baru dapat melakukan dua pekerjaan,

    yakni merekam informasi visitor, dan menampilkan jumlah pengunjung dari suatu website. Dan

    sampai sekarang kedua tugas tersebut masih tetap populer digunakan oleh dunia web saat ini.

    Kemudian, dari situ banyak orang di milis mendiskusikan script buatan Rasmus Lerdrof, hinggaakhirnya rasmus mulai membuat sebuah tool/script, bernama Personal Home Page (PHP).

    Kebutuhan PHP sebagai tool yang serba guna membuat Lerdorf melanjutkan untuk

    mengembangkan PHP hingga menjadi suatu bahasa tersendiri yang mungkin dapat

    mengkonversikan data yang di inputkan melalui Form HTML menjadi suatu variable, yang dapat

    dimanfaatkan oleh sistem lainnya. Untuk merealisasikannya, akhirnya Lerdrof mencoba

    mengembangkan PHP menggunakan bahasa C ketimbang menggunakan Perl. Tahun 1997, PHP

    versi 2.0 di rilis, dengan nama Personal Home Page Form Interpreter (PHP-FI). PHP Semakin

  • 7/24/2019 Modul Kursus PHP

    57/105

    57

    popular, dan semakin diminati oleh programmer web dunia.

    Rasmus Lerdrof benar-benar menjadikan PHP sangat populer, dan banyak sekali Team

    Developer yang ikut bergabung dengan Lerdrof untuk mengembangkan PHP hingga menjadi seperti

    sekarang, Hingga akhirnya dirilis versi ke 3-nya, pada Juni 1998, dan tercatat lebih dari 50.000

    programmer menggunakan PHP dalam membuat website dinamis.

    Pengembangan demi pengembangan terus berlanjut, ratusan fungsi ditambahkan sebagaifitur dari bahasa PHP, dan di awaal tahun 1999, netcraft mencatat, ditemukan 1.000.000 situs di

    dunia telah menggunakan PHP. Ini membuktikan bahwa PHP merupakan bahasa yang paling

    populer digunakan oleh dunia web development. Hal ini mengagetkan para developernya

    termasuk Rasmus sendiri, dan tentunya sangat diluar dugaan sang pembuatnya. Kemudian Zeev

    Suraski dan Andi Gutsman selaku core developer (programmer inti) mencoba untuk menulis ulang

    PHP Parser, dan diintegrasikan dengan menggunakan Zend scripting engine, dan mengubah jalan

    alur operasi PHP. Dan semua fitur baru tersebut di rilis dalam PHP 4.

    13 Juli 2004, evolusi PHP, PHP telah mengalami banyak sekali perbaikan disegala sisi, dan

    wajar jika netcraft mengumumkan PHP sebagai bahasa web populer didunia, karena tercatat 19

    juta domain telah menggunakan PHP sebagai server side scriptingnya. PHP saat ini telahMendukung XML dan Web Services, Mendukung SQLite. Tercatat lebih dari 19 juta domain telah

    menggunakan PHP sebagai server scriptingnya. Benar-benar PHP sangat mengejutkan. Yang

    menjadikan PHP berbeda dengan HTML adalah proses dari PHP itu sendiri. HTML merupakan

    bahasa statis yang apabila kita ingin merubah konten/isinya maka yang harus dilakukan pertama

    kali nya adalah, membuka file-nya terlebih dahulu, kemudian menambahkan isi kedalam file

    tersebut. Beda hal nya dengan PHP. Bagi anda yang pernah menggunakan CMS seperti wordpress

    atau joomla yang dibangun dengan PHP tentunya, ketika akan menambahkan konten kedalam

    website, anda tinggal masuk kedalam halaman admin, kemudian pilih new artikel untuk membuat

    halaman/content baru. Artinya hal ini, seorang user tidak berhubungan langsung dengan scriptnya.

    Sehingga seorang pemula sekalipun dapat menggunakan aplikasi seperti itu.

    Keunggulan PHP

    1. Gratis

    Apa yang membuat PHP begitu berkembang sangat pesat?? hingga jutaan domain

    menggunakan PHP, begitu populernya PHP?? Jawabannya adalah karena PHP itu gratis. Saya

    sendiri menyukai bahasa yang satu ini selain mudah juga karena gratis.

    2. Cross platform

    Artinya dapat di gunakan di berbagai sistem operasi, mulai dari linux, windows, mac os dan

    os yang lain.3. Mendukung banyak database

    PHP telah mendukung banyak database, ini mengapa banyak developer web menggunakan

    PHP Adabas D Adabas D, dBase dBase, Empress Empress, FilePro (read-only) FilePro (read-only)

    Hyperwave, IBM DB2, Informix, Ingres, InterBase, FrontBase mSQL, Direct MS-SQL, MySQL MySQL,

    ODBC, Oracle (OCI7 and OCI8), Ovrimos, PostgreSQL SQLite, Solid, Sybase, Velocis, Unix dbm.

  • 7/24/2019 Modul Kursus PHP

    58/105

    58

    4. On The Fly

    PHP sudah mendukung on the fly, artinya dengan php anda dapat membuat document text,

    Word, Excel, PDF, menciptakan image dan flash, juga menciptakan file-file seperti zip, XML, dan

    banyak lagi.

    MySQLadalah Database Database sendiri merupakan suatu jalan untuk dapat menyimpan berbagai

    informasi dengan membaginya berdasarkan kategori-kategori tertentu. Dimana informasi-

    informasi tersebut saling berkaitan, satu dengan yang lainnya.

    MySQL bersifat RDBMS (Relational Database Management System) RDBMS memungkinkan

    seorang admin dapat menyimpan banyak informasi ke dalam table-table, dimana table-table

    tersebut saling berkaitan satu sama lain. Keuntungan RDBMS sendiri adalah kita dapat memecah

    database kedalam table-table yang berbeda. setiap table memiliki informasi yang berkaitan dengan

    table yang lainnya.

    Mengapa Menggunakan MySQL

    1. Gratis

    Sama dengan PHP, MySQL bersifat opensource, semua orang bebas menggunakannya npa

    harus membayar sepeser pun

    2. Cross Platform

    MySQl dapat digunakan under windows, ataupun under linux.

    3. Lengkap dan Cepat

    Pasangan yang cocok dengan PHP. Wajar jika banyak hosting saat ini mendukung adanya

    PHP dan MySQL karena kecepatan, gratis, dan dapat di jalankan di sistem operasi manapun.

    Apa itu Apache ?

    Mengapa menggunakan Apache?

    1. Merupakan webserver.

    Tempat php engine/processor berada. Tempat meletakkan file-file php dan database. Ketika

    user elakukan request http:// membuka suatu halaman, disinilah apache bekerja. Menjawab

    request tersebut dengan enampilkan halaman yang diminta.

    2. Apache sama seperti PHP dan MySQL, Gratis.3. Cross Platform

    Perbedaan fungsi antara PHP, MySQL dan Apache adalah, PHP merupakan bahasanya,

    MySQL adalah databasenya, dan Apache merupakan webserver yang dapat mengeksekusi script

    php dan menampilkannya kepada user, dan melalui apache lah php dapat mengolah data dan

    menyimpan data tersebut ke dalam database.

  • 7/24/2019 Modul Kursus PHP

    59/105

    59

    Installasi PHP, MySQL, & Apache dengan xampp

    xampp, merupakan sebuah paket yang berisi PHP, MySQL, Apache secara lengkap. xampp

    sendiri bisa langsung anda download di http://www.apachefriends.com. Anda tinggal

    mengekstraknya lalu klik dua kali.

    Langkah Pertama

    Double klik xampp yang sudah anda download, yakni xampp-win32-1.7.3.exe

    Langkah PERTAMA Klik Button Install

    Langkah Kedua

    Nah kalau sudah melihat button install, tangan kita sudah gatal-gatal ingin segera

    mengkliknya, biarkan seperti itu saja, kemudian klik install. Sehingga nanti xamppnya akan

    terinstall secara otomatis di c:\xampp

    Langkah Kedua Proses Install

  • 7/24/2019 Modul Kursus PHP

    60/105

    60

    Langkah Ketiga

    Tunggu Prosesnya

    Langkah Ketiga Proses Install

    Langkah Keempat

    Apakah anda ingin shortcut xampp control panel di letakkan di desktop ataupun

    start menu ? ketik y saja untuk yes kemudian enter.

    Langkah Keempat Proses Install

    Langkah Kelima

    Pertanyaan ini untuk memperbaiki direktori install, apakah sudah benar letak

    direktorinya? Ketik y saja kemudian enter.

  • 7/24/2019 Modul Kursus PHP

    61/105

    61

    Langkah Kelima Proses Install

    Langkah Keenam

    Selanjutnya akan ada pertanyaan, apakah anda ingin memasukkan xampp kedalam

    flashdisk, sehingga xampp anda bisa digunakan secara portable, artinya anda dapat

    menjalankan secara portable, tidak perlu install lagi jika di jalankan dikomputer lain.

    Ketik n saja untuk tidak, kemudian enter. Lalu diamkan sejenak.

    Proses Install

    Langkah 7

    Lalu enter saja

    Proses Install

  • 7/24/2019 Modul Kursus PHP

    62/105

    62

    Langkah 8

    Lalu enter lagi

    Proses Install

    Langkah 9

    Terakhir ada pertanyaan apakah anda ingin menjalankan pilihan yang disediakan??

    Penulis menekan x kemudian enter untuk keluar dari install. So far, jika anda mengikuti

    proses ini dan tampilannya sama dengan yang penulis jabarkan disini berarti anda telah

    selesai menginstall xampp.

    Proses Install

    Selesai sudah installasi xampp versi 1.7.3, untuk menjalankan xampp anda bisa

    langsung double klik Xampp Control Panel di desktop. Anda juga bisa mencarinya di startmenu | xampp for windows kemudian klik xampp control panel.

  • 7/24/2019 Modul Kursus PHP

    63/105

    63

    Proses Pemanggilan XAMPP

    Kemudian nanti akan tampil windows seperti ini :

    Gambar 3.11 Proses Pemanggilan XAMPP

    Mungkin anda bertanya-tanya, apa yang harus saya klik? Dalam mempelajari PHPdan MySQL kita cuma butuh dua services yang berjalan. Pertama adalah Apache, dan kedua

    Adalah MySQL. Apache inilah yang nantinya dapat menjalankan script PHP, dan MySQL

    adalah service yang digunakan untuk dapat membuat database mysql.

    Oke yang perlu diklik adalah start di baris Apache dan Start di baris MySQL, sisanya

    digunakan untuk FTP, Email, dan bahasa yang lain selain PHP. Oke? Silahkan klik start

    apache dan start mysql. Sehingga hasilnya menjadi seperti ini :

  • 7/24/2019 Modul Kursus PHP

    64/105

    64

    Proses pengaktifan Apache dan MySQL

    Jika sudah seperti ini, artinya anda telah berhasil menjalankan service apache danmysql. Untuk mengetes apakah sudah benar-benar berhasil, anda bisa membuka browser

    internet favorit anda, di sini penulis menggunakan browser internet mozilla firefox.

    Kemudian ketikkan http://localhost di addressbar, kemudian enter.

    Proses Tampilan Home XAMPP

  • 7/24/2019 Modul Kursus PHP

    65/105

    65

    BAB V

    Bekerja dengan PHP

    a.

    Struktur Syntax PHP

    Untuk mengetikkan baris code php, maka anda perlu mengapitnya dengan tag karena di luar dari itu php engine tidak menganggapnya sebagai script php,

    melainkan hanya html biasa. Sebagai contoh kita akan menggunakan php, untuk menampilkan

    kalimat "Hallo dunia PHP?!" kita cukup membuka notepad, lalu ketikan seperti ini di notepad :

    oke, setelah mengetik semua, silahkan save di :c:\xampp\htdocs\

    buat folder baru dengan nama latihanphp, lalu save dengan nama latihan1.php, sehinggananti struktur pathnya adalah :

    c:\xampp\htdocs\latihanphp\latihan1.php

    b. Integrasi HTML dan PHP

    Selain berdiri sendiri, PHP pun dapat di integrasikan dengan HTML. Saya asumsikan anda

    sudah mengerti HTML sebelumnya. Kita akan coba membuat sebuah halaman yang

    didalamnya terdapat script PHP dan HTML. Masuk ke dalam direktori

    c:\xampp\htdocs\latihanphp\ buat sebuah file dengan nama latihan2.php, kemudian

    ketikan baris code seperti ini.

    Latihan 2

    c. Menggunakan Constant dan Variable

    Apa itu konstan ?? konstan diartikan sebagai suatu nilai yang tidak bisa di modifikasi lagi.

    Bersifat mutlak, dan tidak dapat di rubah. biasanya ini digunakan untuk bilangan yang

  • 7/24/2019 Modul Kursus PHP

    66/105

    66

    tetap, misalkan untuk jari-jari suatu lingkaran, misalnya. Atau mungkin tanggal lahir

    seseorang. Misalkan :

    Latihan 3

    Menggunakan Variable

    Variable, merupakan suatu nilai yang masih dapat di ubah, dengan cara di isi ulang, berbedadengan konstan yang tidak dapat di rubah dan bersifat mutlak. Coba kita buat satu buah filedi c:\xampp\htdocs\latihanphp\ bernama latihan4.php. Kemudian kita ketikkan barisseperti ini ke dalam file tersebut :

    d. Menggunakan OperatorOperator membuat suatu nilai menjadi penting. Ada beberapa jenis operator yang bergunadalam pemrogaman menggunakan PHP. Ada operator matematika, assignment,perbandingan, logika, increment, decrement.Operator matematika :

  • 7/24/2019 Modul Kursus PHP

    67/105

    67

    // pengurangan di wakili tanda '-'

    // penjumlahan di wakili tanda '+'

    // perkalian di wakili tanda '*'

    // pembagian di wakili dengan tanda '/'

    // sisa hasil bagi di wakili dengan tanda '%'

    ?>

    Operator assignment

    hal ini juga sama dengan perkalian di wakili tanda '*=' dan pembagian '/=' contoh yanglebih lengkapnya adalah seperti ini :

  • 7/24/2019 Modul Kursus PHP

    68/105

    68

    Operator LogikaOperator logika ini baisanya digunakan untuk menyelesaikan sebuah masalah yng

    berupa perbandingan yang biasanya sering digunakan untuk sebuah pengandaian misalnyaseperti

    Jika Cuaca Cerah, Maka Saya berangkat ke sekolah. Contoh penulisannya sbb :

    Selain Contoh di atas ada juga contoh lain yang menggunakan Operator Logika yang lebihdari satu

    Nah, setelah argument if yang bisa digunakan banyak kondisi sekarang kita menggunakanoperator logika else yang kita gabungkan dengan if, sebagai contoh script di bawah ini.

  • 7/24/2019 Modul Kursus PHP

    69/105

    69

    {

    echo "Saya akan Minum Susu Kuda Liar";

    }

    ?>

    Setelah logika if dan else, ada logika argumen yang bisa digunakan dengan kondisi tanpabatas yaitu dengan menggunakan logika argument if, else if, dan else yang digunakanbersamaaan dalam dunia sehari hari contohnya seperti Jika Cuaca Mendung Saya akanmembawa payung, Jika Cerah maka saya akan Berangkat ke rumah teman walau harus

    melewati pematang sawah, Jika banjir maka saya tetap pergi dengan bawa perahu, dan

    seterusnya.

    dalam dunia php implementasinya sebagai berikut :

    Menggunakan pemilihan switch

    Switch sebetulnya sama saja dengan argumen if, else if, dan else, cuma sedikit berbedadalam penggunaannya terlebih pada syntaxnya. Jika untuk memutuskan kondisi dalam if,else if, dan else itu menggunakan {} namun dalam switch untuk memberhentikankeputusan digunakanlah fungsi break; bentuk aslinya adalah seperti ini :

    switch(variable){ // kita memilih variable yang akan dicocokkancase kriteria1: // kita menanyakan kriteria pertama itu apa

  • 7/24/2019 Modul Kursus PHP

    70/105

    70

    pernyataan1; // kemudian pernyataannya apa ?break; // di akhir dengan break; begitu seterusnya, hingga kriteria habis

    case kriteria2:pernyataan2;break;

    // dan seterusnya dan seterunya ...}

    di sini terlihat ketika kondisinya sesuai di wakili dengan code case kriteria1: dengan titik

    dua ':' di belakang setiap kriterianya. maka di tulis lah pernyataan di bawahnya itu apa?

    Menggunakan Pengulangan

    Pengulangan digunakan untuk memudahkan kita dalam menyelesaikan kasus membuattampilan yang sama, ada tiga jenis pengulangan yaitu pengulangan bentuk for, BentukWhile, Bentuk do While.

    Bentuk Pengulangan For

    For merupakan jenis pengulangan yang cukup sering digunakan, dan penggunaanpengulangan bentuk for ini tergantung kebutuhan. dan for ini bisa digunakan untuk contohkasus sederhana yang saya sebutkan di awal tadi yaitu menampilkan angka 1 - 100 atau 1- 50jt dengan cepat. For membuat semuanya menjadi sangat effisien. Bentuk umum foradalah seperti ini :

    for(nilai awal; batas nilai; operator increment/decrement){

  • 7/24/2019 Modul Kursus PHP

    71/105

    71

    pernyataan yang akan di proses}

    Untuk operator increment yang lain adalah seperti ini.

    selain hanya php, anda juga dapat menggunakan pengulangan ini untuk menghasilkan htmlyang dinamis, contohnya seperti ini :

    Pengulangan header

    Pengulangan while

    Nilai awal

    While (batas pengulangan){pernyataan;operator decrement/increment;

    }

    Pengulangan jenis ini tidak terlalu jauh berbeda dengan pengulangan bentuk for. hanyasaja penempatan nilai awalnya, dan operator decrement/incrementnya berbeda letaknya.Implementasinya adalah seperti ini :

  • 7/24/2019 Modul Kursus PHP

    72/105

    72

    Pengulangan do while

    Bentuk pengulangan do while adalah seperti ini :

    Nilai awal

    do{

    pernyataan;operator decrement/increment;

    }While (batas pengulangan)

    contoh implementasinya :

    Menggunakan Include dan require untuk efisiensi Coding

    Fungsi include dan require berfungsi untuk menjalankan banyak file secara berbarengandengan cara memasukkan file lain kedalam suatu file tertentu. bentuk penulisannya adalahseperti ini :

    include "namafile.php";require "namafile.php";

    implementasinya seperti ini :

  • 7/24/2019 Modul Kursus PHP

    73/105

    73

    if ($cuaca == "cerah")

    {

    echo "Latihan bola di GOR";

    }

    else

    {

    echo "Bikin mie ramen";

    }

    ?>

    Menggunakan Fungsi untuk effisiensi Coding

    Fungsi ini berisi sekumpulan perintah program, bisa berisi argumen if, pengulangan,variable, yang dapat menerima inputan berupa variable berisi nilai kemudian mengolahnilai tersebut sesuai dengan kebutuhan. Bentuk umum dalam membuat fungsi adalah

    seperti ini :

    function namafungsi(parameter1, parameter2, ... parameter n ){

    pernyataan berupa perintah operasi program;}

    Menggunakan parameter dalam fungsi

    Parameter mewakili variable yang nilainya akan diolah. untuk menggunakan parameter

    contohnya adalah seperti ini :

  • 7/24/2019 Modul Kursus PHP

    74/105

    74

    testing($tinggibadan);

    ?>

    Implementasi lain

    Mengembalikan Nilai Fungsi

    Mengembalikan nilai fungsi dilakukan jika anda menginginkan nilai dari fungsi tersebut diolah dalam suatu variable tertentu. Nah biasanya nilai dalam variable nantinya akandigunakan oleh fungsi yang lain. Untuk mengembalikan nilai fungsi, digunakan suatu fungsireturn. Contoh implementasinya :

    Fungsi penjumlahan tersebut akan mengembalikan nilai dari penjumlahan antara $nilai1dan $nilai2. Sehingga nilai dari fungsi dapat diimplementasikan sebagai nilai dari suatuvariable $jumlah20plus30. Dan hasil akhirnya adalah nilai si fungsi di ambil dari nilai returnfungsi tersebut. Sehingga nilai dari fungsi tersebut dapat dimanfaatkan untuk suatukebutuhan lainnya.

    Mengenal array

    Jika variable itu cuma memiliki satu nilai, maka array memiliki banyak nilai dari elemen.Array, merupakan suatu kumpulan data variable yang tersusun secara index. nanti akansaya jelaskan maksudnya itu apa. Array dapat menampung variable yang tipe datanyaberbeda-beda.

  • 7/24/2019 Modul Kursus PHP

    75/105

    75

    Syntax array

    array(elemen)

    contoh dalam PHP

    Pada script di atas dijelaskan array dimulai dari index 0, jadi index ke tiga adalah tahun2024. php array pun dapat memuat berbagai variable dengan tipe data yang lain. Contohlainnya :

    Mengakses Array Dalam Variable Yang Terpisah

    Ada sedikit pertanyaan mungkin, masih seputar array, mungkin anda menginginkan arraytersebut di akses kedalam variable variable yang terpisah, anda dapat menggunakan fungsilist(); implementasinya seperti ini :

    Mengurutkan array

    Sedikit lagi dengan array, bagaimana mengurutkan array ? hal ini digunakan ketika kitamemiliki banyak data tapi data tersebut tidak berurutan, misalkan 1,3,2,4,7,8,6,5,9,10, kita

  • 7/24/2019 Modul Kursus PHP

    76/105

    76

    ingin mengurutkan array tersebut dari terkecil hingga terbesar. solusinya adalahmenggunakan fungsi sort() :

    Menggunakan foreach

    Selain menggunakan looping dengan bentuk for tadi, kita pun dapat menggunakanpengulangan yang memang dikhususkan untuk array, yakni foreach, dan biasanya foreach

    juga digunakan untuk menampilkan isi dari database. penggunaan foreach sangatlahmudah.

    Manipulasi String

    Manipulasi string digunakan untuk mengolah suatu inputan yang dimasukkan oleh useratau di ambil dari database. Biasanya manipulasi ini digunakan untuk satu alasan tertentu,seperti misalkan mencocokan password, validasi kecocokan email, menampilkan textdengan format tertentu, misalkan menampilkan angka 3031924 dalam rupiah menjadi Rp3.031.924,- dan masih banyak contoh yang lainnya.

    Menghitung Jumlah karakter dalam string

  • 7/24/2019 Modul Kursus PHP

    77/105

    77

    Membandingkan 2 String

    Membandingkan 2 string biasanya digunakan untuk pencocokan password, ataupencocokan email. Di gunakan fungsi strcmp(); implementasinya seperti ini :

    ini merupakan simulasi ketika password yang berada dalam database yakni $passowrdasli,dicocokkan dengan cara penginputan yang dilakukan oleh user yakni $passwordinput.Strcmp itu membandingkan antara password database dengan password yang input, ketikapassword yang di input itu tidak cocok dengan yang ada di database maka yang terjadikemudian adalah pernyataan "Password anda salah".

    Mengkapitalkan string

    Ini adalah istilah lain dari mengubah text yang tadinya huruf kecil semua menjadi hurufbesar semua. Cara penggunaannya cukup mudah, cukup dengan menggunakan

    strtoupper(); Implementasinya adalah sebagai berikut :

    Menjadikan string huruf kecil semua

    Mengubah baris

  • 7/24/2019 Modul Kursus PHP

    78/105

    78

    saya jalan sendirian

    di tengah jalan bertemu kucing herder

    saya di kejar sampai nyusruk";

    echo nl2br($cerita);

    ?>

    Memfilter tag html

    Memfilter tag html biasanya digunakan ketika seorang web developer tidak menginginkanspammer merusak tampilan guestbook, dengan linknya, atau menonaktifkan tag html yangtidak dibutuhkan.

    Misalkan ketika seorang spammer yang menaruh link situsnya kedalam guestbook, makauntuk menonaktifkan link tersebut cukup gunakan strip_tags(); implementasinya adalahseperti ini :

    Memecah string ke dalam array dengan explode()

    Bagaimana cara untuk memecah string, menjadi kumpulan elemen dalam array? Dengancara menggunakan explode(). String yang berisi kata-kata akan dipecah, sehingga menjadiarray-array, yang nantinya digunakan untuk kebutuhan tertentu.

    Contoh Lainnya?php

    $tanggal = "03/Maret/1924";

    $tanggalarray = explode("/", $tanggal)

    echo $tanggalarray[2];

    ?>

    Menggabungkan array menjadi satu kesatuan dengan implode()

    Contoh lainnya

  • 7/24/2019 Modul Kursus PHP

    79/105

    79

    Mencari Posisi Suatu Karakter Dengan Strpos()Untuk mencari posisi suatu karakter atau string anda dapat menggunakan strpos().Contohnya adalah sebagai berikut :

    Menampilkan sebagian isi string dengan substr()

    Anda dapat menampilkan sebagian isi dari suatu string, mungkin bagi anda yang pernahmembuka suatu situs biasanya di awal situs ditampilkan intro dari suatu artikel, denganketerangan read more, atau baca selengkapnya, hal ini menggunakan substr(), atau untukmemfilter nomor hp, dengan cara tidak menampilkan kesuluruhan nomornya, kemudiandiganti dengan karakter xxx, dan lain sebagainya.

  • 7/24/2019 Modul Kursus PHP

    80/105

    80

    BAB VI

    Mengaplikasikan

    PHP dan MySQL

    Struktur dan Syntak MySQL

    Struktur MySQL

    MySQL Sama dengan bahasa pemrogaman lainnya yang juga sama-sama memiliki tipedata.

    Tipe Data String

    char, memiliki panjang 255varchar, memiliki panjang 255tinytext, memiliki panjang 255text, tidak terbatas

    mediumtext, 1 jutalongtext, 4 Milyar

    Tipe Data Numerik

    int, -2 M sampai dengan 4 Mtinyint, -128 sampai dengan 255mediumint, -8 Juta sampai dengan 8 Jutabigint, -92 Triliyun sampai dengan 92 Triliyunfloat, bilangan desimal positif, bilangan real, memiliki koma-komaan ...double, bilangan desimal negatif dan positif, dan memiliki koma-komaan ...

    Tipe Data Date dan Time

    date, hanya memuat tanggal saja, dengan formatnya seperti ini tahun-bulan-tanggaltime, hanya memuat waktu saja, formatnya HH:MM:SS (Jam:Menit:Detik)datetime, memuat tanggal dan waktu, formatnya Tahun-Bulan-Hari Jam:Menit:Detikyear

    Tipe Key

    Primary Key, Kunci yang menghubungkan antara 1 table dengan table lainnya

    Auto Increment

    Auto Increment menyebabkan pertambahan nilai urutan secara otomatis, suatu record

    memiliki nilai 1, kemudian jika ada record yang lain lagi di insertkan ke dalamdatabase, maka urutannya akan menjadi 2 dan begitu seterus-seterusnya ....

    Syntax MySQL

    Pada bagian ini akan saya akan coba jelaskan beberapa syntax MySQL yang seringdigunakan dalam membuat website, maupun aplikasi-aplikasi berbasis website, baikdalam melakukan pembuatan database, penambahan isi database, untuk menghapus isidatabase, ataupun untuk menghapus database itu sendiri. Syntax yan