Belajar Membuat Website

Senin,01-12-2014

Dalam membuat sebuah website ada beberapa hal yang perlu Anda persiapkan sebelum Anda memulainya.

Pertama, Anda bisa mengajukan sebuah pertanyaan kepada diri Anda sendiri yaitu “Apa tujuan Saya membuat website?” dengan menjawab pertanyaan tersebut dapat mengarahkan pikiran Anda untuk menentukan dan menjawab pertanyaan selanjBelajar membuat websiteutnya yaitu, “Website seperti apa yang akan saya buat untuk mencapai tujuan tersebut dan bagaimana cara membuat websitenya.”

Mengapa dimulai dengan mengajukan pertanyaan tersebut? Karena diharapkan nantinya website yang kita buat sesuai dengan yang kita inginkan dan bisa membawa kita mencapai tujuan yang kita inginkan dalam membuat website. Jangan sampai website sudah selesai Anda buat tetapi website yang Anda buat tidak sesuai dan tidak bisa menjadi media atau sarana untuk mencapai tujuan Anda.

Perlu Anda ketahui, jenis website itu bermacam-macam, ada yang hanya satu halaman sederhana saja seperti website ini, ada yang memuat beberapa halaman seperti website perusahaan, ada yang menggunakan sistem blog dan sering disebut juga blog atau weblog (website blog), ada yang menggunakan sistem CMS (Content Management System) seperti joomla, ada yang berupa forum diskusi, ada yang berupa website iklan baris, ada yang berupa website toko online dan ada yang lebih kompleks lagi seperti website komunitas friendster.

Anda perlu memulainya dengan menjawab pertanyaan-pertanyaan tersebut sebelum Anda membuat website. Sehingga nanti Anda bisa memutuskan website seperti apa yang paling cocok dan sesuai untuk mencapai tujuan Anda. Karena masing-masing jenis website yang saya sampaikan diatas memiliki fungsi yang berbeda-beda.

Contoh bila Anda ingin menjual berbagai macam produk, Anda membuat website toko online; bila Anda ingin menjual satu jenis produk saja bisa dengan satu halaman sederhana saja atau lengkap dengan menggunakan sistem pemesanannya; bila Anda ingin membuat website portal Anda bisa menggunakan Joomla; bila Anda ingin membangun branding dan mempublikasikan artikel bisa menggunakan blog; dan lain-lainnya.anfaat 
Dan Anda bisa mendownload artikel lebih lanjut melalui link yang disediakan. Semoga tulisan ini bermbagi Anda.

Download Tulisan Lengkap: davidodang-belajarmembuatwebsite.pdf

Mudah memahami wordpress

CARA MEMBUAT WORDPRESS DENGAN MUDAH DAN SIMPLE

Web server yang saya pakai adalah apache versi 2.xx. Cara mudahnya kamu bisa memakai XAMPP atauWAMP untuk menginstall apache web server. Di tutorial ini saya sendiri memakai XAMPP.

XAMPP adalah …cara membuat wordpress

Sebelum menginstall wordpress di localhost, kita harus tahu apa itu XAMPP?, dan mengapa memakai XAMPP?.

Menurut wikipedia Indonesia:

XAMPP adalah perangkat lunak bebas, yang mendukung banyak sistem operasi, merupakan kompilasi dari beberapa program.

Fungsinya adalah sebagai server yang berdiri sendiri (localhost), yang terdiri atas program Apache HTTP Server, MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl. Nama XAMPP merupakan singkatan dari X (empat sistem operasi apapun), Apache, MySQL, PHP dan Perl. Program ini tersedia dalam GNU General Public License dan bebas, merupakan web server yang mudah digunakan yang dapat melayani tampilan halaman web yang dinamis. Untuk mendapatkanya dapat mendownload langsung dari web resminya.

Singkatnya, XAMPP memudahkan kita dalam menginstall aplikasi-aplikasi server. Sehingga kita tidak perlu menginstall software tersebut satu-persatu.

Alasan saya memakai XAMPP adalah karena kemudahan dan fungsinya yang banyak.

