Senin, 31 Desember 2012

coreldraw

CorelDRAW

Edit Published December 31, 2012 by ayariasa

Modul 1 (CorelDRAW)
Apa Itu CorelDRAW?
CorelDRAW – The Popular Drawing Software
CorelDRAW adalah sebuah drawing software yang sangat populer. Sebuah software
yang serbaguna dan dimanfaatkan oleh para desainer dari berbagai aliran: seni
murni, desain logo, desain ikon dan karakter, desain poster, brosur, kartu nama,
cover buku dan sebagainya. Digemari oleh desainer cetak karena memiliki palet
warna yang mendekati warna yang dihasilkan oleh mesin cetak, meskipun demikian
CorelDRAW tidaklah cocok digunakan untuk layout isi buku. Pertama kali muncul
pada tahun 1987, versi terakhir yang dirilis adalah X5 (15) pada Februari 2010.
Popularitas dan penggunaannya yang begitu luas membuat software lain yang
sejenis, sedikit banyak kemudian mengikuti tampilan dan cara penggunaannya,
termasuk drawing software yang tidak berbayar (open source).
Drawing dan Painting, Apa Bedanya?
Apa saja software grafis yang anda kenal? Jika anda menyebut Adobe Photoshop, ia
termasuk painting software. Apa beda drawing dan painting kalau begitu? Painting
berarti bahwa ketika anda menambahkan sesuatu – apakah itu titik, garis, bangun,
coretan dan sebagainya – ke atas bidang gambar, maka anda melakukan hal yang
sama dengan mencorat-coret sebuah kertas: anda mengubah warna bidang gambar
tersebut, sehingga coretan yang anda buat tidak dapat digeser atau diubah kecuali
dihapus. Pada painting, manipulasi individual terhadap coretan dicapai dengan
sistem layering: seolah-olah anda memiliki selembar kertas putih di dasar dan
berlapis-lapis kertas transparan di atasnya: coretan pada lapis ke 15 dapat anda
hapus tanpa merusak coretan lain di lapis ke 14. Drawing berarti bahwa apa yang
anda tambahkan ke bidang gambar sebenarnya adalah sebuah objek. Seperti
menaruh pin, penggaris, dan busur di atas selembar kertas. Benda-benda tersebut
tidak pernah menyatu dengan kertasnya, sehingga bebas untuk dimanipulasi,
misalnya digeser. Setiap objek drawing merupakan hasil penggambaran secara
matematis dari informasi komponen grafis objek yang tersimpan. Ukuran file citra
hasil painting akan membesar seiring dengan ukuran bidang gambar dan jumlah
layernya, sedangkan ukuran file gambar hasil drawing tergantung pada banyaknya
objek di dalamnya. Citra painting menyimpan hasil akhir coretan-coretan anda
berupa sebuah lukisan utuh (dikenal juga sebagai bitmap); gambar drawing
menyimpan koordinat titik, jenis objek dan manipulasinya saja (dikenal juga sebagai
vector), sehingga perlu rendering (proses penggambaran) setiap kali kita ingin
melihat hasilnya.
Berkenalan Dengan CorelDRAW
Membuka CorelDRAW
CorelDRAW bukanlah sesuatu yang langsung ada di komputer anda, ketika anda
baru saja membelinya misalnya, atau setelah anda melakukan instalasi sebuah
sistem operasi. Tentu anda harus terlebih dahulu membeli software ini dan
melakukan instalasi sebelum anda mulai menggunakannya. CorelDRAW tersedia
dalam paket bernama Corel Graphics Suite bersama beberapa software grafis lain
dari Corel yang saling melengkapi. Ukuran instalasinya antara 100-300 megabyte
untuk seluruh paket tersebut. Corel Graphics Suite tersedia untuk sistem operasi
Windows dan Macintosh. Jika CorelDRAW telah terinstal, sangat mudah untuk
membukanya, tinggal menamukan lokasi grup software aplikasi pada komputer
anda. Contoh untuk Windows adalah klik tombol ‘Start’ ‘All Programs’
‘CorelDRAW Graphics Suite X4’ ‘CorelDRAW X4’. Bagaimana jika versi CorelDRAW
yang dimiliki berbeda? Temukan saja bagian menu yang memuat kata Corel,
kemudian cari shortcut untuk CorelDRAW di sana.
Antarmuka CorelDRAW
Setelah memberikan perintah untuk membuka CorelDRAW, mungkin saja akan
muncul jendela dengan pertanyaan atau pilihan, klik saja ‘New’, dan akan muncul
antarmuka utama CorelDRAW. Tutorial ini menggunakan CorelDRAW versi X4 untuk
pembahasannya. Jika versi yang anda miliki berbeda, jangan khawatir, secara garis
besar antarmuka CorelDRAW tidak mengalami perubahan radikal dari satu versi ke
versi berikutnya, sehingga informasi dalam tutorial ini masih dapat anda gunakan.
Perbedaan yang ada adalah kemampuan baru yang ditambahkan setiap kenaikan
versi, yang biasanya ditunjukkan oleh adanya tool baru pada toolbar atau menu baru,
sehingga pada versi yang lebih lama dari X4, beberapa bagian antarmuka belum ada.

Bagian-bagian antarmuka CorelDRAW (nomor menunjuk pada ilustrasi gambar):
1. Title Bar
2. Menu Bar
Kumpulan menu yang digunakan untuk mengakses seluruh fungsi-fungsi
yang ada pada CorelDraw, termasuk membuka – menyimpan file, efek-efek,
dan sebagainya.
3. Standard Toolbar
Kumpulan icon yang berfungsi untuk mengakses menu-menu umum yang
paling sering dipakai. Berikut isi standard toolbar:

4. Property Bar
Berfungsi menampilkan pilihan properti dari sebuah fungsi toolbox yang
tengah dipakai. Pada kondisi default (tool yang terpilih adalah pick tool –
panah putih, maka property bar akan berisi ukuran kertas bidang gambar,
orientasi kertas, unit yang digunakan, dan sebagainya. Property bar akan
selalu berubah tergantung dari tool yang kita pilih di toolbox.

5. Ruler Bar
6. Toolbox
Berisi pilihan tool dan mode menggambar. Klik pada sebuah ikon tool untuk
menggunakannya, maka tombol ikon akan tampak seperti ditekan, dan tool
tersebut siap kita gunakan pada bidang gambar. Kadang juga terdapat subtool
yang dapat dimunculkan dengan menekan agak lama pada sebuah icon
tool, kemudian klik pada sub tool yang tersedia. Isi Toolbox ditunjukkan
pada halaman berikutnya.

7. Bidang Kerja
8. Bidang Gambar
Luasan bidang gambar dengan ukuran kertas tertentu yang dapat kita
gunakan untuk mendesain gambar. Apa yang berada di luar tepi bidang
gambar tidak akan ikut tercetak saat diprint.
9. Palet Warna
Digunakan untuk memilih warna yang akan kita pakai untuk mewarnai
sebuah objek gambar. Klik kiri pada palet akan mengeset warna isian (fill)
suatu objek, dan klik kanan pada palet akan mengeset warna tepi dan garis
(line).
10. Penunjuk Halaman
11. Status Bar
Menunjukkan beberapa status penting dan event yang sedang terjadi, juga
pada bagian kanan menunjukkan warna fill dan line sebuah objek.
12. Object Properties
Menampilkan setting yang dapat dipilih dari sebuah objek. Biasanya yang
terdapat di sini adalah warna fill, warna garis, dan sebagainya untuk sebuah
objek tertentu saja.
Tool Untuk Menggambar
Anda membutuhkan beberapa peralatan dasar untuk memudahkan anda
menggambar. Peralatan atau tool ini tersedia pada Toolbox di sebelah kiri
antarmuka, dan secara sengaja dikelompokkan pada bagian atas untuk
mempermudah penggunanya mengingat dan menjangkaunya. Tool harus diklik
terlebih dahulu untuk menggunakannya. Tool dasar ini diantaranya adalah:
Pick Tool
Memilih dan mengaktifkan obyek untuk melakukan manipulasi objek. Misalnya
scaling, rotating, skewing, resizing.
Shape Tools
1. Shape Tool : Melakukan proses editing node pada shape (komponen garis
dari obyek).
2. Smudge Tool : Menggosok obyek sehingga merubah bentuk obyek yang
digosok tersebut.
3. Roughen Tool : Memberikan efek distorsi pada obyek.
4. Transform Tool : Merotasi, membesarkan, mengecilkan, skewing image
secara bebas.

Crop Tools
1. Crop Tool : Digunakan untuk menghapus objek diluar seleksi.
2. Knife Tool : Pisau yang berfungsi untuk memotong obyek. Cara kerjanya
persis seperti menggunakan pisau biasa.
3. Eraser Tool : Menghapus bagian tertentu dari obyek.
4. Virtual Segment delete tool : Menghapus segmen secara virtual
Zoom Tools
1. Zoom Tool : Membesarkan atau mengecilkan tampilan area kerja di monitor.
2. Hand Tool : Menggeser area kerja ke posisi tertentu.
Mulai Menggambar
Mengatur Ukuran Bidang Gambar
Karena dirancang untuk desain kreatif – termasuk desain cetak, maka CorelDRAW
menyediakan bermacam-macam ukuran kertas secara default untuk membantu Anda
memilih secara cepat ukuran yang diinginkan. Hampir segala jenis ukuran kertas
standar yang populer dapat anda temukan di sini: Letter, A4, F4, B4, Business Card,
Hagaki dan sebagainya.
Pengaturan tambahan meliputi orientasi kertas, satuan
ukuran yang akan digunakan dan lain-lain. Klik Menu Tools Options Document
Page Size untuk memunculkan jendela pengaturan ukuran bidang gambar
yang ditunjukkan pada halaman berikutnya.
Alternatif lain adalah ketika tool dalam posisi ‘Pick Tool’, ubah ukuran kertas yang
ada pada Property Bar, apakah Letter, A4 atau sebagainya, atau kita juga bisa
mendefinisikan sendiri ukuran yang kita mau, misalnya 3 x 4 inchi, atau 30 x 30 cm,
pada boks di sebelah kanan ukuran kertas, sekaligus pilih orientasi kertas, apakah
portrait (tegak) atau landscape (tidur).

Menambahkan Objek
Pada bagian awal dijelaskan bahwa CorelDRAW adalah drawing software. Semua
yang terletak di atas bidang gambar adalah objek. Artinya, apapun yang pernah anda
lihat berada di atas bidang gambar, baik itu titik, garis, bangun, citra (image), teks
dan lain-lain, yang meskipun seolah-olah membentuk sebuah kesatuan komposisi,
sebenarnya adalah entitas-entitas terpisah yang saling bebas satu sama lain.
Objek apa saja yang dapat ditambahkan ke dalam bidang gambar?
Ada berbagai pilihan objek yang disediakan pada bagian tengah Toolbox. Seluruhnya
adalah objek geometris – karena dibuat secara matematis, tetapi objek-objek ini jika
dikombinasikan dapat menghasilkan gambar yang menarik.

Curve Tools
1. Freehand Tool : Membuat obyek berupa garis bebas.
2. Bezier Tool : Membuat obyek garis dengan menentukan banyaknya node.
3. Artistic Media Tool : Membuat obyek garis dengan berbagai bentuk yang
artistik.
4. Pen Tool : Membuat obyek kombinasi antara garis lurus dan garis lengkung
secara langsung.
5. Polyline Tool : Membuat obyek kombinasi garis lurus dan freehand secara
langsung.
6. 3-Point Tool : Membuat obyek garis dengan kurva 3 point.
7. Connector Tool : Membuat obyek garis konektor secara interaktif
8. Dimension Tool : Membuat obyek garis ukuran pada suatu obyek yang kita
buat.
Smart Tools
1. Smart Fill : Untuk mewarna objek dan garis secara bersamaan sesuai dengan
pengaturan.
2. Smart Drawing : Membuat obyek garis secara bebas seperti freehand tool,
namun dengan hasil yang lebih bagus.
Rectangle Tools
1. Rectangle Tool : Membuat obyek persegi panjang atau bujur sangkar.
2. 3-Point Rectangle Tool : Membuat obyek persegi panjang atau bujur sangkar
dengan kemiringan tertentu.
Ellipse Tools
1. Ellipse Tool : Membuat obyek lingkaran atau elips.
2. 3-Point Ellipse Tool : Membuat obyek lingkaran atau elips dengan kemiringan
tertentu.
Object Tools
1. Polygon Tool : Membuat obyek segi banyak.
2. Star Tool : Membuat obyek-obyek bintang.
3. Complex Star Tool : Membuat obyek-obyek bintang sudut banyak.
4. Graph Paper : Membuat obyek menyerupai tabel.
5. Spiral Tool : Membuat obyek spiral.
6. Text Tool : Membuat obyek teks.
7. Table Tool : Membuat tabel.
Perfect Shape Tools
1. Basic Shapes Tool : Membuat obyek-obyek dasar.
2. Arrow Shapes Tool : Membuat obyek-obyek anak panah.
3. Flowchart Shapes Tool : Membuat obyek-obyek flowchart.
4. Banner Shapes Tool : Membuat objek-objek banner.
5. Callout Shapes Tool : Membuat obyek-obyek callout (objek isi teks pada
komik).
Eyedropper Tools
1. Eyedropper tool : Mengambil sampel warna dari suatu obyek.
2. Paintbucket tool : Memberikan warna tertentu pada suatu obyek.
Bagaimana cara menambahkan objek?
Contoh berikut akan menambahkan objek berupa segi empat dan lingkaran. Untuk
membuat segi empat, klik ‘Rectangle Tool’ pada Toolbox, klik pada bidang gambar,
kemudian tarik sesuai ukuran segi empat yang diinginkan dan selamat, sebuah segi
empat telah ditambahkan pada bidang gambar anda! Lakukan cara yang sama untuk
menambahkan sebuah lingkaran, tetapi sebelumnya klik pada ‘Ellipse Tool’ sebelum
anda mulai melakukan klik dan tarik pada bidang gambar. Setiap bentuk objek
sebenarnya memiliki shortcut tombol keyboard masing-masing untuk mempercepat
proses desain. Temukan beberapa diantaranya melalui eksperimen, dan cobalah
membuat objek-objek yang lainnya!

Catatan ketika menambahkan objek teks
Jika anda ingin menambahkan teks tanpa batas segi empat – misalkan
kalimat slogan atau judul, klik ‘Text Tool’ kemudian cukup sekali klik pada
bidang gambar, dan ketikkan teks yang anda inginkan. Jika anda melakukan
dengan cara yang sama seperti contoh di atas (klik dan tarik) saat
menambahkan objek teks, maka akan tercipta sebuah batas segi empat
yang menjadi tempat menuliskan teks anda. Batas ini berfungsi seperti
batas kolom pada majalah.
Bagaimana cara mengubah garis dan isian objek?
Lakukan eksperimen pribadi, dan temukan bagaimana anda dapat
mengubah warna garis, ketebalan garis, pola garis, warna isian objek, pola
isian objek, dan sebagainya. Temukan jawabannya pada suplemen modul
ini, tetapi berusahalah untuk menemukannya sendiri terlebih dahulu!
Menambahkan Objek Gambar Berformat Lain
Tidak hanya objek asli dari CorelDRAW yang dapat kita taruh di atas bidang gambar.
Seandainya anda memiliki citra atau gambar yang dibuat dengan software grafis
lainnya, objek tersebut dapat dimasukkan pula ke dalam bidang gambar, jika format
objek tersebut didukung oleh CorelDRAW. Format gambar lain yang didukung
misalnya adalah EPS (Encapsulated PostScript), AI (Adobe Illustrator), SVG (Scalable
Vector Graphics – format gambar terbuka), serta format-format citra umum seperti
BMP (bitmap), JPG, GIF, PNG (Portable Network Graphics – format citra terbuka) dan
sebagainya. Caranya adalah sebagai berikut:
a. Klik pada menu ‘File Import’, atau bisa juga dengan menekan ‘Ctrl + I’ pada
keyboard.
b. Muncul kotak dialog ‘Import’ untuk memilih gambar, pilih gambar yang
dikehendaki, kemudian klik tombol Import
c. Muncul placeholder untuk meletakkan gambar di bidang gambar, gerakkan
mouse ke tempat yang dikehendaki, kemudian klik untuk menempatkan
gambar tersebut.
d. Objek selesai diimpor ke bidang gambar. Objek ini masih bisa digeser jika
letaknya kurang pas dengan cara klik pada bagian objek yang bukan bagian
tengahnya, kemudian tarik ke lokasi yang diinginkan.
Penting tentang impor citra!
Citra hasil impor yang memiliki warna latar belakang putih belum tentu
akan berubah menjadi latar belakang transparan ketika menjadi sebuah
objek. Hanya format citra *.gif dan *.png, dan gambar dari aplikasi vektor
lainnya yang latar belakangnya dapat terlihat transparan; itu pun dengan
syarat tertentu yang terkait dengan cara penyimpanan gambar tersebut
pada waktu dibuat.
Memanipulasi Objek
Kelebihan dari konsep objek adalah, bahwa sebuah objek tidak terikat dengan
bidang gambarnya maupun objek yang lain, sehingga setiap objek bisa dimanipulasi
secara bebas tanpa mempengaruhi yang lain.
Manipulasi Dasar Objek
1. Select (Memilih)
Pilih tool Pick Tool yang berada pada urutan teratas toolbox, kemudian klik pada
objek yang diinginkan. Untuk memilih lebih dari satu objek, sinari seluruh objek
(melakukan klik dan tarik pada area sekitar objek-objek dimaksud) atau menekan
tombol keyboard ‘Shift’ sambil melakukan klik pada masing-masing objek.
2. Move (Memindah)
Pilih objek yang diinginkan, kemudian pindahkan dengan cara melakukan klik dan
tarik pada objek tersebut. Jika anda ingin menggeser beberapa objek sekaligus,
pastikan ketika melakukan klik dan drag, kursor mouse diposisikan pada salah satu
objek tersebut.

3. Resize (Memperbesar/Memperkecil)
Pilih objek yang diinginkan, kemudian klik dan tarik kotak berwarna hitam di
pojok-pojok atau kiri-kanan-atas-bawah objek untuk merubah ukuran objek. Jika
Anda menginginkan objek membesar dan mengecil sesuai porosnya, tekan
terlebih dahulu dan tahan tombol keyboard ‘Shift’ selama melakukan klik dan
tarik. Alternatif lain untuk melakukan resize adalah menggunakan ukuran persen
yang terdapat pada Property Bar. Persen ini berlaku untuk panjang dan lebar
objek. Jika menggunakan property bar, anda harus mengetikkan angka yang
diinginkan, kemudian tekan tombol keyboard ‘Enter’.

4. Rotate (Memutar)
Pilih objek yang diinginkan, lalu klik sekali lagi pada sembarang bagian objek
untuk menjadikan mode rotate, di mana tanda hitam di pojok-pojok akan berubah
menjadi panah melingkar. Klik dan tarik pada panah tersebut untuk memutar
objek. Jika anda menginginkan objek berputar sesuai porosnya yang baru, Anda
harus memindah poros-nya dengan cara klik dan tarik pada ikon poros.

Alternatif rotasi yang lain adalah menggunakan fungsi rotasi yang ada pada
Property Bar, dengan fungsi rotasi CCW (counter clockwise – melawan arah jarum
jam). Jika menggunakan property bar, anda harus mengetikkan angka yang
diinginkan, kemudian tekan tombol keyboard ‘Enter’.

Setelah selesai melakukan rotasi, klik sekali lagi pada objek untuk
mengembalikannya ke mode resize.
5. Delete (Hapus)
Pilih objek yang diinginkan, lalu tekan tombol ‘Del’ pada keyboard.
Mengapa objek dapat dimanipulasi dengan mudah?
Ditarik, dibalik, diputar, kok sepertinya luwes sekali? Objek yang terlihat di
layar sebenarnya disimpan sebagai informasi komponen grafis saja,
misalnya koordinat titik, garis, warna, dan rumus penyusun objek tersebut.
Apa yang terlihat secara visual adalah hasil rendering atau penggambaran
secara matematis dari komponen-komponen grafis objek tersebut. Dengan
demikian manipulasi akan langsung diterapkan secara matematis terhadap
komponen informasi yang dimanipulasi, misalnya letak sebuah titik, dan
secara otomatis komponen lain akan menyesuaikan. Ukuran dan posisi
objek tidak akan mempengaruhi besarnya informasi yang disimpan, tetapi
banyaknya objek yang disimpan.
Menyimpan dan Membuka Gambar
Bekerja dengan banyak objek akan membuat memory komputer berkurang, dan
bukan tidak mungkin nantinya anda akan bekerja dengan ratusan bahkan ribuan
objek, yang – karena asyiknya – tidak terasa menghabiskan seluruh memory
komputer dengan efek samping komputer berhenti atau mengeluarkan pesan
kesalahan. Satu hal yang harus diketahui adalah jika hal ini terjadi, pada beberapa
kasus CorelDRAW ikut berhenti dan gambar anda menjadi hilang. Seluruhnya? Ya,
seluruhnya! Oleh karena itu jangan lupa untuk sering melakukan penyimpanan untuk
mencegah hilangnya pekerjaan anda. Disarankan untuk melakukan save setiap 5
atau 10 menit sekali.
Menyimpan Gambar
Klik pada menu ‘File Save’, atau bisa juga dengan menekan ‘Ctrl + S’ pada
keyboard, atau dengan mengklik ikon ‘Save’ (gambar disket) pada Standard Toolbar.
Jika sebelumnya gambar belum pernah disimpan, akan muncul kotak dialog ‘Save
Drawing’ yang menanyakan nama file. Ketikkan nama file sesuai keinginan anda,
kemudian klik tombol ‘Save’.
Untuk alasan kompatibilitas, anda dapat memilih format penyimpanan file gambar.
Format default adalah CDR. Anda dapat juga memilih untuk menyimpan dalam
format CDR versi-versi sebelumnya, agar file gambar anda dapat dibuka oleh
CorelDRAW versi lama. Jendela penyimpanan ditunjukkan oleh gambar pada
halaman berikutnya.

Membuka File Gambar
Untuk membuka kembali gambar, klik pada menu ‘File Open’, atau bisa juga
dengan menekan ‘Ctrl + O’ pada keyboard, atau dengan mengklik ikon ‘Open’
(gambar folder berpanah keluar) pada Standard Toolbar. Akan muncul kotak dialog
‘Open Drawing’, pilih file yang diinginkan kemudian klik tombol ‘Open’.
Menyimpan gambar yang mengandung objek teks.
Jika anda memiliki objek teks pada gambar anda, kemungkinan
ketika gambar tersebut dibuka di komputer lain, ada beberapa font
yang tidak dimiliki komputer tersebut, sehingga font yang anda
gunakan untuk menuliskan teks tidak akan dapat ditampilkan. Untuk
menghindari hal ini, pilihlah objek-objek teks yang dibuat menggunakan
font yang jarang ada, kemudian lakukan ‘Convert to Curve’. Objek teks
anda akan menjadi kurva. Kekurangan dari cara ini adalah teks anda tidak
dapat diedit kembali. Cara lain adalah dengan mencontreng pilihan ‘Embed
Truetype Fonts’ saat melakukan penyimpanan pertama kali. Dengan cara
kedua ini teks masih tetap dapat diedit, tetapi ukuran file akan menjadi
lebih besar karena memuat pula seluruh font yang digunakan.
Bonus Tips Modul 1
Membentuk teks mengikuti sebuah objek lain
a. Buatlah sebuah objek garis dengan ‘Bezier Tool’.
b. Klik ‘Shape Tool’, klik dua kali pada objek garis yang dibuat sebelumnya, akan
muncul sebuah titik hitam besar sebagai titik lengkungan kurva.
c. Tarik titik hitam besar tersebut sesuai keinginan untuk membentuk kurva.
d. Sesuaikan sudut kurva dengan menarik-narik titik hitam kecil yang ada di
ujung garis putus-putus.

e. Dapatkah cara ini diterapkan pada objek selain garis? Cobalah!
Membentuk teks mengikuti sebuah objek lain
a. Buatlah sebuah objek, apakah itu lingkaran, kotak atau garis.
b. Klik ‘Text Tool’
c. Dekatkan pointer mouse ke objek tersebut sampai ikon pointer berubah
menjadi huruf A dengan lekuk di bawahnya. Klik mouse dan silakan mulai
menulis teks mengikuti bentuk objek yang bersangkutan.

disusun oleh :
Aditya Wikan Mahastama
Universitas Kristen Duta Wacana
Pustaka: CorelDRAW Documentation
Lizard Wijanarko

coreldraw

disusun oleh :
Aditya Wikan Mahastama
Universitas Kristen Duta Wacana
Pustaka: CorelDRAW Documentation
Lizard Wijanarko

CorelDRAW

Modul 2 (CorelDRAW)

Fungsi-fungsi Bermanfaat
Mengubah Posisi Lapis Objek
Anda membuat sebuah objek kotak, kemudian anda menambahkan sebuah objek
lingkaran, lalu anda menambahkan sebuah objek segitiga. Jika anda geser-geser,
maka akan terlihat bahwa kotak ada di lapis paling bawah. Apakah dia harus selalu
berada di bawah? Tidak, ia bisa digeser menjadi yang paling atas. Untuk itulah anda
perlu menguasai fungsi mengubah posisi labis objek.
Cara yang paling sederhana adalah:
1. Klik Pick tool.
2. Pilih objek yang diinginkan.
3. Tekan tombol ‘Ctrl + Page Up’ pada keyboard untuk menaikkan posisi objek
satu lapis.
4. Tekan tombol ‘Ctrl + Page Down’ pada keyboard untuk menaikkan posisi objek
satu lapis.
5. Tekan tombol ‘Shift + Page Up’ atau ‘Shift + page Down’ pada keyboard untuk
menaikkan posisi objek ke lapis paling depan atau paling belakang
Efek Transparansi
Anda bisa menambahkan efek transparansi pada semua objek yang kita punyai pada
bidang gambar, baik itu rectangle, teks, maupun objek gambar yang kita import dari
luar. Langkah langkahnya adalah sebagai berikut:
1. Pastikan objek yang diinginkan telah dipilih dengan cara klik pada sembarang
bagian objek tersebut, dan pastikan sudah memilih ‘Pick Tool’ dengan
mengklik ikonnya pada Toolbox.
2. Klik ikon ‘Interactive Blend Tool’ pada Toolbox, tahan sebentar hingga muncul
sub-toolnya, kemudian klik pada ikon ‘Interactive Transparency Tool’ (gambar
gelas).
3. Pilih jenis transparansi yang diinginkan pada Property Bar, apakah uniform
(seragam), linear (bertahap) dan sebagainya. Pilihan defaultnya adalah none
(tidak transparan). Kita juga bisa mengatur tingkat transparansi yang ada
dalam bentuk persen. 100 persen berarti gambar benar-benar tembus
pandang (hilang).
Untuk jenis transparansi yang bukan uniform, kita juga bisa mengatur arah
transparansi dengan melakukan klik dan tarik pada kotak hitam dan putih yang
muncul di atas objek. Kotak hitam menandakan arah yang semakin transparan,
sedangkan kotak putih ke arah yang semakin solid.
Efek Shadow
Efek lain yang umum dipakai adalah shadow, untuk menambahkan bayangan pada
objek kita. Jika objek berupa objek asli buatan CorelDRAW, maka bentuk bayangan
akan mengikuti bentuk objeknya. Jika objek berupa gambar yang diimport, maka
akan mengikuti tipe gambar tersebut. Gambar yang mengandung sifat transparan
seperti *.gif dan *.png, bentuk bayangannya akan mengikuti bentuk gambar yang
tidak transparan, sedangkan pada gambar yang sifatnya solid seperti *.bmp dan
*.jpg, bayangan akan mengikuti bentuk kotak sesuai ukuran gambar. Cara
menambahkan bayangan pada objek:
1. Pastikan objek yang diinginkan telah dipilih dengan cara klik pada sembarang
bagian objek tersebut, dan pastikan sudah memilih ‘Pick Tool’ dengan
mengklik ikonnya pada Toolbox.
2. Klik ikon ‘Interactive Blend Tool’ pada Toolbox, tahan sebentar hingga muncul
sub-toolnya, kemudian klik pada ikon ‘Interactive Drop Shadow Tool’ (gambar
kotak berbayangan).
3. Pilih jenis bayangan yang diinginkan dari beberapa preset yang tersedia pada
Property Bar. Atur juga variabel-variabel yang menyertai untuk preset
tersebut. Lakukan eksperimen dengan memasukkan nilai-nilai baru ke dalam
boks-boks yang tersedia di Property Bar.
Anda juga bisa mengatur arah bayangan dengan melakukan klik dan tarik pada kotak
hitam dan putih yang muncul di atas objek. Kotak hitam menandakan arah bayangan,
sedangkan kotak putih adalah awal munculnya bayangan. Kotak putih hanya dapat
diatur untuk tengah, kiri, kanan, atas dan bawah objek.
Mengedit Bentuk Objek Dengan Fleksibel
Jika anda tidak puas dengan bentuk dasar objek yang sudah diberikan oleh
CorelDRAW, anda dapat melakukan edit terhadap objek tersebut sehingga memiliki
bentuk yang aneh, asimetris dan sebagainya. Caranya adalah:
1. Buat sebuah objek, misalnya rectangle (kotak).
2. Klik ‘Pick Tool’, pilih objek tersebut.
3. Klik kanan pada objek, pilih ‘Convert to Curve’.
4. Klik ‘Shape Tool’.
5. Cobalah untuk melakukan klik dan tarik pada sisi-sisi objek tersebut, jika
belum berhasil, lakukan langkah berikutnya.
6. Klik satu titik sudut objek (berupa kotak hitam), klik kanan dan pilih ‘to Curve’,
lakukan pada semua titik sudut yang diperlukan.
7. Cobalah klik dan tarik pada sisi-sisi objek tersebut, bentuklah sesuai keinginan.
Untuk bentuk yang lebih presisi, klik dan tarik pada garis panah yang muncul
dari setiap titik sudut.
8. Untuk menambahkan titik sudut, dengan ‘Shape tool’ terpilih, dobel klik pada
garis objek. Untuk menghapusnya, klik kanan pada titik sudut tersebut dan
pilih ‘Delete’.
Tips Yang Lebih Lengkap
Anda dapat mendownload tips yang lebih lengkap beserta petunjuk langkah demi
langkah, karangan Lizard Wijanarko dari link berikut:
http://lecturer.ukdw.ac.id/mahas/dossier/memulaicoreldraw.pdf
Membuat Poster Yang Baik
Membuat sebuah poster memerlukan teknik supaya poster enak untuk dilihat
sekaligus menyampaikan apa yang menjadi tujuannya. Berikut ini tips yang dapat
digunakan sebagai panduan dalam membuat poster.
1. Kenali Audience Anda
Ini adalah langkah pertama yang wajib untuk
dilakukan ketika membuat sebuah iklan dan
berlaku juga untuk poster. Anda hanya
memiliki 3 detik untuk dapat menangkap
perhatian seseorang agar ia mau melihat
poster anda. Ini berarti bahwa anda harus
tahu apa yang disukai oleh calon sasaran
poster anda, dan apa yang ingin mereka
lihat. Buatlah desain poster yang langsung
menarik mereka untuk datang pada
pandangan pertama. Jika sasaran anda
adalah anak-anak, gunakan warna yang
cerah dan gambar tokoh kartun favorit
mereka.

Jika sasaran anda adalah orang
dewasa, jangan gunakan tokoh kartun –
gunakanlah gambar artis atau gambar lain
yang menarik bagi orang dewasa. Hal lain
yang penting adalah menanyakan pada diri
anda, apa sebenarnya tujuan anda membuat
poster ini. Menjual sesuatu? Mendidik
masyarakat? Mempromosikan sesuatu? Meskipun tampak rumit, tidak ada salahnya
anda membuat catatan kecil mengenai tujuan pembuatan poster anda, untuk
menjaga arah desain anda agar tetap konsisten.

2. Fokuskan Pesan Yang Ingin Anda Sampaikan
Poster terbaik berkata tentang sebuah hal dan menyampaikannya dengan singkat,
tidak bertele-tele. Anda sebaiknya membuat sebuah headline yang pendek saja – 8
kata atau kurang dari itu – tetapi memiliki makna kuat yang langsung dapat
ditangkap oleh orang-orang yang membacanya. Gunakan objek-objek lain yang
membantu mendukung untuk menyampaikan tujuan anda. Jika menambahkan foto,
pilih foto yang berhubungan dan semakna dengan teks anda, jangan asal comot saja
atau berpikir bahwa yang penting ada dekorasinya. Kita tidak sedang membuat
dekorasi di sini, tetapi mengarahkan semua objek yang ada pada poster untuk fokus
pada satu pesan utama. Jangan membuat pusing pembaca poster anda dengan
berbagai macam objek yang tidak saling berkaitan.

3. Jangan Ruwet!
Idealnya, desain poster anda memiliki sebuah objek fitur, yaitu sebuah objek yang
tampak begitu mencolok dan merebut perhatian para pembaca. Jika desain anda
menempatkan teks secara asal-asalan dan berkesan asal muat; menggunakan terlalu
banyak warna; terlalu banyak tekstur atau dengan singkat dapat dikatakan: terlalu
banyak isinya, maka tujuan untuk menarik perhatian sekaligus menyampaikan
informasi, tidak akan tercapai. Setelah desain awal selesai, pejamkan mata dan lihat
kembali poster anda, seolah-olah anda pembaca awam. Apakah poster anda sudah
begitu menarik? Apakah pesannya sudah jelas?

4. Perkuat Visual Daripada Teks
Sebuah poster berfungsi untuk menyampaikan ide secara visual. Jangan terbawa
untuk menuliskan sebuah cerita panjang lebar di sana, tetapi gunakanlah gambar
untuk berbicara. Contoh poster di dibawah ini memberikan pesan yang jelas bahwa ia
berbicara mengenai Batman, seandainya
tanpa teks sekalipun. Jika anda harus
memasukkan teks, boleh saja, tetapi jangan
terlalu banyak, dan pastikan bahwa teks
tersebut terintegrasi dengan desain visual
poster anda.

5. Font Harus Mudah Dibaca
Mempertimbangkan banyaknya variasi jenis objek yang mungkin anda masukkan
sebagai elemen desain poster, maka ketika anda memutuskan untuk memuat teks,
font yang digunakan harus jelas sehingga tidak bercampur dengan elemen-elemen
yang lain. Untuk headline, disarankan bahwa ia harus terbaca dari jarak minimal 5
meter. Jangan gunakan font yang rumit, kursif atau mirip tulisan tangan.
Berdasarkan penelitian dan survey, font bertipe sans-serif (tanpa ekor atau ujung
lancip) misalnya Arial, lebih mudah dibaca dari kejauhan. Anda juga dapat
menggunakan ukuran untuk mengorganisasikan informasi. Headline sebagai elemen
tipografis utama poster anda, tentu berisi pesan yang paling mengena dan oleh
karena itu menggunakan ukuran font yang paling besar. Sajikan informasi pada
tingkat berikutnya disajikan dalam teks berukuran font lebih kecil, dan semakin
detail akan semakin kecil. Mengapa tidak perlu semuanya besar? Pembaca akan
sudah sedemikian dekat melihat poster anda – karena tertarik dengan headline dan
informasi lainnya – untuk dapat membaca detailnya.

6. Gunakan Warna Secara Efektif
Warna dapat membantu anda untuk memberikan kesan instan mengenai poster
anda. Ia dapat menunjukkan identitas, membantu memilah informasi, memberi
nuansa yang diinginkan, dan masih banyak lagi, sehingga secara sepintas saja
pembaca sudah dapat menangkap kesan yang ingin disampaikan. Poster dengan
warna perusahaan tertentu langsung memberikan impresi bahwa itu adalah poster
buatan perusahaan tersebut. Warna juga member makna emosional, misalnya biru
member kesan menenangkan, dan merah adalah keberanian, agresi, atau cinta.
Pastikan warna yang anda pilih tidak mengaburkan dan justru mendukung pesan
poster anda. Kombinasi warna juga berperan untuk membuat seberapa betah
pembaca menatap poster anda. Jangan asal menambahkan warna hanya dengan alas
an memperkaya warna. Anda dapat googling dengan keyword “color emotion” dan
“color combination” untuk menemukan nada warna dan kombinasi warna yang tepat
bagi poster anda.
7. Think Big!
Ini poster. Ukuran kertasnya jelas besar, sehingga anda perlu memperhatikan
resolusi gambar yang anda gunakan sebagai elemen poster anda. Mengambil
gambar kecil 20×20 piksel kemudian melebarkannya menjadi 200×200 piksel bukan
hal yang bagus untuk dilakukan. Gambar akan terlihat pecah dan menjadi sangat
tidak elegan. Gunakan gambar dengan resolusi besar dan pastikan kembali (re-proof)
sebelum dicetak bahwa semuanya terlihat sempurna dan poster-perfect. Bagaimana
dengan resolusi teks danobjek vektor lainnya? Jangan khawatir, objek-objek
tersebut akan menyesuaikan diri ketika diperbesar.

Bagaimana dengan Brosur dan Leaflet?
Secara umum, tips untuk poster dapat juga anda gunakan ketika membuat brosur
atau leaflet. Hanya saja brosur dan leaflet biasanya memiliki lebih banyak teks
daripada poster. Untuk itu perlu dilakukan penempatan tata letak yang bijak, dan
tetap berpegang pada prinsip bahwa apapun teks yang anda putuskan untuk
dicantumkan, ia tetap menjadi elemen desain yang tak terpisahkan dari keseluruhan
desain brosur atau leaflet.
Cara yang paling umum digunakan untuk menyiasati adalah dengan menerapkan tips
poster secara menyeluruh untuk halaman sampul brosur dan baru menambahkan
teks yang lebih banyak di bagian dalamnya. Hal ini membantu merebut perhatian
calon pembaca pada awalnya, supaya lebih tertarik untuk mengetahui isinya.
disusun oleh :
Aditya Wikan Mahastama
Universitas Kristen Duta Wacana
Pustaka: CorelDRAW Documentation
Lizard Wijanarko
http://creativecurio.com/2009/06/4-tips-for-creating-an-effectiveposter-
design/
http://blog.printplace.com/2008/12/15/5-tips-for-creating-an-eyecatching-
poster/

Modul Web

A. Web ApplicationDalam rekayasa perangkat lunak, suatu aplikasi web (web application atau sering disingkat webapp) adalah suatu aplikasi yang diakses menggunakan penjelajah web (web browser)melalui suatu jaringan seperti Internet atau intranet.
B. Apa itu INTERNET?
Internet adalah jaringan komputer yang terhubung secara global (seluruh dunia) dengan menggunakan TCP/IP sebagai protokol pertukaran paket data.
C. Apa itu WEBSITE
Website adalah kumpulan dari halaman-halaman web, yang terangkum dalam sebuah domain(nama alamat situs web), yang berada di WWW (World Wide Web) di Internet.
D. Web Statis
Web Statis adalah Halaman web statis tidak mengubah isi dan tata letak dengan setiap permintaan kecuali seorang programmer secara manual update halaman. Halaman HTML sederhana adalah contoh dari konten statis.
E. Web Dinamis
Web Dinamis adalah Halaman web dinamis beradaptasi konten atau tampilan tergantung pada interaksi input end-user atau perubahan dalam lingkungan komputasi pengguna, waktu, database modifikasi, dll.
F. Konten Dinamis
• Konten dinamis sering dikompilasi pada server menggunakan bahasa script sisi server seperti Perl, PHP, ASP, JSP, ColdFusion, dll. Kedua pendekatan biasanya digunakan dalam aplikasi yang kompleks.
 Apa itu PHP?
• PHP adalah PHP Hypertext Preprocessor
• PHP adalah bahasa scripting server-side, seperti ASP
• Skrip PHP dijalankan di server
• PHP mendukung banyak database (MySQL, Informix, Oracle, Sybase, Solid, PostgreSQL, Generic ODBC, dll)
• PHP merupakan perangkat lunak open source
• PHP gratis untuk didownload dan digunakan
• PHP banyak dipakai untuk memrogram situs web dinamis. PHP dapat digunakan untuk membangun sebuah CMS (Conten Management System)
• File PHP dapat berisi teks, tag HTML dan skrip
• PHP file dikembalikan ke browser sebagai HTML biasa
• PHP file memiliki ekstensi file “.php”
G. Mengapa PHP?
• PHP berjalan pada platform yang berbeda (Windows, Linux, Unix, dll)
• PHP kompatibel dengan hampir semua server yang digunakan hari ini (Apache, IIS, dll)
• PHP adalah GRATIS untuk men-download dari sumber resmi PHP: www.php.net
• PHP mudah dipelajari dan berjalan efisien pada sisi server
H. Untuk Memulai
• Instal Apache (atau IIS), menginstal PHP, dan MySQL atau bisa juga dengan hanya menginstall XAMPP yang didalamnya sudah terpaket semua software tersebut

• Install Wordpress offline sebagai CMS (Content Management System)

I. HTML

Hypertext Markup Language merupkan standard bahasa yang di gunakan untuk menampilkan document web, yang bisa anda lakukan dengan HTML yaitu:
Mengontrol tampilan dari web page dan contentnya.
Mempublikasikan document secara online sehingga bisa di akses dari seluruh dunia.
Membuat online form yang bisa di gunakan untuk menangani pendaftaran, transaksi secara online.
Menambahkan object-object seperti image, audi, video dan juga java applet dalam document HTML.
J. Browser dan Editor
Browser
Browser merupakan software yang di install di mesin client yang berfungsi untuk menterjemahkan tag-tag HTML menjadi halaman web. Browser yang sering di gunakan biasanya Internet Explorer, Netscape Navigator dan masih banyak yang lainya.
Editor
Program yang di gunakan untuk membuat document HTML, ada banyak HTML editor yang bisa anda gunakan diantaranya: Ms FrontPage, Dreamweaver, Notepad++.
K. TAG-TAG HTML
Command HTML biasanya disebut TAG, TAG digunakan untuk menentukan tampilan dari
document HTML.
<begin tag> </end tag>
Contoh: Setiap document HTML di awali dan di akhiri dengan tag HTML.
<html>
. . .
</html>
Tag tidak case sensitive, jadi anda bisa gunakan <HTML> atau <html> keduanya menghasilkan output yang sama.
Bentuk dari tag HTML sebagai berikut:
<element attribute = value>
Element : nama tag Attribute: atribut dari tag Value : nilai dari atribut. Contoh:
<body bgcolor=red>
body merupakan element, bgcolor(Background) merupakan atribut yang memiliki nilai red.
L. STRUKTUR HTML DOCUMENT
Document HTML bisa di bagi mejadi tiga bagian utama:
1. HTML
Setiap document HTML harus di awali dan di tutup dengan tag HTML
<html></html>
tag HTML memberi tahu browser bahawa yang di dalam kedua tag tersebut adalah document
HTML.
2. HEAD
Bagian header dari document HTML di apit oleh tag <head></head> di dalam bagian ini biasanya dimuat tag TITLE yang menampilkan judul dari halaman pada titlenya browser.
Selain itu Bookmark juga megunakan tag TITLE untuk memberi mark suatu web site. Browser menyimpan “title” sebagai bookmark dan juga untuk keperluan pencarian (searching) biasanya title di gunakan sebagai keyword.
Header juga memuat tag META yang biasanya di gunakan untuk menentukan informasi tertentu mengenai document HTML, anda bias menentukan author name, keywords, dan lainyan pada tag META.
Contoh :
<META name=”Author” contents=”Bocah Gunung”>
Author dari document tersebut adalah “Bocah Gunung”
Atribut http-equiv dapat di gunkan untuk meletakkan nama HTTP Server atribut
untuk menciptakan HTTP header.
Contoh:
<META http-equiv=”Expires”content=”Wed, 7 May 2003 20:30:40 GMT”>
yang akan menciptakan HTTP header :
Expires: Wed, 7 May 2003 20:30:40 GMT
Sehingga jika documents di cached, HTTP akan megetahui kapan untuk mengapdate document tersebut pada cache.
M. BODY
Document body di gunakan untuk menampilkan text, image link dan semua yang akan di tampilkan pada web page.

1. TAG LINK pada HTML

N. BASIC HTML ELEMENT
1. Block Level Element
Block level element yang sering di gunakan : Heading (H1 sampai H6)
Contoh:
2. Paragraf (P)
Contoh:

3. List Item(LI)
List item di gunakan untuk mengelompokkan data baik berurutan (ordered list) maupun yang tidak berurutan (unordered list).
Ada tiga macam list yang bisa anda tambahkan ke document HTML:
a. Unordered List (Bullet) :

Contoh :

b. Ordered List (Numbering)

Contoh :

c. Definition List
Definition List terdiri diapit oleh tag <DL> … </DL> dan <DT> tag menentukan definition term serta <DD> tag menentukan definition itu sendiri.
Contoh :

4. Horizontal Rules(HR)
Horizontal Rule tag digunakan untuk menggambar garis horizontal dalam document HTML.

Contoh:

5. Pemformatan Page a. Break
Tag <BR> di gunakan untuk memulai baris baru pada document HTML, tag ini fungsinya mirip dengan carriage return.
Contoh:

b. Font
Dengan tag <FONT> anda bisa menentukan format tampilan font dalam document HTML
seperti color, size, style dan lainya. Contoh:

c. Color

Color merupakan attribute yang bisa anda tambahkan pada beberapa element seperti body, font, link dan lainya. Color di bagi dalam tiga ketegori warna primer yaitu red, green dan blue. Masing-masing color didefinisikan dalam dua digit hexadecimal number.
#RRGG
BB

d. Alignment
Align attribute digunakan untuk menentukan perataan object dalam document HTML baik berupa text, object, image, paragraph, division dan lain-lain.

e. Format text
Physical Formatting

Logical Formatting

Quotes / Indentasi
Untuk membuat indentasi paragraph kita bisa menggunakan BLOCKQUOTE, untuk indentasi pendek anda bisa gunakan element Q.

Contoh:

6. Preformatted text
Tag PRE di gunakan untuk menampilkan text sesuai dengan format aslinya. Contoh:

7. Grouping element
Tag DIV dan SPAN di gunakan untuk mengelompokkan elementelement HTML. Span digunakan untuk mendefinisikan inline content sementara div digunakan untuk block-level content.
Contoh:

.
Instalasi XAMPP di Windows
XAMPP Adalah paket software yang didalamnya sudah ada apache, php, dan mysql. Xampp adalah salah satu perangkat lunak yang dapat menjadi web server.
Cara Install Xampp di Windows
a) Siapkan terlebih dahulu installer XAMPP, atau bisa download di www.ApacheFriend.org. kemudian jalankan installer dengan klik dua kali file installer XAMPP tersebut. (Dalam tutorial ini menggunakan XAMPP versi 1.7.1)
b) Selanjutnya akan muncul jendala installasi. Klik [Next] untuk melanjutkan installasi XAMPP.
Gambar 11. Masuk jendela instalasi xammp

