Praktikum

<div class="separator" style="clear: both; text-align: center;">
</div>
Untuk upload web kehosting, pastikan anda sudah memiliki hosting (berbayar / free). ada 2 cara yang dapat kita lakukan untuk mengapload web anda ke hosting, yaitu dengan menggunakan akun FTP atau menggunkan File Manager. 
 
MENGGUNAKAN AKUN FTP 
Untuk menggunakan akun FTP pastikan ada telah menginstal  applikasi FTP ( FileZilla, WinSCP,Dll ), berikut langkah -langkahnya : 
1. Buka aplikasi, kemudian login menggunkan user dan password anda. 
 
<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/AVvXsEh0XmdO3_tR1tjR68OoxdUMnn7RDW4nNxSizbLWe8nUKDsghNzgu2Qb-jLGTjkXI6ql5l8hHFgwHtHHldfmHbuJJmh8BFsdhUiUUZfI3E0d7gbgL6msEC1jT_OdVlRCnYkm8NOwqJdBBUU/s1600/login.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="142" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0XmdO3_tR1tjR68OoxdUMnn7RDW4nNxSizbLWe8nUKDsghNzgu2Qb-jLGTjkXI6ql5l8hHFgwHtHHldfmHbuJJmh8BFsdhUiUUZfI3E0d7gbgL6msEC1jT_OdVlRCnYkm8NOwqJdBBUU/s1600/login.jpg" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLu2dD9UsXPFgFPavhzON8_J6Wiiu5uRp4Lr-cjc5TcrDHuDCnHt_e9eUoKbVxYbu2GbroAzgBW0YE6Al6wq8ZepSNV_8evw3ZaOLrw43eilT3FUu8xBOaSsw_R6pFIOOM_q6P5R6gS8w/s1600/c_panel1.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLu2dD9UsXPFgFPavhzON8_J6Wiiu5uRp4Lr-cjc5TcrDHuDCnHt_e9eUoKbVxYbu2GbroAzgBW0YE6Al6wq8ZepSNV_8evw3ZaOLrw43eilT3FUu8xBOaSsw_R6pFIOOM_q6P5R6gS8w/s1600/c_panel1.jpg" width="280" /></a></div>
 
<div class="separator" style="clear: both; text-align: center;">
</div>
2. Cari menu FTP Akses, untuk melihat host dan user 
 FTP anda. (atau cek email anda  biasanya dikirimkan pada saat registrasi). 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOqqNbWpBKIVeceons2zUE1VaX_UuViAjfpQuUhvh8Fy_RgYRN3e4o8J7HEDcXSx7LmSVEOY8t-hlGxa66GRdXXJDLagCGnpUJs8LwWH8eIXSPKAxfU7UbdiD5Om_Xuw3Jtc8v_QC5-2s/s1600/ftp_akun.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="145" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOqqNbWpBKIVeceons2zUE1VaX_UuViAjfpQuUhvh8Fy_RgYRN3e4o8J7HEDcXSx7LmSVEOY8t-hlGxa66GRdXXJDLagCGnpUJs8LwWH8eIXSPKAxfU7UbdiD5Om_Xuw3Jtc8v_QC5-2s/s320/ftp_akun.jpg" width="320" /></a></div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO-05fRPC9zmWwIKJJWdZxKAmxL-qcKKryfRRlH_R9jq4WGp4jml8xVM7nR_5yGM2lX8tOwfHxBBX0bww6TsfF38cn03AtksqS2g0TnnCqxsdWU2xEFi5FP6FHg5qa9hCW6nxF1wK17PI/s1600/akun_ftp_akses.jpg" imageanchor="1" style="clear: left; display: inline !important; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" height="142" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO-05fRPC9zmWwIKJJWdZxKAmxL-qcKKryfRRlH_R9jq4WGp4jml8xVM7nR_5yGM2lX8tOwfHxBBX0bww6TsfF38cn03AtksqS2g0TnnCqxsdWU2xEFi5FP6FHg5qa9hCW6nxF1wK17PI/s320/akun_ftp_akses.jpg" width="320" /></a> 
 
 
 
 