Kamu bisa download XAMPP di sini. Jika kamu bingung mendownload yang mana, saya sarankan kamu download yang ini: XAMPP. Saya asumsikan kamu memakai windows.

Step by Step Cara Install XAMPP

Langkah pertama dari tutorial install wordpress di localhost adalah menginstall XAMPP. Ikuti langkah-langkah berikut untuk menginstall XAMPP di windows:

00 – Step by step cara install XAMPP

01 – Step by step cara install XAMPP

02 – Step by step cara install XAMPP

03 – Step by step cara install XAMPP

1. Double click XAMPP yang telah kamu download. Lalu pilih bahasa apa yang ingin kamu pakai. Di sini saya memakai bahasa Inggris. Jika ada pop up klik Yes.
2. Pada jendela petama klik Next.
3. Di sini, sistem akan menanyakan alamat dimana kamu ingin menyimpan XAMPP. Saya sarankan biarkan saja secara default atau di C:\XAMPP. Klik Next.
4. Langkah selanjutnya, kamu diminta untuk memilih aplikasi apa saja yang ingin kamu install. Centang semua plikasi. Klik next.
5. Tunggu beberapa saat hingga instalasi selesai. Jika ada pop up muncul, klik Yes. Setelah sekesai klikfinish.

Selamat, sedikit lagi sampai tahap install wordpress di localhost, sampai saat ini seharunya kamu tidak mempunyai masalah. Jika terdapat error pada cara install XAMPP di atas, kita bahas di page 2.

Error Setelah Install XAMPP

Terkadang, meskipun kita sudah sesuai prosedur menginstall XAMPP, tetapi masih aja ada error. Biasanya disebabkan oleh software lain yang memakai localhost juga. Untuk itu langkah pertama mengatasi error adalah, tutup semua aplikasi yang memakai localhost.

Kemungkinan besar, jika error ini tidak diselesaikan kita akan gagal membuat wordpress offline

Contoh aplikasi yang memakai localhost seperti WAMPP, apserv, HostIP, dll. Jika masih tidak bisa, uninstall software tersebut. Kamu harus uninstall software tersebut sampai ke root. Jika bingung, kamu bisa memakai software uninstall yang saya rekomendasikan.

Di bawah, adalah error yang saya alami ketika membuat tutorial ini. Jika kamu memakai skype, sebaiknya keluar dulu untuk sementara.

05 – Error pada XAMPP sebelum Install WordPress Offline

06 – Error pada XAMPP sebelum Install WordPress Offline

07 – Error pada XAMPP sebelum Install WordPress Offline

1. Setelah klik finish, terjadi error seperti ini. Jika ada pop up, klik Yes.
2. Setelah selesai, kamu diminta untuk memilih apakah XAMPP langsung dinyalakan. Klik Yes.

Menghidupkan Apache Web Server di XAMPP

Untuk mulai menghidupkan apache, kamu tinggal klik ikon XAMPP yang ada desktop atau start menu windows kamu. Tetapi seharusnya XAMPP sudah menyala secara default karena tadi kita sudah setting opsi ini.

08 – Menghidupkan Apache

09 – Menghidupkan Apache

10 – Menghidupkan Apache

1. Klik icon XAMPP di desktop atau di start menu.
2. Pada Modules Services, centeng semua kecuali Mercury dan Tomcat. Setelah itu klik tombol startyang ada di sebelah kanannya.
3. Jika ada pop up dari widows firewall, centeng “Private network, such as my home or work network
4. Selamat, sampai sini seharusnya apache di PC kamu sudah hidup. Langkah selanjutnya adalah menginstall wordpress :).

Cara Install WordPress di Localhost

Sekarang saatnya kita membahas bagaimana cara menginstall wordpress di localhost komputer.

Jika kamu ingin mencoba langsung menginstall wordpress online di webhosting, kamu bisa mengikuti cara di bawah.

• Cara mudah membuat blog di Hostgator

Untuk hosting, sejauh ini saya merekomendasikan Hostgator, Hawkhost, atau Site5. Jika ingin memilih web hosting lokal saya lebih merekomendasikan Masterweb.

