Ketikweb: Tips Trik Membuat Web| Tips Trik Cara Cepat Mudah Belajar Web dan Desain

Home » Posts filed under Tips Trik Membuat Web

Showing posts with label Tips Trik Membuat Web. Show all posts

Saturday, September 8, 2012

5 Langkah Persiapan Mental Belajar Web

Assalamu alaikum Wr.Wb

Banyak para programmer pemula menjadi bingung saat baru memulai menuliskan skrip pemrograman. Mempelajari skrip yang begitu panjang dan memusingkan hingga akhirnya memutuskan untuk berhenti, menurut saya itu hal yang sangat disayangkan sekali. Berikut Insya Allah beberapa tips strategi dari pengalaman pribadi saya bagaimana mempersiapkan diri menghadapi skrip pemrograman :

1. Menyenangkan. Kata yang satu ini sungguh saya tidak asal. Di saat pertama kali saya menuliskan skrip dan menjalankannya, hal pertama yang saya rasakan adalah WOOW... Saya Hebaaat... karena hanya dengan menulis kita bisa munculkan apa saja sesuatu yang kita inginkan berdasarkan skrip yang kita tuliskan. Rasanya seperti seorang profesor yang sementara membuat penelitian besar dan penelitian tersebut berhasil dengan sempurna. Cobalah sobat temukan sesuatu yang berharga dan bisa teman - teman banggakan saat berhasil menuliskan skrip dan skrip tersebut bisa berjalan dengan sempurna.

2. Mudah. Jangan tersinggung dengan kata tersebut. Teman - teman yang baru belajar program biasanya melihat skrip begitu saja tanpa mempelajari setiap perintah di dalamnya. Hingga akhirnya sugesti diri sendiri bahwa bahasa pemrograman ini adalah bahasa planet luar angkasa yang tidak mungkin bisa dipahami olehnya. Percayalah skrip itu mudah asal kita mau mengamati dan mempelajari setiap detail maksud perintahnya satu per satu.

3. Berfikir kaku. Kesalahan yang satu ini banyak sekali saya temukan terjadi di kalangan pemula. Menuliskan skrip contoh dan menjalankannya dan berhasil namun parahnya tidak mendapatkan manfaat apa-apa. Hal ini terjadi karena pola berfikir terlalu kaku. Menurut saya, bahasa pemrograman adalah bahasa ide. Banyak hal yang teman - teman bisa ciptakan dengan ide teman - teman. Skrip contoh hanyalah sebuah contoh, teman - teman cobalah manipulasi atau berkreasi sendiri dengan melalukan improvisasi dari skrip contoh yang teman - teman pelajari. Lalu jalankan kembali skripnya dan jika berhasil artinya teman - teman telah menciptakan formula baru.

4. Berfikir uang. Kalau teman - teman berada pada kata ini. Bolehlah... semua orang butuh uang. Tapi jadikan sebagai pemacu dalam belajar. Karena orang - orang terkaya dunia berangkat dari karya ide pemrograman mereka. Anggap saja Bill Gates penemu windows dan Mark Zuckerberg pembuat web facebook.

5. Belajar tapi malu bertanya. Ini adalah fenomena aneh menurut saya. Banyak orang menemukan sesuatu yang sulit tapi malu bertanya. Bukankah dengan bertanya kita akan lebih cepat menemukan solusinya? Jika teman - teman termasuk tipe yang satu ini. Buanglah jauh - jauh sifat ini. Karena akan menghambat prestasi teman - teman sendiri. Saya sendiri senang jika ada yang bertanya dan berdiskusi dengan saya tentang apa saja dan terkhusus sesuatu yang terkait masalah kesehatan dan pemrograman web. Teman - teman bisa Add saya di Heroscoop.com. Website ini sungguh luar biasa dan sangat membantu saya untuk bisa share dengan teman - teman. Di heroscoop teman - teman juga bisa mencari pakar lainnya yang bisa teman - teman ajak berdiskusi dan bertanya seuatu sesuai bidang mereka. Di dalam heroscoop.com ini juga teman - teman bisa membaca blog saya yang lainnya yang akan membantu teman - teman belajar web step by step.

