tag:blogger.com,1999:blog-17103907720361890382024-03-05T23:03:18.929+07:00Ayo BerbagiIlmu untuk dibagi bukan disimpan sendiriQoudithttp://www.blogger.com/profile/14184280816380218115noreply@blogger.comBlogger51125tag:blogger.com,1999:blog-1710390772036189038.post-73200616848923421242014-01-09T15:02:00.002+07:002014-01-09T16:32:54.383+07:00Contoh Program Sederhana OpenGL di Python dengan PyOpenGL<div dir="ltr" style="text-align: left;" trbidi="on">
<div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVaG38d7l9D5tBO2ptfxPGmEciuOhGd_PYolzej8FwNhuXWECwS4YG1d_cCCvbu0GkplnKj7Aif9OulBfelbO7opQ5bJHlGSvV8-hUbfrV_fD9_GBc3FmrqmHpw-EKk4ut63rrRT-y7GHQ/s1600/OpenGL.jpeg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVaG38d7l9D5tBO2ptfxPGmEciuOhGd_PYolzej8FwNhuXWECwS4YG1d_cCCvbu0GkplnKj7Aif9OulBfelbO7opQ5bJHlGSvV8-hUbfrV_fD9_GBc3FmrqmHpw-EKk4ut63rrRT-y7GHQ/s1600/OpenGL.jpeg" height="102" width="200" /></a></div>
Wah, wah, wah...<br />
<br />
Lama ndak posting nih.. Hhehehe<br />
Kali ini Saya mau posting tentang OpenGL nih.<br />
<br />
Untuk temen-temen yang lagi belajar mata kuliah grafik komputer atau pun
yang suka main game, pasti udah gak asing lagi. Nah, biasanya kan kita
sering denger katanya doang nih. Tapi gak pernah nyoba untuk buat
program pake opengl. Sekarang, Saya mau nyoba ngasih contoh program opengl di python.<br />
<br />
Pertama-tama, izinkan saya untuk prakata dulu nih. Biar rada panjang postingannya.. Hhehehe <b>:D</b><br />
<a name='more'></a><br />
<br />
kalo kata <a href="http://id.wikipedia.org/wiki/OpenGL" target="_blank">wikipedia</a>, OpenGL itu:<br />
<blockquote class="tr_bq">
OpenGL atau Open Graphics Library merupakan spesifikasi standar yang mendefinisikan sebuah lintas-bahasa, lintas platform API untuk mengembangkan aplikasi yang menghasilkan grafis komputer 2D maupun3D.</blockquote>
Hal yang perlu diingat, program ini bukan sepenuhnya karya saya. Kode sumbernya saya dapet dari ebook tentang PyOpenGL di internet.Tentunya dengan sedikit modifikasi dari saya. Ya, sedikit modifikasi. Bahkan sangat sedikit.. *Tolong dimaklum*<br />
<br />
Oke, kita langsung praktekan saja. Oh iya, Saya menggunakan sistem operasi debian disini.<br />
<br />
<ul style="text-align: left;">
<li>Sebelum menulis program opengl di python, sebaiknya kita memasang library opengl dulu. Soalnya, library ini tidak terpasang otomatis. </li>
</ul>
</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqFmiXnXitfuRm7rsb0kh3WMcRAxjcxq3knKqL24KlovtVKwtMMHEUBlAgLN9XkwN1N-9yF30jD-Fy_r70veuZy2hW_l24t5ceRwJ-eVY7edSvNIcHI5yDALjzJDK7Wg0eaYlwjblFZ_We/s1600/Selection_004.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqFmiXnXitfuRm7rsb0kh3WMcRAxjcxq3knKqL24KlovtVKwtMMHEUBlAgLN9XkwN1N-9yF30jD-Fy_r70veuZy2hW_l24t5ceRwJ-eVY7edSvNIcHI5yDALjzJDK7Wg0eaYlwjblFZ_We/s1600/Selection_004.png" height="30" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Sebelum menginstal, ada baiknya cek dulu ketersediaan library opengl</td><td class="tr-caption" style="text-align: center;"><br /></td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv8pRQCt0T1Gl_sbgN7XutiUNqzSnspslvmg2jmONCBOAwQzufoI1XH4bVKkFMQhCU9RPiMWTQqCAk-Wqn4dd7TCXPmjKVk71QE7-OHHR04HcSnWYomhZIAzKdJDkhk9TrcGcm0LBcu4NW/s1600/Selection_010.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv8pRQCt0T1Gl_sbgN7XutiUNqzSnspslvmg2jmONCBOAwQzufoI1XH4bVKkFMQhCU9RPiMWTQqCAk-Wqn4dd7TCXPmjKVk71QE7-OHHR04HcSnWYomhZIAzKdJDkhk9TrcGcm0LBcu4NW/s1600/Selection_010.png" height="28" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Setelah yakin library tersedia, saatnya menginstal</td></tr>
</tbody></table>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: left;">
<ul style="text-align: left;">
<li> Setelah PyOpenGL terinstal, cek library tersebut dengan masuk ke mode python interpreter</li>
</ul>
</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwbDUhZTw1JCgIQsLosQXYvHhVe2xIzkVrTaToNEU1kxhrXaxJ5GQhIFC3GyX-DJEx6PfP2Nfcjz6Ty-o4F6911Ew7_sgMttMLY3AtUNg4UIOoIeZvLTZJlnGFbSPu3X6sVRNGe6HUGo0G/s1600/Selection_008.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwbDUhZTw1JCgIQsLosQXYvHhVe2xIzkVrTaToNEU1kxhrXaxJ5GQhIFC3GyX-DJEx6PfP2Nfcjz6Ty-o4F6911Ew7_sgMttMLY3AtUNg4UIOoIeZvLTZJlnGFbSPu3X6sVRNGe6HUGo0G/s1600/Selection_008.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Cara mengecek library yang sudah terinstal</td></tr>
</tbody></table>
<div style="text-align: left;">
<ul style="text-align: left;">
<li>Jika sukses, silahkan mengetik ulang kode sumber yang ada dibawah ini. </li>
</ul>
</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGUodsgnCEqSEv4r5Dsf-Fz2m9RGAm7W1QKf2o4jTgc5H10kdOu4Vj7q1M7zvDRfoP75SYC21EE_1qroOxArMfV5_m2W5z3UpC9SKr6DksOvVPPCL2biiU6yW6D9_6gC2Ty02TZ3K5DtLo/s1600/Selection_007.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGUodsgnCEqSEv4r5Dsf-Fz2m9RGAm7W1QKf2o4jTgc5H10kdOu4Vj7q1M7zvDRfoP75SYC21EE_1qroOxArMfV5_m2W5z3UpC9SKr6DksOvVPPCL2biiU6yW6D9_6gC2Ty02TZ3K5DtLo/s1600/Selection_007.png" height="400" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Catatan: tanda "#" gunanya untuk memberi komentar. </td></tr>
</tbody></table>
<div style="text-align: left;">
<ul style="text-align: left;">
<li>Kalo sudah selesai, saatnya menjalankan program diatas</li>
</ul>
</div>
</div>
<div>
<div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtsdRum2Ocz1Brzyihg_01uM16JebNDduFBOK7QSWQAG_Ziym_Rz0ipUA9fl6kUhafXvbEzOgLHqSBWSw8RT_30MKHWOcFT6AmH2xW-hGIOZ731iDpfNDzreX1yq5K9K-xCXt8_RLbh87h/s1600/Selection_009.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtsdRum2Ocz1Brzyihg_01uM16JebNDduFBOK7QSWQAG_Ziym_Rz0ipUA9fl6kUhafXvbEzOgLHqSBWSw8RT_30MKHWOcFT6AmH2xW-hGIOZ731iDpfNDzreX1yq5K9K-xCXt8_RLbh87h/s1600/Selection_009.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Untuk penamaan file.py, setiap orang pasti berbeda-beda namanya</td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-pcHMYE1os5xEFCLEYXQ-eu-UiGOVvImXBGMxFAJfzAIxPgeBAX6q5gqWIju5tIEpfa4nPXlkMG1LkfKwVX4DVWLhHwNsV9MsKopOXr3lRfLOTSl5ILzACIdE71-dKv6i6sTpvQfJWetR/s1600/OpenGL+Program_006.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-pcHMYE1os5xEFCLEYXQ-eu-UiGOVvImXBGMxFAJfzAIxPgeBAX6q5gqWIju5tIEpfa4nPXlkMG1LkfKwVX4DVWLhHwNsV9MsKopOXr3lRfLOTSl5ILzACIdE71-dKv6i6sTpvQfJWetR/s1600/OpenGL+Program_006.png" height="320" width="303" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Ini adalah hasil dari kode sumber yang sudah kamu ketik ulang</td></tr>
</tbody></table>
<br />
<br />
Dua titik putih diatas adalah hasil dari kode sumber diatas. Memang contoh programnya belum "wah" banget sih. Tapi, ini adalah program dasar yang cukup penting untuk pemula seperti kita. Untuk logika programnya, mungkin belum bisa saya jelaskan disini. Tapi, kalo mau tau lebih dalam lagi tentang opengl di python. silahkan mengunduh ebook ini -> <a href="https://drive.google.com/file/d/0B1opwreoM7iRUE5JYl9ldjl1UzQ/" target="_blank">PyOpenGL</a><br />
<br />
<br />
<br />
Sekian sharing saya kali ini. Mudah-mudahan ada manfaatnya <b>:)</b></div>
</div>
</div>
Qoudithttp://www.blogger.com/profile/14184280816380218115noreply@blogger.com2tag:blogger.com,1999:blog-1710390772036189038.post-61928280111952931062013-12-12T15:06:00.003+07:002014-01-09T17:11:19.319+07:00Konversi .svg ke .sif menggunakan svg2sif<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6OSi1dD6UVPoBU2_y-owTt4xbpcVmSfnShcf7HVA2CnM-IDKmISWbzAwaTfkA5MG7CHbKaPzE-JZZdjlyjHcJIwtglub54Up39bGksARBKVShAxoGZVk01pezuDnquak69iNLAKciXkIo/s1600/url.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6OSi1dD6UVPoBU2_y-owTt4xbpcVmSfnShcf7HVA2CnM-IDKmISWbzAwaTfkA5MG7CHbKaPzE-JZZdjlyjHcJIwtglub54Up39bGksARBKVShAxoGZVk01pezuDnquak69iNLAKciXkIo/s1600/url.png" height="200" width="190" /></a></div>
Lama juga males nulisnya<br />
<br />
hmmm... maklum ya, saya lagi persiapan sidang nih.. Hhehehe.. Jadi lagi sibuk-sibuknya..<br />
<br />
Berhubung sekarang udah banyak waktu kosong karena dapet jadwal sidang masih lama, saya mengisi waktu luang dengan belajar animasi. nama aplikasi yang digunakan synfig studio. banyak yang bilang, ini macromedia flash di linux..<br />
<br />
<a name='more'></a>Dari kemaren gua bingung, karena inkscape gak bisa save file dalam bentuk format .sif. Padahal, synfig hanya menerima ekstensi .sif. <br />
<br />
<span style="font-size: large;">Loh, apa hubungannya sama inkscape?</span><br />
<br />
Hhehehe.. maaf maaf, lupa jelasin saya. untuk membuat objek di synfig, kita bisa membuatnya secara langsung di synfig atau pun dari aplikasi pengolah gambar vektor lainnya. yang jelas, aplikasi pengolah gambar vektor yang digunakan harus bisa export ke ekstensi .sif..<br />
<br />
Nah.. setelah minta wangsit ke <a href="http://www.google.co.id/" target="_blank">mbah</a>, akhirnya saya menemukan situs ini <a href="https://github.com/nikitakit/svg2sif">https://github.com/nikitakit/svg2sif</a>. disini saya bisa mengunduh ekstensi yang dibutuhkan. nama ekstensi itu adalah svg2sif. Setelah diunduh, saatnya memasang svg2sif ke inkscape.<br />
Ikuti langkah berikut:<br />
<ul style="text-align: left;">
<li>ekstrak file svg2sif-master.zip</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWXprQWl9zmH8Gg5q6thfTuXO7dCJfltYmBgbNYihwHN2sPnDs8ErNjklFHitv0fOi-sp5T_dJqO-naMayqbTnjYKoUbMUAWIbo1L31hL2ZFmrim1tZ2nE9fq6eQvNYBoLLnev0tPa6KoP/s1600/Selection_001.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWXprQWl9zmH8Gg5q6thfTuXO7dCJfltYmBgbNYihwHN2sPnDs8ErNjklFHitv0fOi-sp5T_dJqO-naMayqbTnjYKoUbMUAWIbo1L31hL2ZFmrim1tZ2nE9fq6eQvNYBoLLnev0tPa6KoP/s400/Selection_001.png" height="165" width="400" /></a> </div>
<div>
<ul style="text-align: left;">
<li>Buka terminal, masuk sebagai root. kemudian ketik "nautilus"</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtbqhf2uPlYzNsISo3zv7Uo1wou9-YrQHt-y6bS4s1Tk2CkspoIm4E-fhNWxHMeC3QCWlqnnunT0aSrZ7UcJ-Voqpp-qDFs1a9AXoWAwp7NK2Qs7jc48xvVF3EDkjjPBNbUs1OBxNofwxA/s1600/Selection_002.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtbqhf2uPlYzNsISo3zv7Uo1wou9-YrQHt-y6bS4s1Tk2CkspoIm4E-fhNWxHMeC3QCWlqnnunT0aSrZ7UcJ-Voqpp-qDFs1a9AXoWAwp7NK2Qs7jc48xvVF3EDkjjPBNbUs1OBxNofwxA/s400/Selection_002.png" height="56" width="400" /></a></div>
<ul style="text-align: left;">
<li>setelah jendela nautilus terbuka, copy file yang telah diekstrak tadi lalu paste ke direktori /usr/share/inkscape/extensions/</li>
</ul>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh62YwZV8PokgdJvqd4YTOIXnsDZEsQirqroS3vxz1kCClBjQT05Jo0tY4WD3kV6M7n2Vhp3lq9NtdIwcmfH2cYH1zgg1nkZhi7-kCqRuqbtdDQ6ay1OxCiiBKNv99y7HZ1wxBrptcuMwoa/s1600/Selection_004.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh62YwZV8PokgdJvqd4YTOIXnsDZEsQirqroS3vxz1kCClBjQT05Jo0tY4WD3kV6M7n2Vhp3lq9NtdIwcmfH2cYH1zgg1nkZhi7-kCqRuqbtdDQ6ay1OxCiiBKNv99y7HZ1wxBrptcuMwoa/s400/Selection_004.png" height="210" width="400" /></a></div>
<div>
<ul style="text-align: left;">
<li>Setelah melakukan langkah diatas, buka inkscape lalu pilih menu exstensions. cari tulisan synfig -> prepare for export. </li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG70X7qbOzcZ1TITGBaT4qf3mL4NffT7stCvXS_hzGgK8TZFC_ZnVdKxVIrIRQ1WYuLbGcKiDwdq8ykiDS7FF2u5c_lVQcnQ_Ym2s6CtybaN9IGZz4VeM7FyyrFz2Yxauyh7MwF0fEq_AO/s1600/Menu_007.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG70X7qbOzcZ1TITGBaT4qf3mL4NffT7stCvXS_hzGgK8TZFC_ZnVdKxVIrIRQ1WYuLbGcKiDwdq8ykiDS7FF2u5c_lVQcnQ_Ym2s6CtybaN9IGZz4VeM7FyyrFz2Yxauyh7MwF0fEq_AO/s320/Menu_007.png" height="246" width="320" /></a></div>
<ul style="text-align: left;">
<li> Setelah itu, pilih menu file -> save a copy -> pilih ekstensi .sif </li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsoG0g6XE-P6O9jBd9R_g9YQE6RFYLbm2HSeD5rXjkf2BOgIJi3YncUCmAJ9tltLGX1iqba-yGedV84BcRyHNH2jNW_NGS1xb5Dd4sDKuuSDfWpX8YlCL8dUJuLQ7I2GbN_sWBYs_QrCUe/s1600/Menu_006.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsoG0g6XE-P6O9jBd9R_g9YQE6RFYLbm2HSeD5rXjkf2BOgIJi3YncUCmAJ9tltLGX1iqba-yGedV84BcRyHNH2jNW_NGS1xb5Dd4sDKuuSDfWpX8YlCL8dUJuLQ7I2GbN_sWBYs_QrCUe/s400/Menu_006.png" height="223" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLNMQoZ33pyOSORTvtAwlK9vv6U5_XOWpcVHYS8fHapluG82KKoSvdK5a-dh-uR3wkJ9oGCcsR3a9t0_eKcgE8fsYd32DF_zoXOYlgaHDd0cDlOs4TD0_o5H0P9MZCOR6zBiwLaJFP8EKz/s1600/Menu_008.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLNMQoZ33pyOSORTvtAwlK9vv6U5_XOWpcVHYS8fHapluG82KKoSvdK5a-dh-uR3wkJ9oGCcsR3a9t0_eKcgE8fsYd32DF_zoXOYlgaHDd0cDlOs4TD0_o5H0P9MZCOR6zBiwLaJFP8EKz/s400/Menu_008.png" height="223" width="400" /></a></div>
<br />
<br />
<ul style="text-align: left;">
<li> Kalo sudah selesai, silahkan bereksperimen... Hhahaha</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzaRdY6GPo_IFAufvgJo0GqJoDajA-vrN9QayL3iTGffDDZlFj-65lgu32z7joU3VbMxlzMO3DJvqE_6Zwd4OnR1rsDNmqAUqFoYFA_qIqJa26zOdwGV_A1VBSyob768sOKZ4rZ6gLfny0/s1600/Workspace+2_009.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzaRdY6GPo_IFAufvgJo0GqJoDajA-vrN9QayL3iTGffDDZlFj-65lgu32z7joU3VbMxlzMO3DJvqE_6Zwd4OnR1rsDNmqAUqFoYFA_qIqJa26zOdwGV_A1VBSyob768sOKZ4rZ6gLfny0/s400/Workspace+2_009.png" height="223" width="400" /></a></div>
<br />
Bagaimana, mudah?<br />
Silahkan bersenang-senang dengan synfig dan inkscape ya... <b>:D</b></div>
</div>
Qoudithttp://www.blogger.com/profile/14184280816380218115noreply@blogger.com0tag:blogger.com,1999:blog-1710390772036189038.post-12083214074915369742013-03-24T22:58:00.000+07:002013-03-24T22:58:04.263+07:00Komputasi Awan<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">hmmm...</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">Kali ini gua dapet tugas tentang komputasi awan. Mungkin kalian lebih awam dengan nama cloud computing. Seperti biasa, yang namanya denger istilah baru mesti tau dulu pengertiannya. </span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">Nah, dibawah ini ada pengertiannya nih. Gua kutip dari salah satu situs. Silahkan dibaca.</span></div>
<a name='more'></a><br />
<blockquote class="tr_bq">
<span style="font-family: Arial, Helvetica, sans-serif;">Komputasi awan atau biasa kita kenal dengan nama cloud computing adalah <span style="background-color: white;">sekumpulan kompter (bisa juga sekumpulan komputer cluster) yang terhubung satu dengan lainnya melalui internet atau suatu jaringan komputer. Umumnya berada pada satu jaringan sendiri, dan tiap komputer mempercayai komputer lainnya. Pengguna menggunakan sebagian dari sumberdaya yang dimilikinya dan diharapkan untuk tidak sampai membuat semua komputer bekerja dengan sibuk. (Banyak komputer, satu jaringan, pengamanan minimal, penggunaan minimal)</span></span></blockquote>
<br />
<span style="font-family: Arial, Helvetica, sans-serif;">Untuk masalah manfaat dari cloud computing sendiri, mungkin kalian bisa lihat video dibawah ini. Tapi, diakhirnya ada iklan. Jadi, abaikan saja yah... Hhahaha</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<div class="separator" style="clear: both; text-align: center;">
<object width="320" height="266" class="BLOGGER-youtube-video" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" data-thumbnail-src="http://img.youtube.com/vi/ae_DKNwK_ms/0.jpg"><param name="movie" value="http://youtube.googleapis.com/v/ae_DKNwK_ms&source=uds" /><param name="bgcolor" value="#FFFFFF" /><param name="allowFullScreen" value="true" /><embed width="320" height="266" src="http://youtube.googleapis.com/v/ae_DKNwK_ms&source=uds" type="application/x-shockwave-flash" allowfullscreen="true"></embed></object></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Sumber:</div>
<div class="separator" style="clear: both; text-align: left;">
<a href="http://pdcnotes.wordpress.com/">http://pdcnotes.wordpress.com/</a></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="http://id.wikipedia.org/wiki/Komputasi_awan">http://id.wikipedia.org/wiki/Komputasi_awan</a></div>
</div>
Qoudithttp://www.blogger.com/profile/14184280816380218115noreply@blogger.com0tag:blogger.com,1999:blog-1710390772036189038.post-85407484526706903672013-01-29T21:04:00.002+07:002013-03-24T16:42:30.847+07:00Tour Bali<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: Arial, Helvetica, sans-serif;">Kali ini, Gua dapet tugas bikin brosur tentang pariwisata di Bali..</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">Berikut ini hasil editan Gua sendiri nih. Kurang bagus sih...</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTh3qWLmiB8Xv67qm_DOp40lz6iE5OzES03PGfsqPHxHCm716TZBkPrR8LHjbUvNWRbe5rGNQiOlWH46gcUeArchz9Zslgv6q-rkR2EKUnK0lfd6iNm2988onoX4zgmr3Qh8zslXS7ozrY/s1600/bagian+depan.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTh3qWLmiB8Xv67qm_DOp40lz6iE5OzES03PGfsqPHxHCm716TZBkPrR8LHjbUvNWRbe5rGNQiOlWH46gcUeArchz9Zslgv6q-rkR2EKUnK0lfd6iNm2988onoX4zgmr3Qh8zslXS7ozrY/s320/bagian+depan.jpg" width="240" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Tampak depan</td></tr>
</tbody></table>
<a name='more'></a><br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzY59FyxKoydruaqFkUMHYGnUKPXe-6KsoPkCLKC_M-esz3_PI4MDVYKUH_JXQnkWH2c-eM1ND3qPaQQqCqD1M4pC_SRaf3g0v8kOPI8XovabyOPnvQGxfsSKHz2x3gSGodt7koAHrv1gO/s1600/bagian+belakang.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzY59FyxKoydruaqFkUMHYGnUKPXe-6KsoPkCLKC_M-esz3_PI4MDVYKUH_JXQnkWH2c-eM1ND3qPaQQqCqD1M4pC_SRaf3g0v8kOPI8XovabyOPnvQGxfsSKHz2x3gSGodt7koAHrv1gO/s320/bagian+belakang.jpg" width="240" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Tampak belakang</td></tr>
</tbody></table>
<br /></div>
Qoudithttp://www.blogger.com/profile/14184280816380218115noreply@blogger.com0tag:blogger.com,1999:blog-1710390772036189038.post-21807033652654488622012-12-09T01:52:00.003+07:002012-12-09T01:53:03.727+07:00Memasang XAMPP 1.8.1 di Ubuntu 12.04<div dir="ltr" style="text-align: left;" trbidi="on">
Hahaha...<br />
<br />
Berhubung Gua lagi gak ada kerjaan, akhirnya posting lagi deh... :D<br />
<br />
Beberapa bulan yang lalu, Gua dikasih tugas ama dosen. Tugasnya buat web gitu. Berhubung Gua mahasiswa yang baik, Gua kerjain deh tugasnya.<br />
<br />
Kalo mau bikin web, biasanya kita butuh server. Disini, Gua pake xampp 1.8.1 sebagai localhostnya. xampp yang gua donlot ini versi terbaru cuy. Biasanya, Gua pake versi 1.7.3a.<br />
<a name='more'></a><br />
<br />
Hal pertama yang mesti Lo lakuin adalah, mendonlot file xampp-nya... :D<br />
Gak harus donlot juga sih, minta ama temen juga boleh... Hhohoho<br />
<br />
Kalo udah donlot, buka terminal terus masuk ke direktori file xampp. Abis itu, ketik perintah ini<br />
<br />
<b>$ sudo tar xvfz xampp-linux-1.8.1.tar.gz -C /opt/</b><br />
<br />
Kalo udah kelar ekstraknya, sekarang jalanin deh si xampp. ketik perintah ini<br />
<br />
<b>$ sudo /opt/lampp/lampp start</b><br />
<br />
Terus, buka browser kesayangan Lo. Ketik <b>localhost</b> di kolom url-nya. Kalo berhasil, nanti si xampp minta pilihan bahasa. Kalo udah, nanti tampilannya bakalan kayak gini<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs7um7fVBBP-V3cikzQlGe8Irron7XYLoBfYWy7pnX3Vag9DocP1aNErVe_yleEcuVqSDrQhnfeOULlAJgUP0EhWTTvFZOJjKvr6gHDdnjH7T84zRlx1ndl8ITdMkQTcAcCYQoGofSy2TT/s1600/xampp+1.8.1+.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="217" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs7um7fVBBP-V3cikzQlGe8Irron7XYLoBfYWy7pnX3Vag9DocP1aNErVe_yleEcuVqSDrQhnfeOULlAJgUP0EhWTTvFZOJjKvr6gHDdnjH7T84zRlx1ndl8ITdMkQTcAcCYQoGofSy2TT/s400/xampp+1.8.1+.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Tampilan utama xampp 1.8.1</td></tr>
</tbody></table>
Berhasil deh nginstal xampp-nya... :D<br />
Eittss, jangan bangga dulu. Coba klik <i>phpmyadmin </i>deh.<br />
<br />
Bisa ke buka? Hhaha<br />
Pasti surat cinta kayak gini yang Lo dapet.. :D<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaaEnbCtPRVp-un9QYt2smWvXjsTkHWCK3osvXwhvg-TGSvz-ZtajwqtcYuRR-RaE881BzLemnq0RtZYsJON-Tbwf-fY80vbBE_iU-b-HxZQdG9Yuh1rquONvDN6thS6DiG18rTaD_EUa5/s1600/phpmyadmin+blocked.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="174" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaaEnbCtPRVp-un9QYt2smWvXjsTkHWCK3osvXwhvg-TGSvz-ZtajwqtcYuRR-RaE881BzLemnq0RtZYsJON-Tbwf-fY80vbBE_iU-b-HxZQdG9Yuh1rquONvDN6thS6DiG18rTaD_EUa5/s320/phpmyadmin+blocked.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Access forbidden pada phpmyadmin</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: left;">
Jangan panik, setelah berkelana di mbah google (ceileh...), Gua nemu cara setting phpmyadmin-nya.</div>
<div class="separator" style="clear: both; text-align: left;">
masih bermain-main didalam terminal, ketik perintah ini</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<b>$ sudo gedit /opt/lampp/etc/extra/httpd-xampp.conf</b></div>
<div class="separator" style="clear: both; text-align: left;">
<b><br /></b></div>
<div class="separator" style="clear: both; text-align: left;">
Ketika Lo ngetik perintah diatas, file httpd-xampp.conf pun muncul.</div>
<div class="separator" style="clear: both; text-align: left;">
Terus, dibaris ke 19 Lo tambahin script ini --> <b style="background-color: white; border: 0px; font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 15px; line-height: 18px; margin: 0px; padding: 0px;"><span style="border: 0px; margin: 0px; padding: 0px;">Require all granted</span></b></div>
<div class="separator" style="clear: both; text-align: left;">
Perhatiin deh kedua gambar dibawah ini.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCMl5XxxC-TeYoZaS3NplUMsHpQxAFhbxCm15ISBcFAoZFrM6m62Lmjrzc9_juMH76JdVU8WtF9a_osMo9QYXQNcCXwl0DEtf1VxZNNd6OyEZqLluvZmPO2kzdgX6il1J-xaBsgYezZSbG/s1600/httpd-xampp+sebelum+di+edit.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="217" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCMl5XxxC-TeYoZaS3NplUMsHpQxAFhbxCm15ISBcFAoZFrM6m62Lmjrzc9_juMH76JdVU8WtF9a_osMo9QYXQNcCXwl0DEtf1VxZNNd6OyEZqLluvZmPO2kzdgX6il1J-xaBsgYezZSbG/s400/httpd-xampp+sebelum+di+edit.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">httpd-xampp.conf sebelum di edit</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpHpb2PCUHNIJ7nyGXVbeW-AEyAdokbqHDdjjIPn567T9Ok6aqjaByj3glj3DXVaXl-XqiQq2BVM1FaqK1UFvJg9Lum9I8HtjG5pgNf16dOGEktbm28ImNBtcHbgcPR4tmMWVYn4_jX7hl/s1600/httpd-xampp+setelah+di+edit.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="217" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpHpb2PCUHNIJ7nyGXVbeW-AEyAdokbqHDdjjIPn567T9Ok6aqjaByj3glj3DXVaXl-XqiQq2BVM1FaqK1UFvJg9Lum9I8HtjG5pgNf16dOGEktbm28ImNBtcHbgcPR4tmMWVYn4_jX7hl/s400/httpd-xampp+setelah+di+edit.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">httpd-xampp.conf setelah di edit</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div align="LEFT" style="margin-bottom: 0in;">
<span style="color: black;"><span style="font-family: inherit; font-size: medium;">Kalo
udah kelar, save filenya. Terus, restart si xampp. Caranya, ketik
perintah ini</span></span></div>
<div align="LEFT" style="margin-bottom: 0in;">
<span style="font-family: inherit;"><br />
</span></div>
<div align="LEFT" style="margin-bottom: 0in;">
<span style="color: black;"><span style="font-family: inherit; font-size: medium;"><b>$
sudo /opt/lampp/lampp restart</b></span></span></div>
<div align="LEFT" style="margin-bottom: 0in;">
<span style="font-family: inherit;"><br />
</span></div>
<div align="LEFT" style="margin-bottom: 0in;">
<span style="color: black;"><span style="font-family: inherit; font-size: medium;">Kalo
udah, cek browser kalian. refresh halaman phpmyadmin-nya (kalo belum
ditutup) atau klik lagi tombol phpmyadmin dihalaman utama xampp.
Hasilnya, bakalan kayak gini deh</span></span></div>
<br />
<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirU9Vi6OPny3s8TIEvWno9_9LSaomnUshb5peOHx73fYZvMfBJU1oWOQ03WTGMkKbFpktJlIDR9rwn_vKNpZeVg6hYI4F9SBypA4JJyH2VijDiEZIpb_E1I1eqEAxWB8640fsa1QtScBTf/s1600/phpmyadmin.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="174" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirU9Vi6OPny3s8TIEvWno9_9LSaomnUshb5peOHx73fYZvMfBJU1oWOQ03WTGMkKbFpktJlIDR9rwn_vKNpZeVg6hYI4F9SBypA4JJyH2VijDiEZIpb_E1I1eqEAxWB8640fsa1QtScBTf/s320/phpmyadmin.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Phpmyadmin</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
Okey, Gua cuman bisa ngasih segitu doang nih.<br />
Mudah-mudahan bermanfaat ya... :D<br />
<br /></div>
Qoudithttp://www.blogger.com/profile/14184280816380218115noreply@blogger.com0tag:blogger.com,1999:blog-1710390772036189038.post-29320266572925943452012-12-08T23:28:00.001+07:002012-12-08T23:32:28.656+07:00Pemrograman GUI di Python<div dir="ltr" style="text-align: left;" trbidi="on">
Okeh, udah lama gak ngeblog nih... :D<br />
<br />
Well, waktu itu Gua pernah ngasih sedikit penjelasan tentang python.<br />
Mungkin, salah satu dari kalian ada yang tertarik dan pengen belajar lebih tentang bahasa pemrograman yang satu ini.<br />
<br />
Pada kesempatan kali ini, Gua gak bakal ngejelasin percabangan, perulangan, array, dan yang lainnya ke Lo semua. Gua cuman mau ngasih sedikit ilmu tentang pemrograman GUI di python. Menarik bukan? Hhehehe<br />
<a name='more'></a><br />
<br />
Okey..<br />
Sebenernya, ada banyak tampilan GUI untuk python. Berhubung banyak, Gua cuman bisa ngasih tau 2 toolkit doang nih. Maklum, yang dicoba baru 2 doang.<br />
<br />
Langsung aja ke TKP deh...<br />
<br />
<b>1. Tkinter (Tk Interface)</b><br />
Ini tampilan paling standar. Gak cuman di python, Tkinter ada juga loh di Ruby, Perl sama apalagi gituh. Gua lupa euy. Sisanya cari sendiri aja deh... Hhehehe<br />
<br />
Gak apa-apa lah ya, kan tema kita python... :D<br />
<br />
Kalo kalian pake editor IDLEPython, tkinter udah <i>include</i> kok sama editornya. Tapi, kalo salah satu dari kalian ada yang pake OS Linux. Python udah terinstal secara otomatis sama OS-nya. kalian cuma butuh library tkinter doang. cara installnya, ketikan perintah berikut di terminal:<br />
<br />
$ sudo apt-get install python-tk<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi16GILewEPJUN6yr1cLZD_D1ABK2NmjsvZht1RETOnynhBBvxU_90-IMAobHI0k-b8Q75-uRz0tK_VDbACrJoQTQACDomX-SSdChT2hJjbc0zQNv5_Gn4qBkzqGJS070U7uexB9BLRaIuK/s1600/Install+tkinter.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="62" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi16GILewEPJUN6yr1cLZD_D1ABK2NmjsvZht1RETOnynhBBvxU_90-IMAobHI0k-b8Q75-uRz0tK_VDbACrJoQTQACDomX-SSdChT2hJjbc0zQNv5_Gn4qBkzqGJS070U7uexB9BLRaIuK/s400/Install+tkinter.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Memasang library tkinter</td></tr>
</tbody></table>
<br />
<b>2. WxPython</b><br />
Nah soal wxpython, banyak yang seneng loh sama tampilan ini. Tahu kenapa? Soalnya, tampilannya bagus. Yaa, gak bagus-bagus amat sih. Seenggaknya lebih bagus dari tampilan tkinter... :D<br />
<br />
Kalo dianalogikan sama GUI bahasa Java, tampilan tkinter itu kayak JavaxSwing. WxPython itu kayak Java AWT. Kira-kira seperti itulah analoginya.<br />
<br />
Kalo mau pake library yang satu ini, kita mesti instal dulu. Caranya, untuk kalian yang menggunakan OS Windows bisa download di <a href="http://wxpython.org/download.php">http://wxpython.org/download.php</a>. Kalo pengguna Linux, cukup ketikan perintah berikut di terminal<br />
<br />
$ sudo apt-get install python-wxgtk2.8<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq4mrMgvtRB6vnXg14THjOa-gLhhWwhkqb2OZH7THIQVL0glftGTbRXEwOHVtIv8WlnzlIBrDzgIZ6W59QO0yFMd4X9J9-cFnque1Ds14T8NeLXMPiXPD_36kI3gd1vHhPkj4SM8IEcuGE/s1600/Install+wx.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="55" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq4mrMgvtRB6vnXg14THjOa-gLhhWwhkqb2OZH7THIQVL0glftGTbRXEwOHVtIv8WlnzlIBrDzgIZ6W59QO0yFMd4X9J9-cFnque1Ds14T8NeLXMPiXPD_36kI3gd1vHhPkj4SM8IEcuGE/s400/Install+wx.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Memasang library wx</td></tr>
</tbody></table>
<br />
Nah, untuk masalah penjelasan skripnya, nanti saya bahas.<br />
Untuk sekarang, segini dulu yah... Hhehehe<br />
<br />
Mudah-mudahan bermanfaat :D<br />
<br />
<br />
<br />
<br />
<br />
<div style="text-align: left;">
<br /></div>
</div>
Qoudithttp://www.blogger.com/profile/14184280816380218115noreply@blogger.com0tag:blogger.com,1999:blog-1710390772036189038.post-39646808538700089742012-10-16T15:18:00.001+07:002012-10-16T15:18:13.638+07:00E-Commerce<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMpBfkZjILyN1EYVJ20lh6jXSli-2SgypVzptX9OC1neLLW4nzlutMcgk9Ta7Avi9qfXijNAFo7VLxJ32qao3c0cVMg7NhWR7wUHgLtUTDsGsBWj6YACfk6iyyGas3LDuCnMNfjjpOrc7p/s1600/bisnis_internet.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="133" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMpBfkZjILyN1EYVJ20lh6jXSli-2SgypVzptX9OC1neLLW4nzlutMcgk9Ta7Avi9qfXijNAFo7VLxJ32qao3c0cVMg7NhWR7wUHgLtUTDsGsBWj6YACfk6iyyGas3LDuCnMNfjjpOrc7p/s200/bisnis_internet.jpg" width="200" /></a></div>
Lanjut postingan yang tadi...<br />
<br />
To the point aja yah...<br />
<br />
Gua pernah dikasih tau bahwa, proses jual-beli yang melibatkan internet sebagai media informasi, bisa disebut sebagai e-commerce. Meskipun, <br />
<a name='more'></a>si pembeli hanya melihat barang lewat internet dan beli barang langsung ketemu ama pemiliknya. Itu udah termasuk e-commerce.<br />
<br />
Nah, e-commerce udah banyak dipake jaman sekarang. Soalnya, bisnis ini gak butuh yang namanya lapak buat jualan. Sebenernya masih butuh sih, cuman lapaknya virtual Cuy...<br />
Ya maklum, namanya aja electronic commercial... Hhehehe<br />
<br />
So, buat kamu-kamu yang mau jualan tapi gak punya lapak gede, e-commerce bisa jadi solusi yang tepat loh...<br />
<br />
Tapi inget, e-commerce juga punya kelemahan nih. Biasanya banyak penipu yang beraksi dsini. Saran Gua sih, Kalo mau jualan pake cara ini, reputasi Lu udah dikenal baik sama orang. Caranya, pinter-pinter Lu aja deh. Yang penting gak ngerugiin orang banyak. Nyari duit itu gak gampang loh...<br />
<br />
Banyak-banyak tanya sama orang yang udah pernah jalanin bisnis ini. Bisa lewat dunia maya ataupun nyata...<br />
<br />
So, Jualan dengan jujur ya Cuy...<br />
Biar berkah rezekinya... <b>:D</b></div>
Qoudithttp://www.blogger.com/profile/14184280816380218115noreply@blogger.com0tag:blogger.com,1999:blog-1710390772036189038.post-90157432751504583842012-10-16T14:50:00.000+07:002012-10-16T14:50:05.324+07:00Bisnis Informatika<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimj52TbNCKHaG7vTC94XUWfyO-z1YJ56OvYAzSanOgA6mSbQlZvRs-nkYHxhQkYTS0oUWzdRi51XiOBD1soKY1dTowAbuYbd8ShutYTl88a-uLFwHYjgN5rLXd80zcfpFQ4vQQVbmynhEA/s1600/bisnis-online.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimj52TbNCKHaG7vTC94XUWfyO-z1YJ56OvYAzSanOgA6mSbQlZvRs-nkYHxhQkYTS0oUWzdRi51XiOBD1soKY1dTowAbuYbd8ShutYTl88a-uLFwHYjgN5rLXd80zcfpFQ4vQQVbmynhEA/s200/bisnis-online.jpg" width="200" /></a></div>
Okeh, kali ini Gua lagi dipaksa untuk membahas yang namanya bisnis.<div>
<br /></div>
<div>
Mungkin, pembahasannya bukan Gua banget.</div>
<div>
Yah, apa mau di kata... </div>
<div>
<br /></div>
<div>
Mari mulai... <b>B)<a name='more'></a></b></div>
<div>
<br /></div>
<div>
Ada yang tau maksud bisnis informatika?</div>
<div>
Kalo pada gak tau, nih Gua kasih tau...</div>
<div>
<br /></div>
<div>
Bisnis informatika itu, bisnis yang informasinya didapat dari media elektronik. Salah satunya internet... <b><-- mirip pengertian e-commerce nih.... -___-</b></div>
<div>
<b><br /></b></div>
<div>
Udeh, jangan protes..!!</div>
<div>
<br /></div>
<div>
kembali ke permasalahan.</div>
<div>
Nah, e-commerce yang disebut tadi itu, salah satu contoh dalam bisnis informatika cuy...</div>
<div>
Pembahasan tentang e-commerce bakalan Gua bahas dipostingan selanjutnya...</div>
<div>
<br /></div>
<div>
Terlalu singkat ya postingannya?</div>
<div>
Hhahaha~... Udah ya, jangan protes mulu, ntar cepet tua loh... <b>:D</b></div>
<div>
<br /></div>
<div>
bye...!!! <b>*melambaikan tangan*</b></div>
<div>
<b><br /></b></div>
</div>
Qoudithttp://www.blogger.com/profile/14184280816380218115noreply@blogger.com0tag:blogger.com,1999:blog-1710390772036189038.post-58116410337768000852012-07-28T00:48:00.001+07:002012-07-28T00:51:11.412+07:00Genre Game<div dir="ltr" style="text-align: left;" trbidi="on">
Saat ini banyak sekali jenis game yang beredar dipasaran. Mulai dari RPG, FPS, dan lain-lain.<br />
Saking banyaknya, Kita sebagai pemula dalam game, dipusingkan dengan makin banyaknya jenis game.<br />
Nah, biar gak terlalu pusing, Saya ingin memberitahu jenis game yang ada:<br />
<a name='more'></a><ul style="text-align: left;">
<li>FPS (<i>first person shooter</i>)</li>
<li>RTS (<i>real time strategy</i>)</li>
<li>RPG (<i>role playing game</i>)</li>
<li>Racing</li>
<li>MMORPG (<i>multi massive online role playing game</i>)</li>
</ul>
<div>
Nah, jenis yang terakhir ditulis adalah, jenis yang paling sulit dibuat saat ini. Contoh gamenya seperti Ragnarok Online.<br />
<br />
<br />
<span style="font-size: x-small;">Sumber: PC Media</span></div>
</div>Qoudithttp://www.blogger.com/profile/14184280816380218115noreply@blogger.com0tag:blogger.com,1999:blog-1710390772036189038.post-85976447865970598872012-07-28T00:37:00.002+07:002012-07-28T00:49:30.968+07:00Kecerdasan buatan pada game<div dir="ltr" style="text-align: left;" trbidi="on">
Bicara tentang membuat game, mau tidak mau Kita harus belajar tentang kecerdasan buatan. Ada berbagai macam tingkat dan metode kecerdasan buatan yang bisa Anda masukkan dalam game.<br />
<a name='more'></a><br />
<br />
Biasanya, kecerdasan buatan yang paling sering dipakai adalah bagaimana mencari rute terpendek. Contohnya, musuh hantu pada game pac man. mereka akan mencari rute terpendek untuk menangkap pac man. Kemudian, POD BOT pada game CS juga menggunakan rute terpendek untuk menemukan dan menembak player. Tentunya, penerapan kecerdasan buatannya sudah sangat kompleks.<br />
<br />
<br />
<span style="font-size: x-small;">Sumber: PC Media</span></div>Qoudithttp://www.blogger.com/profile/14184280816380218115noreply@blogger.com1tag:blogger.com,1999:blog-1710390772036189038.post-39234768904841204492012-07-28T00:26:00.004+07:002012-07-28T00:26:52.097+07:00Konsep Pemrograman Game<div dir="ltr" style="text-align: left;" trbidi="on">
Haha, tulisan sebelumnya udah ngebahas tentang bahasa pemrograman pada game, sekarang mau ngebahas konsepnya nih...<br />
<br />
Membuat mudah seperti membuat program pada umumnya. Butuh banyak sekali konsep mengenai cara kerja game yang mesti dipahami. Contohnya, pembuat game harus mengerti bagaimana proses pengulangan yang terjadi dalam suatu game, mengerti bagaimana sistem layer bekerja, mengerti bagaimana menggerakkan suatu objek di game, dan sebagainya.<br />
<a name='more'></a><br />
<br />
Untuk game yang menginginkan adanya animasi yang kompleks, pembuat game harus mengerti konsep FPS ( <i>frame per second</i>) dalam menampilkan gerakkan pada sebuah game.<br />
<br />
dan, hal yang penting dalam sebuah game adalah <i>collision</i> <i>detection</i> (deteksi tabrakan). Biasanya, terjadi pada saat dua objek saling bertemu satu sama lain. contohnya, ketika player ingin melewati pintu. pastinya harus ada pencegahan untuk lewat sebelum pintu dibuka oleh player.<br />
<br />
<br />
<span style="font-size: x-small;">Sumber: Majalah PC Media</span></div>Qoudithttp://www.blogger.com/profile/14184280816380218115noreply@blogger.com1tag:blogger.com,1999:blog-1710390772036189038.post-68219952284425413062012-07-28T00:00:00.000+07:002012-07-28T00:14:38.850+07:00Bahasa JAVA pada Game<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA6lFRwX7bIQvJSOyN7AIaw97C92UFQSGlcNDMHkH0H4thLX1q7L7vp9pJ26RdD24iJJyvO-51jnFP-aQWPw8KdPD5K2mw_uiEIXZkSx0R-vjtZ0fJXyg8cjrMmN5MgdpyDdjBHcpz-ABe/s1600/java-duke-logo.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA6lFRwX7bIQvJSOyN7AIaw97C92UFQSGlcNDMHkH0H4thLX1q7L7vp9pJ26RdD24iJJyvO-51jnFP-aQWPw8KdPD5K2mw_uiEIXZkSx0R-vjtZ0fJXyg8cjrMmN5MgdpyDdjBHcpz-ABe/s200/java-duke-logo.png" width="200" /></a></div>
Jujur aja, Saya sendiri belum pernah buat game pake bahasa ini.<br />
Tapi, berhubung nemu artikel ini dimajalah PC Media. Saya tertarik untuk menulisnya diblog. Mari mulai...<br />
<div>
<br />
<br /></div>
<div>
JAVA adalah sebuah bahasa pemrograman tingkat tinggi yang mirip dengan C atau C++.<br />
Alasan menggunakan bahasa ini untuk membuat game karena kelebihannya yaitu;<br />
<br />
<a name='more'></a><br /></div>
<div style="text-align: left;">
<ul style="text-align: left;">
<li><span style="background-color: white;">Dapat berjalan diberbagai platform</span></li>
<li>Bahasa pemrograman berorientasi objek</li>
<li>JAVA API</li>
</ul>
Selain kelebihan, JAVA juga memiliki kelemahan diantaranya;</div>
<div style="text-align: left;">
<ul style="text-align: left;">
<li>JAVA lebih lambat daripada C atau C++</li>
<li>Boros memory</li>
<li>Tingkat bahasa yang terlalu tinggi</li>
</ul>
<div>
Nah, baru segini nih yang bisa ditulis. Lain waktu kalo ada kesempatan, Saya perjelas ya... :D</div>
</div>
</div>Qoudithttp://www.blogger.com/profile/14184280816380218115noreply@blogger.com0tag:blogger.com,1999:blog-1710390772036189038.post-2032910180972525712012-07-27T23:47:00.003+07:002012-07-27T23:48:16.189+07:00Game pada PC<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div style="text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmt0p8zrP4nDHB3fA7KuFcaT6LgsfFPh_hlY9lpVAFk_DrtjnJVkgSF6iRipF5V7faRtehR12dlQ2uIlQz8t9ZuxYUAhbGVO_ErqTyrIoJVSmu3LlsiqhZg02hpqB3PfOLaLu6gXh-Ao0O/s1600/needforspeedhotpursuitlimitededition.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmt0p8zrP4nDHB3fA7KuFcaT6LgsfFPh_hlY9lpVAFk_DrtjnJVkgSF6iRipF5V7faRtehR12dlQ2uIlQz8t9ZuxYUAhbGVO_ErqTyrIoJVSmu3LlsiqhZg02hpqB3PfOLaLu6gXh-Ao0O/s200/needforspeedhotpursuitlimitededition.jpg" width="141" /></a></div>
Beberapa waktu yang lalu, Saya sempat menyingung tentang teknologi permainan.<br />
Kali ini, Saya ingin memberi sedikit saran tentang game pada PC.<br />
<br />
Ketika Kamu ingin membeli sebuah game untuk PC, hal kedua yang mesti diperhatikan setelah memilih kaset adalah, spesifikasi hardware (perangkat keras).<br />
Ya, sebelum memantapkan hati untuk membelinya, spesifikasi hardware memang perlu diperhatikan. Hal ini untuk menghindari ketidakcocokan game yang sudah dibeli dengan PC.<br />
<a name='more'></a><br />
<br />
Biasanya, daftar spesifikasi yang dibutuhkan ditulis dibelakang bungkus CD/DVD. Contohnya seperti ini:<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgdeLCXngxE-jnfPWRoYetCdqeYu6OK-PLtzMfrgpSzYFPL7KtjPfPOZxu59XkUATX7NRuFR4ZDYf_fs5HQMBaW2BzX6-Wjo4NXn6usffKHOLuy8ZH-bXq15Gg-uy6Cly54EIPJpqpKibn/s1600/Spesifikasi_Game_counter_strike_online_download_dari_www.bisa-it.tk.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="101" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgdeLCXngxE-jnfPWRoYetCdqeYu6OK-PLtzMfrgpSzYFPL7KtjPfPOZxu59XkUATX7NRuFR4ZDYf_fs5HQMBaW2BzX6-Wjo4NXn6usffKHOLuy8ZH-bXq15Gg-uy6Cly54EIPJpqpKibn/s320/Spesifikasi_Game_counter_strike_online_download_dari_www.bisa-it.tk.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Spesifikasi CS-Online</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3Lw1dOzdYMNKpBZjzn6ZOnM7zoQrYvRP30A3kEkNSVxKHt0guZy8PDzUyjClMiUvboZoKEDIGgxeS2vb24vWLlv7g7Q5Xrartykqf6Xtyf6pj70wr1xHOIHzbde3TcknSAXgRDQRTMX-x/s1600/Free+Download+Games+The+Incredible+Hulk+Full+Version+cover.jpg" imageanchor="1" style="background-color: white; margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3Lw1dOzdYMNKpBZjzn6ZOnM7zoQrYvRP30A3kEkNSVxKHt0guZy8PDzUyjClMiUvboZoKEDIGgxeS2vb24vWLlv7g7Q5Xrartykqf6Xtyf6pj70wr1xHOIHzbde3TcknSAXgRDQRTMX-x/s200/Free+Download+Games+The+Incredible+Hulk+Full+Version+cover.jpg" width="141" /></a></div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF0ntIX2lUp9ciHBStUahFH-R3E_WlGiUh8vzdKECKxjbP5Ky4Yv8KyGFgYf1hphuW7B3TOMCp4aybQ5HMFpDPzU1q3Rx6bLzAqova0gIVeXPai3BRHc_hodd3XiRyEEOpOs9OBXzC_ZYa/s1600/sims3cover.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF0ntIX2lUp9ciHBStUahFH-R3E_WlGiUh8vzdKECKxjbP5Ky4Yv8KyGFgYf1hphuW7B3TOMCp4aybQ5HMFpDPzU1q3Rx6bLzAqova0gIVeXPai3BRHc_hodd3XiRyEEOpOs9OBXzC_ZYa/s200/sims3cover.jpg" width="141" /></a></div>
</div>Qoudithttp://www.blogger.com/profile/14184280816380218115noreply@blogger.com0tag:blogger.com,1999:blog-1710390772036189038.post-14134614231918493842012-03-18T10:21:00.001+07:002012-03-18T10:22:11.973+07:00Teknologi Permainan<div dir="ltr" style="text-align: left;" trbidi="on">Kalian suka bermain permainan?<br />
<div>Minimal, pernah memainkan sebuah permainan?</div><div><br />
</div><div>Bermain permainan adalah kegiatan yang menyenangkan. Tahukah kalian, permainan yang ada dizaman sekarang sangatlah berbeda dengan zaman orang tua kita masih kecil? Permainan zaman orang tua kita dulu, tidaklah semodern dengan zaman sekarang. Setiap beberapa tahun sekali, ada saja konsol permainan yang dikeluarkan oleh vendor.</div><div><br />
</div><div>Mulai dari konsol yang terkenal Playstation (PS), Nintendo, XBOX, dll. Semuanya merupakan konsol permainan yang biasa dimiliki oleh anak-anak zaman sekarang. Tapi, apakah kalian tahu teknik pembuatan dan bahasa pemrograman yang digunakan untuk membuat permainan?...<br />
<a name='more'></a></div><div><br />
</div><div>Tahap membuat permainan:</div><div><ol><li>Tentukan genre/jenis permainan</li>
<li>Tentukan tool/alat yang akan digunakan</li>
<li>Tentukan gameplay permainan</li>
<li>Tentukan grafis yang ingin digunakan</li>
<li>Tentukan suara</li>
<li>Tentukan perencanaan waktu</li>
<li>Proses Pembuatan</li>
<li>Publishing</li>
</ol><div>Bahasa pemrograman yang digunakan:</div></div><div style="text-align: left;"><ul style="text-align: left;"><li>C++</li>
<li>Java</li>
<li>Python</li>
<li>Ruby</li>
<li>dll</li>
</ul><div>Nah, setelah kalian mengetahui mengetahui tahap pembuatan dan bahasa pemrograman yang digunakan dalam membuat permainan. Ada beberapa hal yang harus kalian ketahui dalam membuat permainan.</div><div><ol style="text-align: left;"><li>Memiliki konsep yang matang</li>
<li>Permainan tidak harus fun untuk yang memainkan, tetapi harus juga fun untuk yang membuat</li>
<li>Buat permainan yang mengandung pendidikan</li>
</ol><div>Menarik bukan?</div></div><div><br />
</div><div><br />
</div><div><span style="font-size: x-small;">Sumber:</span></div><div><span style="font-size: x-small;"><a href="http://bahaskomputer.blogspot.com/2009/05/tahap-pembuatan-game.html">http://bahaskomputer.blogspot.com/2009/05/tahap-pembuatan-game.html</a></span></div><div><a href="http://ask.gamedevid.org/question/2/apa-saja-yang-harus-diketahui-saat-memulai-gamedev"><span style="font-size: x-small;">http://ask.gamedevid.org/question/2/apa-saja-yang-harus-diketahui-saat-memulai-gamedev</span></a></div></div></div>Qoudithttp://www.blogger.com/profile/14184280816380218115noreply@blogger.com0tag:blogger.com,1999:blog-1710390772036189038.post-42739973795121948152012-01-08T02:03:00.000+07:002012-01-08T02:03:20.815+07:00Keseluruhan Desain Pemodelan Grafik<div dir="ltr" style="text-align: left;" trbidi="on">Pada postingan yang lalu, Saya sempat membahas tentang pemodelan desain grafik. Mulai dari pengertian sampai aplikasi yang memiliki hubungan erat dengan pemodelan desain grafik. Kali ini Saya ingin memberitahu tentang desain pemodelan grafik secara keseluruhan dari tulisan yang pernah dibuat sebelumnya.<br />
<br />
<span style="font-family: inherit;"><span style="background-color: white; color: #222222; line-height: 18px; text-align: -webkit-center;"><a href="http://qoudit.blogspot.com/2011/10/apa-itu-pemodelan-desain-grafik.html" target="_blank">Pemodelan desain grafik</a> adalah proses menciptakan model dari objek-objek 2D dan 3D, sehingga objek tersebut memiliki makna</span><span style="background-color: white; color: #222222; line-height: 18px; text-align: -webkit-center;">. dalam pemodelan desain grafik, ada 2 jenis gambar yaitu, vektor dan bitmap. Gambar yang dihasilkan bisa disimpan dalam format vektor atau bitmap. jika ingin <a href="http://qoudit.blogspot.com/2011/10/perubahan-gambar.html" target="_blank">merubah format</a> cukup mengonvert gambar ke format yang diinginkan.</span></span><br />
<a name='more'></a><br />
<span style="font-family: inherit;"><span style="background-color: white; color: #222222; line-height: 18px; text-align: -webkit-center;">Tidak hanya berhubungan dengan komputer, pemodelan desain grafik pun memiliki hubungan dengan <a href="http://qoudit.blogspot.com/2011/11/desain-pemodelan-grafik-dan-budaya.html" target="_blank">budaya</a>. misalnya, motif yang terdapat pada batik. DPG juga berhubungan dengan mata kuliah yang lain seperti, <a href="http://qoudit.blogspot.com/2011/11/sepertinya-desain-pemodelan-grafik.html" target="_blank">Interaksi Manusia Komputer</a> (IMK).</span></span><br />
<span style="font-family: inherit;"><span style="background-color: white; color: #222222; line-height: 18px; text-align: -webkit-center;">Salah satu contoh aplikasi DPG yang juga berhubungan dengan IMK adalah <a href="http://qoudit.blogspot.com/2011/12/hello-etoys.html" target="_blank">EToys</a>. Dan salah satu contoh aplikasi pemodelan 3D dalam DPG adalah <a href="http://qoudit.blogspot.com/2011/12/blender-aplikasi-grafis-3d-gratis-yang.html" target="_blank">blender</a>.</span></span><br />
<span style="font-family: inherit;"><span style="background-color: white; color: #222222; line-height: 18px; text-align: -webkit-center;"><br />
</span></span><br />
<span style="font-family: inherit;"><span style="background-color: white; color: #222222; line-height: 18px; text-align: -webkit-center;">Bagi Saya, desain pemodelan grafik memiliki peranan penting dalam mendesain bagian komputer. Baik mendesain Hardware (tampilannya, kenyamanan dalam mengunakan) dan mendesain software (tampilan GUI, kemudahan dalam menggunakan). </span></span></div>Qoudithttp://www.blogger.com/profile/14184280816380218115noreply@blogger.com0tag:blogger.com,1999:blog-1710390772036189038.post-23317714583485508242011-12-15T14:44:00.006+07:002011-12-15T15:28:00.895+07:00Apa itu Open Source?<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: right;"></div><table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: right; margin-left: 1em; text-align: right;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF99Jm-WOdQVlQ5Ypsc0Ss_Imlm9op626FR7ubNCzWW4c7em08MVNprhLsEyeBM2Zr_4gRWd3YnZWHEFA7opLjJ9im8EKxBxseM9pisCiTwEFmHhyphenhyphenlvpJJnYhQZwzB1dPplDdnGwirnUKU/s1600/220px-Opensource.svg.png" imageanchor="1" style="clear: right; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF99Jm-WOdQVlQ5Ypsc0Ss_Imlm9op626FR7ubNCzWW4c7em08MVNprhLsEyeBM2Zr_4gRWd3YnZWHEFA7opLjJ9im8EKxBxseM9pisCiTwEFmHhyphenhyphenlvpJJnYhQZwzB1dPplDdnGwirnUKU/s200/220px-Opensource.svg.png" width="200" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Logo Open Source</td></tr>
</tbody></table><div style="text-align: justify;">Akhir-akhir ini kalian pasti sering mendengar tentang <b>Open Source </b>(Sumber Terbuka).</div><div style="text-align: justify;">Ya, saat ini Open Source memang sedang menjadi bahan pembicaraan yang hangat di Negara ini. Bukan karena dia adalah teknologi yang baru tapi, karena kebebasan dalam mengedit/mengubah <b>Source Code</b> (Kode Sumber) nya.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Saat ini, masih banyak orang yang salah mengerti mengenai open source sehingga, tidak ada yang tertarik untuk menggunakannya. Bahkan, tidak tertarik pula untuk menjadi pengembangnya.<br />
<a name='more'></a>Menurut <a href="http://id.wikipedia.org/wiki/Sumber_terbuka" target="_blank">sumber</a> yang gua baca, pengertian Open Source atau Sumber Terbuka adalah:<br />
<blockquote class="tr_bq">pengembangan yang tidak terkoordinasi oleh suatu individu atau lembaga pusat, tetapi oleh para pelaku yang bekerja sama dengan memanfaatkan kode sumber yang tersebar dan tersedia bebas.</blockquote></div><div style="text-align: justify;">Masih banyak orang yang beranggapan bahwa open source adalah produk gratisan, biasanya produk yang gratisan itu kurang bermutu. Apalagi kalo mau menjadi pengembang dari open source, kamu harus siap membuat program tanpa dibayar alias harus buat program yang sifatnya gratis.</div><div style="text-align: justify;">Asal kalian tahu, semua anggapan diatas adalah salah besar. Kalo kalian membaca pengertian tentang open source yang ada diatas, pasti mengerti inti dari open source. </div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Inti dari open source adalah source code yang ada pada program yang telah dibuat, boleh dibuka oleh siapapun yang ingin ikut mengembangkan program tersebut. Karena, pengembangan program dalam dunia open source tidak berpatokan pada satu individu/lembaga pusat saja. Semua dapat ikut menjadi pengembang program. Bisa dibilang open source itu sama seperti gotong royong, siapapun boleh ikut membantu.. :D</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Open source bersifat <b>free</b>, maksudnya adalah <b>bebas</b> <b>bukan gratis</b>. Kalian diijinkan melihat source code dari sebuah program dengan legal. Baik program tersebut berbayar atau pun gratis, asalkan berlabel open source.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Dalam dunia open source, tidak semua software gratis ada juga yang berbayar. Hanya saja, yang gratis memang lebih banyak jumlahnya.. :D</div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo7IPtUOfEi5t4-5ggswuYpNGlP4JwO7OEf5Uqt8LuKIhojQwWsL0HH1q4fspxB-xPOF5KZ_ZsRSrIQ22dOjI_8lKRvvWSASzVTPB-I5_yY1QiwAIzRNQvgJxM1DtybQOjhD07yd6CvTOZ/s1600/opensource.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="256" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo7IPtUOfEi5t4-5ggswuYpNGlP4JwO7OEf5Uqt8LuKIhojQwWsL0HH1q4fspxB-xPOF5KZ_ZsRSrIQ22dOjI_8lKRvvWSASzVTPB-I5_yY1QiwAIzRNQvgJxM1DtybQOjhD07yd6CvTOZ/s320/opensource.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Aplikasi open source</td></tr>
</tbody></table><div style="text-align: justify;">Berikut beberapa daftar software yang Berbayar dan gratis, namun berlabel open source:</div><br />
<ul style="text-align: left;"><li style="text-align: justify;">Freeware</li>
<ul><li style="text-align: justify;">Blender</li>
<li style="text-align: justify;">GIMP</li>
<li style="text-align: justify;">Libre Office</li>
<li style="text-align: justify;">Inkscape</li>
<li style="text-align: justify;">VLC</li>
<li style="text-align: justify;">Wine</li>
<li style="text-align: justify;">Open Arena</li>
<li style="text-align: justify;">Open Transport Tycoon Deluxe</li>
</ul><li style="text-align: justify;">Buy</li>
<ul><li style="text-align: justify;">Crossover</li>
<li style="text-align: justify;">World of Goo</li>
</ul></ul></div>Qoudithttp://www.blogger.com/profile/14184280816380218115noreply@blogger.com1tag:blogger.com,1999:blog-1710390772036189038.post-69402954033439112512011-12-14T14:16:00.005+07:002011-12-14T16:09:01.215+07:00Memformat Media Penyimpanan Melalui Terminal<div dir="ltr" style="text-align: left;" trbidi="on">hmmm...<br />
pernah memformat Flashdisk atau harddisk?<br />
<br />
memformat merupakan kegiatan yang mudah. Kalian cukup me-klik kanan pada media penyimpanan yang ingin di format, lalu memilih menu format.<br />
<br />
Cara diatas dapat dilakukan melalui desktop berbasis GUI (Graphical User Interface), tapi pernahkah kalian mencoba format melalui CLI (Command Line Interface)? Nah, sekarang kita coba yang namanya format melalui CLI.<br />
<a name='more'></a><br />
<br />
Cekidot...!!<br />
<br />
<ul style="text-align: left;"><li>Buka terminal, lalu ketikkan perintah <b>dmesg|egrep hd.\|sd</b>. Perintah ini berfungsi untuk melihat daftar media penyimpanan yang terhubung dengan komputer kita.</li>
</ul><br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_gNgDB4071fXa3FRF16ghX7R5Go2pYD0fdR5fPgLGY-s_ckkhy4tJyZ6_XxHcstmQSExCUh00DPqj4sKEZEANQYdK6TppYuQm65niWHxcWch1PAwsbQG5ZIT7ZCdqhzQ-Hmew4oczt6zP/s1600/Gambar-Layar.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_gNgDB4071fXa3FRF16ghX7R5Go2pYD0fdR5fPgLGY-s_ckkhy4tJyZ6_XxHcstmQSExCUh00DPqj4sKEZEANQYdK6TppYuQm65niWHxcWch1PAwsbQG5ZIT7ZCdqhzQ-Hmew4oczt6zP/s320/Gambar-Layar.png" width="304" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 1. 1 Bagian atas</td></tr>
</tbody></table><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnOmbwWshsQjnLv7ojeP6ofMO-eJDvjx4XougpXM5PyaOatVMCX-jWazpPyesvV0BQZVITBvvm4HbYTcj8WbE2mGSd4xq1k7gVO3rYbeqyMEJNbk3fPlhjYTZEZkMvhb-JMxgWEA2o5h1y/s1600/Gambar-Layar-1.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="185" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnOmbwWshsQjnLv7ojeP6ofMO-eJDvjx4XougpXM5PyaOatVMCX-jWazpPyesvV0BQZVITBvvm4HbYTcj8WbE2mGSd4xq1k7gVO3rYbeqyMEJNbk3fPlhjYTZEZkMvhb-JMxgWEA2o5h1y/s320/Gambar-Layar-1.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 1.2 Bagian bawah</td></tr>
</tbody></table><br />
<div style="text-align: left;"></div><ul style="text-align: left;"><li> Nah, setelah muncul daftar media penyimpanan, hal yang perlu dilakukan berikutnya adalah memilih media penyimpanan yang ingin di format. Pada kesempatan kali ini, Saya akan mem-format harddisk external yang berkapasitas 500GB. Biasanya partisi media penyimpanan dibaca sebagai partisi <b>sd</b>. untuk media penyimpanan internal biasanya terbaca sebagai <b>sda</b>, media penyimpanan external ada dua jenis, <b>sdb</b> untuk flashdisk dan <b>sdc</b> untuk harddisk external.</li>
<li>untuk melakukan perintah format, cukup mengetikkan perintah: <b>mkfs.vfat /dev/sdc</b></li>
</ul><br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibVhZyC3-5goOp2J6c5yFh4dtlNdyi6W17v8CcMX1LcipQGdH5S-x9odKH1KMzWgFXFANOiKjqKSRf07XRxtHdwC-6jBhn9dsV6_Qu1qZA19iSLHFUzlIYbXFiIJ6aMezaXPJH4qCRBA6-/s1600/Gambar-Layar-2.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="45" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibVhZyC3-5goOp2J6c5yFh4dtlNdyi6W17v8CcMX1LcipQGdH5S-x9odKH1KMzWgFXFANOiKjqKSRf07XRxtHdwC-6jBhn9dsV6_Qu1qZA19iSLHFUzlIYbXFiIJ6aMezaXPJH4qCRBA6-/s320/Gambar-Layar-2.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar. 2 Perintah format</td></tr>
</tbody></table><ul style="text-align: left;"><li>Di terminal, tertulis perintah tambahan, yaitu <b>-I</b>. hal ini Saya lakukan karena, ketika harddisk diformat dengan cara diatas sempat muncul tulisan: <b>mkfs.vfat: Device partition expected, not making filesystem on entire device '/dev/sdc' (use -I to override)</b>. makanya, Saya coba beri perintah <b>-I</b> agar si harddisk bisa diformat.</li>
<li>Oh iya, jika perintah yang Kamu masukkan hasilnya seperti pada Gambar 2, artinya Kamu berhasil mem-format media penyimpanan.</li>
<li>Selamat mencoba.... <b>:D</b></li>
</ul><div>nb: Perlu dicatat, Saya menggunakan sistem operasi Linux distro BlankOn Pattimura. Dan, jika ingin mem-format media penyimpanan, Anda harus menjadi root dan media penyimpanan yang akan di format wajib di unmount terlebih dahulu.</div><div><b><br />
</b></div><div><span class="Apple-style-span" style="font-size: x-small;">Sumber: <a href="http://linuxhackingtutorial.blogspot.com/2011/07/cara-format-plashdisk-atau-hardisk.html">http://linuxhackingtutorial.blogspot.com/2011/07/cara-format-plashdisk-atau-hardisk.html</a></span></div></div>Qoudithttp://www.blogger.com/profile/14184280816380218115noreply@blogger.com0tag:blogger.com,1999:blog-1710390772036189038.post-88674875341460091842011-12-11T00:11:00.000+07:002011-12-11T00:11:07.779+07:00Membuat objek sederhana menggunakan blender: Lemari<div dir="ltr" style="text-align: left;" trbidi="on">hmmm...<br />
kalian tahu lemari? ya, benda yang satu ini memang memiliki fungsi yang sangat penting. Bayangkan, jika tidak ada benda ini, baju kalian pasti berantakan dan mudah terkena debu. belum lagi kamar yang terlihat tidak rapi karena, baju berserakan disana dan disini.<br />
<br />
oke, tanpa perlu berbasa-basi lagi, Saya akan mencoba membuat benda yang satu ini menggunakan aplikasi blender. Perhatikan ya... :D<br />
<br />
Pertama-tama, jalankan program blender. Saat ini, Saya menggunakan versi 2.60<br />
<a name='more'></a><br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg95DCcpN9oK6Est7sl9DMYT23iCd0N3vAhZ8fNadPsyKzB3hZCykL2-Zwq2M0104yac6i0JQrbopQJ3sc9WQo3UKH4v2HeiKEX96vgN91Z6p0qzo7WNhaqo9KVcppLJYN4tLgrcPMwUls9/s1600/Gambar-Layar-8.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg95DCcpN9oK6Est7sl9DMYT23iCd0N3vAhZ8fNadPsyKzB3hZCykL2-Zwq2M0104yac6i0JQrbopQJ3sc9WQo3UKH4v2HeiKEX96vgN91Z6p0qzo7WNhaqo9KVcppLJYN4tLgrcPMwUls9/s200/Gambar-Layar-8.png" width="194" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 1. Tampilan pembuka</td></tr>
</tbody></table><br />
Tampilan awal blender biasanya, selalu seperti ini (Gambar 2).<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid1leqZfq6jYQSEiesaBDJn7UpvKki-rV0Rv3GzBAEy9c2aC_YBrn3kw3IN61NrnhsLkgE6Sy9WA0bF6iYAjYFgbSWZUAAjo5RyXHqaY3ETHcXr7jhP0Mtq2lXT7pm2Qq3oUbjIzYn3TWS/s1600/Gambar-Layar-9.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="201" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid1leqZfq6jYQSEiesaBDJn7UpvKki-rV0Rv3GzBAEy9c2aC_YBrn3kw3IN61NrnhsLkgE6Sy9WA0bF6iYAjYFgbSWZUAAjo5RyXHqaY3ETHcXr7jhP0Mtq2lXT7pm2Qq3oUbjIzYn3TWS/s320/Gambar-Layar-9.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 2. Tampilan awal</td></tr>
</tbody></table> Pilih objek kubus dengan cara, klik kanan. atau jika ingin langsung, kamu bisa langsung menekan tombol <b>tabs</b> untuk masuk ke <b>edit mode</b>. Jika objek sudah masuk kedalam <b>edit mode</b>, tampilan si objek akan seperti dibawah ini (Gambar 3).<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8Bn8SLH_cbmODug-6ANdQChr5eLH9fN9ptwVthSbwhlseURJnwnV2uhu0YGCAuyDRPrV7VSCbEr8bWtiZegRyrMy32H-fp6d18CFarTsZDFVNLlMeBkfoddGtOq9Svshu2KoxyzVndPhc/s1600/Gambar-Layar-10.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8Bn8SLH_cbmODug-6ANdQChr5eLH9fN9ptwVthSbwhlseURJnwnV2uhu0YGCAuyDRPrV7VSCbEr8bWtiZegRyrMy32H-fp6d18CFarTsZDFVNLlMeBkfoddGtOq9Svshu2KoxyzVndPhc/s320/Gambar-Layar-10.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 3. Seleksi objek</td></tr>
</tbody></table> disini, kita akan menggunakan fungsi <b>extrude</b>. maka bagian yang diseleksi hanya atasnya saja. cukup <b>klik kanan + tahan shift</b> pada bagian titik-titik yang akan diseleksi. hingga menampilkan hasil seperti berikut (Gambar 4)<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQbLWHBOU-dBnjWAe3-0I3AZ4rBrPPoIDT9evSBUsjw5WmJ4_16AEskJnJlG3nUYpXbbhWF9qAJTEZe_Q1BibVAenKJrs_R6xFwo_htgYdy-1i-wd7Hirg_o-P-6bsRak-fPsZKlZkgoTo/s1600/Gambar-Layar-11.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="273" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQbLWHBOU-dBnjWAe3-0I3AZ4rBrPPoIDT9evSBUsjw5WmJ4_16AEskJnJlG3nUYpXbbhWF9qAJTEZe_Q1BibVAenKJrs_R6xFwo_htgYdy-1i-wd7Hirg_o-P-6bsRak-fPsZKlZkgoTo/s320/Gambar-Layar-11.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 4. Seleksi bagian atas</td></tr>
</tbody></table> setelah diseleksi, tekan tombol <b>E</b> untuk me-<b>extrude</b> bagian yang sudah diseleksi sebelumnya. kemudian, tarik ke atas.<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFjDBexFaa4oVxdaAiCrdSsDwpHb7_wrbXS6IIyMVDvRbzhY2PXvdwqU10FrgMa1tPsNjhFlKtL9_eYUJo1-EcDk6nZZ4JiOJKnYZwSD4anssLZsRxh83EFPGT2K3eflmXF6s1sGEoV-yT/s1600/Gambar-Layar-12.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFjDBexFaa4oVxdaAiCrdSsDwpHb7_wrbXS6IIyMVDvRbzhY2PXvdwqU10FrgMa1tPsNjhFlKtL9_eYUJo1-EcDk6nZZ4JiOJKnYZwSD4anssLZsRxh83EFPGT2K3eflmXF6s1sGEoV-yT/s320/Gambar-Layar-12.png" width="274" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 5. extrude bagian atas</td></tr>
</tbody></table> setelah me-<b>extrude</b> bagian atas. kita akan membuat bagian dalam dan pintu dari lemari. hal yang perlu dilakukan adalah me-<b>extrude </b>bagian depan, setelah selesai delete pada bagian yang di <b>extrude </b>tadi (Gambar 6). kemudian, <b>extrude </b>ulang pada bagian sisi kiri depan , sehingga didapati bentuk pintu dari objek lemari (Gambar 7).<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRNufrzGbS5wYi6AlaBgyuHyLv5W2Rl4eKIAm33SBP_Esn_x9Sh41orGRAugyXg4eLOddlPy5i-jmtat6xeiEA8me6ORC2okf7DK1Qc-cOqiZFkbnPsyww1Mwhyphenhyphenfhmy8twgRJnolzJox94/s1600/Gambar-Layar-13.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRNufrzGbS5wYi6AlaBgyuHyLv5W2Rl4eKIAm33SBP_Esn_x9Sh41orGRAugyXg4eLOddlPy5i-jmtat6xeiEA8me6ORC2okf7DK1Qc-cOqiZFkbnPsyww1Mwhyphenhyphenfhmy8twgRJnolzJox94/s1600/Gambar-Layar-13.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 6. mendelete bagian depan</td></tr>
</tbody></table><br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbM7caF1vzHDg68rTYGy5ai20U6oG6hi6beCPiqA0HzJ-GM7l4hyphenhyphenyfMWgmpQNx5HRFesEpBZHuWKjGLV989xW7tjMoOtnGxPGKkJUXxxFRbK2wf7m4PDRPpiZFs_z8oIH9eKSTMSkhC99L/s1600/Gambar-Layar-14.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="289" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbM7caF1vzHDg68rTYGy5ai20U6oG6hi6beCPiqA0HzJ-GM7l4hyphenhyphenyfMWgmpQNx5HRFesEpBZHuWKjGLV989xW7tjMoOtnGxPGKkJUXxxFRbK2wf7m4PDRPpiZFs_z8oIH9eKSTMSkhC99L/s320/Gambar-Layar-14.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 7. membuat pintu lemari</td></tr>
</tbody></table>Ini contoh lemari yang sudah jadi (Gambar 8). kalian pun bisa melihat hasilnya dengan cara me-render si objek, caranya dengan menekan tombol <b>F12 </b>(Gambar 9). <br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9EbRgawhm4Dbe4oSuNEq9TxgxmxnYjlKiU3oxs55n57bKAr7lP8Q7-K4kNYimq8ytnNq-RGDuS4_J43DwJnVnxFI0EeBljiT5rYacqxU3554pGNG5JF2M8ku11e2Ewk6BUNKOFFaCuGsR/s1600/Gambar-Layar-15.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="202" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9EbRgawhm4Dbe4oSuNEq9TxgxmxnYjlKiU3oxs55n57bKAr7lP8Q7-K4kNYimq8ytnNq-RGDuS4_J43DwJnVnxFI0EeBljiT5rYacqxU3554pGNG5JF2M8ku11e2Ewk6BUNKOFFaCuGsR/s320/Gambar-Layar-15.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 8. Camera mode</td></tr>
</tbody></table><br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQc2HHlbJHrLY8f84lMmzp_8NBqB6I-fv8AQPwo98SkthJMJvyLq09UqKrpSKBMZ-pNL8xKKl5zqPiyqMvTImWdYmo_OQS83foUGFIi_LTzqk-6b_nz9D4HcESC74xWAD0hygPTBuFOoUQ/s1600/Gambar-Layar-16.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="181" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQc2HHlbJHrLY8f84lMmzp_8NBqB6I-fv8AQPwo98SkthJMJvyLq09UqKrpSKBMZ-pNL8xKKl5zqPiyqMvTImWdYmo_OQS83foUGFIi_LTzqk-6b_nz9D4HcESC74xWAD0hygPTBuFOoUQ/s320/Gambar-Layar-16.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 9. Setelah dirender</td></tr>
</tbody></table><br />
</div>Qoudithttp://www.blogger.com/profile/14184280816380218115noreply@blogger.com1tag:blogger.com,1999:blog-1710390772036189038.post-56877886912608123222011-12-10T23:33:00.002+07:002011-12-10T23:42:27.901+07:00Blender, Aplikasi grafis 3D gratis yang powerful...!<div dir="ltr" style="text-align: left;" trbidi="on">weh-weh-weh, setelah memposting tentang Etoys sekarang saatnya memposting tentang blender.. :D<br />
<br />
Pasti pada bingung ya? Hha... tenang, blender yang satu ini masih berhubungan dengan aplikasi grafis di komputer.<br />
<br />
Blender adalah aplikasi grafis 3D gratis yang populer dikalangan desainer. Perangkat ini dapat <br />
<a name='more'></a>digunakan untuk membuat game. Blender berada dibawah GPL (General Public License) dan bersifat <b>Open Source</b>.<br />
Berikut ini contoh film dan permainan yang dibuat menggunakan blender:<br />
<br />
<br />
<ul style="text-align: left;"><li>Film</li>
</ul><div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/HOfdboHvshg?feature=player_embedded' frameborder='0'></iframe></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;"></div><ul style="text-align: left;"><li>Permainan</li>
</ul><div style="text-align: center;"><iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/c7RRaEvWqJc?feature=player_embedded' frameborder='0'></iframe></div><br />
<br />
<br />
<span class="Apple-style-span" style="font-size: x-small;">Sumber: <a href="http://id.wikipedia.org/wiki/Blender_(perangkat_lunak)">http://id.wikipedia.org/wiki/Blender_(perangkat_lunak)</a></span></div>Qoudithttp://www.blogger.com/profile/14184280816380218115noreply@blogger.com0tag:blogger.com,1999:blog-1710390772036189038.post-80619116601281710122011-12-07T20:50:00.002+07:002011-12-07T20:56:22.578+07:00Belajar menggunakan Etoys<div dir="ltr" style="text-align: left;" trbidi="on">Hha...<br />
<div style="margin-bottom: 0cm;">Selamat datang di postingan Etoys part 2.</div><div style="margin-bottom: 0cm;">Tanpa perlu berbasa-basi lagi, kita akan mulai menggunakan </div><div style="margin-bottom: 0cm;"><br />
</div><div align="CENTER" style="margin-bottom: 0cm;"><b>- ETOYS -</b></div><div align="LEFT" style="margin-bottom: 0cm;"><br />
</div><div align="LEFT" style="margin-bottom: 0cm;">Oke, buka program Etoys sekarang juga...!</div><div align="LEFT" style="margin-bottom: 0cm;">Pilih "Make A Project" untuk membuat sebuah project baru.<br />
<a name='more'></a></div><div align="LEFT" style="margin-bottom: 0cm;"><br />
</div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMVUsjtObEfCfRFFGBT6XqwPqYyNUXlSnzyeSbaQak5b3zdZaTX4Tt-IR9vJb6vovPNQOctzPuMNDAsOYZky4S_RQi4C6BK3PnKBLWYSJjzW5LfCLNdrba2hzoRVxgLrSq5m0ZqnhlUtA8/s1600/Gambar-Layar.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="156" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMVUsjtObEfCfRFFGBT6XqwPqYyNUXlSnzyeSbaQak5b3zdZaTX4Tt-IR9vJb6vovPNQOctzPuMNDAsOYZky4S_RQi4C6BK3PnKBLWYSJjzW5LfCLNdrba2hzoRVxgLrSq5m0ZqnhlUtA8/s200/Gambar-Layar.png" width="200" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">1. Tampilan Awal</td></tr>
</tbody></table><div align="LEFT" style="margin-bottom: 0cm;"><br />
</div><div align="LEFT" style="margin-bottom: 0cm;">Nah, beri nama untuk project yang kamu buat. Disini, Saya menggunakan nama sendiri "Aditya".</div><div align="LEFT" style="margin-bottom: 0cm;"><br />
</div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRIn6T2FW22-3_b_-a4jsDBuV3iidCPgvXMOE3K1KBhD3ZZfLeEMzfz6NCnO2zrVuiiTmxZSmTWGB6buF2M4rdfuNR8wfxjUukzilxf6aUWDemp3XXhbVfe2tzfpacl61OFvlKAMGOnXbk/s1600/Gambar-Layar-1.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="157" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRIn6T2FW22-3_b_-a4jsDBuV3iidCPgvXMOE3K1KBhD3ZZfLeEMzfz6NCnO2zrVuiiTmxZSmTWGB6buF2M4rdfuNR8wfxjUukzilxf6aUWDemp3XXhbVfe2tzfpacl61OFvlKAMGOnXbk/s200/Gambar-Layar-1.png" width="200" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">2. Tampilan awal project baru</td></tr>
</tbody></table><br />
Setelah memberi nama project, pilih tombol "Make a painting" yang bergambar "Kuas dan pallette" untuk membuat sebuah objek baru (<b>Gambar 3</b>). kemudian buatlah sebuah objek.<br />
<br />
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX0624HOhs_0AOHX62u1qKvjmD5XFvOZF_sQsTmIsWimYqc4SjvRFmgi7C77qnOCj10U5MuTasnc8jgbuhOFFI85arFpUvLd_x5NsBIG0aEWAr4iOk5ZttZkMc4ke3KtnTdm6RUD0fnIhu/s1600/Gambar-Layar-2.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="156" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX0624HOhs_0AOHX62u1qKvjmD5XFvOZF_sQsTmIsWimYqc4SjvRFmgi7C77qnOCj10U5MuTasnc8jgbuhOFFI85arFpUvLd_x5NsBIG0aEWAr4iOk5ZttZkMc4ke3KtnTdm6RUD0fnIhu/s200/Gambar-Layar-2.png" width="200" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">3. Tampilan Make A Painting</td></tr>
</tbody></table><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9JE6CVJ6n1uUpyUsjYkZK8oYgpTeOX2fh3MFm-wzaV8Ft4Wgq-m6icnJ3LCo2JL5JCqJhXDEhyCUD33opvaQs4UvZn4Jq17sg0nFBoub0TaItvlUr3BpKBA6fHtqc0LSM7kHM-5rmPEu6/s1600/Gambar-Layar-3.png" imageanchor="1" style="clear: right; display: inline !important; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="157" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9JE6CVJ6n1uUpyUsjYkZK8oYgpTeOX2fh3MFm-wzaV8Ft4Wgq-m6icnJ3LCo2JL5JCqJhXDEhyCUD33opvaQs4UvZn4Jq17sg0nFBoub0TaItvlUr3BpKBA6fHtqc0LSM7kHM-5rmPEu6/s200/Gambar-Layar-3.png" width="200" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">4. Tampilan objek</td></tr>
</tbody></table> Jika sudah selesai, pilih tombol "Keep" (<b>Gambar 4</b>).<br />
<br />
lalu, klik kanan pada objek yang telah dibuat. kemudian pilih icon dengan lambang mata untuk menampilkan script.<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRY_h5vOczdngSeOCNqtk6ylxLO71Z441YT3-ztWeHvsguvK_aLFZOuzQhrA6wa-codvkplvoEsY8UOI79AYRyX5epLhtuU7u9hCg8wyoi2wlxZ6gDNYJb3fSfIDzMUkmkLws9rm_MrhIz/s1600/Gambar-Layar-4.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="158" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRY_h5vOczdngSeOCNqtk6ylxLO71Z441YT3-ztWeHvsguvK_aLFZOuzQhrA6wa-codvkplvoEsY8UOI79AYRyX5epLhtuU7u9hCg8wyoi2wlxZ6gDNYJb3fSfIDzMUkmkLws9rm_MrhIz/s200/Gambar-Layar-4.png" width="200" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">5. Tampilan ketika di klik kanan</td></tr>
</tbody></table><br />
Setelah muncul script (<b>Gambar 6</b>), Kamu sudah bisa memberi perintah kepada objek.<br />
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5_72zpPfV4dWMl7JKbc-uzee7e3M1UEBcjkrUa__Jg6DqRSwt_NQi2uIyolcani0eIBYrivfhKcNhE4_M-7QCbqBEfxqq50kIB1gLxlpoZRsAiP4oe0FkH4tVdpJPx3IgVOVPflDEUrvw/s1600/Gambar-Layar-5.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="157" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5_72zpPfV4dWMl7JKbc-uzee7e3M1UEBcjkrUa__Jg6DqRSwt_NQi2uIyolcani0eIBYrivfhKcNhE4_M-7QCbqBEfxqq50kIB1gLxlpoZRsAiP4oe0FkH4tVdpJPx3IgVOVPflDEUrvw/s200/Gambar-Layar-5.png" width="200" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">6. Tampilan script</td></tr>
</tbody></table><br />
Untuk memberi perintah pada sebuah objek, cukup dengan menarik keluar script yang ada didalam kotak lalu menyusunnya sehingga menjadi sebuah perintah. Disini, Saya menginginkan si objek bisa berputar mengelilingi sebuah benda yang berada ditengah. Makanya, perintah yang diberikanpun cukup sederhana hanya perintah maju dan perintah belok.<br />
<div class="separator" style="clear: both; text-align: center;"></div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrDsho6vJTp04YHmFHcrntGPvFhL1-KuE_LqytdQ6TEtr_jtO8mWxyXboyTB8f84lWGyduGrrvgNHwJ0xzASevmLkzs0nfrS-OGwfMD81PPlIanYzkHTj4T19C8_WsoPMy6GzeZqNYOFBF/s1600/Gambar-Layar-6.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="157" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrDsho6vJTp04YHmFHcrntGPvFhL1-KuE_LqytdQ6TEtr_jtO8mWxyXboyTB8f84lWGyduGrrvgNHwJ0xzASevmLkzs0nfrS-OGwfMD81PPlIanYzkHTj4T19C8_WsoPMy6GzeZqNYOFBF/s200/Gambar-Layar-6.png" width="200" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">7. Tampilan objek yang sudah diberi script</td></tr>
</tbody></table> Ini tampilan yang sudah jadi. disini, Saya permanis dengan menambahkan planet bumi ditengah-tengahnya... :D<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu37iIeJo2YCMZy0VEOmdYzkTfZ_uk7HcrjUFM0Pjej_FreiYBNjDoNlsTPlQ6exrIXbe0YaLwi4fOaxz9X3wurO3YH6sVPLuNB5U5UwIzpcnyvvRRc-D5T-j2f72hZFV2s9FTzDKOY6h0/s1600/Gambar-Layar-7.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="158" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu37iIeJo2YCMZy0VEOmdYzkTfZ_uk7HcrjUFM0Pjej_FreiYBNjDoNlsTPlQ6exrIXbe0YaLwi4fOaxz9X3wurO3YH6sVPLuNB5U5UwIzpcnyvvRRc-D5T-j2f72hZFV2s9FTzDKOY6h0/s200/Gambar-Layar-7.png" width="200" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">8. Sudah Jadi.... :D</td></tr>
</tbody></table><br />
</div>Qoudithttp://www.blogger.com/profile/14184280816380218115noreply@blogger.com0tag:blogger.com,1999:blog-1710390772036189038.post-9916363086611664212011-12-07T19:16:00.002+07:002011-12-07T21:06:00.385+07:00Hello Etoys....!<div dir="ltr" style="text-align: left;" trbidi="on"><br />
<div style="margin-bottom: 0cm;">Hmm... Etoys, namanya memang tidak terkenal seperti bahasa pemrograman lainnya. </div><div style="margin-bottom: 0cm;"><br />
</div><div style="margin-bottom: 0cm;">Tapi, taukah kalian bahwa bahasa pemrograman ini terkenal dinegara Paman Sam?</div><div style="margin-bottom: 0cm;">Disana, bahasa pemrograman ini diperuntukkan untuk anak sekolah tingkat dasar. Hebat bukan, sejak kecil mereka sudah diperkenalkan dengan pemrograman.</div><div style="margin-bottom: 0cm;"><br />
</div><div style="margin-bottom: 0cm;">Etoys sendiri dibuat oleh MIT (<em style="background-color: white; cursor: pointer; font-style: normal; text-align: -webkit-auto; white-space: nowrap;"><span class="Apple-style-span" style="font-family: inherit;">Massachusetts Institute of Technology</span></em><em style="background-color: white; cursor: pointer; font-family: arial, sans-serif; font-style: normal; text-align: -webkit-auto; white-space: nowrap;">)</em>. Etoys adalah sebuah project yang bertujuan untuk memperkenalkan pemrograman kepada anak kecil. Mereka berupaya membuat bahasa pemrograman yang menarik bagi</div><div style="margin-bottom: 0cm;"></div><a name='more'></a>anak-anak. Karena, yang namanya anak kecil pasti akan cepat bosan bahkan tidak akan tertarik jika harus membuat program dengan menuliskan script yang panjangnya bisa mencapai puluhan bahkan ratusan baris.<br />
<div style="margin-bottom: 0cm;">Nah, dengan alasan inilah Etoys dibuat. Tampilannya yang sangat menarik, pasti akan membuat anak-anak tertarik untuk belajar menggunakannya. Penggunaannya pun sangat mudah, cukup dengan menyusun script yang sudah ada maka objek yang sudah dibuatpun akan bergerak sesuai dengan keinginan si programmer cilik.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4m7NKuYN5DcHY_uJEnHX4kWJYa4pRoaLQEQ2o6gWo8gxVl-mn2jekocHISM1XbkZeCl4m0cagc0526Qab1tQNq3mhjmR_62ZW-xR4x6OmLsEhrIv7Eb6qOC9R0Se-ktnQk5uQt4q-CNmp/s1600/Gambar-Layar.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="252" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4m7NKuYN5DcHY_uJEnHX4kWJYa4pRoaLQEQ2o6gWo8gxVl-mn2jekocHISM1XbkZeCl4m0cagc0526Qab1tQNq3mhjmR_62ZW-xR4x6OmLsEhrIv7Eb6qOC9R0Se-ktnQk5uQt4q-CNmp/s320/Gambar-Layar.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Tampilan awal Etoys</td></tr>
</tbody></table></div><div style="margin-bottom: 0cm;">Software ini tersedia untuk sistem operasi:</div><div style="margin-bottom: 0cm;"></div><ul style="text-align: left;"><li>Linux</li>
<li>Macintosh</li>
<li>Windows</li>
</ul><div>Silahkan berkunjung ke websitenya untuk mengetahui lebih jauh tentang Etoys dan mengunduhnya.</div><div><a href="http://www.squeakland.org/download/">http://www.squeakland.org/download/</a></div><div><br />
</div><div><div style="margin-bottom: 0cm;">Pengen tahu cara menggunakan Etoys....?</div><div style="margin-bottom: 0cm;">Baca postingan <a href="http://qoudit.blogspot.com/2011/12/belajar-menggunakan-etoys.html" target="_blank">berikutnya</a> ya... :D</div></div><br />
</div>Qoudithttp://www.blogger.com/profile/14184280816380218115noreply@blogger.com0tag:blogger.com,1999:blog-1710390772036189038.post-88050818300314602642011-11-10T18:00:00.001+07:002011-11-10T18:01:19.180+07:00Desain Pemodelan Grafik dan Interaksi Manusia dan Komputer (Part 2)<div dir="ltr" style="text-align: left;" trbidi="on"><br />
<div style="margin-bottom: 0in;">Melanjutkan<a href="http://qoudit.blogspot.com/2011/11/sepertinya-desain-pemodelan-grafik.html" target="_blank"> postingan</a> sebelumnya, selain blue screen ada contoh desain yang lain lagi. Misalnya seperti desain mouse yang biasa digunakan sehari-hari. Bentuknya yang disesuaikan dengan lekukan tangan, membuat hardware yang satu ini nyaman untuk digenggam. Terlebih lagi desain mouse untuk gamers. Desain yang dibuatpun khusus, mengingat selama permainan belum selesai mereka harus terus menggenggam mouse tersebut selama beberapa menit bahkan beberapa jam.<br />
<a name='more'></a></div><div style="margin-bottom: 0in;"><br />
</div><br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLQCe6uvuddDEmrUhUzQgrlijAkmrgXabgw9wey8NYqaXbxkalqCIUVZnaSXxxVDjpDgFAPlOYnoYVpOnN9au1pwrJ8g_OpQGXazsuerD5Kd4_V1LPmi64LHgSlUqrqu8Ko8RDNFVwR3xC/s1600/800px-Hand_auflage_pad_pillow.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLQCe6uvuddDEmrUhUzQgrlijAkmrgXabgw9wey8NYqaXbxkalqCIUVZnaSXxxVDjpDgFAPlOYnoYVpOnN9au1pwrJ8g_OpQGXazsuerD5Kd4_V1LPmi64LHgSlUqrqu8Ko8RDNFVwR3xC/s320/800px-Hand_auflage_pad_pillow.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Mouse</td></tr>
</tbody></table><div style="margin-bottom: 0in;"><br />
</div><div style="margin-bottom: 0in;"><br />
</div><div style="margin-bottom: 0in;">Adalagi desain keyboard. Mulai dari jenis QWERTY (paling banyak digunakan saat ini), DVORAK, KLOKENBERG, dll. Pastinya desain dari semua jenis keyboard tersebut sudah dilakukan penelitian agar si user nyaman ketika menggunakan hardware tersebut.</div><div style="margin-bottom: 0in;"><br />
</div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRP5LHtsyCOcrYq1c6C2xcUS06lCnGnVVlDym-D-vCytO5G2mtmOShpeQ8XuLU588Zd9pYCX02bjD72TqF1wERbua1pCtvuTrQtfIya77RMBTniAgvPi73qLUmsro419_tZCGbH1UStaOo/s1600/media_kb_1.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="187" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRP5LHtsyCOcrYq1c6C2xcUS06lCnGnVVlDym-D-vCytO5G2mtmOShpeQ8XuLU588Zd9pYCX02bjD72TqF1wERbua1pCtvuTrQtfIya77RMBTniAgvPi73qLUmsro419_tZCGbH1UStaOo/s320/media_kb_1.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Keyboard QWERTY</td></tr>
</tbody></table><div style="margin-bottom: 0in;"><br />
</div><div style="margin-bottom: 0in;"><br />
</div><div style="margin-bottom: 0in;"><span class="Apple-style-span" style="font-size: x-small;">Sumber:</span></div><div style="margin-bottom: 0in;"><a href="http://www.anneahira.com/jenis-keyboard.htm"><span class="Apple-style-span" style="font-size: x-small;">http://www.anneahira.com/jenis-keyboard.htm</span></a></div><div style="margin-bottom: 0in;"><a href="http://id.wikipedia.org/wiki/Interaksi_manusia-komputer"><span class="Apple-style-span" style="font-size: x-small;">http://id.wikipedia.org/wiki/Interaksi_manusia-komputer</span></a></div><div style="margin-bottom: 0in;"><br />
</div></div>Qoudithttp://www.blogger.com/profile/14184280816380218115noreply@blogger.com1tag:blogger.com,1999:blog-1710390772036189038.post-62097113678124447642011-11-10T17:32:00.001+07:002011-11-10T17:35:18.702+07:00Desain Pemodelan Grafik dan Interaksi Manusia dan Komputer (Part 1)<div dir="ltr" style="text-align: left;" trbidi="on"><br />
<div style="margin-bottom: 0in; text-align: justify;">Sepertinya, desain pemodelan grafik tidak akan ada habisnya untuk dibahas. Kali ini, Saya akan membahas tentang hubungan desain pemodelan grafik dengan interaksi manusia dan komputer. Sebelum melangkah lebih jauh, ada baiknya kita mengenal apa itu interaksi manusia dan komputer?..</div><div style="margin-bottom: 0in; text-align: justify;"><br />
</div><div style="margin-bottom: 0in; text-align: justify;">pada tahun 1970 mulailah dikenal istilah antarmuka pengguna (user interface), yang dikenal dengan Man Machine Interface (MMI). Hal ini mulai menjadi perhatian bagi para peneliti dan perancang sistem. Kemudian perusahaan komputer mulai memikirkan aspek fisik dari antarmuka pengguna sebagai fakor penentu keberhasilan dalam pemasaran produknya. Lalu pada pertengahan 1980-an istilah human-computer interaction (HCI) mulai muncul sebagai bidang studi yang baru.<br />
<a name='more'></a></div><div style="margin-bottom: 0in; text-align: justify;"><br />
</div><div style="margin-bottom: 0in; text-align: justify;">Setelah membaca sejarah singkat tentang IMK, sekarang kita beralih ke pengertiannya. IMK sendiri adalah disiplin ilmu yang mempelajari hubungan manusia dan komputer agar mudah digunakan oleh manusia. Hubungannya dengan desain pemodelan grafik adalah desain yang digunakan pada antarmuka pengguna. Sebagai contoh, pasti diantara kita pernah menggunakan komputer. Ketika sedang asyik bermain game, atau mengetik tugas tiba-tiba si komputer error. Kemudian terjadilah yang namanya blue screen. Saya tidak akan membahas masalah terjadi blue screennya, tapi Saya ingin membahas tentang kenapa perusahaan pembuat sistem operasi tersebut memilih latar berwarna biru daripada warna yang lain. Menurut penelitian, warna biru adalah warna yang menenangkan, membuat hati damai. Hal ini dimaksudkan agar, si user tidak panik ketika komputer mengalami error. Maka dari itu, perusahaan pembuat sistem operasi tersebut lebih memilih warna biru daripada warna yang lainnya.</div><div style="margin-bottom: 0in; text-align: justify;"><br />
</div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsp8FVZZBeZSZuDjUrTC3KgrIoPguqWUxjP8EH_c5x7qR5N9WfCIkLoWW9kbWIkkUWxO41gHqyftYc9s3rSfEGvb2fWEuYj-X9eEf2ChwgkgYEXQkpLotjhFhNTLbhdhgfyOSSiaqVm4e2/s1600/Blue+screen.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsp8FVZZBeZSZuDjUrTC3KgrIoPguqWUxjP8EH_c5x7qR5N9WfCIkLoWW9kbWIkkUWxO41gHqyftYc9s3rSfEGvb2fWEuYj-X9eEf2ChwgkgYEXQkpLotjhFhNTLbhdhgfyOSSiaqVm4e2/s320/Blue+screen.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Blue screen</td></tr>
</tbody></table><br />
<br />
<span class="Apple-style-span" style="font-size: x-small;">sumber:</span><br />
<a href="http://id.wikipedia.org/wiki/Interaksi_manusia-komputer"><span class="Apple-style-span" style="font-size: x-small;">http://id.wikipedia.org/wiki/Interaksi_manusia-komputer</span></a><br />
<span class="Apple-style-span" style="font-size: x-small;"><a href="https://docs.google.com/viewer?a=v&q=cache:tnuhI-YuEusJ:eprints.undip.ac.id/22738/1/Pert4_KonsepIMK.pdf+interaksi+manusia+dan+komputer&hl=id&gl=id&pid=bl&srcid=ADGEESj6sVwvdkeEZXnkN-ehzhJ7GWmXVThR0-VONs9MBE7Dkz8Sm9yQG-hzt1K2P8HM7lTLTiSc55W5NADAxsK0RhjDGRCBrjY2pv2OUsSg2kd97Goy5k7HRxq1VA_dyblJB9WHeTnO&sig=AHIEtbTFM0POTxXQnme-9P9pHfp_Aq-45g">https://docs.google.com/viewer?a=v&q=cache:tnuhI-YuEusJ:eprints.undip.ac.id/22738/1/Pert4_KonsepIMK.pdf+interaksi+manusia+dan+komputer&hl=id&gl=id&pid=bl&srcid=ADGEESj6sVwvdkeEZXnkN-ehzhJ7GWmXVThR0-VONs9MBE7Dkz8Sm9yQG-hzt1K2P8HM7lTLTiSc55W5NADAxsK0RhjDGRCBrjY2pv2OUsSg2kd97Goy5k7HRxq1VA_dyblJB9WHeTnO&sig=AHIEtbTFM0POTxXQnme-9P9pHfp_Aq-45g</a></span></div>Qoudithttp://www.blogger.com/profile/14184280816380218115noreply@blogger.com0tag:blogger.com,1999:blog-1710390772036189038.post-62171665411248734862011-11-10T15:11:00.000+07:002011-11-10T15:11:40.450+07:00Desain Pemodelan Grafik dan Budaya Batik<div dir="ltr" style="text-align: left;" trbidi="on"> <br />
<div align="LEFT" style="margin-bottom: 0in;"> </div><div align="LEFT" style="margin-bottom: 0in;">pada postingan sebelumnya, Saya sempat menyinggung tentang desain pemodelan grafik. Mulai dari pengertian, jenis gambar, dan aplikasinya. Pada postingan kali ini, Saya akan menjelaskan tentang hubungan desain pemodelan grafik dengan budaya.</div><div align="LEFT" style="margin-bottom: 0in;"><span class="Apple-style-span" style="font-family: inherit;"><br />
</span></div><div align="LEFT" style="margin-bottom: 0in;"><span class="Apple-style-span" style="font-family: inherit;"> Kegiatan menggambar sudah dikenal oleh nenek moyang manusia. Pada zaman dulu, biasanya kegiatan menggambar dilakukan didalam gua. Jika teman-teman pernah melihat tayangan National Geographic dan Discovery Channel, disitu dijelaskan bagaimana manusia pada jaman dulu menggambarkan kisah hidupnya melalui lukisan pada dinding gua.</span></div><a name='more'></a><br />
<div align="LEFT" style="margin-bottom: 0in;"><span class="Apple-style-span" style="font-family: inherit;"><br />
</span></div><div align="LEFT" style="margin-bottom: 0in;"><span class="Apple-style-span" style="font-family: inherit;"> Di zaman modern seperti saat ini, kegiatan menggambar bisa dilakukan diatas kertas, kain, bahkan melalui sebuah alat yang disebut komputer pun bisa. </span></div><div align="LEFT" style="margin-bottom: 0in;"><span class="Apple-style-span" style="font-family: inherit;"><br />
</span></div><div align="LEFT" style="margin-bottom: 0in;"><span class="Apple-style-span" style="font-family: inherit;">Oke, sekarang kita balik ke hubungan DPG dengan budaya. Kalian tahu batik?.. batik merupakan warisan budaya Indonesia. Pembuatan batik tidaklah semudah yang dibayangkan. Ada teknik khusus untuk membuatnya. Nah, dalam pembuatannya canting dan malam digunakan sebagai alat untuk menggambar, dan kain digunakan sebagai media menggambar. </span></div><div align="LEFT" style="margin-bottom: 0in;"><span class="Apple-style-span" style="font-family: inherit;"><br />
</span></div><div align="LEFT" style="margin-bottom: 0in;"><span class="Apple-style-span" style="font-family: inherit;"> Batik memiliki berbagai macam motif. Setiap motif memiliki makna tersendiri. Sebagai contoh, batik dengan motif parang biasanya digunakan oleh para bangsawan. </span></div><div align="LEFT" style="margin-bottom: 0in;"><span class="Apple-style-span" style="font-family: inherit;"><br />
</span></div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOXkUj95M3pnkq8Qof-snLUR3KZJkN0p92SYc7aTjumZS8-rK_g8lcRpCiKuNFSv5t1-xW4ZLUvaHWpV07MfRQnSFCPiJdzRCu6u4xQtYWW4COhMp2UPyODZohu7bN54cLKtUC63NeoNTh/s1600/422px-Raden_Adjeng_Kartini.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOXkUj95M3pnkq8Qof-snLUR3KZJkN0p92SYc7aTjumZS8-rK_g8lcRpCiKuNFSv5t1-xW4ZLUvaHWpV07MfRQnSFCPiJdzRCu6u4xQtYWW4COhMp2UPyODZohu7bN54cLKtUC63NeoNTh/s320/422px-Raden_Adjeng_Kartini.jpg" width="225" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">R.A Kartini dan Suami menggunakan <br />
kain batik bernotif parang</td></tr>
</tbody></table><br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqPvXLuVOsll4w8aYjn5IzwU12AWqJTGVBn7U-KAjtz-NSCqRHFWxN3S_ISd1nh97xN4yvYkYYvXWxeddXtW-ouJ92MMQdyZh1HYW9BQnSFgiWRTADZGWjuGD6SNWP1JHdKcG0SmWkj75u/s1600/418px-Skirt_from_Cirebon%252C_Java%252C_early_20th_century%252C_coton%252C_%2527tulis%2527_batik.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqPvXLuVOsll4w8aYjn5IzwU12AWqJTGVBn7U-KAjtz-NSCqRHFWxN3S_ISd1nh97xN4yvYkYYvXWxeddXtW-ouJ92MMQdyZh1HYW9BQnSFgiWRTADZGWjuGD6SNWP1JHdKcG0SmWkj75u/s320/418px-Skirt_from_Cirebon%252C_Java%252C_early_20th_century%252C_coton%252C_%2527tulis%2527_batik.jpg" width="223" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Batik cirebon bermotif makhluk laut</td></tr>
</tbody></table><div align="LEFT" style="margin-bottom: 0in;"><span class="Apple-style-span" style="font-family: inherit;"><br />
</span></div><div align="LEFT" style="margin-bottom: 0in;"><span class="Apple-style-span" style="font-family: inherit; font-size: x-small;">sumber:</span></div><div align="LEFT" style="margin-bottom: 0in;"><span class="Apple-style-span" style="font-family: inherit; font-size: x-small;"><a href="http://id.wikipedia.org/wiki/Batik">http://id.wikipedia.org/wiki/Batik</a></span></div><div align="LEFT" style="margin-bottom: 0in;"><a href="http://id.wikipedia.org/wiki/Seni_lukis"><span class="Apple-style-span" style="font-size: x-small;">http://id.wikipedia.org/wiki/Seni_lukis</span></a></div></div>Qoudithttp://www.blogger.com/profile/14184280816380218115noreply@blogger.com0tag:blogger.com,1999:blog-1710390772036189038.post-91758648202069924182011-10-19T23:44:00.001+07:002011-10-19T23:45:37.898+07:00Perubahan Gambar<div dir="ltr" style="text-align: left;" trbidi="on"><br />
<div style="margin-bottom: 0in;">Pernah denger temen kamu ngomong gini,</div><div align="CENTER" style="margin-bottom: 0in;"><b>eh, ubah gambarnya ke “.jpeg” dong...</b></div><div align="CENTER" style="margin-bottom: 0in;">atau</div><div align="CENTER" style="margin-bottom: 0in;"><b>jangan lupa, save jadi “.cdr” yeee...</b></div><div style="margin-bottom: 0in;"><br />
</div><div style="margin-bottom: 0in;">kalian tahu gak maksud dari extensi yang disebutkan diatas?..</div><div style="margin-bottom: 0in;">Yap, yang lagi mereka obrolin adalah tentang bitmap dan vektor..</div><div style="margin-bottom: 0in;">sebenarnya <b>.jpeg</b> adalah salah satu dari format bitmap. Kalo <b>.cdr</b> adalah format dari vektor. Hasil gambar dari kedua format itu bisa saling bertukar format. Misal, Saya mempunyai gambar lingkaran. format gambar tersebut adalah <b>.jpeg</b>. Ketika saya ingin memiliki foto dengan kualitas vektor maka, yang harus saya lakukan adalah merubah extensi dari file tersebut.</div><div style="margin-bottom: 0in;">Cara yang harus di lakukan adalah:<br />
<a name='more'></a></div><ul><li><div style="margin-bottom: 0in;">buka aplikasi grafis berbasis vektor (corel draw, inkscape)</div></li>
<li><div style="margin-bottom: 0in;">import gambar yang ingin dirubah</div></li>
<li><div style="margin-bottom: 0in;">simpan/export gambar dengan format .JPEG</div></li>
</ul><div style="margin-bottom: 0in;">biasanya, perubahan gambar dari bitmap ke vektor disebut <b>tracing</b>. Kebalikannya tracing disebut dengan <b>rusting</b>. Cara yang dilakukan pun sama dengan yang ada diatas. Bedanya, aplikasi yang dibuka nanti harus berbasis bitmap seperti photoshop, gimp, dll.</div><div style="margin-bottom: 0in;"><br />
</div><div style="margin-bottom: 0in;">Sekian dulu ya</div><div style="margin-bottom: 0in;">sampai jumpa di tulisan berikutnya.. :D</div><div style="margin-bottom: 0in;"><br />
</div><div style="margin-bottom: 0in;">sumber:</div><div style="margin-bottom: 0in;"><a href="http://greenbel.wordpress.com/2011/10/09/grafik-berubah/"><span class="Apple-style-span" style="font-size: x-small;">http://greenbel.wordpress.com/2011/10/09/grafik-berubah/</span></a></div></div>Qoudithttp://www.blogger.com/profile/14184280816380218115noreply@blogger.com0