Jika kamu belum yakin, saya sarankan kamu memakai hosting gratis dulu.

• Daftar free domain Search Engine Friendly
• 4 web hosting gratis terbaik

Membuat WordPress Offline di Komputer

Sebelum masuk menginstall wordpress, kita harus sudah menyiapkan terlebih dahulu sebuah database, ikuti langkah-langkah di bawah:

Cara Membuat Databases di phpMyAdmin

01 – Cara Membuat Databases di XAMPP

03 – Cara Membuat Databases di XAMPP

04 – Cara Membuat Databases di XAMPP

05 – Cara Membuat Databases di XAMPP

1. Sekarang, masuk ke browser. Ketikan http://localhost/phpmyadmin/. Lalu masuk pada menuDatabases yang ada pada bagian paling atas.
2. Pada bagian Create database masukan nama database yang ingin kamu buat. Di sini saya memakai nama myblog. Setalah itu klik tombol Create. Simpan nama database tadi pada notepad.
3. Selanjutnya, klik databases yang baru kamu buat, kamu bisa menemukannya di bagian sebelah kiri.
4. Setelah di klik, klik menu Privileges yang bisa kamu temukan di bagian atas.
5. Lihat pada bagian new (bawah). Kemudian klik Add User.
6. Sekarang, siapkan notepad yang tadi. Pada bagian username, isikan dengan nama kamu/bebas.Host, isi dengan localhost. Password, dengan password kamu. Selanjutnya simpan semua data yang telah kamu tulis tadi dalam notepad.
7. Pada bagian Database for user biarkan secara default. Untuk bagian Global privileges, klik Check All. Untuk Resource limits, isi dengan 0 semua.
8. Periksa lagi semua langkah, Lalu klik Add User.

Sampai di sini, kita sudah berhasil membuat satu databes dengan XAMPP. Selanjutnya kita akan menginstall databes tersebut untuk wordpress.

Cara Install WordPress di Localhost

01 – Cara Membuat Blog di Localhost

02 – Cara Membuat Blog di Localhost

03 – Cara Membuat Blog di Localhost

04 – Cara Membuat Blog di Localhost

05 – Cara Membuat Blog di Localhost

06 – Cara Membuat Blog di Localhost

07 – Cara Membuat Blog di Localhost

08 – membuat wordpress offline

1. Download dahulu CMS wordpress dari wordpress.org. Pada saat tulisan ini dubuat saya memakai WordPress 3.4.2
2. Selanjutnya, pindahkan wordpress yang sudah kamu download ke folder htdocs yang ada di dalam direktori xampp atau di C:\xampp\htdocs. Ekstrak di sana.Penting: Kamu akan mendapati sebuah folder yang bernama wordpress, kamu boleh mengganti namanya. Saya sendiri mengganti nama wordpress dengan myblog
   Nantinya blog kamu akan bisa di akses dengan alamat http://localhost/myblog atauhttp://localhost/nama_folder_wordpress_tadi
3. Setelah menyimpan semua data databases yang kamu buat tadi pada notepad, sekarang kita akan menggunakannya. Buka browser kamu lalu ketikan alamat wordpress yang sudah kamu simpan.
   Dalm hal ini saya membukanya di http://localhost/myblog.
4. Klik Create Configuration File, lalu klik Let’s Go.
5. Selanjutnya isi data yang diminta sesuai dengan data databases yang baru kamu buat. Untuk Table Prefix, biarkan secara default. Lalu klik submit.
6. Jika muncul pesan “Error establishing a database connection“. Artinya data input tadi ada yang salah, biasanya karena tidak teliti user saat memasukan data databases.
7. Jika berhasil, maka akan muncul pesan:All right sparky! You’ve made it through this part of the installation. WordPress can now communicate with your database. If you are ready, time now to…

Klik Run the install.

1. Pada tahap ini, kamu diminta mengisikan data kamu, seperti nama, email, dan password untuk login ke blog yang di buat ini nanti. Isikan semua field. Lalu klik Install Wordpess.
2. Jika berhasil kamu akan mendapatkan pesan“Success!, WordPress has been installed. Were you expecting more steps? Sorry to disappoint.”
3. Selamat!! kamu sudah berhasil unstall wordress pada localhost. Dengan cara yang sama, cara ini bisa dipakai untuk install wordpress pada Web Hosting kamu.