c) Berikutnya Anda akan diminta untuk memilih lokasi dimana XAMPP akan di-install. Secara default sudah terisikan c:\xampp, yaitu berada di partisi C:\ dalam direktori xampp. Jika ingin mengubah lokasinya klik [browse].

Gambar 12. Jendela directory folder xampp
d) Setelah memilih lokasi installasi, kemudian muncul opsi installasi. Jika sudah selesai memilih opsi yang diberikan klik [install].

Gambar 13. Jendela xampp option
 opsi pertama centang jika ingin membuat shortcut di desktop
 opsi kedua centang jika ingin membuat shortcut di start menu
 opsi ketiga centang jika ingin saat pertama kali windows menyala service Apache langsung dijalankan
 opsi keempat centang jika ingin saat pertama kali windows menyala service MySQL langsung dijalankan
 opsi kelima centang jika ingin saat pertama kali windows menyala service Filezilla langsung dijalankan
e) Tunggu hingga proses installasi selesai.

Gambar 14. Proses menunggu penginstalan
f) Jika sudah selesai klik [finish].

Gambar 15. Jendela completing install
g) Jalankan XAMPP Control panel. Centang Svc pada bagian Apache dan MySQL kemudian klik [start]. Hasilnya dapat dilihat pada gambar berikut.