3. Buka aplikasi FTP, saya contohkan menggunakan FileZilla, kemudian masukkan masukkan host, username dan password anda. 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioZLm-G9b1TEHN-wxu3TKOago-SwEe9iEdgUIyZ0IAt412d5KyT0oIxjh3I4aaBIqYLtcO-831KH3TEm9ntAk_QKL4j7MDvpx1rO_Z-3wtjGQnbbnqaAgRzDIZ8j-HGKnxs_MW5Eaai9k/s1600/file_zilla.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="70" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioZLm-G9b1TEHN-wxu3TKOago-SwEe9iEdgUIyZ0IAt412d5KyT0oIxjh3I4aaBIqYLtcO-831KH3TEm9ntAk_QKL4j7MDvpx1rO_Z-3wtjGQnbbnqaAgRzDIZ8j-HGKnxs_MW5Eaai9k/s320/file_zilla.jpg" width="320" /></a></div>
 
 
 
 
 
 
Tampilan setelah login : 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU6eYaBQw2M6KL1R9-cRhxLq-GSjqaHd7HeoL0VwV3WGjxyPjryiYPvh3fTcy57bV2gRwrBagwA6biPGaUWrBxxGmSC6pmzTQ709HpSggE_Rkl4lc2z7NuEmCrz9nYf5ms97zzFujnvFk/s1600/file_zilla_login.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="289" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU6eYaBQw2M6KL1R9-cRhxLq-GSjqaHd7HeoL0VwV3WGjxyPjryiYPvh3fTcy57bV2gRwrBagwA6biPGaUWrBxxGmSC6pmzTQ709HpSggE_Rkl4lc2z7NuEmCrz9nYf5ms97zzFujnvFk/s320/file_zilla_login.jpg" width="320" /></a></div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4. setelah login, pastikan anda masuk pada direktori > public_html, dan hapus semua file didalmnya dengan cara tekan CTRL+A, kemudian klik kanan > delete 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4nf0DKUtcPI5KTl4uj4RYR7TZ6I66_argFuJp0cH_frSI4LdvmgPM8q_98A_j-CEJpcPvJ_6OBm05q5-5gGBm_J_dWaZiBLRj6acbQyxO7X7j8OuZOJ71_epIs5RVRPoe1LVlnHnrVYc/s1600/hapus_file_dipublikhtml.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="289" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4nf0DKUtcPI5KTl4uj4RYR7TZ6I66_argFuJp0cH_frSI4LdvmgPM8q_98A_j-CEJpcPvJ_6OBm05q5-5gGBm_J_dWaZiBLRj6acbQyxO7X7j8OuZOJ71_epIs5RVRPoe1LVlnHnrVYc/s320/hapus_file_dipublikhtml.jpg" width="320" /></a></div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5. setelah selesai menghapus, cari file/ data web yang akan anda upload, kemudian CTRL + A, Klik > Upload. 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-LGuhyphenhyphen-IOqj2qb7IyrWVtWv8oqR07QwndoDYde2JDvgBkObLTIB9UjPbIdIrjyjmQILKxIYyqsvGlsp5vGzFVN0_mXagbrMUzmpvav3KilgUhnFiZX88NpizGjfoTlztzZee6333BP1s/s1600/upload_ftp.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="289" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-LGuhyphenhyphen-IOqj2qb7IyrWVtWv8oqR07QwndoDYde2JDvgBkObLTIB9UjPbIdIrjyjmQILKxIYyqsvGlsp5vGzFVN0_mXagbrMUzmpvav3KilgUhnFiZX88NpizGjfoTlztzZee6333BP1s/s320/upload_ftp.jpg" width="320" /></a></div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Tunggu sampai proses upload selesai. 
 
6. Jika terjadi upload yang tidak sempurna, biasanya akan diupload ulang dan akan menampilkan pesan peringatan. silahkan klik alway user this action. hal tersebut agar pesan tidak selalu ditampilkan/ mengikuti aturan yng kita buat. 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI4Ht26gqZVE_23Y1DgClZWytwH29YgQJTs72Rt9uvFlVXOFYmI42gucYE6nfw2w6TV_ngGiNhwmAudS92obIxy4rc-Wq2eEQNYPenHUfRQnugCSflPEY2jIprWB3W3ED_4EHIeXBHeUI/s1600/over.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="145" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI4Ht26gqZVE_23Y1DgClZWytwH29YgQJTs72Rt9uvFlVXOFYmI42gucYE6nfw2w6TV_ngGiNhwmAudS92obIxy4rc-Wq2eEQNYPenHUfRQnugCSflPEY2jIprWB3W3ED_4EHIeXBHeUI/s320/over.jpg" width="320" /></a></div>
 
 
 
 
 
 
 
 
 
 
7. jika sudah selesai proses upload, kita dapat melihat data yang berhasil diupload dan yang gagal diupload pada bagian bawah FileZilla. 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6XwjmUx0N5E15Rt7XcbjW8li17X0TU0vfvwV08AdHuHzEY4-rX3Dgrzxbs5kTILVTnDDCQ_cZPOH3ViEPc2CItVd4yAKA1I4Orn3BVmLGqZD-6ezaL4AKnVaCBcJW8AteAXGWsTEaUVg/s1600/data_transver.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="76" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6XwjmUx0N5E15Rt7XcbjW8li17X0TU0vfvwV08AdHuHzEY4-rX3Dgrzxbs5kTILVTnDDCQ_cZPOH3ViEPc2CItVd4yAKA1I4Orn3BVmLGqZD-6ezaL4AKnVaCBcJW8AteAXGWsTEaUVg/s320/data_transver.jpg" width="320" /></a></div>
jika terjadi filed transfer, silahkan klik filed transfer > klik kanan > reset and requeue all 
 
 
 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6IbV5ka6j1HxFc90WaH7VY0slRTZkACuBHm3qNXU_cgNygI84p-ZeFZiWSQfc410WfhSSfQWrUXCb6dLer8VDHv2XNC8Yuk7idcFIVy9xBuhWB4mNCREGwesyDFqIkiud2p_11bwpqkE/s1600/re_upload_filed.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="289" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6IbV5ka6j1HxFc90WaH7VY0slRTZkACuBHm3qNXU_cgNygI84p-ZeFZiWSQfc410WfhSSfQWrUXCb6dLer8VDHv2XNC8Yuk7idcFIVy9xBuhWB4mNCREGwesyDFqIkiud2p_11bwpqkE/s320/re_upload_filed.jpg" width="320" /></a></div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Selanjutnya klik kanan> Process Queue untuk memulai upload data yang gagal. 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBk4VB9uxUZjm2JOhchFl_QlC1YojvSyxlkf0CWMATp1XJ6IMmcePhLORkmPfJCVud7pVolTQzVtAYo62gjLU_CLShURhH46OArHfskw5Kh6AAZT0DYxOZ34jg1m91rPVS7coZTWzEGZw/s1600/proses_reupload.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="289" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBk4VB9uxUZjm2JOhchFl_QlC1YojvSyxlkf0CWMATp1XJ6IMmcePhLORkmPfJCVud7pVolTQzVtAYo62gjLU_CLShURhH46OArHfskw5Kh6AAZT0DYxOZ34jg1m91rPVS7coZTWzEGZw/s320/proses_reupload.jpg" width="320" /></a></div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Setelah selesai, silahkan jalankan/ akses domain anda.

