KREATIF DAN PRODUKTIF DI INTERNET : KREATIF DAN

KREATIF DAN PRODUKTIF DIINTERNET :SIMULASI

PEMBUATAN BLOGDENGAN WORDPRESS

KREATIF DAN PRODUKTIF DIINTERNET :SIMULASI

PEMBUATAN BLOGDENGAN WORDPRESS

DIREKTORAT PEMBERDAYAAN INFORMATIKADIREKTORAT JENDERAL APLIKASI INFORMATIKAKEMENTERIAN KOMUNIKASI DAN INFORMATIKA

MANFAAT INTERNET• Mencari informasi, data, gambar dan

pengetahuanSearchingSearching

• Sarana Hiburan dan Penyegaran pikiran untukanak - anakGame onlineGame online

• Sarana Pembelajaran yang interaktif untukberbagai bidang ilmu pengetahuanLearningLearning • Sarana Pembelajaran yang interaktif untukberbagai bidang ilmu pengetahuanLearningLearning

• Sarana untuk mengoleksi gambar, lagu, videoCollectingCollecting

• Saat ini jejaring sosial menjadi tempat mencariteman dan curhatCommunicatingCommunicating

• Wadah kreativitas dan inovasiCreatingCreating

Pemuda yangmemanfaatkan Internetdengan kreatif danproduktif

Raditya Dika pada awalnya menuliskancatatan Blog di Internet. Dari catatan diBlog tersebut, hingga kini Raditya Dika(umur 30 tahun) telah menghasilkan 7Buku, 3 Komik, 4 Film Layar Lebar, 1Film Seri dan Aktif menjadi Juridalam acara Stand UP ComedyIndonesia.

SEMUA BERAWAL DARI SEBUAHBLOG DI INTERNET

Raditya Dika pada awalnya menuliskancatatan Blog di Internet. Dari catatan diBlog tersebut, hingga kini Raditya Dika(umur 30 tahun) telah menghasilkan 7Buku, 3 Komik, 4 Film Layar Lebar, 1Film Seri dan Aktif menjadi Juridalam acara Stand UP ComedyIndonesia.

SEMUA BERAWAL DARI SEBUAHBLOG DI INTERNET

BLOG?• Blog adalah bentuk Aplikasi Web.• Pada dasarnya merupakan bagian dari situs

website yang dapat diakses secara onlineyang memiliki fungsi utama memuat tulisan-tulisan dan gambar (dimuat dalam posting)pada setiap halaman web.

• Blog biasanya dikelola oleh pengguna tunggal(sebagian lainnya oleh beberapa penulis)dibuat sesuai dengan topik dan tujuan dari sipengguna blog tersebut.

• Blog adalah bentuk Aplikasi Web.• Pada dasarnya merupakan bagian dari situs

website yang dapat diakses secara onlineyang memiliki fungsi utama memuat tulisan-tulisan dan gambar (dimuat dalam posting)pada setiap halaman web.

• Blog biasanya dikelola oleh pengguna tunggal(sebagian lainnya oleh beberapa penulis)dibuat sesuai dengan topik dan tujuan dari sipengguna blog tersebut.

Penyedia Blog (gratis*)• http://wordpress.com• http://www.blogger.com• http://www.weebly.com• http://www.tumblr.com• http://www.livejournal.com• http://www.webs.com• http://www.yola.com• http://blog.com• http://www.jimdo.com• http://blogsome.com• http://edublogs.org

• http://friendster.com• http://knol.google.com• http://squidoo.com• http://viviti.com• http://blog.co.uk• http://diaryland.com• http://gather.com• http://hubpages.com• http://opendiary.com• http://thoughts.com

• http://wordpress.com• http://www.blogger.com• http://www.weebly.com• http://www.tumblr.com• http://www.livejournal.com• http://www.webs.com• http://www.yola.com• http://blog.com• http://www.jimdo.com• http://blogsome.com• http://edublogs.org

• http://friendster.com• http://knol.google.com• http://squidoo.com• http://viviti.com• http://blog.co.uk• http://diaryland.com• http://gather.com• http://hubpages.com• http://opendiary.com• http://thoughts.com

Blog yang paling populer• Wordpress merupakan situs penyedia layanan blog