Gambar 16. Tampilan xampp
h) Untuk mengecek hasilnya buka browser Anda (Firefox, Chrome, dll) kemudian masukkan pada URL : http://localhost jika berhasil maka akan mucul tampilan seperti gambar berikut.

i) Pilih English, dan muncul halaman xampp.

Mengenal CMS (Content Management System)
Sistem manajemen konten (Inggris: content management System, disingkat CMS), adalah perangkat lunak yang memungkinkan seseorang untuk menambahkan dan/atau memanipulasi (mengubah) isi dari suatu situs Web. Umumnya, sebuah CMS (Content Management System) terdiri dari dua elemen:  aplikasi manajemen isi (Content Management Application, [CMA])  aplikasi pengiriman isi (content delivery application [CDA]). Elemen CMA memperbolehkan si manajer isi -yang mungkin tidak memiliki pengetahuan mengenai HTML (HyperText Markup Language)-, untuk memenej pembuatan, modifikasi, dan penghapusan isi dari suatu situs Web tanpa perlu memiliki keahlian sebagai seorang Webmaster.
Elemen CDA menggunakan dan menghimpun informasi-informasi yang sebelumnya telah ditambah, dikurangi atau diubah oleh si empunya situs web untuk meng-update atau memperbaharui situs Web tersebut. Kemampuan atau fitur dari sebuah sistem CMS berbeda-beda, walaupun begitu, kebanyakan dari software ini memiliki fitur publikasi berbasis Web, manajemen format, kontrol revisi, pembuatan index, pencarian, dan pengarsipan. Perangkat lunak CMS  Drupal  Joomla  Wordpress  Plone  VBulletin  Moodle  Cmsid  RazorCMS  Dan lain-lain. Pemanfaatan CMS:  Situs web perusahaan, bisnis, organisasi atau komunitas.  Portal  Galeri foto  Aplikasi E-Commerce.  Mengelola website pribadi / blog.  Situs web pembelajaran daring (Inggris: e-learning)  Dan lain-lain.
Instalasi CMS WordPress di Windows WordPress adalah sebuah aplikasi sumber terbuka (open source) yang sangat populer digunakan sebagai mesin blog (blog engine). WordPress dibangun dengan bahasa pemrograman PHP dan basis data (database) MySQL. PHP dan MySQL, keduanya merupakan perangkat lunak sumber terbuka (open source software).Selain sebagai blog, WordPress juga mulai digunakan sebagai sebuah CMS (Content Management System) karena kemampuannya untuk dimodifikasi dan disesuaikan dengan kebutuhan penggunanya. WordPress adalah penerus resmi dari b2/cafelog yang dikembangkan oleh Michel Valdrighi. Nama WordPress diusulkan oleh Christine Selleck, teman ketua pengembang (developer), Matt Mullenweg
Berikut langkah-langkah instalasi WordPress CMS pada Localhost:
1. Ekstrak terlebih dahulu paket modul WordPress CMS yang telah Anda download.
2. Anda akan menemukan sebuah modul yang berada di sebuah folder yang biasanya diberi nama “wordpress”.
3. Pindahkan folder modul WordPress CMS yang bernama “wordpress” tersebut ke dalam “C:\xampp\htdocs”. Yang paling utama diperhatikan adalah penyimpanan yang harus dilakukan di folder “htdocs”. Tidak masalah anda menginstal XAMPP pertama kali di drive D, F, atau yang lainnya, yang terpenting semua file web kita harus ditempatkan pada folder “htdocs” tersebut. Sebab ketika kita membuka URL web tersebut pada browser, sistem localserver XAMPP yang kita gunakan akan membaca folder htdocs tersebut dan akan mencari web yang dimaksud sehingga dimunculkan pada browser. Karena pada e-book panduan instalasi XAMPP yang bisa anda download dari sini dijelaskan bahwa XAMPP tersebut diinstal pada path C:\, maka kita menyimpannya di C:\xampp\htdocs. Itulah sebabnya sangat penting untuk menyamakan persepsi kita.