Sekian 5 tips saya dalam mempersiapkan diri menghadapi skrip. Baca blog tips - tips pemrograman saya lainnya di dalam heroscoop.com Ayo bergabung dan berbagi....

as website css source a html about html belajar css belajar website belajar html belajar pembelajaran bahasa inggris belajar bahasa inggris belajar php belajar mendesain web css to html cara web cara membuat web cara belajar web cara belajar cepat cara belajar code code html contoh css cara mendesain web cara mendesain website designer web design web design web free edit html free web how to html. html code for, html code, html for program web pengertian web i web in html kode html membuat web .com membuat web membuat css membuat website gratis make a web mudah belajar metode belajar mendesain web mendesain website situs web syntax html tutorial web the web text to html tutorial css tutorial html tutorial php webmaster web belajar website belajar web site web page website web design web sites web indonesia web gratis web magazine web hosting.

Baca Selengkapnya >>

Friday, August 31, 2012

Membuat AutoComplete Ala Google Dengan Jquery

Kategori : Belajar dan Update Script Jquery, Tips Trik, Tips Trik Membuat Web

Autocomplete atau kita kenal dengan sebutan AutoSuggest merupakan fitur tambahan dalam suatu form input untuk menampilkan data-data yang sesuai dengan yang diketik oleh user pada suatu form. Contohnya seperti mesin pencari google dihalaman terdepan, ketika kita mengetikkan beberapa huruf atau kata maka akan muncul dibawahnya beberapa kata-kata yang menyambungkan huruf atau kata yang telah kita ketik. Menarik kan?

Tanpa berlama-lama, kita mulai saja tutorial kita kali ini.

Pertama, siapkan tabel kota dengan 2 kolom (id_kota, nama_kota) melalui mysql. Silahkan baca tutorial pembuatan tabel mysql.

Kedua, kita akan menggunakan plugin Autocomplete. Kalau buat sendiri agak ribet dan panjang ceritanya.

Sobat bisa download disini :
Untuk Jquerynya
Untuk Javascriptnya
Untuk CSSnya

Ketiga, silahkan ketik dua buah script berikut :

Skrip kota.php | Download Script

Skrip proses_kota.php

<?php
mysql_connect("username_sobat(baca tutorial koneksi mysql)","password_database_sobat","");
mysql_select_db("nama_database_sobat_sendiri");

$q = strtolower($_GET["q"]);
if (!$q) return;

$sql = mysql_query("select nama_kota from kota where nama_kota LIKE '%$q%'");
while($r = mysql_fetch_array($sql)) {
$nama_kota = $r['nama_kota'];
echo "$nama_kota \n";
}
?>

Sekarang coba jalankan skrip kota.php, jangan lupa aktifkan dulu server sobat. Pada form Nama Kota, sobat coba ketikkan huruf a. Maka akan muncul dibawahnya beberapa nama kota yang mengandung huruf "a". Sobat bisa memilih nama kota yang disarankan dengan klik maupun menekan enter. WOOW... selamat buat sobat yang berhasil. Silahkan berkreasi melalui file file yang telah sobat download dan sesuaikan dengan kebutuhan website sobat. Sekian dari saya, Wassalam....

Baca Selengkapnya >>

Thursday, August 16, 2012

Membuat Konversi Waktu dengan PHP

Kategori : Belajar dan Update Ilmu Kode PHP, Tips Trik Membuat Web

Konversi waktu dalam hal ini adalah bagaimana menampilkan waktu dalam format bahasa Indonesia, Misalnya untuk bulan ditampilkan dalam bentuk Januari - Desember. Sebenarnya ilmu ini sudah sangat lama, namun untuk pembelajaran tentang penggunaan array di php, mudah - mudah contoh script ini lumayan membantu.
Untuk membuatnya, siapkan seluruh sarana pendukung pembuatan web dengan php dan bukalah notepad atau program pembuat web sobat (rekomendasi adobe dreamweaver) lalu buatlah dokument baru dan ketikkan kode berikut :

