Profesi Dalam Pengembangan Aplikasi web

Banyak profesi-profesi baru dalam dunia internet, diantaranyasebagai berikut:

1. Web Master
tugas web designer adalah mendesain tampilan situs (we) mulai dari pengolahan gambar, tata letak, warna, dan sebagainya. di dalam membuat situs seorang web designer harus menguasai :
a. HTML,DHTML,CSS
b. pengolah gambar
c. animasi, movie (film)

2. Web Programmer
seorang web programmer  mengerjakan dengan membuat aplikasi-aplikasi yang bekerja diatas situs(web). pada umumnya penguasaan yang harus dikuasai oleh web programmer adalah sebagai berikut:
a. CGI, PHP, MySQL (Unix Base)
b. ASP(NT base)
c. Java Script dan Applet

3. Web Administrator
Tugas administratr untuk pemeliharaan (maintance) suatu server, seorang web administrator harus mengeri akan sistem operasi server, mulai dari instalasi sampai kepada masalah (troubleshooting) biasanya seorang web administrator harus menguasai:
a. OS Unix(Linux, FreeBSd)
b. OS NT
c. Jaringan (LAN , WAN, Internet)
d. Keamanan Server

4. Web Master
Seorang Web Master adalah seorang yang mengerti semua hal mulai dari desain hingga memepertanggungjawabkan atas jalannya suatu situs(web). penguasaan yang harus dimiliki seorang web master adalah sebagai berikut:
a. HTML, DHTML
b. CGI Perl, PHP, MySql, ASP, Java
c. Penguasaan bermacam OS
Keamanan server
e. Jaringan (LAN , WAN, Internet)



Web Engineering(rekayasa web) adalah suatu proses yang digunakan untuk menciptakan suatu sistem aplikasi berbasis web dengan menggunakan ilmu rekayasa, prinsip-prinsip managemen , dan pendekatan sistematis sehingga dapat diperoleh sistem aplikasi web dengan tinggi. tujuannya untuk mengendalikan pengembangan ,  meminimalisi risiko, dan meningtkatkan kualitas berbasis web.

Peta konsep Desain Grafis

Pengertian Desain Grafis

Apa itu Desain Grafis?

Desain (Design) berarti juga rancangan, dan grafis berasal dari bahasa Inggris, graphic yang berarti gambaran, grafis merupakan kata lain dari citra visual (image). Desain Grafis berarti seni perancangan citra visual agar menghasilkan karya yang tampil menarik, indah, mudah diingat dan dapat dimengerti untuk media penyampaian informasi dan komunikasi yang seefektif mungkin. Seperti jenis desain lainnya, desain grafis dapat merujuk kepada proses pembuatan, metoda merancang, produk yang dihasilkan (rancangan), atau pun disiplin ilmu yang digunakan (desain). Seni desain grafis mencakup kemampuan kognitif dan keterampilan visual, termasuk di dalamnya tipografi, ilustrasi, fotografi, pengolahan gambar, dan tata letak. Teks juga dianggap gambar karena merupakan hasil abstraksi simbol-simbol yang bisa dibunyikan.

Gambar Digital dan Non digital

Gambar Non Digital adalah gambar yang tampil secara fisik berupa sketsa atau guratan alat gambar dan bukan hasil dari pengolahan media digital. Contoh: Lukisan, Pamflet, Leaflet, Spanduk, Mural, Grafiti.

Gambar Digital adalah gambar yang dihasilkan dan ditampilkan berkat hasil pengolahan media atau perangkat digital seperti Komputer, Kamera Digital, Proyektor atau media lainnya yang disimpan dalam bentuk file. Gambar digital memiliki sistem pewarnaan yang memadukan warna-warna primer menjadi warna lainnya dalam bentuk informasi dalam bit memori yang diolah komputer, contoh dari sistem pewarnaan yang umum yaitu, sistem pewarnaan CMYK (Cyan, Magenta, Yellow, dan Kontras/Black); sistem pewarnaan RGB (Red, Green, Blue); dan sistem pewarnaan BW (Black dan White). Gambar digital terbagi menjadi dua jenis, yaitu gambar jenis bitmap dan gambar jenis vektor.