Apa Selanjutnya?

Tahap ini kamu sudah berhasil/bisa intall wordpess pada localhost di PC kamu. Untuk mengakses blog wordpress yang baru kamu buat kamu tinggal mengunjugi urlhttp://localhost/nama_folder_wordpress. Selanjutnya kamu bisa melkukan pengaturan-pengaturan dasar pada wordpress.

cara membuat wordpress

Cara Membuat WordPress Di WordPress.Comcara membuat wordpress.blogspot.comcara membuat wordpress.com

Langkah-langkahnya adalah sebagai berikut:

1). Klik link ini >> www.WordPress.com. Setelah terbuka, nanti akan muncul form seperti gambar dibawah ini.

Pilihlah nama blog Anda pada kolom tersebut, nantinya nama ini adalah alamat yang akan digunakan oleh orang lain untuk mengunjungi blog WordPress.com Anda. Jika sudah, lanjutkan dengan mengklik tombol “Buat Situs Web”.

Untuk informasi saja, nama blog ini hanya bisa digunakan oleh satu pengguna saja, sehingga jika ketika Anda sudah memasukkan nama blog tetapi WordPress menolaknya, dimungkinkan sudah ada pengguna yang menggunakan nama blog yang hendak Anda masukkan tadi. Untuk itu, cobalah nama lain dan cari yang sedikit unik, sehingga bisa diterima oleh pihak WordPress.

2). Setelah itu, akan muncul form seperti berikut. Isi kolom-kolom tersebut menggunakan informasi yang benar. Nantinya informasi seperti email, nama pengguna (username), dan password, akan selalu Anda gunakan ketika hendak masuk ke halaman panel kontrol blog WordPress milik Anda.

3). Pada kolom Alamat Surel (Email), pastikan Anda menggunakan alamat email yang aktif, dan sering Anda buka. Karena WordPress akan mengirimkan konfirmasi pendaftaran yang dikirimkan melalui email tersebut. Jika Anda belum punya email, mohon buatlah email terlebih dahulu. Bisa di Yahoo, Google, atau yang lain.

4). Pada kolom Nama Pengguna (Username), pilih nama pengguna yang Anda sukai. Mohon untuk diingat baik-baik, jangan sampai lupa, karena nama pengguna ini sifatnya eksklusif dan hanya bisa digunakan oleh satu pengguna saja. Jika username pilihan Anda ditolak, cari nama lain hingga diterima.

5). Pada kolom Kata Sandi atau password, buatlah kata yang sedikit unik, yang kira-kira Anda selalu ingat, namun tidak mudah ditebak oleh orang lain.

6). Nah, jika nama blog yang Anda masukkan tadi tersedia dan bisa diterima oleh WordPress, maka pada kolom Alamat Blog ini akan tertera nama blog pilihan Anda dengan ditandai tanda centang berwarna hijau. Namun jika nama pilihan Anda sudah dipakai oleh pengguna lain, maka akan muncul tanda centang berwarna merah.

7). Jika pengisian informasi pada kolom-kolom di atas sudah selesai, scroll ke bawah mouse pointer Anda, sehingga di tampilan layar laptop / PC Anda terlihat tabel seperti berikut.

Klik tombol “Buat Blog” yang saya tandai dengan panah merah, karena kita akan membuat versi blog WordPress yang gratisan. dan WordPress akan mengirimkan email konfirmasi berkaitan dengan akun yang baru saja Anda daftarkan.

8). Nah, sekarang saatnya Anda melakukan penyesuaian terhadap blog yang hendak Anda pakai. Kurang lebih ada 4 langkah yang bisa Anda ikuti, silahakan klik pada gambar:

1. Sesuaikan judul blog

2. Pilih tema blog

3. Sesuaian tema yang dipilih

4. Hubungkan dengan social media