<?php

$tgl=date("d");

$bln=date("m");

$thn=date("Y");

$hr=date("w");

$bulan=array("Januari","Februari","Maret","April","Mei","Juni", "Juli","Agustus","September","Oktober","Nopember","Desember");

$hari=array("Minggu","Senin","Selasa","Rabu","Kamis","Jumat","Sabtu");

$namabulan=$bulan[$bln-1];

$namahari=$hari[$hr];

echo "Hari ini adalah : $namahari, $tgl $namabulan $thn";

?>

Simpan file ini dengan nama misalnya waktu.php
dan sobat bisa menggunakan script ini dari web yang sobat telah buat dengan menambahkan perintah include("waktu.php"); dari web sobat. Namun sebelum itu upload dulu file ini ke server sobat. Demikian penjelasan singkat saya dan terima kasih...

Baca Selengkapnya >>

Friday, August 10, 2012

Membuat Tampilan Loading Dengan JQuery

Kategori : Belajar dan Update Script Jquery, Tips Trik Membuat Web

Kali ini kita akan membahas bagaimana membuat tampilan web kita jadi lebih dinamis. Berbagai macam kode pemrograman dan beserta usaha kita untuk memperindah tampilan web dengan berbagai tehnik grafis membuat web kita jadi lambat dalam proses load atau pembacaan script file oleh browser apalagi kalau akses internetnya lambat juga. Hal ini tentunya membuat para pengunjung situs malah jenuh menunggu dan lebih parahnya, sobat akan kehilangan pengunjung karena web sobat terlalu lama loading. Sangat disayangkan bukan? Niat kita memperindah web, eh malah mengecewakan pengunjung karena kebosanan nunggu. Biasanya web menampilkan tampilan loading sebagai tanda bahwa terjadi proses loading. Dan hasilnya sangat luar biasa, walaupun waktu yang digunakan sama saja yaitu ada dan tidak adanya tampilan proses loading ternyata para pembaca akan lebih senang menunggu dengan melihat sesuatu yang bergerak daripada tidak ada sama sekali (ibarat menunggu tanpa kepastian). Nah, biar para pembaca atau pengunjung situs sobat tidak bosan, sekiranya izinkan saya membagikan sedikit tips buat sobat programmer untuk memperkenalkan Jquery dalam fungsinya mengatur tampilan proses loading.

Untuk para programmer web pemula, sebaiknya sambil mempelajari postingan ini, sobat ketikweb coba membuka postingan tentang Fondasi Dasar CSS dan HTML dan Tag Body pada HTML. Berikut adalah contoh script proses loading yang sobat bisa masukkan ke dalam file html sobat yang sudah ada:

1. Masukkan file script jquery terbaru, sobat bisa download dan tentukan sendiri lokasinya atau langsung copy dan paste aja script dibawah ini diantara tag head pada html sobat.

<head>

</head>

2. Masukkan pengenal id gambar proses loading di antara tag body. Terserah sobat naruhnya dimana, maksudnya tergantung sobat pengen taruh gambar proses loading ini dimana saja. Untuk file imagenya sobat bisa dowload dari mana saja dan tentukan lokasinya sendiri atau langsung copy dan paste aja script merah dibawah ini.

3. Masukkan proses pembacaan javascript. Sobat simpan diakhir kode html sobat. Boleh setelah tag body.

</body>

//loading

    $('#tampilan').hide();
    $("#loading").fadeIn();

//fungsi tampildata
    function tampildata() {
    $.ajax({
        type:"POST",
        url:"nama file yang akan di load.html",
        success: function(html){
            $("#loading").fadeOut();
            $('#tampilan').html(html);
            $('#tampilan').fadeIn(2000);

    }
    });
    }

    tampildata();

</script>