Gambar Bitmap

Gambar bitmap terdiri dari sejumlah titik pixel (picture element) yakni bagian terkecil dari sebuah gambar bitmap yang ditempatkan pada lokasi-lokasi tertentu dengan nilai warna tersendiri sehingga membentuk pola tertentu dilayar komputer. Gambar bitmap umumnya merupakan duplikat atau tiruan persis dari gambar dalam kehidupan nyata, biasanya berupa foto. Gambar bitmap dapat dikenali dari file komputer yang berekstensi .bmp, .jpg, .tfi, .gif, .png, .pix, .pcx, dan sebagainya. Secara teknis gambar bitmap digambarkan dengan lebar dan tinggi dalam pixel yang biasa disebut dengan resolusi dan dalam angka bit per pixel. Satuan kerapatan pixel pada gambar bitmap adalah deep per inch (dpi) yakni banyaknya titik pixel dalam satu inci persegi.

Karakteristik gambar bitmap:

• Dapat menangkap nuansa warna dan bentuk yang alami/natural sehingga tampak persis dengan kenyataan
• Lebih cepat dan sesuai ditampilkan kelayar monitor karena gambar bitmap dapat langsung di transfer dari file ke layar monitor tanpa lebih banyak perhitungan matematis sehingga minim penggunaan sumber daya komputer (processor)
• Memiliki ukuran file yang relatif besar karena dalam setiap pixel mengandung informasi mengenai posisi, warna, kontras dsb
• Perubahan ukuran gambar (pembesaran dan pengecilan) akan mempengaruhi kualitas gambar bitmap
• Melakukan kompresi (pemadatan) pada gambar, maka gambar tersebut kualitasnya akan menurun
• Contoh program pengolah grafis bitmap: Adobe Photoshop, Corel Photopaint, dan GIMP.

Gambar Bitmap terdiri dari pixel (picture element) yakni titik terkecil dari sebuah gambar bitmap yang ditempatkan pada lokasi-lokasi tertentu dengan nilai warna tersendiri sehingga membentuk pola tertentu yang membuat citra gambar dilayar komputer.

Gambar vektor

Gambar vektor adalah gambar digital yang terdiri atas serangkaian intruksi perhitungan matematis berupa atribut garis (stroke), isi bidang-bidang atau kurva tertentu (fill), dan titik penghubung atau ujung antar garis dalam suatu objek (node).Gambar vektor diolah oleh komputer sebagai perhitungan matematis yang diterjemahkan kedalam citra visual sehingga dapat dilihat oleh manusia. Ekstensi file gambar vektor yang umumnya dijumpai adalah SVG, EPS, AI dan CDR.

Gambar vektor terdiri dari,
o Stroke: kurva/garis dari suatu objek
o Fill: isi dari suatu garis/kurva atau bidang, biasanya berupa warna
o Node: titik penghubung atau ujung antar garis/kurva dalam suatu objek

Karakteristik gambar vektor:

• Bersifat Scalable, artinya kualitasnya tidak akan menurun apabila dilakukan pengubahan ukuran (pembesaran dan pengecilan). Hal ini dikarenakan gambar vektor terdiri dari perhitungan matematis sehingga dapat disesuaikan oleh pengolahan processor
• Memiliki ukuran file yang relatif lebih kecil dibandingkan gambar bitmap
• Memiliki warna dan bentuk yang solid dan tegas sehingga lebih cocok untuk gambar kartun, logo atau hasil karya dari goresan tangan
• Dapat diubah ketampilan tiga dimensi dengan menggunakan software khusus
• Contoh program pengolah grafis vektor: Adobe Ilustrator, CorelDraw, dan InkScape. beberapa software canggih seperti:

1.    Adobe Photoshop

2.    Adobe Indesign

3.    Coreldraw

4.     Inkscape

5.    Adobe Freehand

6.    Adobe Illustrator

7.    Paint Tool SAI

8.    Adobe Page Maker.

Contoh Kata Pengantar Laporan CBT ( Curiculum Base Trainning)

Syukur Alhamdulilah saya panjatkan kehadirat Allah SWT yang telah melimpahkan rahmat dan hidayahnya, sehingga saya dapat menyelesaikan laporan ini dengan baik dan sebagai bukti bahwa saya telah melaksanakan kegiatan CBT (Curiculum Base Trainning).

