tag:blogger.com,1999:blog-58572793498476980012024-02-19T04:48:24.137-08:00RR DesignDesign Grafis & Web DevelopmentCreative-designhttp://www.blogger.com/profile/06730113680824447764noreply@blogger.comBlogger15125tag:blogger.com,1999:blog-5857279349847698001.post-61313655594917617312010-10-14T02:45:00.000-07:002010-10-14T02:59:10.250-07:00Definisi pada Basis Data<b>Entitas</b><br />
Entitas atau Entity adalah orang, tempat, kejadian atau konsep yang informasinya akan direkam. <br />
Contoh:<br />
Pada bidang Kepegawaian, Entitasnya adalah Pegawai, Gaji, Riwayat Pendidikan dan lain-lain. <br />
<br />
<b>Atribute</b><br />
Atribute atau sebutan digunakan untuk mewakili suatu entitas. Atribute juga sering disebut dengan data elemen, data field dan data Item.<br />
Contoh:<br />
Seorang Pegawai (Entitas) dapat dilihat dari atribut-nya, NIP(No.Induk Pegawai), Nama Pegawai, Golongan, Alamat, dan kota.<br />
<a name='more'></a><br />
<br />
<b>Data Value</b><br />
Nilai atau isi Data (Data Value) adalah data aktual atau informasi yang disimpan pada tiap data elemen (Atribute). <br />
Contoh:<br />
Atribute “Nama Pegawai” menunjukkan dimana informasi nama pegawai disimpan, sedang nilai datanya adalah Yayat Supriyatna, Samrino, Vicky RN, dan Satya Ginanjar.<br />
<br />
<b>Field</b><br />
Merupakan tempat dimana data atau informasi diletakan dalam tabel yang memiliki nilai atau tipe data yang sama atau sejenis.<br />
Misal:<br />
NIP, NAMA PEGAWAI, GOLONGAN, ALAMAT, KOTA <br />
<br />
<b>Record</b><br />
Merupakan data lengkap dalam jumlah tunggal yang biasanya tersimpan dalam bentuk baris secara horizontal pada tabel.<br />
Misal:<br />
CTI-0001, Muhamad Taufiq, 1, Komp.Margahayu, Bandung.<br />
<br />
<br />
<b>Tables</b><br />
berupa kumpulan data yang merupakan komponen utama dari sebuah basis data dan merupakan representasi dari Entitas.<br />
<br />
<b>Primary Key</b><br />
Primary Key (Kunci Primer) merupakan suatu atribute atau satu set minimal atribute yang tidak hanya mengidentifikasi secara unik suatu kejadian spesifik, tetapi juga mewakili setiap kejadian dari suatu entitas.<br />
Primary key dipilih berdasrkan kemampuan atribute dalam mewakili data secara menyeluiruh terhadap entitas yang ada.<br />
Contoh:<br />
No.Induk Pegawai (NIP) ditetapkan sebagai Primary Key dari Entitas Pegawai. Karena NIP tiap pegawai bersifat UNIK dan tidak mungkin ganda serta mewakili secara menyeluruh terhadap Entitas Pegawai dan setiap pegawai pasti memiliki nomor induk.<br />
<br />
<b>Foreign Key</b><br />
Foriegn Key (Kunci Tamu) merupakan suatu atribute (atau satu set atribute) yang melengkapi satu relasi (relationship) yang menunjukkan atau mengacu kepada suatu data atau Entitas utama (primer). Foreign Key ditempatkan sebagai Entitas Anak dan sama dengan Primary Key pada Entitas Utama. Hubungan antara kedua Entitas tersebut (Entitas Utama dan Entitas Anak disebut dengan istilah relasi).<br />
Contoh:<br />
<br />
Queries digunakan untuk mencari dan menampilkan data yang memenuhi syarat tertentu dari satu tabel atau lebih.<br />
<br />
<b>Query</b><br />
dapat juga digunakan untuk mengupdate atau menghapus beberapa record data pada satu saat yang sama. Selain itu, query dapat digunakan untuk menjalankan perhitungan terhadap sekelompok data. Sebuah query dapat memiliki sumber data sampai dengan 16 tabel, dapat memiliki sampai 255 field yang berbeda.<br />
<br />
<b>Forms</b><br />
Dipergunakan untuk menampilkan data, mengisi data dan mengubah data yang ada di dalam tabel. Ketika anda membuka form, basis data mengambil data dari satu tabel atau lebih dan menampilkannya ke layar monitor menggunakan layout yang anda buat melalui Form Wizard atau dari layout yang anda rancang sendiri.<br />
<br />
<b>Reports</b><br />
Dipergunakan untuk menampilkan laporan hasil analisa data. Anda dapat mencetak sebuah report (laporan) yang telah dikelompokkan, dihitung subtotal atau total datanya berdasarkan kriteria tertentu. Anda juga dapat membuat report (laporan) yang berisi grafik atau label data.Creative-designhttp://www.blogger.com/profile/06730113680824447764noreply@blogger.com0tag:blogger.com,1999:blog-5857279349847698001.post-19219062004586770462008-12-25T07:56:00.000-08:002011-04-10T19:23:19.818-07:00Desain Photoshop dan Corel Draw<span style="color: #3333ff; font-family: "courier new"; font-size: 130%; font-weight: 700;"></span> <br />
<table align="center" border="1"><tbody>
<tr><td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg402GYErDXQTqVf_wrubJMSvd2AarvSVdD-LlOOXsbyFIL2UjVU6jCwGrQFZeUkEjGx3JiGt78E2lYY45N1OTosLvmzNSYxPUM8280qzfRQRuS5U9sFqiVAEjo_XlMUUZZEd403OrnVgPL/s1600-h/Photoshop+%26+Corel+3.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5283762597038618946" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg402GYErDXQTqVf_wrubJMSvd2AarvSVdD-LlOOXsbyFIL2UjVU6jCwGrQFZeUkEjGx3JiGt78E2lYY45N1OTosLvmzNSYxPUM8280qzfRQRuS5U9sFqiVAEjo_XlMUUZZEd403OrnVgPL/s320/Photoshop+%26+Corel+3.jpg" style="cursor: pointer; display: block; height: 147px; margin: 0px auto 10px; text-align: center; width: 184px;" /></a> <br />
<div style="font-weight: bold; text-align: center;">== Benner Rental Komputer == </div></td><td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgznLmJW_h46tVW2MlxpUFwUBhw4E_dh9Kkil7ROD4OdFpq_M9Ky1fNuOi2Cn4qvFc30-TJ4gQm6zpXE_HNFSgZ3pIPKoTt5JPjtu36_3uQojRefkn_njUcVIaZkKuMCxQWdvWB-tcv0MJc/s1600-h/creative+desain.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5283762611516247042" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgznLmJW_h46tVW2MlxpUFwUBhw4E_dh9Kkil7ROD4OdFpq_M9Ky1fNuOi2Cn4qvFc30-TJ4gQm6zpXE_HNFSgZ3pIPKoTt5JPjtu36_3uQojRefkn_njUcVIaZkKuMCxQWdvWB-tcv0MJc/s320/creative+desain.jpg" style="cursor: pointer; display: block; height: 149px; margin: 0px auto 10px; text-align: center; width: 199px;" /></a> <br />
<div style="font-weight: bold; text-align: center;">== Desain Iseng-iseng == </div></td></tr>
<tr><td><div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjq72QSPSmSOq2qKraQDbNfoGBFVBhB6LRdiGS_-couD9wTS7XI5OJNxwJMpaGaFqtYgNA6vdWogT5ZMmG0tPPHaGQWHaZlofcaE6Samc2Y92eJyL0KJ4dZL9VMRWFzynBXLlBZEGWKC4P/s1600-h/Photoshop+1.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5283762594215747714" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjq72QSPSmSOq2qKraQDbNfoGBFVBhB6LRdiGS_-couD9wTS7XI5OJNxwJMpaGaFqtYgNA6vdWogT5ZMmG0tPPHaGQWHaZlofcaE6Samc2Y92eJyL0KJ4dZL9VMRWFzynBXLlBZEGWKC4P/s320/Photoshop+1.jpg" style="display: block; height: 151px; margin-bottom: 10px; margin-left: auto; margin-right: auto; margin-top: 0px; text-align: center; width: 216px;" /></a><span style="font-weight: bold;">= Desain Kartu Nama ==</span> </div></td><td style="font-weight: bold; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeUtAG__YEdQe8Zvd3Fthx21OsR7TEHtOTRLWyCkBjEU1xRNOZr5Li_Oq_gNAIGjVsLolhEGjGb7BDf3iWTUVPxiW64lXHuvIOEW9clcm2QD8DBOKCuHC5fBUfPi31iHgEbVUa5kK4-lJx/s1600-h/Photoshop+3.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5283762586942780274" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeUtAG__YEdQe8Zvd3Fthx21OsR7TEHtOTRLWyCkBjEU1xRNOZr5Li_Oq_gNAIGjVsLolhEGjGb7BDf3iWTUVPxiW64lXHuvIOEW9clcm2QD8DBOKCuHC5fBUfPi31iHgEbVUa5kK4-lJx/s320/Photoshop+3.jpg" style="cursor: pointer; display: block; height: 144px; margin: 0px auto 10px; text-align: center; width: 201px;" /></a><br />
<div style="text-align: center;">== Desain Kartu Nama ==</div></td></tr>
<tr><td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiB8zj-QU-kHO2AHh5CrcRqcNjx71HB0V_Gva8EMM58rPyquVK9gkFnGsm79AvehahDEmXpMdY-yow-wVSSuNEAvolcYjhwZf2FjNqC2lH1HIAqKcOu97xI-8bjRLjwhURZirAueXKcwqf/s1600-h/majalah.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5283762606916779202" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiB8zj-QU-kHO2AHh5CrcRqcNjx71HB0V_Gva8EMM58rPyquVK9gkFnGsm79AvehahDEmXpMdY-yow-wVSSuNEAvolcYjhwZf2FjNqC2lH1HIAqKcOu97xI-8bjRLjwhURZirAueXKcwqf/s320/majalah.jpg" style="cursor: pointer; display: block; height: 152px; margin: 0px auto 10px; text-align: center; width: 106px;" /></a> <br />
<div style="font-weight: bold; text-align: center;"><span style="font-weight: bold;">== Desain cover majalah ==</span> </div></td> <td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha4E-J7-7CzCV2Jvm_flMtCumS-N4itMI6w7ZVabJx9zextLKp1QvhcNqEMMjgSqhCxBABFY59KFako6Eh-kK0VkyOs7Ij8GZiwMPu5IqRGnMCRTfFGYgmuRG97lo-xk8x4AgD24Nk4ck3/s1600-h/3D+MAX+%281%29.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5410556170368819346" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha4E-J7-7CzCV2Jvm_flMtCumS-N4itMI6w7ZVabJx9zextLKp1QvhcNqEMMjgSqhCxBABFY59KFako6Eh-kK0VkyOs7Ij8GZiwMPu5IqRGnMCRTfFGYgmuRG97lo-xk8x4AgD24Nk4ck3/s320/3D+MAX+%281%29.jpg" style="height: 144px; width: 189px;" /></a><span style="font-weight: bold;"> </span><br />
<span style="font-weight: bold;"> </span><span style="font-weight: bold;">== Desain Rumah ==</span> </td></tr>
</tbody></table>Creative-designhttp://www.blogger.com/profile/06730113680824447764noreply@blogger.com0tag:blogger.com,1999:blog-5857279349847698001.post-52447142660175802952008-08-04T20:47:00.000-07:002011-04-10T19:01:07.315-07:00Bentuk dan Warna<b><span lang="EN-GB"><span class="fullpost"></span></span></b><br />
<div align="justify"><b><span lang="EN-GB">Pendahuluan</span></b></div><div align="justify"><span style="font-size: 85%;"><span lang="EN-GB" style="line-height: 150%;">Kesan pertama seorang pengunjung situs terbentuk pada 9 detik pertama. Jadi bagaimana caranya, dengan perhitungan waktu download, seorang designer dapat menarik perhatian dari pengunjung itu? Jawabannya adalah Design yang </span><b><span lang="EN-GB" style="font-weight: normal;">"Pantas"</span></b></span></div><div align="justify" style="line-height: 150%;"><span style="font-size: 85%;"><b><span lang="EN-GB" style="font-weight: normal;">"Pantas"</span></b><b><span lang="EN-GB" style="line-height: 150%;"> </span></b><span lang="EN-GB" style="line-height: 150%;">berarti: </span></span></div><ul align="justify" type="disc"><li class="MsoNormal" style="line-height: 150%;"><span style="font-size: 85%;"><span style="font-size: 12pt; line-height: 150%;">Koordinasi warna yang baik <o:p></o:p></span></span></li>
<li class="MsoNormal" style="line-height: 150%;"><span style="font-size: 85%;"><span style="font-size: 12pt; line-height: 150%;">tata letak ( lay-out ) yang bagus, <o:p></o:p></span></span></li>
<li class="MsoNormal" style="line-height: 150%;"><span style="font-size: 85%;"><span style="font-size: 12pt; line-height: 150%;">dan yang paling penting, download yang cepat. <o:p></o:p></span></span></li>
</ul><div align="justify" style="line-height: 150%;"><span style="font-size: 85%;"><span lang="EN-GB" style="line-height: 150%;">Memang kita tinggal di <st1:country-region st="on"><st1:place st="on">Indonesia</st1:place></st1:country-region> yang infrastruktur komunikasinya sangat terbatas, sampai sampai ada daerah yang line-telp-nya tidak bisa mengangkat modem, sehingga kalau bisa sekecil mungkin semakin bagus.</span></span></div><div align="justify" style="line-height: 150%;"><span style="font-size: 85%;"><span lang="EN-GB" style="line-height: 150%;">Tapi untuk negara maju seperti Amerika, dimana DSL dan Cable modem bukanlah hal yang aneh lagi, net-lag bukanlah tidak ada. Jadi sebuah halaman web dengan kode yang bersih dan ukuran yang sangat optimize adalah masih mutlak.<a name='more'></a></span></span><br />
</div><div align="justify" style="line-height: 150%;"><span style="font-size: 85%;"><b><span lang="EN-GB" style="font-weight: normal;">Dasar</span></b><span lang="EN-GB" style="line-height: 150%;"> dari design yang "pantas” , adalah dengan membuat </span><b><i><span lang="EN-GB" style="font-weight: normal;">tata-letak</span></i></b><span lang="EN-GB" style="line-height: 150%;"> dengan </span><b><i><span lang="EN-GB" style="font-weight: normal;">warna, bentuk, dan typografi</span></i></b><span lang="EN-GB" style="line-height: 150%;"> yang saling mendukung. Kombinasi dari ke 3 elemen tersebut bisa membentuk sebuah desain yang mewakili isi-nya, dan sesuai dengan target audience yang dituju.</span></span></div><div align="justify" style="line-height: 150%;"><span style="font-size: 85%;"><span lang="EN-GB" style="line-height: 150%;">Disadari atau tidak, seorang pengunjung akan merespon apa yang dia lihat (di tampilan monitornya) pada level psikologis. Seorang desainer-grafis yang baik, haruslah bisa membuat dan meletakkan elemen elemen untuk menggoda, menyenangkan dan memuaskan para pengunjung. Dan tujuannnya tidak akan berhenti saja pada si pengunjung, tapi seorang pengunjung yang senang, kemungkinan besar, akan merespon terhadap ada yang menjadi tujuan dari situs anda. Tujuan yang mungkin hanya untuk informasi, atau untuk hiburan, atau mungkin untuk menjual barang dan jasa.</span></span><br />
</div><div align="justify" style="line-height: 150%;"><span style="font-size: 85%;"><span lang="EN-GB" style="line-height: 150%;">Cara yang paling baik untuk menarik perhatian seorang pengunjung adalah dengan penggunaan </span><b><span lang="EN-GB">warna</span></b><span lang="EN-GB" style="line-height: 150%;"> sebagai medium penerangan untuk situs dan informasi maupun produk yang dimilikinya :</span></span><br />
<br />
<span style="font-size: 85%;"><span lang="EN-GB" style="line-height: 150%;"> </span></span></div><div align="justify" style="line-height: 150%;"><span style="font-size: 85%;"><b><span lang="EN-GB">Bentuk</span></b><span lang="EN-GB" style="line-height: 150%;">, sesuatu hal yang sering dilupakan, adalah juga sebuah element design yang cukup kuat untuk membentuk sebuah citra, dan mengekspresikan sebuah informasi.</span></span><br />
</div><div align="justify" style="line-height: 150%;"><span style="font-size: 85%;"><b><span lang="EN-GB">Typografi</span></b><span lang="EN-GB" style="line-height: 150%;"> (seni pengunaan jenis huruf) pada saat ini memiliki implementasi terbatas dalam design web, tetapi adalah elemen yang sangat penting dalam komunikasi dengan para pengunjung.</span></span></div><div align="justify" style="line-height: 150%;"><span style="font-size: 85%;"><b><span lang="EN-GB" style="line-height: 150%;"> <span style="font-size: 100%;"> </span></span></b></span><br />
<span style="font-size: 85%;"><b><span lang="EN-GB" style="line-height: 150%;"><span style="font-size: 100%;">Warna</span></span></b></span><br />
<span style="font-size: 85%;"><b><span lang="EN-GB" style="line-height: 150%;"><span style="font-size: 100%;"></span></span></b></span></div><div align="justify" style="line-height: 150%;"><span style="font-size: 85%;"><b><span lang="EN-GB" style="line-height: 150%;"> </span></b></span><span style="font-size: 85%;"><span lang="EN-GB" style="line-height: 150%;">Pemilihan Warna adalah satu hal yang sangat penting dalam menentukan respon dari pengunjung. Warna adalah hal yang pertama dilihat oleh seorang pengunjung (terutama warna background), dan Anda bisa membuat situs anda untuk menampilkan warna dulu sementara content yang lain (text dan image) masih dalam proses download. Cara ini akan membuat kesan atau mood untuk seluruh situs itu.</span></span></div><div align="justify" style="line-height: 150%;"><span style="font-size: 85%;"><span lang="EN-GB" style="line-height: 150%;">Untuk mencapai design warna yang efektif, bisa dimulai dengan memilih warna yang bisa merepresentasikan tujuan dari situs Anda. Pallet warna yang anda buat sebaiknya cocok dengan pribadi dan tujuan dari situs Anda. Jika misalnya situs Anda adalah untuk situs komunitas, maka sebaiknya Anda memilih warna warna hangat untuk membuat suasana lebih santai. Jika situs Anda adalah untuk situs Informasi, dimana content akan mendominasi, maka warna sebaiknya simple dan tidak mengganggu (misalnya jangan menggunakan background kembang2 dengan warna menyolok).</span></span><br />
<span style="font-size: 85%;"><span lang="EN-GB" style="line-height: 150%;"><o:p></o:p></span></span></div><div align="justify" style="line-height: 150%;"><span style="font-size: 85%;"><span lang="EN-GB"><o:p> </o:p></span><span style="font-size: 100%;"><b><span lang="EN-GB" style="line-height: 150%;">Bentuk</span></b></span></span></div><div align="justify" style="line-height: 150%;"><span style="font-size: 85%;"><b><span lang="EN-GB" style="line-height: 150%;"></span></b><span lang="EN-GB" style="line-height: 150%;"> Bentuk juga bisa digunakan untuk menarik respon dari pengunjung. Penggunaan Bentuk yang efektif akan secara psikologi mengmotivasi pengunjung, menginspirasi pengunjung dan memberikan tantangan kepada pengunjung, kadang tanpa si pengunjung menyadari kenapa bisa termotivasi,dsb<o:p></o:p></span></span></div><div align="justify" style="line-height: 150%;"><span style="font-size: 85%;"><span lang="EN-GB" style="line-height: 150%;">Bentuk, biasanya bisa digabungkan untuk membuat kesan yang lebih kuat. Misalnya penggunaan sebuah Lingkaran dan sebuah SegiTiga, akan menghasilkan kesan energetik, dan dinamik. Atau penggunakan sebuah Lingkaran dan sebuah Persegi untuk kehangatan dan perasaan aman. Kekuatan dari Bentuk dan kombinasi Bentuk telah ditujukan di berbagai bidang, seperti Automotif, Bangungan, Kemasan Produk, dan Logo Perusahaan.</span></span><br />
<span style="font-size: 85%;"><span lang="EN-GB" style="line-height: 150%;"><o:p></o:p></span></span></div><div align="justify" style="line-height: 150%;"><span style="font-size: 85%;"><span lang="EN-GB" style="line-height: 150%;"><o:p> </o:p></span><span style="font-size: 100%;"><b><span lang="EN-GB" style="line-height: 150%;">Typografi</span></b></span></span></div><div align="justify" style="line-height: 150%;"><span style="font-size: 85%;"><b><span lang="EN-GB" style="line-height: 150%;"> </span></b><span lang="EN-GB" style="line-height: 150%;">Typografi adalah sebuah seni. Dan adalah sebuah seni yang cukup rumit, apalagi kerumitannya ditambah dengan medium design web yang terbatas. Huruf di Web dapat dibuat sebagai bagian dari grafik (image), atau dengan cara HTML, atau dengan Style Sheets. Dengan cara HTML dan StyleSheet, kadang akan didapakan hasil yang kurang memuaskan atau kurang bagus karena TypeFace (Bentuk Huruf) yang kita gunakan, mungkin tidak akan tersedia di komputer si pengunjung. Jika komputer si pengunjung tidak mempunya Bentuk Huruf yang telah di-set oleh designer web, maka yang akan digunakan adalah tampilan menggunakan Bentuk Huruf alternatif atau Bentuk Huruf standard (default).</span></span><br />
<br />
<span style="font-size: 85%;"><span lang="EN-GB" style="line-height: 150%;">Designer dapat menentukan pilihan tentang huruf yang mereka buat secara Grafik (image), dan juga TypeFace umum yang dipakai pada isi text. Begitu banyak bentuk huruf, sampai susah untuk mengatakan berapa banyak bentuk huruf yang ada di dunia ini. Sehingga agak susah untuk menentukan efek/pengaruh apa yang bisa ditimbulkan kepada pengunjung. Akan tetapi, huruf dibagi dalam beberapa kategori umum, dan biasanya kategori umum ini memiliki <st1:city st="on"><st1:place st="on">gaya</st1:place></st1:city> tersendiri.</span></span><br />
<span style="font-size: 85%;"><span lang="EN-GB" style="line-height: 150%;"><o:p></o:p></span></span></div><div align="justify" style="line-height: 150%;"><span style="font-size: 85%;"><span lang="EN-GB" style="line-height: 150%;">Biasanya, designer akan menggunakan beberapa macam style hurup dalam sebuah halaman. Judul dan Point Penting biasanya menggunakan jenis Decoratif dan Scrip, dan isi text hampir selalu harus menggunakan jenis Serif atau San-Serif (atau kadang menggunakan Monospace). Untuk mempengaruhi pengunjung secara psikologi, bisa dengan penggunaan Jenis Huruf yang sesuai dengan tujuan yang hendak dicapai dengan penggunaan Warna dan Bentuk.</span></span></div>Creative-designhttp://www.blogger.com/profile/06730113680824447764noreply@blogger.com0tag:blogger.com,1999:blog-5857279349847698001.post-129266846668824822008-08-04T20:41:00.001-07:002011-04-10T19:02:23.081-07:00Tips Web Design<div align="justify" class="MsoNormal" style="line-height: 150%;"><span style="font-size: 85%;"><b><span style="line-height: 150%;"><o:p> </o:p></span></b></span><span style="font-family: "; font-size: 85%; line-height: 150%;">Batasan-batasan yang menghambat desain web<o:p></o:p></span></div><div align="justify" class="MsoNormal" style="line-height: 150%;"><span style="font-size: 85%; line-height: 150%;"><o:p> </o:p>Desain web yang kreatif lahir dari serangkaian batasan-batasan yang diciptakan oleh dunia web sendiri. Wawasan akan batasan-batasan tersebut sangat penting artinya bagi desain. Contoh batasan-batasan tersebut misalnya:</span><br />
<span style="font-size: 85%; line-height: 150%;"><o:p></o:p></span></div><div align="justify" class="MsoNormal" style="line-height: 150%;"><span style="font-size: 85%; line-height: 150%;"><o:p> </o:p></span></div><div align="justify" class="MsoNormal" style="line-height: 150%;"><span style="font-size: 85%; line-height: 150%;"><o:p></o:p></span><span style="font-size: 85%;"><b><i><span style="line-height: 150%;">Platform user yang beragam:</span></i></b><b><span style="line-height: 150%;"><o:p></o:p></span></b></span></div><div align="justify" class="MsoNormal" style="line-height: 150%; margin-left: 18pt; text-indent: -18pt;"><span style="font-family: "Symbol"; font-size: 85%; line-height: 150%;">·<span style="font-family: ";"> </span></span><span style="font-size: 85%; line-height: 150%;">Komputer Mac menampilkan huruf lebih kecil dari PC<b><o:p></o:p></b></span></div><div align="justify" class="MsoNormal" style="line-height: 150%; margin-left: 18pt; text-indent: -18pt;"><span style="font-family: "Symbol"; font-size: 85%; line-height: 150%;">·<span style="font-family: ";"> </span></span><span style="font-size: 85%; line-height: 150%;">PC mempunyai font defaul yang berbeda denga Mac<b><o:p></o:p></b></span></div><div align="justify" class="MsoNormal" style="line-height: 150%; margin-left: 18pt; text-indent: -18pt;"><span style="font-family: "Symbol"; font-size: 85%; line-height: 150%;">·<span style="font-family: ";"> </span></span><span style="font-size: 85%; line-height: 150%;">Unix dengan X windowsnya tidak mempunyai font default.</span><br />
<span style="font-size: 85%; line-height: 150%;"><b><o:p></o:p></b></span></div><div align="justify" class="MsoNormal" style="line-height: 150%;"><span style="font-size: 85%;"><b><span style="line-height: 150%;"><o:p> </o:p></span></b></span></div><div align="justify" class="MsoNormal" style="line-height: 150%;"><span style="font-size: 85%;"><b><i><span style="line-height: 150%;">Browser user yang beragam:<o:p></o:p></span></i></b></span></div><div align="justify" class="MsoNormal" style="line-height: 150%; margin-left: 18pt; text-indent: -18pt;"><span style="font-family: "Symbol"; font-size: 85%; line-height: 150%;">·<span style="font-family: ";"> </span></span><span style="font-size: 85%; line-height: 150%;">Netscape menguasai JavaScript, Microsoft selalu satu langkah tertinggal.<b><o:p></o:p></b></span></div><div align="justify" class="MsoNormal" style="line-height: 150%; margin-left: 18pt; text-indent: -18pt;"><span style="font-family: "Symbol"; font-size: 85%; line-height: 150%;">·<span style="font-family: ";"> </span></span><span style="font-size: 85%; line-height: 150%;">Microsoft mempunyai Jscript dan VBScript dan ActiveX, semuanya tidak berjalan di Netscape<b><o:p></o:p></b></span></div><div align="justify" class="MsoNormal" style="line-height: 150%; margin-left: 18pt; text-indent: -18pt;"><span style="font-family: "Symbol"; font-size: 85%; line-height: 150%;">·<span style="font-family: ";"> </span></span><span style="font-size: 85%; line-height: 150%;">Tidak ada browser satu pun yang menguasai Java<b><o:p></o:p></b></span></div><div align="justify" class="MsoNormal" style="line-height: 150%; margin-left: 18pt; text-indent: -18pt;"><span style="font-family: "Symbol"; font-size: 85%; line-height: 150%;">·<span style="font-family: ";"> </span></span><span style="font-size: 85%; line-height: 150%;">Microsoft tidak mengharuskan menggunakan penutup pada kebanyakan tag HTML. Netscape mengharuskannya.<b><o:p></o:p></b></span></div><div align="justify" class="MsoNormal" style="line-height: 150%; margin-left: 18pt; text-indent: -18pt;"><span style="font-family: "Symbol"; font-size: 85%; line-height: 150%;">·<span style="font-family: ";"> </span></span><span style="font-size: 85%; line-height: 150%;">Penerapan CSS yang berbeda oleh Microsoft dan Netscape,<a name='more'></a><b><o:p></o:p></b></span><br />
</div><div align="justify" class="MsoNormal" style="line-height: 150%;"><span style="font-size: 85%; line-height: 150%;">Masalah lain bakal berdatangan, karena tidak hanya 2 browser tersebut yang saat ini digunakan, masih banyak browser lain seperti Opera, WebTV, dan Lynx yang text based<o:p></o:p></span></div><div align="justify" class="MsoBodyText"><span style="font-size: 85%; line-height: 150%;"><o:p></o:p></span><span style="font-family: "; font-size: 85%; line-height: 150%;">Batasan tersebut memaksa Desainer untuk mengambil jalan pintas: Membuat banyak versi yang berbedai untuk masing-masing Platform, Browser dan Audience (misalnya untuk manula yang susah membaca huruf2 kecil)<o:p></o:p></span></div><div align="justify" class="MsoBodyText"><span style="font-family: "; font-size: 85%; line-height: 150%;">Web desain adalah bisnis yang bisa membuat frustasi, sehingga wajar bila mereka (desainer) dibayar mahal untuk itu.<o:p></o:p></span></div><div align="justify" class="MsoNormal" style="line-height: 150%;"><span style="font-family: "; font-size: 85%; line-height: 150%;"><o:p></o:p></span><span style="font-size: 85%; line-height: 150%;">Di luar itu semua satu keunggulan media komputer dalam berkarya adalah:<o:p></o:p></span></div><div align="justify" class="MsoNormal" style="line-height: 150%;"><span style="font-size: 85%; line-height: 150%;">Saat anda mendesain web, apa yang anda kerjakan tidak pernah dianggap selesai, anda selalu dapat menambah, mengkoreksi, menyempurnakan hasil karya anda, selalu koreksi desain anda, karena itulah salah satu keunggulan web dibandingkan media cetak atau lainnya, kemudahan untuk mengkoreksi karya anda.</span><br />
<span style="font-size: 85%; line-height: 150%;"><o:p></o:p></span></div><div align="justify" class="MsoNormal" style="line-height: 150%;"><span style="font-size: 85%; font-weight: bold; line-height: 150%;"><o:p></o:p></span><span style="font-family: "; font-size: 85%; line-height: 150%;"><span style="font-weight: bold;">Desain Web yang Bandwidth Friendly</span><o:p></o:p></span></div><div align="justify" class="MsoNormal" style="line-height: 150%;"><span style="font-size: 85%; line-height: 150%;"><o:p> </o:p> Hukum Moore mengatakan, teknologi komputer berkembang 2 kali lebih cepat dan akan berkurang setengah harga setiap 18 bulan. Namun Hukum tersebut tidak berlaku pada kecepatan koneksi. Makin banyak komputer yang dipakai, juga banyak bandwidth yang terpakai.<o:p></o:p></span></div><div align="justify" class="MsoNormal" style="line-height: 150%;"><span style="font-size: 85%; line-height: 150%;"><o:p> </o:p></span></div><div align="justify" class="MsoNormal" style="line-height: 150%;"><span style="font-size: 85%; line-height: 150%;">Batasan melahirkan kreativitas. Banyak desainer yang terhambat oleh batasan bandwidth namun itu semua malah membuat mereka berkarya lebih baik. Anda juga bisa melakukan banyak hal dengan sedikit bytes. Anda bakal kaget dengan apa yang bisa dilakukan hanya dengan table-table berwarna.<o:p></o:p></span></div><div align="justify" class="MsoNormal" style="line-height: 150%;"><span style="font-size: 85%; line-height: 150%;"><o:p> </o:p></span></div><div align="justify"><span style="font-size: 85%;"><b><span style="line-height: 150%;">Review :<o:p></o:p></span></b></span> </div><div align="justify" class="MsoNormal" style="line-height: 150%;"><span style="font-size: 85%; line-height: 150%;"><o:p> </o:p></span></div><ol start="1" style="margin-top: 0cm;" type="1"><li align="justify" class="MsoNormal" style="line-height: 150%;"><span style="font-size: 85%; line-height: 150%;">Buat sesederhana mungkin. Desain yang baik terletak pada kesederhanaannya. Define the essence.<o:p></o:p></span></li>
<li align="justify" class="MsoNormal" style="line-height: 150%;"><span style="font-size: 85%; line-height: 150%;">Aesthetic Consideration paling penting adalah masalah kecepatan transmisi / Bandwidth. Bila terlalu sulit untuk didownload. Kembali ke tahap desain.<o:p></o:p></span></li>
<li align="justify" class="MsoNormal" style="line-height: 150%;"><span style="font-size: 85%; line-height: 150%;">Anda hanya memiliki 9 detik untuk meyakinkan user untuk tidak menggunakan tombol Back. 3 detik. Jadi, tampilkan sesuatu di monitor sebelum 9 detik tersebut. Dan buat semenarik mungkin<o:p></o:p></span></li>
<li align="justify" class="MsoNormal" style="line-height: 150%;"><span style="font-size: 85%; line-height: 150%;">Jangan gunakan font yang menurut anda bagus, tapi tidak banyak dipakai di komputer lain. <o:p></o:p></span></li>
<li align="justify" class="MsoNormal" style="line-height: 150%;"><span style="font-size: 85%; line-height: 150%;">Coba maksimalkan desain anda dengan “<i>HTML</i>” atau “<i>CSS”</i>, sebelum menggunakan “<i>GIF”. </i>Artinya, gunakan image sebagai usaha terakhir mengatasi;<o:p></o:p></span></li>
<li align="justify" class="MsoNormal" style="line-height: 150%;"><span style="font-size: 85%; line-height: 150%;">Problem, doktrin utama desain apapun, tidak hanya desain web, adalah tentang Problem solving : Jabarkan problemnya dan anda sudah mengerjakan setengah dari tugas anda.<o:p></o:p></span></li>
</ol>Creative-designhttp://www.blogger.com/profile/06730113680824447764noreply@blogger.com0tag:blogger.com,1999:blog-5857279349847698001.post-61204552761199414352008-08-04T20:36:00.000-07:002009-11-25T23:23:35.899-08:00Gambar Vektor<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGMeriGdKRWhkZQn3uq_zftEasHIn9Liic4bdOlvjHueRHG_2z_AvKAg0uRKX13I5fXpkKP9AVH1Q5KhU9UvFF4PkKde0PBEIpBmfksFRu2CQCzeA2Do1lnez9VkjFDWRorWddw4lPerWj/s1600-h/20050119-212818-turniptopia.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGMeriGdKRWhkZQn3uq_zftEasHIn9Liic4bdOlvjHueRHG_2z_AvKAg0uRKX13I5fXpkKP9AVH1Q5KhU9UvFF4PkKde0PBEIpBmfksFRu2CQCzeA2Do1lnez9VkjFDWRorWddw4lPerWj/s320/20050119-212818-turniptopia.jpg" alt="" id="BLOGGER_PHOTO_ID_5230872832556767954" border="0" /></a>
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcRtzrHoi0vjQquMGRX3kssTYdhh6MDpLvRN-SA6AtBUqqworiozprQGZmb_wJTfQUTI3zV3XbCjkcFb-9caOpRlkpzl6G2bBiCMKOP1Wt_KICzvL5c6PRS0bbsXQ15bUcmZm_9c5o84pw/s1600-h/gf-vectorworks_13977.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcRtzrHoi0vjQquMGRX3kssTYdhh6MDpLvRN-SA6AtBUqqworiozprQGZmb_wJTfQUTI3zV3XbCjkcFb-9caOpRlkpzl6G2bBiCMKOP1Wt_KICzvL5c6PRS0bbsXQ15bUcmZm_9c5o84pw/s320/gf-vectorworks_13977.jpg" alt="" id="BLOGGER_PHOTO_ID_5230872833008016258" border="0" /></a>
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxCofdDCYra_1qGNeB0QepySSQDTyYRst9_X39H6ndn8EOz0ttZuLGNgDXiB8bWvvuS81H-NtYErXby1738Q3pUj-GOevfhDQR8WSs3Cied_AWg6QUkjwE-xntN2UKJ8bAiSfybTlc5wpQ/s1600-h/gf-vectorworks_15127.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxCofdDCYra_1qGNeB0QepySSQDTyYRst9_X39H6ndn8EOz0ttZuLGNgDXiB8bWvvuS81H-NtYErXby1738Q3pUj-GOevfhDQR8WSs3Cied_AWg6QUkjwE-xntN2UKJ8bAiSfybTlc5wpQ/s320/gf-vectorworks_15127.jpg" alt="" id="BLOGGER_PHOTO_ID_5230872838729875218" border="0" /></a>
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGffapUDeS9uAj0K-Ysy3WBkVc0T3uN6cdncVrZ-bD6-91AKZnqYf8pcj5yRDFLK0JbHgSLyk83EVdgK_w-JcNZEbVUST-t29RKW6nEt4gVc0u-3NrDfH7WrBfbAqm4bt4JxnA-8i0-llk/s1600-h/gf-vectorworks_61329.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGffapUDeS9uAj0K-Ysy3WBkVc0T3uN6cdncVrZ-bD6-91AKZnqYf8pcj5yRDFLK0JbHgSLyk83EVdgK_w-JcNZEbVUST-t29RKW6nEt4gVc0u-3NrDfH7WrBfbAqm4bt4JxnA-8i0-llk/s320/gf-vectorworks_61329.jpg" alt="" id="BLOGGER_PHOTO_ID_5230872842804446354" border="0" /></a>Creative-designhttp://www.blogger.com/profile/06730113680824447764noreply@blogger.com0tag:blogger.com,1999:blog-5857279349847698001.post-3207196880396028772008-08-04T20:29:00.000-07:002011-04-10T19:50:02.554-07:00Desain Website<div align="left"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA0n42oRoVfO8OWmjdj3C_UYzPO4YT69FhqZmWKwF3BgI4fGgTg9jCdDf-QY-H4AVZAu3ZRVQTKZ20qBLaTgnXArxorUFm9iBEWJnBt-YCdBX2RV9a65XcDD3J1tcOOKY9ptUST2Hbm2Mk/s1600-h/003.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="" border="0" height="200" id="BLOGGER_PHOTO_ID_5230871207271989538" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA0n42oRoVfO8OWmjdj3C_UYzPO4YT69FhqZmWKwF3BgI4fGgTg9jCdDf-QY-H4AVZAu3ZRVQTKZ20qBLaTgnXArxorUFm9iBEWJnBt-YCdBX2RV9a65XcDD3J1tcOOKY9ptUST2Hbm2Mk/s200/003.jpg" style="display: block; margin-bottom: 10px; margin-left: auto; margin-right: auto; margin-top: 0px; text-align: center;" width="171" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC_VX8rtVf2S1qFXTS75cdUegemERsCm6VA1S8MP3dVV0u6Hgi1BThavvGjEYEWzgiE3Hi67plzJm14-DC0-P4vlIEyvgIgQImP4qPVoqo7e0vhi3MNyndM5AoSobxbH14qnaB80ZUzVDn/s1600-h/1_1.JPG" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="" border="0" height="200" id="BLOGGER_PHOTO_ID_5230871203116674514" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC_VX8rtVf2S1qFXTS75cdUegemERsCm6VA1S8MP3dVV0u6Hgi1BThavvGjEYEWzgiE3Hi67plzJm14-DC0-P4vlIEyvgIgQImP4qPVoqo7e0vhi3MNyndM5AoSobxbH14qnaB80ZUzVDn/s200/1_1.JPG" style="display: block; margin-bottom: 10px; margin-left: auto; margin-right: auto; margin-top: 0px; text-align: center;" width="148" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9V2nxKitle8ytxvr2fvnEWOz0Evk63zONy5DKNorPBy6WaE8zfx9HP13QFbtoQCxNRYQze4UA0jF0cTQr4FLJpl587P9v3o6ZhE0aFCpJwKkOSEqRDO9FJUiiB30NmsZZe4i3EJdPxWPu/s1600-h/1.JPG" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="" border="0" height="200" id="BLOGGER_PHOTO_ID_5230871203740525730" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9V2nxKitle8ytxvr2fvnEWOz0Evk63zONy5DKNorPBy6WaE8zfx9HP13QFbtoQCxNRYQze4UA0jF0cTQr4FLJpl587P9v3o6ZhE0aFCpJwKkOSEqRDO9FJUiiB30NmsZZe4i3EJdPxWPu/s200/1.JPG" style="display: block; margin-bottom: 10px; margin-left: auto; margin-right: auto; margin-top: 0px; text-align: center;" width="168" /></a> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpfR0vd860p2l8xAOm_euDw9MKqpCiZkaVduWENrwYWE_73pCS8a6Ug5KTaEFrVOo5klU8FbOxv-4_RdO8V6QYV1lavda2Mk3A1q6pfo43J4E6N8Ez7PTyDdqG1e80AFLsFtNIYpdqAuaV/s1600-h/002.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" height="200" id="BLOGGER_PHOTO_ID_5230871206081274050" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpfR0vd860p2l8xAOm_euDw9MKqpCiZkaVduWENrwYWE_73pCS8a6Ug5KTaEFrVOo5klU8FbOxv-4_RdO8V6QYV1lavda2Mk3A1q6pfo43J4E6N8Ez7PTyDdqG1e80AFLsFtNIYpdqAuaV/s200/002.jpg" style="display: block; margin-bottom: 10px; margin-left: auto; margin-right: auto; margin-top: 0px; text-align: center;" width="193" /></a> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuVjQ7F9RMQmnQ4tqtgSWUrHbAOwekUPcQ8-YNTjTy-jVOPfxF7fCBfoRoY8L41TmEjMOZGA-3Eigi7ocmK-xeAqKfcu7zSmRghJbiQXzP3KLISOTFMVEzVYhWRfPVM2tDSRWk5S4ECE9x/s1600-h/004.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" height="200" id="BLOGGER_PHOTO_ID_5230871208327483554" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuVjQ7F9RMQmnQ4tqtgSWUrHbAOwekUPcQ8-YNTjTy-jVOPfxF7fCBfoRoY8L41TmEjMOZGA-3Eigi7ocmK-xeAqKfcu7zSmRghJbiQXzP3KLISOTFMVEzVYhWRfPVM2tDSRWk5S4ECE9x/s200/004.jpg" style="display: block; margin-bottom: 10px; margin-left: auto; margin-right: auto; margin-top: 0px; text-align: center;" width="191" /></a></div>Creative-designhttp://www.blogger.com/profile/06730113680824447764noreply@blogger.com0tag:blogger.com,1999:blog-5857279349847698001.post-40183529909935096052008-05-15T18:22:00.000-07:002008-05-15T22:36:12.256-07:00PHP<span lang="IN" style="font-size:85%;"><span style="font-weight: bold;">Teknologi Berbasis Web</span><o:p></o:p></span> <p class="MsoNormal"><span style=";font-size:85%;" lang="IN" ><o:p> </o:p></span></p> <h1><span lang="IN" style="font-size:85%;">PHP Sebagai <i style="">server-side embedded scripting language</i></span></h1> <p class="MsoNormal"><span style=";font-family:";font-size:85%;" lang="IN" ><o:p> </o:p></span></p> <p class="MsoNormal"><span style=";font-family:";font-size:85%;color:black;" lang="IN" >Dalam perkembangannya yang sangat cepat, internet dan intranet k</span><span style=";font-family:";font-size:85%;color:black;" lang="IN" >ini digunakan untuk keperluan aplikasi-aplikasi, yang juga melibatkan database. Aplikasi yang disuguhkan berupa informasi data yang sesuai dengan berubahnya database atau sesuai dengan permintaan dari user. Berangkat dari kebutuhan sebuah situs web yang dinamis tersebut, dikembangkanlah PHP (akronim dari PHP Hypertext Preprocessor) yang merupakan bahasa pemrogramman berbasis web yang memiliki kemampuan untuk memproses data dinamis.<o:p></o:p></span></p> <p class="MsoNormal"><span style=";font-family:";font-size:85%;color:black;" lang="IN" ><o:p> </o:p></span></p> <p class="MsoNormal"><span style=";font-family:";font-size:85%;color:black;" lang="IN" >PHP dikatakan sebagai sebuah <i style="">server-side embedded script language</i> artinya sintaks-sintaks dan perintah yang kita berikan akan sepenuhnya dijalankan oleh server tetapi disertakan pada hal</span><span style=";font-family:";font-size:85%;color:black;" lang="IN" >aman HTML biasa. Aplikasi-aplikasi yang dibangun oleh PHP pada umumnya akan memberikan hasil pada web browser, tetapi prosesnya secara keseluruhan dijalankan di server.<o:p></o:p></span></p> <p class="MsoNormal"><span style=";font-family:";font-size:85%;color:black;" lang="IN" ><o:p> </o:p></span></p> <p class="MsoNormal"><span style="font-size:85%;"><b style=""><span style=";font-family:";" lang="IN">Prinsip Kerja Server-side script language <o:p></o:p></span></b></span></p> <p class="MsoNormal"><span style="font-size:85%;"><b style=""><span style=";font-family:";" lang="IN"><o:p> </o:p></span></b></span></p> <p class="MsoNormal"><span style=";font-family:";font-size:85%;" lang="IN" >Pada prinsipnya server akan bekerja apabila ada permintaan dari client. Dalam hal ini client menggunakan kode-kode PHP untuk mengirimkan permintaan ke server (dapat dilihat pada gambar 1). Ke</span><span style=";font-family:";font-size:85%;" lang="IN" >tika menggunakan PHP sebagai <i style="">server-side embedded script language</i> maka server akan melakukan hal-hal sebagai berikut :<o:p></o:p></span></p> <p class="MsoNormal" style="margin-left: 36pt; text-indent: -18pt;"><!--[if !supportLists]--><span style=";font-family:Wingdings;font-size:85%;" lang="IN" ><span style="">q<span style=";font-family:";" > </span></span></span><!--[endif]--><span style=";font-family:";font-size:85%;" lang="IN" >Membaca permintaan dari client/browser<o:p></o:p></span></p> <p class="MsoNormal" style="margin-left: 36pt; text-indent: -18pt;"><!--[if !supportLists]--><span style=";font-family:Wingdings;font-size:85%;" lang="IN" ><span style="">q<span style=";font-family:";" > </span></span></span><!--[endif]--><span style=";font-family:";font-size:85%;" lang="IN" >Mencari halaman/page di server<o:p></o:p></span></p> <p class="MsoNormal" style="margin-left: 36pt; text-indent: -18pt;"><!--[if !supportLists]--><span style=";font-family:Wingdings;font-size:85%;" lang="IN" ><span style="">q<span style=";font-family:";" > </span></span></span><!--[endif]--><span style=";font-family:";font-size:85%;" lang="IN" >Melakukan instruksi yang diberikan oleh PHP untuk melakukan modifikasi pada halaman/page.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-left: 36pt; text-indent: -18pt;"><!--[if !supportLists]--><span style=";font-family:Wingdings;font-size:85%;" lang="IN" ><span style="">q<span style=";font-family:";" > </span></span></span><!--[endif]--><span style=";font-family:";font-size:85%;" lang="IN" >Mengirim kembali halaman tersebut kepada client melalui in</span><span style=";font-family:";font-size:85%;" lang="IN" >ternet atau intranet.<o:p></o:p></span></p> <p class="MsoNormal"><span style=";font-family:";font-size:85%;" lang="IN" ><o:p> </o:p></span></p> <p class="MsoNormal"><span style="font-size:85%;"><b style=""><span style=";font-family:";" lang="IN">Keuntungan Server-side processing <o:p></o:p></span></b></span></p> <p class="MsoNormal"><span style=";font-family:";font-size:85%;" lang="IN" ><o:p> </o:p></span></p> <p class="MsoNormal"><span style=";font-family:";font-size:85%;" lang="IN" >Server-side processing dan pembuatan halaman web memberikan beberapa keuntungan dibanding dengan teknologi client-side, diantaranya adalah :<o:p></o:p></span></p> <p class="MsoNormal" style="margin-left: 36pt; text-indent: -18pt; line-height: 150%;"><!--[if !supportLists]--><span style="line-height: 150%;font-family:Wingdings;font-size:85%;" lang="IN" ><span style="">q<span style=";font-family:";" > </span></span></span><!--[endif]--><span style="line-height: 150%;font-family:";font-size:85%;" lang="IN" >Meminimalisasikan network traffic dengan membatasi komuni</span><span style="line-height: 150%;font-family:";font-size:85%;" lang="IN" >kasi antara browser dengan server.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-left: 36pt; text-indent: -18pt; line-height: 150%;"><!--[if !supportLists]--><span style="line-height: 150%;font-family:Wingdings;font-size:85%;" lang="IN" ><span style="">q<span style=";font-family:";" > </span></span></span><!--[endif]--><span style="line-height: 150%;font-family:";font-size:85%;" lang="IN" >Membuat waktu loading lebih cepat, ketika mendownload sebuah halaman HTML karena yang akan tampil adalah hasilnya saja.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-left: 36pt; text-indent: -18pt; line-height: 150%;"><!--[if !supportLists]--><span style="line-height: 150%;font-family:Wingdings;font-size:85%;" lang="IN" ><span style="">q<span style=";font-family:";" > </span></span></span><!--[endif]--><span style="line-height: 150%;font-family:";font-size:85%;" lang="IN" >Menghindari masalah kompatibilitas browser.</span></p> <p class="MsoNormal" style="margin-left: 36pt; text-indent: -18pt; line-height: 150%;"><!--[if !supportLists]--><span style="line-height: 150%;font-family:Wingdings;font-size:85%;" lang="IN" ><span style="">q<span style=";font-family:";" > </span></span></span><!--[endif]--><span style="line-height: 150%;font-family:";font-size:85%;" lang="IN" >Dapat memperoleh data client yang tidak terletak di client.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-left: 36pt; text-indent: -18pt; line-height: 150%;"><!--[if !supportLists]--><span style="line-height: 150%;font-family:Wingdings;font-size:85%;" lang="IN" ><span style="">q<span style=";font-family:";" > </span></span></span><!--[endif]--><span style="line-height: 150%;font-family:";font-size:85%;" lang="IN" >Meningkatkan keamanan, ketika kita mengkodekan sesuatu yang tidak akan pernah dapat dilihat dari browser.</span></p><p class="MsoNormal" style="margin-left: 36pt; text-indent: -18pt; line-height: 150%;"></p><p class="MsoNormal"><!--[if gte vml 1]><v:rect id="_x0000_s1026" style="'position:absolute;" allowincell="f"> <v:shadow on="t" offset="6pt,6pt"> </v:rect><v:shapetype id="_x0000_t75" coordsize="21600,21600" spt="75" preferrelative="t" path="m@4@5l@4@11@9@11@9@5xe" filled="f" stroked="f"> <v:stroke joinstyle="miter"> <v:formulas> <v:f eqn="if lineDrawn pixelLineWidth 0"> <v:f eqn="sum @0 1 0"> <v:f eqn="sum 0 0 @1"> <v:f eqn="prod @2 1 2"> <v:f eqn="prod @3 21600 pixelWidth"> <v:f eqn="prod @3 21600 pixelHeight"> <v:f eqn="sum @0 0 1"> <v:f eqn="prod @6 1 2"> <v:f eqn="prod @7 21600 pixelWidth"> <v:f eqn="sum @8 21600 0"> <v:f eqn="prod @7 21600 pixelHeight"> <v:f eqn="sum @10 21600 0"> </v:formulas> <v:path extrusionok="f" gradientshapeok="t" connecttype="rect"> <o:lock ext="edit" aspectratio="t"> </v:shapetype><v:shape id="_x0000_s1027" type="#_x0000_t75" style="'position:absolute;" allowincell="f"> <v:imagedata src="file:///C:\DOCUME~1\BURAON~1\LOCALS~1\Temp\msohtmlclip1\01\clip_image001.gif" title="komputer copy"> </v:shape><v:shapetype id="_x0000_t202" coordsize="21600,21600" spt="202" path="m,l,21600r21600,l21600,xe"> <v:stroke joinstyle="miter"> <v:path gradientshapeok="t" connecttype="rect"> </v:shapetype><v:shape id="_x0000_s1028" type="#_x0000_t202" style="'position:absolute;" allowincell="f"> <v:shadow on="t" offset="6pt,6pt"> <v:textbox style="'mso-next-textbox:#_x0000_s1028'"> <![if !mso]> <table cellpadding="0" cellspacing="0" width="100%"> <tr> <td><![endif]> <div> <p class="MsoNormal"><span lang="EN-GB" style="'font-size:8.0pt;mso-bidi-font-size:"><html><o:p></o:p></span></p> <p class="MsoNormal"><span lang="EN-GB" style="'font-size:8.0pt;mso-bidi-font-size:"><?<i style="'mso-bidi-font-style:normal'">PHP<o:p></o:p></i></span></p> <p class="MsoNormal"><i style="'mso-bidi-font-style:normal'"><span lang="EN-GB" style="'font-size:8.0pt;mso-bidi-font-family:font-size:12.0pt;">echo “<b>Hello</b>”;<o:p></o:p></span></i></p> <p class="MsoNormal"><span lang="EN-GB" style="'font-size:8.0pt;mso-bidi-font-size:">?><o:p></o:p></span></p> <p class="MsoNormal"><span lang="EN-GB" style="'font-size:8.0pt;mso-bidi-font-size:"></html><o:p></o:p></span></p> </div> <![if !mso]></td> </tr> </table> <![endif]></v:textbox> </v:shape><v:shape id="_x0000_s1029" type="#_x0000_t202" style="'position:absolute;" allowincell="f" filled="f" stroked="f"> <v:textbox style="'mso-next-textbox:#_x0000_s1029'"> <![if !mso]> <table cellpadding="0" cellspacing="0" width="100%"> <tr> <td><![endif]> <div> <p class="MsoNormal" align="center" style="'text-align:center'"><span lang="EN-GB" style="'font-size:8.0pt;mso-bidi-font-size:12.0pt';">Gets page<o:p></o:p></span></p> </div> <![if !mso]></td> </tr> </table> <![endif]></v:textbox> </v:shape><v:shape id="_x0000_s1030" type="#_x0000_t75" style="'position:absolute;" allowincell="f"> <v:imagedata src="file:///C:\DOCUME~1\BURAON~1\LOCALS~1\Temp\msohtmlclip1\01\clip_image002.png" title="icon logo1"> </v:shape><v:shape id="_x0000_s1031" type="#_x0000_t202" style="'position:absolute;" allowincell="f"> <v:shadow on="t" offset="6pt,6pt"> <v:textbox style="'mso-next-textbox:#_x0000_s1031'"> <![if !mso]> <table cellpadding="0" cellspacing="0" width="100%"> <tr> <td><![endif]> <div> <p class="MsoNormal"><span lang="EN-GB" style="'font-size:8.0pt;mso-bidi-font-size:"><html><o:p></o:p></span></p> <p class="MsoNormal"><span lang="EN-GB" style="'font-size:8.0pt;mso-bidi-font-size:"><b>Hello</b><o:p></o:p></span></p> <p class="MsoNormal"><span lang="EN-GB" style="'font-size:8.0pt;mso-bidi-font-size:"></html><o:p></o:p></span></p> </div> <![if !mso]></td> </tr> </table> <![endif]></v:textbox> </v:shape><v:group id="_x0000_s1032" style="'position:absolute;margin-left:195.3pt;" coordorigin="5121,5044" coordsize="1620,1260" allowincell="f"> <v:shapetype id="_x0000_t176" coordsize="21600,21600" spt="176" adj="2700" path="m@0,qx0@0l0@2qy@0,21600l@1,21600qx21600@2l21600@0qy@1,xe"> <v:stroke joinstyle="miter"> <v:formulas> <v:f eqn="val #0"> <v:f eqn="sum width 0 #0"> <v:f eqn="sum height 0 #0"> <v:f eqn="prod @0 2929 10000"> <v:f eqn="sum width 0 @3"> <v:f eqn="sum height 0 @3"> <v:f eqn="val width"> <v:f eqn="val height"> <v:f eqn="prod width 1 2"> <v:f eqn="prod height 1 2"> </v:formulas> <v:path gradientshapeok="t" limo="10800,10800" connecttype="custom" connectlocs="@8,0;0,@9;@8,@7;@6,@9" textboxrect="@3,@3,@4,@5"> </v:shapetype><v:shape id="_x0000_s1033" type="#_x0000_t176" style="'position:absolute;" strokeweight="1pt"> <v:shape id="_x0000_s1034" type="#_x0000_t176" style="'position:absolute;" strokeweight="1.5pt"> <v:shape id="_x0000_s1035" type="#_x0000_t202" style="'position:absolute;" filled="f" stroked="f"> <v:textbox style="'mso-next-textbox:#_x0000_s1035'"> <![if !mso]> <table cellpadding="0" cellspacing="0" width="100%"> <tr> <td><![endif]> <div> <h5>Hello</h5> </div> <![if !mso]></td> </tr> </table> <![endif]></v:textbox> </v:shape></v:group><v:line id="_x0000_s1036" style="'position:absolute;flip:y;" from="69.3pt,74.75pt" to="78.3pt,101.75pt" allowincell="f"> <v:stroke endarrow="block"> </v:line><v:shape id="_x0000_s1037" type="#_x0000_t202" style="'position:absolute;" allowincell="f" filled="f" stroked="f"> <v:textbox style="'mso-next-textbox:#_x0000_s1037'"> <![if !mso]> <table cellpadding="0" cellspacing="0" width="100%"> <tr> <td><![endif]> <div> <p class="MsoNormal" align="center" style="'text-align:center'"><span lang="EN-GB" style="'font-size:8.0pt;mso-bidi-font-size:12.0pt';">HTTP request<o:p></o:p></span></p> </div> <![if !mso]></td> </tr> </table> <![endif]></v:textbox> </v:shape><v:line id="_x0000_s1038" style="'position:absolute;flip:y;z-index:251658240'" from="87.3pt,29.75pt" to="141.3pt,56.75pt" allowincell="f"> <v:stroke endarrow="block"> </v:line><v:line id="_x0000_s1039" style="'position:absolute;flip:y;z-index:251659264'" from="189.45pt,27.1pt" to="247.05pt,27.3pt" allowincell="f"> <v:stroke endarrow="block"> </v:line><v:line id="_x0000_s1040" style="'position:absolute;flip:x;z-index:251660288'" from="293.85pt,68.55pt" to="294.3pt,91.75pt" allowincell="f"> <v:stroke endarrow="block"> </v:line><v:line id="_x0000_s1041" style="'position:absolute;flip:x;z-index:251661312'" from="92.7pt,106.95pt" to="268.65pt,109.6pt" allowincell="f"> <v:stroke endarrow="block"> </v:line><v:line id="_x0000_s1042" style="'position:absolute;z-index:251662336'" from="87.3pt,128.75pt" to="186.3pt,155.75pt" allowincell="f"> <v:stroke endarrow="block"> </v:line><v:shape id="_x0000_s1043" type="#_x0000_t202" style="'position:absolute;" allowincell="f" filled="f" stroked="f"> <v:textbox style="'mso-next-textbox:#_x0000_s1043'"> <![if !mso]> <table cellpadding="0" cellspacing="0" width="100%"> <tr> <td><![endif]> <div> <p class="MsoNormal" align="center" style="'text-align:center'"><span lang="EN-GB" style="'font-size:8.0pt;mso-bidi-font-size:12.0pt';">Interprets PHP Code<o:p></o:p></span></p> </div> <![if !mso]></td> </tr> </table> <![endif]></v:textbox> </v:shape><v:shape id="_x0000_s1044" type="#_x0000_t202" style="'position:absolute;" allowincell="f" filled="f" stroked="f"> <v:textbox style="'mso-next-textbox:#_x0000_s1044'"> <![if !mso]> <table cellpadding="0" cellspacing="0" width="100%"> <tr> <td><![endif]> <div> <p class="MsoNormal" align="center" style="'text-align:center'"><span lang="EN-GB" style="'font-size:8.0pt;mso-bidi-font-size:12.0pt';">Server Response<o:p></o:p></span></p> </div> <![if !mso]></td> </tr> </table> <![endif]></v:textbox> </v:shape><v:shape id="_x0000_s1045" type="#_x0000_t202" style="'position:absolute;" allowincell="f" filled="f" stroked="f"> <v:textbox style="'mso-next-textbox:#_x0000_s1045'"> <![if !mso]> <table cellpadding="0" cellspacing="0" width="100%"> <tr> <td><![endif]> <div> <p class="MsoNormal" align="center" style="'text-align:center'"><span lang="EN-GB" style="'font-size:8.0pt;mso-bidi-font-size:12.0pt';">Browser creates the web page<o:p></o:p></span></p> </div> <![if !mso]></td> </tr> </table> <![endif]></v:textbox> </v:shape><v:shape id="_x0000_s1046" type="#_x0000_t202" style="'position:absolute;" allowincell="f" filled="f" stroked="f"> <v:textbox style="'mso-next-textbox:#_x0000_s1046'"> <![if !mso]> <table cellpadding="0" cellspacing="0" width="100%"> <tr> <td><![endif]> <div> <p class="MsoNormal" align="center" style="'text-align:center'"><b style="'mso-bidi-font-weight:normal'"><span lang="EN-GB" style="';font-size:8.0pt;">CLIENT<o:p></o:p></span></b></p> </div> <![if !mso]></td> </tr> </table> <![endif]></v:textbox> </v:shape><v:shape id="_x0000_s1047" type="#_x0000_t202" style="'position:absolute;" allowincell="f" filled="f" stroked="f"> <v:textbox style="'mso-next-textbox:#_x0000_s1047'"> <![if !mso]> <table cellpadding="0" cellspacing="0" width="100%"> <tr> <td><![endif]> <div> <p class="MsoNormal" align="center" style="'text-align:center'"><b style="'mso-bidi-font-weight:normal'"><span lang="EN-GB" style="';font-size:8.0pt;">WEB SERVER<o:p></o:p></span></b></p> </div> <![if !mso]></td> </tr> </table> <![endif]></v:textbox> </v:shape><![endif]--><!--[if !vml]--><!--[endif]--><span style="font-size:85%;"><b style=""><span style=";font-family:";" lang="IN"><o:p> </o:p></span></b></span></p> <p class="MsoNormal"><span style="font-size:85%;"><b style=""><span style=";font-family:";" lang="IN"><o:p> </o:p></span></b></span></p> <p class="MsoNormal"><span style="font-size:85%;"><b style=""><span style=";font-family:";" lang="IN"><o:p> </o:p></span></b></span></p> <p class="MsoNormal"><span style="font-size:85%;"><b style=""><span style=";font-family:";" lang="IN"><o:p> </o:p></span></b></span></p> <p class="MsoNormal"><span style="font-size:85%;"><b style=""><span style=";font-family:";" lang="IN"><o:p> </o:p></span></b></span></p> <p class="MsoNormal"><span style="font-size:85%;"><b style=""><span style=";font-family:";" lang="IN"><o:p> </o:p></span></b></span></p> <p class="MsoNormal"><span style="font-size:85%;"><b style=""><span style=";font-family:";" lang="IN"><o:p> </o:p></span></b></span></p> <p class="MsoNormal"><span style="font-size:85%;"><b style=""><span style=";font-family:";" lang="IN"><o:p> </o:p></span></b></span></p> <p class="MsoNormal"><span style="font-size:85%;"><b style=""><span style=";font-family:";" lang="IN"><o:p> </o:p></span></b></span></p> <p class="MsoNormal"><span style="font-size:85%;"><b style=""><span style=";font-family:";" lang="IN"><o:p> </o:p></span></b></span></p> <p class="MsoNormal"><span style="font-size:85%;"><b style=""><span style=";font-family:";" lang="IN"><o:p> </o:p></span></b></span></p> <p class="MsoNormal"><span style="font-size:85%;"><b style=""><span style=";font-family:";" lang="IN"><o:p> </o:p></span></b></span></p> <p class="MsoNormal"><span style="font-size:85%;"><b style=""><span style=";font-family:";" lang="IN"><o:p> </o:p></span></b></span></p> <p class="MsoNormal"><span style="font-size:85%;"><b style=""><span style=";font-family:";" lang="IN"><o:p> </o:p></span></b></span></p> <p class="MsoNormal"><span style="font-size:85%;"><b style=""><span style=";font-family:";" lang="IN"><o:p> </o:p></span></b></span></p> <p class="MsoNormal"><span style="font-size:85%;"><b style=""><span style=";font-family:";" lang="IN"><o:p> </o:p></span></b></span></p> <p class="MsoNormal"><span style="font-size:85%;"><b style=""><span style=";font-family:";" lang="IN"><o:p> </o:p></span></b></span></p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpNNByUoEH9Q5FCaUarbgBdY6MW4wCvT_6MR3THbfgx9sCt0y4yaHLgE130j23vP5biQhpZcqAYv4Fh_qNJLPhH53KW_CwlUsvglhxLFTJlOkF0f3jIM_aTHcrPirLfa7gdJ2_PEx42vV6/s1600-h/PHP.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 386px; height: 271px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpNNByUoEH9Q5FCaUarbgBdY6MW4wCvT_6MR3THbfgx9sCt0y4yaHLgE130j23vP5biQhpZcqAYv4Fh_qNJLPhH53KW_CwlUsvglhxLFTJlOkF0f3jIM_aTHcrPirLfa7gdJ2_PEx42vV6/s320/PHP.jpg" alt="" id="BLOGGER_PHOTO_ID_5200782229733793058" border="0" /></a>Creative-designhttp://www.blogger.com/profile/06730113680824447764noreply@blogger.com0tag:blogger.com,1999:blog-5857279349847698001.post-40696526318636852202008-05-15T03:46:00.000-07:002011-04-10T19:08:03.654-07:00Contoh Template<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin9lO7AM2jrG9nNUIRJ1miLUNjWN5GHwk41G7vi5odZ3hy6fZ9oc3-S8y0xDVNzQ4Jx9d5jatieXXd3WrPDZjLFf9zyJvtL8Nc_O4A6LWIovioo8P4-ks8iCG3rOhdUtH0d10uqfrI-MEX/s1600-h/fullsize.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" height="158" id="BLOGGER_PHOTO_ID_5200555081798409426" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin9lO7AM2jrG9nNUIRJ1miLUNjWN5GHwk41G7vi5odZ3hy6fZ9oc3-S8y0xDVNzQ4Jx9d5jatieXXd3WrPDZjLFf9zyJvtL8Nc_O4A6LWIovioo8P4-ks8iCG3rOhdUtH0d10uqfrI-MEX/s200/fullsize.png" width="200" /></a> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFqZs45nBEeIrUQ0RCXVdlL94Wb5G19nE7M3MhTwvhozEZD9H8CXOFHDEmVmsCSF1xjHKqCL-sKq08spio-DbMUL-Jc5cgecV8b_AbCTgHTp-j1SG_RSvOoS8g1Au3ejX97VKQtI8qyQx-/s1600-h/fullsize2.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" height="155" id="BLOGGER_PHOTO_ID_5200555086093376738" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFqZs45nBEeIrUQ0RCXVdlL94Wb5G19nE7M3MhTwvhozEZD9H8CXOFHDEmVmsCSF1xjHKqCL-sKq08spio-DbMUL-Jc5cgecV8b_AbCTgHTp-j1SG_RSvOoS8g1Au3ejX97VKQtI8qyQx-/s200/fullsize2.jpg" width="200" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfcc7zWgVRJyONTDE5qaKZFTyP2o4x8vOgPlBShskElQ2HkAjRwyTNeNQjvwRQpFf2f3956uj7mhis8Uizp6Pw7UWA6VNV-y92dTwr7XPKElhl3t3KEhZkSMtiPrxJDKPDujDdzW06y6uu/s1600-h/fullsize3.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" height="166" id="BLOGGER_PHOTO_ID_5200555086093376754" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfcc7zWgVRJyONTDE5qaKZFTyP2o4x8vOgPlBShskElQ2HkAjRwyTNeNQjvwRQpFf2f3956uj7mhis8Uizp6Pw7UWA6VNV-y92dTwr7XPKElhl3t3KEhZkSMtiPrxJDKPDujDdzW06y6uu/s200/fullsize3.jpg" width="200" /></a> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBDcM_8GeAkJamxdvPnx3JPaZWD5_Z8dcE5DcHiJE9eCXrnUal0VBQ6Uc9gcQO9HMlCehATzG_v3sHitU3X-KkBCJBIhYpbQbOrVzvXlgFxs3ZBSmA3cCx0JT9SsBWMrIPwZThbfWHg4WF/s1600-h/fullsize4.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" height="193" id="BLOGGER_PHOTO_ID_5200555090388344066" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBDcM_8GeAkJamxdvPnx3JPaZWD5_Z8dcE5DcHiJE9eCXrnUal0VBQ6Uc9gcQO9HMlCehATzG_v3sHitU3X-KkBCJBIhYpbQbOrVzvXlgFxs3ZBSmA3cCx0JT9SsBWMrIPwZThbfWHg4WF/s200/fullsize4.jpg" width="200" /></a>Creative-designhttp://www.blogger.com/profile/06730113680824447764noreply@blogger.com0tag:blogger.com,1999:blog-5857279349847698001.post-72485039537295682592008-05-15T01:49:00.000-07:002009-01-13T22:58:21.904-08:00Menjalankan PHP<center><div style="text-align: left;"> </div><div style="text-align: left;"><span style="color: rgb(51, 51, 153);font-size:78%;" ><b>Menjalankan PHP</b></span></div><h1> </h1> </center> <p><span style=";font-family:Verdana,Arial,Helvetica,sans-serif;font-size:85%;" >Untuk dapat menjalankan PHP Anda membutuhkan sebuah web server. Anda yang pake Linux dapat menggunakan Apache (<a href="http://www.apache.org/" target="_blank" class="linkbiru">www.apache.org</a>) sebagai web servernya. Anda pemakai Windows 98 paling enak menggunakan Personal Web Server (sama2 produk Microsot, keuntungannya bisa sekalian buat belajar ASP). Web server Xitami (<a href="http://www.imatix.com/" class="linkbiru">www.imatix.com</a>) dapat digunakan apabila Anda menggunakan Windows NT.</span></p> <p><span style=";font-family:Verdana,Arial,Helvetica,sans-serif;font-size:85%;" >Sedangkan PHP-nya sendiri dapat Anda download dari <a href="http://www.php.net/" target="_blank" class="linkbiru">www.php.net</a>. Perhatikan bahwa PHP yang Anda download sesuai dengan sistem operasi komputer Anda (Linux atau Windows).</span></p> <p><span style=";font-family:Verdana,Arial,Helvetica,sans-serif;font-size:85%;" ><b>Install PHP pada Windows 98</b></span></p> <ol><li><span style=";font-family:Verdana,Arial,Helvetica;font-size:85%;" >Setelah Anda mendapatkan PHP dalam bentuk file zip, segera ekstrak dengan menggunakan WinZip atau pun WinRar.</span></li><li><span style=";font-family:Verdana,Arial,Helvetica;font-size:85%;" >Ganti nama file php.ini-dist menjadi php.ini.</span></li><li><span style=";font-family:Verdana,Arial,Helvetica;font-size:85%;" >Copy semua file tersebut (totalnya ada 10 file) ke directory Windows Anda (biasanya C:\Windows).</span></li></ol> <p><span style=";font-family:Verdana,Arial,Helvetica;font-size:85%;" >Langkah selanjutnya adalah mengganti setting pada registry Windows.</span></p> <ol><li><span style=";font-family:Verdana,Arial,Helvetica;font-size:85%;" >Dari menu Start, pilih Run.</span></li><li><span style=";font-family:Verdana,Arial,Helvetica;font-size:85%;" >Ketikkan regedit, klik OK.</span></li><li><span style=";font-family:Verdana,Arial,Helvetica;font-size:85%;" >Buka cabang HKEY_CLASSES_ROOT.</span></li><li><span style=";font-family:Verdana,Arial,Helvetica;font-size:85%;" >Buat key baru dengan cara klik kanan pada HKEY_CLASSES_ROOT, pilih New - Key.</span></li><li><span style=";font-family:Verdana,Arial,Helvetica;font-size:85%;" >Beri nama key tersebut dengan .php3.</span></li><li><span style=";font-family:Verdana,Arial,Helvetica;font-size:85%;" >Pada panel sebelah kanan klik 2x pada [Default] dan isi dengan php3file.</span></li><li><span style=";font-family:Verdana,Arial,Helvetica;font-size:85%;" >Buat key baru lagi pada HKEY_CLASSES_ROOT.</span></li><li><span style=";font-family:Verdana,Arial,Helvetica;font-size:85%;" >Beri nama key baru tersebut dengan php3file.</span></li><li><span style=";font-family:Verdana,Arial,Helvetica;font-size:85%;" >Pada php3file, buat key baru dengan nama Shell.</span></li><li><span style=";font-family:Verdana,Arial,Helvetica;font-size:85%;" >Pada php3file\Shell, buat key baru dengan nama Open.</span></li><li><span style=";font-family:Verdana,Arial,Helvetica;font-size:85%;" >Pada php3file\Shell\Open, buat key baru dengan nama Command.</span></li><li><span style=";font-family:Verdana,Arial,Helvetica;font-size:85%;" >Pada panel sebelah kanan klik2x pada [Default] dan isi dengan C:\Windows\php.exe.</span></li><li><span style=";font-family:Verdana,Arial,Helvetica;font-size:85%;" >Buka key HKEY_LOCAL_MACHINE\System\CurrentControlSet\
Services\W3SVC\Parameters\Script Map.</span></li><li><span style=";font-family:Verdana,Arial,Helvetica;font-size:85%;" >Pada panel sebelah kanan buat string value baru dengan cara klik kanan (pada panel sebelah kanan), pilih New - String Value. </span></li><li><span style=";font-family:Verdana,Arial,Helvetica;font-size:85%;" >Beri nama dengan .php3.</span></li><li><span style=";font-family:Verdana,Arial,Helvetica;font-size:85%;" >Klik 2x pada .php3 tersebut.</span></li><li><span style=";font-family:Verdana,Arial,Helvetica;font-size:85%;" >Isi dengan C:\Windows\Php.exe.</span></li></ol> <p><span style=";font-family:Verdana,Arial,Helvetica;font-size:85%;" >Untuk mengecek apakah PHP Anda sudah terinstall dengan baik, tulis kode berikut ini dan simpan dengan nama test.php3.</span></p> <p><span style="color: rgb(0, 0, 204);font-family:Courier New,Courier,mono;font-size:85%;" ></span></p> <p><span style=";font-family:Verdana,Arial,Helvetica;font-size:85%;" >Jika PHP sudah terinstall dengan baik maka saat file tersebut dibaca dari browser akan terlihat informasi mengenai PHP.</span> </p>Creative-designhttp://www.blogger.com/profile/06730113680824447764noreply@blogger.com0tag:blogger.com,1999:blog-5857279349847698001.post-65012307695746824002008-05-15T01:26:00.000-07:002009-01-13T22:59:33.379-08:00<h1 style="text-align: left;"><span style="font-size:85%;"><b>Membuat efek tetesan</b></span></h1> <table border="0" cellpadding="1" cellspacing="1" width="100%"><tbody><tr> <td bg="" style="color: rgb(221, 221, 221);" valign="top" width="6%"><span style=";font-family:Verdana,Arial,Helvetica,sans-serif;font-size:85%;" >1.</span></td> <td bg="" style="color: rgb(221, 221, 221);" valign="top" width="72%"><span style=";font-family:Verdana,Arial,Helvetica,sans-serif;font-size:85%;" >Buat image baru. Dalam contoh ini berukuran 250 x 125 pixels. Setelah itu bikin sebuah teks. Contoh di samping menggunakan font Arial.</span></td> <td align="center" bgcolor="#dddddd" valign="top" width="22%"><img style="width: 188px; height: 94px;" src="http://www.klik-kanan.com/images/pshop_runny_text_1.gif" /></td> </tr> <tr bg="" style="color: rgb(239, 239, 239);"> <td valign="top" width="6%"><span style=";font-family:Verdana,Arial,Helvetica,sans-serif;font-size:85%;" >2.</span></td> <td colspan="2" valign="top"><span style=";font-family:Verdana,Arial,Helvetica,sans-serif;font-size:85%;" >Dari menu Layer, pilih Flatten Image. Dari menu Image, pilih Rotate Canvas - 90 CW. </span></td> </tr> <tr> <td bg="" style="color: rgb(221, 221, 221);" valign="top" width="6%"><span style=";font-family:Verdana,Arial,Helvetica,sans-serif;font-size:85%;" >3.</span></td> <td colspan="2" bg="" style="color: rgb(221, 221, 221);" valign="top"> <p><span style=";font-family:Verdana,Arial,Helvetica,sans-serif;font-size:85%;" >Dari menu Filter, pilih Stylize - Wind. Pilih Method Blast dan Direction From the Left. </span><span style=";font-family:Verdana,Arial,Helvetica,sans-serif;font-size:85%;" >Jika masih kurang, ulangi lagi langkah di atas.</span></p> </td> </tr> <tr> <td bg="" style="color: rgb(239, 239, 239);" valign="top" width="6%"><span style=";font-family:Verdana,Arial,Helvetica,sans-serif;font-size:85%;" >4.</span></td> <td bg="" style="color: rgb(239, 239, 239);" valign="top" width="72%"><span style=";font-family:Verdana,Arial,Helvetica,sans-serif;font-size:85%;" >Dari menu Image, pilih Rotate Canvas - 90 CCW. </span></td> <td style="text-align: center;" bgcolor="#efefef" valign="top" width="22%"><img style="width: 182px; height: 91px;" src="http://www.klik-kanan.com/images/pshop_runny_text_2.gif" /></td> </tr> <tr> <td bg="" style="color: rgb(221, 221, 221);" valign="top" width="6%"><span style=";font-family:Verdana,Arial,Helvetica;font-size:85%;" >5.</span></td> <td bg="" style="color: rgb(221, 221, 221);" valign="top" width="72%"><span style=";font-family:Verdana,Arial,Helvetica;font-size:85%;" >Dari menu Filter, pilih Blur - Gaussian Blur. Ganti radiusnya menjadi 2,0 pixels.</span></td> <td style="text-align: center;" bgcolor="#dddddd" valign="top" width="22%"><img style="width: 178px; height: 89px;" src="http://www.klik-kanan.com/images/pshop_runny_text_3.gif" /></td> </tr> <tr> <td bg="" style="color: rgb(239, 239, 239);" valign="top" width="6%"><span style=";font-family:Verdana,Arial,Helvetica;font-size:85%;" >6.</span></td> <td colspan="2" bg="" style="color: rgb(239, 239, 239);" valign="top"><span style=";font-family:Verdana,Arial,Helvetica;font-size:85%;" >Dari menu Image, pilih Adjust - Level. Pada Input Levels, setting menjadi 176, 1, dan 221.</span></td> </tr> <tr> <td bg="" style="color: rgb(221, 221, 221);" valign="top" width="6%"><span style=";font-family:Verdana,Arial,Helvetica;font-size:85%;" >7.</span></td> <td bg="" style="color: rgb(221, 221, 221);" valign="top" width="72%"><span style=";font-family:Verdana,Arial,Helvetica;font-size:85%;" >Dari menu Image, pilih Adjust - Level. Pada Input Levels, setting menjadi 167, 1, dan 235.</span></td> <td style="text-align: center;" bgcolor="#dddddd" valign="top" width="22%"><img style="width: 184px; height: 92px;" src="http://www.klik-kanan.com/images/pshop_runny_text_4.gif" /></td> </tr> <tr> <td bg="" style="color: rgb(239, 239, 239);" valign="top" width="6%"><span style=";font-family:Verdana,Arial,Helvetica;font-size:85%;" >8.</span></td> <td bg="" style="color: rgb(239, 239, 239);" valign="top" width="72%"><span style=";font-family:Verdana,Arial,Helvetica;font-size:85%;" >Dengan Magic Wand Tool, pilih pada area yang berwarna putih. Lalu dari menu Select, pilih Similar. Terakhir pilih Select - Inverse.</span></td> <td style="text-align: center;" bgcolor="#efefef" valign="top" width="22%"><img style="width: 187px; height: 87px;" src="http://www.klik-kanan.com/images/pshop_runny_text_5.gif" /></td> </tr> <tr> <td bg="" style="color: rgb(221, 221, 221);" valign="top" width="6%"><span style=";font-family:Verdana,Arial,Helvetica;font-size:85%;" >9.</span></td> <td bg="" style="color: rgb(221, 221, 221);" valign="top" width="72%"><span style=";font-family:Verdana,Arial,Helvetica;font-size:85%;" >Untuk mempercantik tampilan Anda dapat menggunakan Eye Candy. Dari menu Filter pilih Eye Candy - Bevel Boss.</span></td> <td style="text-align: center;" bgcolor="#dddddd" valign="top" width="22%"><img style="width: 180px; height: 90px;" src="http://www.klik-kanan.com/images/pshop_runny_text_6.gif" /></td></tr></tbody></table>Creative-designhttp://www.blogger.com/profile/06730113680824447764noreply@blogger.com0tag:blogger.com,1999:blog-5857279349847698001.post-76000405099921834722008-05-08T02:36:00.000-07:002008-05-15T03:14:30.105-07:00Shortcut Photoshop<h1><span style="font-size:85%;"><a href="http://www.photoshop21.com/shortcut-photoshop-yang-sering-digunakan.html" rel="bookmark">Shortcut Photoshop</a></span></h1><p>Dalam modul ini kita akan membahas mengenai keyboard shortcut yang sering digunakan dan harus dikuasai dalam menggunakan Photoshop. Dengan menggunakan shortcut-shortcut ini kita dapat mempercepat proses kerja dan akan sangat memudahkan kita dalam bekerja.</p> <p><span id="more-22"></span>
Sebenarnya banyak sekali keyboard shortcut dalam aplikasi Photoshop namun kita tidak perlu menguasai semuanya. Yang perlu kita kuasai hanya yang paling sering kita gunakan saja.</p> <p>Beberapa shortcut yang wajib kita kuasai tersebut antara lain :</p> <p><u><strong>Ctrl + Z / Ctrl + Alt + Z</strong></u>
Merupakan shortcut dari Undo yang digunakan untuk membatalkan perintah. Ctrl + Z untuk membatalkan perintah terakhir sedangkan Ctrl + Alt + Z untuk membatalkan sampai dengan 10 perintah terakhir.</p> <p><u><strong>Ctrl + D</strong></u>
Shortcut yang digunakan untuk mematikan seleksi/selection.</p> <p><strong><u>Ctrl + C</u></strong>
Merupakan shortcut untuk meng-copy obyek.</p> <p><u><strong>Ctrl + X</strong></u>
Merupakan shortcut untuk meng-cut obyek.</p> <p><u><strong>Ctrl + V</strong></u>
Merupakan shortcut untuk mem-paste obyek yang telah di-copy/di-cut.</p> <p><u><strong>Spasi</strong></u>
Merupakan shortcut dari Hand Tool yang digunakan untuk menggeser tampilan. Kemudian apa bedanya dengan apabila kita menekan tombol H yang merupakan shortcut dari Hand Tool? Misalnya saja kita sedang aktif pada Pen Tool kemudian kita ingin menggeser posisi dari tampilan gambar kita dan kita menekan tombol H maka kita akan aktif pada Hand Tool dan bukan pada Pen Tool lagi. Sedangkan apabila kita menggunakan tombol Spasi maka kita akan berpindah sementara pada Hand Tool (selama kita menekan tombol Spasi) namun tetap saja kita aktif pada Pen Tool dan setelah kita tidak menekan tombol Spasi lagi kita akan kembali pada Pen Tool.</p> <p><u><strong>Ctrl + Spasi + Drag</strong></u>
Digunakan untuk membesarkan tampilan pada area yang di drag.</p> <p><u><strong>Ctrl + Spasi + Klik / Ctrl + Spasi + Alt + Klik</strong></u>
Digunakan untuk membesarkan/mengecilkan tampilan secara bertahap.</p> <p><u><strong>Ctrl + “+” / Ctrl + “-”</strong></u>
Digunakan untuk membesarkan/mengecilkan tampilan.</p> <p><u><strong>Ctrl + 0</strong></u>
Digunakan untuk melihat tampilan gambar 100%.</p> <p><u><strong>F</strong></u>
Digunakan untuk mengganti screen mode menjadi Full Screen Mode. Dengan menggunakan Full Screen Mode akan mempermudah proses kerja kita terutama bila kita melakukan zooming dan sebagainya.</p> <p><u><strong>Tab</strong></u>
Digunakan untuk menyembunyikan alat-alat meliputi Toolbox, Window Layers, dan sebagainya. Biasanya kita menggunakannya bersamaan dengan Full Screen Mode.
<u><strong>Tombol “[” atau “]”</strong></u>
Digunakan untuk memperbesar/memperkecil ukuran brush dengan cepat.
Shortcut-shortcut yang telah disebutkan diatas tidak mutlak harus anda kuasai namun seiring dengan kebutuhannya, nantinya anda akan sangat terbantu menggunakan shortcut-shortcut tersebut.</p>Creative-designhttp://www.blogger.com/profile/06730113680824447764noreply@blogger.com0tag:blogger.com,1999:blog-5857279349847698001.post-80033103410647195052008-05-08T02:20:00.001-07:002008-05-15T03:17:12.770-07:00Filter Extract<div class="date"> <h1><span style="font-size:85%;"><a href="http://www.photoshop21.com/menggunakan-filter-extract.html" rel="bookmark">Filter Extract</a></span></h1> </div> <p>Dalam modul ini, kita akan mempelajari bagaimana cara menggunakan <strong>Filter Exract</strong> untuk melakukan seleksi pada bagian rambut ketika kita akan mengganti background sebuah foto.</p> <p><span id="more-23"></span>
Seperti yang kita ketahui bersama seringkali kita mengalami kesulitan pada saat memotong atau lebih tepatnya melakukan seleksi pada bagian rambut yang kompleks. Kita tentu ingin mengganti background dengan sempurna yaitu dengan mempertahankan detail dari rambut tersebut (helai rambutnya). Dengan Filter Extract kita bisa melakukannya dengan cukup mudah.</p> <p>Sebelumnya download file latihan <a href="http://www.photoshop21.com/gambar/modul3/file-latihan-menggunakan-filter-extract.rar" target="_blank">Menggunakan Filter Extract</a> terlebih dahulu.</p> <p>Ikuti panduan langkah demi langkah bagaimana cara menggunakan Filter Extract di bawah ini :</p> <ol><li>Buka file latihan yang telah anda download.</li><li>Duplikasi layernya dengan asumsi sebagai cadangan bila hasil seleksi dari Filter Extract kurang memuaskan. Anda dapat menggunakan teknik masking untuk menyempurnakan foto anda nantinya.
<blockquote><p><u><strong>Tips</strong></u> :
Drag layer yang ingin anda duplikasikan ke icon “Create a new layer” untuk menduplikasikan layer dengan cepat.</p> <p><img src="http://www.photoshop21.com/gambar/modul3/menggunakan-filter-extract-1.png" alt="Menggunakan Filter Extract" border="0" height="200" width="212" /></p></blockquote> </li><li>Jalankan <strong>Filter </strong>> <strong>Extract.
</strong>
<img src="http://www.photoshop21.com/gambar/modul3/menggunakan-filter-extract-2.png" alt="Menggunakan Filter Extract" border="0" height="73" width="219" /></li><li>Aktif pada <strong>Edge Highlighter Tool</strong>, tandai bagian perbatasan antara objek dengan background yang ingin anda hilangkan. <p><img src="http://www.photoshop21.com/gambar/modul3/menggunakan-filter-extract-3.png" alt="Menggunakan Filter Extract" border="0" height="96" width="69" /></p> <p>Perhatikan yang berwarna hijau.
<img src="http://www.photoshop21.com/gambar/modul3/menggunakan-filter-extract-4.png" alt="Menggunakan Filter Extract" border="0" /></p> <blockquote><p><u><strong>Tips</strong></u> :<span style=";font-family:'Times New Roman';font-size:12;" >
<!--[endif]--></span>Anda dapat menggunakan tombol “[” atau “]” untuk memperbesar atau memperkecil ukuran brush dengan cepat.
Anda dapat mencentang <strong>Smart Highlighting</strong> untuk memilih perbatasan dengan mudah berdasarkan intensitas warna.</p></blockquote> </li><li>Setelah itu aktif pada <strong>Fill Tool</strong> kemudian isi bagian dalam dari objek yang akan anda pertahankan. Setelah itu pilih <strong>OK</strong>. <p><img src="http://www.photoshop21.com/gambar/modul3/menggunakan-filter-extract-5.png" alt="Menggunakan Filter Extract" border="0" height="94" width="57" /></p> <p>Perhatikan yang berwarna biru.</p> <p><img src="http://www.photoshop21.com/gambar/modul3/menggunakan-filter-extract-6.png" alt="Menggunakan Filter Extract" border="0" height="364" width="300" /> </p></li><li>Sekarang background asli dari foto anda sudah terhapus. Bila belum terlihat mungkin layer yang lainnya belum anda buat invisible (klik icon mata di sebelah layer). <p><img src="http://www.photoshop21.com/gambar/modul3/menggunakan-filter-extract-7.png" alt="Menggunakan Filter Extract" border="0" /> </p></li><li>Masukkan file lainnya yang juga telah anda download sebelumnya di atas. Letakan layer dari gambar background tersebut di bawah layer sebelumnya. Atur komposisinya agar terlihat pas.
<blockquote><p><u><strong>Tips</strong></u> :
Anda dapat mengatur pencahayaan dari masing-masing layer agar terlihat menyatu dan tidak kaku.
Gunakan Burn Tool untuk membuat kedua gambar menjadi menyatu. Burn bagian rambut serta mengenai background.</p> <p><img src="http://www.photoshop21.com/gambar/modul3/menggunakan-filter-extract-8.png" alt="Menggunakan Filter Extract" border="0" height="49" width="64" /></p> <p><img src="http://www.photoshop21.com/gambar/modul3/menggunakan-filter-extract-9.png" alt="Menggunakan Filter Extract" border="0" /></p></blockquote> </li><li>Selesai. <p><img src="http://www.photoshop21.com/gambar/modul3/menggunakan-filter-extract-10.png" alt="Menggunakan Filter Extract" border="0" height="364" width="300" /> </p></li></ol>Creative-designhttp://www.blogger.com/profile/06730113680824447764noreply@blogger.com0tag:blogger.com,1999:blog-5857279349847698001.post-4830700107623038812008-04-01T23:52:00.000-07:002011-04-10T19:12:24.808-07:00Brosur SMK TARUNA BHAKTI<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7ljdTDGc3rrKaNAjMtPyKwgRcQkT3cBxGqGP4VTEoyChId9UvZnNHY2S2Et8mXQjuRnbuSuBc7zPeqQ8B-QK3q1x07nKC85P-RcsQnju5Y3sf-BtWGGXCF1uHcDFD8_FJkM52lMmnjnp6/s1600-h/depan+terbaru.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" height="140" id="BLOGGER_PHOTO_ID_5187223228921728402" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7ljdTDGc3rrKaNAjMtPyKwgRcQkT3cBxGqGP4VTEoyChId9UvZnNHY2S2Et8mXQjuRnbuSuBc7zPeqQ8B-QK3q1x07nKC85P-RcsQnju5Y3sf-BtWGGXCF1uHcDFD8_FJkM52lMmnjnp6/s200/depan+terbaru.jpg" width="200" /></a> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8elQTtcvMJ-H6yRxChiNGEiBtHj3uCE2K3UL5-i8WawiAHe1smFPIw9VB6VE1aNs-NtbgL0dWV_0Mz7Zph_Qs1xPZHHTJFV9-FvoWLVF9QOmZF1Q_O4gzbSR39os4QyTFL5Pn_hN1OrnV/s1600-h/BROSUR+BELAKANG.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" height="140" id="BLOGGER_PHOTO_ID_5187223233216695714" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8elQTtcvMJ-H6yRxChiNGEiBtHj3uCE2K3UL5-i8WawiAHe1smFPIw9VB6VE1aNs-NtbgL0dWV_0Mz7Zph_Qs1xPZHHTJFV9-FvoWLVF9QOmZF1Q_O4gzbSR39os4QyTFL5Pn_hN1OrnV/s200/BROSUR+BELAKANG.jpg" width="200" /></a>Creative-designhttp://www.blogger.com/profile/06730113680824447764noreply@blogger.com0tag:blogger.com,1999:blog-5857279349847698001.post-86287899815946470542008-03-13T23:18:00.000-07:002011-04-10T19:06:32.423-07:00Desain Grafis ::.<div class="entry" style="font-family: courier new;"><div style="text-align: left;"></div><h1 style="font-family: courier new; text-align: left;"><span style="font-size: 100%;"><a href="http://slametriyanto.net/?p=4" rel="bookmark" title="Enlace permanente a Bagaimana memulai belajar Desain Grafis?">Bagaimana memulai belajar Desain Grafis?</a></span></h1><span class="post-author" style="font-size: 85%;"> </span> </div><div align="justify" style="font-family: courier new;"><span style="font-size: 85%;"><b>Bagaimana memulai belajar Desain Grafis?</b> Memang itu sebuah pertanyaan yang sangat mendasar bagi seorang desiner pemula.</span></div><div align="justify" style="font-family: courier new;"><span style="font-size: 85%;"><b>Definisi Desain Grafis</b>: adalah salah satu bentuk seni lukis<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUZKVIxWI1kfxl7d747khfUafkzMAIBN1hnSSEd2o1GppkVmK27gLOfMFJfY09OX36KgzBrYsGlDJTOnqC6Bea9XIwadGvyyWcJvF_8o9P0oayGuIvW9LS8uGOHS7dy1vxampMBhxxYU8_/s1600-h/997207845l.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5177482455017218738" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUZKVIxWI1kfxl7d747khfUafkzMAIBN1hnSSEd2o1GppkVmK27gLOfMFJfY09OX36KgzBrYsGlDJTOnqC6Bea9XIwadGvyyWcJvF_8o9P0oayGuIvW9LS8uGOHS7dy1vxampMBhxxYU8_/s200/997207845l.jpg" style="cursor: pointer; float: right; margin: 0pt 0pt 10px 10px;" /></a> (gambar) terapan yang memberikan kebebasan kepada sang desainer (perancang) untuk memilih, menciptakan, atau mengatur elemen rupa seperti ilustrasi, foto, tulisan, dan garis di atas suatu permukaan dengan tujuan untuk diproduksi dan dikomunikasikan sebagai sebuah pesan. Gambar maupun tanda yang digunakan bisa berupa tipografi atau media lainnya seperti gambar atau fotografi.Desain grafis umumnya diterapkan dalam dunia periklanan, packaging, perfilman, dan lain-lain.<a name='more'></a></span></div><br />
<div align="justify" style="font-family: courier new;"><span style="font-size: 85%;">Ada beberapa tokoh menyatakan pendapatnya tentang desain grafis yang saya ambil dari situs <a href="http://id.wikipedia.org/">http://id.wikipedia.org/</a></span></div><div align="justify" style="font-family: courier new;"><span style="font-size: 85%;">Menurut <b>Suyanto</b> desain grafis didefinisikan sebagai ” <i>aplikasi dari keterampilan seni dan komunikasi untuk kebutuhan bisnis dan industri</i>“. Aplikasi-aplikasi ini dapat meliputi </span><span class="new" style="font-size: 85%;">periklanan</span><span style="font-size: 85%;"> dan penjualan produk, menciptakan identitas visual untuk institusi, produk dan perusahaan, dan lingkungan grafis, desain informasi, dan secara </span><span class="new" style="font-size: 85%;">visual</span><span style="font-size: 85%;"> menyempurnakan pesan dalam </span><span class="new" style="font-size: 85%;">publikasi</span><span style="font-size: 85%;">.</span></div><div align="justify" style="font-family: courier new;"><span style="font-size: 85%;">Sedangkan Jessica Helfand dalam situs </span><span class="external text" style="font-size: 85%;">http://www.aiga.com/</span><span style="font-size: 85%;"> mendefinisikan desain grafis sebagai kombinasi kompleks kata-kata dan gambar, angka-angka dan grafik, foto-foto dan ilustrasi yang membutuhkan pemikiran khusus dari seorang individu yang bisa menggabungkan elemen-eleman ini, sehingga mereka dapat menghasilkan sesuatu yang khusus, sangat berguna, mengejutkan atau subversif atau sesuatu yang mudah diingat.</span></div><div align="justify" style="font-family: courier new;"><span style="font-size: 85%;">Menurut <b>Danton Sihombing</b> desain grafis mempekerjakan berbagai elemen seperti marka, simbol, uraian verbal yang divisualisasikan lewat tipografi dan gambar baik dengan teknik fotografi ataupun ilustrasi. Elemen-elemen tersebut diterapkan dalam dua fungsi, sebagai perangkat visual dan perangkat komunikasi.</span></div><div align="justify" style="font-family: courier new;"><span style="font-size: 85%;">Menurut <b>Michael Kroeger</b> visual communication (komunikasi visual) adalah latihan teori dan konsep-konsep melalui terma-terma visual dengan menggunakan warna, bentuk, garis dan penjajaran (juxtaposition).</span></div><div align="justify" style="font-family: courier new;"><span style="font-size: 85%;">Warren dalam <b>Suyanto</b> memaknai desain grafis sebagai suatu terjemahan dari ide dan tempat ke dalam beberapa jenis urutan yang struktural dan visual.</span></div><div style="font-family: courier new;"><span style="font-size: 85%;">Sedangkan <b>Blanchard</b> mendefinisikan desain grafis sebagai suatu seni komunikatif yang berhubungan dengan industri, seni dan proses dalam menghasilkan gambaran visual pada segala permukaan.</span></div><div style="font-family: courier new;"><br />
</div><div align="justify" style="font-family: courier new;"><span style="font-size: 85%;"><strong>Kategori Desain Grafis</strong></span><span style="font-size: 85%;"> Secara garis besar, desain grafis dibedakan menjadi beberapa kategori: </span></div><ol><li align="justify" style="font-family: courier new;"><span style="font-size: 85%;">Printing (Percetakan) yang memuat desain buku, majalah, poster, booklet, leaflet, flyer, pamflet, periklanan, dan publikasi lain yang sejenis. </span></li>
<li align="justify" style="font-family: courier new;"><span style="font-size: 85%;">Web Desain: desain untuk halaman web. </span></li>
<li align="justify" style="font-family: courier new;"><span style="font-size: 85%;">Film termasuk CD, DVD, CD multimedia untuk promosi. </span></li>
<li align="justify" style="font-family: courier new;"><span style="font-size: 85%;">Identifikasi (Logo), EGD (Environmental Graphic Design) : merupakan desain profesional yang mencakup desain grafis, desain arsitek, desain industri, dan arsitek taman. </span></li>
<li align="justify" style="font-family: courier new;"><span style="font-size: 85%;">Desain Produk, Pemaketan dan sejenisnya.</span></li>
</ol><div align="justify" style="font-family: courier new;"><br />
</div><div align="justify" style="font-family: courier new;"><span style="font-size: 85%;"><b>Program Pengolah Grafis</b> Oleh karena desain grafis dibagi menjadi beberapa kategori maka sarana untuk mengolah pun berbeda-beda, bergantung pada kebutuhan dan tujuan pembuatan karya.</span></div><div align="justify" style="font-family: courier new;"><br />
</div><div align="justify" style="font-family: courier new;"><span style="font-size: 85%;">1. <b>Aplikasi Pengolah Tata Letak (Layout) </b>Program ini sering digunakan untuk keperluan pembuatan brosur, pamflet, booklet, poster, dan lain yang sejenis. Program ini mampu mengatur penempatan teks dan gambar yang diambil dari program lain (seperti Adobe Photoshop). Yang termasuk dalam kelompok ini adalah: - Adobe FrameMaker - Adobe In Design - Adobe PageMaker - Corel Ventura - Microsoft Publisher - Quark Xpress</span></div><div align="justify" style="font-family: courier new;"><br />
</div><div align="justify" style="font-family: courier new;"><span style="font-size: 85%;">2. <b>Aplikasi Pengolah Vektor/Garis </b>Program yang termasuk dalam kelompok ini dapat digunakan untuk membuat gambar dalam bentuk vektor/garis sehingga sering disebut sebagai Illustrator Program. Seluruh objek yang dihasilkan berupa kombinasi beberapa garis, baik berupa garis lurus maupun lengkung. Aplikasi yang termasuk dalam kelompok ini adalah: - Adobe Illustrator - Beneba Canvas - CorelDraw - Macromedia Freehand - Metacreations Expression - Micrografx Designer</span></div><div align="justify" style="font-family: courier new;"><br />
</div><div align="justify" style="font-family: courier new;"><span style="font-size: 85%;">3. <b>Aplikasi Pengolah Pixel/Gambar</b> Program yang termasuk dalam kelompok ini dapat dimanfaatkan untuk mengolah gambar/manipulasi foto (photo retouching). Semu objek yang diolah dalam progam-program tersebut dianggap sebagai kombinasi beberapa titik/pixel yang memiliki kerapatan dan warna tertentu, misalnya, foto. Gambar dalam foto terbentuk dari beberapa kumpulan pixel yang memiliki kerapatan dan warna tertentu. Meskipun begitu, program yang termasuk dalam kelompok ini dapat juga mengolah teks dan garis, akan tetapi dianggapa sebagai kumpulan pixel. Objek yang diimpor dari program pengolah vektor/garis, setelah diolah dengan program pengolah pixel/titik secara otomatis akan dikonversikan menjadi bentuk pixel/titik. Yang termasuk dalam aplikasi ini adalah: - Adobe Photoshop - Corel Photo Paint - Macromedia Xres - Metacreations Painter - Metacreations Live Picture - Micrografx Picture Publisher - Microsoft Photo Editor - QFX - Wright Image</span></div><div align="justify" style="font-family: courier new;"><br />
</div><div style="font-family: courier new;"><span style="font-size: 85%;">4. <b>Aplikasi Pengolah Film/Video</b> Program yang termasuk dalam kelompok ini dapat dimanfaatkan untuk mengolah film dalam berbagai macam format. Pemberian judul teks (seperti karaoke, teks terjemahan, dll) juga dapat diolah menggunakan program ini. Umumnya, pemberian efek khusus (special effect) seperti suara ledakan, desingan peluru, ombak, dan lain-lain juga dapat dibuat menggunakan aplikasi ini. Yang termasuk dalam kategori ini adalah: - Adobe After Effect - Power Director - Show Biz DVD - Ulead Video Studio - Element Premier - Easy Media Creator - Pinnacle Studio Plus - WinDVD Creater - Nero Ultra Edition</span></div><div style="font-family: courier new;"><br />
</div><div align="justify" style="font-family: courier new;"><span style="font-size: 85%;">5. <b>Aplikasi Pengolah Multimedia </b>Program yang termasuk dalam kelompok ini biasanya digunakan untuk membuat sebuah karya dalam bentuk Multimedia berisi promosi, profil perusahaan, maupun yang sejenisnya dan dikemas dalam bentuk CD maupun DVD. Multimedia tersebut dapat berisi film/movie, animasi, teks, gambar, dan suara yang dirancan sedemikian rupa sehingga pesan yang disampaikan lebih interktif dan menarik. Yang termasuk dalam kelompok ini adalah: - Macromedia Authorware - Macromedia Director - Macromedia Flash - Multimedia Builder - Ezedia - Hyper Studio - Ovation Studio Pro</span></div>Creative-designhttp://www.blogger.com/profile/06730113680824447764noreply@blogger.com0tag:blogger.com,1999:blog-5857279349847698001.post-32210094486296324782008-02-06T02:23:00.000-08:002011-04-10T19:20:52.502-07:00Pribadi<div align="center"><span style="font-family: "georgia"; font-size: 130%; font-weight: 700;"></span> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcbWURFqJFO-xnDjenewRnoPcMY7Gu1sPGH5tJSd1Yec_ts7sTKFlD3RDfqQDrg1N8S6JW6J8GT3aLfuGI6Ep0dYAfiAg1K5qOprw3nYQSQ9VqPhvVGu25agkVCm7h-pcUatl7kQAIrPXu/s1600/foto+gw.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" height="320" id="BLOGGER_PHOTO_ID_5408305798747577026" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcbWURFqJFO-xnDjenewRnoPcMY7Gu1sPGH5tJSd1Yec_ts7sTKFlD3RDfqQDrg1N8S6JW6J8GT3aLfuGI6Ep0dYAfiAg1K5qOprw3nYQSQ9VqPhvVGu25agkVCm7h-pcUatl7kQAIrPXu/s320/foto+gw.png" style="height: 320px; width: 206px;" width="206" /></a> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGSntFyZunPPAMHqiqnjD4t93ksQj_yt9QrW9DvTdc_IrtAb9Zpt7yr93m0UL8fiQBzvQe0fpQZBfvq4EepMGGFQ3Mgbhnh-Uw2bcpHmyWY0PIQwv7uJLJMdmxH-7erJKN_mSfsjWSNhJb/s1600-h/nemtek.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" height="320" id="BLOGGER_PHOTO_ID_5163814953892108866" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGSntFyZunPPAMHqiqnjD4t93ksQj_yt9QrW9DvTdc_IrtAb9Zpt7yr93m0UL8fiQBzvQe0fpQZBfvq4EepMGGFQ3Mgbhnh-Uw2bcpHmyWY0PIQwv7uJLJMdmxH-7erJKN_mSfsjWSNhJb/s320/nemtek.jpg" style="margin-bottom: 10px; margin-left: 10px; margin-right: 0pt; margin-top: 0pt;" width="207" /></a> </div>Creative-designhttp://www.blogger.com/profile/06730113680824447764noreply@blogger.com0