TIPS:
Langkah-langkah di atas merupakan opsional / tidak wajib, sehingga Anda bisa mengaturnya kembali nanti. Klik tombol “Langkah Berikutnya” untuk mempercepat proses. Jika sudah selesai, nanti Anda akan dibawah ke halaman admin panel blog, dan pastikan Anda melihat notifikasi seperti berikut:

9). Sekarang buka email yang tadi Anda gunakan untuk registrasi di WordPress.com. Klik link aktivasi di email Anda. Jika Anda tidak menemukan email dari WordPress, coba cari di folder spam atau bulk email. Ini contoh email yang dikirimkan oleh WordPress.

10). Nah, apabila akun Anda sudah aktif, maka akan muncul pesan seperti dibawah ini.

(Itu adalah contoh halaman panel blog WordPress milik saya, dengan nama: jasawebukm.wordpress.com)

Ya, kurang lebih begitulah cara membuat website WordPress di WordPress.com secara singkat. Semoga Anda memahami.. 

Ingat! Yang terpenting adalah Anda harus membuka email dan melakukan konfirmasi bahwa Anda telah mendaftar di WordPress.com (langkah no.9). Itu terpaksa saya cetak tebal karena di bagian ini orang sering terlewatkan atau bahkan lupa.

Cara Menggunakan WordPress

Dan jika Anda sudah cukup mahir dan mulai terbiasa menggunakan WordPress, Anda bisa mulai membeli domain dan menginstal WordPress di hosting milik Anda sendiri. Panduan ini mungkin bisa membantu.

• Cara memesan hosting dan domain
• Cara install WordPress di hosting

Oke, saya rasa itu dulu yang bisa sampaikan kali ini. Silahkan tinggalkan balasan atau beri tanggapan jika ada yang ingin disampaikan.

Dan apabila Anda merasa artikel ini bermanfaat, bantu saya dan bagikan artikel ini kepada teman-teman Anda, supaya lebih banyak orang yang bisa memanfaatkan teknologi internet dan membuat website untuk kebaikannya. Caranya, klik tombol share / like di bawah.

soal produktif

cara membuat database

Masih berada di seri artikel Cara Membuat Website. Setelah kita belajar cara menginstal XAMPP dan menjalankannya, sekarang saatnya kita belajar bagaimana membuat database di XAMPP dan cara install WordPress di localhost. Artinya kita menginstal WordPress di komputer kita sendiri atau menginstal WordPress secara offline.

cara mambuat database

Diasumsikan Anda sudah bisa menjalankan aplikasi XAMPP. Sehingga sekarang komputer Anda sudah bisa dijadikan server. Oia, jangan lupa untuk memastikan bahwa aplikasi XAMPP bisa berjalan dengan baik ya. Cek kembali dengan mengetikhttp://localhost/xampp di browser, lalu cek status. Detilnya bisa dilihat pada gambar di bawah ini.

Membuat Database Dan User Di XAMPP

Sebelum kita menginstal WordPress, kita harus membuat database dan user terlebih dahulu. Ini harus kita lakukan karena WordPress merupakan aplikasi website yang membutuhkan database untuk menyimpan data-data yang kita gunakan.

1. Pertama-tama kita harus masuk ke phpmyadmin di XAMPP. Ketik di browser alamat http://localhost/phpmyadmin sehingga muncul tampilan seperti ini..
   
2. Pada menu Database, silahkan masukkan nama database yang diinginkan, kemudian klik Create. Ingat-ingat nama database tersebut ya, karena kita akan menggunakannya nanti. Jika perlu, tuliskan di aplikasi notepad supaya mudah bagi kita untuk mengingatnya.
   
   NB: Di sini saya menggunakan nama database “blogku“.
3. Sekarang saatnya kita menambahkan nama user untuk database yang baru saja kita buat. Silahkan masuk ke database yang sudah dibuat, Anda bisa menemukannya di bagian sebelah kiri. Begitu masuk, lihat menu Privileges. Kemudian klik Add user.
   
