modul kursus php
TRANSCRIPT
-
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