4. Jika sudah memindahkan atau mengcopy paste modul WordPress CMS tersebut, anda boleh mengganti nama folder “wordpress” sesuai keinginan anda. Agar sama, kita akan mengganti dengan nama misalnya “web_praktikum”.

5. Buka browser anda, kemudian ketik alamat “http://localhost/phpmyadmin” pada address bar sehingga muncul halaman phpMyAdmin. Kita akan membuat database yang akan digunakan oleh
wordpress CMS yang akan kita instal. Tenang saja, kita tidak akan berurusan dengan bahasa SQL. Cukup tulis nama database yang akan kita gunakan pada kotak di bawah tulisan “Create new database”. Misalkan kita beri nama “datawebku”. Kemudian klik tombol “Create” yang ada di sebelah kanannya.

6. Masih pada browser Anda, ketikkan juga alamat “http://localhost/web_praktikum” pada address bar-nya. Perhatikan bahwa alamat tersebut bergantung pada penamaan folder yang Anda berikan pada langkah ke-4. Karena kita memberi nama foldernya adalah “web_praktikum”, maka alamat URL-nya adalah “http://localhost/web_praktikum”. Namun, jika anda memberi nama lain misalnya “webnya”, maka alamatnya menjadi “http://localhost/webnya”. Artinya bahwa kita ingin yang ditampilkan pada browser adalah web yang ada di dalam folder “web_praktikum”. Sebenarnya bisa saja kita langsung menyimpan seluruh isi modul wordpress CMS tersebut kedalam folder “htdocs” tanpa harus dimasukkan kedalam folder “web_praktikum”, sehingga alamatnya akan menjadi “http://localhost/”. Biasanya hal ini dilakukan jika kita menyimpan secara online dan ingin web kita terbuka dengan alamat misalnya http://www.namadomain.com/”, bukan “http://www.namadomain.com/web_praktikum”. Namun, agar kita mudah dalam mengatur web-web yang kita buat dengan memanfaatkan localhost, sebaiknya file-file web tersebut dimasukkan kedalam satu folder. Apalagi jika kita ingin menginstal atau membuat web lain pada localhost tersebut, tentu kita tidak ingin file web-web tersebut bercampur dan tidak beraturan. Sekalian kita belajar management files.
7. Pada browser anda akan muncul tampilan wordpress error seperti gambar di bawah ini karena belum terdapat file bernama wp-confiq.php. File tersebut merupakan file yang berisi setting (konfigurasi) untuk web WordPress CMS kita. Untuk membuat file konfigurasi tersebut, lik tombol yang bertuliskan “Create a Configuration File”.