4. Begitu Anda klik Add User maka akan muncul form pembuatan user baru. Isikan username, Anda bisa mengisikannya dengan nama apapun teserah Anda, yang penting Anda hafal. Kemudian isikan juga host, gunakan use text field saja, lalu isikan dengan localhost. Selanjutnya isikan password 2 kali dan harus sama. Terakhir, centang grant all privileges on database.
   
5. Eits, tunggu dulu, belum selesai. Scroll ke bawah, dan Anda akan menemukan opsi Global Privileges guna memberikan hak akses kepada user untuk mengelola semua database, klik Check All saja. Setelah itu, pencet tombol Add User.
   

Ya, langkah membuat database dengan XAMPP dan user di phpmyadmin sudah selesai. Secara default, aplikasi XAMPP mempunyai default user bernama “root” dan tanpa password. Jika kita hendak menggunakan user tersebut juga tidak masalah. Namun ada baiknya kita gunakan user sendiri.

Nah, untuk ilustrasi bagaimana menginstal WordPress di localhost, silahkan baca panduan cara install WordPress di localhost menggunakan XAMPP yang akan saya bahas di postingan lainnya.

Masih berada di seri artikel Cara Membuat Website. Setelah kita belajar cara menginstal XAMPP dan menjalankannya, sekarang saatnya kita belajar bagaimana membuat database di XAMPP dan cara install WordPress di localhost. Artinya kita menginstal WordPress di komputer kita sendiri atau menginstal WordPress secara offline.

Diasumsikan Anda sudah bisa menjalankan aplikasi XAMPP. Sehingga sekarang komputer Anda sudah bisa dijadikan server. Oia, jangan lupa untuk memastikan bahwa aplikasi XAMPP bisa berjalan dengan baik ya. Cek kembali dengan mengetikhttp://localhost/xampp di browser, lalu cek status. Detilnya bisa dilihat pada gambar di bawah ini.

Membuat Database Dan User Di XAMPP

Sebelum kita menginstal WordPress, kita harus membuat database dan user terlebih dahulu. Ini harus kita lakukan karena WordPress merupakan aplikasi website yang membutuhkan database untuk menyimpan data-data yang kita gunakan.

1. Pertama-tama kita harus masuk ke phpmyadmin di XAMPP. Ketik di browser alamat http://localhost/phpmyadmin sehingga muncul tampilan seperti ini..
   
2. Pada menu Database, silahkan masukkan nama database yang diinginkan, kemudian klik Create. Ingat-ingat nama database tersebut ya, karena kita akan menggunakannya nanti. Jika perlu, tuliskan di aplikasi notepad supaya mudah bagi kita untuk mengingatnya.
   
   NB: Di sini saya menggunakan nama database “blogku“.
3. Sekarang saatnya kita menambahkan nama user untuk database yang baru saja kita buat. Silahkan masuk ke database yang sudah dibuat, Anda bisa menemukannya di bagian sebelah kiri. Begitu masuk, lihat menu Privileges. Kemudian klik Add user.
   
4. Begitu Anda klik Add User maka akan muncul form pembuatan user baru. Isikan username, Anda bisa mengisikannya dengan nama apapun teserah Anda, yang penting Anda hafal. Kemudian isikan juga host, gunakan use text field saja, lalu isikan dengan localhost. Selanjutnya isikan password 2 kali dan harus sama. Terakhir, centang grant all privileges on database.
   
5. Eits, tunggu dulu, belum selesai. Scroll ke bawah, dan Anda akan menemukan opsi Global Privileges guna memberikan hak akses kepada user untuk mengelola semua database, klik Check All saja. Setelah itu, pencet tombol Add User.
   

Ya, langkah membuat database dengan XAMPP dan user di phpmyadmin sudah selesai. Secara default, aplikasi XAMPP mempunyai default user bernama “root” dan tanpa password. Jika kita hendak menggunakan user tersebut juga tidak masalah. Namun ada baiknya kita gunakan user sendiri.

Nah, untuk ilustrasi bagaimana menginstal WordPress di localhost, silahkan baca panduan cara install WordPress di localhost menggunakan XAMPP yang akan saya bahas di postingan lainnya.

cara membuat database.blogspot.com