Untuk upload web kehosting, pastikan anda sudah memiliki hosting (berbayar / free). ada 2 cara yang dapat kita lakukan untuk mengapload we...

<div class="style3" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;">
</div>
<h3>
OBJEKTIF:</h3>
Setelah mempelajari materi ini diharapkan anda dapat memahami penggunaan element-element untuk pembuatan form. 
<div class="style3" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;">
</div>
<h3>
MATERI:</h3>
Element FORM, Element INPUT, Element SELECT, Element OPTION, Element TEXTAREA <h3>
ELEMENT FORM</h3>
Element FORM berfungsi untuk mendefinisikan form interaktif. Element ini mempunyai attribute yaitu action, dan method. Attribute action berisikan aksi terhadap form yang dikirim (URI) dan attribute method berisikan metode form melakukan proses pengiriman(GET/POST). Sintaks: <form action="action" method="GET"|"POST">    ........................... </form> <h3>
ELEMENT INPUT</h3>
Element INPUT berfungsi untuk mendefinisikan input yang akan dimasukkan pengguna. Element ini mempunyai attribute yaitu name, size, type, value, checked. Attribute name mendefinisikan nama dari input kontrol form, attribute size mendefinisikan ukuran teks pada input kontrol, type mendefinisikan bentuk-bentuk input kontrol, value mendefinisikan nilai awal/reset/submit, checked mendefinisikan pilihan terpilih pada type radio/checkbox. Element ini tidak mempunyai tag penutup dan harus berada di dalam element FORM. Sintaks: <input           name="name"           size="number"           type="text"|"checkbox"|"radio"|"submit"|"reset"           value="value"           checked > <h3>
ELEMENT SELECT</h3>
Element SELECT berfungsi untuk mendefinisikan opsi pilihan pada form kontrol. Element ini mempunyai attribute yaitu name, size, multiple(diizinkan banyak pilihan). Element ini harus berada di dalam element FORM. Sintaks: <select           name="name"           size="number"           multiple > ..................... </select> <h3>
ELEMENT OPTION</h3>
Element OPTION mendefinisikan opsi pilihan pada menu SELECT. Element ini mempunyai attribute selected, dan value. Attribute selected opsi terpilih dan attribute value berisikan nilai element OPTION.  Sintaks: <option           selected           value="number" > ..................... </option> <h3>
ELEMENT TEXTAREA</h3>
Element TEXTAREA berfungsi sebagai input kontrol form untuk memasukkan teks lebih dari satu baris. Element ini mempunyai attribute yaitu name, cols, rows. Attribute name mendefinisikan nama input kontrol form element textarea, attribute cols mendefinisikan jumlah kolom textarea yang terlihat, dan attribute rows mendefinisikan jumlah baris textarea yang terlihat. Element ini harus berada di dalam element FORM Sintaks: <textarea           name="name"           cols="number"           rows="number" > ..................... </textarea>

OBJEKTIF: Setelah mempelajari materi ini diharapkan anda dapat memahami penggunaan element-element untuk pembuatan form. MATERI: El...