8. Selanjutnya akan muncul halaman “Setup Configuration File” seperti berikut ini. Klik tombol yang bertuliskan “Let’s Go!”.

9. Halaman yang selanjutnya muncul adalah halaman isian untuk setting konfigurasi.
 Database Name : isi dengan nama database yang kita ciptakan pada langkah 5, yaitu “datawebku”.
 User Name : isi dengan username yang punya akses untuk masuk ke dalam sistem phpMyAdmin pada server yang kita gunakan. Untuk localhost dengan XAMPP, biasanya usernamenya adalah “root”.
 Password : kosongkan saja.
 Database Host : karena kita menyimpan/menghosting web kita pada localhost, maka isi dengan “localhost”.
 Table Prefix : digunakan untuk mengunikkan tabel pada database “datawebku”. Untuk sementara gunakan yang default, yaitu “wp_”.
Setelah itu klil tombol Submit.

10. Jika pengaturan sudah benar, maka akan muncul halaman seperti di bawah ini. Klik tombol Run the install.

11. Selanjutnya Anda akan diminta untuk mengisi informasi tentang web yang akan Anda buat dengan WordPress CMS ini.
 Blog Title : isi dengan judul web Anda yang akan terlihat pada title bar browser.
 Username : Username untuk masuk ke halaman administrator nantinya
 Password(twice) : Password untuk masuk ke halaman administrator nantinya
 Your E-mail :isi dengan alamat email Anda (anda boleh mengisi dengan sembarang email jika tidak mempunyai alamat email).
 Beri centang pada kotak kecil disamping tulisan “Allow my blog to appear…” jika ingin web yang akan Anda buat terlihat pada Google dan Technorati.
