tag:blogger.com,1999:blog-35965531820007906432024-03-13T02:31:37.938-07:00Dreamweaver CS4Wakidhttp://www.blogger.com/profile/05129093913364256330noreply@blogger.comBlogger5125tag:blogger.com,1999:blog-3596553182000790643.post-28502921593032027072010-10-26T05:24:00.000-07:002010-10-26T05:43:09.833-07:00Membuat Database dengan phpMyAdminUntuk membuat database ada beberapa tahap diantaranya :<br />
Membuat database<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzC-WODHvVDPQP9H4jbC7b95HIzJtOO-aqHFAB2ROJ8fi7UF9Om96xUbFXKdi7wgDaSz0OOzkVS5RkO7fKigKbnhcHVUmuNKCwXmjjG1EoIlg7ZHEFojEAKQumQVR09HIUo2G1ocukRT-c/s1600/createdb.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="290" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzC-WODHvVDPQP9H4jbC7b95HIzJtOO-aqHFAB2ROJ8fi7UF9Om96xUbFXKdi7wgDaSz0OOzkVS5RkO7fKigKbnhcHVUmuNKCwXmjjG1EoIlg7ZHEFojEAKQumQVR09HIUo2G1ocukRT-c/s400/createdb.PNG" width="400" /> </a></div><div class="separator" style="clear: both; text-align: justify;">kdrfuiqgdf 9wqr</div><div class="separator" style="clear: both; text-align: justify;">ssdvgigfviwe</div><div class="separator" style="clear: both; text-align: justify;">egjweighwope</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy3Y26yb9bss_qpyWiRmqN5U6ou6TaAxm2-QVYrJT82u8cEDJZL4BOXG3DqAfEdj7IiXaFgfTycBriFLRhlplNmug3xGndnPEMYmrwpnjjnBMCgAoTDqAByhN0N7FHs6tq34OE8rRcU9J_/s1600/create+table.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="227" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy3Y26yb9bss_qpyWiRmqN5U6ou6TaAxm2-QVYrJT82u8cEDJZL4BOXG3DqAfEdj7IiXaFgfTycBriFLRhlplNmug3xGndnPEMYmrwpnjjnBMCgAoTDqAByhN0N7FHs6tq34OE8rRcU9J_/s400/create+table.PNG" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div style="text-align: justify;"> aGIQLU;GFQIWGF</div>Wakidhttp://www.blogger.com/profile/05129093913364256330noreply@blogger.com0tag:blogger.com,1999:blog-3596553182000790643.post-37144428919189677012010-10-15T05:11:00.000-07:002010-10-21T06:24:50.725-07:00Mengenal beberapa menu pada Dreamweaver CS4<div style="text-align: justify;">Dalam kesempatan ini akan diperkenalkan beberapa fungsi menu yang ada di <b><span style="color: red;">Dreamweaver CS4</span></b>.Adapun beberapa menu yang terdapat dalam Dreamweaver CS4 dapat dilihat dalam Gambar 1 berikut 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;"><img border="0" height="51" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg67z_1diUBc1_CW4KJbQsYhMZREhrIhBMiQD_h4jm9oNm4J9hF27FkKE087xpJS2jzplpZgYQgAVCgg3kLnPQCneGmsgdMJHf31uYmaVhv6Nc0rXNaee1TuBVRTuWivhm0P9QhyphenhyphenRdBTpE0/s400/Menu.PNG" style="margin-left: auto; margin-right: auto;" width="400" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 1. Tampilan menu di Dreamweaver CS4. <br />
<a name='more'></a></td></tr>
</tbody></table>Di dalam tab common seperti Gambar 1 diatas diperlihatkan beberapa menu diantaranya :<br />
<b><span style="color: yellow;">COMMON </span><span style="color: yellow;">:</span></b><br />
<ul><li style="text-align: justify;"><b style="color: lime;">Hyperlink</b> adalah sebuah acuan dapat berupa gambar atau teks dalam dokumen hyperteks ke dokumen lain. Dalam dreamweaver CS4 hyperlink ini digunakan untuk membuat link pada gambar atau tulisan yang dikehendaki.</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;"><img border="0" height="187" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyjctqhOeps0lOASxAIiy_CWmS5PnTsoKlcSWiDjR6JCbrXmnUN-y_cRf3EnskdDD8FQIdR8fokHg8IqxCqIt9AkVZh_VmFlzG5IdVW84t8SliCMKdIz1-GHXuYs1NEdEMFHVT8sbU4CaC/s200/Hyperlink.PNG" style="margin-left: auto; margin-right: auto;" width="200" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 2. Tampilan menu hyperlink</td></tr>
</tbody></table><ul><li><b><span style="color: lime;">Email Link</span></b> adalah tautan untuk alamat email. Pada dasarnya sama dengan hyperlink namun pada email link yang ditautkan adalah khusus alamat 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;"><img border="0" height="193" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVsiGIHn277AioYVY2ETBXqlYD8Sx_it-qH3dkYndlriZUpVt3vka896TKJoSyfKCAlEGrzwVyTfwgo1-1WhqpUcUH1PgrPcXzDc2qGnB_mdCOpZOnCynlTB5kUxliVQzr_djVYCGIb1Hq/s200/Email+Link.PNG" style="margin-left: auto; margin-right: auto;" width="200" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 3. Tampilan menu email link</td></tr>
</tbody></table><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVsiGIHn277AioYVY2ETBXqlYD8Sx_it-qH3dkYndlriZUpVt3vka896TKJoSyfKCAlEGrzwVyTfwgo1-1WhqpUcUH1PgrPcXzDc2qGnB_mdCOpZOnCynlTB5kUxliVQzr_djVYCGIb1Hq/s1600/Email+Link.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div><div style="text-align: center;"></div><ul><li><b style="color: lime;">Named Anchor</b> digunakan untuk </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;"><img border="0" height="187" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfxqYLe-xMXzhyiXl37i9JZkbH6bQpXO1cH1eWlBqP1lqD-vR8WYAe82o6cqT8SkRSwtQnOPBXFqrur48irmK6FO3Gz3u2kYA9zV_EcvpSS-AeW0XXcd3l4FH-N5s_DQUGlx9nNfOjgMhP/s200/Named+Anchor.PNG" style="margin-left: auto; margin-right: auto;" width="200" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 4. Tampilan menu named anchor</td></tr>
</tbody></table><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfxqYLe-xMXzhyiXl37i9JZkbH6bQpXO1cH1eWlBqP1lqD-vR8WYAe82o6cqT8SkRSwtQnOPBXFqrur48irmK6FO3Gz3u2kYA9zV_EcvpSS-AeW0XXcd3l4FH-N5s_DQUGlx9nNfOjgMhP/s1600/Named+Anchor.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div><div style="text-align: center;"></div><ul><li> <b><span style="color: lime;">Horizontal Rule</span></b> digunakan untuk memberikan garis horizontal.</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;"><img border="0" height="193" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOKviSf1OsnKRKUU3O6ocK96i9NYW8AiYLuIvPH6X9uuxUbYD50n8D1Qnw4jy1Yyuv8M9viO9UomehHRrw_4JOFE2peddgKi0nH3-bD1YMvmvR0IW7-zyj-BoD3L6DYZ1ZAAoOtEniMgx5/s200/Horizontal+Rule.PNG" style="margin-left: auto; margin-right: auto;" width="200" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 5. Tampilan menu horizontal rule</td></tr>
</tbody></table><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOKviSf1OsnKRKUU3O6ocK96i9NYW8AiYLuIvPH6X9uuxUbYD50n8D1Qnw4jy1Yyuv8M9viO9UomehHRrw_4JOFE2peddgKi0nH3-bD1YMvmvR0IW7-zyj-BoD3L6DYZ1ZAAoOtEniMgx5/s1600/Horizontal+Rule.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div><div style="text-align: center;"></div><ul><li><b><span style="color: lime;">Table</span></b> digunakan untuk membuat tabel.</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;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEJd9ZC2FRsP-d4a2GuSeXFDX53U0PM8p30Fuv86Jy9RocSBoCkIGeTBYbRPhlK-8ltpLNjU3cKLlLf_SB8edLaMK-4DZR3vHOlpyM5qRWfBMQgr7-n5yoQSriEjidGnoxxWEv2kQIT5PK/s200/Table.PNG" style="margin-left: auto; margin-right: auto;" width="200" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 6. Tampilan menu table</td></tr>
</tbody></table><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEJd9ZC2FRsP-d4a2GuSeXFDX53U0PM8p30Fuv86Jy9RocSBoCkIGeTBYbRPhlK-8ltpLNjU3cKLlLf_SB8edLaMK-4DZR3vHOlpyM5qRWfBMQgr7-n5yoQSriEjidGnoxxWEv2kQIT5PK/s1600/Table.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div><div style="text-align: center;"><br />
</div><ul><li><b style="color: lime;">Insert Div Tag</b> digunakan untuk membuat tag.</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;"><img border="0" height="193" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyk8SL_XvL46FmnJCAm8gqtnAb-MbOCdA-NX0G7C7WNcuWcCcndKgwWnSaidsQmalo7nh7MjJmlXZ1yPzdOwLuUkWlHNG4Mq9NtVd-WKs7EITWtkIPUpIjYs5o4nxDCcctGboB5OT53JWm/s200/Insert+Div+Tag.PNG" style="margin-left: auto; margin-right: auto;" width="200" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 7. Tampilan menu insert div tag</td></tr>
</tbody></table><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyk8SL_XvL46FmnJCAm8gqtnAb-MbOCdA-NX0G7C7WNcuWcCcndKgwWnSaidsQmalo7nh7MjJmlXZ1yPzdOwLuUkWlHNG4Mq9NtVd-WKs7EITWtkIPUpIjYs5o4nxDCcctGboB5OT53JWm/s1600/Insert+Div+Tag.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div><div style="text-align: center;"></div><ul><li><b style="color: lime;">Images</b> digunakan untuk menempatkan gambar.</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;"><img border="0" height="156" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm9OSkIbvIYn4IvshyphenhyphenCIUQELgyYOP6Y3n4-CDxYEyzmiMxLN5Ij5GmnCAWm7KbA4c2XgLbNVdxKZGXvoyMCIkrdenxMnpnnUvQHPNPKSFBvk0sMr1XrirYAwzsQUkntuzs-D9QcLWDzbRe/s200/Images.PNG" style="margin-left: auto; margin-right: auto;" width="200" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 8. Tampilan menu images</td></tr>
</tbody></table><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm9OSkIbvIYn4IvshyphenhyphenCIUQELgyYOP6Y3n4-CDxYEyzmiMxLN5Ij5GmnCAWm7KbA4c2XgLbNVdxKZGXvoyMCIkrdenxMnpnnUvQHPNPKSFBvk0sMr1XrirYAwzsQUkntuzs-D9QcLWDzbRe/s1600/Images.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div><div style="text-align: center;"></div><ul><li><b style="color: lime;">Media : applet</b> digunakan untuk</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;"><img border="0" height="134" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAB_C_kEy4UEu-VRXKoSKi4NLgEFmFi9_ITC33bvB0gCooWSeIww9VjvAXYWTEU_2t3OG733ZQSCc7l8Jd8Px1eCV0ItIoolnnilf_cpdWHBwS8Zu3EUmEW4ev18__ntcFM-yaq3DggbSd/s200/Media+Applet.PNG" style="margin-left: auto; margin-right: auto;" width="200" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 9. Tampilan menu media : applet</td></tr>
</tbody></table><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAB_C_kEy4UEu-VRXKoSKi4NLgEFmFi9_ITC33bvB0gCooWSeIww9VjvAXYWTEU_2t3OG733ZQSCc7l8Jd8Px1eCV0ItIoolnnilf_cpdWHBwS8Zu3EUmEW4ev18__ntcFM-yaq3DggbSd/s1600/Media+Applet.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div><div style="text-align: center;"></div><ul><li><b style="color: lime;">Date</b> digunakan untuk</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;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoBuhuW63OE0o5FctnCKl2GxqxM6it_ItnnJMjKME11R21ieXrqZWhzkHINhrKbD2DGF_vXXm9gHVd7NXNSFxoRxoA0iEh_qOs1QmKSAgx1h9zeaS0Er-3WTQzDoBEERJ92l_YEs84gRxS/s200/Date.PNG" style="margin-left: auto; margin-right: auto;" width="200" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 10. Tampilan menu date</td></tr>
</tbody></table><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoBuhuW63OE0o5FctnCKl2GxqxM6it_ItnnJMjKME11R21ieXrqZWhzkHINhrKbD2DGF_vXXm9gHVd7NXNSFxoRxoA0iEh_qOs1QmKSAgx1h9zeaS0Er-3WTQzDoBEERJ92l_YEs84gRxS/s1600/Date.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div><div style="text-align: center;"></div><ul><li><b style="color: lime;">Server-Side Include</b> digunakan untuk</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;"><img border="0" height="193" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc-2Ga14aHM7xaJSDXQGYnNBILNJzuqRpp0UCzvhcDrtjRVyguqvB9LW5zos6ysCOugXuT0MCgL1dP1iIyFO4u1yAFsPk1wbPuPGlUY9cpiXePrN41Lj8J5IGXKxZdG-iafMdHqejUotP3/s200/Server+Side+Include.PNG" style="margin-left: auto; margin-right: auto;" width="200" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 11. Tampilan menu server-side include</td></tr>
</tbody></table><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc-2Ga14aHM7xaJSDXQGYnNBILNJzuqRpp0UCzvhcDrtjRVyguqvB9LW5zos6ysCOugXuT0MCgL1dP1iIyFO4u1yAFsPk1wbPuPGlUY9cpiXePrN41Lj8J5IGXKxZdG-iafMdHqejUotP3/s1600/Server+Side+Include.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div><div style="text-align: center;"></div><ul><li><b><span style="color: lime;">Comment</span></b> digunakan untuk</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;"><img border="0" height="187" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijoPPTOi_hhwvf5okCqeJgMwLAs73loFML35GLeBZGZ0E_kI5RbKwQavGLGnuCHTF7Ik8uqisA2PhbaAl2SFy1NP7RTLz3Ef6Zwe-FUmGCzIegaDw1dKWZ7CA3oWokfZ06809TAutV-DN_/s200/Comment.PNG" style="margin-left: auto; margin-right: auto;" width="200" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 12. Tampilan menu comment</td></tr>
</tbody></table><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijoPPTOi_hhwvf5okCqeJgMwLAs73loFML35GLeBZGZ0E_kI5RbKwQavGLGnuCHTF7Ik8uqisA2PhbaAl2SFy1NP7RTLz3Ef6Zwe-FUmGCzIegaDw1dKWZ7CA3oWokfZ06809TAutV-DN_/s1600/Comment.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div><div style="text-align: center;"></div><ul><li><b style="color: lime;">Head</b> digunakan untuk</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;"><img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnVanQpar4Rcbm5K58o9QMy3Xt2yFObLL-s-NgDfC1kCGPgeZyjQgbBX_Joc3ehHFuCgekGK5PiLgadHhZCBOC7Csk7SIW_8FiRbAF0Kmwf4EeGrr_h0il3yeHY8h3Cw3KrM-CWx2ww4We/s200/Head.PNG" style="margin-left: auto; margin-right: auto;" width="200" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 13. Tampilan menu head</td></tr>
</tbody></table><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnVanQpar4Rcbm5K58o9QMy3Xt2yFObLL-s-NgDfC1kCGPgeZyjQgbBX_Joc3ehHFuCgekGK5PiLgadHhZCBOC7Csk7SIW_8FiRbAF0Kmwf4EeGrr_h0il3yeHY8h3Cw3KrM-CWx2ww4We/s1600/Head.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div><div style="text-align: center;"></div><ul><li><b style="color: lime;">Script </b>digunakan untuk</li>
</ul><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPwS-b2tdpIBPQNEFsQbIp5gwyjWoQqCe7Me7UgqWnzGuwV1jZMGSqd35plvY0wmBqeU3e5a3JkWUHbM5bSEE5TZZpTX2cEIpwVWoGqHqMIMUkGd5Bs4W3QNU1_FYRUGXGo_G4rsIP_4u2/s1600/Script.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="145" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPwS-b2tdpIBPQNEFsQbIp5gwyjWoQqCe7Me7UgqWnzGuwV1jZMGSqd35plvY0wmBqeU3e5a3JkWUHbM5bSEE5TZZpTX2cEIpwVWoGqHqMIMUkGd5Bs4W3QNU1_FYRUGXGo_G4rsIP_4u2/s200/Script.PNG" width="200" /></a></div><div style="text-align: center;"></div><ul><li><b><span style="color: lime;">Templates</span></b> digunakan untuk</li>
</ul><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhecOjabtjV9pm8ZrN65EDH2bPLjzm5qWzmrjojzXYrt2M97p5Ld6quNaMyhcpBmafu9WO_chlNLfjdOP-0HWP5v26ZPj3rTagM8ixYKuBg7HITcrZ3Gnmapcb_klFhYoBFmFRh1OvAD1j8/s1600/Template.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="143" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhecOjabtjV9pm8ZrN65EDH2bPLjzm5qWzmrjojzXYrt2M97p5Ld6quNaMyhcpBmafu9WO_chlNLfjdOP-0HWP5v26ZPj3rTagM8ixYKuBg7HITcrZ3Gnmapcb_klFhYoBFmFRh1OvAD1j8/s200/Template.PNG" width="200" /></a></div><div style="text-align: center;"></div><ul><li><b style="color: lime;">Tag Chooser</b> digunakan untuk </li>
</ul> fwe<br />
<b style="color: yellow;">LAYOUT :</b><br />
dsdsgs<br />
sdg<br />
<b><span style="color: yellow;">FORM :</span></b><br />
sdgsd<br />
gsd<br />
<b><span style="color: yellow;">PHP :</span></b><br />
gd<br />
sg<br />
<b><span style="color: yellow;">DATA :</span></b><br />
sd<br />
gsd<br />
<b style="color: yellow;">SPRAY :</b><br />
sg<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"></div></div><div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVsiGIHn277AioYVY2ETBXqlYD8Sx_it-qH3dkYndlriZUpVt3vka896TKJoSyfKCAlEGrzwVyTfwgo1-1WhqpUcUH1PgrPcXzDc2qGnB_mdCOpZOnCynlTB5kUxliVQzr_djVYCGIb1Hq/s1600/Email+Link.PNG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br />
</a></div></div>Wakidhttp://www.blogger.com/profile/05129093913364256330noreply@blogger.com0tag:blogger.com,1999:blog-3596553182000790643.post-18240982889376505632010-10-04T05:45:00.000-07:002010-10-20T23:15:40.333-07:00Mendefinisikan Site pada Dreamweaver CS4<div style="text-align: justify;">Pada pertemuan kali ini akan dibahas cara mendefinisikan site pada <b style="color: red;">Dreamweaver CS4</b> melanjutkan tutorial sebelumnya. Untuk persiapan pada komputer sudah harus terinstalasi Dreamweaver CS4 sehingga langsung bisa digunakan untuk praktikum.</div><div style="text-align: justify;">Mendefiniskan site merupakan langkah yang penting untuk mengadministrasi berkas ketika merancang sebuah website agar tertata dengan baik. Berkas dikelompokkan dalam folder tersendiri agar tidak tercampur dengan berkas yang lain sehingga memudahkan untuk melakukan perubahan jika diperlukan. Untuk lebih jelasnya akan diterangkan seperti berikut sesuai urutan agar lebih mudah dipahami.<br />
<a name='more'></a></div><div style="text-align: justify;"><br />
</div><div style="color: lime; text-align: justify;"><b>PENDEFINISIAN SITE</b></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Adapun langkah pendefinisian site adalah sebagai berikut: </div><div style="text-align: justify;"><ul><li>Membuka Dreamweaver CS4 yang sudah di instalasi sehingga muncul seperti Gambar 1 berikut ini.</li>
</ul></div><div 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 style="text-align: center;"><img border="0" height="242" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_5vYZGH1WZKwjzeeRmzvXyrKmLn4UMAi-yqCPa75TTqwXMBgGFOzhlouCf1FQsCAPJUNp0tSnzdxXRT_SwbJdkH77Zhyphenhyphenw1wW2TI8FadwkjTc88BMSju6yTw81AMOridJ7LeSucnkS9pnL/s400/Dreamweaver.PNG" style="margin-left: auto; margin-right: auto;" width="400" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 1. Tampilan awal Dreamweaver CS4</td></tr>
</tbody></table><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_5vYZGH1WZKwjzeeRmzvXyrKmLn4UMAi-yqCPa75TTqwXMBgGFOzhlouCf1FQsCAPJUNp0tSnzdxXRT_SwbJdkH77Zhyphenhyphenw1wW2TI8FadwkjTc88BMSju6yTw81AMOridJ7LeSucnkS9pnL/s1600/Dreamweaver.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div></div><div style="text-align: justify;"><ul><li>Langkah berikutnya dengan mengklik menu Site kemudian klik <b><span style="color: magenta;">New Site</span></b> sehingga akan muncul seperti Gambar 2 berikut ini.</li>
</ul></div><div 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 style="text-align: center;"><img border="0" height="390" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBoklUEJjvDFb79T4QKIApiFBN-lNjDnIQ-H96BnTIOPIW7XlFaf7yt-lVHC5CKxfhPIgzXJj-pmmxDJuW1wgWHV5vcMpq0yiff8WRTWjieyyxIE46eNFgMtJQBvPTaRhLgn1JAsutgsyR/s400/site1.PNG" style="margin-left: auto; margin-right: auto;" width="400" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 2. Tampilan awal kotak dialog untuk mendefinisikan</td></tr>
</tbody></table><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBoklUEJjvDFb79T4QKIApiFBN-lNjDnIQ-H96BnTIOPIW7XlFaf7yt-lVHC5CKxfhPIgzXJj-pmmxDJuW1wgWHV5vcMpq0yiff8WRTWjieyyxIE46eNFgMtJQBvPTaRhLgn1JAsutgsyR/s1600/site1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div></div><div style="text-align: justify;"><ul><li>Selain dengan memilih menu bisa juga melalui menu <b><span style="color: lime;">Advanced</span></b>. Seperti dalam praktek kali ini memilih menu advanced. Pada kategori <b><span style="color: magenta;">Local Info</span></b> diisikan seperti contoh dibawah ini. Pada <b><span style="color: yellow;">Site name</span></b> diisi nama site yaitu <i><b>Wakid Site</b></i> Local root folder diisikan dimana file akan disimpan. Contoh dibawah ini <b style="color: orange;">c:\wamp\www\wakidsite\</b>. <b><span style="color: yellow;">Default images folder</span></b> digunakan untuk menyimpan file-file gambar. Contoh dibawah ini dimasukkan pada folder gambar yaitu <b style="color: orange;">C:\wamp\www\wakidsite\gambar\</b>, sedangkan <b><span style="color: yellow;">HTTP address</span></b> diisikan <b style="color: orange;">http://localhost/wakidsite/</b>. Untuk lebih jelasnya seperti Gambar 3 berikut ini.</li>
</ul></div><div 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 style="text-align: center;"><img border="0" height="390" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAzyGtygPHT6qaWgDM9MkOru-JZ5FyjdKTER0qhOqz_ikiHvjNB1Mbwfl7I6MCu9RHOXlmWKzeKuJ-oRRhf-K0InnjR3Q2q9-jvuW-zU2y9nUlVD3X9-21Y6cjRLGsBIkyAHWJIaYpdur7/s400/managesite+01.PNG" style="margin-left: auto; margin-right: auto;" width="400" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 3. Tampilan manage site advanced pada menu pilihan Local Info.</td></tr>
</tbody></table><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAzyGtygPHT6qaWgDM9MkOru-JZ5FyjdKTER0qhOqz_ikiHvjNB1Mbwfl7I6MCu9RHOXlmWKzeKuJ-oRRhf-K0InnjR3Q2q9-jvuW-zU2y9nUlVD3X9-21Y6cjRLGsBIkyAHWJIaYpdur7/s1600/managesite+01.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div></div><div style="text-align: justify;"><ul><li>Selanjutnya pindah ke menu <b><span style="color: magenta;">Testing server</span></b> yaitu untuk mengatur server yang akan dipakai untuk pembelajaran kali ini. Pada <b><span style="color: yellow;">Server model</span></b> dipilih <b><span style="color: orange;">PHP MySL</span></b> karena yang akan digunakan adalah PHP sebagai aplikasi server dan MySQL sebagai server databasenya. <b><span style="color: yellow;">Access</span></b> dipilih <b><span style="color: orange;">Local network </span></b>karena menggunakan alamat lokal sedangkan <b><span style="color: yellow;">Testing server folder</span></b> diisikan sesuai dengan Local root folder yang telah ditentukan seperti diatas yaitu <b><span style="color: orange;">C:\wamp\www\wakidsite\</span></b> sedangkan <b><span style="color: yellow;">URL Prefix</span></b> diisi sesuai dengan HTTP address yaitu <b style="color: orange;">http://localhost/wakidsite/</b> setelah itu baru di klik tombol OK. </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;"><img border="0" height="390" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPWjpFvbEa8U3s_AFOOSGAke5f6Ouay3DH1gJl9w_l1JWgPRhdvxyDCQMm8x_9lbkhVUawHeZt-SkxZEbEew7PywnaUi51WEzlrT9Gz2lqqdTFIQzNqnYjIT79yUuu1Y52qTNthIPXkFLl/s400/managesite+02.PNG" style="margin-left: auto; margin-right: auto;" width="400" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 4. Tampilan manage site advanced pada menu pilihan Testing Server</td></tr>
</tbody></table><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPWjpFvbEa8U3s_AFOOSGAke5f6Ouay3DH1gJl9w_l1JWgPRhdvxyDCQMm8x_9lbkhVUawHeZt-SkxZEbEew7PywnaUi51WEzlrT9Gz2lqqdTFIQzNqnYjIT79yUuu1Y52qTNthIPXkFLl/s1600/managesite+02.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div><ul><li>Selanjutnya dapat dilihat hasil manage site dengan nama Wakid Site selesai dilakukan. Hasilnya akan terlihat seperti Gambar 5 berikut ini. </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;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivcVgfMDNy5JxYFC28AGyDWlcTgmWHtqcwIve_MB1aEHz56Xv8TpoYV3R1HapONPL0W6hOzCPAE-q40xosYWT3dkjGFvdnbCJxqMVuw12t0_vMWiKjnti8QFPmLaz180ZLFC8uxbPr9fLp/s400/managesite+03.PNG" style="margin-left: auto; margin-right: auto;" width="272" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 5. Tampilan folder Wakid Site yang sudah diatur</td></tr>
</tbody></table><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivcVgfMDNy5JxYFC28AGyDWlcTgmWHtqcwIve_MB1aEHz56Xv8TpoYV3R1HapONPL0W6hOzCPAE-q40xosYWT3dkjGFvdnbCJxqMVuw12t0_vMWiKjnti8QFPmLaz180ZLFC8uxbPr9fLp/s1600/managesite+03.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div><div style="text-align: center;"></div>Proses mengatur folder manage site telah selesai dilakukan. Pada pembelajaran berikutnya akan dibahas mengenai fungsi menu yang ada pada Dreamweaver CS4 agar dalam pembelajaran nanti tidak banyak kendala.</div>Wakidhttp://www.blogger.com/profile/05129093913364256330noreply@blogger.com0tag:blogger.com,1999:blog-3596553182000790643.post-22061692652007356342010-09-27T04:32:00.000-07:002010-10-04T02:26:38.418-07:00Mengenal Apache, PHP dan MySQL dan Instalasi WampServer 2.0i<div style="text-align: justify;">Sebelum melangkah lebih jauh alangkah baiknya terlebih dahulu mengetahui beberapa hal yang berkaitan dengan web. Pada pertemuan kali ini akan dibahas beberapa hal yang akan dipakai dalam praktek berikutnya. Diantaranya adalah Apache merupakan aplikasi yang bertindak sebagai webserver (HTTP server), MySQL sebagai database server dan PHP sebagai aplikasi server. Dipilih Apache server karena merupakan perangkat lunak open source, gratis bisa dijalankan dalam beberapa sistem operasi dan merupakan protokol HTTP yang paling populer. Info lebih lengkap di <a href="http://httpd.apache.org/"><b><span style="color: yellow;">http://httpd.apache.org/</span></b></a> bisa mengunduh berkasnya di alamat tersebut. Sedangkan MySQL merupakan program aplikasi untuk database yang dimiliki oleh Sun Microsystem. Namun berkasnya bersifat opensource sehingga bisa diunduh tanpa harus bayar. Info lebih jelas <br />
<a name='more'></a>dapat mengunjungi situsnya di <a href="http://www.mysql.com/"><b style="color: yellow;">http://www.mysql.com/</b></a> .Dan berikutnya adalah program aplikasi yaitu PHP. Perangkat lunak ini juga bersifat opensources dan gratis serta bisa dipakai di beberapa sistem operasi. Berkasnya dapat diunduh di <a href="http://www.php.net/"><b style="color: yellow;">http://www.php.net/</b></a>. Selain itu ada beberapa program bundel yang terdiri dari Apache, MySQL dan PHP yang sudah terintegrasi menjadi satu berkas. Disini akan menggunakan WAMPServer untuk praktikum karena sistem operasi menggunakan windows. Berkas ini dapat diunduh di <a href="http://www.wampserver.com/en/"><b><span style="color: yellow;">http://www.wampserver.com/en/</span></b></a>. Untuk sistem operasi Mac OS X menggunakan MAMP yang berkasnya dapat diunduh di <a href="http://www.mamp.info/en/"><b><span style="color: yellow;">http://www.mamp.info/en/</span></b></a>.</div><div style="text-align: justify;">Dreamweaver CS4 merupakan aplikasi untuk pemrograman website yang didalamnya tersedia beberapa aplikasi server diantaranya HTML, Coldfusion, PHP, ASP VBScript, XLST, CSS, JavaScript, dan XML. Sehingga memudahkan untuk mengubah program sesuai keinginan. Berikutnya akan dibahas beberapa tahap untuk proses pembelajaran. Tahap kali ini akan dibahas cara instalasi WampServer tahap demi tahap dan akan dijelaskan agar mudah dipahami.<br />
<div style="color: lime;"><br />
<b>CARA INSTALASI WAMPSERVER</b></div><ul><li>Tahap pertama mengunduh berkas wampserver di situsnya yaitu <a href="http://www.wampserver.com/en/"><b><span style="color: yellow;">http://www.wampserver.com/en/</span></b></a> dengan memilih menu downloads dan kemudian mengklik tombol DOWNLOAD WampServer 2.0i. dan menunggu beberapa saat sampai berkas terunduh. Lebih jelasnya dapat dilihat seperti Gambar 1. berikut ini : </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;"><img border="0" height="236" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEXS_F_gIKXHO5oSy-TauYJIzZg4AeOsUriF2ibrXqPomHRaZS56q_Nx4CwlNZILyNRNzlqaKWTtQ1X0y01OqdOE5pY1-n0Sr_mnlQ_M7zpxpt49DwT8dkKP3FM1tZJpmoLClMoz6uX_Wz/s320/wampdownload1.PNG" style="margin-left: auto; margin-right: auto;" width="320" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 1. Situs WampServer untuk mengunduh berkas</td></tr>
</tbody></table><ul><li>Tahap berikutnya setelah berkas terunduh melakukan instalasi yaitu dengan mengklik berkas WampServer 2.0i dua kali sehingga muncul seperti Gambar 2 berikut ini. Kemudipan klik pada tombol <i style="color: magenta;">Next</i> untuk ke proses selanjutnya.</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;"><img border="0" height="244" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1i6K3DZpHOCVYlzS4EVTzAm-KzMtURfKHsVe3ZPgolWyMgJTNDvwWZUpF4t8f5nDvnTzlxIexT6gaR-PfSTiaj7f-DGyPhaQ4dZdX47vFFclzFFqrNLrSx7xL-afCC0pbkoLsoaXuP7zr/s320/Install+01.PNG" style="margin-left: auto; margin-right: auto;" width="320" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 2. Tampilan awal instalasi WampServer 2.0i.</td></tr>
</tbody></table><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1i6K3DZpHOCVYlzS4EVTzAm-KzMtURfKHsVe3ZPgolWyMgJTNDvwWZUpF4t8f5nDvnTzlxIexT6gaR-PfSTiaj7f-DGyPhaQ4dZdX47vFFclzFFqrNLrSx7xL-afCC0pbkoLsoaXuP7zr/s1600/Install+01.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div><ul><li>Kemudian akan muncul kotak dialog untuk persetujuan lisensi seperti Gambar 3 dibawah ini. Kemudian mengklik pada tombol <b><i style="color: magenta;">I accept the agreement</i></b> dan kemudian mengklik tombol <b><i style="color: magenta;">Next</i></b> untuk proses selanjutnya.</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;"><img border="0" height="244" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh52qNxoU9RDYnyraGVCC7jzlG49MlW7rJZaEr6ACaL2rcmBZBsNrSlBObUc5vrsXDflN6cFlzQ-e46sxH7y20TnphP0DgIuoBTX_gPR1zvE48Nk3bw3SLv8iIHFDVbVuhZIeBE6adH5GqA/s320/Install+02.PNG" style="margin-left: auto; margin-right: auto;" width="320" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 3. Tampilan menu persetujuan lisensi WampServer 2.0i.</td></tr>
</tbody></table><ul><li>Setelah itu akan muncul menu untuk membuat folder lokasi instalasi WampServer 2.0i seperti Gambar 4 dibawah ini. Secara default folder akan dibuat dengan nama <b>wamp</b>. Selain itu bisa juga membuat folder sendiri sesuai keinginan. Setelah selesai mengklik tombol <i><b><span style="color: magenta;">Next</span></b></i> untuk ke proses selanjutnya. </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;"><img border="0" height="244" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3AchzCKvz8r43aF0aDnHV8HtxPLP_1dkOv3_9v0Fm3jH3VMD7gXjLOtgIJpsvByGdFqoAyu9xsd8GJf8Qg0_ieUW4dsM4emiYQciajXC00MCc64Vg7RcDYTPZoU9ggQeFWkREyidBhNrN/s320/Install+03.PNG" style="margin-left: auto; margin-right: auto;" width="320" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 4. Tampilan menu default folder WampServer 2.0i</td></tr>
</tbody></table><ul><li> Setelah itu akan ditampilkan kotak dialog untuk membuat shortcut pada desktop. Pada <b style="color: magenta;"><i>additional icons</i></b> dicentang shortcut yang diinginkan seperti Gambar 5 dibawah ini. Proses selanjutnya dengan mengklik tombol <b style="color: magenta;"><i>Next</i></b>.</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;"><img border="0" height="244" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge1lMGQDi8f2h1_4x3Mhauf1V4fC-ngh1UF8W95IvH6alpEE7xjfDNMsm1yZUYwimMNOuOjIMoetwL4QX-F12hrQW5Mu2oeR-HerL2vV3xRsLRbn2PwhQmWfdzRUkVApQZK1xLBVQQuk9y/s320/Install+04.PNG" style="margin-left: auto; margin-right: auto;" width="320" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 5. Tampilan menu untuk membuat shortcut WampServer 2.0i di desktop</td></tr>
</tbody></table><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge1lMGQDi8f2h1_4x3Mhauf1V4fC-ngh1UF8W95IvH6alpEE7xjfDNMsm1yZUYwimMNOuOjIMoetwL4QX-F12hrQW5Mu2oeR-HerL2vV3xRsLRbn2PwhQmWfdzRUkVApQZK1xLBVQQuk9y/s1600/Install+04.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div><ul><li>Langkah berikutnya akan tampil kotak dialog proses instalasi siap dimulai. Jika semua sudah siap langsung mengklik tombol <b style="color: magenta;"><i>Install</i></b> untuk proses berikutnya.</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;"><img border="0" height="244" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgesGoVVRGqMKpZUDBxJtf66o0XJ0RTJfCLeCsNzaEgrdoaMh41BbgcEDGH79pyUC33QImN2i_uw0k2sEE0sCXwR_J2MIV7A32ouNIAQBdzH-c7xceV84k3CbePj-V3x65eI9iyBVdbHQ9I/s320/Install+05.PNG" style="margin-left: auto; margin-right: auto;" width="320" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 6. Tampilan menu WampServer 2.0i siap diinstalasi</td></tr>
</tbody></table><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgesGoVVRGqMKpZUDBxJtf66o0XJ0RTJfCLeCsNzaEgrdoaMh41BbgcEDGH79pyUC33QImN2i_uw0k2sEE0sCXwR_J2MIV7A32ouNIAQBdzH-c7xceV84k3CbePj-V3x65eI9iyBVdbHQ9I/s1600/Install+05.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div><ul><li>Gambar 7 berikut merupakan proses instalasi WampServer 2.0i sedang dilakukan. Kemudian menunggu beberapa saat sampai proses instalasi selesai dilakukan. </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;"><img border="0" height="244" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY4RJn4aDoOH4I3KmRSq8WFtxZSWDH12Z0fnZskZCgX1OR5c09TsuYiJxCKynNE6Bx2gJVwg_ZlCA38ZeKRhZZpxyd4vmUJ_BG6I-fAKY2_rxX3sa7kw7RoIuUsRHaTgSAlrfylG-D83GR/s320/Install+06.PNG" style="margin-left: auto; margin-right: auto;" width="320" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 7. Tampilan menu proses instalasi WampServer 2.0i sedang berlangsung</td></tr>
</tbody></table><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY4RJn4aDoOH4I3KmRSq8WFtxZSWDH12Z0fnZskZCgX1OR5c09TsuYiJxCKynNE6Bx2gJVwg_ZlCA38ZeKRhZZpxyd4vmUJ_BG6I-fAKY2_rxX3sa7kw7RoIuUsRHaTgSAlrfylG-D83GR/s1600/Install+06.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div><ul><li>Langkah berikutnya pada saat instalasi berlangsung WampServer 2.0i akan mendeteksi browser yang ada seperti terlihat pada Gambar 8 dibawah ini. Dalam kasus ini WampServer 2.0i menemukan browser <b><i>Firefox </i></b>dan mengajukan kotak dialog apakah Firefox akan dijadikan default browser atau tidak. Jika ya mengklik tombol <b><i><span style="color: magenta;">Yes</span></i></b> dan jika tidak mengklik tombol <i style="color: magenta;"><b>No</b></i>.</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;"><img border="0" height="61" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimhIgG8ZhzGVhR9wTi5nzlOgnwnBACHhyphenhyphen2AnBNDMCTTkmYUv3PYwvLs1u58vGDPsi8EUOSuaKBDanh2K-WVfood5m5QUoHADgaqMaMverDW0fq7hLbDlzHb-gv4bymARgkh_HInL8I1qHy/s320/Install+07.PNG" style="margin-left: auto; margin-right: auto;" width="320" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 8. Menu dialog ketika WampServer 2.0i menemukan pilihan default browser </td></tr>
</tbody></table><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimhIgG8ZhzGVhR9wTi5nzlOgnwnBACHhyphenhyphen2AnBNDMCTTkmYUv3PYwvLs1u58vGDPsi8EUOSuaKBDanh2K-WVfood5m5QUoHADgaqMaMverDW0fq7hLbDlzHb-gv4bymARgkh_HInL8I1qHy/s1600/Install+07.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div><ul><li>Langkah berikutnyaakan muncul kotak dialog untuk nama SMTP nya seperti Gambar 9 dibawah ini. Secara default akan ditampilkan nama localhost. Disini bisa juga diganti dengan nama lain. Setelah nama ditentukan mengklik tombol <b style="color: magenta;"><i>Next</i></b> untuk proses selanjutnya.</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;"><img border="0" height="244" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvwPKe4TwM6WwK4HmImeLaX6qV254HSRJQrKSrAW5jGaFuQ6R9M9OOtwq6SzMZY36StIAkcDecPl3RmApkLlmWZWwV0E-unnPL0UCqgeoc5c7hYaK2ECzUdA8oL5EuR47uGrN_5IT2UD2R/s320/Install+08.PNG" style="margin-left: auto; margin-right: auto;" width="320" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 9. Tampilan menu untuk memberikan nama SMTP</td></tr>
</tbody></table><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvwPKe4TwM6WwK4HmImeLaX6qV254HSRJQrKSrAW5jGaFuQ6R9M9OOtwq6SzMZY36StIAkcDecPl3RmApkLlmWZWwV0E-unnPL0UCqgeoc5c7hYaK2ECzUdA8oL5EuR47uGrN_5IT2UD2R/s1600/Install+08.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div><ul><li>Setelah itu akan dimunculkan menu bahwa proses instalasi WampServer 2.0i selesai dilakukan seperti terlihat pada Gambar 10 dibawah ini. Jika pada kotak dialog Launch WampServer 2 now dicentang maka WampServer akan diaktifkan langsung.</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;"><img border="0" height="244" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnjTFMyYnahZypviWgZKoHxfKZ4pltumB0ukTrG4H7nbspAOWBbK1TAXySzSc7C3VTiGrc4twq0J7YVwaEGQH4hMxToxIBWlc-N3TcoMc63nJW6N_2vZU64m-6s3YWX61S4Z3zp5wI_S3-/s320/Install+09.PNG" style="margin-left: auto; margin-right: auto;" width="320" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 10. Tampilan menu proses instalasi WampServer 2.0i selesai</td></tr>
</tbody></table><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnjTFMyYnahZypviWgZKoHxfKZ4pltumB0ukTrG4H7nbspAOWBbK1TAXySzSc7C3VTiGrc4twq0J7YVwaEGQH4hMxToxIBWlc-N3TcoMc63nJW6N_2vZU64m-6s3YWX61S4Z3zp5wI_S3-/s1600/Install+09.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div><ul><li>WampServer 2.0i sudah aktif terlihat icon yang aktif (setengah lingkat berwarna putih) seperti Gambar 11 dibawah ini.</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;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0Lsj5hYvPDI4b8GVYdbK9Wdvy0-9a0oTFvQn4snRs5BEJ500u2MFgMZwNmaBmk3Ty-ApENeYi6Sux7w-k35t4LiNkIxzVCPzkbhL25frQHe7FrabgX4fNd7CZV2n-02sRBQyy2RyeB3U8/s1600/Install+10.PNG" style="margin-left: auto; margin-right: auto;" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 11. Tampilan icon WampServer 2.0i siap digunakan</td></tr>
</tbody></table><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0Lsj5hYvPDI4b8GVYdbK9Wdvy0-9a0oTFvQn4snRs5BEJ500u2MFgMZwNmaBmk3Ty-ApENeYi6Sux7w-k35t4LiNkIxzVCPzkbhL25frQHe7FrabgX4fNd7CZV2n-02sRBQyy2RyeB3U8/s1600/Install+10.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div><ul><li>Setelah Wampserver 2.0i aktif, pada browser bisa dicoba untuk mengakses phpMyadmin sehingga tampak seperti Gambar 12 dibawah ini. </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;"><img border="0" height="194" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTIsfAch9mWg_vWv1e7kmOCsDogtMxgyvhO5YFnTODVWiAsYG_DIQCn8BVcsOhW6eYst2ypgkBiWO3XDLcKwAMofT3szYGs-TYGA2XEzQioRa6Xc6nU8IR5PR4YCCY8TFN84hMLQ9ozkfl/s320/localhost.PNG" style="margin-left: auto; margin-right: auto;" width="320" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 12. Tampilan phpMyadmin pada WampServer 2.0i</td></tr>
</tbody></table><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTIsfAch9mWg_vWv1e7kmOCsDogtMxgyvhO5YFnTODVWiAsYG_DIQCn8BVcsOhW6eYst2ypgkBiWO3XDLcKwAMofT3szYGs-TYGA2XEzQioRa6Xc6nU8IR5PR4YCCY8TFN84hMLQ9ozkfl/s1600/localhost.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div>Sampai disini proses instalasi WampServer 2.0i selesai dilakukan. Disini kemudian bisa dilakukan untuk mengakses phpMyadmin untuk membuat database. Instalasi ini dipersiapkan untuk proses pembelajaran selanjutnya pada Dreamweaver CS4.<br />
<div style="color: lime;"><br />
</div><div style="color: lime;"><b>SELAMAT BELAJAR............ </b></div></div>Wakidhttp://www.blogger.com/profile/05129093913364256330noreply@blogger.com0tag:blogger.com,1999:blog-3596553182000790643.post-42242631723731627572010-09-14T19:01:00.001-07:002010-09-16T00:08:37.014-07:00Mengenal Dreamweaver CS4<div style="text-align: justify;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><i>Dreamweaver</i> merupakan salah satu aplikasi bahasa pemrograman yang digunakan untuk membuat halaman web secara <b><span class="Apple-style-span" style="color: red;">WYSIWYG</span></b> (<i>What You See Is What You Get</i>). Sebelum kita mempelajari dreamweaver alangkah baiknya kita harus mengerti dahulu mengenai dasar-dasar yang digunakan untuk pembuatan dokumen maupun aplikasi yang berjalan di web. Salah satu diantaranya kita harus belajar dan menguasai bahasa dasar yaitu <b><span class="Apple-style-span" style="color: red;">HTML</span></b> (<i>Hypertext Markup Language</i>). Dikatakan HTML karena berfungsi untuk memformat file dokumen teks biasa agar bisa ditampilkan pada web browser dengan bantuan tanda-tanda tertentu atau dengan menambahkan elemen tertentu. elemen ini sering disebut TAG.<br />
<a name='more'></a></div><div>Agar bahasa pemrograman ini bisa berjalan diperlukan sebuah <i><b>web server</b></i> dan <i><b>web browser</b></i>. Web server merupakan tempat untuk menyimpan semua bahasa pemrograman yang kita buat yang diakses oleh web browser. Untuk mengakses web server melalui web browser diperlukan sebuah protokol untuk mentransfer data antar web server dan web browser. Protokol ini disebut protokol <b><span class="Apple-style-span" style="color: red;">HTTP</span></b> (<i>Hypertext Transfer Protokol</i>). Protokol HTTP ini akan mentransfer dokumen-dokumen web yang ditulis berformat HTML.<br />
Di dalam dreamweaver kita bisa dengan mudah mengedit file dengan ekstensi .html, .php, .jsp, .cfm dan lain-lain. Kita juga bisa mencobanya langsung dengan web browser seperti google chrome, internet explorer, mozilla firefox, netscape dan lain-lain. Sebelum menulis script-script html dan PHP, terlebih dahulu kita harus menginstall Webserver, PHP dan MySQL. Kita juga harus memperhatikan dimana script itu kita simpan. Biasanya file disimpan di dalam document root pada webserver.<br />
<br />
<b><span class="Apple-style-span" style="color: yellow;">Bagaimana sebuah web dalam dreamweaver CS4 bekerja?</span></b><br />
Ada beberapa hal yang perlu kita perhatikan bagaimana sebuah World Wide Web itu bekerja diantaranya :<br />
<br />
<ul><li>Sebuah <i>World Wide Web</i> (<span class="Apple-style-span" style="color: red;"><b>WWW</b></span>) atau sering disebut web merupakan hubungan yang terdiri dari beberapa komputer klien dan komputer server yang terhubung secara bersamaan melalui internet.</li>
<li>Komunikasi yang dilakukan melalui protokol <i>HyperText Transfer Protocol</i> (<span class="Apple-style-span" style="color: red;"><b>HTTP</b></span>).</li>
<li>Protokol HTTP harus bisa bekerja jika ada permintaan (<i>request</i>) dan memberikan respon dari sebuah permintaan. Dalam hal ini sebuah browser (komputer klien) membuat permintaan dan komputer server mengembalikan atau memberikan respon. </li>
</ul>Beberapa browser yang bisa bekerja pada komputer klien antara lain :<br />
<br />
<ul><li>Google Chrome</li>
<li>Internet Explorer</li>
<li>Mozilla Firefox</li>
<li>Opera</li>
<li>Safari</li>
<li>Netscape</li>
<li>beberapa browser untuk perangkat tertentu</li>
</ul>Sedangkan beberapa server yang bekerja pada protokol HTTP antara lain :<br />
<br />
<ul><li>Apache yang bekerja pada beberapa Sistem Operasi tertentu semisal Linux, Solaris, MAC OS dan Windows.</li>
<li><i>Internet Information Services</i> (<span class="Apple-style-span" style="color: red;"><b>IIS</b></span>) pada Sistem Operasi Windows</li>
</ul>Dalam sebuah web dibagi menjadi dua yaitu web statik (<i>Static Web</i>) dan web dinamik (<i>Dynamic Web</i>). Perbedaan diantara keduanya dapat kita lihat seperti gambar berikut ini.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwLz4SaenmYmMJDWecuVyLl96D9Gmq-ZkgeWTdNutIYXmQE4qzr-9iiqOeO6roj_Gy_gMCeiqKK2bMUtYyxapNe2iQ9QMJCHQNOX4HVg0S20VEczlPzezZevKpQm73FdX7C0aZsFjH4Xim/s1600/webstatik+2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwLz4SaenmYmMJDWecuVyLl96D9Gmq-ZkgeWTdNutIYXmQE4qzr-9iiqOeO6roj_Gy_gMCeiqKK2bMUtYyxapNe2iQ9QMJCHQNOX4HVg0S20VEczlPzezZevKpQm73FdX7C0aZsFjH4Xim/s320/webstatik+2.png" /></a></div><div class="separator" style="clear: both; text-align: center;"><b>Gambar Web Statik</b></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg627NaAJEf9ibQl4ta7syCJgcdMFHDXpRJNOYjE4_eN0XGBPR-jHaSQllAJMkNqeTTmvOskpt5cJxIkLRQeaBRNcGvc1e4cs4SO9dk-npoV6ScycqVX0ASj6DfsITm_jqP9l_LswA4ZZb-/s1600/webstatik+3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg627NaAJEf9ibQl4ta7syCJgcdMFHDXpRJNOYjE4_eN0XGBPR-jHaSQllAJMkNqeTTmvOskpt5cJxIkLRQeaBRNcGvc1e4cs4SO9dk-npoV6ScycqVX0ASj6DfsITm_jqP9l_LswA4ZZb-/s320/webstatik+3.png" /></a></div><div class="separator" style="clear: both; text-align: center;"><b>Gambar Web Dinamik</b></div><br />
Di dalam Dreamweaver CS4 ini beberapa aplikasi server yang tersedia diantaranya berekstensi Adobe Coldfusion, PHP, Microsoft ASP.Net, Microsoft Active Server Page, Perl, Java Enterprice Edition (JEE) diantaranya : WebSphere, WebLogic, JBoss, Tomcat.<br />
Dalam memilih sebuah aplikasi server, ada beberapa yang perlu diperhatikan antara lain :<br />
<br />
<ul><li>Bahasa atau Platform apa yang digunakan dalam instansi.</li>
<li>Sistem operasi apa yang akan digunakan dalam server.</li>
<li>Aplikasi server yang gratis atau yang berbayar yang akan digunakan.</li>
</ul><br />
Selain itu Dreamweaver CS4 bisa digunakan untuk menghasilkan kode server-side untuk beberapa bahasa pemrograman diantaranya :<br />
<br />
<ul><li> PHP</li>
<li>ColdFusion</li>
<li>ASP</li>
<li>ASP.NET</li>
<li>J2EE server</li>
</ul><span class="Apple-style-span" style="color: red;"><b>ASP</b></span> (<i>Active Server Pages</i>) dan ASP.NET hanya digunakan pada sistem operasi windows. ASP merupakan sebuah aplikasi server yang klasik dari microsoft yang sudah diintegrasikan di <i>Internet Information Services</i> (IIS) dengan menggunakan Visual Basic dan JScript sebagai bahasa pemrogramannya. Sedangkan ASP.NET merupakan sebuah teknologi aplikasi web terbaru dari microsoft, namun dreamweaver hanya sedikit saja yang kompatible dengan ASP.NET 1.1 hal ini dikarenakan perusahaan Adobe tidak menginginkan untuk diperbarui dimasa depan. Untuk PHP sering disertakan MySQL server yang gratis yang juga sering digunakan beberapa sistem operasi diantaranya Windows, MAC OS dan Linux. Selain itu PHP bisa diinstal secara sendiri ataupun diinstall dengan paket bundling dengan server. Paket bundling yang sering biasanya terdiri dari Apache sebagai web server, MySql sebagai database dan PHP sendiri sebagai aplikasinya. Contoh dari paket bundling yang sering digunakan misalnya MAMP Server untuk MAC OS, WAMP Server untuk Windows dan XAMPP.<br />
Berikut contoh Script html :<br />
<span class="Apple-style-span" style="color: red;"><html></span><br />
<span class="Apple-style-span" style="color: orange;"><head></span><br />
<span class="Apple-style-span" style="color: cyan;"><title></span> wakhid-dreamweaver.blogspot.com<br />
<span class="Apple-style-span" style="color: cyan;"></title></span><br />
<span class="Apple-style-span" style="color: orange;"></head></span><br />
<span class="Apple-style-span" style="color: lime;"><body></span><br />
Di dalam body ini berisi apa saja tentang gambar, teks, video dan lain-lain yang ingin ditampilkan oleh sang pembuat.<br />
<b><span class="Apple-style-span" style="color: red;"><?php</span> <span class="Apple-style-span"><span class="Apple-style-span" style="color: magenta;"><span class="Apple-style-span" style="background-color: black;">kode php ditaruh disini</span></span></span></b><br />
<span class="Apple-style-span" style="color: red;"><b>?></b></span><br />
<span class="Apple-style-span" style="color: lime;"></body></span><br />
<span class="Apple-style-span" style="color: red;"></html></span><br />
Berikut merupakan tampilan awal dari Dreamweaver CS4.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJFMYF8EbkAwvdy7E1d9kLVH-xXQUXfHmMEyo-GN_2NdI9XWirN09hmPJrhQ0AXiyHjP_7CNndsI7Uc1-hPcAEk5O1xPgcYEGrZrQJPun0LG_gAVhtkPrmev35DFuBOz-FCqQPegMKkSzA/s1600/Dreamweaver+cs4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="281" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJFMYF8EbkAwvdy7E1d9kLVH-xXQUXfHmMEyo-GN_2NdI9XWirN09hmPJrhQ0AXiyHjP_7CNndsI7Uc1-hPcAEk5O1xPgcYEGrZrQJPun0LG_gAVhtkPrmev35DFuBOz-FCqQPegMKkSzA/s400/Dreamweaver+cs4.png" width="400" /></a></div>Untuk membuat sebuah web dinamik harus diperhatikan database yang akan digunakan. Sebagai misal database apa yang akan digunakan dalam komputer, apakah aplikasi database yang kita pakai bersifat gratis atau berbayar. Dalam hal ini MySql yang digunakan sebagai database seberapa seringkah web server kita diakses oleh pengguna juga perlu diperhatikan. Kita dapat memilih aplikasi database sesuai kebutuhan kita. Ada beberapa aplikasi database yang sering digunakan misalnya :<br />
<br />
<ul><li>MySQL</li>
<li>SQL Server</li>
<li>DB2</li>
<li>Oracle</li>
<li>Apache Derby</li>
<li>Microsoft Access dan lain-lain</li>
</ul>Sebagai misal Microsoft Access yang bekerja pada sistem operasi windows merupakan aplikasi database yang bersifat kecil (<i>small scale</i>). Microsoft Access dapat digunakan untuk menuliskan database secara terstruktur di dalam komputer klien. Kita dapat mengunggah file .mdb ke server dengan mudah. Selain itu jika kita menggunakan ASP dan ColdFusion, Microsoft Acces bisa bekerja dengan baik.<br />
Kelebihan dari penggunaan Microsoft Access adalah :<br />
<ul><li>Mudah pengaturannya.</li>
<li>Administrasi secara visual menjadi lebih mudah.</li>
<li>Tidak ada biaya lisensi untuk penyebaran web.</li>
</ul>Sedangkan kekurangan dari penggunaan Microsoft Access adalah :<br />
<ul></ul></div><div><ul><li>Untuk mengelola sebuah aplikasi web sulit, karena tidak ada antarmuka visual berbasis web yang berjalan secara otomatis.</li>
<li>Bukan sebuah server database sehingga untuk mengubah struktur file harus di download dari server.</li>
</ul>Untuk Microsoft SQL Server merupakan aplikasi database skala besar dan hanya bekerja pada sistem operasi windows. Microsoft SQL Server ini merupakan aplikasi databse server enterprice dari microsoft. Sama seperti Microsoft Access, Microsoft SQL Server ini bekerja baik pada ASP dan ColdFusion.</div><div>Kelebihan dari Microsoft SQL Server ini antara lain :</div><div><ul><li>Tersedia gratis untuk SQL Server 2005 dan SQL 2008 Express untuk website skala kecil.</li>
<li>Tersedia dukungan hosting dari penyedia layanan internet (<i>Internet Service Provider</i>).</li>
<li>Administrasi secara visual mudah.</li>
</ul>Adapun kekurangan Microsoft SQL Server adalah :</div><div><ul><li>Memori dan sumber daya yang intensif harus di-host secara terpisah dari server aplikasi.</li>
<li>Untuk dedikasi biaya sangat penting atau selain untuk penyebaran secara cepat.</li>
</ul>Untuk MySQL sendiri mempunyai sifat gampang, mudah dibawa kemana-mana dan gratis. Seperti edisi community yang lain MySQL mudah di download dan digunakan. bekerja baik pada ASP dan Coldfusion serta dibutuhkan lisensi untuk keperluan distribusi aplikasi secara komersial. Keuntungan dari MySQL ditujukan untuk skala besar, mudah administrasinya karena dilengkapi tools dan memory yang digunakan disesuaikan dengan peralatan yang digunakan sebagai aplikasi server. Akan tetapi kekurangan dari MySQL ini tidak banyak. </div><div>Untuk Enterprice databases bisa menggunakan jika instansi anda menggunakan Oracle dan IBM DB2. Karena aplikasi ini merupakan aplikasi yang paling lengkap dan berskala besar. Selain itu bekerja baik pada ColdFusion dan jika menggunakan ASP dan PHP perlu ditambahkan lagi beberapa librarynya.</div><div>Sedangkan Apache Derby merupakan mesin database yang berbasis Java. Bisa dipakai beberapa operating sistem dan didalamnya disertakan ColdFusion 8 dengan performa yang sangat baik.</div><div><br />
</div></div><div style="text-align: justify;"></div>Wakidhttp://www.blogger.com/profile/05129093913364256330noreply@blogger.com0