tag:blogger.com,1999:blog-49228956094116362412024-02-19T12:30:21.169+07:00Arickanjass Blog!My code is yoursArick Anjasmarahttp://www.blogger.com/profile/01691516951783919648noreply@blogger.comBlogger105125tag:blogger.com,1999:blog-4922895609411636241.post-71709440732005057062020-01-05T22:57:00.000+07:002020-01-05T22:57:19.725+07:00CodeIgniter : Controllers dan Fungsinya<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/AVvXsEi0qOnfew2_hGWnxB9DhIFUuUTfLbalqAXC-XfrxA7KI7gMX5C4zPKvcax7gmLLvZ8VJcO1TiCLkAYbnW0nn0kwrLLnRJUSfR-_OvGCz0_m6C0h0r-b7GdyfB1SMBHx3K3gTtdCHE17IVU/s1600/codeigniter-logo-png-transparent.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="1600" data-original-width="1600" height="319" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0qOnfew2_hGWnxB9DhIFUuUTfLbalqAXC-XfrxA7KI7gMX5C4zPKvcax7gmLLvZ8VJcO1TiCLkAYbnW0nn0kwrLLnRJUSfR-_OvGCz0_m6C0h0r-b7GdyfB1SMBHx3K3gTtdCHE17IVU/s320/codeigniter-logo-png-transparent.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="font-size: 12.8px;"><span style="font-size: 12.8px;">Logo CodeIgniter</span><br />
<div>
<span style="font-size: 12.8px;"><br /></span></div>
</td></tr>
</tbody></table>
<br />
<div>
Melanjutkan tutorial sebelumnya, ini merupakan bagian dasar yang wajib diketahui. Seperti namanya, controller berfungsi untuk mengatur segala kegiatan dari website yang dibuat. Mulai dari alamat yang dituju, parameter yang dikirim baik melalui URL ataupun melalui HTTP Request akan diterima di controller.</div>
<div>
<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/AVvXsEiAXAEDqNmIcVIIHbdPCesxC-Ku8wmFNfuLhfYgrAkwwX_wJ68N_izKiaEgrgjI6v66pkzQ028ByiN3tOHD9-MF6-tbtEWEbxa-whrrs5qdZuR2zvGi979ZnOKUVjh1C3L9G3cZvmEj7Gw/s1600/controller+codeigniter.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="74" data-original-width="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAXAEDqNmIcVIIHbdPCesxC-Ku8wmFNfuLhfYgrAkwwX_wJ68N_izKiaEgrgjI6v66pkzQ028ByiN3tOHD9-MF6-tbtEWEbxa-whrrs5qdZuR2zvGi979ZnOKUVjh1C3L9G3cZvmEj7Gw/s1600/controller+codeigniter.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">default controller codeigniter</td></tr>
</tbody></table>
<div>
<br />
Sebagai default, codeigniter membuat 2 file di dalam controllers nya, yaitu index.html dan Welcome.php . Semua file yang dipakai menggunakan extension .php ya. Untuk informasi tambahan, awalan controllers biasanya kita gunakan huruf kapital.<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-ogNv99a50XeStAHcNtQLpN05yfiDzjJUrfgg7s65ncqgQS0457ZwIBrGcZSe6X6VVVZw3IBsJUfWLcipn1ap_eiuFxUOjS0bsoW29_rHRzILBmLakr8BBjfvW5RrHtEfyrtLhv9RVbo/s1600/welcome.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="459" data-original-width="583" height="313" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-ogNv99a50XeStAHcNtQLpN05yfiDzjJUrfgg7s65ncqgQS0457ZwIBrGcZSe6X6VVVZw3IBsJUfWLcipn1ap_eiuFxUOjS0bsoW29_rHRzILBmLakr8BBjfvW5RrHtEfyrtLhv9RVbo/s400/welcome.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">isi dari welcome.php</td></tr>
</tbody></table>
<br />
Perhatikan gambar di atas (isi dari welcome.php) . Syarat dari controllers yaitu, <b>nama file harus sama dengan nama class</b>. Sehingga jika nama file yang dibuat adalah "Welcome.php" , maka nama class yang dibuat juga harus "Welcome".<br />
<br />
<h3>
Create New Controllers</h3>
Sebagai contoh, kita buat 1 file baru dengan nama "Home.php" di dalam folder Controllers. Isi filenya seperti berikut<br />
<script src="https://gist.github.com/arickanjass/64f429498881659a4b7f0f50c4ef310d.js"></script>
<br />
Cara akses controllers yang baru dibuat yaitu "localhost/<b>nama_project</b>/index.php/<b>nama_controller</b>" . Jika sebelumnya sudah buat controller dengan nama Home, maka kita dapat akses dengan cara localhost/<b>arickanjass</b>/index.php/<b>home </b>(aricknjass adalah nama project & home adalah nama controller)<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/AVvXsEjl8ZeWvlh0A6rw8bESTculNFkqdFAYVLSQAt1Ub716OD8rtb_3sFTUi9FJ9xNa2E4cQQI0lKkSWdb0jSrI2Yh8KoknpueJGmlElWT3CBbUfafUVmfjm9WSRO0CqLPXAKPNq-rhCHb0st0/s1600/home+codeigniter+new+class.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="204" data-original-width="519" height="156" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl8ZeWvlh0A6rw8bESTculNFkqdFAYVLSQAt1Ub716OD8rtb_3sFTUi9FJ9xNa2E4cQQI0lKkSWdb0jSrI2Yh8KoknpueJGmlElWT3CBbUfafUVmfjm9WSRO0CqLPXAKPNq-rhCHb0st0/s400/home+codeigniter+new+class.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">output controller home.php</td></tr>
</tbody></table>
<br />
<h3>
Create New Controllers-Function</h3>
</div>
<div>
Setelah berhasil membuat controller baru, berikutnya kita akan mencoba membuat function baru. Function berfungsi untuk memisahkan action-action supaya tidak bercampur di 1 function. Sebagai contoh, kita akan membuat 3 function baru yaitu "add", "edit", dan "delete". Berikut contoh code nya</div>
<div>
<br />
<script src="https://gist.github.com/arickanjass/83ed2e609bc18bd063858c0df34cb5eb.js"></script></div>
<div>
Cara akses function baru yaitu, "localhost/<b>nama_project</b>/index.php/<b>nama_controller/nama_function</b>" . Jika kita ingin akses function add, maka URL nya menjadi "localhost/<b>arickanjass</b>/index.php/<b>home</b>/<b>add</b>" .<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/AVvXsEgDCnyqT2XN0kuA9JKvmlm9EDOEY_LWCTPKZQCcm_NKee2E2bVjKfcmqUm88tuRicKaJZefP1aoIF4rK005po9DJ_oFEIVsWtiV1jxpLL0I6kUNXROUBRQKltc7tbBAKTCS-DHpcGynyI4/s1600/home+add+codeigniter.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="173" data-original-width="462" height="148" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDCnyqT2XN0kuA9JKvmlm9EDOEY_LWCTPKZQCcm_NKee2E2bVjKfcmqUm88tuRicKaJZefP1aoIF4rK005po9DJ_oFEIVsWtiV1jxpLL0I6kUNXROUBRQKltc7tbBAKTCS-DHpcGynyI4/s400/home+add+codeigniter.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">function add codeigniter</td></tr>
</tbody></table>
<h3>
Change Welcome to Home Controllers</h3>
</div>
<div>
Jika diperhatikan, saat kita mengakses localhost/project, maka akan hit ke Welcome.php pada controller. Cara mengubahnya yaitu edit file routes.php di dalam folder project/application/config</div>
<div>
<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/AVvXsEh3L_70y4_uq_QFM53voSQ2BgJIxOwCWsq1viwooXIuKJXeLrzsXoqTtvBSulOvLd7NCQXdALqwByfgYzrMmmDV-quBVWyK2kf9mrOR6TZY_5n_CKlQi6e5KLIMUCHcMCwGMo1bjBx8FoI/s1600/routes+codeigniter.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="317" data-original-width="621" height="203" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3L_70y4_uq_QFM53voSQ2BgJIxOwCWsq1viwooXIuKJXeLrzsXoqTtvBSulOvLd7NCQXdALqwByfgYzrMmmDV-quBVWyK2kf9mrOR6TZY_5n_CKlQi6e5KLIMUCHcMCwGMo1bjBx8FoI/s400/routes+codeigniter.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">routes.php codeigniter</td></tr>
</tbody></table>
<div>
<br /></div>
<div>
Silahkan ubah $route['default_controller'] value dari 'welcome' menjadi 'home' . Jika sudah, silahkan akses localhost/nama_project anda, maka akan otomatis hit ke function index yang sudah dibuat</div>
<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/AVvXsEi_pAVWD5TzKXwfaRC6lZy_Fpilwev1IHD8ZtL0mOxoE9MT7TPd8lc11H7INFce4sY3xDZqeVW1OtoiIEN5U4Fnu3kUmrps1DzVPKT4bszrPtnlwwoEIBci2s4Rry-3XacdCn0-ONMnXXQ/s1600/home+change+routes+codeigniter.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="158" data-original-width="375" height="134" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_pAVWD5TzKXwfaRC6lZy_Fpilwev1IHD8ZtL0mOxoE9MT7TPd8lc11H7INFce4sY3xDZqeVW1OtoiIEN5U4Fnu3kUmrps1DzVPKT4bszrPtnlwwoEIBci2s4Rry-3XacdCn0-ONMnXXQ/s320/home+change+routes+codeigniter.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">change controller routes</td></tr>
</tbody></table>
<div>
<br /></div>
<div>
Sekian tutorial tentang controllers pada codeigniter. Jika ada pertanyaan, silahkan tulis di kolom komentar ya</div>
Arick Anjasmarahttp://www.blogger.com/profile/01691516951783919648noreply@blogger.com0tag:blogger.com,1999:blog-4922895609411636241.post-90538162613977761182019-12-24T02:36:00.000+07:002020-01-01T09:06:00.052+07:00Database : Part 1 - Pengenalan MySQL & Penggunaan PHPMyAdmin<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/AVvXsEgRbqDKPCgwFezX497q62mhh7UfkLKTYKGZmZzvsi-fMyQb7PujNYKI0HJEpf0TRU2X2O709Lh0nnHhJARE0lRlduispCG76IIdqp9MAXrtgBGF5hr4_hGq_ro5UKnZcep5PgWW_idQZIs/s1600/logo-mysql.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="128" data-original-width="128" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRbqDKPCgwFezX497q62mhh7UfkLKTYKGZmZzvsi-fMyQb7PujNYKI0HJEpf0TRU2X2O709Lh0nnHhJARE0lRlduispCG76IIdqp9MAXrtgBGF5hr4_hGq_ro5UKnZcep5PgWW_idQZIs/s1600/logo-mysql.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Logo MySQL</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
Sebelum beranjak lebih jauh tentang Codeigniter. Saya akan berbagi sedikit tentang MySQL. Secara sederhana, MySQL merupakan 'pasangan hidup' untuk PHP. Harapannya, kedepan kita akan menggunakan database ini untuk tutorial Codeigniter lanjutan.<br />
<h3>
Apa itu MySQL?</h3>
<div>
<div>
MySQL adalah sistem manajemen database relasional open source (RDBMS) dengan client-server model. Sedangkan RDBMS merupakan software untuk membuat dan mengelola database berdasarkan pada model relasional. (<a href="https://www.hostinger.co.id/tutorial/apa-itu-mysql/" target="_blank">source</a>)</div>
<div>
<br /></div>
<div>
Berikut saya akan jelaskan sedikit tentang cara membuat database di MySQL dan cara penggunaannya.</div>
<div>
<br /></div>
<h3>
1. Dashboard PHPMyAdmin</h3>
<div>
Untuk mempermudah anda melihat database MySQL, biasanya saya menggunakan phpmyadmin. URL yang digunakan yaitu localhost/phpmyadmin (agar disesuaikan sesuai installernya). Berikut tampilan awal/dashboard dari phpmyadmin</div>
<div>
<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/AVvXsEjVvaLcBEZ949KRX-VxoZHWvgF9dFeVIqNhB6dTjiuv720cVtP1ePmMq5HY31b4hSIEt6nAahsVrSNYDq6b71S_XpiIpkxvKy5OK-_rFg7hnT3d_PGEkEy72X3-3ho27gx_O0owoPLs6Xk/s1600/phpmyadmin-dashboard.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="741" data-original-width="1314" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVvaLcBEZ949KRX-VxoZHWvgF9dFeVIqNhB6dTjiuv720cVtP1ePmMq5HY31b4hSIEt6nAahsVrSNYDq6b71S_XpiIpkxvKy5OK-_rFg7hnT3d_PGEkEy72X3-3ho27gx_O0owoPLs6Xk/s640/phpmyadmin-dashboard.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Dashboard PHPMyAdmin</td></tr>
</tbody></table>
<div>
<br /></div>
<div>
Anda dapat melihat list database yang ada di sebelah kiri dashboard, atau klik tab 'Databases' di bagian atas.</div>
</div>
<div>
<br /></div>
<h3>
2. Create New Database</h3>
<div>
Untuk membuat database baru, anda dapat klik 'new' di sebelah kiri atas, atau langsung masuk ke dalam tab 'Database' yang ada di atas. Berikut adalah tampilan dari tombol 'New' diklik atau tab 'Databases' diklik</div>
<div>
<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/AVvXsEjMrN5lezcG3EWyK1GchOxUqlrUIAVlC4mqrCZaf5Tle6um69Ttmws4zXMtrRSj_LrX05kOD-p5G8dCGJcx29gyHQzrk9e7sji09CeflcN1Itm3T2oScbmWqiyBl7ZtnCGmXpFnjpLEwDY/s1600/create-database-phpmyadmin.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="741" data-original-width="1314" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMrN5lezcG3EWyK1GchOxUqlrUIAVlC4mqrCZaf5Tle6um69Ttmws4zXMtrRSj_LrX05kOD-p5G8dCGJcx29gyHQzrk9e7sji09CeflcN1Itm3T2oScbmWqiyBl7ZtnCGmXpFnjpLEwDY/s640/create-database-phpmyadmin.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Create database MySQL via PHPMyAdmin</td></tr>
</tbody></table>
<div>
<br /></div>
<div>
Skema database yang akan kita buat sebagai berikut</div>
<div>
<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/AVvXsEj2x1y0AW_TGv9kSzWiPaj5Zc98SeR3FkzQbE7WiOYogkO_FB8e34DMAtYvkZQQR-a141dDdbCJHgZoE69mC9TZmXdrSMWUNdwzmVzNrLryFtFQT5HFNSoB6YWKnzvP8fN4wcNgkTUDmhU/s1600/skema-database.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="472" data-original-width="786" height="384" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2x1y0AW_TGv9kSzWiPaj5Zc98SeR3FkzQbE7WiOYogkO_FB8e34DMAtYvkZQQR-a141dDdbCJHgZoE69mC9TZmXdrSMWUNdwzmVzNrLryFtFQT5HFNSoB6YWKnzvP8fN4wcNgkTUDmhU/s640/skema-database.png" style="cursor: move;" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">skema database</td></tr>
</tbody></table>
<div>
<br /></div>
<div>
Detail:</div>
<div>
<ul>
<li>Nama Database : db_sekolah</li>
<li>Table : mSiswa</li>
<ul>
<li>id_siswa (integer, auto increment, primary key)</li>
<li>nip (varchar max length 100, unique)</li>
<li>nama (varchar max length 255)</li>
<li>tanggal_lahir (date)</li>
<li>status (boolean)</li>
<li>create_date (datetime, allow null)</li>
<li>create_by (varchar max length 100, allow null)</li>
<li>last_update (datetime, allow null)</li>
<li>last_update_by (varchar max length 100, allow null)</li>
</ul>
<li>Table mPelajaran</li>
<ul>
<li>id_pelajaran (integer, auto increment, primary key)</li>
<li>nama_pelajaran (varchar max length 150)</li>
<li>status (boolean)</li>
<li>create_date (datetime, allow null)</li>
<li>create_by (varchar max length 100, allow null)</li>
<li>last_update (datetime, allow null)</li>
<li>last_update_by (varchar max length 100, allow null)</li>
</ul>
</ul>
<div>
Keterangan istilah database :</div>
</div>
<div>
<ul>
<li>auto increment : setiap data yang dimasukan ke dalam table, nilainya akan otomatis bertambah secara sequential</li>
<li>allow null : data yang dimasukan boleh kosong (tanpa nilai). Jika tidak allow null, maka data tidak akan masuk jika tidak memiliki nilai</li>
<li>max length : panjang maksimal karakter yang dapat ditampung oleh fieldnya</li>
<li>date : hanya menyimpan tanggal (contoh : 2019-12-24)</li>
<li>datetime : menyimpan tanggal dan jam (contoh : 2019-12-24 02:08:00)</li>
</ul>
<div>
Sesuai skema di atas, maka kita dapat memasukan nama databasenya : db_sekolah , kemudian klik 'create'. Jika sudah terbuat, maka nama database yang sebelumnya dibuat akan muncul di list sebelah kiri</div>
</div>
<div>
<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/AVvXsEi-vD5Ho3UH2ipNz9gktaqdCuodxHUNMXAXJhq0FznnHAPgffUQeOTswu7qs9sPcG7TnWS92W0a2aXqP9lKu8NAfY84biQZj2EfbupNNSovaN53oEjgubnwKpqAfj391e2T_tKAY7aauYk/s1600/create-new-database-phpmyadmin.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="314" data-original-width="746" height="268" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-vD5Ho3UH2ipNz9gktaqdCuodxHUNMXAXJhq0FznnHAPgffUQeOTswu7qs9sPcG7TnWS92W0a2aXqP9lKu8NAfY84biQZj2EfbupNNSovaN53oEjgubnwKpqAfj391e2T_tKAY7aauYk/s640/create-new-database-phpmyadmin.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">db_sekolah created</td></tr>
</tbody></table>
<div>
<br /></div>
<h3>
3. Create New Table</h3>
<div>
Sesuai skema di atas, kita akan membuat table pertama yaitu table mSiswa dengan jumlah kolom 9. Masukkan name : mSiswa, number of columns : 9 kemudian klik 'Go'. Jika langkah yang dijalankan benar, maka akan muncul tampilan seperti ini</div>
<div>
<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/AVvXsEgXx-hmMrVvjfvUt53OCWs3c2-pQp9EarhFu_Mxge2diAf03tz7JClYgDFv4sxZZ7HsKBenjqmzImHrk-YI7QlE0NaD65IzKdiiMBi_cwRyx3BpOJrZYIilFb7Ymj0k_MrnyPoTeogPQQU/s1600/create-new-table-phpmyadmin.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="741" data-original-width="1314" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXx-hmMrVvjfvUt53OCWs3c2-pQp9EarhFu_Mxge2diAf03tz7JClYgDFv4sxZZ7HsKBenjqmzImHrk-YI7QlE0NaD65IzKdiiMBi_cwRyx3BpOJrZYIilFb7Ymj0k_MrnyPoTeogPQQU/s640/create-new-table-phpmyadmin.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Create New Table mSiswa</td></tr>
</tbody></table>
<div>
<br /></div>
<div>
Selanjutnya, masukkan nama entity sesuai skema ke masing-masing field. Jangan lupa untuk menyesuaikan atribut setiap fieldnya. Seperti berikut</div>
<div>
<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/AVvXsEiVfVGmd8pWSgT0zCxUWH3j-5w7xNNVNLHfc5GkbObV205YqoAwo6L8JPDgmGDR8Jzxobl4QUOONJqMYdLhuIh_nUPFgnivKEvIs0FkUrvmPCr9YkpPX4B1a5pzZ58FIgUwgqllfflo3iM/s1600/input-new-table-phpmyadmin.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="634" data-original-width="1056" height="384" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVfVGmd8pWSgT0zCxUWH3j-5w7xNNVNLHfc5GkbObV205YqoAwo6L8JPDgmGDR8Jzxobl4QUOONJqMYdLhuIh_nUPFgnivKEvIs0FkUrvmPCr9YkpPX4B1a5pzZ58FIgUwgqllfflo3iM/s640/input-new-table-phpmyadmin.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Input Entities Table PHPMyAdmin</td></tr>
</tbody></table>
<div>
<br /></div>
<div>
Jika sudah selesai, klik save di kanan bawah. Maka table mSiswa sudah berhasil dibuat. Berikut tampilannya jika sesuai</div>
<div>
<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/AVvXsEimMPJakAmdhxc9h41vUACjDmK407hWlGOlGxom8SVGKfrXL3XdgakZSScFo_YenSW-AdhnibOuIBtE4NJ6g02Jhf3DlCglUx816J0_aOnHufTgepRkRUcAFvFnLSYCNoUZ4Kr_o_sgIBs/s1600/create-new-table-success-phpmyadmin.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="741" data-original-width="1314" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimMPJakAmdhxc9h41vUACjDmK407hWlGOlGxom8SVGKfrXL3XdgakZSScFo_YenSW-AdhnibOuIBtE4NJ6g02Jhf3DlCglUx816J0_aOnHufTgepRkRUcAFvFnLSYCNoUZ4Kr_o_sgIBs/s640/create-new-table-success-phpmyadmin.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Create New Table Success PHPMyAdmin</td></tr>
</tbody></table>
<div>
<br /></div>
<h3>
4. Insert Data ke Table</h3>
<div>
Untuk insert data ke table, anda dapat klik tab 'Insert' di bagian atas. Tampilannya seperti ini</div>
<div>
<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/AVvXsEjwmzcN5EreSeSOSqndFOBYT55F1v5KD_mvHHq7K-jtyKLnVCcJVArVefldtJwodt5yWxvkUr7qbHSBNiUHXF8EAWSqLTnOSBX2P3k6PPZEbakDbkTwY9a5EjLm8tAvpavAXThD7d2ifg4/s1600/insert-row-php.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="665" data-original-width="795" height="333" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwmzcN5EreSeSOSqndFOBYT55F1v5KD_mvHHq7K-jtyKLnVCcJVArVefldtJwodt5yWxvkUr7qbHSBNiUHXF8EAWSqLTnOSBX2P3k6PPZEbakDbkTwY9a5EjLm8tAvpavAXThD7d2ifg4/s400/insert-row-php.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">insert data phpmyadmin</td></tr>
</tbody></table>
<div>
<br /></div>
<div>
Isi data sesuai keinginan anda, jika sudah OK maka klik Go</div>
<div>
*note : id_siswa tidak perlu diisi karena sudah auto increment generated by database</div>
<div>
<br /></div>
<div>
Data yang berhasil diinsert akan terlihat di tab 'Browse' seperti gambar berikut</div>
<div>
<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/AVvXsEglTWb-wfqCT1jyu4s89gUe2K_fNf1mgBXTLysTNSXYJheUyrZ_QGrJBhn9E_OPzib6Ew87qCbJ0eQayunp0gc4mSAl-kbnp1iAR5FRpSBb1x7rzcf9p63MfmeITnE4YQB-rYCB0nVvgO4/s1600/browse-table-phpmyadmin.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="337" data-original-width="1069" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglTWb-wfqCT1jyu4s89gUe2K_fNf1mgBXTLysTNSXYJheUyrZ_QGrJBhn9E_OPzib6Ew87qCbJ0eQayunp0gc4mSAl-kbnp1iAR5FRpSBb1x7rzcf9p63MfmeITnE4YQB-rYCB0nVvgO4/s640/browse-table-phpmyadmin.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">browse table phpmyadmin</td></tr>
</tbody></table>
<h3>
5. Latihan</h3>
<div>
Untuk latihan, silahkan buat table mPelajaran sesuai dengan kriteria dan insert data sesuai data berikut. Sampai ketemu di artikel berikutnya ya :) . Jika kesulitan silahkan comment di bawah, saya akan response as soon as possible</div>
<div>
<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/AVvXsEg8_C-jPSBB2y6l2_nOxuN36fEmpIfVyYMoWNXp8yb3TUQ-2Qj3llsqkOwsHM2dkHof9Atk9jq588m2cIpk5vSZMXvGqa9YB54X623EPS-9498qA570ZS9GXtmpJaYuqsnm0xLqA72DuOM/s1600/latihan.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="407" data-original-width="1070" height="242" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8_C-jPSBB2y6l2_nOxuN36fEmpIfVyYMoWNXp8yb3TUQ-2Qj3llsqkOwsHM2dkHof9Atk9jq588m2cIpk5vSZMXvGqa9YB54X623EPS-9498qA570ZS9GXtmpJaYuqsnm0xLqA72DuOM/s640/latihan.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">latihan</td></tr>
</tbody></table>
Arick Anjasmarahttp://www.blogger.com/profile/01691516951783919648noreply@blogger.com0tag:blogger.com,1999:blog-4922895609411636241.post-89736092601147852002019-07-28T23:19:00.000+07:002019-07-28T23:21:02.173+07:00CodeIgniter : Struktur Folder Aplikasi<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/AVvXsEi0qOnfew2_hGWnxB9DhIFUuUTfLbalqAXC-XfrxA7KI7gMX5C4zPKvcax7gmLLvZ8VJcO1TiCLkAYbnW0nn0kwrLLnRJUSfR-_OvGCz0_m6C0h0r-b7GdyfB1SMBHx3K3gTtdCHE17IVU/s1600/codeigniter-logo-png-transparent.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="1600" data-original-width="1600" height="319" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0qOnfew2_hGWnxB9DhIFUuUTfLbalqAXC-XfrxA7KI7gMX5C4zPKvcax7gmLLvZ8VJcO1TiCLkAYbnW0nn0kwrLLnRJUSfR-_OvGCz0_m6C0h0r-b7GdyfB1SMBHx3K3gTtdCHE17IVU/s320/codeigniter-logo-png-transparent.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="font-size: 12.8px;"><span style="font-size: 12.8px;">Logo CodeIgniter</span></td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="http://blog.arickanjass.com/2019/07/codeigniter-instalasi-codeigniter.html" target="_blank">Sebelumnya </a>sudah dijelaskan untuk instalasi framewok CodeIgniter, tetapi belum dijelaskan untuk folder-folder terkait sebagai arsitektur CodeIgniter. Berikut adalah penjelasan singkat untuk struktur folder dari codeigniter.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Terdapat 3 folder utama yaitu:</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul>
<li>Application</li>
<li>System</li>
<li>User Guide</li>
</ul>
<b><br /></b>
<br />
<h2>
<b>Application</b></h2>
Folder ini berfungsi untuk jalannya aplikasi. Nantinya, akses web URL dan sebagainya akan di atur di folder ini. Berikut isi dari folder Application<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/AVvXsEivvlizqcR5rAh0bJC5nyBTYg2_tLPtzaerNWinALPewsqhbhwD6evfSuQbH9d_bWAtqY5ATcu_1rQE8IAsNqt3YkeCvSw8p0U6FdCA8lJRz0od2gKQuEk40hHBUehUG0NWgJ-W5wwQmRY/s1600/Application+Folder+CodeIgniter.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="267" data-original-width="248" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivvlizqcR5rAh0bJC5nyBTYg2_tLPtzaerNWinALPewsqhbhwD6evfSuQbH9d_bWAtqY5ATcu_1rQE8IAsNqt3YkeCvSw8p0U6FdCA8lJRz0od2gKQuEk40hHBUehUG0NWgJ-W5wwQmRY/s1600/Application+Folder+CodeIgniter.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Isi dari Folder Application di CodeIgniter</td></tr>
</tbody></table>
<div>
<br /></div>
<h3>
Cache</h3>
<div>
Cache berfungsi sebagai penampung cache page untuk website. Folder ini akan terus meningkat isinya seiring perkembangan website anda.</div>
<div>
<br /></div>
<h3>
Config</h3>
<div>
Sesuai namanya, config berfungsi untuk pengaturan website. Di dalamnya terdapat beberapa file yang dapat dikonfigurasi menyesuaikan kebutuhan website. Contohnya seperti konfigurasi database.</div>
<div>
<br /></div>
<h3>
Controllers</h3>
<div>
Folder ini yang mengontrol website. Ini adalah folder dasar yang sangat perlu diketahui.</div>
<div>
<br /></div>
<h3>
Core</h3>
<div>
Folder ini berfungsi untuk menampung kelas dasar (base class) dari aplikasi.</div>
<div>
<br /></div>
<h3>
Language</h3>
<div>
Folder ini berfungsi untuk bahasa dari file-file terkait.</div>
<div>
<br /></div>
<h3>
Libraries</h3>
<div>
Libraries berfungsi untuk menampung code-code singkat yang dibuat oleh developer untuk mempermudah pengerjaan website.<br />
<br /></div>
<h3>
Logs</h3>
<div>
Folder ini akan berisi log-log sistem</div>
<div>
<br /></div>
<h3>
Models</h3>
<div>
Models akan digunakan sebagai penghubung antara website (controllers) dengan database.</div>
<div>
<br /></div>
<h3>
Third Party</h3>
<div>
Third party ini dapat diisi dengan plugin eksternal untuk memudahkan pengerjaan website.</div>
<div>
<br /></div>
<h3>
Views</h3>
<div>
Views berfungsi untuk penghubung antara UI yang ditampilkan ke layar browser dengan controller website.</div>
<div>
<br /></div>
<h2>
System</h2>
<div>
Folder ini berisi folder-folder standar konfigurasi dan modul dari codeigniter. Karena ini adalah folder system, maka diharapkan tidak melakukan perubahan pada folder ini. Berikut isi dari folder system.</div>
<div>
<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/AVvXsEhjFKDO8nB1ct-KEo2N6cAkVimr7TQf3fu__-qN4lTz1sRiEX2w6Dtx4dUghBzOPzVZ9mrGknoujQ889O_ZLIBEAJ8Em9fGgkcpmnvsUG5P2nsUYAg8rBWIAyqGxpAn3bNM4vQjQFZRGcc/s1600/System+Folder+CodeIgniter.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="140" data-original-width="161" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjFKDO8nB1ct-KEo2N6cAkVimr7TQf3fu__-qN4lTz1sRiEX2w6Dtx4dUghBzOPzVZ9mrGknoujQ889O_ZLIBEAJ8Em9fGgkcpmnvsUG5P2nsUYAg8rBWIAyqGxpAn3bNM4vQjQFZRGcc/s1600/System+Folder+CodeIgniter.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Isi dari Folder System di CodeIgniter</td></tr>
</tbody></table>
<div>
<br /></div>
<h3>
Core</h3>
<div>
Di sini berisi CodeIgniter Core Class. Jadi jangan ubah ubah isi dari folder ini.</div>
<div>
<br /></div>
<h3>
Database</h3>
<div>
Folder ini berisi driver-driver untuk koneksi ke database.</div>
<div>
<br /></div>
<h3>
Fonts</h3>
<div>
Berisi fonts default system</div>
<div>
<br /></div>
<h3>
Helpers</h3>
<div>
Folder ini berfungsi sebagai pembantu (helper) dalam proses membuat aplikasi. Seperti email_helper, date_helper, dan sebagainya</div>
<div>
<br /></div>
<h3>
Language</h3>
<div>
<div>
Folder ini berfungsi untuk bahasa dari file-file terkait.</div>
<div>
<br /></div>
</div>
<h3>
Libraries</h3>
<div>
Libraries sudah berisi file class standar yang dibuat codeigniter. Anda dapat menggunakan class atau file ini untuk development website. Tetapi jika ingin custom, diharapkan untuk copy file yang dibutuhkan ke dalam folder application/libraries anda</div>
<div>
<br /></div>
<h2>
User Guide</h2>
<div>
Folder ini berisi manual user guide dari codeigniter. Dibuat ini untuk memudahkan membaca dokumentasi tanpa harus koneksi internet.</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<b>Referensi: </b><a href="https://www.tutorialspoint.com/codeigniter/codeigniter_application_architecture" target="_blank">tutorialspoint</a></div>
Arick Anjasmarahttp://www.blogger.com/profile/01691516951783919648noreply@blogger.com0tag:blogger.com,1999:blog-4922895609411636241.post-87424995942508714762019-07-28T19:58:00.000+07:002019-07-28T20:06:35.785+07:00CodeIgniter : Instalasi CodeIgniter<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/AVvXsEi0qOnfew2_hGWnxB9DhIFUuUTfLbalqAXC-XfrxA7KI7gMX5C4zPKvcax7gmLLvZ8VJcO1TiCLkAYbnW0nn0kwrLLnRJUSfR-_OvGCz0_m6C0h0r-b7GdyfB1SMBHx3K3gTtdCHE17IVU/s1600/codeigniter-logo-png-transparent.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="1600" data-original-width="1600" height="319" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0qOnfew2_hGWnxB9DhIFUuUTfLbalqAXC-XfrxA7KI7gMX5C4zPKvcax7gmLLvZ8VJcO1TiCLkAYbnW0nn0kwrLLnRJUSfR-_OvGCz0_m6C0h0r-b7GdyfB1SMBHx3K3gTtdCHE17IVU/s320/codeigniter-logo-png-transparent.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-size: 12.8px;">Logo CodeIgniter</span></td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
Halo. Pada tutorial ini saya akan menjelaskan cara instalasi framework codeigniter. Secara singkat, codeigniter merupakan framework yang memudahkan web developer untuk membuat website. Codeigniter sendiri menggunakan bahasa pemrograman PHP.<br />
<br />
Cara insalasinya cukup mudah, berikut adalah kelengkapan yang diperlukan untuk instalasi CodeIgniter (dalam case ini saya menggunakan OS Windows, untuk OS lain agar diperhatikan webservernya):<br />
<br />
<ul>
<li>XAMPP Web Server (<a href="https://www.apachefriends.org/download.html" target="_blank">download</a>)<span id="goog_1303658165"></span></li>
<li>CodeIgniter (<a href="https://www.codeigniter.com/download" target="_blank">download)</a></li>
</ul>
<div>
Langkah pertama yang harus dilakukan adalah install XAMPP Web Server. Cukup ikuti step by step instalasinya sampai selesai. Jika sudah selesai, maka akan muncul XAMPP Control Panel. Klik "start" di bagian Apache dan MySQL seperti gambar berikut</div>
<div>
<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/AVvXsEiiSWhLBuOxiuotSvl1QSrNWOFY-mCZLib_6Zo7FZLCA_LYPLaL950T5jyvBJfa2okPDQl-ccKXpx9gbLcarYZ0qVCfXtpHHpNyD2GhNw01Ps_4PLlpqWkBuhZMn6eH3EMVi3djkMLNR_A/s1600/Install+XAMPP.PNG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="434" data-original-width="668" height="414" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiSWhLBuOxiuotSvl1QSrNWOFY-mCZLib_6Zo7FZLCA_LYPLaL950T5jyvBJfa2okPDQl-ccKXpx9gbLcarYZ0qVCfXtpHHpNyD2GhNw01Ps_4PLlpqWkBuhZMn6eH3EMVi3djkMLNR_A/s640/Install+XAMPP.PNG" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-size: 12.8px;">XAMPP Web Server Start Apache & MySQL</span></td></tr>
</tbody></table>
<div>
<br />
Setelah dipastikan start keduanya, berikutnya copy file codeigniter.zip ke dalam folder xampp/htdocs sesuai path yang kalian install untuk XAMPP nya (Default XAMPP Windows: C:\xampp\htdocs). Kemudian ekstrak file codeigniter.zip di folder tersebut lalu rename foldernya menyesuaikan kebutuhan.</div>
<div>
<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/AVvXsEjVqYPuFNJeMwAbl63aPpXyd5djv1mKobatH9tcIyO5XdQ5dHvhK7nzz1SaZP2_1cHFM1svLfIHa5z7x4M0dUZIhwI8MlZm0nqBZBTub8bKAZwrcTVsqFGF9zmwtKgvlPNIuqL5GCWJSkw/s1600/codeigniter.PNG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="728" data-original-width="1366" height="341" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVqYPuFNJeMwAbl63aPpXyd5djv1mKobatH9tcIyO5XdQ5dHvhK7nzz1SaZP2_1cHFM1svLfIHa5z7x4M0dUZIhwI8MlZm0nqBZBTub8bKAZwrcTVsqFGF9zmwtKgvlPNIuqL5GCWJSkw/s640/codeigniter.PNG" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-size: 12.8px;">anjas_web</span></td></tr>
</tbody></table>
<div>
<br />
Jika sudah diekstrak, buka browser kemudian akses localhost/[nama_folder]</div>
<div>
<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/AVvXsEir3xnyzW4PAfV2UXDA4dbpmXgZKeU7IuVhXeeHiLxsjKeBD749q68hbO7XwoaNnkDT7gPwrmc_pufyJGw8ik8FoTN1KYET3pkWM3qn1l4XnDdyWXkOfZwEQ-RyX8qGR1z6L3bp1xct10o/s1600/codeigniter+2.PNG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="728" data-original-width="1366" height="340" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir3xnyzW4PAfV2UXDA4dbpmXgZKeU7IuVhXeeHiLxsjKeBD749q68hbO7XwoaNnkDT7gPwrmc_pufyJGw8ik8FoTN1KYET3pkWM3qn1l4XnDdyWXkOfZwEQ-RyX8qGR1z6L3bp1xct10o/s640/codeigniter+2.PNG" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td class="tr-caption" style="font-size: 12.8px;">Akses CodeIgniter dari Browser</td></tr>
</tbody></table>
<div style="font-size: medium; text-align: start;">
</div>
</td></tr>
</tbody></table>
<div>
Selamat, anda sudah berhasil install codeigniter. Jika ada pertanyaan, tulis di kolom comment di bawah ya</div>
<div>
<br /></div>
<div>
<span style="font-size: x-small;">*note: XAMPP Apache saya sedikit custom karena port 80 sudah dipakai. Saya menggunakan custom port di 8044 sehingga cara akses menggunakan localhost:8044</span></div>
Arick Anjasmarahttp://www.blogger.com/profile/01691516951783919648noreply@blogger.com0tag:blogger.com,1999:blog-4922895609411636241.post-65667616554074907562018-12-23T13:04:00.000+07:002018-12-23T13:04:51.786+07:00React Native : Part 3 - Styles & Text Input [2] <div class="separator" style="clear: both; text-align: center;">
<a href="https://static1.squarespace.com/static/58d20c79725e25b221549193/t/5ac7913c0e2e72e497bb94d8/1523028294001/512px-React-icon.svg.png" imageanchor="1"><img border="0" data-original-height="362" data-original-width="512" height="141" src="https://static1.squarespace.com/static/58d20c79725e25b221549193/t/5ac7913c0e2e72e497bb94d8/1523028294001/512px-React-icon.svg.png" width="200" /></a></div>
<br />
Halo, di bagian ini saya akan melanjutkan bahasan sebelumnya di <a href="http://blog.arickanjass.com/2018/12/react-native-part-2-styles-text-input-1.html" target="_blank">React Native : Part 2 - Styles & Text Input [1]</a> . Secara <i>project </i>juga masih melanjutkan dari tutorial sebelum-sebelumnya. Jadi jika terlewat, agar cek di tulisan sebelumnya ya.<br />
<br />
<span style="font-size: x-large;"><b>1. Auto Capitalize</b></span><br />
<span style="font-size: x-large;"><b><br /></b></span>Untuk membuat textInput otomatis menggunakan huruf kapital, maka ditambahkan properti <b>autoCapitalize </b>pada textInput. Value yang disediakan untuk autoCapitalize yaitu<br />
<ul>
<li><b>autoCapitalize="characters"</b> . berarti seluruh text yang diinput dalam textInput otomatis kapital seluruhnya (contoh: "<u>HELLO WORLD. HELLO WORLD</u>")</li>
<li><b>autoCapitalize="words"</b> . berarti setiap karakter pertama dalam kata yang diinput di textInput akan otomatis kapital (contoh: "<u>H</u>ello <u>W</u>orld. <u>H</u>ello <u>W</u>orld")</li>
<li><b>autoCapitalize="sentences"</b> . berarti setiap karakter pertama dalam kalimat akan otomatis kapital. (contoh: "<u>H</u>ello world. <u>H</u>ello world")</li>
<li><b>autoCapitalize="none" </b>. berarti dalam textInput tersebut tidak ada otomatis kapital, namun tetap bisa secara manual via keyboard (contoh: "hello world")</li>
</ul>
Di tutorial ini, saya menggunakan auto capitalize character pada textInput username. Sehingga code menjadi berikut<br />
<script src="https://pastebin.com/embed_js/9zftcziR"></script>
<br />
Dan keyboard di textInput otomatis menjadi kapital<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/AVvXsEhjO3z2U4JeDIznKgIcrvIGTa4jwQczwGERVfZb2f7D3ngrYAtiPBtQDjrOf8hwNfyHOKyV_-ROMj5E9GmHVXNkugDIUdwPVCge1mZhix9FdAdhkCBhxseBeqX-a6KxKKgX3SbaS2v17hI/s1600/React+Native+Auto+Capitalize+Character.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="1280" data-original-width="720" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjO3z2U4JeDIznKgIcrvIGTa4jwQczwGERVfZb2f7D3ngrYAtiPBtQDjrOf8hwNfyHOKyV_-ROMj5E9GmHVXNkugDIUdwPVCge1mZhix9FdAdhkCBhxseBeqX-a6KxKKgX3SbaS2v17hI/s320/React+Native+Auto+Capitalize+Character.jpg" width="180" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Text Input autoCapitalize Character</td></tr>
</tbody></table>
<span style="font-size: x-large;"><b><br /></b></span>
<span style="font-size: x-large;"><b>2. Keyboard Types</b></span><br />
<span style="font-size: x-large;"><b><br /></b></span>Keyboard di textInput dapat disesuaikan tipenya sesuai kebutuhan. Secara default, keyboard type tidak menggunakan format tertentu. Berikut adalah keyboard types yang dapat digunakan dalam textInput<br />
<br />
<ul>
<li><b>keyboardType="default" </b>. Keyboard type ini tidak menggunakan format</li>
</ul>
<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/AVvXsEiGG9ay9NIZOebvb9LObj2thqkOAl075o6suPpf7jMc5JTNxK4_6D0e3pL1WlzELcn72m8_iWZeGNxIcX9pbWR9vkUl5uqiCgctB1tc0rPG76LnRitWJ6YvaaRdfAipg93ovxybbj3ZWyw/s1600/React+Native+Keyboard+Type+Default.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="813" data-original-width="1079" height="241" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGG9ay9NIZOebvb9LObj2thqkOAl075o6suPpf7jMc5JTNxK4_6D0e3pL1WlzELcn72m8_iWZeGNxIcX9pbWR9vkUl5uqiCgctB1tc0rPG76LnRitWJ6YvaaRdfAipg93ovxybbj3ZWyw/s320/React+Native+Keyboard+Type+Default.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Keyboard Type Default</td></tr>
</tbody></table>
<div>
<ul>
<li><b>keyboardType="email-address" </b>. Keyboard type ini menggunakan format email</li>
</ul>
<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/AVvXsEiCAT99NVeRIdURhnE36CwZrP4gZBO_F20a6MyxKdehwAr2YBG3ui3gjcfm9a_DIUJc2nud2KrQeK9w3DHIg-vxAREejdymro9qJDrGFErKYI8-u7hQk7vcZ4CUC-M8dNJL3g8-SSdLYlQ/s1600/React+Native+Keyboard+Type+Email+Address.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="807" data-original-width="1080" height="239" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCAT99NVeRIdURhnE36CwZrP4gZBO_F20a6MyxKdehwAr2YBG3ui3gjcfm9a_DIUJc2nud2KrQeK9w3DHIg-vxAREejdymro9qJDrGFErKYI8-u7hQk7vcZ4CUC-M8dNJL3g8-SSdLYlQ/s320/React+Native+Keyboard+Type+Email+Address.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Keyboard Type Email Address</td></tr>
</tbody></table>
<div>
<ul>
<li><b>keyboardType="numeric" </b>. Keyboard type ini menggunakan input angka</li>
</ul>
<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/AVvXsEgvJqzwQFneNbrs_KXoqBdUDpr2-FS7sk073KpsTJafkGpHq8NmupG5Zy3luGI5dbmvNi0u6ujcT7f1X8f8ymGBdTywOw_hu-Eel-am3rTDhq4BD1J956z4FN5sFZpz7IhA9ml1twmvXkE/s1600/React+Native+Keyboard+Type+Numeric.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="700" data-original-width="1080" height="207" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvJqzwQFneNbrs_KXoqBdUDpr2-FS7sk073KpsTJafkGpHq8NmupG5Zy3luGI5dbmvNi0u6ujcT7f1X8f8ymGBdTywOw_hu-Eel-am3rTDhq4BD1J956z4FN5sFZpz7IhA9ml1twmvXkE/s320/React+Native+Keyboard+Type+Numeric.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Keyboard Type Numeric</td></tr>
</tbody></table>
<div>
<ul>
<li><b>keyboardType="phone-pad" </b>. Keyboard ini menggunakan input nomor telepon</li>
</ul>
<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/AVvXsEgb0rqVnwveqyopgYCFsQkEr52FE0u06JnsTwhYvbvSThQdBV46uCODWvsJCBKtut62WjfGr_WUIYnOypMZ9I6a9W67TSMHp2pLgxx0Y6dlb9kreOCwQSzk78uUwStgAJ6oTXGjhLq5W1w/s1600/React+Native+Keyboard+Type+Phone+Pad.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="814" data-original-width="1080" height="241" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb0rqVnwveqyopgYCFsQkEr52FE0u06JnsTwhYvbvSThQdBV46uCODWvsJCBKtut62WjfGr_WUIYnOypMZ9I6a9W67TSMHp2pLgxx0Y6dlb9kreOCwQSzk78uUwStgAJ6oTXGjhLq5W1w/s320/React+Native+Keyboard+Type+Phone+Pad.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Keyboard Type Phone Pad</td></tr>
</tbody></table>
<div>
<br /></div>
<div>
Pada textInput password, saya menggunakan keyboard type numeric seperti pin. Code-nya sebagai berikut</div>
</div>
</div>
</div>
<script src="https://pastebin.com/embed_js/NquscAgH"></script>
<span style="font-size: x-large;"><b><br /></b></span>
<span style="font-size: x-large;"><b>4. Secure Text Entry</b></span><br />
<span style="font-size: x-large;"><b><br /></b></span>Pada umumnya, untuk memasukan password textInput akan menggantikan karakter menjadi * . Untuk mengubah textInput menjadi "mode password", maka ditambahkan secureTextEntry. Sehingga code menjadi seperti berikut<br />
<script src="https://pastebin.com/embed_js/jZH95f0C"></script>
<br />
<span style="font-size: x-large;"><b>5. Keyboard Avoiding View</b></span><br />
<span style="font-size: x-large;"><b><br /></b></span>Jika dilihat pada textInput bagian username, tampilan keyboard saya seperti menutupi textInput password. Supaya keyboard tidak menutupi textInput lainnya, maka diperlukan keyboard avoiding view. Keyboard avoiding view saya letakan di bagian luar dari view. Perlu diingat untuk import KeyboardAvoidingView di react-native. Codenya sebagai berikut<br />
<script src="https://pastebin.com/embed_js/n8SijP3t"></script>
<br />
Berikut perbedaannya<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/AVvXsEiXn_pBhcfGqX9XhD3yTxmiUnpkXhqvhuCfWb4BRVegCPMW2mQ3Q2gTaoEe0AYSnP_5QHw189NhHTNFKPMerbyM18n7AEGIiY7kXdMa6NzhuEiHIf55ifeqWh3c91fvnuSw8g7yiLZW0wI/s1600/React+Native+Keyboard+Avoiding+View.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="1280" data-original-width="720" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXn_pBhcfGqX9XhD3yTxmiUnpkXhqvhuCfWb4BRVegCPMW2mQ3Q2gTaoEe0AYSnP_5QHw189NhHTNFKPMerbyM18n7AEGIiY7kXdMa6NzhuEiHIf55ifeqWh3c91fvnuSw8g7yiLZW0wI/s320/React+Native+Keyboard+Avoiding+View.jpg" width="180" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Tanpa keyboard avoiding view</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/AVvXsEgxuD0DGzIwr_ii1Jtfidfg3JgbUutBzXvS3pyffYAcYTiVTuQLo-O5rJ1gaFydgcIpH8fHCffkp-mMdtdYippbMf864oq4zIliTz7xvzMIllQOzYWtvFRPvVvUYkPnPbnZs86a_phWyTI/s1600/React+Native+Keyboard+Avoiding+View+2.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="1280" data-original-width="720" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxuD0DGzIwr_ii1Jtfidfg3JgbUutBzXvS3pyffYAcYTiVTuQLo-O5rJ1gaFydgcIpH8fHCffkp-mMdtdYippbMf864oq4zIliTz7xvzMIllQOzYWtvFRPvVvUYkPnPbnZs86a_phWyTI/s320/React+Native+Keyboard+Avoiding+View+2.jpg" width="180" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Dengan keyboard avoiding view</td></tr>
</tbody></table>
<br />
Untuk part 3 cukup sampai di sini dulu ya. Jika ada yang belum jelas, agar menulis komentar di bawah.Arick Anjasmarahttp://www.blogger.com/profile/01691516951783919648noreply@blogger.com0tag:blogger.com,1999:blog-4922895609411636241.post-46661093386781547212018-12-06T21:50:00.001+07:002018-12-08T19:32:53.274+07:00React Native : Part 2 - Styles & Text Input [1]<div class="separator" style="clear: both; text-align: center;">
<a href="https://static1.squarespace.com/static/58d20c79725e25b221549193/t/5ac7913c0e2e72e497bb94d8/1523028294001/512px-React-icon.svg.png" imageanchor="1"><img border="0" data-original-height="362" data-original-width="512" height="141" src="https://static1.squarespace.com/static/58d20c79725e25b221549193/t/5ac7913c0e2e72e497bb94d8/1523028294001/512px-React-icon.svg.png" width="200" /></a></div>
<br />
Halo, di bagian ini saya akan menjelaskan tentang styles dan text input pada react native. Secara <i>code</i>, styles di react native hampir sama dengan css di website. Saya contohkan sebagai berikut<br />
<br />
<table style="width: 100%;">
<thead>
<tr>
<th>CSS
</th>
<th>React Native
</th>
</tr>
</thead>
<tbody>
<tr>
<td>background-color: red;
</td>
<td>backgroundColor: red;
</td>
</tr>
<tr>
<td>border-width: 1px;
</td>
<td>borderWidth: 1;
</td>
</tr>
<tr>
<td>margin-top: 1px;
</td>
<td>marginTop: 1;
</td>
</tr>
<tr>
<td>padding-top: 1px;
</td>
<td>paddingTop: 1;
</td>
</tr>
</tbody>
</table>
<br />
Dalam tutorial ini, saya melanjutkan project yang sudah dibuat pada <a href="http://blog.arickanjass.com/2018/11/react-native-part-1-getting-started.html" target="_blank">part 1</a> sebelumnya. Saat project baru dibuat dengan template blank, maka akan diberikan beberapa file dalam folder projectnya. Buka file app.js<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/AVvXsEiQerSiibMri6WYUnDyQuQNkR8blRd17Pipbd434UEgYDno6UpoibSTMaZNOQLkInbiOWIek8U5T6cBmG74Qw0Cm_RaXenyzt2BzXzzsTGm0PRwIbKKkbViVKZSLB7ojn6iAwMVMc3Jil4/s1600/appjs+react+native.PNG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="728" data-original-width="1366" height="340" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQerSiibMri6WYUnDyQuQNkR8blRd17Pipbd434UEgYDno6UpoibSTMaZNOQLkInbiOWIek8U5T6cBmG74Qw0Cm_RaXenyzt2BzXzzsTGm0PRwIbKKkbViVKZSLB7ojn6iAwMVMc3Jil4/s640/appjs+react+native.PNG" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">first app.js react native</td></tr>
</tbody></table>
<br />
<span style="font-size: x-large;"><b>1. Initiate Style</b></span><br />
<span style="font-size: x-large;"><b><br /></b></span>
Inisialisasi style pada react native dengan cara<br />
<br />
<script src="https://pastebin.com/embed_js/pWwQMQih"></script><br />
Jika flex bernilai 1, maka componentnya akan memenuhi ruang pada layar sedangkan jika flex bernilai 0, maka component akan fit to content yang ada di dalamnya.<br />
<br />
<span style="font-size: x-large;"><b>2. Initiate TextInput</b></span><br />
<span style="font-size: x-large;"><b><br /></b></span>
Lalu bagaimana dengan textinput? Tambahkan TextInput pada bagian import from 'react-native' anda, kemudian anda bisa mengetik bagian TextInput di dalam <view></view> seperti di bawah<br />
<br />
<script src="https://pastebin.com/embed_js/VPxU2h7T"></script>
<br />
Jika dijalankan maka akan sebagai berikut
<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/AVvXsEjeflpXrN5nP5cWi-XRl5a26xfgSjD8JGmdaaQXZgziP_7-k6aI8H3Q4ZJ8EjhrCNw5l2Wm8nhAn0oUUdIlmwUqZKiManfUb6lty_PQa3Rh10KpQ9TgcqzZsFEW6fBljwrTdQCjerNLZto/s1600/React+Native+Text+Input+1.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="1280" data-original-width="720" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeflpXrN5nP5cWi-XRl5a26xfgSjD8JGmdaaQXZgziP_7-k6aI8H3Q4ZJ8EjhrCNw5l2Wm8nhAn0oUUdIlmwUqZKiManfUb6lty_PQa3Rh10KpQ9TgcqzZsFEW6fBljwrTdQCjerNLZto/s320/React+Native+Text+Input+1.jpg" width="180" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Text Input 1</td></tr>
</tbody></table>
<br />
Terlihat tidak ada perubahan pada tampilannya. Itu karena kita belum set style pada text input tersebut.<br />
<br />
<span style="font-size: x-large;"><b>3. Styles on TextInput</b></span><br />
<div>
<span style="font-size: x-large;"><b><br /></b></span></div>
<div>
Sebelum menambahkan styles ke textinput, pertama kita harus membuat styles baru yang akan digunakan di textinput. Tambahkan styles dengan nama username menjadi berikut</div>
<br />
<script src="https://pastebin.com/embed_js/Tjyxktr1"></script>setelah itu sisipkan style ke textinput dengan style={styles.username}. Jika dijalankan akan seperti berikut<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/AVvXsEh5c2WAYd3z1qn9PQoo3UVBl4-kR7ixCvos59O9Cmu2_Ix7oChb56zFpHQWRAUkrIw8UFYE6qRZLULwYOC7luQqIx0BXemLH-DkoW1zv874nmim0oaMxpXir_3uA3pv7V19YG0JdKUow8Y/s1600/React+Native+Text+Input+2.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="1280" data-original-width="720" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5c2WAYd3z1qn9PQoo3UVBl4-kR7ixCvos59O9Cmu2_Ix7oChb56zFpHQWRAUkrIw8UFYE6qRZLULwYOC7luQqIx0BXemLH-DkoW1zv874nmim0oaMxpXir_3uA3pv7V19YG0JdKUow8Y/s320/React+Native+Text+Input+2.jpg" width="180" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Text Input 2</td></tr>
</tbody></table>
<br />
Anda dapat menambahkan placeholder/hint pada textinput dengan cara menambahkan code di dalam textinput, sehingga textinput menjadi sebagai berikut<br />
<script src="https://pastebin.com/embed_js/dQxSzWtN"></script><br />
<br />
<b style="font-size: xx-large;">4. Exercise</b><br />
<b style="font-size: xx-large;"><br /></b>
Sebagai latihan anda, agar dicoba buat tampilan seperti berikut<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/AVvXsEiPvuHG1ctjlEQOuaA1bdIiYEx9L-8FI7Jam_0M299E0qBweLN8SioA3zJgkFy9bpa1AGDphCObWqjb-c5E4QBEgvLxd-OcAgqJaka25FV_6VQGoYgO3D27rUJQgQxKQl2HeXW3MhN8io8/s1600/React+Native+Text+Input+3.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="1280" data-original-width="720" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPvuHG1ctjlEQOuaA1bdIiYEx9L-8FI7Jam_0M299E0qBweLN8SioA3zJgkFy9bpa1AGDphCObWqjb-c5E4QBEgvLxd-OcAgqJaka25FV_6VQGoYgO3D27rUJQgQxKQl2HeXW3MhN8io8/s320/React+Native+Text+Input+3.jpg" width="180" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Exercise React Native Text Input</td></tr>
</tbody></table>
<br />
Ini adalah cheatcodes atas exercise di atas:<br />
<br />
<ul>
<li>Container background color : #7ed6df</li>
<li>Container hilangkan alignItems center supaya otomatis rata kiri</li>
<li>Container ditambahkan padding : 10</li>
<li>Username background color : #fff</li>
<li>Username ditambahkan padding : 5</li>
</ul>
<div>
Gimana, ada kesulitan? Jika masih kesulitan, berikut adalah link untuk code dari exercise di atas: <a href="https://pastebin.com/Ng1jYVi1" target="_blank">pastebin</a></div>
Arick Anjasmarahttp://www.blogger.com/profile/01691516951783919648noreply@blogger.com0tag:blogger.com,1999:blog-4922895609411636241.post-15045566718329917542018-11-20T11:27:00.000+07:002018-11-20T19:11:12.256+07:00React Native : Part 1 - Getting Started<div class="separator" style="clear: both; text-align: center;">
<a href="https://static1.squarespace.com/static/58d20c79725e25b221549193/t/5ac7913c0e2e72e497bb94d8/1523028294001/512px-React-icon.svg.png" imageanchor="1"><img border="0" data-original-height="362" data-original-width="512" height="141" src="https://static1.squarespace.com/static/58d20c79725e25b221549193/t/5ac7913c0e2e72e497bb94d8/1523028294001/512px-React-icon.svg.png" width="200" /></a></div>
<br />
Halo, di bagian ini saya akan menjelaskan bagian dasar untuk memulai <i>coding </i>dengan React Native. Sebelum itu, sebaiknya dipersiapkan alat dan bahannya terlebih dahulu ya. (saya menggunakan <b>os Windows</b> dalam contoh ini)<br />
<br />
<span style="font-size: large;"><b>Tools:</b></span><br />
<ul>
<li><a href="https://nodejs.org/en/download/">Nodejs</a> (version 5 or higher)</li>
<li><a href="https://code.visualstudio.com/download">Visual Studio Code</a> (optional)</li>
</ul>
<div>
<span style="font-size: large;"><b>Step:</b></span></div>
<div>
<ol>
<li>install nodejs</li>
<li>install expo</li>
<li>Create new project</li>
</ol>
<div>
<br /></div>
<div>
<span style="font-size: large;"><b>1. Install nodejs</b></span></div>
<div>
<br /></div>
<div>
Install nodejs sampai selesai.</div>
</div>
<div>
<br />
Untuk mengecek versi dari nodejs, anda dapat menggunakan command berikut di cmd<br />
<br />
<b style="background-color: #999999; font-family: monospace;">> npm -v</b><br />
<b style="font-family: monospace;"><br /></b></div>
<div>
Maka akan tampil versi dari node anda, seperti berikut<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/AVvXsEjrShntEwhcuHYSihK92mtGQjaYMLwOIrm75JjYBkMo9JAQn1GmajNcGoKNYEtVoq-D-r_OPgTvIJ3NgNnfSyYoQZIsefz-IUSVwLpkmaHHjB3QIfqW-Y0NgB6vryAH3zplezQlzSQSM4g/s1600/check+version+nodejs.PNG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="check nodejs version" border="0" data-original-height="512" data-original-width="979" height="332" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrShntEwhcuHYSihK92mtGQjaYMLwOIrm75JjYBkMo9JAQn1GmajNcGoKNYEtVoq-D-r_OPgTvIJ3NgNnfSyYoQZIsefz-IUSVwLpkmaHHjB3QIfqW-Y0NgB6vryAH3zplezQlzSQSM4g/s640/check+version+nodejs.PNG" title="check nodejs version" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">check nodejs version</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><b><br /></b></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><b>2. Install Expo</b></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><b><br /></b></span></div>
<div class="separator" style="clear: both; text-align: left;">
Setelah install nodejs, langkah berikutnya adalah install expo. Untuk install expo via cmd, ketik command berikut kemudian enter (prosesnya cukup lama, tergantung koneksi pribadi)</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<b style="background-color: #999999; font-family: monospace;">> npm i -g expo-cli</b></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Maka akan otomatis download, seperti berikut</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/AVvXsEjtKYFwMSjRnxu9PWGgpKNy9Yq9DotNFuaHQpH0F8Zxq3rcMes_-E-R8S-HPlJBIy5T22kMDXK4EarOCMb6oUyFxJmRBRqlFEeopEuDmMP6qiqVVExcZr6sF-Me49WU4wKpneVu1SF3p1E/s1600/install+expo.PNG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="install expo" border="0" data-original-height="512" data-original-width="979" height="334" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtKYFwMSjRnxu9PWGgpKNy9Yq9DotNFuaHQpH0F8Zxq3rcMes_-E-R8S-HPlJBIy5T22kMDXK4EarOCMb6oUyFxJmRBRqlFEeopEuDmMP6qiqVVExcZr6sF-Me49WU4wKpneVu1SF3p1E/s640/install+expo.PNG" title="install expo" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">install expo before</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Jika sudah selesai maka akan seperti berikut</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/AVvXsEhq9dvE-QZptT_-l8EAVNDmB-72dxrbuAbWv3Fqm1roBV6JjALSeH3eIwNSPsitd_5JODpJUW0loJKYcVzx0KcNA_De50ExEVKzsGHulz3NwXANIUgE1oZAv-c0W0KP6b5bJE_L552hFUc/s1600/install+expo+done.PNG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="install expo after" border="0" data-original-height="512" data-original-width="979" height="334" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq9dvE-QZptT_-l8EAVNDmB-72dxrbuAbWv3Fqm1roBV6JjALSeH3eIwNSPsitd_5JODpJUW0loJKYcVzx0KcNA_De50ExEVKzsGHulz3NwXANIUgE1oZAv-c0W0KP6b5bJE_L552hFUc/s640/install+expo+done.PNG" title="install expo after" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">install expo after</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><b>3. Create New Project React Native</b></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><b><br /></b></span></div>
<div class="separator" style="clear: both; text-align: left;">
Untuk membuat project react native, anda perlu menentukan path source akan disimpan terlebih dahulu. Di sini saya menggunakan path E:\React Native sebagai contoh.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Arahkan cmd anda ke direktori yang sudah ditentukan. Kemudian ketik command berikut</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<b style="background-color: #999999; font-family: monospace;">> expo init belajar-react-native</b></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Maka anda akan diberikan 2 pilihan template, yaitu blank atau tabs. Untuk memilih, anda dapat menggunakan arrow up/down kemudian enter</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/AVvXsEjL7SZdjAyeXmAymJagtwa63gtETh2uYqS8fn5zRrPnGyFJSrMFWOao2P-jS6JTwFNWIVfD4jqI03_Dj1YWGFDgyy6vknXe2YEOR_Xxy-mhHd1afPNbSQv8GUI1jAdTJLoe3JS7CNfAQ2Y/s1600/choose+template+expo.PNG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="choose template react native" border="0" data-original-height="512" data-original-width="979" height="332" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL7SZdjAyeXmAymJagtwa63gtETh2uYqS8fn5zRrPnGyFJSrMFWOao2P-jS6JTwFNWIVfD4jqI03_Dj1YWGFDgyy6vknXe2YEOR_Xxy-mhHd1afPNbSQv8GUI1jAdTJLoe3JS7CNfAQ2Y/s640/choose+template+expo.PNG" title="choose template react native" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">choose template react native</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Di sini saya memilih template blank. Jika proses init sudah selesai, maka akan tampil sebagai berikut</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/AVvXsEgYUzrgmu04qm_PUZhJDqqrAOipNB-0bPM1i_uCvJUXm-m24QOhLS2KUvHqJDxVQhftZDev_xvtzmZw0v3X5IqUKzv4Y3MH8BDBdvCauPeNsS_YviCnN0T_VQifb0qYMkKti03IRg47yG4/s1600/init+expo+done.PNG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="init expo done" border="0" data-original-height="512" data-original-width="979" height="334" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYUzrgmu04qm_PUZhJDqqrAOipNB-0bPM1i_uCvJUXm-m24QOhLS2KUvHqJDxVQhftZDev_xvtzmZw0v3X5IqUKzv4Y3MH8BDBdvCauPeNsS_YviCnN0T_VQifb0qYMkKti03IRg47yG4/s640/init+expo+done.PNG" title="init expo done" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">init expo done</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><b><br /></b></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><b>4. Running Application</b></span></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Untuk menjalankan aplikasi pertama kali, anda masuk ke dalam direktori project kemudian ketik command berikut</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<b style="background-color: #999999; font-family: monospace;">> expo start</b></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Jika berhasil, maka akan tampil sebagai berikut</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/AVvXsEgWUnx7pqx6t5iXboet0xti3N9Ju2flxl-3xICxXSewhqLfWWxzLwvpS7Jmo-cGkusBHCxLCbiGXkuLcxqP7ywwVl_oKWZ1Z7HgWPIF5UydK4a5Fi3gaM9y-8C8N0U2qlDivTS4bHcoU7o/s1600/expo+run+1.PNG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Expo running" border="0" data-original-height="512" data-original-width="979" height="332" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWUnx7pqx6t5iXboet0xti3N9Ju2flxl-3xICxXSewhqLfWWxzLwvpS7Jmo-cGkusBHCxLCbiGXkuLcxqP7ywwVl_oKWZ1Z7HgWPIF5UydK4a5Fi3gaM9y-8C8N0U2qlDivTS4bHcoU7o/s640/expo+run+1.PNG" title="Expo running" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Expo running</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Dan anda juga akan diarahkan ke browser seperti berikut</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/AVvXsEiIM_yJ_0ndJean_q17sGHOKUfKUrpojJJLDhcCeS7RkAPhRz-aElXUZgjsZTbJu2dzlPW6ABul2csVCbnLIiWUr0GC65PXYi0EI-g_eXlgeCIz0IM7SSlhWDpRu86QFwI18YDtVJRTSe0/s1600/expo+run+2.PNG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Expo running browser" border="0" data-original-height="767" data-original-width="1366" height="358" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIM_yJ_0ndJean_q17sGHOKUfKUrpojJJLDhcCeS7RkAPhRz-aElXUZgjsZTbJu2dzlPW6ABul2csVCbnLIiWUr0GC65PXYi0EI-g_eXlgeCIz0IM7SSlhWDpRu86QFwI18YDtVJRTSe0/s640/expo+run+2.PNG" title="Expo running browser" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Expo running browser</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
React Native dapat dijalankan di os Android dan IOS. Untuk running di handphone anda, silahkan download Expo di <a href="https://play.google.com/store/apps/details?id=host.exp.exponent">Google Play</a> / <a href="https://itunes.apple.com/us/app/expo-client/id982107779?mt=8">Appstore</a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Dalam contoh ini saya menggunakan android. Scan QR Code menggunakan aplikasi Expo di handphone anda. <b>Pastikan handphone dan PC anda dalam 1 jaringan ya.</b></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Jika berhasil discan, maka dalam cmd anda akan muncul proses build</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/AVvXsEixpJ9ZeBJp7cTD6J2JkhVox4btl7eGGr0Rp9S5ZGh61yfUwcnLTNLwU7dt2vKT7gHWwXxZGxnq__HghQmbgKMSMrFoIb1Q6a-ObrD1nj39J9p9LvViwH7RBQGHjeviTCijRIDCnWSO3TA/s1600/expo+scan+from+mobile.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Expo build javascript bundle" border="0" data-original-height="512" data-original-width="979" height="334" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixpJ9ZeBJp7cTD6J2JkhVox4btl7eGGr0Rp9S5ZGh61yfUwcnLTNLwU7dt2vKT7gHWwXxZGxnq__HghQmbgKMSMrFoIb1Q6a-ObrD1nj39J9p9LvViwH7RBQGHjeviTCijRIDCnWSO3TA/s640/expo+scan+from+mobile.png" title="Expo build javascript bundle" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Expo build javascript bundle</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Jika sudah 100%, maka aplikasi sudah dapat dijalankan di handphone anda</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/AVvXsEgBvh-OlnGAB6LbzzRIn0ica4bVvzc8AUoAuqYcM5jNilSRJ3DxGIeRE5G2j0q5-axwj0R9q2NThp5kRna1csJaBUBVlH3B7ZOEHzGxStGITj8QAr7sBn_XV8mJXryqhKAQNFlJc1VKlWk/s1600/expo+running+on+android.jpeg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="tampilan aplikasi di handphone" border="0" data-original-height="1280" data-original-width="720" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBvh-OlnGAB6LbzzRIn0ica4bVvzc8AUoAuqYcM5jNilSRJ3DxGIeRE5G2j0q5-axwj0R9q2NThp5kRna1csJaBUBVlH3B7ZOEHzGxStGITj8QAr7sBn_XV8mJXryqhKAQNFlJc1VKlWk/s400/expo+running+on+android.jpeg" title="tampilan aplikasi di handphone" width="225" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">tampilan aplikasi di handphone</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: medium;"><br />Sekian untuk part 1 ini. Jika ada kendala, silahkan comment di bawah.</span></div>
</div>
Arick Anjasmarahttp://www.blogger.com/profile/01691516951783919648noreply@blogger.com0tag:blogger.com,1999:blog-4922895609411636241.post-86501741771635243062015-04-18T11:38:00.000+07:002015-04-18T11:39:10.129+07:00TUGAS: Komponen-Komponen CPU dan Fungsinya<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoNgA2Jlsd1cUI4Ex6rsiS9Z-3KPR6ZiVvna1Ofxw4sEDnbi3cPVZa1f3mKvTR1vKaP-FkeIDPQSWaZvH52RsiRZIfMQiobtSdQiZLam0GOu8LpBbJLQU9NGDSTTv_7_GWYoDBG51R47Q/s1600/fungsi+cpu+komputer.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoNgA2Jlsd1cUI4Ex6rsiS9Z-3KPR6ZiVvna1Ofxw4sEDnbi3cPVZa1f3mKvTR1vKaP-FkeIDPQSWaZvH52RsiRZIfMQiobtSdQiZLam0GOu8LpBbJLQU9NGDSTTv_7_GWYoDBG51R47Q/s1600/fungsi+cpu+komputer.jpg" /></span></a></div>
<span style="font-family: inherit;"><br /></span>
<span style="background-color: white; color: #333333; line-height: 21.7000007629395px; text-align: justify;"><span style="font-family: inherit;"><b>Central processing unit (CPU)</b> adalah bagian dari hardware yang melaksanakan instruksi dari program komputer. Ia melakukan aritmatika, logis, dan operasi input / output dasar dari sebuah sistem komputer. CPU adalah seperti otak dari komputer – setiap instruksi, tidak peduli seberapa sederhana, harus melalui CPU.</span></span><br />
<span style="background-color: white; text-align: justify;"><span style="font-family: inherit;"><br /></span></span>
<br />
<div style="color: #333333; line-height: 21.7000007629395px; text-align: justify;">
<span style="font-family: inherit;">CPU dikontrol mendayagunakan sekumpulan seruan perangkat lunak komputer. Perangkat lunak tersebut dapat dijalankan oleh CPU dengan membacanya dari media penyimpan, seperti cakram keras, disket, cakram padat, maupun pita perekam. Instruksi-instruksi tersebut kemudian disimpan terlebih dahulu didalam memori badan (RAM), yang mana berbagai instruksi akan diberi alamat unik yang dibilang alamat kenangan. Selanjutnya, CPU dapat mengakses data-data pada RAM dengan menentukan alamat data yang dikehendaki.</span></div>
<div style="color: #333333; line-height: 21.7000007629395px; text-align: justify;">
<span style="font-family: inherit;"><br /></span></div>
<div style="color: #333333; line-height: 21.7000007629395px; text-align: justify;">
<span style="font-family: inherit;"><b>Komponen-Komponen CPU:</b></span></div>
<div style="color: #333333; line-height: 21.7000007629395px; text-align: justify;">
<span style="font-family: inherit;"><span style="line-height: 21.7000007629395px;">1.<b> </b>Motherboard</span></span></div>
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: inherit;"><a href="http://perangkatkeraskomputer.net/wp-content/uploads/02/motherboard-150x112.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://perangkatkeraskomputer.net/wp-content/uploads/02/motherboard-150x112.jpg" /></a></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-family: inherit;"><span style="color: #222222; line-height: 24px; text-align: start;">Motherboard atau mainboard adalah komponen utama yang membangun sebuah komputer. Berbentuk papan persegi dengan slot-slot untuk memasukkan komponen-komponen lain. Fungsinya untuk menghubungkan seluruh komponen PC.</span></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-family: inherit;"><span style="color: #222222; line-height: 24px; text-align: start;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-family: inherit;"><span style="color: #222222; line-height: 24px; text-align: start;">2. Processor</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: inherit;"><a href="http://perangkatkeraskomputer.net/wp-content/uploads/02/cpu-150x120.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://perangkatkeraskomputer.net/wp-content/uploads/02/cpu-150x120.jpg" /></a></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-family: inherit;">Processor merupakan otak dari sebuah komputer yang berfungsi untuk mengeksekusi sebuah perintah. Jadi cepat atau lambatnya kinerja dari sebuah komputer akan sangat bergantung pada kecepatan processor yang digunakannya.</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-family: inherit;"><br /></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-family: inherit;">3. Memory RAM</span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: inherit;"><a href="http://perangkatkeraskomputer.net/wp-content/uploads/02/ram-150x105.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://perangkatkeraskomputer.net/wp-content/uploads/02/ram-150x105.jpg" /></a></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-family: inherit;"><br /></span></div>
<div>
<span style="font-family: inherit;"><span style="color: #333333;"><span style="line-height: 21.7000007629395px;">Random Access Memory (RAM) berfungsi sebagai tempat transit data sementara untuk operasi-operasi yang sedang dijalankan oleh CPU. RAM bersifat volatile, yaitu tidak menyimpan data secara permanen, hanya untuk operasi yang dibutuhkan saja.</span></span></span></div>
<div>
<span style="font-family: inherit;"><span style="color: #333333;"><span style="line-height: 21.7000007629395px;"><br /></span></span></span></div>
<div>
<span style="font-family: inherit;"><span style="color: #333333;"><span style="line-height: 21.7000007629395px;">4. Video Graphic Array (VGA)</span></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: inherit;"><a href="http://perangkatkeraskomputer.net/wp-content/uploads/02/vga-150x102.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://perangkatkeraskomputer.net/wp-content/uploads/02/vga-150x102.jpg" /></a></span></div>
<div>
<span style="font-family: inherit;"><span style="color: #222222; line-height: 24px; text-align: start;">VGA card atau kartu grafis berfungsi sebagai penghubung yang memungkinkan pengiriman data-data grafis antara PC dan perangkat display seperti monitor atau proyektor. Sebagian besar komputer memiliki VGA yang terpisah sebagai kartu ekspansi yang dipasang pada slot motherboard. Namun ada juga komputer yang mempunyai VGA terintegrasi pada motherboard atau pada CPU-nya.</span></span></div>
<div>
<span style="font-family: inherit;"><span style="color: #222222; line-height: 24px; text-align: start;"><br /></span></span></div>
<div>
<span style="font-family: inherit;"><span style="color: #222222; line-height: 24px; text-align: start;">5. Harddisk</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: inherit;"><a href="http://perangkatkeraskomputer.net/wp-content/uploads/02/hdd-150x115.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://perangkatkeraskomputer.net/wp-content/uploads/02/hdd-150x115.jpg" /></a></span></div>
<div>
<span style="font-family: inherit;"><span style="color: #222222; line-height: 24px; text-align: start;">Hard-disk berfungsi sebagai tempat penyimpanan data utama dalam sebuah sistem komputer. Sistem Operasi , aplikasi, dan dokumen-dokumen disimpan pada hard-disk ini. Pada PC terbaru, ada juga perangkat keras baru yang bernama Solid State Drive (SSD). Fungsinya sama seperti hard-disk, namun menawarkan kecepatan transfer data yang lebih cepat.</span></span></div>
<div>
<span style="font-family: inherit;"><span style="color: #222222; line-height: 24px; text-align: start;"><br /></span></span></div>
<div>
<span style="font-family: inherit;"><span style="color: #222222; line-height: 24px; text-align: start;">6. Optical Disc Drive</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: inherit;"><a href="http://perangkatkeraskomputer.net/wp-content/uploads/02/odd-150x103.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://perangkatkeraskomputer.net/wp-content/uploads/02/odd-150x103.jpg" /></a></span></div>
<div>
<span style="font-family: inherit;"><span style="color: #222222; line-height: 24px; text-align: start;">Optical drive biasa juga dikenal dengan nama CD Drive, DVD Drive atau ODD. Fungsi dari perangkat ini adalah untuk membaca dan juga menyimpan data dari dan ke media cakram optik seperti CD , DVD, atau Blu-Ray Disc.</span></span></div>
<div>
<span style="font-family: inherit;"><span style="color: #222222; line-height: 24px; text-align: start;"><br /></span></span></div>
<div>
<span style="font-family: inherit;"><span style="color: #222222; line-height: 24px; text-align: start;">7.Power Supply</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: inherit;"><a href="http://perangkatkeraskomputer.net/wp-content/uploads/02/psu-150x136.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://perangkatkeraskomputer.net/wp-content/uploads/02/psu-150x136.jpg" /></a></span></div>
<div>
<span style="font-family: inherit;"><span style="color: #222222; line-height: 24px; text-align: start;">Power Supply berfungsi sebagai pengkonversi dan penyalur energi listrik dari outlet sumber (misalnya listrik PLN) ke bentuk energi listrik yang dapat digunakan untuk menjalankan komponen komputer yang berada di dalam casing. Biasanya, PSU ini diletakkan di bagian belakang casing.</span></span></div>
</div>
Arick Anjasmarahttp://www.blogger.com/profile/01691516951783919648noreply@blogger.com0tag:blogger.com,1999:blog-4922895609411636241.post-26472653254102626012015-03-27T13:55:00.002+07:002015-03-27T13:56:40.443+07:00TUGAS: Sejarah dan Perkembangan Komputer<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoW6IkJ9Tzi7lETufRBNyALB515HFfZJRGQ55pEUoYv-T2i49Eldi-dtgF_6YCLDZV1FsmhpArktrfbpTAm1Y_goON-xiRodkmTg3rbgps7b-0Ym3ZE6C6bH_A7hCwWcD8IsalmdLjqkU/s1600/download.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoW6IkJ9Tzi7lETufRBNyALB515HFfZJRGQ55pEUoYv-T2i49Eldi-dtgF_6YCLDZV1FsmhpArktrfbpTAm1Y_goON-xiRodkmTg3rbgps7b-0Ym3ZE6C6bH_A7hCwWcD8IsalmdLjqkU/s1600/download.jpg" height="200" width="400" /></a></div>
<div class="MsoNormal" style="text-align: justify; text-indent: 36pt;">
<br /></div>
<div class="MsoNormal" style="text-align: justify; text-indent: 36pt;">
<span style="font-family: inherit;"><span style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; color: #252525; font-size: 12pt; line-height: 150%;">Komputer berasal dari bahasa latin "computare", yang berarti
alat hitung, karena awalnya komputer lebih digunakan sebagai perangkat bantu
dalam hal penghitungan angka-angka sebelum akhirnya menjadi perangkat
multifungsi. </span><span style="font-size: 12pt; line-height: 150%;">Tetapi pengertian komputer saat ini bukanlah semata-mata
sebagai alat hitung saja tetapi adalah suatu alat hitung dengan konstruksi
elektronika yang mempunyai storage internal (tempat penyimpanan) dan bekerja
dengan bantuan sistem operasi (operating system) menurut program-program yang
diberikan kepadanya.<o:p></o:p></span></span></div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
<span style="font-size: 12pt; line-height: 150%;"><b><span style="font-family: inherit;">Sejarah Komputer</span></b></span></div>
<div class="MsoNormal" style="text-align: justify;">
<span style="font-size: 12pt; line-height: 150%;"><span style="font-family: inherit;"><br /></span></span></div>
<div class="MsoNormal" style="text-align: justify;">
<span style="font-family: inherit;"><span style="font-size: 12pt; line-height: 150%;"><o:p></o:p></span><span style="font-size: 12pt; line-height: 150%;">Berikut merupakan contoh penemuan komputer:</span></span></div>
<div class="MsoNormal" style="text-align: justify;">
<span style="font-family: inherit;"><span style="font-size: 12pt; line-height: 150%; text-indent: -18pt;">1. Abacus, a</span><span style="font-size: 12pt; line-height: 150%;">dalah alat yang paling awal digunakan
untuk perhitungan yang terbuat dari rangka kayu dengan sederetan poros yang berisi
manik-manik yang bisa digeser. Saat ini lebih dikenal dengan istilah sempoa.</span></span></div>
<div class="MsoListParagraphCxSpMiddle" style="text-align: justify;">
<span style="font-size: 12pt; line-height: 150%;"><span style="font-family: inherit;"><br /></span></span></div>
<div class="MsoListParagraphCxSpMiddle" style="text-align: justify; text-indent: 0px;">
<span style="font-family: inherit;"><span style="font-size: 12pt; line-height: 150%; text-indent: -18pt;">2. </span><span style="font-size: 12pt; line-height: 150%; text-indent: -18pt;">Babbage, a</span><span style="font-size: 12pt; line-height: 150%;">dalah mesin hitung mekanik <span class="apple-converted-space"><span style="background: white; color: #252525;"> </span></span><span style="background: white; color: #252525;">untuk melakukan perhitungan persamaan
differensial yang muncul pada tahun 1822</span></span> yang ditemukan oleh
Charles Babbage. <span style="background: white; color: #252525;">Setelah bekerja
dengan mesin differensial selama sepuluh tahun, babbage terinspirasi untuk
memulai membuat komputer generasi purpose (multifungsi) pertama, yang di sebut
analitycal engine.Atas sumbangan penemuan yang sangat besar ini maka Charles
Babbage disebut bapak komputer modern.</span></span></div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
<span style="font-size: 12pt; line-height: 150%;"><span style="font-family: inherit;"><br /></span></span></div>
<div class="MsoNormal" style="text-align: justify;">
<span style="font-size: 12pt; line-height: 150%;"><span style="font-family: inherit;"><b>Generasi Komputer</b><o:p></o:p></span></span></div>
<div class="MsoNormal" style="text-align: justify;">
<span style="font-size: 12pt; line-height: 150%;"><b><span style="font-family: inherit;"><br /></span></b></span></div>
<div class="MsoListParagraphCxSpFirst" style="text-align: justify; text-indent: -18pt;">
<!--[if !supportLists]--><span style="font-family: inherit;"><span style="font-size: 12pt; line-height: 150%;">·<span style="font-size: 7pt; font-stretch: normal; line-height: normal;"> <b>
</b></span></span><!--[endif]--><span style="font-size: 12pt; line-height: 150%;"><b>Komputer Generasi Pertama (1946 – 1959)</b><o:p></o:p></span></span></div>
<div class="MsoListParagraphCxSpMiddle" style="text-align: justify;">
<span style="font-family: inherit;"><span style="background: white; color: #252525; font-size: 12pt; line-height: 150%;">Awal Mula
diciptakan komputer adalah pada saat terjadinya Perang Dunia II, negara -
negara yang terlibat dalam perang tersebut berusaha mengembangkan komputer
untuk mengeksploitasi potensi strategis yang dimiliki komputer.</span> Perkembangan
Komputer Generasi I diawali dengan terciptanya komputer yang disebut Electronic
Numerical Integrator and Computer (ENIAC). Komputer ini dibuat oleh pemerintah
Amerika Serikat yang bekerja sama dengan university of Pennysylvania pada tahun
1946. ENIAC terdiri atas 18.000 tabung vakum, 70.000 resistor, dan 5 juta titik
solder. ENIAC merupakan komputer serbaguna (general purpose computer)
yang bekerja 1000 kali lebih cepat dibanding Mark 1. Pertengahan
1940-an, John Von Neumann (1903-1957) bergabung dengan tim University Of
Pennysylvania. Von Neumann mendesain Electronic Discrete Variable
Automatic Comnputer (EDVAC) pada tahun 1945 dengan sebuah memori untuk
menampung baik program atau pun data. Teknik ini memungkinkan komputer untuk
berhenti pada suatu saat dan kemudian melanjutkan pekerjaannya kembali. Kunci
utama arsitektur Von Neumann adalah unit pemrosesan sentral (Central processor
unit/ CPU), yang memungkinkan seluruh fungsi komputer dikoordinasikan melalui
satu sumber tunggal. Tahun 1951, UNIVAC I (Universal Automatic Computer I) yang
di buat oleh Remington Rand, menjadi komputer komersial pertama yang
memanfaatkan model arsitektur Von Neumann. UNIVAC dimiliki oleh Badan Sensus
Amerika Serikat dan General Electric. Salah satuhasil mengesankan komputer
UNIVAC, yaitu prediksi kemenangan Eisenhower dalam pemilihan presiden Amerika
Serikat pada tahun 1952.<o:p></o:p></span></div>
<div class="MsoListParagraphCxSpMiddle" style="text-align: justify;">
<span style="font-family: inherit;"><span style="background: white; color: #252525; font-size: 12pt; line-height: 150%;">Berikut
Karakteristik komputer Generasi I secara umum</span> :<o:p></o:p></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 54pt; text-align: justify; text-indent: -18pt;">
<!--[if !supportLists]--><span style="font-family: inherit;"><span style="color: #252525; font-size: 13pt; line-height: 150%;">1.<span style="font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><span style="background: white; color: #252525; font-size: 12pt; line-height: 150%;">Sirkuitnya
Menggunakan Tabung Hampa. Penggunaan Tabung Hampa tersebut yang membuat ukuran
komputer pada masa tersebut berukuran sangat besar.</span><b><span style="font-size: 12pt; line-height: 150%;"><o:p></o:p></span></b></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 54pt; text-align: justify; text-indent: -18pt;">
<!--[if !supportLists]--><span style="font-family: inherit;"><span style="color: #252525; font-size: 13pt; line-height: 150%;">2.<span style="font-size: 7pt; font-stretch: normal; line-height: normal;">
</span></span><!--[endif]--><span style="background: white; color: #252525; font-size: 12pt; line-height: 150%;">Komputer
mempunyai silinder magnetik untuk menyimpan data. </span><b><span style="font-size: 12pt; line-height: 150%;"><o:p></o:p></span></b></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 54pt; text-align: justify; text-indent: -18pt;">
<!--[if !supportLists]--><span style="font-family: inherit;"><span style="color: #252525; font-size: 13pt; line-height: 150%;">3.<span style="font-size: 7pt; font-stretch: normal; line-height: normal;">
</span></span><!--[endif]--><span style="background: white; color: #252525; font-size: 12pt; line-height: 150%;">Programnya
hanya bisa dibuat menggunakan bahasa mesin. </span><b><span style="font-size: 12pt; line-height: 150%;"><o:p></o:p></span></b></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 54pt; text-align: justify; text-indent: -18pt;">
<!--[if !supportLists]--><span style="font-family: inherit;"><span style="color: #252525; font-size: 13pt; line-height: 150%;">4.<span style="font-size: 7pt; font-stretch: normal; line-height: normal;">
</span></span><!--[endif]--><span style="background: white; color: #252525; font-size: 12pt; line-height: 150%;">Instruksi
operasi dibuat secara spesifik untuk tugas tertentu. </span><b><span style="font-size: 12pt; line-height: 150%;"><o:p></o:p></span></b></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 54pt; text-align: justify; text-indent: -18pt;">
<!--[if !supportLists]--><span style="font-family: inherit;"><span style="color: #252525; font-size: 13pt; line-height: 150%;">5.<span style="font-size: 7pt; font-stretch: normal; line-height: normal;">
</span></span><!--[endif]--><span style="background: white; color: #252525; font-size: 12pt; line-height: 150%;">Menggunakan
Konsep Stored Program dengan memori utamanya adalah Magnetic Core Storage. </span><b><span style="font-size: 12pt; line-height: 150%;"><o:p></o:p></span></b></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 54pt; text-align: justify; text-indent: -18pt;">
<!--[if !supportLists]--><span style="font-family: inherit;"><span style="color: #252525; font-size: 13pt; line-height: 150%;">6.<span style="font-size: 7pt; font-stretch: normal; line-height: normal;">
</span></span><!--[endif]--><span style="background: white; color: #252525; font-size: 12pt; line-height: 150%;">Menggunakan
Simpanan Luar Magnetic Tape dan Magnetic Disk</span><b><span style="font-size: 12pt; line-height: 150%;"><o:p></o:p></span></b></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 54pt; text-align: justify; text-indent: -18pt;">
<!--[if !supportLists]--><span style="font-family: inherit;"><span style="color: #252525; font-size: 13pt; line-height: 150%;">7.<span style="font-size: 7pt; font-stretch: normal; line-height: normal;">
</span></span><!--[endif]--><span style="background: white; color: #252525; font-size: 12pt; line-height: 150%;">Ukuran fisik
komputer besar, memerlukan ruang yang luas. </span><b><span style="font-size: 12pt; line-height: 150%;"><o:p></o:p></span></b></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 54pt; text-align: justify; text-indent: -18pt;">
<!--[if !supportLists]--><span style="font-family: inherit;"><span style="color: #252525; font-size: 13pt; line-height: 150%;">8.<span style="font-size: 7pt; font-stretch: normal; line-height: normal;">
</span></span><!--[endif]--><span style="background: white; color: #252525; font-size: 12pt; line-height: 150%;">Suhunya cepat
panas, sehingga diperlukan pendingin. </span><b><span style="font-size: 12pt; line-height: 150%;"><o:p></o:p></span></b></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 54pt; text-align: justify; text-indent: -18pt;">
<!--[if !supportLists]--><span style="font-family: inherit;"><span style="color: #252525; font-size: 13pt; line-height: 150%;">9.<span style="font-size: 7pt; font-stretch: normal; line-height: normal;">
</span></span><!--[endif]--><span style="background: white; color: #252525; font-size: 12pt; line-height: 150%;">Prosesnya
kurang cepat.</span><b><span style="font-size: 12pt; line-height: 150%;"><o:p></o:p></span></b></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 2cm; text-align: justify; text-indent: -21.25pt;">
<!--[if !supportLists]--><span style="font-family: inherit;"><span style="color: #252525; font-size: 13pt; line-height: 150%;">10.<span style="font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><!--[endif]--><span style="background: white; color: #252525; font-size: 12pt; line-height: 150%;">Daya simpannya kecil.</span><b><span style="font-size: 12pt; line-height: 150%;"><o:p></o:p></span></b></span></div>
<div class="MsoListParagraphCxSpLast" style="margin-left: 2cm; text-align: justify; text-indent: -21.25pt;">
<!--[if !supportLists]--><span style="font-family: inherit;"><span style="color: #252525; font-size: 13pt; line-height: 150%;">11.<span style="font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><!--[endif]--><span style="background: white; color: #252525; font-size: 12pt; line-height: 150%;">Membutuhkan daya listrik yang besar.</span><b><span style="font-size: 12pt; line-height: 150%;"><o:p></o:p></span></b></span></div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoListParagraphCxSpFirst" style="text-align: justify; text-indent: -18pt;">
<!--[if !supportLists]--><span style="font-family: inherit;"><span style="font-size: 12pt; line-height: 150%;">·<span style="font-size: 7pt; font-stretch: normal; line-height: normal;"> <b>
</b></span></span><!--[endif]--><span style="font-size: 12pt; line-height: 150%;"><b>Komputer Generasi Kedua (1959 – 1964)</b><o:p></o:p></span></span></div>
<div class="MsoListParagraphCxSpMiddle" style="text-align: justify;">
<span style="font-family: inherit;"><span style="background: white; color: #252525; font-size: 12pt; line-height: 150%;">Tahun
1948,ada 3 orang fisikawan Amerika (Walter Houser Brattain, Jhone Barden,
William Brandford penemu transistor sangat berpengaruh terhadap perkembangan
komputer masa itu.</span> Komputer yang menggunakan Transistor sebagai Processornya
(1956 - 1958 M). Transistor mulai digunakan di dalam komputer mulai pada tahun
1956. Mesin pertama yang memanfaatkan teknologi baru ini adalah
superkomputer. IBM membuat superkomputer bernama Stretch, dan Sprery-Rand
membuat komputer bernama LARC.<span class="apple-converted-space"> </span>Hanya
ada dua LARC yang pernah dipasang dan digunakan: satu di Lawrence Radiation
Labs di Livermore, California, dan yang lainnya di US Navy Research and
Development Center di Washington D.C. Komputer generasi kedua menggantikan
bahasa mesin dengan bahasa assembly. Bahasa assembly adalah bahasa yang
menggunakan singkatan-singakatan untuk menggantikan kode biner. Salah
satu contoh penting komputer pada masa ini adalah IBM 1401 yang diterima secara
luas di kalangan industri.<o:p></o:p></span></div>
<div class="MsoListParagraphCxSpMiddle" style="text-align: justify;">
<span style="font-family: inherit;"><span style="background: white; color: #252525; font-size: 12pt; line-height: 150%;">Berikut
Karakteristik komputer Generasi II secara umum</span> :<o:p></o:p></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 54pt; text-align: justify; text-indent: -18pt;">
<!--[if !supportLists]--><span style="font-family: inherit;"><span style="font-size: 12pt; line-height: 150%;">1.<span style="font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><!--[endif]--><span style="background: white; color: #252525; font-size: 12pt; line-height: 150%;">Ukuran fisik lebih kecil dibanding komputer
generasi pertama karena telah menggunakan transistor pada sirkuitnya</span><span style="font-size: 12pt; line-height: 150%;"><o:p></o:p></span></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 54pt; text-align: justify; text-indent: -18pt;">
<!--[if !supportLists]--><span style="font-family: inherit;"><span style="font-size: 12pt; line-height: 150%;">2.<span style="font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><!--[endif]--><span style="background: white; color: #252525; font-size: 12pt; line-height: 150%;">Menggunakan memori yang cukup besar</span><span style="font-size: 12pt; line-height: 150%;"><o:p></o:p></span></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 54pt; text-align: justify; text-indent: -18pt;">
<!--[if !supportLists]--><span style="font-family: inherit;"><span class="apple-converted-space"><span style="font-size: 12pt; line-height: 150%;">3.<span style="font-size: 7pt; font-stretch: normal; line-height: normal;">
</span></span></span><!--[endif]--><span style="background: white; color: #252525; font-size: 12pt; line-height: 150%;">Telah
menggunakan media penyimpanan luar berbentuk<span class="apple-converted-space"> </span></span><i>removable disk</i><span class="apple-converted-space"> seperti<span class="apple-converted-space"> </span></span><i>megnetic
disk</i><span class="apple-converted-space"> dan<span class="apple-converted-space"> </span></span><i>magnetic tape</i><span class="apple-converted-space"> </span><span class="apple-converted-space"><span style="font-size: 12pt; line-height: 150%;"><o:p></o:p></span></span></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 54pt; text-align: justify; text-indent: -18pt;">
<!--[if !supportLists]--><span style="font-family: inherit;"><span style="font-size: 12pt; line-height: 150%;">4.<span style="font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><!--[endif]--><span style="background: white; color: #252525; font-size: 12pt; line-height: 150%;">Penggunaan aplikasinya lebih luar</span><span style="font-size: 12pt; line-height: 150%;"><o:p></o:p></span></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 54pt; text-align: justify; text-indent: -18pt;">
<!--[if !supportLists]--><span style="font-family: inherit;"><span style="font-size: 12pt; line-height: 150%;">5.<span style="font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><!--[endif]--><span style="background: white; color: #252525; font-size: 12pt; line-height: 150%;">Proses operasinya lebih cepat</span><span style="font-size: 12pt; line-height: 150%;"><o:p></o:p></span></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 54pt; text-align: justify; text-indent: -18pt;">
<!--[if !supportLists]--><span style="font-family: inherit;"><span class="apple-converted-space"><span style="font-size: 12pt; line-height: 150%;">6.<span style="font-size: 7pt; font-stretch: normal; line-height: normal;">
</span></span></span><!--[endif]--><span style="background: white; color: #252525; font-size: 12pt; line-height: 150%;">Penggunaan
daya lebih kecil<span class="apple-converted-space"> </span></span><span class="apple-converted-space"><span style="font-size: 12pt; line-height: 150%;"><o:p></o:p></span></span></span></div>
<div class="MsoListParagraphCxSpLast" style="margin-left: 54pt; text-align: justify; text-indent: -18pt;">
<!--[if !supportLists]--><span style="font-family: inherit;"><span style="font-size: 12pt; line-height: 150%;">7.<span style="font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><!--[endif]--><span style="background: white; color: #252525; font-size: 12pt; line-height: 150%;">Program yang dibuat dapat menggunakan bahasa
tingkat tinggi seperti FORTAN, COBOL, dan ALGOL.</span><span style="font-size: 12pt; line-height: 150%;"><o:p></o:p></span></span></div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoListParagraphCxSpFirst" style="text-align: justify; text-indent: -18pt;">
<!--[if !supportLists]--><span style="font-family: inherit;"><span style="font-size: 12pt; line-height: 150%;">·<span style="font-size: 7pt; font-stretch: normal; line-height: normal;"> <b>
</b></span></span><!--[endif]--><span style="font-size: 12pt; line-height: 150%;"><b>Komputer Generasi Ketiga (1964 – 1970)</b><o:p></o:p></span></span></div>
<div class="MsoListParagraphCxSpMiddle" style="text-align: justify;">
<span style="font-size: 12pt; line-height: 150%;"><span style="font-family: inherit;">Salah satu kemajuan komputer generasi
ketiga adalah penggunaan sistem operasi (operating system) yang memungkinkan
mesin untuk menjalankan berbagai program yang berbeda secara serentak dengan
sebuah program utama yang berfungsi untuk memonitor dan mengkoordinasi memori
komputer.<o:p></o:p></span></span></div>
<div class="MsoListParagraphCxSpMiddle" style="text-align: justify;">
<span style="font-size: 12pt; line-height: 150%;"><span style="font-family: inherit;">Ciri komputer generasi III :<o:p></o:p></span></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 54pt; text-align: justify; text-indent: -18pt;">
<!--[if !supportLists]--><span style="font-family: inherit;"><span style="font-size: 12pt; line-height: 150%;">1.<span style="font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><!--[endif]--><span style="font-size: 12pt; line-height: 150%;">Menggunakan
IC ( Integrated Circuit ) <o:p></o:p></span></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 54pt; text-align: justify; text-indent: -18pt;">
<!--[if !supportLists]--><span style="font-family: inherit;"><span style="font-size: 12pt; line-height: 150%;">2.<span style="font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><!--[endif]--><span style="font-size: 12pt; line-height: 150%;"> Pemrosesan lebih cepat <o:p></o:p></span></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 54pt; text-align: justify; text-indent: -18pt;">
<!--[if !supportLists]--><span style="font-family: inherit;"><span style="font-size: 12pt; line-height: 150%;">3.<span style="font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><!--[endif]--><span style="font-size: 12pt; line-height: 150%;"> Kapasitas memori lebih besar lagi <o:p></o:p></span></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 54pt; text-align: justify; text-indent: -18pt;">
<!--[if !supportLists]--><span style="font-family: inherit;"><span style="font-size: 12pt; line-height: 150%;">4.<span style="font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><!--[endif]--><span style="font-size: 12pt; line-height: 150%;">Penggunaan
listrik lebih hemat <o:p></o:p></span></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 54pt; text-align: justify; text-indent: -18pt;">
<!--[if !supportLists]--><span style="font-family: inherit;"><span style="font-size: 12pt; line-height: 150%;">5.<span style="font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><!--[endif]--><span style="font-size: 12pt; line-height: 150%;"> Bentuk fisik lebih kecil <o:p></o:p></span></span></div>
<div class="MsoListParagraphCxSpLast" style="margin-left: 54pt; text-align: justify; text-indent: -18pt;">
<!--[if !supportLists]--><span style="font-family: inherit;"><span style="font-size: 12pt; line-height: 150%;">6.<span style="font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><!--[endif]--><span style="font-size: 12pt; line-height: 150%;">Banyak
bermunculan application software<o:p></o:p></span></span></div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoListParagraphCxSpFirst" style="text-align: justify; text-indent: -18pt;">
<!--[if !supportLists]--><span style="font-family: inherit;"><span style="font-size: 12pt; line-height: 150%;">·<span style="font-size: 7pt; font-stretch: normal; line-height: normal;"> <b>
</b></span></span><!--[endif]--><span style="font-size: 12pt; line-height: 150%;"><b>Komputer Generasi Keempat (1970 – 1990)</b><o:p></o:p></span></span></div>
<div class="MsoListParagraphCxSpMiddle" style="text-align: justify;">
<span style="font-size: 12pt; line-height: 150%;"><span style="font-family: inherit;">Setelah IC,tujuan pengembangan menjadi
lebih jelas yaitu mengecilkan ukuran sirkuit dan komponen-komponen
elektrik.Large Scale Integration (LSI) dapat memuat ratusan komponen dalam
sebuah chip.Pada tahun 1980-an,Very Large Scale Integration (VLSI) memuat
ribuan komponen dalam sebuah chip tunggal.Ultra-Large Scale Integration (ULSI)
meningkatkan jumlah tersebut menjadi jutaan. Piranti lunak yang paling populer
pada saat itu adalah program word processing dan spreadsheet. Pada awal
1980-an,video game seperti Atari 2600 menarik perhatian konsumen pada komputer
rumahan yang lebih canggih dan dapat diprogram.Pada tahun 1981,IBM
memperkenalkan penggunaan Personal Computer (PC) untuk penggunaan di rumah,
kantor,dan sekolah.<o:p></o:p></span></span></div>
<div class="MsoListParagraphCxSpMiddle" style="text-align: justify;">
<span style="font-size: 12pt; line-height: 150%;"><span style="font-family: inherit;">Ciri komputer generasi IV :<o:p></o:p></span></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 54pt; text-align: justify; text-indent: -18pt;">
<!--[if !supportLists]--><span style="font-family: inherit;"><span style="font-size: 12pt; line-height: 150%;">1.<span style="font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><!--[endif]--><span style="font-size: 12pt; line-height: 150%;">Menggunakaan
Large Scale Integration ( LSI )<o:p></o:p></span></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 54pt; text-align: justify; text-indent: -18pt;">
<!--[if !supportLists]--><span style="font-family: inherit;"><span style="font-size: 12pt; line-height: 150%;">2.<span style="font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><!--[endif]--><span style="font-size: 12pt; line-height: 150%;">Microprocessor
: penggabungan seluruh komponen komputer ( CPU , memori, kendali I/O) dan
diprogram sesuai dengan kebutuhan.<o:p></o:p></span></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 54pt; text-align: justify; text-indent: -18pt;">
<!--[if !supportLists]--><span style="font-family: inherit;"><span style="font-size: 12pt; line-height: 150%;">3.<span style="font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><!--[endif]--><span style="font-size: 12pt; line-height: 150%;">Munculnya
PC<o:p></o:p></span></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 54pt; text-align: justify; text-indent: -18pt;">
<!--[if !supportLists]--><span style="font-family: inherit;"><span style="font-size: 12pt; line-height: 150%;">4.<span style="font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><!--[endif]--><span style="font-size: 12pt; line-height: 150%;">IBM
370, komputer generasi keempat yang pertama<o:p></o:p></span></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 54pt; text-align: justify; text-indent: -18pt;">
<!--[if !supportLists]--><span style="font-family: inherit;"><span style="font-size: 12pt; line-height: 150%;">5.<span style="font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><!--[endif]--><span style="font-size: 12pt; line-height: 150%;">Cray
1, Komputer super pertama <o:p></o:p></span></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 54pt; text-align: justify; text-indent: -18pt;">
<!--[if !supportLists]--><span style="font-family: inherit;"><span style="font-size: 12pt; line-height: 150%;">6.<span style="font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><!--[endif]--><span style="font-size: 12pt; line-height: 150%;"> Apole II, Personal Computer pertama<o:p></o:p></span></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 54pt; text-align: justify; text-indent: -18pt;">
<!--[if !supportLists]--><span style="font-family: inherit;"><span style="font-size: 12pt; line-height: 150%;">7.<span style="font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><!--[endif]--><span style="font-size: 12pt; line-height: 150%;">Komputer
IBM PC yang pertama <o:p></o:p></span></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 54pt; text-align: justify; text-indent: -18pt;">
<!--[if !supportLists]--><span style="font-family: inherit;"><span style="font-size: 12pt; line-height: 150%;">8.<span style="font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><!--[endif]--><span style="font-size: 12pt; line-height: 150%;">Pentium
II <o:p></o:p></span></span></div>
<div class="MsoListParagraphCxSpLast" style="margin-left: 54pt; text-align: justify; text-indent: -18pt;">
<!--[if !supportLists]--><span style="font-family: inherit;"><span style="font-size: 12pt; line-height: 150%;">9.<span style="font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><!--[endif]--><span style="font-size: 12pt; line-height: 150%;"> AMD K6 3D<o:p></o:p></span></span></div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoListParagraphCxSpFirst" style="text-align: justify; text-indent: -18pt;">
<!--[if !supportLists]--><span style="font-family: inherit;"><span style="font-size: 12pt; line-height: 150%;">·<span style="font-size: 7pt; font-stretch: normal; line-height: normal;"> <b>
</b></span></span><!--[endif]--><span style="font-size: 12pt; line-height: 150%;"><b>Komputer Generasi Kelima</b><o:p></o:p></span></span></div>
<br />
<div class="MsoListParagraphCxSpLast" style="text-align: justify;">
<span style="font-size: 12pt; line-height: 150%;"><span style="font-family: inherit;">Contoh imajinatif komputer generasi
kelima adalah komputer fiksi HAL9000 dari novel karya Arthur C. Clarke berjudul
2001:Space Odyssey.HAL menampilkan seluruh fungsi yang diinginkan dari sebuah
komputer generasi kelima.Dengan kecerdasan buatan (artificial intelligence),HAL
dapat cukup memiliki nalar untuk melakukan percapakan dengan
manusia,menggunakan masukan visual,dan belajar dari pengalamannya sendiri.</span><span style="font-family: Arial, sans-serif;"><o:p></o:p></span></span></div>
<div class="MsoListParagraphCxSpLast" style="text-align: justify;">
<span style="font-size: 12pt; line-height: 150%;"><span style="font-family: inherit;"><br /></span></span></div>
<div class="MsoListParagraphCxSpLast" style="text-align: justify;">
<span style="font-size: 12pt; line-height: 150%;"><span style="font-family: inherit;"><br /></span></span></div>
<div class="MsoListParagraphCxSpLast" style="text-align: justify;">
<span style="font-size: 12pt; line-height: 150%;"><span style="font-family: inherit;">Sumber:</span></span></div>
<br />
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-size: 13px; margin: 0px; outline: 0px; padding: 1px 1px 1px 20px; vertical-align: baseline;"><a href="http://id.wikipedia.org/wiki/Sejarah_perkembangan_komputer" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-bottom-color: rgb(224, 226, 225); border-bottom-style: solid; border-bottom-width: 1px; color: #f55b2c; margin: -1px 0px 0px; padding: 1px 0px; text-decoration: none; vertical-align: baseline;">http://id.wikipedia.org/wiki/Sejarah_perkembangan_komputer</a></li>
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-size: 13px; margin: 0px; outline: 0px; padding: 1px 1px 1px 20px; vertical-align: baseline;"><a href="http://maulana.staff.gunadarma.ac.id/Downloads/files/35965/1.+Sejarah+dan+Perkembangan+komputer.pdf" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-bottom-color: rgb(224, 226, 225); border-bottom-style: solid; border-bottom-width: 1px; color: #f55b2c; margin: -1px 0px 0px; padding: 1px 0px; text-decoration: none; vertical-align: baseline;">http://maulana.staff.gunadarma.ac.id/Downloads/files/35965/1.+Sejarah+dan+Perkembangan+komputer.pdf</a></li>
<br />
<div>
<br /></div>
Arick Anjasmarahttp://www.blogger.com/profile/01691516951783919648noreply@blogger.com1tag:blogger.com,1999:blog-4922895609411636241.post-18506597046876945642014-05-21T01:09:00.000+07:002014-05-21T01:09:03.299+07:00EVENT: Arsenal Indonesia Supporter JABODETABEKKali kedua gua nonton bareng AIS (Arsenal Indonesia Supporter) regional jabodetabek setelah sebelumnya nonton bareng pas Arsenal Asia Tour 2013 lalu. Pecah banget suasananya<br />
<br />
Final FA Cup 2014 Arsenal vs Hull City ini yang jadi suguhan saat nonton bareng itu. Sudah cukup lama Arsenal puasa gelar.<br />
<br />
Ya … 8 tahun ++ lamanya. Mungkin ini saat yang tepat untuk angkat piala lagi. Di ujung turnamen FA Cup 2014 Arsenal bertemu Hull City. Gua sendiri berharap Arsenal yang menang di pertandingan itu, begitu juga gooner lainnya. Makanya diadain nonton bareng besar besaran di berbagai regional. Selain untuk gathering, nonton bareng juga jadi pesta rakyat the gunners<br />
<br />
Berangkat bareng AIS regional Depok, kami menuju The Flavor Bliss Tangerang (venue nonbar)<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/AVvXsEiVW6CYfexbWF6k8l-GAgQsEIFkflbKDN5MygczK6xkdXus_K_awR5aEhzD55CjDFZlRzNuMrsGwMESr39YWvJFqBEfuJkqcep2a4r-GVqT_EKLaKDJl9OYgUMr7XjAUavjPBuF0QoYtpg/s1600-h/20140517_180601%25255B3%25255D.jpg" style="margin-left: auto; margin-right: auto;"><img alt="20140517_180601" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUkNijU1Hcw1vf5lhiNfq0ZNzua-lJpdyRhXdAO987a8Rd1ZizleQuPzpHR5sIkcqoOxWUSvgPr3cjoBAY7uER1BnaZebRynWmt5t5TPphjX98NhXvwLM8PehYeq_2Cz3IvEvWgF0efSA/?imgmax=800" height="400" style="background-image: none; border: 0px; display: block; float: none; margin-left: auto; margin-right: auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="20140517_180601" width="301" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Apresiasi: "She wore a yellow ribbon"</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/AVvXsEgdpBZumNEGh8o_9ZUuBd88ESJVdBGPFvv1Gun_1EM_eXRNkoxHJ6_JpusgK4yFlwm8S7nvdmCPrhwZ9KqLWYRzWfXqRarGaSPYh3Cvf5FrsH8sMnSWIEjNFl00XEjZ7QDMr8Z8C0X_YmE/s1600-h/20140517_225739%25255B3%25255D.jpg" style="margin-left: auto; margin-right: auto;"><img alt="20140517_225739" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMqOK-4czeeavHE21xvZHdK-k59YgVuzmKyk8igfHKcftLcJqkPiO0FlZs5yVbHnYzXAlIhyQGvntpNX3huZwQ6LC8cP4iOl1-V1Woq75GA_FPJ5GQkwWn2wj9oSuzhmYQ7Xg5gfv4xU0/?imgmax=800" height="227" style="background-image: none; border: 0px; display: block; float: none; margin-left: auto; margin-right: auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="20140517_225739" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">The Flavor Bliss Tangerang</td></tr>
</tbody></table>
10 menit pertandingan berlalu, 2 gol Hull City membawa mereka berada di posisi kemenangan. Arsenal 0 – 2 Hull City. Suasana nonbar hening. Beberapa penonton <em>chants, </em>cuma beberapa sisanya diem nonton pertandingan. Akhirnya tendangan bebas Cazorla berhasil bikin semangat penonton lagi. skor sementara Arsenal 1 – 2 Hull City. Suasana mulai terang dengan flare merah.<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/AVvXsEhMrAE9Q3XzJxBVWZJUCKu76reecWQBt7dMbzW0ydAJBTzWebIPg-BwHtmm54clf0rpVvwxUP2_l2M9tAw6UV4FMu7kQSna-tYik34u8Y-T7XzR_6Kqz8FLKmhJ4tIaJ-oJJtGBmpZm4NU/s1600-h/20140517_230017%25255B3%25255D.jpg" style="margin-left: auto; margin-right: auto;"><img alt="20140517_230017" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIWK_Os6QiLW84Kkr7vx1n3SNBhYtjfKNIZVR6TZ08VGfjlcIbjXB-HYiZOcIlll0vcd4H6JEiy-p_5reHGgib-DMes-dT8JaC0ZWXPFhIh2_eRWJa5ah4uBr3h39QvhS4XUJUGUKHUg0/?imgmax=800" height="227" style="background-image: none; border: 0px; display: block; float: none; margin-left: auto; margin-right: auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="20140517_230017" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Ekspresi: Gol S. Cazorla membuat penonton bersorak</td></tr>
</tbody></table>
Ternyata gol Cazorla tersebut membuat para pemain lebih percaya diri. Terbukti serangan Arsenal jadi keliatan terarah, begitu juga pertahanannya. Sebuah sepak pojok disambut oleh pemain Arsenal kemudian dilanjut oleh Koscielny. Gol untuk Arsenal. Skor Arsenal 2 – 2 Hull City sampai babak kedua usai.<br />
<br />
pertambahan waktu berjalan. Serangan Arsenal terus dilakukan untuk menembus pertahanan Hull City. keliatan Ramsey mulai <em>gemes </em>sama bola yang ditendang nya beberapa kali hanya melewati gawang. Sampai 1 tendangan penentu menjadi buah gol untuk Arsenal. Skor akhir Arsenal 3 – 2 Hull City. Arsenal menjuarai FA Cup 2014.<br />
<br />
kembali ke suasana The Flavor Bliss. Hebohnya pendukung Arsenal ini bener bener ga terbendung. Bayangin aja, 8 tahun nunggu gelar juara, baru ini bisa dapet lagi. Mau tau suasana The Flavor Bliss pas lagi nonbar Arsenal vs Hull City ? ini gua udah sediain video nya. silahkan…
<br />
<center>
<iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube.com/embed/mJmGpolJldc?list=UU8kChdg9M8snNuzsiD4NogA" width="560"></iframe></center>
Arick Anjasmarahttp://www.blogger.com/profile/01691516951783919648noreply@blogger.com0tag:blogger.com,1999:blog-4922895609411636241.post-14347791251990164012014-05-12T00:45:00.000+07:002014-05-12T00:45:23.731+07:00[NEWS] Launching arickanjass.com<div align="justify">
Halo, udah lama ga muncul di blog sekalinya muncul nulis yang ga penting. Tapi ini penting buat gua <i>*tapi ga tau penting ga buat kalian*</i></div>
<div align="justify">
Oke langsung aja, selamat datang untuk…</div>
<div align="justify">
<br /></div>
<div style="text-align: center;">
<span style="font-size: x-large;"><b>ARICKANJASS.COM</b></span></div>
<div align="justify">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLXar8IIBvg-VkliE0rCinPw8-pm9TBGBtWs8YJCLNfr1qgm8XDY8bK0s0yuodKXS_Hsd9o_FYHyrCWyoWn2PedFoNca_tThOuKZUvcyapAqT1hm8vvIRhzu6-Mk1vYYY-cTDzCWqSQ8o/s1600/new+banner+arickanjass.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLXar8IIBvg-VkliE0rCinPw8-pm9TBGBtWs8YJCLNfr1qgm8XDY8bK0s0yuodKXS_Hsd9o_FYHyrCWyoWn2PedFoNca_tThOuKZUvcyapAqT1hm8vvIRhzu6-Mk1vYYY-cTDzCWqSQ8o/s1600/new+banner+arickanjass.jpg" height="289" width="640" /></a></div>
<br /></div>
Suatu kepuasan buat gua bisa ilangin .blogspot di alamat blog gua karena dari awal gua bikin blog belom kepikiran buat ilangin .blogspot itu.<br />
<blockquote>
Kenapa sih diganti jadi <b>arickanjass.com</b>?</blockquote>
Gua punya beberapa alesan kenapa ganti jadi <b>arickanjass.com</b><br />
<br />
<ol>
<li><b>keliatan lebih profesional</b></li>
ya, biar gua ga terlalu serius dan lagi jarang nulis. seenggaknya biar keliatan profesional aja punya personal blog dengan domain .com gitu
<br />
<br />
<li><b>from us to us</b></li>
ini udah jadi nazar gua untuk ganti domain .com kalo donasi dari iklan di blog ini udah sampe seratus ribu rupiah. Thanks all buat support visit dan klik iklan nya.<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix6ysLKmnQ3_h5bOD92nGpaBhCErpH4ttsPVBaYVvH6keHziTdzIBlIDD0NgqocfmmbkZ7WqqQ1oLvI6PZ834wSehahk0xpVyPTaZCadKfwM1DKZYVTJSk5bmFs9VWox9W_KS_adMLRX8/s1600/saldo.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix6ysLKmnQ3_h5bOD92nGpaBhCErpH4ttsPVBaYVvH6keHziTdzIBlIDD0NgqocfmmbkZ7WqqQ1oLvI6PZ834wSehahk0xpVyPTaZCadKfwM1DKZYVTJSk5bmFs9VWox9W_KS_adMLRX8/s1600/saldo.PNG" height="82" width="200" /></a></div>
<br />
<li><b>kembali menulis</b></li>
mungkin sekarang sekarang ini lagi jarang ada posting an. tapi mulai bulan juni besok, gua usahain 1 minggu ada 5 posting baru di sini. diusahain loh ya<br /><br />
<li><b>belajar</b></li>
sebenernya ini yang paling penting. dari blog ini gua banyak belajar, gimana cara sharing dan nulis. biar materi tulisan banyak yang liat dari tulisan orang lain, tapi mayoritas tulisan gua di sini ngetik sendiri ga seenaknya copas dong.
<br /><br />
<li><b>cari uang</b></li>
ini juga penting sih, tapi ga penting penting amat. yang penting semua senang semua puas<br />
<br />
<li><b>promo lebih gampang</b></li>
jelas, kalo ditanya orang blog lu apa. arickanjass.blogspot.com, kepanjangan. sekarang jadi lebih singkat. <b>arickanjass.com</b> cukup</ol>
<br />
oke sekian penjelasan dan launching alamat baru blog gua, silahkan menikmati suguhan yang udah gua kasih sebelum dan yang akan datang.<br />
<br />
sampe ketemu di posting berikutnya guys!Arick Anjasmarahttp://www.blogger.com/profile/01691516951783919648noreply@blogger.com8tag:blogger.com,1999:blog-4922895609411636241.post-13164291346579186222014-01-27T03:06:00.000+07:002014-01-27T03:06:08.024+07:00TUTORIAL: Cara Membuat Daftar Isi di Microsoft Word 2007 / 2010<div class="separator" style="clear: both; text-align: justify;">
Menjelang Penulisan ilmiah (PI), gua mau berbagi tutorial cara buat daftar isi di microsoft word 2007 /2010. Buat yang belum paham, daripada cara manual terlihat "titik titik" tidak lurus kan :-p</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
oke langsung aja, langkah pertama adalah mempersiapkan isi dari daftar isi yang mau dibuat, contohnya seperti gambar di bawah</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/AVvXsEhLY11OE7vvChdmrcdq0KH6Xu4pehODhMdtxyKTNJjNu6IT4WHseyg1JHDpMDqre-dtu4cG2SPT4EMRfXgOm3ds2-beSExZtTlaecNDYrUo1BbeojVR_36_LBC8Ft3galuyaBWOj58U_7E/s1600/1.+persiapan+awal+membuat+daftar+isi+di+word.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLY11OE7vvChdmrcdq0KH6Xu4pehODhMdtxyKTNJjNu6IT4WHseyg1JHDpMDqre-dtu4cG2SPT4EMRfXgOm3ds2-beSExZtTlaecNDYrUo1BbeojVR_36_LBC8Ft3galuyaBWOj58U_7E/s1600/1.+persiapan+awal+membuat+daftar+isi+di+word.jpg" height="191" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">1. Persiapan awal daftar isi<br /></td></tr>
</tbody></table>
udah disiapin isinya, masuk ke mode edit paragraph dengan cara klik seperti gambar di bawah<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/AVvXsEgB3sMrrNXm0r2pzA81GrcpqtaxuKVHER1SSSEYHyHHZxTTnpZk8REfILlBESSoKVe_seOGTQw3HV9VI2fFRvsHw-l4b7OTKH9tN99w5hHCohIuuu1KucYNCRF4_xm-3qEWHnRFjlt5YSY/s1600/2.+setting+paragraf+word.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB3sMrrNXm0r2pzA81GrcpqtaxuKVHER1SSSEYHyHHZxTTnpZk8REfILlBESSoKVe_seOGTQw3HV9VI2fFRvsHw-l4b7OTKH9tN99w5hHCohIuuu1KucYNCRF4_xm-3qEWHnRFjlt5YSY/s1600/2.+setting+paragraf+word.jpg" height="143" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">2. Masuk menu edit paragraph<br /></td></tr>
</tbody></table>
akan muncul tampilan seperti di bawah ini, klik tabs untuk mengedit titik titik yang tampil setelah menekan tab<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/AVvXsEi34C6W1d5tZnPETTePQ_pKKlFuPB5ywJP6m4tC5TqHBcd7UKP96NgunPbCMToRgHaWtKbz0QonryQJp8cfZfC5KJ6QT9GfLR1zAOaPzJzt0IKH4aZqCzcyCDHbvm1ytJarqqKJFcbTMYQ/s1600/3.+setting+tabs+word.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi34C6W1d5tZnPETTePQ_pKKlFuPB5ywJP6m4tC5TqHBcd7UKP96NgunPbCMToRgHaWtKbz0QonryQJp8cfZfC5KJ6QT9GfLR1zAOaPzJzt0IKH4aZqCzcyCDHbvm1ytJarqqKJFcbTMYQ/s1600/3.+setting+tabs+word.jpg" height="320" width="232" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">3. Masuk menu edit Tabs..<br /></td></tr>
</tbody></table>
Akan muncul tampilan baru lagi, isi Tab stop position <b>15 cm </b>dan default tab stops menjadi <b>5 cm</b>, ubah alignment menjadi <b>Right</b>, dan <b>Leader </b>menjadi ..... seperti gambar di bawah. Jika sudah, klik <b>Set </b>kemudian klik <b>OK</b><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/AVvXsEiTNOOL3DSTv7t_pDo-wxLhZXOEM1rwIInAwo5yMK1a74FIERSlF4pRyuiBC3ANfIRwsKgO6qHthocKIax69MRtPIGIap7ImT0Jw8iGjnylhEDYG4fzUqF6QlsEw88WvnAvmAY_WC7g1EM/s1600/4.+setting+tabs+word+2.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTNOOL3DSTv7t_pDo-wxLhZXOEM1rwIInAwo5yMK1a74FIERSlF4pRyuiBC3ANfIRwsKgO6qHthocKIax69MRtPIGIap7ImT0Jw8iGjnylhEDYG4fzUqF6QlsEw88WvnAvmAY_WC7g1EM/s1600/4.+setting+tabs+word+2.jpg" height="320" width="273" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">4. Setting Tabs<br /></td></tr>
</tbody></table>
keluar dari mode edit tabs, sekarang kalian pindahkan pointer ke arah BAB I PENDAHULUAN, tekan <b>TAB </b>dan lihat hasilnya seperti gambar di bawah<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/AVvXsEjZmI-UZJZJMrzZlZhMg_r_nbWLXUFXXtUXPcgY6bY781_8KO2EFajO0vjL8Nxor9LBqMSXLpdLLAUzSRTJcx95T22tPvWmOkg5dSi24GjXhh0i9nHjOwOkvTfNrNEaT5oatwvd-0xeqKI/s1600/5.+daftar+isi+word+2010.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZmI-UZJZJMrzZlZhMg_r_nbWLXUFXXtUXPcgY6bY781_8KO2EFajO0vjL8Nxor9LBqMSXLpdLLAUzSRTJcx95T22tPvWmOkg5dSi24GjXhh0i9nHjOwOkvTfNrNEaT5oatwvd-0xeqKI/s1600/5.+daftar+isi+word+2010.jpg" height="191" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">5. Membuat titik titik TAB<br /></td></tr>
</tbody></table>
Lakukan pada bagian yang diperlukan sampai seperti gambar di bawah<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/AVvXsEiJWrjZI7RmRRRcbU3LkFyj8EcgHesOaou1tcRYT-APdINflMBr3hbb2lNM5Xj7OadpmofGm7cM84_2mTkmWM-NAnvL3_e3O1BR-ythX2pAUWrXHJ8qlhgxnB77TeVolyDaZVzJwzbBPNI/s1600/6.+daftar+isi+word+2010+2.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJWrjZI7RmRRRcbU3LkFyj8EcgHesOaou1tcRYT-APdINflMBr3hbb2lNM5Xj7OadpmofGm7cM84_2mTkmWM-NAnvL3_e3O1BR-ythX2pAUWrXHJ8qlhgxnB77TeVolyDaZVzJwzbBPNI/s1600/6.+daftar+isi+word+2010+2.jpg" height="191" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">6. Daftar isi<br /></td></tr>
</tbody></table>
untuk memberikan nomor halaman, pindahkan pointer ke arah ujung kanan titik dan isi nomor halaman sesuai yang diinginkan<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/AVvXsEjK78F9yW3R6CQKjqjj_GDxc8h7aA1B1_WP1fBglvGzUHnZ_T96ZrytgqYxMow5wJyk811Y41MYMfdTqjiBxHxdEQ97B3fqIe85PBP4yb5q87ij2hdJhLd8HvUzlU_0JFSlbUCiQHAiAK8/s1600/7.+daftar+isi+word+2010+3.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK78F9yW3R6CQKjqjj_GDxc8h7aA1B1_WP1fBglvGzUHnZ_T96ZrytgqYxMow5wJyk811Y41MYMfdTqjiBxHxdEQ97B3fqIe85PBP4yb5q87ij2hdJhLd8HvUzlU_0JFSlbUCiQHAiAK8/s1600/7.+daftar+isi+word+2010+3.jpg" height="191" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">7. Pemberian nomor halaman daftar isi</td></tr>
</tbody></table>
<br />
Selesai, daftar isi kalian sudah jadi dan rapi secara otomatis :-)<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/AVvXsEjVBPyphojbr5eSrBKTElVKV-0-IOM46isKAyUiKpWKiiZl1yl_lUZ2cUX3wbvPn91UwFEtj4U6I-PD70qshyphenhyphenW2Ph9nESjtf2BKQevOst1ohAx1mypusPA4T96n-ltQm9IUO-Kk5ZAKqCY/s1600/daftar+isi+word+2010+tutorial.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVBPyphojbr5eSrBKTElVKV-0-IOM46isKAyUiKpWKiiZl1yl_lUZ2cUX3wbvPn91UwFEtj4U6I-PD70qshyphenhyphenW2Ph9nESjtf2BKQevOst1ohAx1mypusPA4T96n-ltQm9IUO-Kk5ZAKqCY/s1600/daftar+isi+word+2010+tutorial.jpg" height="191" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">8. Daftar isi<br /></td></tr>
</tbody></table>
<br />Arick Anjasmarahttp://www.blogger.com/profile/01691516951783919648noreply@blogger.com2tag:blogger.com,1999:blog-4922895609411636241.post-46553417991475644312014-01-25T01:23:00.000+07:002014-01-25T01:23:45.753+07:00DOWNLOAD: Spongebob Diner Dash Deluxe for Android<div class="separator" style="clear: both; text-align: center;">
</div>
Diner dash di PC? itu sudah biasa. Sekarang ada diner dash di Android anda. Terlebih lagi, karakter dari game diner dash android ini adalah spongebob squarepants dan kawan kawan. Sangat lucu dan menyenangkan jika melihat mereka menjadi karakter diner dash tersebut. Namun sebagai pembeda di sini, spongebob squarepants menjadi seorang pelayan sedangkan squidward yang biasa menjaga mesin kasir menjadi koki nya.<br />
<br />
<b>System Requirements:</b><br />
<ul>
<li>Android OS 2.3.3 (gingerbread up)</li>
</ul>
<b><br /></b>
<b>Screenshots:</b><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/AVvXsEh6FpgvC6EuAnhO8fzLbDA7l-b0Dcg4VGLVxrmlKMjQlcBmjbzaUzpEmu9njG0HN5O4U7vvtvt1mfJY8AYVdVI8fKDklEdRzRN-u6bfyf9542gBMgQ28OmBkLiJ2IZzyAJy53dnQxbynkM/s1600/Startup+Spongebob+diner+dash+deluxe+android.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6FpgvC6EuAnhO8fzLbDA7l-b0Dcg4VGLVxrmlKMjQlcBmjbzaUzpEmu9njG0HN5O4U7vvtvt1mfJY8AYVdVI8fKDklEdRzRN-u6bfyf9542gBMgQ28OmBkLiJ2IZzyAJy53dnQxbynkM/s1600/Startup+Spongebob+diner+dash+deluxe+android.png" height="200" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">tampilan awal</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/AVvXsEjRTEOcfF4OWik_p799uhi4LROCj4oB-QCs0rny87fe9BUjA9Y-NMvEbhKYnncEsHbvL8V77xVFMaXc6Rs-IM62fQ_ioITW12yU0AJVUpCRRGB46JoJ5pkyg1DSApu_IKDHjMg4zcWxBPo/s1600/Spongebob+diner+dash+deluxe+level.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRTEOcfF4OWik_p799uhi4LROCj4oB-QCs0rny87fe9BUjA9Y-NMvEbhKYnncEsHbvL8V77xVFMaXc6Rs-IM62fQ_ioITW12yU0AJVUpCRRGB46JoJ5pkyg1DSApu_IKDHjMg4zcWxBPo/s1600/Spongebob+diner+dash+deluxe+level.jpg" height="302" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Spongebob Diner Dash Deluxe Map</td></tr>
</tbody></table>
<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/AVvXsEjssP0z7L14fxoXaVI2lRXY6DB0jqI4oyntvg_sE-eWAogxjtVrg8Bf4YqGkCUNEEDNwBJc1heVVaW4SGlmohyhXgQWr8uzTiro6SimbokLL3xd0-fXLmPqKDUoH07z-gDhpSlXIYzrgwE/s1600/Spongebob+Diner+Dash+Deluxe+Gameplay.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjssP0z7L14fxoXaVI2lRXY6DB0jqI4oyntvg_sE-eWAogxjtVrg8Bf4YqGkCUNEEDNwBJc1heVVaW4SGlmohyhXgQWr8uzTiro6SimbokLL3xd0-fXLmPqKDUoH07z-gDhpSlXIYzrgwE/s1600/Spongebob+Diner+Dash+Deluxe+Gameplay.png" height="200" width="320" /></a></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/AVvXsEi7cE9kCm-TzpqFGVSi7HS_veiZ8uwfacTo1D4P2IuE2KZhJHjXr-MQ23MlB2GNacMRSQw37NwqZUNpZ5xd9XHic_HFTq9CkOGpIocId06eEDrGg9fCh0sGUAs3UF6Tg2Nr2AVnUayqeGY/s1600/Screenshot_2014-01-25-01-17-56%5B1%5D.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7cE9kCm-TzpqFGVSi7HS_veiZ8uwfacTo1D4P2IuE2KZhJHjXr-MQ23MlB2GNacMRSQw37NwqZUNpZ5xd9XHic_HFTq9CkOGpIocId06eEDrGg9fCh0sGUAs3UF6Tg2Nr2AVnUayqeGY/s1600/Screenshot_2014-01-25-01-17-56%5B1%5D.png" height="200" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Spongebob Diner Dash Gameplay</td></tr>
</tbody></table>
<br />
Download: <a href="https://db.tt/S5HhepH3">Spongebob Diner Dash Deluxe.apk</a><br />
Password: arickanjass<br />
<br />
Selamat bermain :)<br />
<br />
Tested on samsung galaxy tab 3Arick Anjasmarahttp://www.blogger.com/profile/01691516951783919648noreply@blogger.com0tag:blogger.com,1999:blog-4922895609411636241.post-2998883257537383322013-11-11T02:23:00.001+07:002013-11-11T02:23:38.312+07:00TUGAS: Pengertian Software BlenderDepok, 11 November 2013 2:22 AM<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;"><img border="0" src="http://download.blender.org/institute/logos/blenderlogo.png" style="background-image: none; border: 0px; display: block; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Logo Blender (source: google.com)</td></tr>
</tbody></table>
Blender adalah program 3D dan animasi yang bersifat opensource, bebas untuk dikembangkan oleh penggunanya dan dapat didistribusikan kembali dan bersifat Legal. Blender memiliki video compositor dan intergrated game engine Karya yang dihasilkan tidak ada sifat royalt kepada developer, dan dapat dipublikasikan baik free maupun untuk dikomersilkan.<br />
<br />
Blender merupakan salah satu program Modeling 3D dan Animation, tapi Blender mempunyai kelebihan sendiri dibandingkan program modeling 3D lainnya. Kelebihan yang dimiliki Blender adalah dapat membuat game tanpa menggunakan program tambahan lainnya, Karena Blender sudah memiliki Game Engine sendiri dan menggunakan Python sebagai bahasa pemograman yang lebih mudah ketimbang menggunakan C++,C, dll.<br />
<br />
Blender menggunakan OpenGL sebagai render grafiknya yang dapat digunakan pada berbagai macam sistem operasi seperti Windows, Linux dan Mac OS X. Saat ini Blender sudah mengeluarkan versi yang terbarunya, yaitu Versi 2.49 yang lebih ditujukan untuk pembuat game. Karena Versi ini memiliki fitur-fitur baru yang dirancang untuk membuat tampilan game yang lebih realistis dari pada versi sebelumnya.<br />
sumber: <a href="http://motionstudio.wordpress.com/blender/">motionstudio's weblog</a><br />
<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;"><img height="175" src="http://upload.wikimedia.org/wikipedia/commons/d/dc/C151a.jpg" style="display: block; margin: 0px auto;" width="306" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">MRT (source: google.com)</td></tr>
</tbody></table>
objek atau animasi yang saya buat adalah mengenai alat transportasi. alat transportasi yang dimaksud adalah kereta berjenis MRT.sedangkan acuan saya sebagai referensi adalah <a href="http://1a1b1c1.wordpress.com/2011/12/07/tutorial-membuat-objek-sederhana-untuk-pemula-di-blender-2/">1a1b1c1</a> . sebuah blog mahasiswa gunadarma yang menyediakan tutorial blender.<br />
<br />Arick Anjasmarahttp://www.blogger.com/profile/01691516951783919648noreply@blogger.com0tag:blogger.com,1999:blog-4922895609411636241.post-13745839157899674272013-10-27T23:30:00.002+07:002013-10-27T23:31:14.844+07:00STRAWBERRY PROLOG: Membuat Timer dan Splash Screenposting ini akan membahas tentang membuat timer dari strawberry prolog dan splash screen yang menggunakan fungsi timer di dalamnya.<br />
<br />
pertama, buat window dahulu dengan code berikut<br />
<pre class="csharpcode">?- window(G_pertama,_,window_awal(_),<span class="str">"Window Timer"</span>, 250,200,800,400).</pre>
kemudian dilanjutkan dengan code berikut<br />
<pre class="csharpcode">window_awal(init):-
G_detik := 0,
G_waktu <span class="kwrd">is</span> set_timer(_,1.0,fungsi_timer).</pre>
<br />
<ul>
<li>G_detik adalah inisialisasi nilai awal yang nantinya akan ditampilkan</li>
<li>G_waktu adalah variabel yang menginisialisasi timer</li>
<li>1.0 adalah pergerakan waktu dalam satuan detik, 1.0 berarti pergerakan waktu 1 detik. bisa kalian ganti dengan angka lain.</li>
<li>fungsi_timer adalah nama fungsi dari timer yang dibuat</li>
</ul>
<br />
lanjutkan dengan code berikut<br />
<pre class="csharpcode">fungsi_timer(end):-
text_out(350,200,print(<span class="str">"loading: "</span> + G_batas)),
G_batas := G_batas + 1.</pre>
<br />
<ul>
<li>fungsi_timer adalah nama fungsi dari timer yang dibuat</li>
<li>text_out artinya menampilkan teks dengan koordinat (350,200), print artinya teks yang ditampilkan, loading adalah teks normal yang akan tampil, sedangkan + G_batas adalah nilai integer yang akan berubah ubah sesuai pergerakan detik dengan langkah G_batas = G_batas + 1. artinya akan terus bertambah 1 setiap pergerakan detik.</li>
</ul>
<br />
maka output yang akan tampil 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/AVvXsEixnaMNGIQ91Ic5rM62Y218lHsRzaybf6PUUSu0udU_u-_Hqao23DqBqndF734Ske7YHp4tT3-pnIfyk8xHFolRioYGcDXY7igOCcql4Zu-FqLeGCDPWoUwy3ytaRVHuYDktyN_nTZK4Bs/s1600-h/timer12.png" style="margin-left: auto; margin-right: auto;"><img alt="timer1" border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoz9CmiscXzJXhWgqQj5ZkyySXC9B_Ok0d6aRSel2bTTLGJU67q3d5gTGb40eg_TGIKXrXsfC7Pbr4KPSi2Mtl-XvrDGfThWqSvPDYf9GtkN-Q8KgJT-G5jMuM0nVBIAA9DO5Ijpa1KHk/?imgmax=800" style="background-image: none; border-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="timer1" width="244" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">timer 1</td></tr>
</tbody></table>
waktu tersebut tidak akan berhenti dan akan terus bertambah, sekarang saya akan menjelaskan bagaimana mengakses waktu tersebut agar bisa berhenti.<br />
<br />
buat 1 button terlebih dahulu di init yang sebelumnya dibuat, init pada window ini adalah window_awal(init) jadi serperti ini<br />
<pre class="csharpcode">window_awal(init):-
G_batas := 0,
G_waktu <span class="kwrd">is</span> set_timer(_,1.0,fungsi_timer),
button(_,_,button_berhenti(_),<span class="str">"Stop"</span>,250,200,70,30).</pre>
penjelasan button sudah dibahas sebelumnya, sekarang buat fungsi dari button tersebut<br />
<pre class="csharpcode">button_berhenti(press):-
kill_timer(parent(_), G_waktu).</pre>
ketika button_berhenti ditekan, maka fungsi G_waktu akan dimatikan sehingga G_batas tidak bertambah lagi.<br />
<br />
outputnya seperti ini<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/AVvXsEh7HTX7lGFum_AUgmvXrD9qSXTevaOp0gLN2gRE-ik3AcMx_brBu3X93T4Rlf0BzVA7n1A0l1CeEkNQcjhJsTp1tnsiGtvq1rG5YcC5aKLm1uy04f11B0YvihXO_nSeUzT3870V3TQwnVY/s1600-h/timer22.png" style="margin-left: auto; margin-right: auto;"><img alt="timer2" border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyjlh7MfxkP4dWHPG02n8mTGuf4MoX5XD7YsN38zzCGNyh4z1yf937nhGpEBEJU11sPj7yI0QAdVcJHr_DzVpOVxx8kDujDSlkenjKWIUc0qdTnmXyHIVkX5VWlbvhLzZb7z7K-bSeUNU/?imgmax=800" style="background-image: none; border-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="timer2" width="244" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">stop timer</td></tr>
</tbody></table>
sudah bisa distop waktunya, sekarang kita akan membuat splash screen. konsep dari splash screen adalah ketika waktu memenuhi suatu kondisi yang telah ditetapkan, maka window akan close dan akan muncul window baru.<br />
lanjutan dari program di atas, hapus button terlebih dahulu sehingga yang tampil hanya loading, keseluruhan code jadi seperti ini<br />
<pre class="csharpcode">?- window(G_pertama,_,window_awal(_),<span class="str">"Window Timer"</span>, 250,200,800,400).
window_awal(init):-
G_batas := 0,
G_waktu <span class="kwrd">is</span> set_timer(_,1.0,fungsi_timer).
fungsi_timer(end):-
text_out(350,200,print(<span class="str">"loading: "</span> + G_batas)),
G_batas := G_batas + 1.</pre>
setelah itu, kita harus membuat 1 kondisi, jika G_batas = 100 maka window akan ditutup kemudian muncul window baru dengan menggunakan if else di dalam fungsi_timer(end) jadi code seperti ini<br />
<pre class="csharpcode">fungsi_timer(end):-
text_out(350,200,print(<span class="str">"loading: "</span> + G_batas)),
G_batas := G_batas + 1,
(G_batas >= 100 –>
close_window(G_pertama),
window(G_kedua,_,window_baru(_),<span class="str">"Window Timer 2"</span>, 100,200,300,400)).</pre>
if else pada prolog berada di dalam kurung. jika G_batas lebih dari atau sama dengan 100 maka window awal akan close dan muncul window baru .<br />
<br />
output 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/AVvXsEjZGn0XlB_6v_0Ls4zTxGDk4mXKxW4yvg1r7qdsGTRb3WrqTJyWCF0UI0jXByTg_VomKm3QZXM08stItAMlYuQ5i_paNimrxe83D3jNwFHKoonIABiTlCUh8k1r2Pk0RgzhaZBKTGh0Kpw/s1600-h/timer32.png" style="margin-left: auto; margin-right: auto;"><img alt="timer3" border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSQNOF7r2BirnzL3gMJS1UWCvzki8gfry24rm6cUNNQWRpGjHwdkWDnpj_PpXfarp7APlfjsVL29EDhfvAIdyauNlvgT1vCXHAKZF7sRxhO4ggUGKWALCSZqLVhNR6Z8R3m16m9rrl7gk/?imgmax=800" style="background-image: none; border-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="timer3" width="244" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">splash screen</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/AVvXsEgcrjQiUo-5Bj3ceK5gLeInAe8PSzaNI9zCuPsCaNTj91zDqBlPzRJTYScYF7D56lqReWZMfgQZmQ2JVhT2m3PzOixEWrSa1i7dAiu9CDZrCAmhoQurYPNgzPw7v1fhR9xO110Z9hGcUEA/s1600-h/timer42.png" style="margin-left: auto; margin-right: auto;"><img alt="timer4" border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoFcYpRr0V3d5bXQyPjLqBCaOvYbr39msG7YJes1G_vkNJI7u-Q7NIVysZMdd6xVwemIlUAng70ZXtws_HthUbN5PWGBf8XLUEBfK2ehKgA5Pw4pRt-fACzmV2OUzPY0amdCFpVZu0KyA/?imgmax=800" style="background-image: none; border-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="timer4" width="244" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">window 2</td></tr>
</tbody></table>
Arick Anjasmarahttp://www.blogger.com/profile/01691516951783919648noreply@blogger.com0tag:blogger.com,1999:blog-4922895609411636241.post-13323042865069321012013-10-25T23:53:00.000+07:002013-10-25T23:53:18.355+07:00STRAWBERRY PROLOG: Membuat Menubar dan Pindah Window Barumasih melanjutkan posting sebelumnya, di posting ini saya akan menjelaskan tentang pembuatan menubar, membuat window baru dan pindah ke window baru tersebut. menubar adalah sekumpulan menu yang terdapat di bagian atas window. biasanya berupa File, About, dan Help.<br />
seperti sebelumnya, buat file baru dengan cara file > new > pilih strawberry prolog, ketikan program berikut terlebih dahulu untuk membuat window pertama<br />
<pre class="csharpcode">?- window(G_window1, _, window1(_),<span class="str">"ini window pertama"</span>,100,200,300,400).</pre>
lalu dilanjutkan dengan code berikut untuk membuat menu bar<br />
<pre class="csharpcode">window1(init):-
menu( pop_up, _, _, menu_file(_), <span class="str">"&File"</span>),
menu( normal, _, _, menu_about(_), <span class="str">"&About"</span>),
menu( right, _, _, menu_exit(_), <span class="str">"&Exit"</span>).</pre>
seperti penjelasan sebelumnya,<br />
<br />
<ul>
<li>(init) berfungsi untuk mengeksekusi pertama kali saat program dijalankan. pada code di atas, kita akan membuat 3 menubar diantaranya File, About dan Exit. perbedaanya pada pop_up, normal, dan right.</li>
<li>pop_up berarti memiliki akan memiliki submenu di bawahnya</li>
<li>normal berarti seperti button biasa, bedanya ini adalah menubar</li>
<li>right berarti menubar yang dibuat ada di sebelah kanan.</li>
</ul>
<br />
lihat output dari code di atas<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqpUr4JIWHftKsOUwlVN_CGv_zob79VFgcVbUZQ0S8HfvaVMngUR4PJmYu6ER0eqzOVYmeMeM3dvn8D6Hoyhzb9STBEDvAe0PORym7X-Wr65L6QfI55phrHPuAmYBeHeQJpIfnkNjGso8/s1600-h/menubar12.png"><img alt="menubar1" border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPUjY8My9v_lWZGvQB7KV8p-_0e9F79UvGJJAS74v26b_kKmb2Ie_r-P_v06dxR_swYfufeFaalxZLh-V27E9MG-eEvS0lubPZNMPNqFCrRv7wrERbndizrTyvTn_VdOQDb-hMiY0OoIA/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="menubar1" width="244" /></a><br />
karena ada menu pop_up pada fungsi menu_file, maka kita akan membuat submenu terlebih dahulu. ketikan code berikut melanjutkan code sebelumnya untuk membuat submenu.<br />
<pre class="csharpcode">menu_file(init):-
menu(normal, _, _, menu_submenu(_), <span class="str">"&Submenu dari File"</span>),
menu(separator, _, _, fail(_), _),
menu(normal, _, _, menu_gantiWindow(_), <span class="str">"&pindah window"</span>).</pre>
di atas ada 3 menu, tapi yang akan tampil hanya 2 menu karena menu kedua hanya bersifat sebagai separator (pemisah) antara submenu pertama dan submenu kedua. outputnya seperti ini<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrtRlDkq8kap6ZoU__99jTLgjm3IbibSe4KYCFoZUZPUO0JbmDxkewH6uM7pFirSpWE1neEPmjtPWcmvdTwL_aW5h-rCFmXYU_0D5-kthyphenhyphenKbYsdQaqvoOZZYgQ6wXFSQJWk_MK9kUb1zM/s1600-h/separator2.jpg"><img alt="separator" border="0" height="154" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2I9SsABBC2cJcYKXFzq2yI3paB6rtL7FJqXRh4OPhRSLuOvrnQlEuVSAAi9FmwT2OM9fEmVVyY6du2uTZpHXZeUEfFbAdmc5UdRon7Khry-Iej1nxFtFKFW7OXkcfdefqF90ngHNuk7E/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="separator" width="244" /></a><br />
<br />
untuk membuat fungsi dari submenu dari file sama seperti membuat fungsi dari button biasa. ketikan code berikut melanjutkan code sebelumnya<br />
<pre class="csharpcode">menu_submenu(press):-
message(<span class="str">"judul"</span>, <span class="str">"halo saya submenu file"</span>, i).</pre>
<br />
<ul>
<li>menu_submenu adalah nama dari submenu yang pertama yang telah dibuat di atas. (press) berarti ketika tombol menu_submenu ditekan, maka akan mengeksekusi program di bawahnya. tombol tersebut akan menampilkan messagebox.</li>
</ul>
<br />
<pre class="csharpcode">menu_gantiWindow(press):-
close_window(G_window1),
window(G_window2, _, window2(_), <span class="str">"ini window kedua"</span>, 200,300,400,450).</pre>
<br />
<ul>
<li>sama seperti di atas penjelasannya, bedanya tombol submenu pindah window ini bertugas untuk menutup window G_window1 (close_window(G_window1)) dan akan menampilkan G_window2.</li>
</ul>
<br />
<pre class="csharpcode">menu_about(press):-
message(<span class="str">"biodata"</span>,<span class="str">"nama : Arick\n\nLABTI GUNADARMA"</span>,i).
menu_exit(press):-
close_window(_).</pre>
penjelasan sama seperti di atas :)<br />
output dari keseluruhan program sebagai berikut<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpzty79UTaMTVyMfFc0cFahOfg-Qw08XTiyiDJ2vZ-xsf-r5PHQrE3I0YtX2VUtz1wFhmnSwYXWpDGNam7S6dKtnB8pkRbHm8c3x6Dl2y0wS1Iygols5JtGkNomPiF2hvHVUMBpITrBMA/s1600-h/submenu-1-tile2.jpg"><img alt="submenu 1-tile" border="0" height="244" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYU3pMEw4cvdiPeif0S_DDoFsQUzIsRnezG0T8W9prFpj_NzkBg8MZeuWTzNr7DuRNp9LVmGmVmV4xpthR_Jd4ymja2vn29mrKaUeZFdDCUveQITtfbb6lIl3jO55vDAXJYVMQkrJQxxw/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="submenu 1-tile" width="217" /></a>Arick Anjasmarahttp://www.blogger.com/profile/01691516951783919648noreply@blogger.com0tag:blogger.com,1999:blog-4922895609411636241.post-22652154346347543272013-10-25T23:40:00.001+07:002013-10-25T23:40:51.931+07:00STRAWBERRY PROLOG: Membuat Background dari Gambarmelanjutkan tutorial sebelumnya, di posting ini saya akan menjelaskan bagaimana cara menampilkan gambar sebagai background. Ketikkan code program di bawah ini pada lembar kerja baru anda. cara membuat lembar kerja baru klik file > new > pilih strawberry project.<br />
<pre class="csharpcode">?-
G_gambar <span class="kwrd">is</span> bitmap_image(<span class="str">"C:/Users/ARICKANJASS/Desktop/tutorial prolog/background.bmp"</span>,_),
window(_, _, window1(_),<span class="str">"ini judul window"</span>,100,50,1000,700).</pre>
<br />
<ul>
<li>G_gambar adalah sebuah fungsi yang nantinya akan dipanggil untuk menampilkan gambar bitmap image adalah library dari strawberry prolognya sendiri.</li>
<li>C:/Users/ARICKANJASS/Desktop/tutorial prolog/background.bmp" adalah alamat file gambar yang ingin ditampilkan. format gambar yang dapat ditampilkan di strawberry prolog adalah .bmp (bitmap image).</li>
<li>window(_, _, window1(_),"ini judul window",100,50,1000,700). berarti membuat window yang akan tampil (lihat di post sebelumnya tentang penjelasan membuat window).</li>
</ul>
<br />
lanjutkan code di atas dengan code berikut<br />
<br />
<pre class="csharpcode">window1(paint):-
draw_bitmap(0,0,G_gambar,_,_).</pre>
<br />
<ul>
<li>window1 adalah nama dari window yang sebelumnya dibuat, sedangkan paint adalah nama library dari strawberry prolog yang berarti menampilkan. begitu juga draw_bitmap adalah library dari prolog sendiri.</li>
<li>(0,0) adalah koordinat yang berarti gambar tersebut akan muncul dari awal titik 0,0, G_gambar adalah nama fungsi dari gambar yang telah di buat sebelumnya.</li>
</ul>
<br />
jika dirun maka outputnya akan seperti ini<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/AVvXsEh6Dpv_q9rubCr0Qj2fRV5_MSFTAMTMqSjzHQhTZ3EtNTxubBoZSEVIBOOmZD8r8asjRchDh-XJL3Xx-6DJnfAESl3PARaVAH6C4g4XQC5jSBpd60N4QXHSJwSl0fia5EJfq8xZYHkl0ow/s1600-h/gambar5.png" style="margin-left: auto; margin-right: auto;"><img alt="gambar" border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy8NDpgVd0gkRMMNycWkxFMGx1_Q5ajG8-n1zAVV4vkTSMgHMRzdRWb3k6ZKbEzrO3y4JZQjiZV9NA1_RBwihNfXlD3Cf9FYClqFEazMMqEfbYAdSmdsVYs683e-LGUbMnOTo0TbArbvU/?imgmax=800" style="background-image: none; border-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="gambar" width="244" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">hasil</td></tr>
</tbody></table>
Arick Anjasmarahttp://www.blogger.com/profile/01691516951783919648noreply@blogger.com0tag:blogger.com,1999:blog-4922895609411636241.post-42290620638493656622013-10-25T14:49:00.002+07:002013-10-25T14:49:55.038+07:00STRAWBERRY PROLOG: Membuat Button dan Messageboxjika sebelumnya saya membuat tutorial dan code tentang membuat garis pada prolog, sekarang saya ingin menjelaskan bagaimana cara membuat button di strawberry prolog. Download strawberry prolog <a href="http://arickanjass.blogspot.com/2013/10/strawberry-prolog-membuat-garis-line.html">di sini</a><br />
<br />
setelah download dan ekstrak, buka prolog.exe, klik file > new > pilih strawberry project (untuk penjelasan lihat di posting saya <a href="http://arickanjass.blogspot.com/2013/10/strawberry-prolog-membuat-garis-line.html">di sini</a>)<br />
ketikkan code berikut<br />
<pre class="csharpcode">?-
window( _, _, window1(_), <span class="str">"Judul window di sini"</span>, 100,200,300,400).</pre>
<br />
penjelasan code di atas ada di posting saya sebelumnya<br />
lalu lanjutkan code di atas dengan mengetik code berikut di bawahnya<br />
<br />
<pre class="csharpcode">window1(init):-
button(_,_,coba_button(_), <span class="str">"klik di sini"</span>, 50,60,70,80).</pre>
<br />
<ul>
<li>window1(init) adalah fungsi untuk membuat program saat window1 di buka atau dijalankan. nama window1 diambil dari fungsi window yang telah dibuat sebelum “judul window di sini”.</li>
<li>button adalah memanggil library button pada prolog, sedangkan coba_button adalah nama dari button yang akan dibuat.</li>
<li>“klik di sini” adalah teks dari button tersebut dan 50,60,70,80 adalah koordinat dari button tersebut. lihat gambar di bawah</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/AVvXsEiPfTyHF1tEkAixx8iwtbdlUHXAPfJ5aAbX1KHc7mNOvqarbsfmR2yFK8pToCeXiXdM0QorY_hBBEkwhCsNGGHVOjeFA58K1NX1tgetkLCq9ZsbCSMj0Ah70cfT7kVeCFYZvRrAxC0rkiU/s1600-h/button%252520prolog%25255B5%25255D.png" style="margin-left: auto; margin-right: auto;"><img alt="button prolog" border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR8t5WQodERG8I_reBBc0VfLyAU6TYDSsM_4Jo3dvvFgOke6p9Le4IkbrtgUDXgPLNoWIdTdVHlVZ5Y-SGMXsrkyN4Hysy218f5ZVxlcX6iTJUPVAUdn1mKgTUHzYldhNE28tkAu535Hw/?imgmax=800" style="background-image: none; border: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="button prolog" width="244" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">gambar 1</td></tr>
</tbody></table>
<br />
setelah muncul button, maka kita akan membuat showmessage saat button tersebut di klik. caranya, tambahkan code di atas dengan code ini<br />
<pre class="csharpcode">coba_button(press):-
message(<span class="str">"judul message"</span>,<span class="str">"halo saya show message"</span>,i).</pre>
<br />
coba_button adalah nama button yang telah dibuat sebelumnya, I setelah “halo saya show message” adalah tipe icon dari message tersebut. I berarti bertipe information, ! berarti warning, ? berarti question.<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/AVvXsEgfkprS-Znxa7kGrXaIYp8vN8nK_YjIA1V6mlA3oJvOlOAtQG7aAEi98ix3I3T8LMive78gv-3RbTrVfVWr5xDp2Ufa2h7MqgenHcP2Mi4w9sFmaPSxAx70_ujAPHkudYUijepil-G7Cyc/s1600-h/message%25255B2%25255D.png" style="margin-left: auto; margin-right: auto;"><img alt="message" border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoZftYBczkNR2ffWMmoKXyOEIKzNR7za-VMCOrwEeQBAZnrjo9NBBZjfP4pY2adgC9I021pCrq0TxeL-eVYLu9uJnnkN0mVdbZMQn4_1qn0w0HOGEfENXO4WLpEHFASgpcWuWdQ1VQeIQ/?imgmax=800" style="background-image: none; border: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="message" width="244" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">gambar 2</td></tr>
</tbody></table>
Arick Anjasmarahttp://www.blogger.com/profile/01691516951783919648noreply@blogger.com0tag:blogger.com,1999:blog-4922895609411636241.post-85114551070059358372013-10-25T11:34:00.000+07:002013-10-25T11:43:39.399+07:00STRAWBERRY PROLOG: Membuat Garis (Line)sehubungan dengan tugas tugas yang terlempar dari laboratorium teknik informatika. mata praktikum pengantar kecerdasan buatan (PKB). harus menggunakan strawberry prolog<br />
<br />
Download Strawberry Prolog: <a href="https://www.dropbox.com/s/xqg8k01vafijeg1/Strawberry%20Prolog%5Barickanjass.blogspot.com%5D.rar">download strawberry prolog</a><br />
Password: <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/AVvXsEhllrZ87dt6U5Y2ldlED93SliyHqdpj-_bYQHoeH3JEzghqytGq-yHZ58x8uHgPI_Yfsu0mFdEHNvu9_XFI-wDC8pP79yPgBq4NRG967E7X7c1sIQFCgC0O8BHDANgfXi_WxjAo7ccdh1U/s1600-h/tampilan-awal-strawberry-prolog2.png" style="margin-left: auto; margin-right: auto;"><img alt="tampilan awal strawberry prolog" border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZvKffUyXM762VoQopieVGdSHogizkyN1ix_IaIfNbNBZkaco9ItISXrtfZ9pQWEgd4FxRqZwB0gaPwiGkDHkB8pFgHM9kIu5eDTKbnaEm8H5D4hgptHMY_KJuV8EaY7Jbmcu8kgQ7UFE/?imgmax=800" style="background-image: none; border-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="tampilan awal strawberry prolog" width="244" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">langkah 1</td></tr>
</tbody></table>
untuk membuka aplikasi strawberry prolog, download file di atas kemudian ekstrak rar nya, pilih strawberry prolog.exe<br />
setelah muncul tampilan pertama, klik file kemudian new, pilih yang strawberry project, kemudian klik OK<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/AVvXsEghiFjkhO6wvkv_USjE_13yn-IFY__YuGpsVfqd_5kWzVbeh6whI_BXaybWzevWVaibq7ankFCPpn7Ahsmb0XD8VDFBgHj5U9GRF0a2YH_WIdhJRkZm6bR_Y4KagQao10WeWJJMQYMyZS4/s1600-h/file%252520new%252520strawberry%252520prolog%25255B2%25255D.png" style="margin-left: auto; margin-right: auto;"><img alt="file new strawberry prolog" border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRwwYRJFapoqpobYBDQpmBb5HwHQYfzmXlpoX8kcwF_Jt42pERE-XQyhdpWOtIV689FY48F5lfKdF2aDka_CI7N0c8vdQ3Y1XEy7dT-JUikjtshyphenhyphen_0TUm2T7ypC6iqXk3xF4YcedCrRjI/?imgmax=800" style="background-image: none; border: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="file new strawberry prolog" width="244" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">langkah 2</td></tr>
</tbody></table>
ketikkan code berikut pada window kosong yang baru anda buat<br />
<pre class="csharpcode">?-window(G_namaWindow, _, window1(_), <span class="str">"Ini window pertamaku"</span>, 100,200,300,400).</pre>
<ul>
<li>?-window berarti membuat window baru.</li>
<li>G_namaWindow adalah nama window tersebut</li>
<li>window1(_) adalah fungsi yang nantinya akan dibuat</li>
<li>“ini window pertamaku” adalah judul dari window yang akan muncul</li>
<li>100, 200, 300, 400 adalah koordinat dari window yang akan muncul, perhatikan gambar di bawah</li>
</ul>
<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/AVvXsEhOpPKCchwR7Qlbd2UFwUlWRybvoS3POOVjrNV8nvy7osB-vAAv1qHN7w55C8hEdWbP7fvkntsfQiVp2K3U0WL48oiX2Z_zwBKFhDeiuI5Tnys74FCH1pPYcSz0LE0LoUNyNmvAKPhyGZ4/s1600-h/buat%252520window%25255B2%25255D.png" style="margin-left: auto; margin-right: auto;"><img alt="buat window" border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbrTybLDU9Mryy3xrk95aB6pRRtWA78kAw0yPLHioJx4odVOyjm81UBye-kJhRMrAjBNek-SMXVji_eiaCEM9lL7G_vhe7xYyYaS9LlyRZlBAcLXFKdvJQ7j5uo1RSgfx__TP1_TsQx0Y/?imgmax=800" style="background-image: none; border: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="buat window" width="244" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">langkah 3</td></tr>
</tbody></table>
untuk melihat hasilnya, pilih RUN di menu bar atau tekan F5 pada keyboard anda. maka akan tampil window kosong.<br />
<br />
untuk membuat garis, tambahkan kode berikut<br />
<br />
<pre class="csharpcode">window1(paint):-
line(100,100,100,200).</pre>
<ul>
<li>window1(paint) adalah nama fungsi dari window saat dibuat.</li>
<li>line berguna untuk membuat garis.</li>
<li>100,100,100,200 adalah koordinat dari (X1, Y1), (X2, Y2). koordinat (X1, Y1) akan membuat titik di (100, 100), (X2, Y2) akan membuat titik di (100,200). kedua titik tersebut akan dihubungkan sehingga menjadi garis. lihat gambar di bawah</li>
</ul>
<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/AVvXsEh4iIeiX4C2FbrgD_3aOX2kbDuG7uYOUV2TV6KtRxn3gLXFEUY_5RuuRJcJ03X8eJPx9HFDQ1Rf2KFL9NqPdnnyv2Z5-0HGPWIL7DFi0i6utRC0Mx7X85hasd_sUvUXnz0gnrPXja_iYbw/s1600-h/make%252520line%252520strawberry%252520prolog%25255B2%25255D.png" style="margin-left: auto; margin-right: auto;"><img alt="make line strawberry prolog" border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgunLjL1e0imdPuW3DImB_YV5vY717sseaIKUliMdlkj5xJ2BtTUlflqYvW53uHEE9VmbYsibA9tMwSs1AuC28L65WVq0mZUQj406FxHGcG1BSAsqt-7PMC9EogO-U6wfmzVzSYaqsixzk/?imgmax=800" style="background-image: none; border: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="make line strawberry prolog" width="244" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">langkah 4</td></tr>
</tbody></table>
jika masih bingung, buat 1 buah garis lagi sehingga coding kalian seperti ini<br />
<br />
<pre class="csharpcode">window1(paint):-
line(100,100,100,200), %garis pertama
line(100,200,200,200). %garis kedua</pre>
<br />
untuk memisahkan antar garis, menggunakan koma ( , ) . untuk mengakhiri fungsi harus menggunakan titik (.) . maka akan tampil seperti ini<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/AVvXsEjRwRJRXe6H9wkTqde8W3XEH3J0LUlNQYdLOcK88QerSPXmIkPH7D2DnhucTP4yRUuK1NV6bHVzv2MhEwcCgTNuWFMdT_lhCH557B3EF5Usy-LUlL6VSc7mDtxM7hOhRw1w75S8qs8jLqE/s1600-h/make%252520line%252520strawberry%252520prolog%2525202%25255B2%25255D.png" style="margin-left: auto; margin-right: auto;"><img alt="make line strawberry prolog 2" border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4lgh-D0VLcvNg2dnGv-ZOvKd3YM6U4LCjbsh1kQQ0xdMmsxvk0r8LFFAu2pMU5LUT5U51RVOIEch1-h3Q8wj3pdBFHs0l9BJUe5ADM9Jomc87eh3JhzCQBNJTWdwFpzeo-uU0w2scQW8/?imgmax=800" style="background-image: none; border: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="make line strawberry prolog 2" width="244" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">langkah 5</td></tr>
</tbody></table>
<br />
untuk membuat persegi menggunakan garis menggunakan 4 garis.<br />
<br />
<pre class="csharpcode">window1(paint):-
line(100,100,100,200), %garis pertama
line(100,200,200,200), %garis kedua
line(200,200,200,100), %garis ketiga
line(200,100,100,100). %garis keempat</pre>
<br />
maka akan tampil seperti ini<br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRBp6iSF9_1hia8I4I3S37GdAvD9uDFHurqYnhtu3Hxtk3fL6ybDKs51fnyh7fBxK-kww26yq1sFsiHgrUk4h8GHpA5K_dBsTyJPmmt_ntF5iD73jOq1TA520A4fNyeonIkb3srH-L_A0/s1600-h/square%25255B2%25255D.png"><img alt="square" border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnjCTTIBQbAQhyCpe0d3hLKMIwsesZe3rBc7-JJO5g1VTyyXAOjJXUDo6iYYcn0N0UDb_b2WuyXSZSsav_pEI5P5gbVuc2BARbOWccbYTUfZak2LlqqLQxVoSi_sqzuVqrFHJ6ILGx-UU/?imgmax=800" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="square" width="244" /></a>Arick Anjasmarahttp://www.blogger.com/profile/01691516951783919648noreply@blogger.com0tag:blogger.com,1999:blog-4922895609411636241.post-16730081383766766842013-10-11T11:08:00.001+07:002013-10-11T11:08:25.805+07:00TUGAS: Desain Pemodelan Grafik<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/AVvXsEiinNGfJ4pSBN4HiziaZGGfkba1ZVdASYSzp7G-f9oCK9VQHKQNOJyShuHG9Pet5vJZ1v3khCcMEtXGTubVihIDEIrsy-2xUUm8AgmJnmVP3WJZL7OYGoYKg9Vy0sigf4zTPMONVoz0z8tO/s320/design3.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiinNGfJ4pSBN4HiziaZGGfkba1ZVdASYSzp7G-f9oCK9VQHKQNOJyShuHG9Pet5vJZ1v3khCcMEtXGTubVihIDEIrsy-2xUUm8AgmJnmVP3WJZL7OYGoYKg9Vy0sigf4zTPMONVoz0z8tO/s320/design3.jpg" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">pic source: tugas2-kuliah,blogspot.com</td></tr>
</tbody></table>
<br />
<blockquote class="tr_bq">
Pengertian Desain Pemodelan Grafik</blockquote>
Desain Pemodelan Grafik adalah suatu ilmu yang mempelajari tentang teknik membuat sebuah objek, memanipulasi gambar dan membuat sebuah gambar dapat terlihat seperti hidup (bergerak). Proses ini sepenuhnya dilakukan oleh computer. Kita kini sudah ketahui semua bahwa grafika computer bukan hanya permodelan 2D saja yang hanya menggambarkan sebuah penggambaran tampak depan,namun ada pula permodelan 3D yang lebih terlihat seperti nyata. Grafis yang dibuat dengan baik dapat mepresentasikan hal yang terlihat sulit menjadi suatu hal yang mudah dan dapat mudah dipahami. Grafik juga dapat digunakan dalam media seperti laporan,thesis,serta tugas-tugas makalah. Untuk mendukung perkembangan ini telah banyak perangkat lunak yang diciptakan untuk mendukung kinerja dari komputer grafis. Perangkat-perankat lunak tersebut dapat dikategorikan menjadi 3, yaitu: untuk 2D, 3D, dan animasi grafis. Karena teknologi berkembang pesat kebanyakan digunakan adalah perangkat 3D ,tetapi tidak sedikit yang masih menggunakan perangkat komputer grafis 2D.<br />
<blockquote class="tr_bq">
Grafik Komputer</blockquote>
Grafika komputer (bahasa Inggris: computer graphics) adalah bagian dari ilmu komputer yang berkaitan dengan pembuatan dan manipulasi gambar (visual) secara digital. Bentuk sederhana dari grafika komputer adalah grafika komputer 2D yang kemudian berkembang menjadi grafika komputer 3D, pemrosesan citra (image processing), dan pengenalan pola (pattern recognition). Grafika komputer sering dikenal juga dengan istilah visualisasi data.<br />
<blockquote class="tr_bq">
Contoh software grafik komputer 2D </blockquote>
<ul>
<li>Coreldraw</li>
<li>Google sketchup</li>
<li> Adobe illustrator</li>
</ul>
<blockquote class="tr_bq">
Contoh software grafik komputer 3D</blockquote>
<br />
<ul>
<li> maya 3D</li>
<li>Strata 3D CX</li>
<li>Ulead Cool 3D</li>
<li>Swift 3D</li>
<li>AutoCAD</li>
<li>3D home architect</li>
<li>Blender</li>
</ul>
<div>
Sumber:</div>
<div>
<ol>
<li><a href="http://id.wikipedia.org/wiki/Grafika_komputer">Wikipedia</a></li>
<li><a href="http://farhan-boank.blogspot.com/2012/10/normal-0-false-false-false-in-x-none-x.html">farhan-boank blogspot</a></li>
<li><a href="http://kazukiarsyif187.wordpress.com/2012/01/31/software-aplikasi/">kazukiarsyif187 Wordpress</a></li>
</ol>
</div>
<br />
Arick Anjasmarahttp://www.blogger.com/profile/01691516951783919648noreply@blogger.com1tag:blogger.com,1999:blog-4922895609411636241.post-12954183191974209592013-09-16T02:26:00.000+07:002014-01-23T03:13:39.877+07:00DOWNLOAD: EPSON L100 Resetter<div align="justify">
Di postingan ini, gua mau <i>sharing</i> pengalaman aja deh “penyakit” EPSON L100.</div>
<div align="justify">
beberapa waktu lalu printer gua rusak dengan alert kaya gini</div>
<div align="center">
<br />
<b>“The printer’s ink pads are at the end of their service life. Please contact Epson support.”</b><br />
<b><br /></b></div>
dan di bagian bawahnya ada notifikasi<br />
<br />
<div align="center">
<b>“The Approximate Ink Levels might be different from the actual ink levels. To confirm the actual ink remaining, visually check the ink levels in the printer’s ink tanks.”</b></div>
<br />
nih screen shoot alert nya<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/AVvXsEhUCKLGbKwF3ADsYYmZ99C0UBNlYVuYkMR4ZjFEXFy_9xQT6zK85rAndcD5Qux_SSOBM6-8GNR7vU9FsLQJDG2rci1Pi2Va0Ebq3pHHQAC6Iwt0kfr6fV1fTxLfSXrS6gFZ5GqS_lLOjpI/s1600-h/The-printers-ink-pads-are-at-the-end%25255B2%25255D.png" style="margin-left: auto; margin-right: auto;"><img alt="The printer’s ink pads are at the end of their service life. Please contact Epson support" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbJWDUHuS4iMmg0Ch_W_kT__Pfdlp-o5hgqgkLjgCgIxe0SGEH7xBEB7nASzRjBBhic5ugapoUHdctkbDujeo1hhbJIgMuelkuJ6ZUOLcpCfi-tJ44m-TZBdjIQHxHkJ7IexUslq_TkwU/?imgmax=800" height="250" style="background-image: none; border-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="The printer’s ink pads are at the end of their service life. Please contact Epson support" width="313" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">EPSON Alert</td></tr>
</tbody></table>
<div align="justify">
Gua tanya di beberapa forum epson dan tukang service, semua jawabannya sama aja. “Harus reset” katanya. Entah apa yang direset sampe sekarang gua ga ngerti, yang jelas google kembali menjawab semua pertanyaan.<br />
<br /></div>
<div align="justify">
Epson L100 Resetter, aplikasi untuk mereset printer ini bener bener berguna untuk memperbaiki printer gua.</div>
<br />
<div align="justify">
Download Epson L100 resetter : adjProg.exe (2.5mb)</div>
<div align="justify">
password: arickanjass</div>
<blockquote>
<div align="justify">
How to reset Epson L100</div>
</blockquote>
<ul>
<li> <div align="justify">
Turn on printer EPSON L100 dan pastikan terhubung dengan PC anda.</div>
</li>
<li> <div align="justify">
ekstrak rar yang sudah didownload dan buka <b>adjProg.exe</b> nya kemudian <b>klik accept</b><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/AVvXsEhUSEmX-MSnUaieFPQeWv-kdWOgjfY0c-XQaPRDSpv8_JIqQTbVndceyFybP8hicyG20dbtkviFfZxDT-twcHt2XxgKX-FxSHKvaODaYrecnKA_84vjEsd-bltbN00hUtZ_Du4U5HgVhAA/s1600-h/adjProg2%25255B1%25255D.png" style="margin-left: auto; margin-right: auto;"><img alt="adjProg" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFEkaytnIwqHZTL_q6X_mgE367Q0UHPikcJUNsgLftXZeWk2nBwsefW9Oq8xHDQiVq0Gz83PxWt7JGPXyTZEdnqHAfqqoFD47f6SWmrwpMAdkRotk3uMJ0RJ-nTtUe5-Ph1AEZpxh_Tpk/?imgmax=800" height="218" style="background-image: none; border-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="adjProg" width="244" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">step 1</td></tr>
</tbody></table>
<b></b></div>
</li>
<li> <div align="justify">
setelah muncul window baru (EPSON Adjustment Program), pastikan <b>model: L100</b> dan <b>port: auto selection. </b>jika sudah sesuai, <b>klik particular adjustment mode</b><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/AVvXsEiHkg54_xHUF6pA6E5doLbTXIyJjT4D1Lj7qPszYxRz3HjcRPfdv3R3ey8XUrO8oTTMURGNu4_VcVCW8yfNzhMqpskhhadt219qo2HWqkyQcyt1ITMsbNoEXnwHH51pMDD0ijWSg2PDtjM/s1600-h/adjProg22.png" style="margin-left: auto; margin-right: auto;"><img alt="adjProg2" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnGxujWUmHQiiQDvjlUhM51KYrmrrDZlTpmjLWVBmORAqsVRC-0kjD2wUF5SFf7ENjs9jlQWOn_taiLbk0iACf6MNelZm3Nu8MUqJf4YUWQMX5fjtfBkkgIfXqiOqYGFMcxmhMv6RDUZM/?imgmax=800" height="199" style="background-image: none; border-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="adjProg2" width="244" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">step 2</td></tr>
</tbody></table>
<b></b></div>
</li>
<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/AVvXsEgyvIBcagy-fVrwu11fIIH2Zcji7N2p-LjIJKf4QJNT0b5jJA-kZg_y_PrNVlr4IATMY6xXBOE66Rf-a58WH4arkaRHoFeAZzRQOwthCENia_EdZN5nVNPu-Up1qj7KsAVpcmmqjrYvGek/s1600-h/waste-ink-pad-counter2.png" style="margin-left: auto; margin-right: auto;"><img alt="waste ink pad counter" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5FLnxqgFAP3XJRJXylrMC99GqwLpsVszu7Pp4c1NjOdSnwdePrahZprmDVHsbeuZSdWF3lTw81QdpERR5yRWFVArHhw19KKS1z7cSeRQZCCcVIPcuRuTtxb7f0eBQQQ9nzyDfJs5Bk2Y/?imgmax=800" height="198" style="background-image: none; border-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="waste ink pad counter" width="244" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">step 3</td></tr>
</tbody></table>
<li>muncul window baru lagi, <b>klik 2 kali</b> pada <b>Waste ink pad counter</b>.</li>
<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/AVvXsEiEzIUErtuIFP4WETWRvEjTL1x2c6yEfQcVyDQfnD9c2iPuOsYYRdFc5PuuilwWUhVNiXyJzDZUgSe9koZBmOn7A0Qil-EJ19sTJp-yBJcKZkhVhsRLIgvGkkMDT7-Q74Dohba57wzCf9A/s1600-h/waste-ink-pad-counte2r2.png" style="margin-left: auto; margin-right: auto;"><img alt="waste ink pad counte2r" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaXF-Agb9lNcCrjgrWAkdL6S1DsJ8qsm-PtYQIKRXazy5YadwIESccUbYPQA-NJfa1cQI4FL-FIl1f1JRe1RtQzdl4iW41Jq8-kzk3OXH9qRgYjYpW0gMQEsw2zv0s8S4SE4JWcRGKhkg/?imgmax=800" height="151" style="background-image: none; border-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="waste ink pad counte2r" width="244" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">step 4</td></tr>
</tbody></table>
<li><b>Checklist</b> (centang) pada <b>Main Pad Counter </b>kemudian <b>klik Initialization</b>. </li>
</ul>
Selesai. silahkan print seperti biasa :)<br />
<br />
Note: “<i>cara ini tidak aman bagi printer anda”</i><br />
tested by me: Windows 7 home premium<br />
<br />
<span style="font-size: xx-small;">sumber:</span> <a href="http://forqisa.blogspot.com/2012/09/cara-riset-l100.html"><span style="font-size: xx-small;">Cara Riset Epson L100 | FORQISA</span></a>Arick Anjasmarahttp://www.blogger.com/profile/01691516951783919648noreply@blogger.com0tag:blogger.com,1999:blog-4922895609411636241.post-13755918127175636852013-08-19T12:18:00.001+07:002013-08-19T12:18:37.910+07:00DOWNLOAD: Monopoly Spongebob Squarepants EditionGame monopoly umumnya dimainkan secara langsung menggunakan perlengkapan yang harus dibeli di penjual. Tidak lagi untuk sekarang. kalian bisa main monopoly tanpa harus membeli alat permainan, menyiapkan perlengkapan, menghitung uang, dan membereskannya kembali setelah bermain<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;"><img height="203" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6c6VjlbgCEZRbaWXFQZZa7PSRkRtsVqhcUTETClyS0iuWvEzDZrKFyyDV-fD8z37VNkk_3TNAzVvsKj6zYwqQImAHdDq-QnhNW-rorqBvBU3OkOckzrxYKFtbnaJxol7rQOl_v7u5Qfg/s1600/monopolyspongebob.jpg" style="display: block; margin: 0px auto;" width="144" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">img source: 29duatiga.blogspot.com</td></tr>
</tbody></table>
Monopoly Spongebob Edition, cara bermainnya sama seperti monopoly pada umumnya. Ada dana umum dan kesempatan, parkir bebas, penjara, dan beberapa fitur lainnya. Yang membedakan adalah nama kota dan karakternya. Jika biasanya kita bertemu dengan Jakarta setelah start, maka di Monopoly Spongebob Edition, kota pertamanya adalah plankton lab. <br />
<br />
Download Monopoly Spongebob Squarepants Edition FULL : <a href="http://www.ziddu.com/download/22761209/MonopolySpongeBobarickanjass.blogspot.com.rar.html">Click Here</a> (50mb)<br />
Password : arickanjass<br />
<br />
install seperti biasa, ekstrak > buka <strong>InstallSpongeBobMonopoly.exe</strong> > next next next dan selesai<br />
<blockquote class="tr_bq">
Cara agar full version</blockquote>
<ul>
<li>Buka folder crack yang telah diekstrak kemudian copy <strong>MonopolySB.exe</strong></li>
<li>Replace <strong>MonopolySB.exe</strong> ke <strong>C:\Program Files\Shockwave.com\Monopoly SpongeBob SquarePants Edition\product</strong><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtdGpu0AY65XZgLHgE4at9dvx_vDxNwK6Ua5_4XZv3kk99C1JoQeKAOVbWAOq9ywsnlzQSqv0JF5G2fKWJ1hZJF7KVGiphbmWiVSZaIbq1zadslynLBQNlD-eZYl1oBQF_V15BQ3zhLN8/s1600-h/Monopoly%252520SpongeBob%25255Barickanjass.blogspot.com%25255D%25255B2%25255D.png"><img alt="Monopoly SpongeBob[arickanjass.blogspot.com]" border="0" height="234" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhThyphenhyphenh8c34D2oMryAJVEIF_J_68qnhUhP0Td445Xkkl2ggZvE_QDDZdQY-NQH5uRSlBA7UJ5ddybmVhe3ibEqic8meKa9dqlUSMaJmVPy4uJ7atutzRcxFRm5kp09fxDbfp8YU4BMonvF0/?imgmax=800" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Monopoly SpongeBob[arickanjass.blogspot.com]" width="244" /></a></li>
<li>Create shortcut <strong>MonopolySB.exe </strong>ke desktop (klik kanan pada MonopolySB.exe > pilih send to > klik desktop)<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9csE3F4SNbYEQUTiwCQzEpAvwZjz8E6C-_yJ3Yr0MkvdfneOkdj_VPk04B2YoTNd6RgUiTnNk_hBSKLDciAwzOUoVvsuw9NhlFUTcDb0PMIpGhqk5ekb7_cHG-lPvISYt7AWymfjhB0Q/s1600-h/Monopoly%252520SpongeBob%25255Barickanjass.blogspot.com%25255D%2525202%25255B2%25255D.png"><img alt="Monopoly SpongeBob[arickanjass.blogspot.com] 2" border="0" height="201" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKL7Xc_ZWTOc4j-4v1dluTGTSLUKYmaIR7Qtgm0JYIfMRZhJQmAQSayRZ3FeO1MD9yZOXjt58j-DHaR8v00durwVCebh5cEkxx1FS-wouCVStqRwKukSLMDENtLyO36xFNMZvXI1J8No0/?imgmax=800" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Monopoly SpongeBob[arickanjass.blogspot.com] 2" width="244" /></a></li>
<li>Selesai, klik shortcut yang ada di desktop untuk memainkan</li>
</ul>
NB : <em>jangan jalankan Monopoly SpongeBob SquarePants Edition.exe</em><br />
Screenshots:<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;"><img height="183" src="http://screenshots.en.sftcdn.net/en/scrn/89000/89059/spongebob-squarepants-monopoly-29.jpg" style="display: block; margin: 0px auto;" width="243" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">img source: en.softonic.com</td></tr>
</tbody></table>
<div style="text-align: center;">
Password untuk membuka character di monopoly spongebob squarepants edition</div>
<div style="text-align: center;">
<b><span style="font-size: large;">SpongeStar</span></b></div>
Arick Anjasmarahttp://www.blogger.com/profile/01691516951783919648noreply@blogger.com2tag:blogger.com,1999:blog-4922895609411636241.post-37245688705798686342013-08-19T09:38:00.000+07:002013-08-19T11:45:20.061+07:00DOWNLOAD: Rekam Kegiatan Desktopmu dengan Super Screen CaptureSuper screen capture adalah software untuk merekam desktop menjadi video atau capture menjadi foto/gambar. Biasanya, merekam video digunakan untuk membuat tutorial ataupun untuk merekam gameplay. sudah sering saya gunakan untuk buat tutorial (cek posting plants vs zombies)<br />
<br />
Download Super Screen Capture 5.52: <a href="http://www.ziddu.com/download/22757522/SuperScreenCapture5.52arickanjass.blogspot.com.rar.html">click here</a> (1.52mb)<br />
password: arickanjass<br />
<br />
cara install sama seperti aplikasi biasa, next next next dan selesai.<br />
<blockquote class="tr_bq">
agar super screen capture menjadi pro version</blockquote>
<ul>
<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/AVvXsEiiwlOx8M8AnMiric3KMEcdF_XmYJ6yU4kO7X-jAAge1YNEIklCbrfYhUtxbfNp47b1gH_qMxT-REyjTDcLFjMCpNvX2Y4bYR6NLfFFpcxc_Udfu01znljFcHskk0HJ5C58XCxeoH3MVSg/s1600-h/super-screen-capture3.png" style="margin-left: auto; margin-right: auto;"><img alt="super screen capture" border="0" height="184" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJiIh3tY2h2TzROuhCmxmT6fo2De555xz1cN70zTKz5PxS_T_oy1kTZ8GkvfLQoSLXWCrmPtjpmectCwnP9MJ8K-KjHHv1-3KwU_lI1lZSHiU13z_gS-gp_ZX85qjJ00Qz0po126t-mSI/?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="super screen capture" width="244" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Langkah 1 pro version</td></tr>
</tbody></table>
<li>setelah instalasi, akan muncul tampilan seperti ini </li>
<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/AVvXsEiKNR9YK1sOF3HXyKE_nXz9NMcGAPhRHE3szoXZc9O6-9ydiU7XFSEzJmnfdl3Ei8sV0QzwB_SXgVJV-hIzoi7pndFAYMhhkdktu0fBibcdVnERDZ8zmp0mqeizeu51YrYC0Nt8E1ovNXc/s1600-h/super-screen-capture-23.png" style="margin-left: auto; margin-right: auto;"><img alt="super screen capture 2" border="0" height="155" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu7U-te_vBzk6cmrfZOVaGmpGO6DR6ZXP5fm3zS5v5UyAUoGEO0ykTTNUG-Y7tLKikEE-R0umzurMKlKomhw3ObJfr7Jnwx97_XIDdSdvtUUzENOk2azz10jKLjIYVtfAtPNR_L5m65Vc/?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="super screen capture 2" width="244" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Langkah 2 pro version</td></tr>
</tbody></table>
<li>klik register di bawah kiri layar, dan masukkan name dan password seperti gambar di bawah ini atau copy dari serial.txt </li>
</ul>
klik ok dan selesai tugas anda. selamat menikmati super screen capture 5.52 pro version :)<br />
<blockquote class="tr_bq">
cara merekam video desktop</blockquote>
<ul>
<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/AVvXsEgwU8u6yrQyMd4PKtdot1DLApi19Brlp63ATvHJ7XYBgpHpBEdoB6dJ4-Xmq5kr61rF1M1tFqmVscvFEZ9dcGj4qyuCtC_erd8obz_ABZsL7UilpDlHV7StyeGI-t5sKHHzWersJAgEfJ4/s1600-h/super-screen-capture-33.png" style="margin-left: auto; margin-right: auto;"><img alt="super screen capture 3" border="0" height="36" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiczucw0m8GRjNiiUz_bkrgqwmEisB67K-SxxdiZg8OXfGvGF1F89TL7Ko-iR58FfgHSKMCnCJvP-3wac0XrNYkidCzEwd1iDS3h1ZQ9XQR3K9Ez24yVMTSPehPk3Qg9WhjQZ0JppDiYAs/?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="super screen capture 3" width="244" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Langkah 1 merekam video desktop</td></tr>
</tbody></table>
<li>buka super screen capturenya. pada tampilan seperti di bawah, klik video </li>
<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/AVvXsEiUJYeOE_o-bItAJrVKVI71rsaUwjG9QRAuBoaveVJnV04tWTsRZxCSjM3t22_GosVBY7TMjdGSOF7D3vHi-MHtnjO2sBRreqfBk2wDUtbs5D7DGvEqryz4FuYnUyIV2o239b36YSg0LAs/s1600-h/super-screen-capture-43.png" style="margin-left: auto; margin-right: auto;"><img alt="super screen capture 4" border="0" height="219" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDu9Ih2CRihfKcSbS4O2iCf7R0w21OEFL3XGW4HS8XPepM0ao2SsJKTv4cogIVJD8LDVYed9lpKQuEhL5A4U4pcm0RMlPRqk4nqSoSCggG9H2s0Cm2gGr325Jnpb9pe8sQcXwrgV6vejs/?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="super screen capture 4" width="244" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Langkah 2 rekam video desktop</td></tr>
</tbody></table>
<li>setting ukuran video yang akan dicapture (kotak warna hijau) sesuai keinginan anda. jika sudah siap, klik record </li>
</ul>
<ul>
<li>setelah selesai merekam, klik stop kemudian klik save as (gambar disket). save di direktori yang anda inginkan. </li>
</ul>
selesai. mudah sekali kan.<br />
<br />
<div align="center">
<marquee align="left">Hotkeys default super screen capture</marquee></div>
F12 : capture gambar fullscreen<br />
F11 : capture gambar window aktif<br />
F10 : capture gambar scroll<br />
F9 : capture gambar dengan ukuran tertentu<br />
F8 : merekam video desktop<br />
F7 : merekam audioArick Anjasmarahttp://www.blogger.com/profile/01691516951783919648noreply@blogger.com0tag:blogger.com,1999:blog-4922895609411636241.post-66356240828162572212013-08-09T19:13:00.002+07:002013-08-09T19:13:54.952+07:00TUTORIAL: Cara Download File Premium dari ScribdInternet merupakan sumber referensi untuk mencari informasi dan artikel dengan mudah, cepat dan tentunya lebih efisien. Oleh karena itu, banyak orang memanfaatkan internet untuk mencari penjelasan terhadap suatu pertanyaan atau bahkan membaca buku ternama yang sudah jarang ada secara <em>online</em>. Maka dari itu, banyak website website yang menyediakan <em>online book </em>secara gratis ataupun berbayar untuk memudahkan pengguna membca materi, buku, atau materi tanpa harus beranjak ke perpustakaan.<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIVhqL1sv13_kvBZBxn7V_t0WI7T8z_gmToKRtmKfQKipSAsVOpjxow77UTdtBRLgYUWpwAvcL-MkKiaIEXzLhAhWlHFvzpU5wHXTlDbJTvX-eFQO6-Q8gDnWOdcQPujxbJuogflWcGQs/s1600-h/scribd%25255B3%25255D.jpg"><img alt="source picture : http://cdni.wired.co.uk/" border="0" height="104" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimpuBLasNOANP3Yfl5pIjyCsiNJMVBG1zlVeXk1N5uxK3u1S6euBfNRSoh51eJRbXxUmbVGikJQUHq2mcnhoYfkBfd2XetezX_Nc6GJBAPf2CCYaivw3aJdEC9xLe8_vS6qiWQKtjmokw/?imgmax=800" style="border: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="source picture : http://cdni.wired.co.uk/" width="244" /></a><br />
Scribd.com . Adalah sebuah situs yang menyediakan file file dokumen secara online yang dapat diunduh atau dibaca secara langsung di webnya. Dokumen tersebut ada yang dapat dibaca gratis dan adapula yang berbayar tergantung dari pengunggah dokumen tersebut. Jika file tersebut gratis(free), anda dapat membacanya langsung sedangkan jika membership(premium), anda harus mendaftarkan diri dan mmbayar melalui kredit sesuai harga yang tercantum.<br />
Namun ada cara lain untuk membaca atau men-download file premium dari scribd.com secara gratis atau cuma cuma. berikut langkah langkah untuk mengunduh file premium scribd secara gratis<br />
alat dan bahan:<br />
<ul>
<li>internet</li>
<li>web browser</li>
<li>notepad</li>
<li>akun facebook (jika tidak punya facebook, daftar langsung di scribd.com)</li>
</ul>
langkah langkah:<br />
<ul>
<li>buka file premium yang ingin diunduh di web browser anda. sebagai contoh, saya ingin mengunduh file : <a href="http://id.scribd.com/doc/104678717/arkom2010" title="http://id.scribd.com/doc/104678717/arkom2010">http://id.scribd.com/doc/104678717/arkom2010</a> . </li>
<li>di atas kanan, klik log masuk/log in, pilih login with facebook (jika tidak punya facebook, maka buat akun terlebih dahulu di scribd)<img alt="scribd download" border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXajeXnvFbbThShAvATiORpaKeannSUXoiiv9MTQfL3G70KGhSlOQqqAb8H77LIEt2-cnT5AfnhENmHrHPc-zJCjJXMpvU4eFKZIA1NckHtJKPKJGvBQ1V8Kohh67rWjEpb1lPCoeWN-E/?imgmax=800" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="scribd download" width="244" /> </li>
<li>jika sudah berhasil masuk dan membuat akun scribd, sekarang buatlah file baru dari notepad, terserah isinya mau apa saja, simpan dengan nama sesuai keinginan kalian.<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRZv0bgLirZm3rDGVOAEFm2iZ6xtPSyQYPzTFzmM1pbvguHEuBmmNFdUxuoGXcc5yo6_Bzwfum6O_-d36qC6UMoTD0jTUPX9_EXaGoHeyQJFY4GdYPiEAuoTqMbSSjkwcW5VPfi4YZF6M/s1600-h/notepad%25255B3%25255D.png"><img alt="notepad" border="0" height="196" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw2jKwczFcKti0DL1D-ZuRtbkFhHYpWNowXzVLQOJ0Bgn6WkRRawRpOI84y_lhNNRspsXliEk3XaxspeCI2cPYC1V2lotnmHJQFiaERzlAstnKj9xKgkkjcacaHswu9tlhPBMwkLp7wYc/?imgmax=800" style="border: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="notepad" width="244" /></a></li>
<li>unggah / upload file dari notepad anda ke scribd dengan cara klik unggahan di kanan atas, kemudian browse file notepad tersebut. Isi form sesuai keinginan anda. beri tanda centang pada tandai sebagai pribadi agar tidak mengganggu orang lain :)<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD7y22_OoYr0JD_3K2j7zKxnXVOFieWsm44IHGiAFZOzMTnEphuZuhICgqDLwZ0mCXFrBqReoKMFhEnxwfqe-ZC5mlmM-AZF9a8GQX0DY2g8KQS0EaFM0c3cZWT-FRI3VnYKemfQ1ste8/s1600-h/scribd%252520download%2525202%25255B3%25255D.png"><img alt="scribd download 2" border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3FPgwuGNDyVwsNdCz9Plqp-tbnKigjdwmh17I9EQOBK8z8KQfaKkGeyVc-ftBygUzx9Aln97pgqIwIm2E5pE6e8_hKp1UZtgS3dYKQNg5VPq-lFLIlVyu-gRBTBV1DKvHfmnwkGWk0Io/?imgmax=800" style="border: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="scribd download 2" width="244" /></a></li>
<li>jika sudah selesai, klik <strong>anda telah selesai. lihat dokumen di scribd</strong> untuk memastikan bahwa file anda sudah terunggah<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjodT8HKiyGD5HC75iMhzbnW5Cs4pXZOJ9Mc3mYqIWldDC2MUOoqIsccxvKDpjd25oxoB9hC8LsdPOZXScSIQEbcRG95KxaM1oPcnrI0PTlUl0Le9ocrhGD3fGUyPKLuRCUjAu7acF7g5M/s1600-h/scribd%252520download%2525203%25255B3%25255D.png"><img alt="scribd download 3" border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0BP4HiXgaVvVTyu_aAex9IACXsKx-h7bBFdAwknnZutIqsWj2Al1fZ7w9lA1QtatYObdRHNh54z7iTpvHjOQpNxC6zNX3DQBGl00kO0UJn2ha_-m9rNddBNAh-Ujx47j-xkO2tXumgpc/?imgmax=800" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="scribd download 3" width="244" /></a></li>
<li>jika sudah terunggah, klik back pada browser anda (arah panah ke kiri di kiri atas layar) untuk kembali ke file premium yang ingin anda download tadi.<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ71DYOXWD51SfHHCtQy37uI6wa7nVXe24QUSjahCLg6_7UiEFwLvDgkh0RL2WVT4a4jK7a_OLlNaeButAzlupE-rcUhd2huXLNSdVnB2czX5-V811mBulRre0_OOCx-Ub-7djjSa47SQ/s1600-h/scribd%252520download%2525203%25255B7%25255D.png"><img alt="scribd download 3" border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_vv9ipe5eixeG0B2Ygh7YMlhRvmVyjqF0ONcCTPrzDpzK9yFGfKq2T0GkRyMl3NfANeqGzhGvVEkc4qGFv7ThOs09AlFCSEX71SFp0AFwVZUj0dvw6BEZeZTAlmeN4oHbj621GOeqPR8/?imgmax=800" style="border: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="scribd download 3" width="244" /></a></li>
<li>selamat, file premium di scribd anda dapat didownload secara gratis. klik download dan pilih format output sesuai keinginan kalian</li>
</ul>
pesan : <strong>cara ini hanya dapat digunakan untuk file premium, bukan untuk file berbayar di scribd</strong>Arick Anjasmarahttp://www.blogger.com/profile/01691516951783919648noreply@blogger.com0tag:blogger.com,1999:blog-4922895609411636241.post-66086198443504334652013-07-21T12:01:00.000+07:002013-07-21T12:01:21.506+07:00TUTORIAL: Cara Download Video dari Youtube Tanpa Install Aplikasi dan Scriptkalo sebelumnya gua udah <em>share </em>tentang cara download video dari youtube hanya dengan web browser & script. Sekarang gua mau share cara download video di youtube tanpa install apapun. Ya… hanya dengan web browser anda.<br />
Alat & Bahan :<br />
<ol>
<li>Web Browser (contoh : Mozilla firefox, google chrome, Internet Explorer, Opera, Safari, dll) </li>
<li>Koneksi internet </li>
</ol>
Langkah pertama yang harus dilakukan adalah buka youtube nya dulu, cari video yang ingin didownload. Contohnya video 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/AVvXsEgCSxiamM8Plh1RmjNuz5sU9DaGnD34rDwsZuF5wG-iYQN2owy8F7Ay2nKZ8zSnV1qZ7biBHTv8T9g0BREh-gEAJo_sOSRrv-cWK_8yPAfU7Djhb1HY0pa4IcEHdz7jlTiSfBcssWwaiXA/s1600-h/downloadvideoyoutube3.png" style="margin-left: auto; margin-right: auto;"><img alt="download video youtube" border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRpHhcXWXhJQid9kGxiOIiCsi76qUrW7kj42Mfhqi2j2g5mHtSKGYE2_z853AnhGiOO8_WU-0LSBtgYuohppBaRuVA6njArDjdWnKKF2iHkL6C1WmIls9SzqWkmRHu-5Xdl32CfAd5N6s/?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="download video youtube" width="244" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">langkah pertama</td></tr>
</tbody></table>
<br />
Langkah kedua, di URL web nya anda ubah. Tambahkan “SS” tanpa tanda kutip sebelum kata youtube.<br />
Contoh URL saya di atas <a href="http://www.youtube.com/watch?v=XU8U0KYkPpA"><strong>http://www.youtube.com/watch?v=XU8U0KYkPpA</strong></a> . diubah menjadi <a href="http://www.youtube.com/watch?v=XU8U0KYkPpA"><strong>http://www.ssyoutube.com/watch?v=XU8U0KYkPpA</strong></a> . Jika sudah tekan enter<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/AVvXsEjz1UgdS7LhDggeA0MTEJDBPdpGTSWy4pps-OioAOC4YhytQYuNskeo83X_N2RxaTFxce8dKGWSLjsl8m0qUELjLQCUQyf8KhYGFWHtOOgIDPSsCMBCamoXYeloRA-OE8gpN4h2b5fL-N0/s1600-h/downloadvideoyoutube17.png" style="margin-left: auto; margin-right: auto;"><img alt="download video youtube 1" border="0" height="172" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRFvxbwGmWH451vicQCoenupl5ntSY7OiVAR9Pr3HUYSHICqaNVGhrq87yxTJ_MKb73vOsgN8yPIDgNGnsOtrlvZdJvuWLYwN0l63giuoEiLVvYOFwP3F0Jc_17rnwM3jI5CEz8k9UXT0/?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="download video youtube 1" width="244" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">langkah kedua</td></tr>
</tbody></table>
<br />
Langkah ketiga, kalian klik format yang diinginkan dan video akan didownload langsung. Tanpa install aplikasi dan script. Lebih mudah tentunya :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/AVvXsEgPo5xanAADdF_g6R4B031vk9lPz_IxYMzAENxHi_Em5CXYdUKY5VaQENJLbqqCztJlVcjWyDGDtwAm7XHSuZe4qVaPstO2y59snXIGxWz_f0Br8YiHq2Ij3EvNuTdwAE5fSbJ68Vebhjg/s1600-h/downloadvideoyoutube23.png" style="margin-left: auto; margin-right: auto;"><img alt="download video youtube 2" border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNXvzjWBWLegjJ8M8lt-WoLkjyVTXf4MiYPn3o1Ipm_HZtG0aFp3nE_DtrDXXN3Au8Lt3bvygDSDmLBdcy3RCAi9cOhvHqmzPWo8TSBTQB0oxalY1k66kCWkVMDzN5arA_6WPQeelXTWU/?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="download video youtube 2" width="244" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">langkah ketiga</td></tr>
</tbody></table>
<br />
selamat mencoba dan semoga berhasil<br />
<br />
sumber: <a href="http://www.kaskus.co.id/thread/510910e87c12433b69000005/download-video-dari-youtube-tanpa-software-dan-plugin-apapun-bisa-disemua-web-browse/">kaskus.co.id</a>Arick Anjasmarahttp://www.blogger.com/profile/01691516951783919648noreply@blogger.com0