Setelah semua dirasa benar, klik tombol Install WordPress.

12. Akhirnya instalasi Wordpress CMS pada localhost berhasil. Anda akan ditunjukkan username dan diminta mengingat password yang diinputkan sebelumnya yang akan anda gunakan untuk masuk ke halaman administrator pada wordpress CMS anda. Lalu silahkan Klik Tombol “Log In” untuk masuk ke halaman “Log In Administrator WordPress” anda.

13. Selanjutnya Kita akan mencoba masuk untuk pertama kali ke halaman administrator atau untuk wordpress biasanya disebut halaman “Dashboard”. Bila ingin diakses setelah ini anda dapat mengakses halaman ini dengan cara mengetik alamat “http://localhost/web_praktikum/wp-admin”. Alamat tersebut merupakan alamat halaman Dashboard web WordPress CMS yang telah anda instal tersebut. Masukkan username dan password yang sesuai yang telah ditunjukkan pada langkah 12.

14. Setelah Log In anda akan masuk ke halaman Admin atau Dashboard, dari halaman ini anda dapat mengedit semua konten yang ada pada web anda.

15. Untuk melihat tampilan wordpress CMS yang telah Anda instal, silahkan ketikkan pada browser dengan alamat “http://localhost/web_praktikum”. Dan ini adalah keseluruhan file web wordpress CMS tersebut. Anda tidak perlu lagi repot membuat halaman-halaman tersebut sampai tenggelam ditumpukan script bahasa pemrograman PHP MySQL. Hanya dengan beberapa langkah saja, Anda sudah mendapatkan sebuah website utuh.

===instalasi Selesai===
MEMBUAT POSTING/ ARTIKEL DI WordPress
Setelah instalasi mari coba kita membuat satu postingan, tetapi sebelum membuat postingan perlu dimengrti terlebih dahulu hal-hal berikut.

Kita coba urai satu-persatu bagian-bagian yang telah diberi Box Merah berdasarkan no urut dari yang pertama (no.1) 1. Kolom untuk Judul Artikel. 2. Permalink. Permalink adalah Link untuk artikel yang kita tulis, sewaktu kita memasukkan judul artikel secara otomatis judul tersebut akan menjadi link. Namun kita masih bisa meng- edit Permalink tersebut sesuai keinginan atau tidak sama dengan Judul Artikel dan edit permalink wordpress disini bersifat tunggal hanya untuk artikel yang sedang dibuat.
3. Visual | HTML. Sewaktu akan membuat artikel / postingan, ada 2 pilihan Mode (tampilan) pada kolom konten yaitu: Visual dan HTML. Disaat menggunakan Visual Mode, maka halaman akan terlihat seperti screenshot (gambar) diatas. Pada Visual mode ini tidak bisa menggunakan / menjalankan HTML secara langsung, untuk memasukkan HTML kita bisa menggunakan Menu Bar yang terdapat pada poin no 5. 4. Upload / Insert. Klik pada ikon untuk memasukkan Media ( Gambar ) dari Komputer, URL / link sebuah website ,Gallery, Media library. 5. Menu Bar. Wordpress menyediakan beberapa fitur yang memudahkan kita untuk membuat postingan yang menarik. Perhatikan gambar dan penjelasannya diberikan berdasarkan nomor yang tertera.

1. Fitur yang wordpress sediakan untuk menambahkan gambar, audio atau video kedalam postingan. Ingat letak pointer mouse menentukan letak dimana media tersebut disisipkan dalam postingan. 2. Mode penulisan. Mode visual berguna bagi kita yang tidak paham html. Dan yang akan saya ceritakan kali ini adalah mode visual. 3. Menebalkan tulisan (bold). ex : ini bold 4. Membuat tulisan miring. ex : ini miring 5. Membuat tulisan yang dicoret. ex : ini coret 6. Menambahkan bullets pada setiap awal paragraph. 7. Menambahkan number. 8. Blockquote, semacam kutipan. ex. aku adalah blockqoute
9. Kalo yang ini pasti udah pada kenal, rata kiri, rata tengah dan rata kanan untuk paragraph. 10. Membuat link. Caranya tinggal blok kalimat atau kata yang akan dibuat link lalu tekan tombol ini dan masukan alamat yang dituju. ex : ini adalah link 11. Kebalikan dari nomor 10, membuat sebuah link menjadi text biasa. 12. Yang ini untuk membatasi postingan yang akan ditampilkan pada halaman index blog/homepage sehingga pada akhir postingan akan muncul tulisan read more. 13. Penggunaan bahasa yang digunakan. Karena tidak ada bahasa Indonesia jadi biarkan saja. 14. Mode Full Screen. Supaya lebih enak membuat postingannya, silahkan menggunakan mode ini. 15. Kitchen Sink, klik tombol ini maka akan muncul beberapa fitur tambahan dibawahnya. Kitchen Sink Kitchen Sink semacam tools tambahan yang mungkin diperlukan untuk mempermudah atau memperindah postingan kita. Berikut gambar dan beberapa keterangannya,