Setelah itu coba sobat jalankan. Selamat bagi sobat yang berhasil, bagi yang belum berhasil pastikan scriptnya benar dan lokasi penempatan scriptnya juga harus benar. Jika ada pertanyaan, silahkan tinggalkan comment sobat dibawah. Untuk belajar dan interaktif langsung dengan saya, sobat bisa masuk dan log up di heroscoop.com.Terimakasih dan Salam Ketikweb Untuk Anda...

Baca Selengkapnya >>

Thursday, July 19, 2012

4 Alasan Membuat Web Dengan Notepad

Kategori : Tips Trik, Tips Trik Membuat Web

Saat ini ada banyak sekali software yang bisa membantu kita dalam membuat website. Berbagai keistimewaan pun ditawarkan oleh software - software tersebut. Tinggal kita saja mau memilih yang mana. Saya pribadi menjatuhkan pilihan terbaik saya yaitu adobe dreamweaver. Dahulu saat pertama kali belajar pemrograman web saya masih menggunakan notepad sebagai alat bantu terbaik saya dalam merangkai kode html. Hingga sekarang walaupun saya telah memiliki software adobe dreamweaver yang sangat memudahkan mendesain web tersebut, tapi saya tetap masih membutuhkan notepad dalam membantu mengerjakan web.

Apa Keunggulan Notepad?

Berikut empat alasan mengapa saya masih menggunakan notepad :

Akses cepat. Untuk loading masuk notepad sangat cepat karena tidak memiliki fitur - fitur bermacam - macam. Dengan akses cepat inilah, ya tentulah sangat membantu saya dalam melakukan pengeditan cepat file - file web saya seperti html, php, css, javascript, xml, dan lainnya.

Sebagai programmer saya tidak suka dimanjakan oleh software pembantu dengan berbagai fitur lengkap, dulu sempat karena terlalu nyamannya menggunakan software tersebut membuat saya kadang jadi lupa dengan kode bahasa sebenarnya yang digunakan. Semuanya dibuat simple dan tinggal mesin yang membuat kodenya. Bagi seorang web designer mungkin okey bahkan sangat okey menurut saya. Namun bagi saya pribadi kurang nyaman. Saya sarankan buat para pemula yang betul - betul ingin memahami pemrograman web, biasakanlah menggunakan notepad. Yaaa... software pembantu cukuplah sebagai pembantu saja. Agar sobat yang baru belajar benar - benar bisa mengembangkan diri karena paham betul setiap detil maksud kode pemrograman.

Gratis. Karena alasan yang satu ini juga sangat membantu saya sehingga bisa membuat web dimana saja. Saya berprofesi sebagai dokter. Ditengah - tengah pekerjaan saya yang kesana kemari memberikan pelayanan kesehatan tentulah menenteng laptop bukan sesuatu yang mudah, selain repot juga berat. Nah, dengan adanya flash disk, ditambah dengan software notepad yang gratis dan telah include di dalam semua operating system windows sehingga software ini ada di semua komputer rumah sakit dan klinik tempat saya bekerja sehingga sangat membantu karena disaat bekerja misalnya tiba - tiba ada ide dan kalau mumpung orang - orang lagi sehat alias rumah sakit atau klinik lagi sepi bolehlah mengisi kebosanan nunggu dengan melanjutkan pembuatan web saya.

Bebas. Maksudnya adalah tanpa batas, masih ada hubungannya dengan point ke-3 diatas, karena saya tidak bergantung dengan software yang memiliki fitur lengkap jadinya saya tidak dibatasi ruang dan waktu dalam mengerjakan software. Karena notepad ada di semua komputer pc maupun laptop. Lain halnya misalnya si-A punya ide namun karena kebetulan tidak membawa laptopnya dan karena selama ini dimanjakan oleh software pembuat web dengan fitur lengkap sehingga nggak bisa mengerjakan web dari idenya langsung saat itu juga.

Sekian pemaparan alasan pribadi saya masih menggunakan notepad ditengah - tengah ramainya software pembuat web yang lebih mutakhir dan fitur lengkap. Wassalam...

Baca Selengkapnya >>