tag:blogger.com,1999:blog-35360741073477287702024-02-21T16:16:35.072+07:00Web dan Internet Marketing TipsRahasia Internet Marketing dan Tips Web ProgrammingAnonymoushttp://www.blogger.com/profile/16335040056244279899noreply@blogger.comBlogger28125tag:blogger.com,1999:blog-3536074107347728770.post-32929694276036493462016-10-30T09:21:00.002+07:002016-10-30T09:21:44.640+07:00Cara Buat HTML Tabel dari Excel<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 style="text-align: center;">
Excel To HTML Table Converter</h2>
<h3 style="text-align: left;">
Cara Buat HTML Tabel dari Excel</h3>
Ketika kita akan membuat tabel di blog atau web kita sedangkan data yang akan dibuat tabel berasal dari file excel, anda tidak perlu kuatir akan hal tersebut. Banyak sekali tools yang bisa anda gunakan untuk membuat tabel yang berasal dari Excel. Salah satu tools tersebut adalah Tableizer, sebuah tools handal yang bisa anda gunakan untuk mengconvert dengan sangat mudah data yang ada pada sebuah file excel. Oke langsung saja kita mulai tutorial Cara Buat HTML Tabel dari Excel.<br />
Segera buka alamat Tableizer di browser anda seperti contoh gambar dibawah ini. Ada beberapa bagian menu yang bisa anda gunakan untuk menconvert data Excel ke sebuah tabel HTML<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie9z4aHpRzU0pg7CMu0wGc9jzda3P5YA0qgm3dCYCiL2h7lOv33tZ1QJPcyY_8JGa2i2mARjOBIV4ydOm7qd2cq3D5XvWu95Rqi0DxQfD9uN-9eTI9oRat0jOFm4QQ-TYrjObDDLWDrhg/s1600/tabel+html+dengan+excel.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="350" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie9z4aHpRzU0pg7CMu0wGc9jzda3P5YA0qgm3dCYCiL2h7lOv33tZ1QJPcyY_8JGa2i2mARjOBIV4ydOm7qd2cq3D5XvWu95Rqi0DxQfD9uN-9eTI9oRat0jOFm4QQ-TYrjObDDLWDrhg/s640/tabel+html+dengan+excel.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Buka file Excel yang berisi data yang akan dirubah menjadi sebuah Tabel HTML, silahkan copy data-data tersebut sesuai dengan contoh gambar dibawah</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX4yd-Umg6Sr2S59pLNkrCWbJQZ74absQ5oaWhfKoqVzt9bBB1PbnB1Y14h4bwxBQtE6arZfKGJQUwyM-U4ik48CUidbvvPGMxJ7reXcRxczcd7d5HxBpj2bWFtgjjIs_sOCkNE4ajrAA/s1600/cara+buat+tabel+html+dengan+excel.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="502" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX4yd-Umg6Sr2S59pLNkrCWbJQZ74absQ5oaWhfKoqVzt9bBB1PbnB1Y14h4bwxBQtE6arZfKGJQUwyM-U4ik48CUidbvvPGMxJ7reXcRxczcd7d5HxBpj2bWFtgjjIs_sOCkNE4ajrAA/s640/cara+buat+tabel+html+dengan+excel.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
Setelah data pada file Excel tersebut dicopy, silahkan paste pada form Tableizer, form tersebut berada dibawah keterangan <b>Paste Your Cells From Excel, Google Docs or Another SpreadSheet here</b> seperti contoh gambar dibawah ini, kemudian silahkan setting opsi No CSS dengan mencentang opsi tersebut jika anda tidak ingin untuk mencantumkan CSS kedalam script HTML hasil convert, atau sebaliknya. Kemudian silahkan pilih Font Size nya sesuai dengan selera, Isi kolom Colour dengan warna yang anda inginkan, selanjutnya filih jenis Font nya dan terakhir silahkan klik tombol Tableize It untuk mengconvert data tersebut.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbgCml1YjDnqgEl3jQC9ecOOHSOunwK8hRVQ3-BZIgkyPy2IlYU6_ryOGL5c-1oYwUtclfAlfo4JhDpJIGb9GGsnbgTXcEW46S308I1D3Qxwq3cLLmzhVkwulG3VvVtOlImQALsqe03Jc/s1600/excel+html+table+converter.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="364" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbgCml1YjDnqgEl3jQC9ecOOHSOunwK8hRVQ3-BZIgkyPy2IlYU6_ryOGL5c-1oYwUtclfAlfo4JhDpJIGb9GGsnbgTXcEW46S308I1D3Qxwq3cLLmzhVkwulG3VvVtOlImQALsqe03Jc/s640/excel+html+table+converter.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
Selanjutnya akan muncul hasil seperti gambar dibawah ini. HTML code sudah siap, silahkan copy HTML tersebut dengan klik tombol Copy HTML To Clipboard<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj34mVptD2YaJGbRVmbhtJpniczoP1yEpswpBMXdunWxw2_mnYIkczzQVcgTVTuZP-Mn6Drc3qH_kyWuwHkicFHruzlShaaLgTQWzwKhxEwcm04GuXUxQ5Qn-e1GQX4b7v-x-2etkcuhUo/s1600/cara+buat+tabel+html+dengan+excel+2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="339" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj34mVptD2YaJGbRVmbhtJpniczoP1yEpswpBMXdunWxw2_mnYIkczzQVcgTVTuZP-Mn6Drc3qH_kyWuwHkicFHruzlShaaLgTQWzwKhxEwcm04GuXUxQ5Qn-e1GQX4b7v-x-2etkcuhUo/s640/cara+buat+tabel+html+dengan+excel+2.jpg" width="640" /></a></div>
<br />
Silahkan Paste HTML Code nya pada postingan anda, jangan lupa pilih mode HTML terlebih dahulu sebelum anda paste HTML Code tersebut. Selanjutnya simpan dan publish postingan tersebut.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKjIanauHbnADM_JnaInX_trkV5ZRk85Q5sB3bkd4Fd3mCUuYhdGl-UZXZrRCrh0EBlONE6mULCxUnHQXy5_RDlKlPvdATveYkkhovg3ZMlNhysnq6QXZ0Q72aq5SSOVD1zN_Q48EHmN8/s1600/cara+buat+tabel+html+dengan+excel+3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="391" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKjIanauHbnADM_JnaInX_trkV5ZRk85Q5sB3bkd4Fd3mCUuYhdGl-UZXZrRCrh0EBlONE6mULCxUnHQXy5_RDlKlPvdATveYkkhovg3ZMlNhysnq6QXZ0Q72aq5SSOVD1zN_Q48EHmN8/s640/cara+buat+tabel+html+dengan+excel+3.jpg" width="640" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
Untuk melihat hasilnya kan tampil seperti gambar berikut ini, sangat bagus bukan ?? Tools ini sangat memudahkan kita dalam membuat tabel yang berasal dari data Excel.<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_-FEKMgUFIw-SOkCEysOxNfZxEhTPC7GUW1Tub4jKkBFxpv5CSf04_7muZfJUw4LOExMTraytuCOIqd7Z857LyKyMl1NPCoSaeMA4PFNmlNWtvLvPZYHT7SETfP4RqPRKT6Sf2mdqdcA/s1600/cara+buat+tabel+html+dengan+excel+4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_-FEKMgUFIw-SOkCEysOxNfZxEhTPC7GUW1Tub4jKkBFxpv5CSf04_7muZfJUw4LOExMTraytuCOIqd7Z857LyKyMl1NPCoSaeMA4PFNmlNWtvLvPZYHT7SETfP4RqPRKT6Sf2mdqdcA/s1600/cara+buat+tabel+html+dengan+excel+4.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Oke selamat mencoba dan semoga berhasil.</div>
</div>
Anonymoushttp://www.blogger.com/profile/16335040056244279899noreply@blogger.com0tag:blogger.com,1999:blog-3536074107347728770.post-32324003498845991652015-04-09T05:31:00.001+07:002015-04-09T05:31:10.419+07:0014 Langkah Bagaimana menggunakan fungsi DIV dengan dreamweaver<div dir="ltr" style="text-align: left;" trbidi="on">
Kali ini <b><span style="color: red;">Web Dinamis</span></b> akan menshare tentang Tutorial tentang bagaimana <b><i><span style="color: blue;">menggunakan fungsi DIV dengan Dreamweaver</span></i></b>. Untuk tutorialnya bisa dilihat dengan video berikut<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe width="320" height="266" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/3wWjrkET3G4/0.jpg" src="http://www.youtube.com/embed/3wWjrkET3G4?feature=player_embedded" frameborder="0" allowfullscreen></iframe></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Semoga bisa bermanfaat untuk teman-teman semua. Selamat mencoba</div>
<br /></div>
Anonymoushttp://www.blogger.com/profile/16335040056244279899noreply@blogger.com0tag:blogger.com,1999:blog-3536074107347728770.post-4124533638683360222014-06-03T05:32:00.000+07:002014-06-06T20:02:03.232+07:00Dreamweaver Tutorial - Cara Membuat Refresh Page Dengan Dreamweaver<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- webdinamis300250 -->
<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:250px"
data-ad-client="ca-pub-5372619584879557"
data-ad-slot="7029352388"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
Pada <b><i><span style="color: red;">Dreamweaver Tutorial</span></i></b> kali ini saya akan share mengenai <b><i><span style="color: red;">Cara membuat Refresh Page Dengan Dreamweaver</span></i></b>, oke langsung aja apa sih fungsi <span style="color: red;"><i><b>Refresh Page</b></i></span> ? Refresh page adalah suatu halaman yang akan melakukan <i>refresh</i> dan <i>meredirect</i> ke link yang dituju, didalam refresh page biasanya ada jeda waktu atau time lag beberapa detik sebelum menuju ke link yang dituju. Berikut tutorialnya</div>
<div>
<ul style="text-align: left;">
<li>Buat 2 file baru yang pertama refresh1.php dan refresh_link.php seperti contoh gambar dibawah.</li>
</ul>
</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw9eYF30Gi8puScsNMZGgm6OjI6fgdVEih-TPqrXuabL7TRVxd2AIiHOWkbfyJiC38QyfKVvNC1j2EpFYIBJXsNOUQPjucW3yFf0G-ghS9jolZ9bFixqe1jzxJ7me8qRLlhGZMlrTMr4c/s1600/refresh1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw9eYF30Gi8puScsNMZGgm6OjI6fgdVEih-TPqrXuabL7TRVxd2AIiHOWkbfyJiC38QyfKVvNC1j2EpFYIBJXsNOUQPjucW3yFf0G-ghS9jolZ9bFixqe1jzxJ7me8qRLlhGZMlrTMr4c/s1600/refresh1.jpg" height="309" width="320" /></a></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/AVvXsEg-xJsTvmT04EUv7wiwfDExtBhh5HzXhOPoFPEHZB80cb4V_JyEwYqMjq_4R8UBYMdHCB4VrkKgxt6wWECUXU54tms-N6UfShUx1XMs1HY5fQdiAfk80qBesyo-BXrbYw9BU__4W4RQJmA/s1600/refresh2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-xJsTvmT04EUv7wiwfDExtBhh5HzXhOPoFPEHZB80cb4V_JyEwYqMjq_4R8UBYMdHCB4VrkKgxt6wWECUXU54tms-N6UfShUx1XMs1HY5fQdiAfk80qBesyo-BXrbYw9BU__4W4RQJmA/s1600/refresh2.jpg" height="282" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul style="text-align: left;">
<li>Buka file refresh1.php selanjutnya klik menu <b><span style="color: blue;">Insert</span></b> --> <b><span style="color: blue;">HTML</span></b> --> <b><span style="color: blue;">Head Tags</span></b> --> <b><span style="color: blue;">Refresh</span></b></li>
</ul>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilH2GlbA-kAwhnoq4CYsxG5k4PHdLK2GAUaFv1sFAVM0cTBJz7ayoZKRl1cdn-4C8bYvJdLpMweK7XJb5Lk_NxASBsZtRIGouNMNTxlKfU3YgNN0HD2fhjU5TjnmXStpQgqbG-wSbDMKQ/s1600/refresh003.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilH2GlbA-kAwhnoq4CYsxG5k4PHdLK2GAUaFv1sFAVM0cTBJz7ayoZKRl1cdn-4C8bYvJdLpMweK7XJb5Lk_NxASBsZtRIGouNMNTxlKfU3YgNN0HD2fhjU5TjnmXStpQgqbG-wSbDMKQ/s1600/refresh003.jpg" height="312" width="320" /></a></div>
<br />
<br />
<ul style="text-align: left;">
<li style="text-align: justify;">Isi <b><span style="color: blue;">Delay</span></b> dengan jumlah jeda waktu / time lag yang diinginkan. Disini saya isi dengan nilai 1 yang berarti akan ada jeda waktu selama 1 detik sebelum halaman refresh1.php akan menuju ke refresh_link.php. Isi <b><span style="color: blue;">Go To Url</span></b> dengan browse file refresh_link.php.</li>
</ul>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNwPKuoPzH8O_lPRYL8tt97WPVDKZ8ITYmM-NthUT-F1IGKzlHdXoQzrvOqC5-n7WSGMI6TqxYy00_NoKdSVfFP2sDN2qif-CaGfjC2FtZry-O3ZpVRA17grL-64wdFDxJU1zy2dDqfGs/s1600/refresh005.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNwPKuoPzH8O_lPRYL8tt97WPVDKZ8ITYmM-NthUT-F1IGKzlHdXoQzrvOqC5-n7WSGMI6TqxYy00_NoKdSVfFP2sDN2qif-CaGfjC2FtZry-O3ZpVRA17grL-64wdFDxJU1zy2dDqfGs/s1600/refresh005.jpg" height="125" width="320" /></a></div>
<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: left;">
OK <b>Dreamweaver tutorial</b> tentang <b><span style="color: red;">Cara membuat Refresh Page dengan Dreamweaver</span></b> sudah selesai. Selamat mencoba </div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div>
<br />
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div>
<br /></div>
</div>
</div>Anonymoushttp://www.blogger.com/profile/16335040056244279899noreply@blogger.com0tag:blogger.com,1999:blog-3536074107347728770.post-37616057244753255962014-05-24T14:40:00.001+07:002014-06-06T20:04:40.501+07:00Dreamweaver Tutorial- Rollover Image Dengan Dreamweaver<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- webdinamis300250 -->
<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:250px"
data-ad-client="ca-pub-5372619584879557"
data-ad-slot="7029352388"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<b><span style="color: red;">Dreamweaver Tutorial</span></b> kali ini kita akan membuat Rollover Image dengan <b>Dreamweaver</b>. Ok langsung aja buat file baru dan simpan dengan nama rollover.php seperti contoh gambar dibawah</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfGAqZi5wldFPduBDrethgjhwmQXgvvCWy_8FBIQ1cbGx2fY9yViRo_Bz6b0wjqs3I0U2n4nkUdncnpniThorwIVEwevhEnKg4cVbMadyUBmcZkImnm1xO12SpCYiLjBMHZiZLHHJzhFE/s1600/roll.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfGAqZi5wldFPduBDrethgjhwmQXgvvCWy_8FBIQ1cbGx2fY9yViRo_Bz6b0wjqs3I0U2n4nkUdncnpniThorwIVEwevhEnKg4cVbMadyUBmcZkImnm1xO12SpCYiLjBMHZiZLHHJzhFE/s1600/roll.jpg" height="309" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Masuk ke menu <i><b><span style="color: red;">Insert --> Image Objects --> Rollover Image</span></b></i></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/AVvXsEg0zCr0cWj8b5QFFb-hdkurcr5XC0R90u2sfojj05qzco_68c2cNuaEB4rgwmO5wc5mQDA0MnFKX8JsbVNoJ2lcGURf-ChVthMcZxBXpgsTAJPG0Vk1B6nrVcz2b4NcugB5HMo-4kphnQ0/s1600/roll002.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0zCr0cWj8b5QFFb-hdkurcr5XC0R90u2sfojj05qzco_68c2cNuaEB4rgwmO5wc5mQDA0MnFKX8JsbVNoJ2lcGURf-ChVthMcZxBXpgsTAJPG0Vk1B6nrVcz2b4NcugB5HMo-4kphnQ0/s1600/roll002.jpg" height="320" width="238" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
Isi Image Name , Original Image dengan browse Gambar pertama, Rollover Image browse gambar kedua yang akan dijadikan Rollover Image nya selanjutnya isi When Clicked Go To URL browse dengan file yang akan dituju. Klik OK. Contoh seperti gambar dibawah<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijKy_tOWoQ6d4dCORSU223gpe2lnRAeffjaOPaA6eipHW9UsIbDr7vXla9DYmbF0yUL2vCPEQpEEKgjsWX2uXWcQ-ygTeJf_QCjZL1h6ztmes21OAhooyv73mgaD40EajKJ7bMaeS01Ys/s1600/roll003.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijKy_tOWoQ6d4dCORSU223gpe2lnRAeffjaOPaA6eipHW9UsIbDr7vXla9DYmbF0yUL2vCPEQpEEKgjsWX2uXWcQ-ygTeJf_QCjZL1h6ztmes21OAhooyv73mgaD40EajKJ7bMaeS01Ys/s1600/roll003.jpg" height="142" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoyfhuLjDcNXuu9y621vPmA7FtgRc4NovWlVhzsL05d4EtT4ERmG19YVJLctGKliLnLcKt5-T-U3DvKN978hVXji_H-6v0Fv1uicgj6zTg6LZxNJu_gLtgnTdfQEciVBDcsheGV1LdLjE/s1600/roll004.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoyfhuLjDcNXuu9y621vPmA7FtgRc4NovWlVhzsL05d4EtT4ERmG19YVJLctGKliLnLcKt5-T-U3DvKN978hVXji_H-6v0Fv1uicgj6zTg6LZxNJu_gLtgnTdfQEciVBDcsheGV1LdLjE/s1600/roll004.jpg" height="320" width="318" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Preview di browser maka ketika mouse kita berada diatas gambar maka akan segera berganti dengan gambar kedua. Dan ketika kita klik maka kan menuju halaman yag kita pilih tadi.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuBJpkXTyvH0pWwdTA_D9PfzwfgkaD6GfnB_sjl_BvEXoRdT8pB0gQV3TLEz9GTki5miLOjU90NzmDvc8NKdZFu7vUn9gvzO-QV7095xGudxzOtbH1HVxqxrEm3gNeyyiIT-wP0d0oC0c/s1600/roll005.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuBJpkXTyvH0pWwdTA_D9PfzwfgkaD6GfnB_sjl_BvEXoRdT8pB0gQV3TLEz9GTki5miLOjU90NzmDvc8NKdZFu7vUn9gvzO-QV7095xGudxzOtbH1HVxqxrEm3gNeyyiIT-wP0d0oC0c/s1600/roll005.jpg" height="320" width="291" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
OK <b><span style="color: red;">Dreamweaver Tutorial</span></b> tentang cara membuat Rollover Image dengan <b>Dreamweaver sudah selesai.. </b>Selamat mencoba</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br /></div>Anonymoushttp://www.blogger.com/profile/16335040056244279899noreply@blogger.com0tag:blogger.com,1999:blog-3536074107347728770.post-82066785673582868132014-05-22T05:39:00.001+07:002014-06-06T20:05:06.212+07:00Ping Blog atau situs kita dengan PINGOMATIC<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- webdinamis300250 -->
<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:250px"
data-ad-client="ca-pub-5372619584879557"
data-ad-slot="7029352388"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimv2IzZZCp5UYVatc7K0pG9x5lippovYHDkL5qqb0TrrNzm9MMEsebiMPe-Qhmn9LXV0FZHcGkqsZ6gV7qVrCK5QwIdCvbEToQ9D17mgsiALFXYc8yOxXN6XqsFy6ocgSYREW8_by5PNw/s1600/ping.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimv2IzZZCp5UYVatc7K0pG9x5lippovYHDkL5qqb0TrrNzm9MMEsebiMPe-Qhmn9LXV0FZHcGkqsZ6gV7qVrCK5QwIdCvbEToQ9D17mgsiALFXYc8yOxXN6XqsFy6ocgSYREW8_by5PNw/s1600/ping.jpg" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Menurut kamus wiki <b><i><span style="color: red;">Ping</span></i></b> adalah adalah sebuah program utilitas yang dapat digunakan untuk memeriksa konektivitas jaringan berbasis teknologi <i><b><span style="color: red;">Transmission Control Protocol/Internet Protocol</span></b></i> (TCP/ IP). Dengan menggunakan utilitas ini, dapat diuji apakah sebuah komputer terhubung dengan komputer lainnya. Hal ini dilakukan dengan mengirim sebuah paket kepada alamat <span style="color: red;"><b><i>IP</i></b></span> yang hendak diuji coba konektivitasnya dan menunggu respon darinya.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="text-align: start;"><b><i><span style="color: red;">Ping</span></i></b> itu bisa di ibaratkan sebagai kendaraan. Apa hubungannya dengan gambarkan Ping itu seperti “Kendaraan” ? Kendaraan tersebut akan menjemput artikel atau postingan terbaru kita dan mengantarkannya kerumah (database) <b><i>google</i></b>, <b><i>yahoo, bing, ask</i></b> dan search engine lainnya. Hebatnya angkutan umum (ping) mengantarkan artikel atau posting anda hanya dalam waktu 40 detik saja. Angkutan umum yang Super kilat.</span></div>
<div style="text-align: justify;">
<span style="text-align: start;"><br /></span></div>
<div style="text-align: justify;">
<span style="text-align: start;">Manfaat dan fungsi dari <b><i>ping</i></b> adalah dengan waktu yang singkat tersebut maka artikel yang kita posting akan langsung terbaca oleh Mbah <i><b>Google</b></i> dan <b><i><span style="color: red;">Search Engine</span></i></b> lainnya.</span></div>
<div style="text-align: justify;">
<span style="text-align: start;"><br /></span></div>
<div style="text-align: justify;">
<b style="text-align: start;"><br /></b></div>
<div style="text-align: justify;">
</div>
<div style="text-align: center;">
<b style="text-align: start;">Website Ping Service</b></div>
<br style="text-align: start;" /><span style="text-align: start;">Ada banyak website yang menyediakan ping service dari yang </span><b style="text-align: start;">FREE</b><span style="text-align: start;"> sampai yang </span><b style="text-align: start;">PREMIUM</b><span style="text-align: start;"> di antaranya sebagai berikut:</span><br style="text-align: start;" /><br style="text-align: start;" /><b style="text-align: start;">FREE</b><br style="text-align: start;" /><br style="text-align: start;" /><span style="text-align: start;">www.mypagerank.net/service_pingservice_index</span><br style="text-align: start;" /><span style="text-align: start;">www.pingmylink.com/submit/</span><br style="text-align: start;" /><span style="text-align: start;">freepingservice.com/</span><br style="text-align: start;" /><span style="text-align: start;">ping4free.com/</span><br style="text-align: start;" /><br style="text-align: start;" /><b style="text-align: start;">PREMIUM</b><br style="text-align: start;" /><br style="text-align: start;" /><span style="text-align: start;">pingler.com/</span><br style="text-align: start;" /><br style="text-align: start;" /><span style="text-align: start;">dan yang terahir dan yang saya </span><b style="text-align: start;">rekomendasikan</b><span style="text-align: start;"> pada anda sekaligus yang akan saya bahas kali ini yaitu:</span><br style="text-align: start;" /><br style="text-align: start;" /><span style="text-align: start;">pingomatic.com</span><br style="text-align: start;" /><br style="text-align: start;" /><span style="text-align: start;">kenapa saya merekomendasikan anda menggunakan pingomatic.com/ kenapa tidak yang lain yang saya sebutkan di atas ? Tentu saja Karena </span><b style="text-align: start;">pingomatic.com</b><span style="text-align: start;"> sendiri adalah bagian dari </span><b style="text-align: start;">WORDPRESS FOUNDATION</b><span style="text-align: start;"> yang mana sudah tidak diragukan lagi dan pastinya gratis heheh.. Berikut contoh submit blog di Pingomatic.com</span><br />
<div style="text-align: justify;">
<span style="text-align: start;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM1v33yqdz-g3nxt4wmI12zjYXU9JVHUAQ66XiQ_059y_RymDB-47wzFCPpQ8Am4kLOXYtHJZI4L56B4k19WDV2bc8hvCkkVpNANjTNkUFk8LWbyHsud43RsKVNxnJS2omgWMSLfs8wrc/s1600/pingo.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM1v33yqdz-g3nxt4wmI12zjYXU9JVHUAQ66XiQ_059y_RymDB-47wzFCPpQ8Am4kLOXYtHJZI4L56B4k19WDV2bc8hvCkkVpNANjTNkUFk8LWbyHsud43RsKVNxnJS2omgWMSLfs8wrc/s1600/pingo.jpg" height="320" width="273" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Setelah mengis form seperti gambar diatas silahkan submit. Selamat mencoba</div>
<div style="text-align: justify;">
<span style="text-align: start;"><br /></span></div>
</div>Anonymoushttp://www.blogger.com/profile/16335040056244279899noreply@blogger.com3tag:blogger.com,1999:blog-3536074107347728770.post-6592916489327903422014-05-15T23:10:00.002+07:002014-06-06T19:44:01.063+07:00Cara Membuat Direct Link Ke File Dari Google Drive<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;"><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- webdinamis300250 -->
<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:250px"
data-ad-client="ca-pub-5372619584879557"
data-ad-slot="7029352388"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg48HAcVhw8BpqTpvlvsOMQ3CnOD-NQ9DBRUPESDCcwu-rgwAql5oGYuEWtT-F3bHARaKeoB2lb4nl0cXCln1uB3Y7ettJtXjZ9nG7mZ-i1nxlYsWL4izU5wAyE402XgpaTmzut7bFhm0A/s1600/340225-google-drive.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg48HAcVhw8BpqTpvlvsOMQ3CnOD-NQ9DBRUPESDCcwu-rgwAql5oGYuEWtT-F3bHARaKeoB2lb4nl0cXCln1uB3Y7ettJtXjZ9nG7mZ-i1nxlYsWL4izU5wAyE402XgpaTmzut7bFhm0A/s1600/340225-google-drive.jpg" /></a></div>
<br />
<br />
Teman-teman bisa meng-upload hampir semua jenis file ke Google Drive, dari mulai dokumen, film, file zip, arsip dan sekaligus dapat berbagi file dengan orang lain dengan mudah.. Google Docs viewer cukup mampu membuat semua format populer termasuk file Photoshop dan gambar AutoCAD.<br />
<br />
Google Docs viewer adalah fitur yang berguna tapi kadang-kadang Anda mungkin ingin untuk memotong penampil built-in Google Docs dan memaksa browser untuk langsung men-download tanpa membukanya terlebih dahulu. Jadi misalnya jika pengguna memiliki Photoshop di komputer mereka, file PSD yang telah Anda bagikan melalui Google Drive akan terbuka di Photoshop, bukan di browser web mereka.<br />
<br />
Google Drive tidak menawarkan pilihan sederhana untuk membuat direct link ini, tetapi Anda dapat dengan mudah membuat link tersebut dengan sedikit memodifikasi URL. Berikut trik nya.<br />
<br />
Sebuah file host di Google Drive memiliki link bersama yang terlihat seperti ini:<br />
<br />
<blockquote class="tr_bq">
<pre style="-webkit-backface-visibility: hidden; -webkit-transition: background 200ms linear; background-attachment: scroll; background-color: #f9f9f9; background-image: none; background-position: 0px 0px; background-repeat: repeat repeat; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; font-family: Monaco, 'Courier New', Courier, monospace !important; font-size: 12px !important; line-height: 1.5 !important; margin-bottom: 2em !important; padding: 1em !important; transition: background 200ms linear; white-space: pre-wrap; word-wrap: break-word;"><i><span style="color: red;">https://drive.google.com/file/d/FILE_ID/edit?usp=sharing</span></i></pre>
</blockquote>
untuk merubah supaya bisa di download secara langsung maka copy file_id nya kemudian paste file_id ke link diawah ini<br />
<blockquote class="tr_bq">
<pre style="-webkit-backface-visibility: hidden; -webkit-transition: background 200ms linear; background-attachment: scroll; background-color: #f9f9f9; background-image: none; background-position: 0px 0px; background-repeat: repeat repeat; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; font-family: Monaco, 'Courier New', Courier, monospace !important; font-size: 12px !important; line-height: 1.5 !important; margin-bottom: 2em !important; padding: 1em !important; transition: background 200ms linear; white-space: pre-wrap; word-wrap: break-word;"><i><span style="color: red;">https://drive.google.com/uc?export=download&id=FILE_ID</span></i></pre>
</blockquote>
Selamat mencoba.. </div>Anonymoushttp://www.blogger.com/profile/16335040056244279899noreply@blogger.com0tag:blogger.com,1999:blog-3536074107347728770.post-39275359475233701752014-02-02T06:55:00.001+07:002014-06-06T20:05:24.956+07:00Backlink Gratis Untuk Situs Anda<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- webdinamis300250 -->
<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:250px"
data-ad-client="ca-pub-5372619584879557"
data-ad-slot="7029352388"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsaV7J7WxA2hHkZIV7TW4RvyfuGo1ZqNG1zi1xE1-gGFe_s_wi47LWqllhl1z3B_eSjUf4We2xCjYYvewLFcHYdt_blq4BXucYnJvZ78Zy_h8jV8tHphM2Uri_ESoftujCmQP6M5yXEaY/s1600/BACKLINK2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsaV7J7WxA2hHkZIV7TW4RvyfuGo1ZqNG1zi1xE1-gGFe_s_wi47LWqllhl1z3B_eSjUf4We2xCjYYvewLFcHYdt_blq4BXucYnJvZ78Zy_h8jV8tHphM2Uri_ESoftujCmQP6M5yXEaY/s1600/BACKLINK2.png" height="230" width="320" /></a></div>
<br />
Temen-teman setelah browsing dari berbagai situs dan forum akhirnya saya mengumpulkan list situs penyedia <span style="color: blue;"><b>backlink gratis</b></span>. Silahkan mencoba dan semoga bermanfaat<br />
<br />
<ol style="text-align: left;">
<li>Linksoar ( Gratis 46 <span style="color: blue;"><b>Backlink</b></span> ) bisa dibuka di "<span style="color: red;"><b><i>http://linksoar.com/index.php?ready</i></b></span>"</li>
<li><span style="color: blue;"><b>Backlinks</b></span> Auto Im (200k Backlinks) bisa dibuka di alamat "<span style="color: red;"><b><i>http://backlinks.auto-im.com/freepack/free.php</i></b></span>"</li>
<li><span style="color: blue;"><b>5000 Backlink</b></span> bisa dicoba di "<span style="color: red;"><b><i>http://www.tycoos.com/</i></b></span>"</li>
<li>Gratis <span style="color: blue;"><b>500 Backlink</b></span> bisa anda coba di "<span style="color: red;"><b><i>http://freebacklinktool.com/</i></b></span>"</li>
<li><span style="color: blue;"><b>2500 Backlink</b></span> bisa anda dapatkan dari situs ini "<span style="color: red;"><i><b>http://www.imtalk.org/cmps_index.php?pageid=IMT-Website-Submitter</b></i></span>"</li>
<li><span style="color: blue;"><b>15.000 Backlink Gratis</b></span> bisa anda coba di "<span style="color: red;"><b><i>http://www.indexkings.com/</i></b></span>"<br /></li>
</ol>
</div>Anonymoushttp://www.blogger.com/profile/16335040056244279899noreply@blogger.com3tag:blogger.com,1999:blog-3536074107347728770.post-19861693742219160932013-12-04T15:46:00.001+07:002014-06-06T20:05:44.129+07:00Dreamweaver Tutorial - Cara Membuat Restrict Access To Page<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- webdinamis300250 -->
<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:250px"
data-ad-client="ca-pub-5372619584879557"
data-ad-slot="7029352388"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
Hallo kali ini <b><i><span style="color: red;">Dreamweaver Tutorial</span></i></b> akan share tentang Cara Membuat <b>Restrict Access To Page</b>.Fungsi dari <span style="color: blue;"><b><i>Restrict Access</i></b></span> adalah untuk mencegah agar halaman tidak di shortcut, sebagai ilustrasi adalah ketika kita login dalam sebuah situs maka setelah kita login akan diarahkan ke suatu halaman tertentu. Misalkan kita masuk ke halaman <span style="color: red;"><b>login.php</b></span> , jika login kita sukses kita akan diarahkan ke <b><span style="color: red;">halaman-utama.php</span></b> sedangkan jika gagal akan diarahkan ke <span style="color: red;"><b>login-gagal.php</b></span>, untuk menghindari user langsung mengakses <span style="color: red;"><b>halaman-utama.php</b></span> maka dibuatlah fungsi <span style="color: blue;"><b><i>Restrict Access To Page</i></b></span> ini, sehingga semua user untuk mengakses <span style="color: red;"><b>halaman-utama.php</b></span> hanya lewat satu pintu yaitu halaman <span style="color: red;"><b>login.php.</b></span><br />
Oke langsung saja <b><i><span style="color: red;">Dreamweaver Tutorial - </span></i></b>untuk membuat fungsi <span style="color: blue;"><i><b>Restrict Access</b></i></span> ini, kita buat file baru yaitu <span style="color: red;"><b>akses-terbatas.php</b></span> yang berfungsi untuk menampilkan jika kita tidak berhak membuka <span style="color: red;"><b>halaman-utama.php</b></span> tanpa melakukan login terlebih dahulu. Isi dengan tulisan "<span style="color: #134f5c;"><b>Akses Terbatas</b></span>" seperti contoh gambar dibawah</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQymhSTDn9_GDpnCCY71b4PctCMU_znNV1d0nGd-kixTIwsrggHKn5vubI83hg9SJm5Sq8o0WHQmIjvTL3ZoUHv_d-q84rrZg5F029bO6u0Vr9GXcX1J_vAHQgT05oiKa33yLq3OtXP7A/s1600/RESTRICT005.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQymhSTDn9_GDpnCCY71b4PctCMU_znNV1d0nGd-kixTIwsrggHKn5vubI83hg9SJm5Sq8o0WHQmIjvTL3ZoUHv_d-q84rrZg5F029bO6u0Vr9GXcX1J_vAHQgT05oiKa33yLq3OtXP7A/s320/RESTRICT005.jpg" height="314" width="320" /></a></div>
<div style="text-align: justify;">
<br />
<br />
<br />
Selanjutnya buka <span style="color: red;"><b>halaman-utama.php</b></span>, kemudian klik menu <span style="color: blue;"><b>Insert</b></span> --> <b><span style="color: blue;">Data</span></b> --><span style="color: blue;"><b> User Authentication</b></span> --> <span style="color: blue;"><b>Restrict Access To Page</b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfGWgLvwK8iTdopmCwVyZ9xgE52FN984EHeVdKW_QFpThfWTLnRFL4yk95VVoeCSPh8Tx6PcI7Kp_8B0XnpdITzKjRTikXWf-IvPgUJU2O-WDtF-YRzJs1rUX9uHSWvz9yL0WNfQ9YxV0/s1600/RESTRICT.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfGWgLvwK8iTdopmCwVyZ9xgE52FN984EHeVdKW_QFpThfWTLnRFL4yk95VVoeCSPh8Tx6PcI7Kp_8B0XnpdITzKjRTikXWf-IvPgUJU2O-WDtF-YRzJs1rUX9uHSWvz9yL0WNfQ9YxV0/s320/RESTRICT.jpg" height="320" width="201" /></a></div>
<div style="text-align: justify;">
<br />
<br />
Sehingga akan muncul tampilan seperti gambar dibawah, Pilih <span style="color: blue;"><b>Restrict Based On</b></span> dengan Opsi <span style="color: blue;"><b>Username and Password</b></span>, selanjutnya pada opsi <span style="color: blue;"><b>If Access Denied Go To</b></span> pilih file <span style="color: red;"><b>akses-terbatas.php</b></span> yang telah kita buat sebelumnya. Selajutnya klik <span style="color: blue;"><b>OK</b></span> </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSeJ1O-_UGxdj4ijGAyETsBBxVcDN6dFhJNHCmI0L9iEJ8TaRS719vl4b8PI6EAQ_wfsXCLwx3K0DGwD0_xytezZ0deKNsKNkufGhBLcQ6Pf1wVkiV9hnk8-EBpf8XoTNhTpv2uW2L2sQ/s1600/RESTRICT002.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSeJ1O-_UGxdj4ijGAyETsBBxVcDN6dFhJNHCmI0L9iEJ8TaRS719vl4b8PI6EAQ_wfsXCLwx3K0DGwD0_xytezZ0deKNsKNkufGhBLcQ6Pf1wVkiV9hnk8-EBpf8XoTNhTpv2uW2L2sQ/s320/RESTRICT002.jpg" height="144" width="320" /></a></div>
<div style="text-align: justify;">
<br />
<br />
Selanjutnya klik menu <span style="color: blue;"><b>Insert </b></span>--> <span style="color: blue;"><b>Data</b></span> --> <span style="color: blue;"><b>User Authentication</b></span> --> <span style="color: blue;"><b>Log Out User</b></span> seperti tampilan gambar dibawah</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhctzPsF2SpMy602xNGJeWbeSu2Zi3KOKrpFqdVsN4yAZ1exhVIEZhz6AWzvUoC5Ro4pK4sqzV9krcH-P-NchSQ9nkydqm9XwKYVTr2lAk2cWGNgnxCLJtb8-iQZjMg5B3w1lXQXMOg86s/s1600/RESTRICT003.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhctzPsF2SpMy602xNGJeWbeSu2Zi3KOKrpFqdVsN4yAZ1exhVIEZhz6AWzvUoC5Ro4pK4sqzV9krcH-P-NchSQ9nkydqm9XwKYVTr2lAk2cWGNgnxCLJtb8-iQZjMg5B3w1lXQXMOg86s/s320/RESTRICT003.jpg" height="320" width="215" /></a></div>
<div style="text-align: justify;">
<br />
<br />
Pilih <span style="color: blue;"><b>Log Out When</b></span> dengan opsi Link Clicked “<span style="color: blue;"><b>Log Out</b></span>” dan isi <span style="color: blue;"><b>When Done Go To</b></span> dengan file <span style="color: red;"><b>login.php</b></span> selanjutnya klik <span style="color: blue;"><b>OK</b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEO-gpq4N0jF91-Vsk8sV5bDnwP-T9PZRqC23EPPAK-oTKBbx4mz9jh4q3ueaU65RtGgozLCEQVk2OEZU9AE2KFso3GXISThtaRR1oKjacJuieVSIargW8HCaU6FpkwbWmrApBtQ-UlUw/s1600/RESTRICT004.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEO-gpq4N0jF91-Vsk8sV5bDnwP-T9PZRqC23EPPAK-oTKBbx4mz9jh4q3ueaU65RtGgozLCEQVk2OEZU9AE2KFso3GXISThtaRR1oKjacJuieVSIargW8HCaU6FpkwbWmrApBtQ-UlUw/s320/RESTRICT004.jpg" height="105" width="320" /></a></div>
<br />
<div style="text-align: justify;">
<br />
Segera Save dan test di browser anda dengan memulai dari halaman login.php. OK <b style="color: red;">Dreamweaver Tutorial </b>tentang<b style="color: red;"> </b>Cara Membuat Restrict Access To Page telah selesai. Selamat Mencoba</div>
</div>Anonymoushttp://www.blogger.com/profile/16335040056244279899noreply@blogger.com2tag:blogger.com,1999:blog-3536074107347728770.post-22583315080722565112013-11-30T14:41:00.000+07:002014-06-06T20:05:58.068+07:00Dreamweaver Tutorial - Cara Membuat Update Page Berbasis PHP Dengan Dreamweaver<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- webdinamis300250 -->
<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:250px"
data-ad-client="ca-pub-5372619584879557"
data-ad-slot="7029352388"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<div dir="ltr" style="text-align: left;" trbidi="on">
Apa kabar semua..?? <b><span style="color: red;">Dreamweaver Tutorial</span></b> Kali ini akan menshare tutorial tentang <b>Cara Membuat Update Page Berbasis PHP Dengan Dreamweaver</b> .. oke langsung aja ya..<br />
<br />
Buatlah 3 buah file yaitu <span style="color: blue;"><b>data.php</b></span> ,<b><span style="color: blue;"> update.php</span></b> dan <b><span style="color: blue;">update-sukses.php</span></b> dan disimpan di folder dalam webserver , disini kita simpan pada folder <b><span style="color: red;"><i>c:/xampp/htdocs/belajar</i></span></b>. Seperti gambar di bawah. <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT7W7YUFVRQ9tnZ9Ve7Ux9259exzfN1KnVik9Uaasb_cbj0jQLie1Iolt7TR0ZswK8nsOBXhSW8nxUPPlGDodTvYyP7PRTqg5eNloM7efkwg6iEhgBiXlg0V8idQwmoWFfYcBaMitgVdg/s1600/update003.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT7W7YUFVRQ9tnZ9Ve7Ux9259exzfN1KnVik9Uaasb_cbj0jQLie1Iolt7TR0ZswK8nsOBXhSW8nxUPPlGDodTvYyP7PRTqg5eNloM7efkwg6iEhgBiXlg0V8idQwmoWFfYcBaMitgVdg/s320/update003.jpg" height="260" width="320" /></a></div>
<br />
<br />
Selanjutnya buka <b><span style="color: blue;">data.php</span></b>, buatlah recordset beri nama “<span style="color: red;"><b>Data</b></span>” pilih koneksi yang telah kita buat sebelumnya dan pilih table “<span style="color: red;"><b>USR</b></span>” sebagai table yang datanya yang ingin ditampilkan.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuEEdg-YGeC2wYtMoxci3SvGq1CMZxO9Q1v5s9yq8Bn_BtaNUmLInf0ZsGxlsvP1XQDzq2CpFMErRUiOkjLtEdZ_4yFwKNxhhALiI0X5kGOsPL8D4ixg40bSkpUuSAofZ0QLCx10EcCz8/s1600/update.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuEEdg-YGeC2wYtMoxci3SvGq1CMZxO9Q1v5s9yq8Bn_BtaNUmLInf0ZsGxlsvP1XQDzq2CpFMErRUiOkjLtEdZ_4yFwKNxhhALiI0X5kGOsPL8D4ixg40bSkpUuSAofZ0QLCx10EcCz8/s320/update.jpg" height="234" width="320" /></a></div>
<br />
<br />
Selanjutnya klik menu <span style="color: red;"><b>Data</b></span> --> <span style="color: red;"><b>Dynamic Data</b></span> --> <span style="color: red;"><b>Dynamic Table</b></span> untuk menampilkan data pada halaman web<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAK387p-nc4q9ApcHWlxQ-pMTNsNfOyw1_KgTXW682Y32rlyagzJDpwvhYZHbQdTvHuF-8eSWwBILVT74HMnsLTFv3EICbyyGbhpkkuZDVLjhqEMVuemTi2VdJ9IbbbeWwFUSnPgjJmIg/s1600/update004.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAK387p-nc4q9ApcHWlxQ-pMTNsNfOyw1_KgTXW682Y32rlyagzJDpwvhYZHbQdTvHuF-8eSWwBILVT74HMnsLTFv3EICbyyGbhpkkuZDVLjhqEMVuemTi2VdJ9IbbbeWwFUSnPgjJmIg/s1600/update004.jpg" /></a></div>
<br />
<br />
<br />
Selanjutnya akan muncul tampilan seperti gambar berikut, pilih recordset yang ingin ditampilkan kemudian ada 2 opsi yaitu “<span style="color: blue;"><b>Show</b></span>” dan “<b><span style="color: blue;">All Records</span></b>” disini fungsi “<span style="color: blue;"><b>All Records</b></span>” yaitu menampilkan semua record dalam suatu table. Jika jumlah record ratusan atau bahkan ribuan lebih baik kita memilih opsi “<span style="color: blue;"><b>Show</b></span>” kemudian isi dengan jumlah record yang ingin kita tampilkan dalam satu tampilan halaman. Klik OK<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXYD3CinmIzXqFn6sUmcMD6X9xiu2JlD1-IWnRIW5OxjAuG_FGF-5rqaz0XjsqjgLpg_I_qLKMCFI_elMK4OfsAeJiw6pVy-KQEOrYUbUtzreb1DQo_b0x-xSWxIDc9ufL5s9p6W2qQhA/s1600/update005.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXYD3CinmIzXqFn6sUmcMD6X9xiu2JlD1-IWnRIW5OxjAuG_FGF-5rqaz0XjsqjgLpg_I_qLKMCFI_elMK4OfsAeJiw6pVy-KQEOrYUbUtzreb1DQo_b0x-xSWxIDc9ufL5s9p6W2qQhA/s320/update005.jpg" height="205" width="320" /></a></div>
<br />
<br />
<br />
<br />
Hasilnya akan muncul tampilan seperti gambar di bawah. Tambahi 2 kolom sebelah kanan yang nantinya berfungsi untuk melakukan update. Disini saya tambahi kolom “<span style="color: blue;"><b>DATA</b></span>” yang berisi menu untuk “<span style="color: blue;"><b>Update</b></span>” dan “<span style="color: blue;"><b>Delete</b></span>”<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheOebWlI4orWmoW4P29nXh0XJMKGcKvwOYPfqoRkQti8cp7sNUPE5L3gsrHEBVY_MURwAdQY-ByQQsmm5gmsRMBXu1JP6C4iUKoqoLb3xNydUgAvVY977JfHVTvIsrBldY3TVrE872g4E/s1600/update002.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheOebWlI4orWmoW4P29nXh0XJMKGcKvwOYPfqoRkQti8cp7sNUPE5L3gsrHEBVY_MURwAdQY-ByQQsmm5gmsRMBXu1JP6C4iUKoqoLb3xNydUgAvVY977JfHVTvIsrBldY3TVrE872g4E/s320/update002.jpg" height="74" width="320" /></a></div>
<br />
Blok menu “<span style="color: blue;"><b>Update</b></span>” dan pada Properties Link nya browse file <b><span style="color: blue;">Update.php</span></b> yang akan dijadikan link halaman untuk update. Setelah memilih file <span style="color: blue;"><b>Update.php</b></span>, klik “<b><span style="color: blue;">Parameters</span></b>”<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR9yDAn_mk88j6ww9gQOjynxHazii9A6aa0RhxfUeaFxqvxDDn2-MOCyCITMXoFbsHE0wVdbYlLOkoNKnTqlXYW79i1ZsBUeg1sOfR0jpqmFhOrCkSlaXrH9RJb5B_8McKJxB_F7UKpi4/s1600/update006.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR9yDAn_mk88j6ww9gQOjynxHazii9A6aa0RhxfUeaFxqvxDDn2-MOCyCITMXoFbsHE0wVdbYlLOkoNKnTqlXYW79i1ZsBUeg1sOfR0jpqmFhOrCkSlaXrH9RJb5B_8McKJxB_F7UKpi4/s320/update006.jpg" height="309" width="320" /></a></div>
<br />
<br />
<br />
<br />
Isi “<span style="color: blue;"><b>Name</b></span>” dengan nama parameter yang diinginkan, disini saya beri nama “<b><span style="color: red;">ID</span></b>” , selanjutnya pada klik pada “<span style="color: red;"><b>Value</b></span>” dan pilih Field <span style="color: red;"><b>ID</b></span> sebagai value nya. Selanjutnya klik <span style="color: red;"><b>OK</b></span> dan sekali lagi pilih <b><span style="color: red;">OK</span></b> sampai Link Properties nya menutup, sehingga tampilan seperti gambar dibawah. <br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnxBUZA1TiPi4n-apthyphenhyphenEy5RytAE4HvblnzoJLg3gZ85bXE_viEuhq_jLlaF2d74QTrlf3RBPHCpM1R38l4NiMuFpRUMXPPw60wQmcZmFlX-Eos7yeL4uM9tBaO0ASSHqdKp_LnYR2UwY/s1600/update008.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnxBUZA1TiPi4n-apthyphenhyphenEy5RytAE4HvblnzoJLg3gZ85bXE_viEuhq_jLlaF2d74QTrlf3RBPHCpM1R38l4NiMuFpRUMXPPw60wQmcZmFlX-Eos7yeL4uM9tBaO0ASSHqdKp_LnYR2UwY/s320/update008.jpg" height="151" width="320" /></a></div>
<br />
<br />
<br />
Coba priview di browser dengan menekan <span style="color: red;"><b>F12</b></span> sehingga tampilan seperti gambar dibawah<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4C5StCxXjDB1mVOl_7c40f6TcePiyZ3u6oaDqbeRrrRfFgRHYTO8OiE2dYEanjhig0PTer4X7L9qgfsJ7TQmeZ526AMmGqF2RXKTTBXeKNoCT6VqCZlxM4uIX3Z66NSnbpBJw5fJTvlQ/s1600/update013.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4C5StCxXjDB1mVOl_7c40f6TcePiyZ3u6oaDqbeRrrRfFgRHYTO8OiE2dYEanjhig0PTer4X7L9qgfsJ7TQmeZ526AMmGqF2RXKTTBXeKNoCT6VqCZlxM4uIX3Z66NSnbpBJw5fJTvlQ/s320/update013.jpg" height="170" width="320" /></a></div>
<br />
<br />
Selanjutnya buka file <b><span style="color: blue;">update.php</span></b> , buat recordset dengan memilih Table “<span style="color: red;"><b>USR</b></span>” sebagai table yang akan di edit. Beri nama recordsetnya dengan nama bebas, pilih koneksi dan table yang akan dipakai. Selanjutnya pada “<span style="color: red;"><b>Filter</b></span>” pilih Field yang digunakan sebagai parameter yang telah kita buat sebelumnya. Disini kita pilih “<span style="color: red;"><b>ID</b></span>” dan “<b><span style="color: red;">URL Parameter</span></b>” juga diisi dengan “<span style="color: red;"><b>ID</b></span>” kemudian klik <span style="color: blue;"><b>OK</b></span>.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidv98yRlXsiuToZFbeolDArArhmtkr1obDhWNZCP3d4vb_ZMc1TVcn6W1Fiwng4Dx76B_gZElIiWNxi22VTXPzxgk8vydoDGq9q-szRR7inSDGrKzZEVck9AKDq614SCobHUmSPK1zdZE/s1600/update015.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidv98yRlXsiuToZFbeolDArArhmtkr1obDhWNZCP3d4vb_ZMc1TVcn6W1Fiwng4Dx76B_gZElIiWNxi22VTXPzxgk8vydoDGq9q-szRR7inSDGrKzZEVck9AKDq614SCobHUmSPK1zdZE/s320/update015.jpg" height="234" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
<br />
<br />
Setelah kita membuat recordset, selanjutnya pilih menu <span style="color: red;"><b>Data</b></span> --> <span style="color: red;"><b>Update Record</b></span> -->dan <span style="color: red;"><b>Record Update Form Wizard</b></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsZIg7XvBfBXNC4Ml_1ftLPncID_2FfCx5S_8tOzrZJN7vWu4ADmfyDtiCDAqZZN_lCzTDmiuHvjwSV3VuLaUQwMyRKxiQ6ViB4_FwNpwF9kdX_vzEinB304tD-0xNcgnnuEn9brK7aBE/s1600/update016.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsZIg7XvBfBXNC4Ml_1ftLPncID_2FfCx5S_8tOzrZJN7vWu4ADmfyDtiCDAqZZN_lCzTDmiuHvjwSV3VuLaUQwMyRKxiQ6ViB4_FwNpwF9kdX_vzEinB304tD-0xNcgnnuEn9brK7aBE/s1600/update016.jpg" /></a></div>
<br />
<br />
<br />
Selanjutnya akan muncul tampilan seperti gambar berikut di bawah. Isi “<b><span style="color: red;">Connection</span></b>” dengan pilihan koneksi yang telah kita buat, selanjutnya “<span style="color: red;"><b>Table To Update</b></span>” isi dengan opsi Tabel yang akan kita update. “<span style="color: red;"><b>Select Record From</b></span>” isi dengan recordset yang telah kita buat. “<span style="color: red;"><b>Unique Key Column</b></span>” isi dengan Parameter yang kita buat sebelumnya yaitu <span style="color: blue;"><b>ID</b></span>. Setelah itu “<span style="color: red;"><b>After Updating Go To</b></span>” browse file untuk memilih halaman yang akan kita tuju ketika berhasil melakukan update record. Selanjutnya klik “<span style="color: blue;"><b>OK</b></span>”<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLOmk1w3obUSjONjGeGFOz5Mc9l9fO1yT3SIhwF-KZghRlXQAwdB_z8xA_fDR-DlFOkQKxjAlpbZS6u0q8czQ9MRwd7ngfFqLDu1mEJU_6dNo7RUWpYhdjojgjQZX0Ud9EMZppiDIdaFo/s1600/update018.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLOmk1w3obUSjONjGeGFOz5Mc9l9fO1yT3SIhwF-KZghRlXQAwdB_z8xA_fDR-DlFOkQKxjAlpbZS6u0q8czQ9MRwd7ngfFqLDu1mEJU_6dNo7RUWpYhdjojgjQZX0Ud9EMZppiDIdaFo/s320/update018.jpg" height="225" width="320" /></a></div>
<br />
<br />
<br />
Setelah melakukan langkah seperti gambar diatas maka akan muncul hasil seperti gambar di bawah.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVLybUAi-ENvDZMNISUHx-yyYFjBH_qLLDv81xkrNQePXTyjBU0odIU2HIUvX93_nuRbLYLoGwe_DVnQe-8ay-dDqp9yT-n3fCoa2aVSBg4VyczTzOBZGvr3KCXGLiONUUJJUDQfaqO6Y/s1600/update019.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVLybUAi-ENvDZMNISUHx-yyYFjBH_qLLDv81xkrNQePXTyjBU0odIU2HIUvX93_nuRbLYLoGwe_DVnQe-8ay-dDqp9yT-n3fCoa2aVSBg4VyczTzOBZGvr3KCXGLiONUUJJUDQfaqO6Y/s320/update019.jpg" height="69" width="320" /></a></div>
<br />
<br />
Selanjutnya langkah terakhir yaitu membuka file update-sukses.php. Klik menu <span style="color: red;"><b>Insert </b></span>--> <span style="color: red;"><b>HTML</b></span> --> <span style="color: red;"><b>Head Tags</b></span> --><span style="color: red;"><b> Refresh</b></span> seperti contoh dibawah<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioruQX4LcEFMeixPUt7NH6xe4BsO5CxVEXOUHjJC7ljVQKGnXi1OTt40pK3FbvxOc4ONl70ovEHWE4AkrqLiXVDLAL0XhF7Scres2cpPZsjOk2Q70q33GEfqSrb6tduOtVTrv-uVpur08/s1600/INSERT007.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioruQX4LcEFMeixPUt7NH6xe4BsO5CxVEXOUHjJC7ljVQKGnXi1OTt40pK3FbvxOc4ONl70ovEHWE4AkrqLiXVDLAL0XhF7Scres2cpPZsjOk2Q70q33GEfqSrb6tduOtVTrv-uVpur08/s320/INSERT007.jpg" height="320" width="316" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGnduy5uDFrmpxMTUxDMQIO4EZzzvrBbhP53wASepacldFp8KWf786C-IfXgbng_s5hYTPiqAWAgD05OmHtyQrkdQgpLj7iKqM3jrVwAUtHv8tbp8KTuWr-ThWzlZpm13SKUj_CMgq_R4/s1600/update020.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /></a></div>
<br />
<br />
Isi “<span style="color: red;"><b>Delay</b></span>” dengan waktu yang diinginkan selanjutnya klik “<span style="color: red;"><b>OK</b></span>” , langkah ini berfungsi merefresh halaman dan men redirect ke halaman yang akan kita tuju yaitu <span style="color: blue;"><b>data.php</b></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGnduy5uDFrmpxMTUxDMQIO4EZzzvrBbhP53wASepacldFp8KWf786C-IfXgbng_s5hYTPiqAWAgD05OmHtyQrkdQgpLj7iKqM3jrVwAUtHv8tbp8KTuWr-ThWzlZpm13SKUj_CMgq_R4/s1600/update020.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGnduy5uDFrmpxMTUxDMQIO4EZzzvrBbhP53wASepacldFp8KWf786C-IfXgbng_s5hYTPiqAWAgD05OmHtyQrkdQgpLj7iKqM3jrVwAUtHv8tbp8KTuWr-ThWzlZpm13SKUj_CMgq_R4/s320/update020.jpg" height="125" width="320" /></a></div>
<br />
<br />
Ok sekarang saatnya mengetest halaman yang telah kita buat. Buka alamat <span style="color: red;"><b>http://localhost/belajar/data.php</b></span> sehingga muncul seperti gambar dibawah. Klik menu “<span style="color: blue;"><b>UPDATE</b></span>” yang akan me redirect ke halaman <span style="color: blue;"><b>update.php</b></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz4blATULCq96pOInO6ZJXnHFBqYvmLLTn1KitBxAHozSgAqtxv8-twj-_IbEyy509iGQGX8lY8gYV1omFthbB23bVPJQVdyqkeqDg53OPRMOqbyPJvTXi7hOM9-SdXdzJc5gJjjTMFGg/s1600/update021.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz4blATULCq96pOInO6ZJXnHFBqYvmLLTn1KitBxAHozSgAqtxv8-twj-_IbEyy509iGQGX8lY8gYV1omFthbB23bVPJQVdyqkeqDg53OPRMOqbyPJvTXi7hOM9-SdXdzJc5gJjjTMFGg/s320/update021.jpg" height="101" width="320" /></a></div>
<br />
<br />
Silahkan update sesuai dengan data yang diinginkan, kemudian klik “<span style="color: blue;"><b>Update Record</b></span>” yang akan menuju halaman<span style="color: blue;"><b> update-sukses.php</b></span> dan me redirect kembali ke halaman <span style="color: blue;"><b>data.php</b></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbiVz9tVj_Wzzj5oET1Ex5vRDn8qtaWkCXJejnr-LxT54BoXSr0ol7f_GSFZvXoORxeQlFcuwTX1PdLmMKP8HuqKc8iHc3o7JIR48le8IB4Pc5d8banCtXhhQRM6ybYrrMiCgr1ayiRMY/s1600/update022.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbiVz9tVj_Wzzj5oET1Ex5vRDn8qtaWkCXJejnr-LxT54BoXSr0ol7f_GSFZvXoORxeQlFcuwTX1PdLmMKP8HuqKc8iHc3o7JIR48le8IB4Pc5d8banCtXhhQRM6ybYrrMiCgr1ayiRMY/s320/update022.jpg" height="105" width="320" /></a></div>
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxb-Bb9nVY1gSPqUyMtwKfJgXZXvLyYePVoL-XvkvyLRVB_9honqPcQpArgwao7sjjvKT8G4OCMeq_LQg3reE2fi6uhXQXj4nWIN2Gr3n7AGaawbkh4v5RyzhGhd-EM13JRQRwJQeQsZI/s1600/update023.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxb-Bb9nVY1gSPqUyMtwKfJgXZXvLyYePVoL-XvkvyLRVB_9honqPcQpArgwao7sjjvKT8G4OCMeq_LQg3reE2fi6uhXQXj4nWIN2Gr3n7AGaawbkh4v5RyzhGhd-EM13JRQRwJQeQsZI/s320/update023.jpg" height="121" width="320" /></a></div>
<br />
<br />
<br />
<br />
<br />
OK <b><i><span style="color: red;">Dreamweaver Tutorial</span></i></b> - <b>Cara Membuat Update Page Berbasis PHP Dengan Dreamweaver telah selesai .</b> SELAMAT MENCOBA DAN SEMOGA BERHASIL.. </div>Anonymoushttp://www.blogger.com/profile/16335040056244279899noreply@blogger.com0tag:blogger.com,1999:blog-3536074107347728770.post-69845732280314006782013-11-11T14:06:00.000+07:002014-06-06T20:10:23.426+07:00Dreamweaver Tutorial - Cara Membuat Insert Page Berbasis PHP Dengan Dreamweaver<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- webdinamis300250 -->
<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:250px"
data-ad-client="ca-pub-5372619584879557"
data-ad-slot="7029352388"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
Wokeyy kali ini <b><span style="color: red;">Dreamweaver Tutorial</span></b> akan sharing tentang <b><i>cara membuat Insert Page berbasis PHP dengan Dreamweaver</i></b> .. langsung saja..</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Buatlah 2 buah file yaitu <span style="color: blue;"><b>Insert.php</b></span> dan <span style="color: blue;"><b>Insert-sukses.php</b></span> selanjutnya buka file <span style="color: blue;"><b>Insert-sukses.php</b></span> dengan <span style="color: red;"><b>Dreamweaver</b></span> berilah tulisan "<span style="color: blue;"><b>Insert Berhasil</b></span>" dan berikan <b><span style="color: red;">Head Tags</span></b> berupa <span style="color: red;"><b>Refresh</b></span> yang berfungsi untuk merefresh kembali halaman ketika proses Insert berhasil atau tidak.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5bYFSa1xB0rmyj-9bxvSFtkgBxGLIFTZJmVz9goSUJHkiodpyLtb01jJIoeY5qQLxGwcNcLBaX_iWQQ2l2hyphenhyphenupVxbJC5j388dY3zduAC9ugmulzsPST30KEG_ZEb_13F7qGSKfZBfvxc/s1600/INSERT007.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5bYFSa1xB0rmyj-9bxvSFtkgBxGLIFTZJmVz9goSUJHkiodpyLtb01jJIoeY5qQLxGwcNcLBaX_iWQQ2l2hyphenhyphenupVxbJC5j388dY3zduAC9ugmulzsPST30KEG_ZEb_13F7qGSKfZBfvxc/s320/INSERT007.jpg" height="320" width="316" /></a></div>
<br />
Setelah memastikan koneksi telah siap, segera buat Recordset<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQinLIZPlUS92IhHsu1T1h61D2jRFWtTOJyR6qFn6fOzqjSQ2P0k0irIuIssYER8_gLwGwwBgCIe8gMAAnexOakUUenkA2QiPcF1VpeLXelUfFnK5MtzqFfVZrXrrYAyiE_pZoDeC2D5I/s1600/INSERT002.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQinLIZPlUS92IhHsu1T1h61D2jRFWtTOJyR6qFn6fOzqjSQ2P0k0irIuIssYER8_gLwGwwBgCIe8gMAAnexOakUUenkA2QiPcF1VpeLXelUfFnK5MtzqFfVZrXrrYAyiE_pZoDeC2D5I/s1600/INSERT002.jpg" /></a></div>
<div style="text-align: justify;">
Beri nama bebas ( Disini kita namakan recordsetnya dengan nama "Insert") , pilih <span style="color: blue;"><b>Connection</b></span> nya dan pilih tabel yang akan di Insert, selanjutnya klik OK</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijn5MfEci6ezJ7DX6Nyhe8Qkc6T9qc2sAVb1KN39y3cG47YYu04m17BM67qjDtHE4k_j5EefiIxR6x2wtasr_Qn7FBhMVmn7BKzPb0xa1jSXBN1pWBEre1CcW7wtSWnkAIeUvMVbZdIYo/s1600/INSERT003.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijn5MfEci6ezJ7DX6Nyhe8Qkc6T9qc2sAVb1KN39y3cG47YYu04m17BM67qjDtHE4k_j5EefiIxR6x2wtasr_Qn7FBhMVmn7BKzPb0xa1jSXBN1pWBEre1CcW7wtSWnkAIeUvMVbZdIYo/s320/INSERT003.jpg" height="234" width="320" /></a></div>
<div style="text-align: justify;">
Setelah Recordset telah siap untuk membuat Insert Page kita klik menu <span style="color: red;"><b>Insert</b></span> --> <span style="color: red;"><b>Data</b></span> --> <span style="color: red;"><b>Insert Record</b></span> --> <span style="color: red;"><b>Record Insertion From Wizard</b></span></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho3zbtAViatBgLxkqKMJFKuduUQl4GdfwR9aCkszxU5LpX6BpnmMiKZfgp4OR_SXUMFT-MKFnOM57V2XFUIAKu0Hn7viNmDVOaGt_I1gbvAAdg5tsM5UdE0-On6kHAWTuXgbqOKrLT1tM/s1600/INSERT006.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho3zbtAViatBgLxkqKMJFKuduUQl4GdfwR9aCkszxU5LpX6BpnmMiKZfgp4OR_SXUMFT-MKFnOM57V2XFUIAKu0Hn7viNmDVOaGt_I1gbvAAdg5tsM5UdE0-On6kHAWTuXgbqOKrLT1tM/s1600/INSERT006.jpg" /></a></div>
<div style="text-align: justify;">
Sehingga muncul seperti gambar di bawah, pilih <span style="color: red;"><b>Connection</b></span> serta <span style="color: red;"><b>tabel</b></span> nya dan isi opsi <span style="color: red;"><b>After Inserting Go To</b></span> dengan memilih file <span style="color: blue;"><b>Insert-sukses.php</b></span> selanjutnya klik <span style="color: red;"><b>OK</b></span></div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj63kNNIYiozHTAxLXKUwYjAJO9Xh0rGbj7ydK_qG5NrotnbNyFIcz0JXWYcnYFwz3fEcZW9saXxy535OgWF-MdTdhyphenhyphensjGfwa54EnrNMAerrX3CrkPFGlLG3_ac5rZkcPenVIfP6l75iAA/s1600/INSERT009.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj63kNNIYiozHTAxLXKUwYjAJO9Xh0rGbj7ydK_qG5NrotnbNyFIcz0JXWYcnYFwz3fEcZW9saXxy535OgWF-MdTdhyphenhyphensjGfwa54EnrNMAerrX3CrkPFGlLG3_ac5rZkcPenVIfP6l75iAA/s320/INSERT009.jpg" height="211" width="320" /></a></div>
Setelah kita melakukan langkah diatas maka hasilnya seperti gambar dibawah.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8CbAHn6uwoPKepB70AnuofF_PE8CDVF6nRtmXBkp3JDr3AVB0NAPM1XW-XZBx7aihHFb9HscC0rC2K2y_asFwh-GnTt7lom6_fJ5lIrWwuGnHkyjm0A3Dxh9T-dJX7oBgQe8Com_z4wE/s1600/INSERT010.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8CbAHn6uwoPKepB70AnuofF_PE8CDVF6nRtmXBkp3JDr3AVB0NAPM1XW-XZBx7aihHFb9HscC0rC2K2y_asFwh-GnTt7lom6_fJ5lIrWwuGnHkyjm0A3Dxh9T-dJX7oBgQe8Com_z4wE/s320/INSERT010.jpg" height="62" width="320" /></a></div>
<div style="text-align: justify;">
Silahkan Priview di browser dengan mengetik alamat <span style="color: #38761d;"><b>http://localhost/belajar/insert.php</b></span> atau tekan <span style="color: blue;"><b>F12</b></span> sehingga muncul halaman seperti gambar di bawah.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL_q8dDOLddor_pXiUDJcf11Ne1Vl9l4Kz1UUjquCl2kLI-ZqZhUVLVi7rfWIJSVAdhsezd8R5yyGhqa4nc6JidyCqkUw4dsXGXjs3EHKRdmaCF1klM3gpN2F5uuW05ReJCIKshN_rQhY/s1600/INSERT011.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL_q8dDOLddor_pXiUDJcf11Ne1Vl9l4Kz1UUjquCl2kLI-ZqZhUVLVi7rfWIJSVAdhsezd8R5yyGhqa4nc6JidyCqkUw4dsXGXjs3EHKRdmaCF1klM3gpN2F5uuW05ReJCIKshN_rQhY/s320/INSERT011.jpg" height="116" width="320" /></a></div>
<br />
OK .. <b><span style="color: red;">Dreamweaver Tutorial</span></b> tentang <i><b>Cara Membuat Insert Page Berbasis PHP Dengan Dreamweaver</b></i> akhirnya selesai ..Selamat Mencoba<br />
</div>Anonymoushttp://www.blogger.com/profile/16335040056244279899noreply@blogger.com0tag:blogger.com,1999:blog-3536074107347728770.post-89308661274033492112013-11-10T16:47:00.000+07:002014-06-06T20:10:08.379+07:00Dreamweaver Tutorial - Cara membuat Login Page berbasis PHP engan Dreamweaver
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- webdinamis300250 -->
<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:250px"
data-ad-client="ca-pub-5372619584879557"
data-ad-slot="7029352388"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHZ681If4uWYa_OKMp6faWSEfv21JpSGnJhfLruNQ99VHfxsV2Lmoe-9-fODVG3yGQ3SK2Fk35OOflP6L0A4NNbpT681EzDUBV_sSvO-1vPHJUVsZrY4vQNf6q_QvWMBONWwNS2ZKbXGY/s1600/LOGIN016.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /></a></div>
<div style="text-align: justify;">
<br />
Kali ini <b><span style="color: red;">Dreamweaver Tutorial</span></b> akan share tentang <b>Cara membuat Login Page berbasis PHP dengan Dreamweaver. </b>Hal Pertama yang harus kita siapkan adalah memastikan Webserver sudah terinstall ( Disini penulis memakai XAMPP sebagai webserver) selanjutnya buat folder ”<span style="color: blue;"><b>Belajar</b></span>” di <b><span style="color: red;"><i>c:/xampp/htdocs</i></span></b> untuk menyimpan file.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3vAdZea4H55aMGWEV08GuyMNLhrHTj9TcfUAOT1h-AROGzlfX1REqw7nGeZQ_Pg9pNXsS4d7rvjnU-H2AVVnt7Nxafn0fdB-GfEwoWBLyroYFPuL0u2UKuLNc5kpcSmajA8r1lvFFOSI/s1600/LOGIN015.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHZ681If4uWYa_OKMp6faWSEfv21JpSGnJhfLruNQ99VHfxsV2Lmoe-9-fODVG3yGQ3SK2Fk35OOflP6L0A4NNbpT681EzDUBV_sSvO-1vPHJUVsZrY4vQNf6q_QvWMBONWwNS2ZKbXGY/s1600/LOGIN016.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHZ681If4uWYa_OKMp6faWSEfv21JpSGnJhfLruNQ99VHfxsV2Lmoe-9-fODVG3yGQ3SK2Fk35OOflP6L0A4NNbpT681EzDUBV_sSvO-1vPHJUVsZrY4vQNf6q_QvWMBONWwNS2ZKbXGY/s320/LOGIN016.jpg" height="320" width="260" /></a></div>
<div style="text-align: justify;">
<br />
<br />
<br />
Buka database dengan Phpmyadmin atau ketik <span style="color: red;"><b><i>http://localhost/phpmyadmin</i></b></span>, pada browser anda selanjutnya masukan username dan password database.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3vAdZea4H55aMGWEV08GuyMNLhrHTj9TcfUAOT1h-AROGzlfX1REqw7nGeZQ_Pg9pNXsS4d7rvjnU-H2AVVnt7Nxafn0fdB-GfEwoWBLyroYFPuL0u2UKuLNc5kpcSmajA8r1lvFFOSI/s1600/LOGIN015.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3vAdZea4H55aMGWEV08GuyMNLhrHTj9TcfUAOT1h-AROGzlfX1REqw7nGeZQ_Pg9pNXsS4d7rvjnU-H2AVVnt7Nxafn0fdB-GfEwoWBLyroYFPuL0u2UKuLNc5kpcSmajA8r1lvFFOSI/s320/LOGIN015.jpg" height="232" width="320" /></a></div>
<div style="text-align: justify;">
<br />
<br />
Selanjutnya buat table <span style="color: blue;"><b><i>USR</i></b></span> dan isi table tersebut dengan beberapa record seperti gambar di bawah<br />
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5HtwMuvAqbHZnlkzjHO_t7auZ31texgMQbVKLGkMSvHNoPuxUH34cSw6Adldu_f0wM21i86s_bsatPLRy9mLMgKuIcw0wtgrXR0EpZAO121eFNyYeAFGHCEYkhsA2rz6D2w-l4r30jXA/s1600/LOGIN1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5HtwMuvAqbHZnlkzjHO_t7auZ31texgMQbVKLGkMSvHNoPuxUH34cSw6Adldu_f0wM21i86s_bsatPLRy9mLMgKuIcw0wtgrXR0EpZAO121eFNyYeAFGHCEYkhsA2rz6D2w-l4r30jXA/s1600/LOGIN1.jpg" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH_qel8mgWOia0iIlOtUZNm97vsaKlcPlsGVdK13uDe5u9ckbyonjSeyoJHxqe7EHmODPlzh77aQX7ja7Cx0YwmlSf7qRPfmzd0lzWGl_JzI4mAoqSbNiVfzSOGRuJ4vDg5iWIp0YMTzg/s1600/LOGIN002.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH_qel8mgWOia0iIlOtUZNm97vsaKlcPlsGVdK13uDe5u9ckbyonjSeyoJHxqe7EHmODPlzh77aQX7ja7Cx0YwmlSf7qRPfmzd0lzWGl_JzI4mAoqSbNiVfzSOGRuJ4vDg5iWIp0YMTzg/s320/LOGIN002.jpg" height="192" width="320" /></a></div>
<div style="text-align: justify;">
<br />
Setelah itu buatlah tiga buah file dengan nama <span style="color: red;"><b>halaman-utama.php</b></span> , <b><span style="color: red;">log-gagal.php</span></b>, <span style="color: red;"><b>login.php</b></span> dan <span style="color: red;"><b>log-sukses.php</b></span><br />
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2DuscBDSdBmWQSK-Bk2_lr090qYb_whPEF6obQOKr43x-6PN6iNwzCvKzreatJjS2MKRXVVHzkv7-WRLp3E1vDrryfGFBw6qnT661L9l9FWKboDHE27jFC_gZsVqySxNDtenXPR_Perw/s1600/LOGIN014.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2DuscBDSdBmWQSK-Bk2_lr090qYb_whPEF6obQOKr43x-6PN6iNwzCvKzreatJjS2MKRXVVHzkv7-WRLp3E1vDrryfGFBw6qnT661L9l9FWKboDHE27jFC_gZsVqySxNDtenXPR_Perw/s1600/LOGIN014.jpg" /></a></div>
<div style="text-align: justify;">
<br />
Buka file <span style="color: blue;"><b>login.php</b></span> dengan aplikasi Dreamweaver yang sudah terinstal dan pastikan anda sudah me <b><span style="color: red;"><i>Manage Site</i></span></b> dan membuat <span style="color: red;"><b><i>Koneksi database</i></b></span> seperti tutorial sebelumnya. Masih didalam halaman <span style="color: blue;"><b>Login.php</b></span> , Buatlah Form Login seperti gambar dibawah.<br />
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilWBqkMsDpSIirDoLTMLMWKfErzMc00LfaJQgB4avVbmeuAoRSY4HFlM4ikNqShwbEv3kq9_huyVIDqtHeaZSZrbq1IgvXg4UixLS7ooBirfTkI_LtmtIG82h9xiZrsMpsQ8OmVfmiqXU/s1600/LOGIN011.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilWBqkMsDpSIirDoLTMLMWKfErzMc00LfaJQgB4avVbmeuAoRSY4HFlM4ikNqShwbEv3kq9_huyVIDqtHeaZSZrbq1IgvXg4UixLS7ooBirfTkI_LtmtIG82h9xiZrsMpsQ8OmVfmiqXU/s320/LOGIN011.jpg" height="214" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKs5J49HRdiBrkZHSZ96fDErIc1QcSAcC_9oDmywXY3MNcad-imASC9i0qUfNfJMpcAsFbkg-HzU8c33iU81QwUVDuJNRemn85-583uJDrfRmxM8X5gzvz1pptliMr47WMvdM8YP5xqXg/s1600/LOGIN005.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3mw7WK6wooqC1HkwhAOlsueZTgQU7UGwSX-1TLc4a_WInRdRV0aLSYLIM8p6mXJQM-M_h3f5nZJp1pD4MTN9CsaUux2kPJwMnSP9VTsEMixOIj6D0AWa0lOooOJeD43OkDLRs56Mo-Yc/s1600/LOGIN006.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKs5J49HRdiBrkZHSZ96fDErIc1QcSAcC_9oDmywXY3MNcad-imASC9i0qUfNfJMpcAsFbkg-HzU8c33iU81QwUVDuJNRemn85-583uJDrfRmxM8X5gzvz1pptliMr47WMvdM8YP5xqXg/s1600/LOGIN005.jpg" style="margin-left: 1em; margin-right: 1em;"><br /></a></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3mw7WK6wooqC1HkwhAOlsueZTgQU7UGwSX-1TLc4a_WInRdRV0aLSYLIM8p6mXJQM-M_h3f5nZJp1pD4MTN9CsaUux2kPJwMnSP9VTsEMixOIj6D0AWa0lOooOJeD43OkDLRs56Mo-Yc/s1600/LOGIN006.jpg" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><br />
Pastikan pada properties masing-masing textfield kita beri nama. Untuk <b><span style="color: red;"><i>Textfield username</i></span></b> kita namakan “<span style="color: blue;"><b>un</b></span>” dan untuk <span style="color: red;"><b><i>Textfield Password</i></b></span> kita namai dengan “<span style="color: blue;"><b>pwd</b></span>”<br />
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3mw7WK6wooqC1HkwhAOlsueZTgQU7UGwSX-1TLc4a_WInRdRV0aLSYLIM8p6mXJQM-M_h3f5nZJp1pD4MTN9CsaUux2kPJwMnSP9VTsEMixOIj6D0AWa0lOooOJeD43OkDLRs56Mo-Yc/s1600/LOGIN006.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3mw7WK6wooqC1HkwhAOlsueZTgQU7UGwSX-1TLc4a_WInRdRV0aLSYLIM8p6mXJQM-M_h3f5nZJp1pD4MTN9CsaUux2kPJwMnSP9VTsEMixOIj6D0AWa0lOooOJeD43OkDLRs56Mo-Yc/s320/LOGIN006.jpg" height="54" width="320" /></a></div>
<div style="text-align: justify;">
<br />
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKs5J49HRdiBrkZHSZ96fDErIc1QcSAcC_9oDmywXY3MNcad-imASC9i0qUfNfJMpcAsFbkg-HzU8c33iU81QwUVDuJNRemn85-583uJDrfRmxM8X5gzvz1pptliMr47WMvdM8YP5xqXg/s1600/LOGIN005.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKs5J49HRdiBrkZHSZ96fDErIc1QcSAcC_9oDmywXY3MNcad-imASC9i0qUfNfJMpcAsFbkg-HzU8c33iU81QwUVDuJNRemn85-583uJDrfRmxM8X5gzvz1pptliMr47WMvdM8YP5xqXg/s320/LOGIN005.jpg" height="60" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgApQSUx1eAQsN0Rwg0_ZPFPiB9Hn6ISB2SrDPwBMZwHeS6j1UF-6rEHMZUtd5uFJ0kTosV6JrSZ79Dj6o6acvEMQ-CKxiKhed9lIf-DxsdPkTwV-gRZ3WPckW1w9yIGdFhGP50Sl2W2bc/s1600/LOGIN007.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsUcTsQTQia0vE0fO1eJ94RmZIFxEOgOo7wNNkH1PG3seZQL7SkmIB7-5Z8uMDsZJf9aKjvPiZOD1GDA56xTyeZ2WJoP1i9yISLumtCDcQ96sE8zHOy33zDYezVTZNN9NGlrBxCK0nEJI/s1600/LOGIN003.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /></a></div>
<div style="text-align: justify;">
<br />
<br />
Selanjutnya buatlah <span style="color: blue;"><b>recordset</b></span> dengan nama bebas ( saya memakai nama loginpg), selanjutnya isi <span style="color: blue;"><b>Connection</b></span> dengan koneksi database yang telah kita buat. Pilih Table sesuai dengan table yang akan kita pakai ( disini kita memakai table USR), lakukan test jika ingin memastikan hasilnya. Kemudian klik OK <br />
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsUcTsQTQia0vE0fO1eJ94RmZIFxEOgOo7wNNkH1PG3seZQL7SkmIB7-5Z8uMDsZJf9aKjvPiZOD1GDA56xTyeZ2WJoP1i9yISLumtCDcQ96sE8zHOy33zDYezVTZNN9NGlrBxCK0nEJI/s1600/LOGIN003.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsUcTsQTQia0vE0fO1eJ94RmZIFxEOgOo7wNNkH1PG3seZQL7SkmIB7-5Z8uMDsZJf9aKjvPiZOD1GDA56xTyeZ2WJoP1i9yISLumtCDcQ96sE8zHOy33zDYezVTZNN9NGlrBxCK0nEJI/s320/LOGIN003.jpg" height="234" width="320" /></a></div>
<div style="text-align: justify;">
<br />
<br />
Kemudian masuk ke menu <span style="color: blue;"><b>Insert</b></span> dan pilih<span style="color: blue;"><b> Log In User</b></span> sehingga muncul tampilan seperti gambar di bawah<br />
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgApQSUx1eAQsN0Rwg0_ZPFPiB9Hn6ISB2SrDPwBMZwHeS6j1UF-6rEHMZUtd5uFJ0kTosV6JrSZ79Dj6o6acvEMQ-CKxiKhed9lIf-DxsdPkTwV-gRZ3WPckW1w9yIGdFhGP50Sl2W2bc/s1600/LOGIN007.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgApQSUx1eAQsN0Rwg0_ZPFPiB9Hn6ISB2SrDPwBMZwHeS6j1UF-6rEHMZUtd5uFJ0kTosV6JrSZ79Dj6o6acvEMQ-CKxiKhed9lIf-DxsdPkTwV-gRZ3WPckW1w9yIGdFhGP50Sl2W2bc/s1600/LOGIN007.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjghwJtsI9348hKvAJ-hK31EARnAEmvy5kCZtfQ2ainPaFJ8_AvpNMi4AQq5nSkjVJSTtzOGT5bXaff5M23vgO5S1DsWbnCKADGRqYCrn5XiqiPi9P0PZNqUowWD9ggEcivhVAJbGMOkxA/s1600/LOGIN010.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjghwJtsI9348hKvAJ-hK31EARnAEmvy5kCZtfQ2ainPaFJ8_AvpNMi4AQq5nSkjVJSTtzOGT5bXaff5M23vgO5S1DsWbnCKADGRqYCrn5XiqiPi9P0PZNqUowWD9ggEcivhVAJbGMOkxA/s1600/LOGIN010.jpg" style="margin-left: 1em; margin-right: 1em;"><br /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjghwJtsI9348hKvAJ-hK31EARnAEmvy5kCZtfQ2ainPaFJ8_AvpNMi4AQq5nSkjVJSTtzOGT5bXaff5M23vgO5S1DsWbnCKADGRqYCrn5XiqiPi9P0PZNqUowWD9ggEcivhVAJbGMOkxA/s1600/LOGIN010.jpg" style="margin-left: 1em; margin-right: 1em;"><br /></a></div>
<div style="text-align: justify;">
<br />
Isi “<span style="color: blue;"><b>Get Input From Form</b></span>” dengan nama form yang telah kita buat pada halaman <span style="color: red;"><b><i>login.php</i></b></span>, disini saya isi dengan form User, selajutnya isi <span style="color: blue;"><i><b>Username Field</b></i></span> dan <span style="color: blue;"><i><b>Password Field</b></i></span> dengan nama Textfield yang telah kita buat sebelumya.<br />
Isi <span style="color: blue;"><b><i>Validate Using Connection</i></b></span> dengan koneksi database yang telah kita buat ( Disini koneksinya adalah “Konek”), selanjutnya isi <span style="color: blue;"><b><i>Table</i></b></span> dengan nama table yang berisi data user yang telah kita buat sebelumnya. Isi <span style="color: blue;"><i><b>Username Column</b></i></span> dan <i><b><span style="color: blue;">Password Column</span></b></i> masing-masing dengan nama Kolom pada database “<span style="color: red;"><b>USR</b></span>” disini kita isi dengan kolom “<span style="color: red;"><b>USRNAME</b></span>” dan “<span style="color: red;"><b>PWD</b></span>”.<br />
“<span style="color: blue;"><i><b>If Login Succeeds Go To</b></i></span>” isi dengan browse file yang telah kita buat jika Login sukses. (Log-Sukses.php)<br />
“<span style="color: blue;"><i><b>If Login Fails Go To</b></i></span>” isi dengan browse file yang telah kita buat jika Login gagal (Log-Gagal.php)<br />
Seperti gambar dibawah.<br />
<br />
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjghwJtsI9348hKvAJ-hK31EARnAEmvy5kCZtfQ2ainPaFJ8_AvpNMi4AQq5nSkjVJSTtzOGT5bXaff5M23vgO5S1DsWbnCKADGRqYCrn5XiqiPi9P0PZNqUowWD9ggEcivhVAJbGMOkxA/s1600/LOGIN010.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjghwJtsI9348hKvAJ-hK31EARnAEmvy5kCZtfQ2ainPaFJ8_AvpNMi4AQq5nSkjVJSTtzOGT5bXaff5M23vgO5S1DsWbnCKADGRqYCrn5XiqiPi9P0PZNqUowWD9ggEcivhVAJbGMOkxA/s320/LOGIN010.jpg" height="266" width="320" /></a></div>
<div style="text-align: justify;">
<br />
<br />
Selanjutnya test di browser anda , masukkan username dan password yang benar jika berhasil anda akan menuju ke halaman <span style="color: red;"><b><i>log-sukses.php</i></b></span> dan jika gagal anda akan menuju ke <span style="color: red;"><b><i>log-gagal.php<br /> </i></b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRjMHUmyWkcFRJeXsof190oE2jBSIDcF7qrlcHWQH4ZJN0A-nfJvvsfvZbCAslv3ydWUXBGE7GeaVZbVyYJTi03zrxDzKJmPnx9UkgvetUZNCxcENTBV1mxJWTQ6EY8J-OXoMdvBKCwuA/s1600/LOGIN012.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRjMHUmyWkcFRJeXsof190oE2jBSIDcF7qrlcHWQH4ZJN0A-nfJvvsfvZbCAslv3ydWUXBGE7GeaVZbVyYJTi03zrxDzKJmPnx9UkgvetUZNCxcENTBV1mxJWTQ6EY8J-OXoMdvBKCwuA/s320/LOGIN012.jpg" height="158" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxb-QXJiYjprnhXN5SHZQan9_Yu3xZdyRhy_hkhvVGUOVH3H0wxEd6ZPjWU9KqlYmBmd8agTjqWWvzeqTHaeGF4VIeJ0dL7F1kx_gQUNKZTLXAjKtr9iVnjfLwqcmP7eFMVDa81rFaqA4/s1600/LOGIN013.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxb-QXJiYjprnhXN5SHZQan9_Yu3xZdyRhy_hkhvVGUOVH3H0wxEd6ZPjWU9KqlYmBmd8agTjqWWvzeqTHaeGF4VIeJ0dL7F1kx_gQUNKZTLXAjKtr9iVnjfLwqcmP7eFMVDa81rFaqA4/s320/LOGIN013.jpg" height="219" width="320" /></a></div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
OK.. <b><span style="color: red;">Dreamweaver Tutorial</span> tentang Cara membuat Login Page berbasis PHP dengan Dreamweaver </b>telah selesai. SELAMAT MENCOBA.. !!</div>
</div>Anonymoushttp://www.blogger.com/profile/16335040056244279899noreply@blogger.com4tag:blogger.com,1999:blog-3536074107347728770.post-36568708056696479992013-02-27T16:44:00.004+07:002013-02-27T16:44:45.554+07:00Membuat Tabel Baru Dengan PHPMYADMIN<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
Saat ini untuk membuat tabel baru pada database <span style="color: red;"><i><b>Mysql</b></i></span> sangatlah mudah, tidak diperlukan kemampuan khusus mengenai bahasa <span style="color: red;"><i><b>SQL</b></i></span>, dengan <b><i><span style="color: red;">PHPMYADMIN</span></i></b> rumitnya bahasa <b><i><span style="color: red;">SQL</span></i></b> bisa diatasi. Ok langsung saja ketik <span style="color: blue;"><b><i>http://localhost/phpmyadmin</i></b></span>, login dengan user dan pasword yang telah disetting pada waktu install <span style="color: red;"><i><b>XAMPP</b></i></span>.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjknNw0fMG2A0Wb1tIbSb8smRWBevsd0qpuXCN01TY7ZIkW6lKywUne_vTvgNUM2NsnkKOHDBYYgm3NjwGLK2bY_FBxxNAWb9UCPoEWSwS881c9ljKaf3JgnEZbmb8YLaHS14D9B8_9LmI/s1600/tabel.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="304" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjknNw0fMG2A0Wb1tIbSb8smRWBevsd0qpuXCN01TY7ZIkW6lKywUne_vTvgNUM2NsnkKOHDBYYgm3NjwGLK2bY_FBxxNAWb9UCPoEWSwS881c9ljKaf3JgnEZbmb8YLaHS14D9B8_9LmI/s320/tabel.jpg" width="320" /></a></div>
<br />
Selanjutnya pilih <span style="color: blue;"><b><i>database</i></b></span> dimana kita akan membuat tabel baru, disini kita pilih database <span style="color: red;"><b><i>Latihan</i></b></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF28eFbZX00A4Nsi9CiaTuTBbMXuaOr54GzPx0QRo3k8m3f2h_Rg0zlZqO1Kp-a3jZU7dUTE6TVViqMjsMXnFgomTFVPFukYs6zFLaardpdTwQ7uyGOIJviIOjHdjtYkZEn8taRsV5Evg/s1600/tabel002.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF28eFbZX00A4Nsi9CiaTuTBbMXuaOr54GzPx0QRo3k8m3f2h_Rg0zlZqO1Kp-a3jZU7dUTE6TVViqMjsMXnFgomTFVPFukYs6zFLaardpdTwQ7uyGOIJviIOjHdjtYkZEn8taRsV5Evg/s320/tabel002.jpg" width="320" /></a></div>
<br />
Beri nama tabel dengan nama bebas , jangan lupa tentukan jumlah kolomnya <br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOXHqcSW25y34Odw_EMKWmIgyXcyn0xmgKt_Rznogz9oQsbNGEF7nm6-Fpj5vTqDDBNj6LNePdxXbRZJ7RU3JvR9LcOVKBFAeVS7dgIVaeyiN3HFg370q71V4Wh0BDvT2qdBqNAYEs1Fs/s1600/tabel003.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="161" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOXHqcSW25y34Odw_EMKWmIgyXcyn0xmgKt_Rznogz9oQsbNGEF7nm6-Fpj5vTqDDBNj6LNePdxXbRZJ7RU3JvR9LcOVKBFAeVS7dgIVaeyiN3HFg370q71V4Wh0BDvT2qdBqNAYEs1Fs/s320/tabel003.jpg" width="320" /></a></div>
<br />
<br />
Isi <span style="color: blue;"><b><i>Properties</i></b></span> kolom-kolomnya sesuai dengan type dan jenis data <br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpG0kQZ5ejPVr1zfrL8CS7hIkFiyYMf7cdeGeM3GV-Fm-R5astGuy1wcAU7_iLLnRrsgsH64qpJd0uFYb0k7nG79jfr1YZKsKjk8j1_kQmBn68cs53ZyuUSRUPkww6SaNHmqGna2bPaqY/s1600/tabel004.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="220" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpG0kQZ5ejPVr1zfrL8CS7hIkFiyYMf7cdeGeM3GV-Fm-R5astGuy1wcAU7_iLLnRrsgsH64qpJd0uFYb0k7nG79jfr1YZKsKjk8j1_kQmBn68cs53ZyuUSRUPkww6SaNHmqGna2bPaqY/s320/tabel004.jpg" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDVKAuF-mV4E_m_N2dAhUoqGPNNoGnOZPvc7Jl9qo0W5UgROevNDlxhyKgEUg05lQy3kYE0Q5bn-kiQ1j0IHwN69xucwchPQkRohZ-V1xRFoHUl2pJFzHtYA3FrOMEtbiZJ_8-3IswxTw/s1600/tabel006.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="219" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDVKAuF-mV4E_m_N2dAhUoqGPNNoGnOZPvc7Jl9qo0W5UgROevNDlxhyKgEUg05lQy3kYE0Q5bn-kiQ1j0IHwN69xucwchPQkRohZ-V1xRFoHUl2pJFzHtYA3FrOMEtbiZJ_8-3IswxTw/s320/tabel006.jpg" width="320" /></a></div>
<br />
<br />
Setelah itu klik <span style="color: red;"><i><b>SAVE</b></i></span>.. Ok sampai disini kita telah berhasil membuat tabel baru.. Selamat mencoba<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimNxdXW5gnhpau2v-Zn8caNb2GWkb_2u1DT3lZe6wuOwup2HyTUIFvo4WNyNX0uDI2X-3Pzv0qFGqqTycvqcKBmDH5CO5FYe254FbUcEivMU0hI1zsRI6co-5vJyovq3Aw35xdZZ1KYI8/s1600/tabel005.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="195" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimNxdXW5gnhpau2v-Zn8caNb2GWkb_2u1DT3lZe6wuOwup2HyTUIFvo4WNyNX0uDI2X-3Pzv0qFGqqTycvqcKBmDH5CO5FYe254FbUcEivMU0hI1zsRI6co-5vJyovq3Aw35xdZZ1KYI8/s320/tabel005.jpg" width="320" /></a></div>
<br /></div>
Anonymoushttp://www.blogger.com/profile/16335040056244279899noreply@blogger.com0tag:blogger.com,1999:blog-3536074107347728770.post-24487475253386714112013-02-26T08:11:00.001+07:002014-06-06T07:27:08.875+07:00Dreamweaver Tutorial - Membuat Koneksi Database MySQL dengan Dreamweaver<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><b><span style="color: red;">Dreamweaver Tutorial</span></b> kali ini akan share tentang <b><i>cara membuat Koneksi Database MySQL dengan Dreamweaver</i></b> </span><span style="font-family: Verdana,sans-serif;">Untuk menampilkan data dari database hal yang perlu kita persiapkan adalah membuat koneksi antara <span style="color: blue;"><b><i>Database</i></b></span> dengan <span style="color: blue;"><b><i>Web Editor</i></b></span> dalam hal ini kita memakai<span style="color: blue;"><b><i> Adobe Dreamweaver CS5</i></b></span>. Oke langsung saja buka <span style="color: blue;"><i><b>Dreamweaver CS5</b></i></span> dan buat file baru simpan dengan ekstensi PHP. Selanjutnya pilih mode <span style="color: red;"><b><i>APP Developer Plus</i></b></span> agar menu Database muncul</span></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS1My4AAOyvxahXd4MLDBL8TuoPmUE0UTodl14WFEBfhLsxN1a2GKIj-ZIW1fEofSfCOsjfHfCHguWOWql2QxlLuJYim6Uu1nDaEAXbl7x6_XDSbVwD9xoiPVTs1vQWKFH2q2_6Dkl2bk/s1600/cs015.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Belajar Web dinamis" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS1My4AAOyvxahXd4MLDBL8TuoPmUE0UTodl14WFEBfhLsxN1a2GKIj-ZIW1fEofSfCOsjfHfCHguWOWql2QxlLuJYim6Uu1nDaEAXbl7x6_XDSbVwD9xoiPVTs1vQWKFH2q2_6Dkl2bk/s320/cs015.jpg" height="246" title="" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgsrbpw5ClKCQwpveYIdYyOS4WF1ee6GpExVJVua_6LgjW_0GAzhUPwPHDvzTG-tG9MACEbBgCEPeEGKCtnq3MBsDMz2I_THIdjzYk1kmq4I0cDIO0ZZGDQFJ1uvVScamUTExIoBC63Jo/s1600/db.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgsrbpw5ClKCQwpveYIdYyOS4WF1ee6GpExVJVua_6LgjW_0GAzhUPwPHDvzTG-tG9MACEbBgCEPeEGKCtnq3MBsDMz2I_THIdjzYk1kmq4I0cDIO0ZZGDQFJ1uvVScamUTExIoBC63Jo/s320/db.jpg" height="320" width="275" /></a></div>
<br />
<span style="font-family: Verdana,sans-serif;">Selanjutnya klik menu <span style="color: red;"><b><i>Database</i></b></span> dan klik tanda <span style="color: red;"><b>+</b></span></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhylTVn79X4kLbxEyiLzmL5c0nP7X-SS49dnZ7BZrkOf9BU7RkXpCLEcqjw8tyfNupUBQECO5dCD3OgyUNWRXjmFxD9OtHrZcgYYyXVDDM8JVynLPPTWY4KZigdyp2BHLX0AMW912MAw80/s1600/db002.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhylTVn79X4kLbxEyiLzmL5c0nP7X-SS49dnZ7BZrkOf9BU7RkXpCLEcqjw8tyfNupUBQECO5dCD3OgyUNWRXjmFxD9OtHrZcgYYyXVDDM8JVynLPPTWY4KZigdyp2BHLX0AMW912MAw80/s320/db002.jpg" height="314" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgsrbpw5ClKCQwpveYIdYyOS4WF1ee6GpExVJVua_6LgjW_0GAzhUPwPHDvzTG-tG9MACEbBgCEPeEGKCtnq3MBsDMz2I_THIdjzYk1kmq4I0cDIO0ZZGDQFJ1uvVScamUTExIoBC63Jo/s1600/db.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /></a></div>
<br />
<div style="text-align: justify;">
<span style="font-family: Verdana,sans-serif;"> Isi <span style="color: red;"><b><i>Connection Name</i></b></span> dengan nama bebas, kemudian isi <span style="color: red;"><b><i>MySQL Server</i></b></span> dengan alamat server Databasenya disini kita memakai alamat <span style="color: red;"><b><i>localhost</i></b></span> yaitu <span style="color: red;"><b><i>127.0.0.1</i></b></span>, kemudian isi <span style="color: red;"><b><i>Username</i></b></span> dan <b><i><span style="color: red;">Password</span></i></b> sesuai instalasi <span style="color: blue;"><b>Database</b></span> yang sudah kita lakukan, selanjutnya pilih <b><span style="color: blue;">Database</span></b> yang akan kita olah. </span></div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsdcxLlYpPBycNKEzs3c3cUOmgnA8QMZJc41XBDxSQERNP0gyLr21Agg9wyjrUsRN7OBVWKrm_obvabCPmgBma2RIrhuohuFHP2_kzgdYzJt0Cn81b4BO9dl_MwCpoETwNPv8uHgGitUM/s1600/db006.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1RMzo2jEtPWIgp13W9-paSIrNbZGJ1l8Cktus9BtUG1-BsmnLE8ru9jCvcdO8svvXf3zVYD6e0_e0MGzUOca9HjBpAQN4z0yBx7McsmX_iitssdMw1JEAXYpaI2lx7_DYLZT7ikkM9ws/s1600/db004.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Belajar Web Dinamis" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1RMzo2jEtPWIgp13W9-paSIrNbZGJ1l8Cktus9BtUG1-BsmnLE8ru9jCvcdO8svvXf3zVYD6e0_e0MGzUOca9HjBpAQN4z0yBx7McsmX_iitssdMw1JEAXYpaI2lx7_DYLZT7ikkM9ws/s320/db004.jpg" height="197" title="" width="320" /></a></div>
<br />
<div style="text-align: justify;">
<span style="font-family: Verdana,sans-serif;">Silahkan melakukan <span style="color: blue;"><b>testing</b></span> untuk memastikan koneksinya sukses, selanjutnya klik <span style="color: red;"><b>OK</b></span> </span></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Verdana,sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxsnP_9d1F7m54LAUOtlFMsuF3Rdqt6-u_mDGEqqgM-uyZ5vSRPdl4-bjgwGnakO0LNu9CnB7kJHQNs01WnDjkvONtGLNxbM-DMgIL5ViJxrWTVikkwolVdMESquVrRzK0hHBL-vvLFI8/s1600/db005.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxsnP_9d1F7m54LAUOtlFMsuF3Rdqt6-u_mDGEqqgM-uyZ5vSRPdl4-bjgwGnakO0LNu9CnB7kJHQNs01WnDjkvONtGLNxbM-DMgIL5ViJxrWTVikkwolVdMESquVrRzK0hHBL-vvLFI8/s320/db005.jpg" height="249" width="320" /></a></span></div>
<span style="font-family: Verdana,sans-serif;">Sampai disini koneksi <span style="color: blue;"><b><i>Database MySQL</i></b></span> sudah berhasil kita buat, dan hasilnya seperti gambar dibawah. </span><br />
<span style="font-family: Verdana,sans-serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Verdana,sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsdcxLlYpPBycNKEzs3c3cUOmgnA8QMZJc41XBDxSQERNP0gyLr21Agg9wyjrUsRN7OBVWKrm_obvabCPmgBma2RIrhuohuFHP2_kzgdYzJt0Cn81b4BO9dl_MwCpoETwNPv8uHgGitUM/s1600/db006.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="Belajar Dreamweaver CS5" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsdcxLlYpPBycNKEzs3c3cUOmgnA8QMZJc41XBDxSQERNP0gyLr21Agg9wyjrUsRN7OBVWKrm_obvabCPmgBma2RIrhuohuFHP2_kzgdYzJt0Cn81b4BO9dl_MwCpoETwNPv8uHgGitUM/s320/db006.jpg" height="308" title="" width="320" /></a></span></div>
<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;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Verdana, sans-serif; text-align: left;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Verdana, sans-serif; text-align: left;"><br /></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-family: Verdana, sans-serif; text-align: left;"><br /></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="text-align: left;"><span style="font-family: Verdana, sans-serif;"><b><i><span style="color: red;">Dreamweaver Tutorial</span></i></b> tentang cara Membuat Koneksi Database MySQL dengan Dreamweaver telah selesai. </span></span><span style="font-family: Verdana, sans-serif; text-align: left;">Selamat mencoba</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-family: Verdana, sans-serif; text-align: left;"><br /></span></div>
</div>
Anonymoushttp://www.blogger.com/profile/16335040056244279899noreply@blogger.com1tag:blogger.com,1999:blog-3536074107347728770.post-29902753992560266422013-02-25T17:01:00.001+07:002014-06-06T07:36:20.065+07:00Tutorial Dreamweaver - Cara Define Site Adobe Dreamweaver CS5<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><b><span style="color: red;">Tutorial Dreamweaver</span></b> kali ini akan share tentang Cara Define Site Adobe Dreamweaver CS5. </span><span style="font-family: Verdana,sans-serif;">Setelah <span style="color: blue;"><b>Adobe Dreamweaver CS5</b></span> dan <span style="color: blue;"><b>webserver</b></span> (Penulis memakai webserver <span style="color: blue;"><b>XAMPP</b></span>) terinstall, hal selanjutnya yang kita persiapkan adalah buat folder baru di <b><span style="color: red;"><i>C:/xampp/htdocs/</i></span></b> beri nama folder tersebut <span style="color: blue;"><b>Latihan</b></span>, sehingga menghasilkan <b><span style="color: red;"><i>C:/xampp/htdocs/latihan</i></span></b>. Folder ini berfungsi untuk menyimpan file web yang akan kita buat. Penulis menggunakan folder tersebut agar file web yang akan kita buat lebih tertata rapi, walaupun sesungguhnya folder root defaultnya adalah <span style="color: blue;"><b>C:/xampp/htdocs/</b></span>. Selanjutnya buka <span style="color: blue;"><b>Dreamweaver CS5</b></span>, klik <span style="color: red;"><b><i>Define Site</i></b></span>, </span></div>
<span style="font-family: Verdana,sans-serif;"><br /></span>
<span style="font-family: Verdana,sans-serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Verdana,sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ8dVMUQi_bvyOifdSSLJBuAHmhffeHiNkcJNDKMbapzmpBHQ7p55Azf4WcuuKH7JfkRV41FverALzbBAR11hWCfZZ2BUVe32dZn31X8MlnCtMPgq0dBNqNsfS4LRvrKCuX8sc1w9B1dM/s1600/cs013.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ8dVMUQi_bvyOifdSSLJBuAHmhffeHiNkcJNDKMbapzmpBHQ7p55Azf4WcuuKH7JfkRV41FverALzbBAR11hWCfZZ2BUVe32dZn31X8MlnCtMPgq0dBNqNsfS4LRvrKCuX8sc1w9B1dM/s320/cs013.jpg" height="217" width="320" /></a></span></div>
<span style="font-family: Verdana,sans-serif;"><br /></span>
<span style="font-family: Verdana,sans-serif;"> </span><br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Verdana,sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFChk00tcVQ6ndmppoK6d7n_6cOpCRQ6ld3kNHY1TY9ZYzXOvx9nbKFCbFLdHz8jO-PBsYTSsTEm9g7nTX8FDu3zh7Qu_ibDQpystJI9yvsWTPIXn57v4Z_8jSGm8cl6zBGFTutg72rRQ/s1600/cs015.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFChk00tcVQ6ndmppoK6d7n_6cOpCRQ6ld3kNHY1TY9ZYzXOvx9nbKFCbFLdHz8jO-PBsYTSsTEm9g7nTX8FDu3zh7Qu_ibDQpystJI9yvsWTPIXn57v4Z_8jSGm8cl6zBGFTutg72rRQ/s320/cs015.jpg" height="246" width="320" /> </a></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Verdana,sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Verdana,sans-serif;"><br /></span></div>
<span style="font-family: Verdana,sans-serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Verdana,sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPSp_yXpV0FqrbfJ9HNV-aRraTfvrwTYi4JgXpeQF6XknXHXSx2pJRwJIZ1d56gERc_qYcO2TP_mW5MvpXRCCGLaR2TGmU6ka8QN_wMpKdkxKgx32bAWdXGfxiGkpcjT0m_QvxeW1BDAE/s1600/cs016.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPSp_yXpV0FqrbfJ9HNV-aRraTfvrwTYi4JgXpeQF6XknXHXSx2pJRwJIZ1d56gERc_qYcO2TP_mW5MvpXRCCGLaR2TGmU6ka8QN_wMpKdkxKgx32bAWdXGfxiGkpcjT0m_QvxeW1BDAE/s320/cs016.jpg" height="320" width="170" /> </a></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Verdana,sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Verdana,sans-serif;"> Selanjutnya pilin <span style="color: red;"><i><b>New</b></i></span> </span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Verdana,sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Verdana,sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHujLxn2FMeMvUPxELVDlLhEUNuRShdQqhFHzyyRiU2FBwF9IU45wg6v0Mkz2z_SqFVzr-LcM9GK1DPfDeCl41Ln3pN7avMJ7y30cMx2KhRlkJc_kizYB6_em4nGIjBfGq5rflpvKBbWg/s1600/cs017.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHujLxn2FMeMvUPxELVDlLhEUNuRShdQqhFHzyyRiU2FBwF9IU45wg6v0Mkz2z_SqFVzr-LcM9GK1DPfDeCl41Ln3pN7avMJ7y30cMx2KhRlkJc_kizYB6_em4nGIjBfGq5rflpvKBbWg/s1600/cs017.jpg" /></a></span></div>
<span style="font-family: Verdana,sans-serif;"><br /></span>
<br />
<div style="text-align: justify;">
<span style="font-family: Verdana,sans-serif;"> Isi <span style="color: red;"><b><i>Site Name</i></b></span> dengan nama <span style="color: blue;"><b>Latihan</b></span>, kemudian browse <span style="color: red;"><b><i>Local Site Folder</i></b></span> dengan folder <span style="color: red;"><b><i>C:/xampp/htdocs/latihan</i></b></span></span></div>
<span style="font-family: Verdana,sans-serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Verdana,sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpQBBpVVgehfAJ6ChRdHMc9P_X2F7AclR2m-QaZGcQwCPs-IJ-b9iSDox_E8AYc2PHBiM6EBu2ZJvNvSsT4GxN9LwXAIawYSuBDyVNckBq2a4s7iT2lKxapPFxjmtW8o3MJHZQ4I3VYpM/s1600/cs018.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpQBBpVVgehfAJ6ChRdHMc9P_X2F7AclR2m-QaZGcQwCPs-IJ-b9iSDox_E8AYc2PHBiM6EBu2ZJvNvSsT4GxN9LwXAIawYSuBDyVNckBq2a4s7iT2lKxapPFxjmtW8o3MJHZQ4I3VYpM/s320/cs018.jpg" height="212" width="320" /></a></span></div>
<span style="font-family: Verdana,sans-serif;"><br /></span>
<br />
<div style="text-align: justify;">
<span style="font-family: Verdana,sans-serif;">Selanjutnya pilih menu <span style="color: blue;"><b>Server</b></span>, pilih Tab <span style="color: blue;"><b>Advanced</b></span> kemudian centang opsi <span style="color: red;"><b><i>Maintain Synchronization Information</i></b></span> dan pilih <span style="color: red;"><b><i>Server Model</i></b></span> dengan <span style="color: blue;"><b>PHP MySQL</b></span> dan klik <span style="color: red;"><b><i>SAVE</i></b></span></span></div>
<span style="font-family: Verdana,sans-serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Verdana,sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVBOj_HwiWfXGoXlQfTfyzvgQ75eS18XbdwHkRGiw3oJzQtPuVYEWwlhUuByExD4HVXbnIOxvKtf2UecwP8Dz8TS9nXOdR0NPV8MC23Xh8PThxpTwE19o680gRO9CbFeIf-UmoDCkLuFM/s1600/cs019.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVBOj_HwiWfXGoXlQfTfyzvgQ75eS18XbdwHkRGiw3oJzQtPuVYEWwlhUuByExD4HVXbnIOxvKtf2UecwP8Dz8TS9nXOdR0NPV8MC23Xh8PThxpTwE19o680gRO9CbFeIf-UmoDCkLuFM/s320/cs019.jpg" height="212" width="320" /></a></span></div>
<span style="font-family: Verdana,sans-serif;"><br /></span>
<span style="font-family: Verdana,sans-serif;">Centang opsi <span style="color: red;"><b><i>Remote dan Testing</i></b></span> dan <span style="color: red;"><b><i>Save</i></b></span></span><br />
<span style="font-family: Verdana,sans-serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Verdana,sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrpnyJwGm-QgVhd3AJ1D3aKaaxTnUAcHAykfsmAAT22OotPS8V0Tybf_ei3ibQmAtt8N65EvyVwmLWbxYTmtUnDIxxSwXiCFKJ-2n2lFZRHtql2m7fT8I4X55XOOCN0BquI8dkIsJUjAU/s1600/cs021.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrpnyJwGm-QgVhd3AJ1D3aKaaxTnUAcHAykfsmAAT22OotPS8V0Tybf_ei3ibQmAtt8N65EvyVwmLWbxYTmtUnDIxxSwXiCFKJ-2n2lFZRHtql2m7fT8I4X55XOOCN0BquI8dkIsJUjAU/s320/cs021.jpg" height="212" width="320" /></a></span></div>
<span style="font-family: Verdana,sans-serif;"><br /></span>
<span style="font-family: Verdana,sans-serif;">Selanjutnya klik <span style="color: red;"><b><i>DONE</i></b></span> </span><br />
<span style="font-family: Verdana,sans-serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Verdana,sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0t6zaaC5SuMMAE4PQTo1fXax5hX2EXNcbkse_P17vqLdCThZ6l5bDSNyGHyuBVI5_lD6bkdDDSO3wFdOWCe4GQMQKpsCc9YxI4Qxvr8VUB4B552ZR2fgx2UrDyryYwugmPSRP7N7RHlU/s1600/cs022.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0t6zaaC5SuMMAE4PQTo1fXax5hX2EXNcbkse_P17vqLdCThZ6l5bDSNyGHyuBVI5_lD6bkdDDSO3wFdOWCe4GQMQKpsCc9YxI4Qxvr8VUB4B552ZR2fgx2UrDyryYwugmPSRP7N7RHlU/s1600/cs022.jpg" /></a></span></div>
<span style="font-family: Verdana,sans-serif;"><br /></span>
<span style="font-family: Verdana,sans-serif;">OK kita sudah berhasil melakukan <span style="color: red;"><b><i>Define Site</i></b></span> dengan <span style="color: red;"><b><i>Adobe Dreamweaver CS5</i></b></span>, selanjutnya buat file baru dan simpan dengan nama <span style="color: blue;"><b>latihan1.php</b></span>, kemudian buka browser anda dan ketik alamat <span style="color: blue;"><b>localhost/latihan/latihan1.php</b></span></span><br />
<span style="font-family: Verdana,sans-serif;"><br /></span>
<span style="font-family: Verdana,sans-serif;">Semoga berhasil</span><br />
<span style="font-family: Verdana,sans-serif;"><br /></span>
<span style="font-family: Verdana,sans-serif;"><br /></span></div>
Anonymoushttp://www.blogger.com/profile/16335040056244279899noreply@blogger.com0tag:blogger.com,1999:blog-3536074107347728770.post-56670394747613494852013-02-25T16:39:00.000+07:002014-06-06T17:57:31.467+07:00Dreamweaver Tutorial - Cara Install Dreamweaver CS5<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
Salah satu software terbaik untuk <span style="color: red;"><i><b>Webdesign</b></i></span> adalah <span style="color: red;"><i><b>Dreamweaver</b></i></span>, kali ini <b><span style="color: red;">Dreamweaver Tutorial</span></b> akan sharing tentang <span style="color: red;"><i><b>Cara Install Dreamweaver CS5</b></i></span>, Ok langsung saja..</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Buka file image <span style="color: red;"><i><b>Adobe CS5</b></i></span> yang telah terdownload dengan aplikasi <b><i><span style="color: red;">Daemon Tools</span></i></b>, </div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeNuiXyETChlO4Nk6JGi1DBl9zhbzDgYKD3ddcu5opkIpzaGsyoeimZV-A4eIT3pUQF2cK-tDZICvheanbXwSSJVia46WbqD8AriidupyHf7q96QCQbA18_73H7XLG_fZra_qDXDukhuM/s1600/cs028.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeNuiXyETChlO4Nk6JGi1DBl9zhbzDgYKD3ddcu5opkIpzaGsyoeimZV-A4eIT3pUQF2cK-tDZICvheanbXwSSJVia46WbqD8AriidupyHf7q96QCQbA18_73H7XLG_fZra_qDXDukhuM/s320/cs028.jpg" height="291" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHcL9BSva6rxksNf4TScnZB_M3aHaUJ-7wkP9EqPCWP7ajwp0lMTr_lwJoAtoniXSCJU-PPrNPnwzgqHVFAcGMMfh2-896LrQqLXJYsTQu0bD3DrxhIIEw9C6z_E0_qDA7hIn6l9hrUOU/s1600/cs029.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHcL9BSva6rxksNf4TScnZB_M3aHaUJ-7wkP9EqPCWP7ajwp0lMTr_lwJoAtoniXSCJU-PPrNPnwzgqHVFAcGMMfh2-896LrQqLXJYsTQu0bD3DrxhIIEw9C6z_E0_qDA7hIn6l9hrUOU/s320/cs029.jpg" height="256" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEEYHNmL-P4qamCWp60tMgBroMmNrzAEfv8tDT6h0JZQsIRB7vkYXuCtsjtzoTi7N3QavyNpSw1oIvNoKAsrLR8flwAPJyotwWoyMkGcIuy_nw-bWkWKrjMHWT_QPAxeAPbuelk_sU7ZY/s1600/cs030.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEEYHNmL-P4qamCWp60tMgBroMmNrzAEfv8tDT6h0JZQsIRB7vkYXuCtsjtzoTi7N3QavyNpSw1oIvNoKAsrLR8flwAPJyotwWoyMkGcIuy_nw-bWkWKrjMHWT_QPAxeAPbuelk_sU7ZY/s320/cs030.jpg" height="256" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMgkE434KLLZieLR_gdYXhUoRMMkGuhGOnWzhZQ9ACPYvsoInku2GywErHjig5K5327BbaiIOdVGzshW6gMtHdNQtMBF_XRcYVzo4-hKlt4RtbsFKl9bRocboIHgGD0_oKroGtRuVct64/s1600/cs031.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMgkE434KLLZieLR_gdYXhUoRMMkGuhGOnWzhZQ9ACPYvsoInku2GywErHjig5K5327BbaiIOdVGzshW6gMtHdNQtMBF_XRcYVzo4-hKlt4RtbsFKl9bRocboIHgGD0_oKroGtRuVct64/s320/cs031.jpg" height="291" width="320" /></a></div>
<br />
Setelah dibuka maka akan muncul jendela konfirmasi untuk meng<span style="color: red;"><b><i> install Adobe CS5</i></b></span>, silahkan klik <span style="color: red;"><i><b>INSTALL CS5</b></i></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiugzksQTZ1i2U8JbC_FDfgAPLRpmLC30SIpEmOnJOEkGINqSUUuF-K4WQUvUEKUCP0EmDibX7JM_bfGZ1SVKXgswryCpGjRQFjU_ZjxUU0xLThN1gihC3_7hyISRLcVHcxKdcKeCBlEss/s1600/cs006.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiugzksQTZ1i2U8JbC_FDfgAPLRpmLC30SIpEmOnJOEkGINqSUUuF-K4WQUvUEKUCP0EmDibX7JM_bfGZ1SVKXgswryCpGjRQFjU_ZjxUU0xLThN1gihC3_7hyISRLcVHcxKdcKeCBlEss/s320/cs006.jpg" height="238" width="320" /></a></div>
<br />
Selanjutnya pilih <span style="color: red;"><i><b>ACCEPT</b></i></span> <br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMjBwZUAo_O_z9YJSRcdut1wajZ8epLDYdnZLu87RMsNbPNVHP2PJAsSL3uQb7P0S7BVrVrSttExf54P3rMXyZxVkqJ-BBZJF8L2U7E9fpn8HDhIe_VtR4p7_0caofNUi9mp5ila_Rync/s1600/cs008.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMjBwZUAo_O_z9YJSRcdut1wajZ8epLDYdnZLu87RMsNbPNVHP2PJAsSL3uQb7P0S7BVrVrSttExf54P3rMXyZxVkqJ-BBZJF8L2U7E9fpn8HDhIe_VtR4p7_0caofNUi9mp5ila_Rync/s320/cs008.jpg" height="227" width="320" /></a></div>
<br />
Masukkan <span style="color: red;"><i><b>Serial Number Adobe CS5</b></i></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6zs8Oj6OeQv0yLOuYbjJvGFQqogHYyHhwDWkJt87CWierQmNwUnJ32oEi76nDUUoqeRvPFW6qf_z3uccfj7HSp_qKMWRD6HI_q4lAnLxnhisYpie2E1uHMR9oTbqbyTVzbCO8SLtEuo0/s1600/cs009.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6zs8Oj6OeQv0yLOuYbjJvGFQqogHYyHhwDWkJt87CWierQmNwUnJ32oEi76nDUUoqeRvPFW6qf_z3uccfj7HSp_qKMWRD6HI_q4lAnLxnhisYpie2E1uHMR9oTbqbyTVzbCO8SLtEuo0/s320/cs009.jpg" height="227" width="320" /></a></div>
<br />
Pilih aplikasi apa saja yang ingin anda install, kemudian klik <span style="color: red;"><i><b>INSTALL</b></i></span> <br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgtVhWWXmZ31O6Qe1Il3BVOfnobgxgh8hqFZu61UrITvYvBtynXneSAxAAO-BVmegVi5SW3U3g6y5joz8IZlJRmRRVN_H_BgdazOOLLpsixmW_AN0CUzabmV6T6YPNdGmSxDovvv3xFFI/s1600/cs010.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgtVhWWXmZ31O6Qe1Il3BVOfnobgxgh8hqFZu61UrITvYvBtynXneSAxAAO-BVmegVi5SW3U3g6y5joz8IZlJRmRRVN_H_BgdazOOLLpsixmW_AN0CUzabmV6T6YPNdGmSxDovvv3xFFI/s320/cs010.jpg" height="227" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEmXw_0toQGVzqo89I7pJOlXiB-v-y8DogAUEtdGAsRdX_vflgbrsDsP5qz4sfznD6QeSt8rd1Mo95As9QLp_Jtcx32wElarODQtglibDRrdUf_z5eKelECY3idns-iYrmqZ_NB-asnRs/s1600/cs007.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEmXw_0toQGVzqo89I7pJOlXiB-v-y8DogAUEtdGAsRdX_vflgbrsDsP5qz4sfznD6QeSt8rd1Mo95As9QLp_Jtcx32wElarODQtglibDRrdUf_z5eKelECY3idns-iYrmqZ_NB-asnRs/s320/cs007.jpg" height="114" width="320" /></a></div>
<br />
pada waktu instalasi, karena file imagenya terbagi menjadi 3 bagian maka
akan muncul permintaan untuk memasukkan file ke 2 dan ke 3, silahkan
load melalui <b><i>Daemon Tools</i></b><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsiTJlhKhIiN-H5de5HiDOir50ooOPOuR16LN1hIUbM7JSYy-0l3lnngP2FLALKFo1qyd6eZXchsT8GZQA0hMqZH_JgIJ44o1KBpX-2ODo551zODyN6005eDD1L8E0ngLpfUGQ-uY33Lg/s1600/cs011.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsiTJlhKhIiN-H5de5HiDOir50ooOPOuR16LN1hIUbM7JSYy-0l3lnngP2FLALKFo1qyd6eZXchsT8GZQA0hMqZH_JgIJ44o1KBpX-2ODo551zODyN6005eDD1L8E0ngLpfUGQ-uY33Lg/s320/cs011.jpg" height="227" width="320" /></a></div>
<br />
Setelah selesai silahkan klik <span style="color: red;"><b><i>DONE</i></b></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJbPaiC_qrdpjwxElC242hT2HEy3EnDvFNR5muE_1iLGQdNzFSplOIx0hh7oHaDaQB5Tfm9zid5xKrT8HtWm0r9lULnaWQ8F2Sm_mcpvB-lUgyBM0eftH5ZfG7StV5sLzJN_Ax-p0T6Fs/s1600/cs012.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJbPaiC_qrdpjwxElC242hT2HEy3EnDvFNR5muE_1iLGQdNzFSplOIx0hh7oHaDaQB5Tfm9zid5xKrT8HtWm0r9lULnaWQ8F2Sm_mcpvB-lUgyBM0eftH5ZfG7StV5sLzJN_Ax-p0T6Fs/s320/cs012.jpg" height="227" width="320" /></a></div>
<br />
Ok sampai disini kita sudah berhasil meng install <span style="color: red;"><b><i>Adobe Dreamweaver CS5</i></b></span></div>
Anonymoushttp://www.blogger.com/profile/16335040056244279899noreply@blogger.com1tag:blogger.com,1999:blog-3536074107347728770.post-86130414720168533652013-02-22T15:44:00.000+07:002014-06-06T20:09:41.124+07:00Cara Mudah Membuat Database Baru Dengan PHPMYADMIN<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- webdinamis300250 -->
<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:250px"
data-ad-client="ca-pub-5372619584879557"
data-ad-slot="7029352388"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
Jika ingin membuat tabel baru di database <span style="color: red;"><b><i>MySQL</i></b></span>, ada cara cepat yaitu lewat <span style="color: red;"><i><b>PHPMYADMIN</b></i></span>, hal pertama yaitu pastikan sudah meng install <span style="color: red;"><b><i>XAMPP</i></b></span>, selanjutnya langsung buka browser anda dan ketik <span style="color: blue;"><b><i>http://localhost/phpmyadmin</i></b></span> sehingga akan muncul halaman seperti gambar dibawah , silahkan login ke database</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLes4WDf7n6QEOrWge_vO0pITl_XmpqkGreMK83XDv8wKjRsfVP3Q4uEwXvLc83TCgvzpr3Gu5pcNi8VVbp2qBm02T5LlO1m9xL3KuwbUamHiFH92Mdv47TrVIixLr3o69TZLjJW4mMBw/s1600/dbbaru.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLes4WDf7n6QEOrWge_vO0pITl_XmpqkGreMK83XDv8wKjRsfVP3Q4uEwXvLc83TCgvzpr3Gu5pcNi8VVbp2qBm02T5LlO1m9xL3KuwbUamHiFH92Mdv47TrVIixLr3o69TZLjJW4mMBw/s320/dbbaru.jpg" width="269" /></a></div>
<br />
Selanjutnya klik menu database, isi dengan nama database yang ingin kita buat kemudian klik Create<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<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/AVvXsEhfi0m577DCWWYuADaxrzogOsIBYTWjpkBaTzC5HrXAV3S2kCoI6gJKSLJiizL58fqem3jo-tXehD8PBrGcTR1tBuaAstx3xGN-U_9zoEvWyv3OLdVNqHr69hezB12fjS3kacu04e9e-hY/s1600/dbbaru004.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="284" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfi0m577DCWWYuADaxrzogOsIBYTWjpkBaTzC5HrXAV3S2kCoI6gJKSLJiizL58fqem3jo-tXehD8PBrGcTR1tBuaAstx3xGN-U_9zoEvWyv3OLdVNqHr69hezB12fjS3kacu04e9e-hY/s320/dbbaru004.jpg" width="320" /></a></div>
Sampai disini kita sudah selesai membuat database baru, cukup mudah bukan?? Selamat mencoba.. !!</div>Anonymoushttp://www.blogger.com/profile/16335040056244279899noreply@blogger.com0tag:blogger.com,1999:blog-3536074107347728770.post-30432092294373133732013-02-22T14:59:00.004+07:002013-02-22T14:59:51.909+07:00Membuat Koneksi ODBC MySQL<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
Sebelum mengkoneksikan database <span style="color: red;"><i><b>MySQL</b></i></span> dengan Dreamweaver kita harus membuat koneksi <span style="color: red;"><b><i>ODBC MySQL</i></b></span> terlebih dahulu. Ok kita langsung saja buka <span style="color: blue;"><b>Control Panel</b></span> -- <b><span style="color: blue;">Administrative Tools</span></b> -- <span style="color: blue;"><b>ODBC</b></span> -- Pilih Tab <span style="color: blue;"><b>System DSN</b></span></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaJLPumRZOWexU6NvMnKbZrKe7PBnH1wP7G16PKubxRw6cpIhf4BkE9bs8dvb9dAtpxGEX5kXn4lm0DKiYBJnf0y4DJ15wDJoY0zGVoh1QD8f7Pu1p27tc6zRlcGf55sqcqbdG7W0Sj_Y/s1600/odbc003.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="239" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaJLPumRZOWexU6NvMnKbZrKe7PBnH1wP7G16PKubxRw6cpIhf4BkE9bs8dvb9dAtpxGEX5kXn4lm0DKiYBJnf0y4DJ15wDJoY0zGVoh1QD8f7Pu1p27tc6zRlcGf55sqcqbdG7W0Sj_Y/s320/odbc003.jpg" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg44Ja5rDCioVtuZySOOnsJQXJzQQnyNAmK5vktRKk47GN7fGnvZ1P9ATOYH4Rf3sWlAsI5vQZnVwp428av9dNviZL-y9XJ56egCwjFjO47f5ZDGuODDA09jIo15P2mH6bLEmAyVzktInI/s1600/odbc.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="256" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg44Ja5rDCioVtuZySOOnsJQXJzQQnyNAmK5vktRKk47GN7fGnvZ1P9ATOYH4Rf3sWlAsI5vQZnVwp428av9dNviZL-y9XJ56egCwjFjO47f5ZDGuODDA09jIo15P2mH6bLEmAyVzktInI/s320/odbc.jpg" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihgCSYYXrT1zuWknAPh4FCOEQepjKj48fJ6hoaYq2kvaLq8AWPUQabWqKgfMNA5OMsaKk09tBwCpqv0P1hKUEOCEcpwPwmaUy5NwVBxurRubTJODcluy2Fz1sBwD6PJMXAsxHJemKbTyM/s1600/odbc002.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="264" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihgCSYYXrT1zuWknAPh4FCOEQepjKj48fJ6hoaYq2kvaLq8AWPUQabWqKgfMNA5OMsaKk09tBwCpqv0P1hKUEOCEcpwPwmaUy5NwVBxurRubTJODcluy2Fz1sBwD6PJMXAsxHJemKbTyM/s320/odbc002.jpg" width="320" /></a></div>
<br />
Selanjutnya <span style="color: blue;"><b>Add</b></span> -- Pilih <span style="color: blue;"><b>MySQL ODBC Driver </b></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaJLPumRZOWexU6NvMnKbZrKe7PBnH1wP7G16PKubxRw6cpIhf4BkE9bs8dvb9dAtpxGEX5kXn4lm0DKiYBJnf0y4DJ15wDJoY0zGVoh1QD8f7Pu1p27tc6zRlcGf55sqcqbdG7W0Sj_Y/s1600/odbc003.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="239" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaJLPumRZOWexU6NvMnKbZrKe7PBnH1wP7G16PKubxRw6cpIhf4BkE9bs8dvb9dAtpxGEX5kXn4lm0DKiYBJnf0y4DJ15wDJoY0zGVoh1QD8f7Pu1p27tc6zRlcGf55sqcqbdG7W0Sj_Y/s320/odbc003.jpg" width="320" /></a></div>
<br />
<div style="text-align: justify;">
Akan muncul jendela baru , isi <b>Data Source Name</b> dengan nama bebas disini saya isi dengan "<span style="color: blue;"><b><i>Latihan</i></b></span>", selanjutnya isi <span style="color: blue;"><b>TCP/IP Server</b></span> dengan IP komputer server disini saya isi dengan IP localhost yaitu <span style="color: blue;"><b>127.0.0.1</b></span>, lakukan test dan pastikan berhasil</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO7spc23k57j11WdjJGNwyhCAV99_FJBlYgJWTawZoWIGseAE_XSSHKTaLa3kdM_U171zNPfAxUqdeqkfgnWypnm9Hr0SiH7rExDUMHkG0_zBt3mty_EQCTyvhuVycvY-MLl6Y4r44Hcg/s1600/dbbaru005.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="306" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO7spc23k57j11WdjJGNwyhCAV99_FJBlYgJWTawZoWIGseAE_XSSHKTaLa3kdM_U171zNPfAxUqdeqkfgnWypnm9Hr0SiH7rExDUMHkG0_zBt3mty_EQCTyvhuVycvY-MLl6Y4r44Hcg/s320/dbbaru005.jpg" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1CPulEHDQ6f_ytHB8teEQKUGe902ig05nn1tgD_B4olK0XlmLyw3U4jR3jaZXeCbZp0Rc2U-RIeA6tR7mRFiGodItL0Q002-PjSxBJ4vGhdVif0_JngTWe-mYG0DLz7zBxOpt7FYus64/s1600/dbbaru006.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1CPulEHDQ6f_ytHB8teEQKUGe902ig05nn1tgD_B4olK0XlmLyw3U4jR3jaZXeCbZp0Rc2U-RIeA6tR7mRFiGodItL0Q002-PjSxBJ4vGhdVif0_JngTWe-mYG0DLz7zBxOpt7FYus64/s320/dbbaru006.jpg" width="319" /></a></div>
<br />
Setelah berhasil di test, klik OK sehingga hasilnya seperti gambar di bawah <br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFKOdrlQff-kvwK3YRiSclxMOi40HyYmdUROhyEjS3Q1QGc8VMro9lDAhkqc43xwTneRM2XtHZoWivHg1x3FiVFQ6OeO14DRybJb_HToiI-SWwhct5t4uH-hvbPBmL9z7_ApttTex7UtE/s1600/dbbaru007.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="264" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFKOdrlQff-kvwK3YRiSclxMOi40HyYmdUROhyEjS3Q1QGc8VMro9lDAhkqc43xwTneRM2XtHZoWivHg1x3FiVFQ6OeO14DRybJb_HToiI-SWwhct5t4uH-hvbPBmL9z7_ApttTex7UtE/s320/dbbaru007.jpg" width="320" /></a></div>
<br />
Ok sampai disini kita sudahberhasil membuat koneksi <span style="color: blue;"><b>ODBC MySQL</b></span></div>
Anonymoushttp://www.blogger.com/profile/16335040056244279899noreply@blogger.com0tag:blogger.com,1999:blog-3536074107347728770.post-40436109960860515142013-02-22T14:40:00.000+07:002014-06-06T20:09:26.538+07:00Install MySQL Connector ODBC Untuk Koneksi Database<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- webdinamis300250 -->
<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:250px"
data-ad-client="ca-pub-5372619584879557"
data-ad-slot="7029352388"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<div dir="ltr" style="text-align: left;" trbidi="on">
Jika ingin membuat koneksi antara database <span style="color: red;"><b><i>MySQL</i></b></span> dan <i><b><span style="color: red;">Dreamweaver</span></b></i> terlebih dahulu harus meng install <span style="color: blue;"><b><i>MySQL Connector ODBC</i></b></span>, silahkan download di situs <a href="http://dev.mysql.com/downloads" target="_blank"><span style="color: blue;"><i><b>MySQL</b></i></span></a>, setelah download install seperti gambar di bawah<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWSUHC-Ik2hlwGLmcIPRb6cnpYGvHooRwwPIMDikS46SZBMMNBWuuPCvqUI7YzMNMxH-98rLbZjtDrA22T22-nKM9PTsPtRziOGzR4E1Roh8QrHZcI43FqGtKTw30ZAXm42CM4n61SwqU/s1600/myodbc003.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="242" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWSUHC-Ik2hlwGLmcIPRb6cnpYGvHooRwwPIMDikS46SZBMMNBWuuPCvqUI7YzMNMxH-98rLbZjtDrA22T22-nKM9PTsPtRziOGzR4E1Roh8QrHZcI43FqGtKTw30ZAXm42CM4n61SwqU/s320/myodbc003.jpg" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis46a6Nfu-Zojzp7lNSOznynFwtMFrbZ2lyQ5zzDA56b0HvxK33tJelhS4XtxoNYUyjInRGYF4KHTl0pPom2qQbXzEYpMKcsJEMjU7CRupmJL-5KC34eeEVn-A7rmWEa47T_qlNJehJSQ/s1600/myodbc.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="242" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis46a6Nfu-Zojzp7lNSOznynFwtMFrbZ2lyQ5zzDA56b0HvxK33tJelhS4XtxoNYUyjInRGYF4KHTl0pPom2qQbXzEYpMKcsJEMjU7CRupmJL-5KC34eeEVn-A7rmWEa47T_qlNJehJSQ/s320/myodbc.jpg" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzK-jsRtJqSjYE54T9BUqolpZInBeRW6bMDI7wWD8jnwtwqr08TbbObSFQlQeXHzK1w4qUmgkeVWOhAKD4-Ae6aycvGQlwAbvkEc6D137A76bo7Zj-0Nn-QR_KPQFfxrZPBrEKp6i2qYo/s1600/myodbc002.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="242" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzK-jsRtJqSjYE54T9BUqolpZInBeRW6bMDI7wWD8jnwtwqr08TbbObSFQlQeXHzK1w4qUmgkeVWOhAKD4-Ae6aycvGQlwAbvkEc6D137A76bo7Zj-0Nn-QR_KPQFfxrZPBrEKp6i2qYo/s320/myodbc002.jpg" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmYvkw3-T3aeYtLoc-ZPdJ5E2GqOfp0czQCvuplVLkh9bVCAMvYx-BIsyjhEGowJ0HVjkr0CPpsTcsAZXy-atuVdLdxw8UZPiupF675eTYRuwA5oEiU7sqKak-fhN6wHUFh-2ZrSVEY94/s1600/myodbc004.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="242" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmYvkw3-T3aeYtLoc-ZPdJ5E2GqOfp0czQCvuplVLkh9bVCAMvYx-BIsyjhEGowJ0HVjkr0CPpsTcsAZXy-atuVdLdxw8UZPiupF675eTYRuwA5oEiU7sqKak-fhN6wHUFh-2ZrSVEY94/s320/myodbc004.jpg" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix2BYgUUdE2aB9uhbwJ9kP0wVkM6jGE8g5SPH5Ooe4T05_sN43JbNYwOIrnp17ZvGeciYmztOvuekp5d4DEcngpOF7aJMnpM5caW8JoQ75rVqU9ovcN9ZthH5hrunqw78Lfb8JJMgNR-c/s1600/myodbc005.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="242" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix2BYgUUdE2aB9uhbwJ9kP0wVkM6jGE8g5SPH5Ooe4T05_sN43JbNYwOIrnp17ZvGeciYmztOvuekp5d4DEcngpOF7aJMnpM5caW8JoQ75rVqU9ovcN9ZthH5hrunqw78Lfb8JJMgNR-c/s320/myodbc005.jpg" width="320" /></a></div>
<br />
Selamat mencoba.!!</div>Anonymoushttp://www.blogger.com/profile/16335040056244279899noreply@blogger.com0tag:blogger.com,1999:blog-3536074107347728770.post-75871620818830960822013-02-20T12:29:00.000+07:002014-06-06T20:09:06.479+07:00Dreamweaver Tutorial - Cara membuat Digit Angka Dengan Dreamweaver
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- webdinamis300250 -->
<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:250px"
data-ad-client="ca-pub-5372619584879557"
data-ad-slot="7029352388"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
Hallo <b><span style="color: red;">Dreamweaver Tutorial</span></b> kali ini akan share tentang Cara membuat Digit Angka Dengan <b>Dreamweaver </b>Jika kita sudah bisa membuat dan menampilkan data pada web dan ingin menampilkan <span style="color: blue;"><i><b>digit angka ratusan, ribuan dan jutaan</b></i></span> ada cara mudah yaitu dengan format number di <span style="color: blue;"><i><b>Dreamweaver</b></i></span>. Silahkan mencoba tutorial berikut.</div>
<div style="text-align: justify;">
Buat file baru dan selanjutnya buat <span style="color: blue;"><i><b>recordset</b></i></span> yg berisi data angka, preview di <span style="color: red;"><b><i>browser</i></b></span> sehingga hasilnya seperti gambar berikut </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR5zJjrteYU62rlgbtntV1s3js_LoUmV1r-01N5R-FfxWGcsDT55Rc_z0ZO7h5nCqTdnszbApBZoQmLs-fMa4xthc5zVZ18C7ygwkn28fbq_SPFdIuoEFIbk8-nXbAIBUFNyyYfJ_z_do/s1600/DIGIT.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR5zJjrteYU62rlgbtntV1s3js_LoUmV1r-01N5R-FfxWGcsDT55Rc_z0ZO7h5nCqTdnszbApBZoQmLs-fMa4xthc5zVZ18C7ygwkn28fbq_SPFdIuoEFIbk8-nXbAIBUFNyyYfJ_z_do/s320/DIGIT.jpg" height="137" width="320" /></a></div>
<div style="text-align: justify;">
Selanjutnya pada halaman design nya pilih data yang akan dirubah, selanjutnya pada menu <span style="color: red;"><i><b>Application -- Binding -- Selected (NONE)</b></i></span> di klik dan pilih <b><i><span style="color: red;">Number -- Rounded To Integer</span></i></b></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPV8lZ3CfIYNWutyBKuNOazOfYSkB6zCdmfP9Ueo9cXQ_Jqh5_6WYSckTzCjSUAfehnV3MXjso_GzQlXb6itaBZjsfqp5oj-KUirINyEn_pzd717fFh_gWckuhbcid-c1VuRLjwGPGVEo/s1600/DIGIT003.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPV8lZ3CfIYNWutyBKuNOazOfYSkB6zCdmfP9Ueo9cXQ_Jqh5_6WYSckTzCjSUAfehnV3MXjso_GzQlXb6itaBZjsfqp5oj-KUirINyEn_pzd717fFh_gWckuhbcid-c1VuRLjwGPGVEo/s320/DIGIT003.jpg" height="248" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin_vqesITKA6NF_9syPEZ00-HN0B7XaIcO4F6xkfYcfIUksDKSzLGD6o1gDppbodC-PqHGtJf0f23W5jxxzvtH65mr1bIIeVPb73byRY0iWtSoP-hnoneFZPxF_3B3BYoB95NlAXfu99w/s1600/DIGIT004.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin_vqesITKA6NF_9syPEZ00-HN0B7XaIcO4F6xkfYcfIUksDKSzLGD6o1gDppbodC-PqHGtJf0f23W5jxxzvtH65mr1bIIeVPb73byRY0iWtSoP-hnoneFZPxF_3B3BYoB95NlAXfu99w/s320/DIGIT004.jpg" height="320" width="265" /></a></div>
<br />
<br />
Silahkan simpan dan preview di <span style="color: blue;"><b>Browser </b></span>anda sehingga muncul hasil seperti gambar dibawah.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqmSoaBMuG08ONkFs6yVEyACrYSMgyEC5HHqvwTf2Ju_iTAOZ56J2i_TesJaDTucKgjGK86iBFQDvDaJZllZTRo7cvBn3hNS-zcN5Abm0KZetrSrSPpzUYD4Amci-0iQYu09xSeBhpl6k/s1600/DIGIT005.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqmSoaBMuG08ONkFs6yVEyACrYSMgyEC5HHqvwTf2Ju_iTAOZ56J2i_TesJaDTucKgjGK86iBFQDvDaJZllZTRo7cvBn3hNS-zcN5Abm0KZetrSrSPpzUYD4Amci-0iQYu09xSeBhpl6k/s320/DIGIT005.jpg" height="168" width="320" /></a></div>
<br />
<br />
<br />
<br />
Jangan lupa<span style="color: blue;"><b><i> format number</i></b></span> seperti diatas akan error jika data yang ditampilkan berupa<span style="color: red;"><b><i> null</i></b></span> atau data kosong, sehingga untuk menyiasati hal tersebut, data null bisa diganti dengan nilai 0. OK <b style="text-align: justify;"><span style="color: red;">Dreamweaver Tutorial</span></b><span style="text-align: justify;"> tentang Cara membuat Digit Angka Dengan </span><b style="text-align: justify;">Dreamweaver sudah selesai. </b>Selamat mencoba</div>Anonymoushttp://www.blogger.com/profile/16335040056244279899noreply@blogger.com0tag:blogger.com,1999:blog-3536074107347728770.post-3443521026236451932013-02-20T10:26:00.000+07:002014-06-06T20:08:47.607+07:00Dreamweaver Tutorial - Cara Membuat Chart Dengan FusionCharts For Dreamweaver<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- webdinamis300250 -->
<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:250px"
data-ad-client="ca-pub-5372619584879557"
data-ad-slot="7029352388"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
Jika ingin menampilkan data dalam sebuah chart pada web anda tidak perlu repot untuk belajar coding dan scripting. Dengan<span style="color: red;"><b><i> Dreamweaver</i></b></span> dan addon <b><i><span style="color: red;">FusionCharts for Dreamweaver</span></i></b> anda sudah bisa membuat <span style="color: red;"><b><i>Chart</i></b></span> yang menarik. Dreamweaver Tutorial kali ini akan share <b>cara Membuat Chart Dengan FusionCharts For Dreamweaver</b> .Berikut tutorialnya.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Buka <span style="color: blue;"><b>Dreamweaver</b></span> dan buat halaman baru simpan dengan nama <b><span style="color: blue;">chart.asp</span></b> (ASP Vbscript) , jangan lupa sebelumnya harus melakukan langkah <a href="http://webdinamis.blogspot.com/2012/06/membuat-web-dinamis-berbasis-asp-dengan.html" target="_blank"><span style="color: #38761d;"><b><i>Define Site</i></b></span></a> dan membuat <a href="http://webdinamis.blogspot.com/2012/07/membuat-koneksi-database-dengan-halaman.html" target="_blank"><span style="color: #38761d;"><b><i>Koneksi Database</i></b></span></a> terlebih dahulu.</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFGXzBiJbUQMbVNIt5xDw7EHjECagj32WiiHzK3BenLiIcpxobp0k6YDKYPMYerqqs9j5dRIcX5ZWDwP2hAiWvx0w7Bxm4pRPia4WuBlaR7bFkdbVoZIgfadpHHTq6bxyhq5ucGIU6XPY/s1600/chart1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFGXzBiJbUQMbVNIt5xDw7EHjECagj32WiiHzK3BenLiIcpxobp0k6YDKYPMYerqqs9j5dRIcX5ZWDwP2hAiWvx0w7Bxm4pRPia4WuBlaR7bFkdbVoZIgfadpHHTq6bxyhq5ucGIU6XPY/s320/chart1.jpg" height="223" width="320" /></a></div>
<br />
Buat<span style="color: red;"><b><i> Recordset</i></b></span> baru, pilih mode <span style="color: blue;"><b>Advanced</b></span> selanjutnya ketik query nya dan jangan lupa di Test<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiav1Yn1Dv6nP9ulDZrlcCub37RtzcPR6isIf8SmDnwvZPwQWrzXnceRHrg7elMBWHFB0Q2WqsTY4fRp69nIaJfRBU8fyFcCivNlo6DhGx4kptVg4lGYDHcUND7w8L-D7P03quSJduaKFU/s1600/chart003.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiav1Yn1Dv6nP9ulDZrlcCub37RtzcPR6isIf8SmDnwvZPwQWrzXnceRHrg7elMBWHFB0Q2WqsTY4fRp69nIaJfRBU8fyFcCivNlo6DhGx4kptVg4lGYDHcUND7w8L-D7P03quSJduaKFU/s320/chart003.jpg" height="320" width="236" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPp_KwKmDvyO0EpKn7CSWk9IKWSEAicTHRS1opk0aKzi6YtSPbJq94oxtVxCDWdaP7mCQ9xFjvsUOVpwVnUpSZxeD11f6MY4mtC3Z8CMEjL0Z2cKXD8VgEOcmWLotphXFokveMLqBrLB8/s1600/chart005.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPp_KwKmDvyO0EpKn7CSWk9IKWSEAicTHRS1opk0aKzi6YtSPbJq94oxtVxCDWdaP7mCQ9xFjvsUOVpwVnUpSZxeD11f6MY4mtC3Z8CMEjL0Z2cKXD8VgEOcmWLotphXFokveMLqBrLB8/s320/chart005.jpg" height="224" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg97UZMUnUrSKsWbnS13-KHjYhoPLycmnqZMO-K2d4QOC0Dhd8Vljo4-kdJrgrUsYSY1SjINqFMblgKVsivgyMtE6ZqmexkaKtOwpAw5kpQUq3EZmekyBEYMclYg_Y3_Bn74LZq21wwqHg/s1600/chart006.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg97UZMUnUrSKsWbnS13-KHjYhoPLycmnqZMO-K2d4QOC0Dhd8Vljo4-kdJrgrUsYSY1SjINqFMblgKVsivgyMtE6ZqmexkaKtOwpAw5kpQUq3EZmekyBEYMclYg_Y3_Bn74LZq21wwqHg/s320/chart006.jpg" height="236" width="320" /></a></div>
<br />
<br />
<br />
<br />
<br />
<div style="text-align: justify;">
Jika recordset tersebut sudah dibuat, masuk ke menu <span style="color: blue;"><b>Insert -- FusionCharts For DW -- Insert Dynamic Simple Chart</b></span></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLBS4QsRUd3m5CryaTK2fz8gUReInW4tnrZ_EmQMTHY4yIBXcltQkMrsgoPcLfCkrkEpu28CCwfjdP6eKjmm9DdtuCpzzoP4Q0dm17nHMEWJmCRCDt9dKNzl7bZlfTD9FUfAT8Tsyg-Hk/s1600/chart007.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLBS4QsRUd3m5CryaTK2fz8gUReInW4tnrZ_EmQMTHY4yIBXcltQkMrsgoPcLfCkrkEpu28CCwfjdP6eKjmm9DdtuCpzzoP4Q0dm17nHMEWJmCRCDt9dKNzl7bZlfTD9FUfAT8Tsyg-Hk/s1600/chart007.jpg" /></a></div>
<br />
<br />
<br />
<br />
<div style="text-align: justify;">
Pada Tab <span style="color: blue;"><b>Data</b></span>-<span style="color: blue;"><b> Step 1</b></span>- <span style="color: blue;"><b>Select Data Source</b></span> pilih opsi <span style="color: red;"><b><i>Use Data From Already Defined Recordset</i></b></span>, pada <span style="color: blue;"><b>Step 2 Configure Data Source</b></span>, pada bagian <span style="color: red;"><b><i>Define Category</i></b></span> pilih <span style="color: blue;"><b>Recordset</b></span> dengan nama recordset yang telah kita buat, Isi <span style="color: blue;"><b>Column</b></span> dengan Field Data hasil query yang ingin dijadikan sebagai sumbu X nya, disini saya isi dengan Field <span style="color: blue;"><b>THTUNGG</b></span>, selanjutnya pada <span style="color: blue;"><b>Define Series</b></span> pilih <span style="color: blue;"><b>Recordset</b></span> dengan nama recordset yang telah kita buat, Isi Column dengan Field Data hasil query, disini saya isi dengan Field <span style="color: blue;"><b>BAYAR</b></span> sebagai sumbu Y nya </div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrtlTmtqPx70XK1eQxZk_l0YJ0_ptczl9zQuoLddKYFstUCHRTFY0HubrfpwAr2s872C_ShXwfZhWWKRLVM2PENLssRxlEFC1VK1MHTRhhEBZY4VyMcwU-s0IIq7wLxXX67S2vXGA4hjA/s1600/chart008.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrtlTmtqPx70XK1eQxZk_l0YJ0_ptczl9zQuoLddKYFstUCHRTFY0HubrfpwAr2s872C_ShXwfZhWWKRLVM2PENLssRxlEFC1VK1MHTRhhEBZY4VyMcwU-s0IIq7wLxXX67S2vXGA4hjA/s320/chart008.jpg" height="320" width="309" /></a></div>
<br />
<div style="text-align: justify;">
Selanjutnya Pilih <span style="color: blue;"><b>Tab Chart Selection</b></span>, pilih <span style="color: blue;"><b>Chart Colum 3D</b></span>, selanjutnya pada bagian <span style="color: red;"><b><i>Chart Preset</i></b></span> pilih <span style="color: blue;"><b>True Values</b></span> untuk menampilkan data secara utuh, pada bagian <span style="color: red;"><b><i>Style Presets</i></b></span> dan <span style="color: red;"><b><i>Color Schemes</i></b></span> bisa dipilih sesuai selera.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNrUAoRBQcjpSAIioF3kkfJAbD77qc6Q6SN8eqqwBqb6Xurb_8jSSYgMLswbpQSySqmJuRIff420Z_-vkMxCJEe4Uqm05fK-C5sbquWpWpdns8HBJxf7AwXku-EnsgJwu0B3ONGE2eoHA/s1600/chart009.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNrUAoRBQcjpSAIioF3kkfJAbD77qc6Q6SN8eqqwBqb6Xurb_8jSSYgMLswbpQSySqmJuRIff420Z_-vkMxCJEe4Uqm05fK-C5sbquWpWpdns8HBJxf7AwXku-EnsgJwu0B3ONGE2eoHA/s320/chart009.jpg" height="320" width="309" /></a></div>
<br />
Selnjutnya Pilih <span style="color: blue;"><b>Tab General Options</b></span>, isi <span style="color: blue;"><b>Chart Name</b></span> dengan nama bebas, Isi <span style="color: blue;"><b>Caption</b></span> dan <span style="color: blue;"><b>Subcaption</b></span> sesuai Judul Chart, selanjutnya klik <span style="color: blue;"><b>Ok</b></span> sampai <span style="color: blue;"><b>Finish</b></span> sehingga hasilnya seperti gambar berikut<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmsNK-OWOKoEbynwRN0syJHffBYk3VYhTfZ0Bd3ac40vS_W2o3OAR9dEQsMhoJJtCE9g6UvURx0DhURVfb1gkJNyBaPu1JEIQM10vLeDrjLjr7oMWZ31JSlrOGdOHpUiptV8iTZ6l3xgk/s1600/chart011.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmsNK-OWOKoEbynwRN0syJHffBYk3VYhTfZ0Bd3ac40vS_W2o3OAR9dEQsMhoJJtCE9g6UvURx0DhURVfb1gkJNyBaPu1JEIQM10vLeDrjLjr7oMWZ31JSlrOGdOHpUiptV8iTZ6l3xgk/s320/chart011.jpg" height="320" width="305" /></a></div>
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM1WeorH9xg6zSUQ5NR35ndO3XfaqNhPzUPp0i9wHLZ-2QNhF6k5nF7b9x0spyNlgZOXJFnRlJ1W2h-ltH-sOkymift1t8qPnv5K0WQCV-duazKOLu1mGg_4Sq7-3kMNUjzTPKs70P97Y/s1600/chart012.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM1WeorH9xg6zSUQ5NR35ndO3XfaqNhPzUPp0i9wHLZ-2QNhF6k5nF7b9x0spyNlgZOXJFnRlJ1W2h-ltH-sOkymift1t8qPnv5K0WQCV-duazKOLu1mGg_4Sq7-3kMNUjzTPKs70P97Y/s320/chart012.jpg" height="97" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPmD_1dbaAvvW0DX8CIIPW_Y2Cy6v4HFQ8kIQRct8WuFP-zcvDW6Z2vaQab20_dJWgvw2h-ydepuLPGgYQSjakbTWqcr9eGqBlqkWHxFpwW5zVHyoHmh45wTT-07c1LWA7b0oYTALmB8Q/s1600/chart013.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPmD_1dbaAvvW0DX8CIIPW_Y2Cy6v4HFQ8kIQRct8WuFP-zcvDW6Z2vaQab20_dJWgvw2h-ydepuLPGgYQSjakbTWqcr9eGqBlqkWHxFpwW5zVHyoHmh45wTT-07c1LWA7b0oYTALmB8Q/s320/chart013.jpg" height="83" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP4w_CYU9eGGbXdWjHyDh_1POpp85YCzdsZqA2M7cYi3KO0xwyWOQA9kheHpmVl9EilPzYWeRlPu_ZBAbiNMbm7e9qWuP9PTJLjhoY3N05c8bdfbraZAw_1c9rfCQAqD4UKyGc5gjySug/s1600/chart014.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP4w_CYU9eGGbXdWjHyDh_1POpp85YCzdsZqA2M7cYi3KO0xwyWOQA9kheHpmVl9EilPzYWeRlPu_ZBAbiNMbm7e9qWuP9PTJLjhoY3N05c8bdfbraZAw_1c9rfCQAqD4UKyGc5gjySug/s320/chart014.jpg" height="263" width="320" /></a></div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKEUEAAmAx3Zdze6LfELC5jd9JVAkuj3EA5W-8JxrXXo5Qav8bjpPe91QctR9ik-w1sdYxeaUusFqIO7zHP17iIjoNbXifpfaxXbXjwLuoP-qf-w7bMKhNDDh6F5d9lZoUBBRDYm2lkBY/s1600/chart015.jpg" style="margin-left: 1em; margin-right: 1em;"><br /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKEUEAAmAx3Zdze6LfELC5jd9JVAkuj3EA5W-8JxrXXo5Qav8bjpPe91QctR9ik-w1sdYxeaUusFqIO7zHP17iIjoNbXifpfaxXbXjwLuoP-qf-w7bMKhNDDh6F5d9lZoUBBRDYm2lkBY/s1600/chart015.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div>
<br />
Ketika dipreview hasilnya seperti gambar di bawah.. Selamat Mencoba<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKEUEAAmAx3Zdze6LfELC5jd9JVAkuj3EA5W-8JxrXXo5Qav8bjpPe91QctR9ik-w1sdYxeaUusFqIO7zHP17iIjoNbXifpfaxXbXjwLuoP-qf-w7bMKhNDDh6F5d9lZoUBBRDYm2lkBY/s1600/chart015.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKEUEAAmAx3Zdze6LfELC5jd9JVAkuj3EA5W-8JxrXXo5Qav8bjpPe91QctR9ik-w1sdYxeaUusFqIO7zHP17iIjoNbXifpfaxXbXjwLuoP-qf-w7bMKhNDDh6F5d9lZoUBBRDYm2lkBY/s320/chart015.jpg" height="261" width="320" /></a></div>
<br /></div>Anonymoushttp://www.blogger.com/profile/16335040056244279899noreply@blogger.com3tag:blogger.com,1999:blog-3536074107347728770.post-7028476907961089832013-02-13T15:26:00.002+07:002014-06-06T20:08:28.801+07:00Dreamweaver Tutorial - Cara Menampilkan Data Dari Database Dengan Dreamweaver - Part2<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- webdinamis300250 -->
<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:250px"
data-ad-client="ca-pub-5372619584879557"
data-ad-slot="7029352388"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<div dir="ltr" style="text-align: left;" trbidi="on">
Setelah selesai membuat <span style="color: red;"><b><i>ODBC</i></b></span> dan <span style="color: red;"><b><i>Koneksi dengan dengan Database</i></b></span>, langkah selanjutnya kita akan membuat recordset, yang berfungsi untuk menampilkan data dari hasil query database. Buka file<span style="color: red;"><b><i> latih.asp</i></b></span> kemudian pada menu <span style="color: red;"><b><i>Application</i></b></span> silahkan klik Tab <b><i><span style="color: red;">Bindings</span></i></b> , klik tanda + dan pilih <span style="color: red;"><b><i>Recordset (Query)</i></b></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbpQQid8kQIfjFJFpPfMM1uQzbYhyphenhyphenspJRyoCO6mxrHrZhlHSz3dTKQqL_6ZbixkFSZiaUm-1C8uxOxjlhggD6fT5gQS6OcsahBxiOKTGqGH8cVoK9JrUmm2F1h3nnDyYZD5eXCwRrgG-c/s1600/create-web008.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbpQQid8kQIfjFJFpPfMM1uQzbYhyphenhyphenspJRyoCO6mxrHrZhlHSz3dTKQqL_6ZbixkFSZiaUm-1C8uxOxjlhggD6fT5gQS6OcsahBxiOKTGqGH8cVoK9JrUmm2F1h3nnDyYZD5eXCwRrgG-c/s320/create-web008.jpg" height="226" width="320" /></a></div>
<br />
<br />
<br />
<br />
<br />
Untuk membuat recordset ini ada dua metode yaitu <span style="color: red;"><b><i>Simple</i></b></span> dan <i><b><span style="color: red;">Advanced</span></b></i>, jika memilih opsi simple kita tinggal memilih tabel dan kolom yang akan ditampilkan dengan dibatasi filter yang sederhana, sebaliknya jika memilih mode <span style="color: red;"><b><i>Advanced</i></b></span> kita bisa membuat script query yang lebih rumit dan komplek.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB5dXyityzfgLYCwJp96tW106mpImrNxK3IWtUP2B_ZnY2RaIQZuCn2Yti1mxJzB4xDyzQkGviv1Wezb6MDH2Wg8auEYqrurjULWd_zRQ6B2Cy0dKJo4r0Hy_ta-4lJDAAXcL3UFrf73s/s1600/create-web009.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB5dXyityzfgLYCwJp96tW106mpImrNxK3IWtUP2B_ZnY2RaIQZuCn2Yti1mxJzB4xDyzQkGviv1Wezb6MDH2Wg8auEYqrurjULWd_zRQ6B2Cy0dKJo4r0Hy_ta-4lJDAAXcL3UFrf73s/s320/create-web009.jpg" height="219" width="320" /></a></div>
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxNVW_bjuY2vbjPlYMVzm4M9VhPUgz0qhiYO9ujx5duQQtAaSwfj0hnHmZcnH07VnZ-N2JyDSs3FPrkiyiIV-qQbxD2A17yAlJkywLBgpc2QX-RqrvaSg7oqCk0Gk45i2TG3q06WgpDmQ/s1600/create-web010.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxNVW_bjuY2vbjPlYMVzm4M9VhPUgz0qhiYO9ujx5duQQtAaSwfj0hnHmZcnH07VnZ-N2JyDSs3FPrkiyiIV-qQbxD2A17yAlJkywLBgpc2QX-RqrvaSg7oqCk0Gk45i2TG3q06WgpDmQ/s320/create-web010.jpg" height="215" width="320" /></a></div>
<br />
setelah membuat <span style="color: red;"><b><i>query</i></b></span>, untuk melihat hasil dari query yang sudah kita buat silahkan klik Test, sehingga muncul hasil seperti gambar di bawah ini<br />
<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/AVvXsEgczv3x11B4dmbugha2Q6yzAcY3eBqYNsBqqqrfCo3IzPsCRqHYgMHEoil3P_R6jsdcfsHU3Q_u2LJ06IH9jlb_F65fr39XOi3Avne4nl2DImg3adUPdsbZQMEZ8cuVpVLa2mGlrKufQA8/s1600/create-web011.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgczv3x11B4dmbugha2Q6yzAcY3eBqYNsBqqqrfCo3IzPsCRqHYgMHEoil3P_R6jsdcfsHU3Q_u2LJ06IH9jlb_F65fr39XOi3Avne4nl2DImg3adUPdsbZQMEZ8cuVpVLa2mGlrKufQA8/s320/create-web011.jpg" height="235" width="320" /></a></div>
<br />
Setelah muncul hasil Querynya selanjutnya klik OK, sehingga muncul recordset yang telah kita buat.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh93C6-q3i5UCBimvLYjsJJXt9fIJJvTQrPZgr2x2CW4tFsnPmcTLmHJwjeE_9fpH4xsTyM02she7KJJntDf5d45mv8E-9MeSYiRv14Uyt2uN66mdcU5CvWxaBXWbafGGJGFaTD-1YnACc/s1600/create-web012.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh93C6-q3i5UCBimvLYjsJJXt9fIJJvTQrPZgr2x2CW4tFsnPmcTLmHJwjeE_9fpH4xsTyM02she7KJJntDf5d45mv8E-9MeSYiRv14Uyt2uN66mdcU5CvWxaBXWbafGGJGFaTD-1YnACc/s320/create-web012.jpg" height="209" width="320" /></a></div>
<br />
<br />
<br />
<br />
<br />
Setelah itu masuk ke menu <span style="color: red;"><b><i>Application</i></b></span> kemudian klik <span style="color: red;"><b><i>Dynamic Table</i></b></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<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/AVvXsEj9U6cCMfDQwdzTjwxTeC5QZb97PnS9arCyq15XsgKqrudUnzlrEuzDVGEc0MTNj4e_H816VqIC2XcrAmC1OBvICCEhT9DXz4NLuIvHFSyRpyCjEcNjxqU8p7GSxw1HDWIW3w-Ou1bmYcQ/s1600/create-web013.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9U6cCMfDQwdzTjwxTeC5QZb97PnS9arCyq15XsgKqrudUnzlrEuzDVGEc0MTNj4e_H816VqIC2XcrAmC1OBvICCEhT9DXz4NLuIvHFSyRpyCjEcNjxqU8p7GSxw1HDWIW3w-Ou1bmYcQ/s1600/create-web013.jpg" /></a></div>
<br />
<br />
setelah itu akan muncul menu seperti gambar dibawah ini<b><i>,</i></b><i><b> </b></i>pilih recordset yang akan kita munculkan hasilnya dengan klik dropdown<i><b> </b></i>menu recordset, <i><b> </b></i>kemudian pilih opsi <span style="color: red;"><b><i>All Record</i></b></span> untuk menampilkan semua record, kemudian klik OK.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPJRDCjxHK1H42mRgMBZQI1ArrR6CS-HHenOwHvQjlMKLg4vKoNCvjllv35U4LknRqDsN8Jg0Dw5sUU2hut80rtU2wLdvcXOh4pRNcCyHKRy0dM0PqwJEHy2Iu22ohS9qq0YlsFgou41o/s1600/create-web014.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPJRDCjxHK1H42mRgMBZQI1ArrR6CS-HHenOwHvQjlMKLg4vKoNCvjllv35U4LknRqDsN8Jg0Dw5sUU2hut80rtU2wLdvcXOh4pRNcCyHKRy0dM0PqwJEHy2Iu22ohS9qq0YlsFgou41o/s320/create-web014.jpg" height="180" width="320" /></a></div>
<br />
Setelah itu akan muncul hasilnya seperti gambar dibawah<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioLQWeouqQMzfP00TfHukEIiWPRPQ2iIMOrv9H-5TjtHI8eDNa7NGvM3yYNwbvQzCknbmMCCupcPkr37fPHgWzrAtTx3IoscHJp9h-j1aAk7-kcuMV0BhlYwdN4DfABROa17fvE-HZP-E/s1600/create-web015.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioLQWeouqQMzfP00TfHukEIiWPRPQ2iIMOrv9H-5TjtHI8eDNa7NGvM3yYNwbvQzCknbmMCCupcPkr37fPHgWzrAtTx3IoscHJp9h-j1aAk7-kcuMV0BhlYwdN4DfABROa17fvE-HZP-E/s320/create-web015.jpg" height="182" width="320" /></a></div>
<br />
<br />
<br />
<br />
<br />
<br />
Selanjutnya jika ingin melihat hasilnya di browser bisa tekan <span style="color: red;"><b><i>F12</i></b></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWfhZvA5hQEiABeah7lwM1aC7zJ528mrAIGiD8js37JXR8L4FobFpnMLR5_wRy7-BXR17Q8t0o-P8SvubsM8PvhCZ55zbuKmMVGtsi-ZTSc9y04G_fNaORrpM2SahmVm6LAS7rn_Vv5UE/s1600/create-web016.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWfhZvA5hQEiABeah7lwM1aC7zJ528mrAIGiD8js37JXR8L4FobFpnMLR5_wRy7-BXR17Q8t0o-P8SvubsM8PvhCZ55zbuKmMVGtsi-ZTSc9y04G_fNaORrpM2SahmVm6LAS7rn_Vv5UE/s320/create-web016.jpg" height="154" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJPW7VVrCClk7D5_LoxladrBiWT1-rtV2AE5NwS-sv1OK1gUhegrEQpmfBOfzcrl_xnoitPYqfuTb1oXMHkksUaJW2yKWqYmtGhKw3WJrIc7WELzEsXpuh9gqSeNJXBp1ykqYDyBu3Mwo/s1600/create-web017.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJPW7VVrCClk7D5_LoxladrBiWT1-rtV2AE5NwS-sv1OK1gUhegrEQpmfBOfzcrl_xnoitPYqfuTb1oXMHkksUaJW2yKWqYmtGhKw3WJrIc7WELzEsXpuh9gqSeNJXBp1ykqYDyBu3Mwo/s320/create-web017.jpg" height="213" width="320" /></a></div>
Ok sampai disini kita sudah berhasil membuat sebuah halaman web dinamis... Selamat mencoba.!!</div>Anonymoushttp://www.blogger.com/profile/16335040056244279899noreply@blogger.com0tag:blogger.com,1999:blog-3536074107347728770.post-88959940294408758022012-08-03T07:36:00.000+07:002014-06-06T20:08:10.065+07:00Dreamweaver Tutorial - Mempercantik Tabel Dengan Efek Mouse Over<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- webdinamis300250 -->
<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:250px"
data-ad-client="ca-pub-5372619584879557"
data-ad-slot="7029352388"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg15FQkX7V51JNiOTt7OXEQ79Zsu-OuKcQQQTMkgzm6kUvDhysjC6aQJBrX9tNSIqiZe0ErVisbhAs8MDpvwQInxKf8Ec3ia0fVJYRYqALRhCNr7UVRlzyA5Cc4tAA8Y3fjso5-RFNrvk8/s1600/create-web017.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /></a></div>
<div style="text-align: justify;">
Hallo semua, kali ini <b><span style="color: red;">Dreamweaver Tutorial</span></b> akan share mengenai cara <b>Mempercantik Tabel Dengan Efek Mouse Over</b> sehingga terlihat lebih menarik. Langsung saja buat sebuah halaman baru kemudian simpan dan selanjutnya buat sebuah <span style="color: red;"><b><i>recordset</i></b></span> seperti tutorial <span style="color: blue;"><a href="http://webdinamis.blogspot.com/2013/02/membuat-halaman-dinamis-berbasis-asp.html" target="_blank"><b><i>sebelumnya</i></b></a></span> dan letakkan <span style="color: red;"><b><i>recordset</i></b></span> hasil <span style="color: red;"><b><i>query</i></b></span> tersebut dengan menu <b><i><span style="color: red;">Dynamic Table</span></i></b> sehingga tampilannya seperti gambar dibawah</div>
<div style="text-align: justify;">
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg15FQkX7V51JNiOTt7OXEQ79Zsu-OuKcQQQTMkgzm6kUvDhysjC6aQJBrX9tNSIqiZe0ErVisbhAs8MDpvwQInxKf8Ec3ia0fVJYRYqALRhCNr7UVRlzyA5Cc4tAA8Y3fjso5-RFNrvk8/s1600/create-web017.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg15FQkX7V51JNiOTt7OXEQ79Zsu-OuKcQQQTMkgzm6kUvDhysjC6aQJBrX9tNSIqiZe0ErVisbhAs8MDpvwQInxKf8Ec3ia0fVJYRYqALRhCNr7UVRlzyA5Cc4tAA8Y3fjso5-RFNrvk8/s320/create-web017.jpg" height="213" width="320" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Selanjutnya klik tabel propertiesnya, isi <span style="color: red;"><b><i>Border</i></b></span> dengan nilai 1, <b><i><span style="color: red;">CellSpace</span></i></b> dengan nilai 0 dan <span style="color: red;"><b><i>Cellpad</i></b></span> dengan nilai 3, kemudian letakkan tabel tersebut di tengah halaman dengan memilih <span style="color: red;"><b><i>Align Center</i></b></span> sehingga terlihat seperti gambar dibawah</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_o1C1CdcJ4u7LC_jOEGIQ2_Ct-x1NSfo38wEvY9lehm-IV0_x9f6C7JUiPt82Y3EkOeKHL8Elrs5zCZ1hi4TjaHqPevejEZQ_4TdLzqDt4aeBGA_090_7H8m98I_7e9OSBGtwjmz1Jgg/s1600/tabel-properties.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_o1C1CdcJ4u7LC_jOEGIQ2_Ct-x1NSfo38wEvY9lehm-IV0_x9f6C7JUiPt82Y3EkOeKHL8Elrs5zCZ1hi4TjaHqPevejEZQ_4TdLzqDt4aeBGA_090_7H8m98I_7e9OSBGtwjmz1Jgg/s320/tabel-properties.jpg" height="54" width="320" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigJ5rFtDAQ30TA7PWX0bnayGqf5BgngwdWUGJcXnZjvgE5QPwIEnJE-XAMPW9mrVO0alrZQE7zPbHQ4FPCaEHjkYrhz8a_kJbjmh-c7Vd4pkuOR5DTUg2ollYipAeof7fTaZT7uwsV1kc/s1600/tabel-properties002.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigJ5rFtDAQ30TA7PWX0bnayGqf5BgngwdWUGJcXnZjvgE5QPwIEnJE-XAMPW9mrVO0alrZQE7zPbHQ4FPCaEHjkYrhz8a_kJbjmh-c7Vd4pkuOR5DTUg2ollYipAeof7fTaZT7uwsV1kc/s320/tabel-properties002.jpg" height="184" width="320" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Selanjutnya masuk ke menu <span style="color: red;"><b><i>Application</i></b></span> -- <b><i><span style="color: red;">Server Behaviors</span></i></b> -- <b><i><span style="color: red;">Technocurve</span></i></b> -- <span style="color: red;"><b><i>Alternate Row Colors Mouse Over</i></b></span></div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8nwllYNzRFl5kq6sVq41jsDbBjTZ6QDEtEOrKhJO91Cfb299IZkqa-C9vB5S4TnhHz484Kug8lPw2VFn0od1cZuKOoif1tUYe0hLtoncCYYPdIAxRO2tgJ8PJYXz81VfQ_1RyGygbu88/s1600/tabel-properties003.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8nwllYNzRFl5kq6sVq41jsDbBjTZ6QDEtEOrKhJO91Cfb299IZkqa-C9vB5S4TnhHz484Kug8lPw2VFn0od1cZuKOoif1tUYe0hLtoncCYYPdIAxRO2tgJ8PJYXz81VfQ_1RyGygbu88/s320/tabel-properties003.jpg" height="244" width="320" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Isi <span style="color: red;"><b><i>First Color</i></b></span>, <b><i><span style="color: red;">Second Color</span></i></b> dan <b><i><span style="color: red;">MouseOver Color</span></i></b> dengan warna berbeda dan isi <b><i><span style="color: red;">Tr Tag</span></i></b> dengan <b><span style="color: blue;">Tr[1]</span></b>, kemudian klik <span style="color: red;"><b><i>OK</i></b></span></div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim8OYjSbfKL2XTFiW7Oc47oG81arcQzn6Q26q2_ljQNvAh3rceP7bxvjOO0LbbAXtpQsU3NHo_Sh7aJ4FZ1NnAKnrlVsJRyXqoTA-60q0KuUPdHDSIHIF1wUOoGZQ_ZIyM8xQzWCTK-js/s1600/tabel-properties004.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim8OYjSbfKL2XTFiW7Oc47oG81arcQzn6Q26q2_ljQNvAh3rceP7bxvjOO0LbbAXtpQsU3NHo_Sh7aJ4FZ1NnAKnrlVsJRyXqoTA-60q0KuUPdHDSIHIF1wUOoGZQ_ZIyM8xQzWCTK-js/s320/tabel-properties004.jpg" height="209" width="320" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Selanjutnya preview lewat browser sehingga tampilannya seperti gambar berikut</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSuwlZfKYIo0W64J-PGf6WRt42BWGJ4nseUvFCrhYb-HOp9MHfnjWCopVrgN4ke87gjl9QhrTJtd7GelO5YtmaeVjgq1UuGRFakBB8jGJs0-ZuLB11aiXgsnd0OSwH9rGHlPEip124IiI/s1600/tabel-properties005.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSuwlZfKYIo0W64J-PGf6WRt42BWGJ4nseUvFCrhYb-HOp9MHfnjWCopVrgN4ke87gjl9QhrTJtd7GelO5YtmaeVjgq1UuGRFakBB8jGJs0-ZuLB11aiXgsnd0OSwH9rGHlPEip124IiI/s320/tabel-properties005.jpg" height="277" width="320" /></a></div>
<div style="text-align: justify;">
</div>
<br />
<br />
<div style="text-align: justify;">
</div>
OK.. <b style="text-align: justify;"><span style="color: red;">Dreamweaver Tutorial</span></b><span style="text-align: justify;"> mengenai cara </span><b style="text-align: justify;">Mempercantik Tabel Dengan Efek Mouse Over </b><span style="text-align: justify;">sudah selesai</span><b style="text-align: justify;"> .. </b>Selamat Mencoba .. !!!</div>Anonymoushttp://www.blogger.com/profile/16335040056244279899noreply@blogger.com0tag:blogger.com,1999:blog-3536074107347728770.post-65348391903104734462012-07-12T13:17:00.000+07:002014-06-06T20:07:55.086+07:00Dreamweaver Tutorial - Cara Menampilkan Data Dari Database Dengan Dreamweaver - Part1<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- webdinamis300250 -->
<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:250px"
data-ad-client="ca-pub-5372619584879557"
data-ad-slot="7029352388"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<b><span style="color: red;">Dreamweaver Tutorial</span></b> kali ini akan share mengenai cara Membuat Halaman Web Berbasis ASP . Setelah membuat koneksi<span style="color: red;"> </span><span style="color: #b00000;"><i><b><span style="color: red;">ODBC</span> </b></i></span>dengan database oracle seperti tutorial<span style="color: blue;"><i> "Membuat Koneksi ODBC Oracle"<span style="color: black;"> </span></i><span style="color: black;">kita sudah bisa membuat halaman web dinamis. Langsung saja buka aplikasi <span style="color: red;"><i><b>Dreamweaver</b></i></span> kemudian buat file baru , simpan dengan nama <span style="color: blue;"><i>latih1.asp<b><span style="color: black;"> </span></b></i></span></span></span></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt3IZ_bNn8dw3C4VZi_2D8gITSSA-sdi9ApQYphtJ7q7i-ofXhJ7f883hHr1XJ8E3VFxdcPORwsKOku48U0KO71Ic0WBgRHzulF51yii_7lIcgO648JjTLJNG7fQwA26eSH8uDKyIG9gk/s1600/create-web.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt3IZ_bNn8dw3C4VZi_2D8gITSSA-sdi9ApQYphtJ7q7i-ofXhJ7f883hHr1XJ8E3VFxdcPORwsKOku48U0KO71Ic0WBgRHzulF51yii_7lIcgO648JjTLJNG7fQwA26eSH8uDKyIG9gk/s320/create-web.jpg" height="264" width="320" /></a></div>
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQNzJChwR8mYSklAvjHme7Iy_SRHnG41Ax8StYXS5B3MTdzYvgwYK6lrgVQ98tXpsOFPP2psM_b0_-U7WyVnziNScrrUzifhCqlQo0WHgwKsoQNneIzQCQHQO6bGm4pMEgacyHHfY-6-M/s1600/create-web002.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQNzJChwR8mYSklAvjHme7Iy_SRHnG41Ax8StYXS5B3MTdzYvgwYK6lrgVQ98tXpsOFPP2psM_b0_-U7WyVnziNScrrUzifhCqlQo0WHgwKsoQNneIzQCQHQO6bGm4pMEgacyHHfY-6-M/s320/create-web002.jpg" height="256" width="320" /></a></div>
<br />
<br />
<br />
<span style="color: blue;"><span style="color: black;"><span style="color: blue;"><i><b><span style="color: black;"> </span></b></i><span style="color: black;"><span style="color: black;">Setelah disimpan, di menu <span style="color: red;"><b><i>Application</i></b></span> pada tab <span style="color: red;"><b><i>Database</i></b></span> masih kosong sehingga kita harus membuat koneksi dengan database oracle<i><b>. </b></i>Selanjutnya klik tanda + pada tab Database pilih <span style="color: red;"><b><i>Data Source Name (DSN)</i></b></span>, isi <span style="color: red;"><b><i>Connection Name</i></b></span> dengan nama bebas, kemudian pilih <b><i><span style="color: red;">DSN</span></i></b> dengan , <span style="color: red;"><b><i>Username</i></b></span> dan <span style="color: red;"><b><i>Password</i></b></span> sesuai dengan user database oracle, silahkan klik Test dan pastikan muncul Connection Was Made Successfully..</span></span></span></span></span><br />
<span style="color: blue;"><span style="color: black;"><span style="color: blue;"><span style="color: black;"><span style="color: black;"><br /></span></span></span></span></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXjeIrc7CTy4-qtWbQMiPpfHJjDcMRJGjrel2SEQJ1gXh6Aq638y3jcXWq3t8h_d4qL2YiplSvZIm-vt3CZVKd0PKvsUR286T4xZakjDfebdHOcyldGL1HJvtXgbehoTgoe2ZjFPmwhUM/s1600/create-web003.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXjeIrc7CTy4-qtWbQMiPpfHJjDcMRJGjrel2SEQJ1gXh6Aq638y3jcXWq3t8h_d4qL2YiplSvZIm-vt3CZVKd0PKvsUR286T4xZakjDfebdHOcyldGL1HJvtXgbehoTgoe2ZjFPmwhUM/s320/create-web003.jpg" height="248" width="320" /></a></div>
<span style="color: blue;"><span style="color: black;"><span style="color: blue;"><span style="color: black;"><span style="color: black;"><br /></span></span></span></span></span>
<span style="color: blue;"><span style="color: black;"><span style="color: blue;"><span style="color: black;"><span style="color: black;"><br /></span></span></span></span></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimSa-urHlXsaM9O7wlVVZL3gOkqgTxGkJrR3elDkT6i0qf8rrE0kcsEu2rvyg8X7z_2J7lj5dsixk1-fmzoaG_4dDpNkEK-5mJbOE9j4J668JF9MXtnHI5fw2JTRhW-dff-a3ln4LpdCw/s1600/create-web004.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimSa-urHlXsaM9O7wlVVZL3gOkqgTxGkJrR3elDkT6i0qf8rrE0kcsEu2rvyg8X7z_2J7lj5dsixk1-fmzoaG_4dDpNkEK-5mJbOE9j4J668JF9MXtnHI5fw2JTRhW-dff-a3ln4LpdCw/s320/create-web004.jpg" height="126" width="320" /></a></div>
<span style="color: blue;"><span style="color: black;"><span style="color: blue;"><span style="color: black;"><span style="color: black;"><br /></span></span></span></span></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNk25Dd6O78hPRymuQCAC4qjCxahJxzxrWaU8qMMLh6DDHq-dztsiVEjE_NgumXhMecqiBDUT0JmhzsiGo7E0e-2VX1Egmqv_IVprNUqZmlbVjnupUcH8x6LV78oD7Ve0kr6g2M9PZhFE/s1600/create-web005.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNk25Dd6O78hPRymuQCAC4qjCxahJxzxrWaU8qMMLh6DDHq-dztsiVEjE_NgumXhMecqiBDUT0JmhzsiGo7E0e-2VX1Egmqv_IVprNUqZmlbVjnupUcH8x6LV78oD7Ve0kr6g2M9PZhFE/s1600/create-web005.jpg" /></a></div>
<br />
<br />
<br />
<br />
<span style="color: blue;"><span style="color: black;">Sampai disini </span></span><b style="text-align: justify;"><span style="color: red;">Dreamweaver Tutorial</span></b><span style="text-align: justify;"> mengenai cara </span> membuat koneksi di Web latihan sudah selesai. Di <b>tutorial Dreamweaver</b> selanjutnya kita akan membuat halaman yang menampilkan data dari database.. </div>Anonymoushttp://www.blogger.com/profile/16335040056244279899noreply@blogger.com0tag:blogger.com,1999:blog-3536074107347728770.post-80763272110536276272012-07-02T07:09:00.000+07:002014-06-06T20:07:37.523+07:00Dreamweaver Tutorial - Cara Membuat Koneksi ODBC Oracle<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- webdinamis300250 -->
<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:250px"
data-ad-client="ca-pub-5372619584879557"
data-ad-slot="7029352388"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<div dir="ltr" style="text-align: left;" trbidi="on">
<b><span style="color: red;">Dreamweaver Tutorial </span></b>kali ini akan share tentang <b>Cara Membuat Koneksi ODBC Oracle</b>. Untuk menghubungkan antara web berbasis ASP dengan dengan database, kita harus membuat koneksi terlebih dahulu dengan database tersebut, pada tutorial kali ini saya kebetulan memakai Oracle database, ok langsung aja kita buka <b><span style="color: red;"><i>Control Panel</i></span></b> dan masuk ke <span style="color: red;"><b><i>Administrative Tools</i></b></span><br />
<span style="color: red;"><b><i> </i></b></span> <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigiN7sY4yTgnQqANtVk2U_yLVT2IwZ-o3irMc5Lk2KQeqFfJ5baBmVceA-jBdd8fyh1MsM0ZRCVMCihlq5uxXYDwYwfl2Pm6jK9Gt6JfaNZUAwQfQMhL2yeYOOACTjpovnGMY0mQ4FaC8/s1600/create-ODBC.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigiN7sY4yTgnQqANtVk2U_yLVT2IwZ-o3irMc5Lk2KQeqFfJ5baBmVceA-jBdd8fyh1MsM0ZRCVMCihlq5uxXYDwYwfl2Pm6jK9Gt6JfaNZUAwQfQMhL2yeYOOACTjpovnGMY0mQ4FaC8/s320/create-ODBC.jpg" height="320" width="287" /></a></div>
<br />
kemudian setelah itu pilih <span style="color: red;"><b><i>Data Source (ODBC)</i></b></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3M5iMPy03FyXHLtlA9bHQfJkW9UJZuXIAPfHq1XkrM3V08WHnELKwJLOccA3EpYNv7P74Bt8SDhCMDB1XFbApUboXO51zOlXvIZL0YWEOULd7sEIjFz7vx6Nvf17j-lI5HhOl4ngyA_g/s1600/create-ODBC002.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3M5iMPy03FyXHLtlA9bHQfJkW9UJZuXIAPfHq1XkrM3V08WHnELKwJLOccA3EpYNv7P74Bt8SDhCMDB1XFbApUboXO51zOlXvIZL0YWEOULd7sEIjFz7vx6Nvf17j-lI5HhOl4ngyA_g/s320/create-ODBC002.jpg" height="258" width="320" /></a></div>
<br />
<br />
<br />
<br />
Klik pada Tab <span style="color: red;"><b><i>System DSN</i></b></span> kemudian <span style="color: red;"><b><i>Add</i></b></span> , selanjutnya pilih <span style="color: red;"><b><i>Microsoft ODBC For Oracle</i></b></span> dan klik <span style="color: red;"><b><i>Finish</i></b></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvvNN78Txg6q9BVZ2gJGGq6aHK2dc1x3DXFC0AgwVVGNDd-Y67wvx5Ye90nQytU7wGYjNKswAaRRa5iJ2WdJ8vkLzIo0-KaCA7hon2ilOIbCpor8BlZ59yyPhZXZ7fFwiA7NmEtlVHb2U/s1600/create-ODBC003.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvvNN78Txg6q9BVZ2gJGGq6aHK2dc1x3DXFC0AgwVVGNDd-Y67wvx5Ye90nQytU7wGYjNKswAaRRa5iJ2WdJ8vkLzIo0-KaCA7hon2ilOIbCpor8BlZ59yyPhZXZ7fFwiA7NmEtlVHb2U/s320/create-ODBC003.jpg" height="238" width="320" /></a></div>
<br />
Selanjutnya isi <span style="color: red;"><b><i>Data Source Name</i></b></span> dengan nama bebas, isi username dan Server sesuai dengan user dan nama server database oracle, selanjutnya klik <span style="color: red;"><b><i>OK</i></b></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKNqmbgXvAOW3ZYnvQurz8CehURbeDY3A8iE9mTiwlP0J7MpBgv4Jqf7g2k2mAUgN0zDeh3FvGZiDD-T5AUe_ryX9NMOmPe5sYSdpv7JWUFbX7ACQcOqdS4Y7xRopbfuLdJfJsV1v4_Hg/s1600/create-ODBC004.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKNqmbgXvAOW3ZYnvQurz8CehURbeDY3A8iE9mTiwlP0J7MpBgv4Jqf7g2k2mAUgN0zDeh3FvGZiDD-T5AUe_ryX9NMOmPe5sYSdpv7JWUFbX7ACQcOqdS4Y7xRopbfuLdJfJsV1v4_Hg/s320/create-ODBC004.jpg" height="125" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnIwzm9Sgevj-q6sQcZAERARhS9EY1zfTGPOsPe_6HjUvSoYHTf41CiI3uRW6TuJnCVyIGpjiF4ss8hvMWOdqiHUQp_CZ9DzUBaTyNMbkSNNA-Kw-amk-UoWAMvr8DFtAvdzXmD6dlY3Y/s1600/create-ODBC005.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnIwzm9Sgevj-q6sQcZAERARhS9EY1zfTGPOsPe_6HjUvSoYHTf41CiI3uRW6TuJnCVyIGpjiF4ss8hvMWOdqiHUQp_CZ9DzUBaTyNMbkSNNA-Kw-amk-UoWAMvr8DFtAvdzXmD6dlY3Y/s320/create-ODBC005.jpg" height="259" width="320" /></a></div>
<br />
<br />
<br />
Ok, sampai disini <b><span style="color: red;">Dreamweaver Tutorial </span></b>tentang <b>Cara Membuat Koneksi ODBC Oracle </b>sudah selesai, selanjutnya kita sudah bisa membuat web dinamis berbasis ASP.. See U in the next tutorial.. :)</div>Anonymoushttp://www.blogger.com/profile/16335040056244279899noreply@blogger.com1tag:blogger.com,1999:blog-3536074107347728770.post-8352310384152689362012-06-28T01:54:00.004+07:002014-06-06T20:07:07.835+07:00Dreamweaver Tutorial - Cara Membuat Koneksi Ke Database MySQL Dengan Dreamweaver<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- webdinamis300250 -->
<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:250px"
data-ad-client="ca-pub-5372619584879557"
data-ad-slot="7029352388"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
Jika ingin membuat sebuah web dinamis berbasis PHP maka kita harus membuat koneksi ke database untuk menampilkan data dari dalam database tersebut ke dalam browser. <b><span style="color: red;">Dreamweaver Tutorial</span></b> kali ini akan share tentang <b><span style="color: red;">Cara membuat koneksi database MySQL Dengan Dreamweaver </span></b> tanpa menggunakan coding sama sekali . Kita hanya memerlukan beberapa software dan tool diantaranya yaitu :</div>
<ul style="text-align: justify;">
<li>Macromedia Dreamwever</li>
<li>MySQL Connector ODBC</li>
</ul>
<div style="text-align: justify;">
Yang perlu dilakukan pertama kali yaitu meng install <b style="color: blue;">MySQL Connector ODBC</b>, kemudian memastikan kita sudah melakukan "<b style="color: blue;">Manage Site</b>" terlebih dahulu. Jika anda belum tau bagaimana cara "Manage Site" anda bisa membaca artikel sebelumnya yang berjudul "<a href="http://webdinamis.blogspot.com/2012/06/membuat-web-dinamis-berbasis-php-dengan.html"><b style="color: blue;">Membuat Web Dinamis Berbasis PHP Dengan Dreamweaver - Define Site</b></a>".</div>
<div style="text-align: justify;">
Setelah melakukan "<b><span style="color: blue;">Manage Site</span></b>" buatlah sebuah file PHP baru dan simpan ke dalam direktori sesuai settingan "Manage Site" yang telah dibuat. Dalam hal ini sesuai contoh sebelumnya kita simpan di directory "<b style="color: red;">C:/xampp/htdocs/latihan</b>" dengan nama "<b style="color: red;">coba.php</b>" </div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2oncHfGBc24EsvUFMAk4l3Zy6NIyl4-0WT1cZu34NO0nzR-3c8i6BAI0UilGWBjNRblPImzxzQUjj798uEExfrRf4d1ghusw3I4Qtg0PE0U5MHELZkDch9jvMHdax67G5yAGqOKr_RKg/s1600/koneksi002.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2oncHfGBc24EsvUFMAk4l3Zy6NIyl4-0WT1cZu34NO0nzR-3c8i6BAI0UilGWBjNRblPImzxzQUjj798uEExfrRf4d1ghusw3I4Qtg0PE0U5MHELZkDch9jvMHdax67G5yAGqOKr_RKg/s320/koneksi002.jpg" height="238" width="320" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh60PNYc4qraK05wcLrH1BdzmL6Wsp4jTog8nO3c900BzOoFARQ01QO-ANp8Oo-QvLtRBc-XJzK0dukrL63KjPoriJF6FHDK_pKotd5EsGQAYA5OfipalXM5fI9gw1oHfms-Huyqjkrd_E/s1600/koneksi.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh60PNYc4qraK05wcLrH1BdzmL6Wsp4jTog8nO3c900BzOoFARQ01QO-ANp8Oo-QvLtRBc-XJzK0dukrL63KjPoriJF6FHDK_pKotd5EsGQAYA5OfipalXM5fI9gw1oHfms-Huyqjkrd_E/s320/koneksi.jpg" height="320" width="177" /></a></div>
<br />
Selanjutnya pada menu sebelah kanan " <b style="color: blue;">Aplication</b>" pilih tab "<b><span style="color: blue;">Database</span></b>" kemudian klik tanda <b style="color: blue;">(+)</b> , kemudian pilih "<b style="color: blue;">MySQL Connection</b>" seperti gambar dibawah<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNohREXFDAIdA63BUkYWT4bFpswHW-8v7jzIXWC0tBioNwqRznpXsttpbPDhvVfqtetZ9wddHmQ_bSUGq0MewLUzbWmEAhX9Rn4g1FraMhgCEFp_YOoKhPplndKN8rybEgmzApoubfq4g/s1600/koneksi003.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNohREXFDAIdA63BUkYWT4bFpswHW-8v7jzIXWC0tBioNwqRznpXsttpbPDhvVfqtetZ9wddHmQ_bSUGq0MewLUzbWmEAhX9Rn4g1FraMhgCEFp_YOoKhPplndKN8rybEgmzApoubfq4g/s1600/koneksi003.jpg" /></a></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div style="text-align: justify;">
Selanjutnya isi form "<b style="color: blue;">Conection Name</b>" dengan nama koneksi yang diinginkan disini sebagi contoh saya beri nama "<b style="color: blue;">konek</b>". Selanjutnya isi form MySQL server dengan isian "<b style="color: blue;">localhost</b>" karena dalam hal ini server MySQLnya diinstall di PC lokal kita sendiri. Selanjutnya isi form "<b style="color: blue;">Username</b>" dan "<b><span style="color: blue;">Password</span></b>" dengan username dan password database MySQL yang telah kita buat sebelumnya. Selanjutnya form database kita klik button "<b style="color: blue;">Select</b>" sehingga akan muncul beberapa database yang ada di MySQL, dalam contoh dibawah kita memilih database "<b><span style="color: blue;">db</span></b>". Setelah form terisi semua klik tombol "<b style="color: blue;">OK</b>"</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixRm66LBx2wB3bcU6W-EtTVgvUfdZl9W9VHLITHbu4CX_k4Zcup6tG4Y5uCCK-PP2OiHdZAMDg-5aOB5xu4zeLpD6xfPtUxxG9sxmSlLFq_OJbUfHstQkc10yRB_5ISMP7yQn4jo-VtJk/s1600/koneksi005.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixRm66LBx2wB3bcU6W-EtTVgvUfdZl9W9VHLITHbu4CX_k4Zcup6tG4Y5uCCK-PP2OiHdZAMDg-5aOB5xu4zeLpD6xfPtUxxG9sxmSlLFq_OJbUfHstQkc10yRB_5ISMP7yQn4jo-VtJk/s320/koneksi005.jpg" height="145" width="320" /></a></div>
<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/AVvXsEiHQMBcv12JL4cbxHhtu9bgW1KolyejHVgaBrAqD4kPHZD9oB3TOh9k56zUTkn4Ca5EWIrs_umRBviEbR8c3VujXARzhTExdh-AIY20pnzW2NIfy8yjxFHjjRNp_O1or1rr4OIXBSmLJa4/s1600/koneksi004.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHQMBcv12JL4cbxHhtu9bgW1KolyejHVgaBrAqD4kPHZD9oB3TOh9k56zUTkn4Ca5EWIrs_umRBviEbR8c3VujXARzhTExdh-AIY20pnzW2NIfy8yjxFHjjRNp_O1or1rr4OIXBSmLJa4/s320/koneksi004.jpg" height="164" width="320" /></a></div>
<br />
OK anda sudah berhasil membuat koneksi ke database MySQL. Selamat Mencoba</div>Anonymoushttp://www.blogger.com/profile/16335040056244279899noreply@blogger.com0