1. Beberapa format tulisan yang bisa dipilih, o format adalah untuk format standar. o Paragraph, untuk format paragraf. o Address untuk sebuah alamat. ex : ini sebuah alamat. o Preformatted, biasa saya gunakan untuk menyisipkan kode program kedalam postingan. o ex : o o <html> o <head> o <title>prefromatted</title>
o </head> o <body> o Ini html yang tidak dibaca sebagai html, o hanya ditampilkan saja o </body> </html> o Heading, biasanya digunakan pada judul dan subjudulnya. heading 1 heading 2 heading 3 heading 4 2. Membuat text yang di garis bawahi, ex : text bergaris bawah 3. Justify, meratakan paragraf dari kiri dan kanan. 4. Mewarnai text, ex : ini text berwarna. 5. Mempermudah mencopy paste tulisan yang berasal dari notepad. 6. Sama dengan no.5, hanya kali ini dari microsoft office word. Ini sangat berguna bagi blogger yang belum paham tools postingan wordpress. Tinggal buat postingan di ms. word lalu copy paste dengan tombol ini. Semua format akan sesuai dengan tampilan di ms. word, kecuali gambar yang harus dimasukan secara manual. 7. Nah yang ini, saya belum tahu kegunaannya. Ada yang mau menambahkan?
8. Menambahkan embedded media dengan berbagai macam ekstensi. 9. Menambahkan custom character, ex : ♥♥ã©®½²♥♥ 10. Menambahkan indent dan outdent, seperti fungsi tombol tab pada ms. word. 11. Undo dan redo. 12. Help. Berisi penjelasan tambahan yang mungkin bisa membantu.
6. Kolom Konten Artikel. 7. Save Draft. → Menyimpan artikel yang belum siap untuk di Publish. 8. Preview. → Pratinjau artikel sebelum di Publish. 9. Format. → Mengatur tampilan Post di halaman utama / home, pemilihan format ini juga tergantung dari Theme yang di gunakan. 10. Publish. → Langkah terakhir yang akan anda lakukan bila artikel anda telah siap untuk di publikasikan.
Cara Posting Artikel Di Wordpress
Berikut adalah langkah-langkah untuk posting artikel di wordpress :
1. Alihkan perhatian ke sebelah kiri atas, sorot menu Posts lalu pilih Add New

2. Masukan judul artikel pada form Enter Title here

3. Setelah bebera saat, akan muncul permalink. Permalink tersebut adalah alamat yang akan tercipta setelah artikel dipublikasikan, permalink tersebut bisa anda ubah/edit sesuai dengan keinginan bila memang anda menginginkannya. Klik tombol edit, lalu masukkan alamat yang anda inginkan, cukup dengan kata kunci saja karena nanti akan otomatis di ubah. Atau bisa juga melalui widget slug yang ada di bagian bawah post editor. Namun ini sifatnya optional, bila anda tidak ingin mengubahnya maka biarkan saja apa adanya.

4. Tulis artikel yang ingin di publikasikan pada form post editing area. Silahkan edit sesuka hati anda, silahkan baca artikel tentang visual post editor bila anda belum begitu paham akan tool yang bisa di gunakan.

5. Apabila artikel tersebut mau di kelompokkan, pilih kategori yang sesuai pada widget kategori, atau anda bisa membuat kategori yang baru.

6. Bila ingin mempunyai tag, isilah tag baru atau pilih dari tag yang sudah ada, namun ini sipatnya optional atau tidak wajib (tag sama fungsinya dengan kategori).

7. Perhartikan juga widget-widget Excerp, Send Trackbacks, Custom fileds, Discussion serta Author, mungkin anda ingin mengisi atau mengubahnya.
8. Biasakan untuk melihat Preview sebelum anda benar-benar yakin untuk mempublikasikan artikel. Preview adalah tampilan artikel anda sebelum benar-benar dipublikasikan, klik saja tombol Preview untuk melakukannya. Bila anda sudah benar-benar yakin artikel tersebut ingin di publikasikan, klik tombol Publish.

* Selesai.

Cara Ganti Theme pada Offline Wordpress
Berikut langkah-langkah ganti theme pada offline wordpress : Download Wordpress Theme • Silahkan download terlebih dahulu wordpress theme favorit anda, namun sebagai contoh kang Rohman akan menggunakan responsive.1.8.4.1. • File yang kita punya disini masih dalam bentuk file zip, oleh karena itu ekstraklah terlebih dahulu file tersebut dengan menggunakan software ekstraktor seperi winzip atau winrar, atau bisa juga secara online dihttp://wobzip.org.

• Silahkan Jalankan Windows explorer anda lalu buka directory C:\xampp\htdocs\wordpress\wp-content\themes ( ingat bahwa sebelumnya anda telah menginstall Xampp), copy lalu paste folder theme responsive ke dalam directory tersebut.

Aktifkan Theme
• Silahkan jalankan Xampp Control Center,cukup “Start” Apache dan MySql saja.

• Buka browser internet anda, lalu ketik http://localhost/wordpress/ pada address bar, dan tampilan blog local anda akan seperti ini :

• Klik Log in untuk melakukan login ke blog local anda atau bisa juga langsung mengetikan http://localhost/wordpress/wp-login.php pada address bar, lalu silahkan login dengan username serta password anda. • Sesudah berada di dashboard blog, Klik menu Appearance ( disebelah kiri ), lalu klik Themes.

• Klik pada Active untuk theme “responsive.1.8.4.1”. Untuk melihat hasilnya, silahkan klik “Visit Site” yang ada di sebelah kiri atas, dan seharusnya tampilannya akan seperti ini :

• Selesai. Dengan cara diatas, tentunya anda dapat melakukan testing terhadap theme tersebut untuk selanjutnya bisa di upload ke webhosting jika sudah terbukti kompatibel. selain itu andapun bisa mengedit theme tersebut sepuas hati tanpa harus ketakutan timbul kerusakan karena memang masih dikomputer anda dan belum online di internet.
Cara ganti theme wordpress dari halaman admin Langkah-langkah cara ganti theme wordpress dari halaman admin. Salah satu hal dari settingan wordpress yang paling sering diganti-ganti adalah theme wordpress. Gonta-ganti theme, tidak baik di mata Google atau mesin pencari lain. Jadi kalau mau ganti theme, kalau bisa jangan sering-sering. Ada 4 Cara ganti theme wordpress :
1. Cara ganti theme wordpress dari halaman admin wordpress dengan cara meng-upload file theme dalam format zip.
2. Cara ganti theme wordpress dari halaman admin wordpress dengan cara search dan pilih theme yang disediakan wordpress di halaman theme.
3. Cara yang ke-3, ganti theme wordpress melalui FTP. Menggunakan software FTP client filezilla, atau software FTP lain. Mengganti theme wordpress melalui FTP tidak jauh beda dengan cara install wordpress pakai FTP client. Yaitu tinggal seret file theme wordpress ke folder wp-content/themes.
4. Cara yang ke-4, kita bisa mengganti theme wordpress melalui fitur file manager yang ada di Cpanel hosting kita. Tapi disini kita akan pelajari bagaimana cara ganti theme wordpress dari halaman admin atau dashboard wordpress. Yang pertama, cara ganti theme dari halaman admin wordpress dengan cara mengupload file theme wordpress.
Cara ini hanya berlaku untuk wordpress dengan hosting sendiri. Silahkan simak langkah-langkah berikut ini :
1. Siapkan File theme wordpress, biasanya dalam bentuk zip file. Tidak perlu anda extract. Biarkan dalam bentuk Zip
2. Silahkan login ke halaman admin wordpress.
3. Pilih menu “Appearance” pada menu sisi kiri, klik submenu “Themes”.
4. Pilih tab “Install theme”

5. Kemudian pada tab search klik “upload”

6. a.Kemudian klik tombol “Pilih File”, cari file zip theme yang tadi telah kita siapkan

b. lalu klik install now.
7. Setelah proses instalasi berhasil. klik “Activate”.

Yang kedua, cara ganti theme dari halaman admin wordpress dengan search lalu pilih theme yang disediakan wordpress pada halaman theme. Cara ini bisa dilakukan pada wordpress dengan hosting sendiri maupun wordpress dot com. Penjelasannya di bawah ini : Masih dalam halaman yang sama (halaman theme admin wordpress), pilih tab install themes, lalu klik search. Setelah tampil semua pilihan theme disitu, kita tinggal pilih-pilih theme mana yang disuka atau sesuai dengan tema blog wordpress kita. Kemudian tinggal aktifkan.

Di Susun Oleh :
Asisten Praktikum TIK TA 2012 / 2013
PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS SAINS DAN TEKNOLOGI UNIVERSITAS ISLAM NEGERI SUNAN KALIJAGA YOGYAKARTA
2012

AIRARA RI'A

Senin, 31 Desember 2012

coreldraw

GO GO GO !!!

CorelDRAW

Leave a Reply

coreldraw

CorelDRAW

Modul Web

Senin, 31 Desember 2012

coreldraw

Share this:

Like this:

Leave a Reply

coreldraw

CorelDRAW

Modul Web