gratis yang sangat populer dan banyak digunakan,wordpress ini ada juga yang premium atau berbayarbiasanya digunakan dalam sebuah website.Wordpress di bangun dengan sebuah bahasapemrograman PHP dan berbasis data (database)MySQL.

• Wordpress merupakan situs penyedia layanan bloggratis yang sangat populer dan banyak digunakan,wordpress ini ada juga yang premium atau berbayarbiasanya digunakan dalam sebuah website.Wordpress di bangun dengan sebuah bahasapemrograman PHP dan berbasis data (database)MySQL.

Yang Diperlukan :• E-mail

– Mail.google.com– Mail.yahoo.com– www.outlook.com– dll

• Kreatifitas– Observasi– Eksplorasi– Penuh Ide

• E-mail– Mail.google.com– Mail.yahoo.com– www.outlook.com– dll

• Kreatifitas– Observasi– Eksplorasi– Penuh Ide

Simulasi Membuat Blog

Aplikasi dan Tool yang diperlukan :1. Installer Wordpress2. XAMPP3. Laptop/Komputer

Simulasi Membuat Blog

Aplikasi dan Tool yang diperlukan :1. Installer Wordpress2. XAMPP3. Laptop/Komputer

Wordpress• Bisa langsung membuat dengan mengakses

www.wordpress.com

• Apabila ingin mencoba terlebih dahulu diPC/Laptop bisa dilakukan dengan mengunduhinstaller Wordpress dihttps://wordpress.org/download/ dan XAMPP dihttps://www.apachefriends.org/download.html

• Install XAMPP dan Wordpress

• Bisa langsung membuat dengan mengakseswww.wordpress.com

• Apabila ingin mencoba terlebih dahulu diPC/Laptop bisa dilakukan dengan mengunduhinstaller Wordpress dihttps://wordpress.org/download/ dan XAMPP dihttps://www.apachefriends.org/download.html

• Install XAMPP dan Wordpress

XAMPP• Salah satu aplikasi server localhost dan yang paling banyak digunakan

adalah XAMPP. Aplikasi ini dibuat oleh Apache Friends dan installer-nyabisa langsung diunduh dari situs mereka. Saat ini yang paling baru adalahversi 1.8.1.

• XAMPP sendiri ada dua macam, yakni paket komplit dan satunya lagiadalah paket portable lite.

• XAMPP paket komplit itu isinya adalah:– Apache– MySQL– PHP– phpMyAdmin– FileZilla FTP Server– Tomcat– Strawberry Perl Portable– XAMPP Control Panel

• Salah satu aplikasi server localhost dan yang paling banyak digunakanadalah XAMPP. Aplikasi ini dibuat oleh Apache Friends dan installer-nyabisa langsung diunduh dari situs mereka. Saat ini yang paling baru adalahversi 1.8.1.

• XAMPP sendiri ada dua macam, yakni paket komplit dan satunya lagiadalah paket portable lite.

• XAMPP paket komplit itu isinya adalah:– Apache– MySQL– PHP– phpMyAdmin– FileZilla FTP Server– Tomcat– Strawberry Perl Portable– XAMPP Control Panel

Instalasi XAMPP• Dobel klik file xampp yang baru saja Anda download,

selanjutnya akan muncul jendela “installer language”seperti di bawah ini:

• Selanjutnya pilih bahasa. Pilih yang BahasaInggris (English). Klik OK.

• Dobel klik file xampp yang baru saja Anda download,selanjutnya akan muncul jendela “installer language”seperti di bawah ini:

• Selanjutnya pilih bahasa. Pilih yang BahasaInggris (English). Klik OK.

• Kadang pada proses ini muncul pesan error.Jika ada, abaikan saja dan lanjutkan denganklik OK dan YES.

• Selanjutnya Anda akan diminta untuk memilihaplikasi yang mau diinstal. Centang saja semuapilihan dan klik tombol Next.

• Kemudian Anda akan diminta untuk menentukan lokasi folderpenyimpanan file-file dan folder XAMPP. Secara default akan diarahkan kelokasi c:\xampp. Namun jika Anda ingin menyimpannya di folder lain bisaklik browse dan tentukan secara manual folder yang ingin digunakan. Jikasudah selesai, lanjutkan dan klik tombol Install.