Laporan ini disusun untuk memepertanggungjawabkan pelaksanaan CBT (Curiculum Base Trainning) yang telah saya laksanakan dio Sekolah mulai tanggal  20 oktober sampai dengan 30 oktober 2014 terlebih dahulu saya menguycapkan banyak terimakasih kepada :

1. Drs. Budiyono M.Si
2. Sunarto SE
3. Sri Apriyanti H, A.Md.Kom
4. Tari Nurul Patmawati

Saya mengakui bahsa laporan ini masih jauh dari sempurna, dengan dasar itu saya mohon kritik dan sartan yang sifatnya membangun. semoga laporan ini berguna bagi diri saya dan para pembaca pada umumnya.

penulis

Banner Website dengan Corel

Rahasia Di Balik Pembuatan Banner Website Bertema Rainbow City

Tidak selalu membuat desain itu dimulai dari nol, atau dari dasar tanpa bantuan image yang telah jadi. Dalam tutorial Coreldraw kali ini saya akan mencoba mengkolaborasikan antara image dan vector dalam corel untuk membuat sebuah banner website

1. Buka Coreldraw, kemudian saya masukkan image (gambar) yang akan kita edit dulu ke Corel.
Caranya : File > Import > Pilih File Image > Import, Seperti dibawah :

Gambar : Hongkong Night City

2. Lalu saya potong sebagian bagian bawahnya, caranya dengan Crop Tool pilih bagian yang akan disisakan dan hasilnya menjadi seperti di bawah ini :

gambar : Hasil Cropping 

3. Jangan lupa untuk member efek contrast pada gambar dengan cara Bitmap > Image Adjusment Lab. Maka akan muncul menu seperti di bawah :

gambar : Pengaturan Contrast

Geser contrast ke kanan ke point 50. Maka akan Nampak image semakin jelas.

4. Lalu selanjutnya, duplikat ukuran image dengan segi empat, lalu saya buat efek rainbow didalam segi empat tersebut  dengan Effect > Power Clip > Place Insiede Container. ( Ingat, jangan diberi hairline karena bila diberi maka akan terlihat garis hitam antar warnanya. ) 

Berikan Efek Transparasi dengan Transparency Tool dengan pengaturan Linear / Normal diberikan dari atas ke bawah dan menggeser ponter tengah agak kebawah.

gambar : pengaturan tranparency

5. Lalu saya beri efek random rainbow. Caranya duplikat rainbow lalu Klik sisi kanan bangun rainbow yang terduplicat, dengan disertai shift , drag ke kiri sehingga rainbow membalik tapi dengan ukuran yang diperkecil. Supaya lebih jelasnya, kalau saya pisahkan akan menjadi seperti ini

gambar : efek rainbow 

Tumpuk gambar Hongkong City dan Rainbow mejadi satu, lalu klik Finish EditingThis Level untuk mengakhiri Power Clip. Maka akan seperti ini hasilnya

gambar : Rainbow City 

6. Beri tulisan sederhana tentang judul gambar atau sesuatu yang akan dipromosikan. Lalu masukkan tulisan itu dengan effect powerclip kedalam kotak rainbow tersebut

gambar : tulisan judul 
Keterangan : Saya menggunakan font jenis Aladdin untuk Amazing City Of Lightdan Konfucius Fat untuk Hongkong. 

(Adv.) Anda bisa mendapatkan Koleksi Fonts lengkap di :
FONTS COLLECTION


7. Setelah itu saya tambahkan sedikit garis bawah pada tulisan “Amazing City of Light” dan saya beri efek sparkling bintang pada langit kota dengan  Artistic Media > Misc. saya memilih efek kembang api (sesuaikan ukuran agar pas) lalu klik Finish Editing This Level untuk mengakhiri Power Clip. Hasil akhir menjadi seperti di Bawah :

gambar : Hongkong Amazing City Of Light

Selamat berkreasi dan menciptakan desain banner yang semakin atraktif kawan. Salam Desain Grafis. Terima kasih, Semoga Bermanfaat