tag:blogger.com,1999:blog-6381946660557136202024-03-13T12:32:32.247-07:00Catatanku
Catatan dari apa yang saya lihat, baca, dengar, dan rasakan.Agus Fantasyhttp://www.blogger.com/profile/11981251679959971437noreply@blogger.comBlogger5125tag:blogger.com,1999:blog-638194666055713620.post-82639138888507629852015-05-20T08:07:00.002-07:002015-05-20T08:09:07.135-07:00Introduction Node.js<br />
<div class="separator" style="clear: both; text-align: center;">
<b><a href="http://1.bp.blogspot.com/-kjlsAB63qbU/VVyi_Aq1ieI/AAAAAAAAAN8/cLiPIwMSvjw/s1600/nodejs_logo_green.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="170" src="http://1.bp.blogspot.com/-kjlsAB63qbU/VVyi_Aq1ieI/AAAAAAAAAN8/cLiPIwMSvjw/s400/nodejs_logo_green.jpg" width="400" /></a></b></div>
<br />
<br />
<br />
<b>What is Node.js?</b><br />
<br />
Ryan Dahl, and other developers, at <a href="https://www.joyent.com/nodejs-support" target="_blank">Joyent</a> created Node.js. <a href="https://nodejs.org/" target="_blank">Node.js</a> is
an open source, cross-platform runtime environment for server-side and
networking applications. It brings event-driven programming to web
servers enabling development of fast web servers in Javascript.<br />
<br />
In an
event-driven application, there is a main loop that listens for events,
and then triggers a callback function when one of those events is
detected. Node.js also provides a non-blocking I/O API that optimizes an
application's throughput and scalability. In a non-blocking language,
commands execute in parallel, and use callbacks to signal completion.
In a blocking language, commands execute only after the previous
command has completed.Node.js uses the Google V8 JavaScript engine to
execute code, and a large percentage of the basic modules are written in
JavaScript.<br />
<br />
Node.js contains a built-in library to allow applications
to act as a Web server without software such as Apache HTTP Server or
IIS.NPM is the pre-installed package manager for the Node.js server
platform. It is used to install Node.js programs from the npm registry.
The package manager allows publishing and sharing of open-source
Node.js libraries by the community, and simplifies installation,
updating and un-installation of libraries.Agus Fantasyhttp://www.blogger.com/profile/11981251679959971437noreply@blogger.com0tag:blogger.com,1999:blog-638194666055713620.post-18855680987269321422014-01-22T07:41:00.000-08:002014-01-22T07:56:04.063-08:00jQuery prop() MethodKali ini saya akan membahas tentang salah satu method JQuery yaitu prop().<br />
Gunanya untuk set atau get nilai dari property elemen yang dipilih. <br />
<h2>
Syntax</h2>
<div class="code notranslate">
set property<br />
<div class="code notranslate">
<div>
$(<i>selector</i>).prop(<i>property</i>)<br />
<br />
<a name='more'></a> </div>
</div>
set property dan value<br />
<div class="code notranslate">
<div>
$(<i>selector</i>).prop(<i>property,value</i>)</div>
</div>
set property dan value menggunakan sebuah function:<br />
<div class="code notranslate">
<div>
$(<i>selector</i>).prop(<i>property,</i>function(<i>index,</i><i>currentvalue</i>))</div>
</div>
Set multiple properties dan values<br />
<div class="code notranslate">
<div>
$(<i>selector</i>).prop({<i>property</i>:<i>value</i>, <i>property</i>:<i>value</i>,...})</div>
<div>
</div>
<div>
<table class="reference notranslate"><tbody>
<tr><th style="width: 29%;">Parameter</th>
<th>Description</th>
</tr>
<tr>
<td><i>property</i></td>
<td>nama property</td>
</tr>
<tr>
<td><i>value</i></td>
<td>value dari property</td>
</tr>
<tr>
<td>function(<i>index,currentvalue</i>)</td>
<td>function untuk mengembalikan<i> value property yang di-set</i><br />
<ul>
<li><i>index</i> - indeks posisi dari elemen</li>
<li><i>currentvalue</i> - current property value yang dipilih</li>
</ul>
</td></tr>
</tbody></table>
Ini contohnya:</div>
<a href="http://3.bp.blogspot.com/-KkJF2IkzfEo/Ut_gAHGKl-I/AAAAAAAAAHc/GzEvF_KGseo/s1600/cek.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-KkJF2IkzfEo/Ut_gAHGKl-I/AAAAAAAAAHc/GzEvF_KGseo/s1600/cek.jpg" height="24" width="200" /></a><br />
misalkan checkbox ini sebelumnya belum dicentang, saya ingin<br />
jika dicentang muncul alert "woiiii ini udah dicentang".<br />
Maka gunakanlah prop().<br />
<br />
HTML:<br />
<input type="checkbox" class="cek" > Add Storage 1 GB<br />
Javascript:<br />
$(".cek").click(function(){ <br />
if ($(this).prop('checked')==true)<br />
{<br />
alert("woiiii ini udah dicentang");<br />
} <br />
});<br />
<br />
Demikianlah tutorial di kesempatan berbahagia ini, kalau ada yang kurang dimengerti atau ada pertanyaan tulislah di kolom komentar di bawah.<br />
<br />
Referensi: <a href="http://jquery.com/" target="_blank">jquery.com</a> , <a href="http://w3schools.com/" target="_blank">w3schools.com</a> </div>
</div>
Agus Fantasyhttp://www.blogger.com/profile/11981251679959971437noreply@blogger.com0tag:blogger.com,1999:blog-638194666055713620.post-18429567591273123632013-05-06T23:10:00.004-07:002014-01-22T07:57:08.968-08:00Pengenalan Jquery<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-XlE0KInsDio/UYiawOZTW9I/AAAAAAAAADs/46DYE6S2-GQ/s1600/jquery_logo.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-XlE0KInsDio/UYiawOZTW9I/AAAAAAAAADs/46DYE6S2-GQ/s320/jquery_logo.png" height="117" width="320" /></a></div>
jQuery is a JavaScript Library.<br />
jQuery greatly simplifies JavaScript programming.<br />
<br />
Sebelum anda belajar jquery, anda harus mempunyai basic HTML, CSS, dan Javascript. Bisa anda pelajari di <a href="http://www.w3schools.com/">http://www.w3schools.com/</a>.<br />
<br />
<a name='more'></a><br /><br />
JQuery menjadikan script javascript menjadi lebih singkat dan lebih sederhana.<br />
Misalkan dengan javascript anda menulis dengan 500 baris, dengan jquery hanya cukup dengan 1 baris saja.<br />
JQuery juga membuat hal yang sangat rumit dari javascript seperti AJAX dan manipulasi DOM menjadi lebih simpel.<br />
<br />
Fitur-fitur jQuery:<br />
<ul>
<li>Manipulasi HTML/DOM </li>
<li>Manipulasi CSS </li>
<li>Metode Event HTML </li>
<li>Efek dan animasi</li>
<li>AJAX</li>
<li>Utiliti</li>
</ul>
Agus Fantasyhttp://www.blogger.com/profile/11981251679959971437noreply@blogger.com0tag:blogger.com,1999:blog-638194666055713620.post-90029906391991823222012-06-25T02:46:00.002-07:002014-01-22T07:56:30.718-08:00Instalasi awal CodeigniterVersi terbaru codeigniter adalah versi 2.1.1<br />
Download Codeigniter di website codeigniter <a href="http://www.codeigniter.com/downloads/">codeigniter.com/downloads/</a><br />
<br />
Setelah selesai download, ekstrak di folder htdocs anda. Anda akan mendapatkan struktur direktori seperti berikut ini. Strukturnya sebagai berikut :<br />
<br />
<a name='more'></a><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-PhfGD_zhiZU/T-g-OJe1OUI/AAAAAAAAACs/0XTvDwH5vL4/s1600/ci_folder.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-PhfGD_zhiZU/T-g-OJe1OUI/AAAAAAAAACs/0XTvDwH5vL4/s320/ci_folder.png" height="320" width="137" /></a></div>
<br />
<br />
<ol start="1">
<li>Folder <b>application</b>: disinilah aplikasi yang akan kita bangun diletakkan</li>
</ol>
<ul>
<li>Folder <b>cache</b> tempat m enyimpan semua cache yang dibuat caching library.</li>
<li>Folder <b>config </b>: tempat menyimpan semua file konfigurasi yang ada di aplikasi mulai dari database, router dan autoload dari aplikasi</li>
<li>Folder <b>controllers </b>: tempat menyimpan semua file controller.</li>
<li>Folder <b>core </b>: tempat menyimpan perubahan core aplikasi</li>
<li>Folder <b>errors </b>: tempat menyimpan semua template error aplikasi</li>
<li>Folder <b>helpers </b>: tempat menyimpan helper-helper yang bukan berasal dari CI</li>
<li>Folder <b>hooks </b>: tempat menyimpan hook yang digunakan untuk mengubah alur fungsi dari core CI</li>
<li>Folder <b>language </b>tempat menyimpan bahasa-bahasa yang akan di gunakan</li>
<li>Folder <b>libraries </b>tempat menyimpan semua library buatan kita sendiri</li>
<li>Folder <b>logs</b> tempat menyimpan semua logs generated oleh CI.</li>
<li>Folder <b>models </b>tempat menyimpan semua model.</li>
<li>Folder <b>third_party </b>tempat menggabungkan aplikasi kedalam suatu <i>directory map</i></li>
<li>Folder <b>views </b>tempat menyimpan semua file view applikasi.</li>
<li>Folder <b>core</b> tempat menyimpan semua file core internal CI.</li>
<li>Folder <b>database </b>tempat menyimpan semua driver database drivers dan class yang akan digunakan.</li>
<li>Folder <b>fonts</b> tempat menyimpan semua fonts yang digunakan image manipulation library.</li>
<li>Folder <b>helpers</b> tempat menyimpan semua helper core CI.</li>
<li>Folder <b>language </b>tempat menyimpan semua langguage core CI.</li>
<li>Folder <b>libaries </b>tempat menyimpan semua library core CI</li>
</ul>
<ol start="2">
<li>Folder <b>system</b> menyimpan semua file core frameworknya</li>
</ol>
<ol start="3">
<li>Folder <b>user_guide</b> berisi userguide/manual penggunaan CI.</li>
<li>File<b>index.php</b> file yang akan menghandle semua request yang dilakukan oleh client.</li>
</ol>
<br />
<br />
<br />Agus Fantasyhttp://www.blogger.com/profile/11981251679959971437noreply@blogger.com0tag:blogger.com,1999:blog-638194666055713620.post-39575616471469379692012-06-25T01:39:00.001-07:002014-01-22T07:56:49.439-08:00Pengenalan CodeigniterCodeIgniter adalah sebuah framework PHP yang dapat mempercepat developer untuk membuat sebuah aplikasi web. Ada banyak library dan helper yang berguna didalamnya dan tentunya mempermudah proses development.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-art-J3J5npc/T-gjdY9DhNI/AAAAAAAAACA/99jVNokkd7c/s1600/ci1.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-art-J3J5npc/T-gjdY9DhNI/AAAAAAAAACA/99jVNokkd7c/s200/ci1.png" height="150" width="150" /></a></div>
<br />
<br />
Apa Keunggulan Codeigniter?<br />
<br />
<a name='more'></a><br />
CodeIgniter sangat ringan, terstruktur, mudah dipelajari, dokumentasi lengkap dan support yang luar biasa dari forum codeigniter. Alasan lainnya adalah<br />
<br />
Menggunakan pattern MVC yang mempermudah dan meningkatkan fleksibilitas<br />
Menghasilkan url yang search engine friendly<br />
Mudah untuk membuat library dan helpernya<br />
Jalan di PHP 4 (4.3.2+) dan 5<br />
Support banyak database MySQL (4.1+), MySQLi, MS SQL, Postgres, Oracle, SQLite, dan ODBC.<br />
Sekuritas aplikasi terjaga<br />
Banyak library dan helper yang mempermudah pekerjaan<br />
<br />
Apa itu MVC?<br />
<br />
MVC adalah kepanjangan dari Model View Controller. MVC sebenarnya adalah sebuah pattern yang bertujuan memisahkan bisnis logic, data logic dan persentation logic (interface) atau simplenya memisahkan antara desain, data dan proses.<br />
<br />
Model: Model berhubungan dengan data dan interaksi ke database.<br />
View: View berhubungan dengan segala sesuatu yang akan di tampilkan ke end user. bisa itu halaman web, rss, javascript dan lain-lain<br />
Controller:Controller bertindak sebagai penghubung data dan view<br />
<br />
Untuk dokumentasi lengkapnya silahkan kunjungi website resminya <a href="http://www.codeigniter.com/" target="blank">www.codeigniter.com</a><br />
<br />
<br />Agus Fantasyhttp://www.blogger.com/profile/11981251679959971437noreply@blogger.com0