• Tunggu beberapa menit hingga proses intalasi selesai. Jikasudah muncul jendela seperti di bawah ini, kliktombol Finish untuk menyelesaikannya.

• Berikutnya, akan muncul jendela dialogseperti gambar di bawah ini yang menanyakanAnda apakah mau langsung menjalankanaplikasi XAMPP atau tidak. Jika ya, maka klikYES.

• Berikutnya, akan muncul jendela dialogseperti gambar di bawah ini yang menanyakanAnda apakah mau langsung menjalankanaplikasi XAMPP atau tidak. Jika ya, maka klikYES.

Cara Menjalankan Aplikasi XAMPP

• Bukalah aplikasi XAMPP, bisa melalui StartMenu atau Desktop, dan klik icon XAMPP. Atau, jika Andamembukanya begitu proses instalasi selesai makaklik Yes seperti yang terlihat pada gambar di atas.

• Setelah terbuka, silahkan klik tombol Start pada kolomAction sehingga tombol tersebut berubahmenjadi Stop. Dengan mengklik tombol tersebut, artinyaitulah aplikasi yang dijalankan. Biasanya jika sayamenggunakan XAMPP, yang saya start hanyalah aplikasiApache dan MySQL, karena saya tidak memerlukan aplikasiseperti Filezilla, dan lain-lain.

• Bukalah aplikasi XAMPP, bisa melalui StartMenu atau Desktop, dan klik icon XAMPP. Atau, jika Andamembukanya begitu proses instalasi selesai makaklik Yes seperti yang terlihat pada gambar di atas.

• Setelah terbuka, silahkan klik tombol Start pada kolomAction sehingga tombol tersebut berubahmenjadi Stop. Dengan mengklik tombol tersebut, artinyaitulah aplikasi yang dijalankan. Biasanya jika sayamenggunakan XAMPP, yang saya start hanyalah aplikasiApache dan MySQL, karena saya tidak memerlukan aplikasiseperti Filezilla, dan lain-lain.

Sekarang bukalah browser Anda, dancoba ketikkan http://localhost/xamppdi address bar. Jika muncul tampilanseperti gambar di bawah ini, instalasitelah berhasil.

Buat Database untuk Blog

1 2

3

Instalasi Wordpress• Siapkan file WordPress terbaru. Kalau belum punya bisa ngunduh dulu

atau download langsung di WordPress.org. Buka folder XAMPP dikomputer Anda. Lalu bukalah folder htdocs. Copy-kan file WordPress kedalam folder ini. Lebih mudahnya, buka Windows Explorer, lalu ketikC:\xampp\htdocs pada bagian folder address seperti terlihat pada gambardi bawah ini.

• Folder htdocs merupakan folder yang dipakai untuk menaruh file-file yangbisa dibuka di browser. Jika kita menaruh selain di folder ini, maka browsertidak akan bisa membukanya. Biasanya kalau settingan masih default,folder ada di drive C. Jadi pastikan jangan salah taruh ya..

• Siapkan file WordPress terbaru. Kalau belum punya bisa ngunduh duluatau download langsung di WordPress.org. Buka folder XAMPP dikomputer Anda. Lalu bukalah folder htdocs. Copy-kan file WordPress kedalam folder ini. Lebih mudahnya, buka Windows Explorer, lalu ketikC:\xampp\htdocs pada bagian folder address seperti terlihat pada gambardi bawah ini.

• Folder htdocs merupakan folder yang dipakai untuk menaruh file-file yangbisa dibuka di browser. Jika kita menaruh selain di folder ini, maka browsertidak akan bisa membukanya. Biasanya kalau settingan masih default,folder ada di drive C. Jadi pastikan jangan salah taruh ya..

• Apabila file masih dalam bentuk compress, maka ekstrak terlebih dahulu.Default folder hasil ekstrak biasanya bernama ‘wordpress’. Jika mau,nantinya Anda bisa mengganti nama folder ini menjadi nama yang Andasukai. Katakanlah nama website Anda. Di sini saya menggantinya dengannama ‘blogku’. Jika diakses, hasilnya akan terlihat seperti gambar dibawah ini:

• Sekarang bukalah browser favorit Anda. Untuk membuka situs wordpressoffline ini, nantinya kita bisa mengaksesnya dengan alamathttp://localhost/nama_folder. Kalau milik saya ya bukanya pakai alamathttp://localhost/blogku. Jika milik Anda tetap memakai folder default,maka alamatnya http://localhost/wordpress. Ketikkan di address bar. Laluklik Create a Configuration File.

• Klik Let’s Go.

• Isikan nama database dengan database yang sudah dibuat. Untuk username diisi dengan root dan password di kosongkan / dihapus saja. Apabilasudah diisi 3 field tersebut, Klik Submit.

• Klik Run the Install.

• Isikan data-datayang dibutuhkanuntuk admin dannama website.Setelah ituklik installwordpress.

• Isikan data-datayang dibutuhkanuntuk admin dannama website.Setelah ituklik installwordpress.

• Selamat! WordPress offline Anda sudah jadi.Silahkan Login.

• Masukkan username danpassword yang telah Andabuat pada langkahsebelumnya untuk loginke Dashboard. Cara lainbisa langsungmengetikkan alamat dibrowser http://localhost/nama_folder/wp-admin. Jika di tempat sayaberarti menggunakanalamathttp://localhost/blogku/wp-admin.

• Masukkan username danpassword yang telah Andabuat pada langkahsebelumnya untuk loginke Dashboard. Cara lainbisa langsungmengetikkan alamat dibrowser http://localhost/nama_folder/wp-admin. Jika di tempat sayaberarti menggunakanalamathttp://localhost/blogku/wp-admin.

• Anda sudahterdaftar diWordpressdan SiapkanDiri Andasekreatifmungkindalammenghasilkankonten –konten positif

• Anda sudahterdaftar diWordpressdan SiapkanDiri Andasekreatifmungkindalammenghasilkankonten –konten positif

POSTING ARTIKEL DI WORDPRESS

• http://localhost/nama_folder/wp-admin.

• Sesuai dengan demoyang baru saja dilakukanberarti menggunakanalamathttp://localhost/blogku/wp-admin.

• http://localhost/nama_folder/wp-admin.

• Sesuai dengan demoyang baru saja dilakukanberarti menggunakanalamathttp://localhost/blogku/wp-admin.

• Selanjutnya Anda akan berada pada halaman berandawordpress dan arahkan pointer ke menu Posts dan klik AddNew.

Isi dengan Judul

Tambahkan GambarDengan Klik tombol ini

Apabila sudah OkKlik Publish

Tuliskan Artikel

Apabila sudah OkKlik Publish

Membuat Wordpress Online!

• Bisa langsung membuat blog di www.wordpress.com• Klik Buat Situs Web

• Isi Alamat Situs dengan nama yang Anda suka

• Masukkan nama dan klik “Buat Situs Anda danLanjutkan”

• Isi Alamat Situs dengan nama yang Anda suka

• Masukkan nama dan klik “Buat Situs Anda danLanjutkan”

• Isi Surel denganemail anda,namapengguna dankata sandihingga tandacentangmuncul

• Klik langkahberikutnya

• Isi Surel denganemail anda,namapengguna dankata sandihingga tandacentangmuncul

• Klik langkahberikutnya

• Langkah berikutnyapilih kostumisasiyang diinginkan.

• Catatan :memasukkankostumisasi akanmengeluarkan biaya

• Lanjutkan denganpilih tida, terimakasih apabila tidakingin memasukkankostumisasi

• Langkah berikutnyapilih kostumisasiyang diinginkan.

• Catatan :memasukkankostumisasi akanmengeluarkan biaya

• Lanjutkan denganpilih tida, terimakasih apabila tidakingin memasukkankostumisasi

• Pilih Tema yangAnda Sukai dan klik“LangkahBerikutnya”

• Pilih PaketsesuaiKeinginan.Untuk kaliini kitapilih Gratis

• Pilih PaketsesuaiKeinginan.Untuk kaliini kitapilih Gratis

Contoh Website dengan Wordpress :www.kartininextgeneration.web.id

TERIMAKASIH

TERIMAKASIH