• Save
Pertemuan 2  Memulai Wordpress
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Pertemuan 2 Memulai Wordpress

on

  • 7,314 views

Memulai Wordpress

Memulai Wordpress

Statistics

Views

Total Views
7,314
Views on SlideShare
7,304
Embed Views
10

Actions

Likes
3
Downloads
0
Comments
1

3 Embeds 10

http://civicseducation.wordpress.com 8
http://www.slideshare.net 1
http://translate.googleusercontent.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • LADYFEM: Herbal Istimewa!
    Untuk Atasi Masalah Kewanitaan,
    Solusi Wanita FRIGID, Kurang Bergairah, Sulit Orgasme*
    *KHUSUS digunakan untuk Pasutri.

    AMAN & LEGAL Terdaftar di BPOM RI
    POM TR 093.301.381


    Klik : http://tokoforedigasa.com/ladyfem



    ======

    Ikuti juga uuntuk bergabung Bisnis Obat Kuat yang Resmi Bpom, rekomendasi Boyke Dian Nugraha, Pakar Seksologi Indonesia.

    Buktikan kalau jualan produk ini sangatlah mudah!


    Langsung menuju websitenya di sini : peluangbisnisbagus.com/sun







    Best Regards
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Pertemuan 2 Memulai Wordpress Presentation Transcript

  • 1. Diktat Kuliah Rekayasa Web (KP212) ver 1.0 Pertemuan 2 Memulai Wordpress Memiliki Blog secara Gratis Instalasi Wordpress Sendiri Instalasi Wordpress di Server Hosting Pengenalan Menu Admin Wordpress Mengubah Password Admin Mengirim Posting Pertama Wordpress adalah salah satu dari sekian banyak blog publishing system yang ditulis dengan bahasa pemograman PHP dan database MySQL. Wordpress mudah digunakan, cepat diinstalasi, dan tentu saja gratisan. Wordpress sendiri dapat didownload di http://wordpress.org/download/. Rilis wordpress terbaru saat materi ini ditulis adalah Wordpress 2.2 yang telah dirilis pada tanggal 16 Mei 2007 dan telah didownload sebanyak 828.826 kali (30/08/2007 17:17:00). Memiliki Blog secara Gratis Bagaimana caranya Anda dapat memiliki blog secara gratis dan mudah? Di internet, tersedia banyak sekali situs atau hosting yang menyediakan account blog secara gratis. Masing-masing memiliki fasilitas, fitur dan kelebihan sendiri-sendiri. Namun demikian, berikut ini hanya akan dijelaskan cara-cara memperoleh account blog yang menggunakan wordpress blog publishing system. Mendaftar di Wordpress.Com WordPress.com (http://www.wordpress.com) merupakan sebuah layanan hosting yang disediakan oleh para pengembang WordPress, dimana Anda dapat mendaftar dan memperoleh blog secara gratis. Sebagai layanan hosting yang gratis, maka fasilitasnya juga terbatas. Misalnya saja, Anda tidak dapat mengupload dan menambahkan themes Anda sendiri, Anda hanya boleh mengganti dengan themes yang sudah ada. Namun demikian, fungsi-fungsi utama dari blog, seperti halnya posting, comment system, page, tersedia dengan baik. Fakultas Teknologi Informasi (http://fti.bl.ac.id) Halaman 1
  • 2. Diktat Kuliah Rekayasa Web (KP212) ver 1.0 Untuk mendaftar di WordPress.Com, buka situs http://www.wordpress.com dan click link Sign Up Now! yang berada di kanan atas (lihat gambar di atas). Selanjutnya akan ditampilkan halaman berikut ini : Fakultas Teknologi Informasi (http://fti.bl.ac.id) Halaman 2
  • 3. Diktat Kuliah Rekayasa Web (KP212) ver 1.0 Ketik username dan password yang Anda pilih, serta alamat email Anda. Jangan lupa centang checkbox license agreement dan pilih radio button Gimme a blog!. Selanjutnya, setelah Anda klik tombol Next, akan diminta informasi mengenai blog domain, blog title dan bahasa yang diinginkan seperti ditampilkan dalam gambar di bawah ini. Anda juga dapat memilih, blog Anda bersifat private atau bukan. Ingat! Blog domain tidak bisa diubah. Selanjutnya, klik tombol Signup dan proses registrasi blog Anda selesai. Anda akan dikirimi sebuah email berisi informasi username, password dan Akismet API Key. Klik link Write a post untuk mengirim posting untuk pertama kali, change your template untuk mengubah tampilan blog dan visit homepage untuk melihat blog Anda. Tampilan blog baru Anda kurang lebih menjadi sebagai berikut : Fakultas Teknologi Informasi (http://fti.bl.ac.id) Halaman 3
  • 4. Diktat Kuliah Rekayasa Web (KP212) ver 1.0 Mendaftar di blogsome.com Blogsome, seperti halnya wordpress.com juga merupakan penyedia layanan hosting blog cuma-cuma. Fitur yang ditawarkan oleh blogsome selain free, adalah mudah, dukungan banyak wordpress themes, kemudahan pengaturan tampilan dan upload foto (image). Fakultas Teknologi Informasi (http://fti.bl.ac.id) Halaman 4
  • 5. Diktat Kuliah Rekayasa Web (KP212) ver 1.0 Untuk mendaftar ke blogsome, buka situsnya di http://www.blogsome.com. Dari halaman utama (lihat gambar) Anda dapat membuat account blog baru hanya dalam 2 (dua) langkah. Pertama, pilihlah alamat blog yang Anda inginkan dalam textbox yang disediakan. Alamat yang dipilih tersebut juga berfungsi sebagai username Anda untuk login ke blogsome. Klik tombol Get your free blog now untuk melanjutkan proses registrasi. Selanjutnya akan ditampilkan halaman form registrasi blogsome secara lengkap. Field inputan yang diminta adalah alamat email, konfirmasi alamat email, judul blog dan image verifier. Jangan lupa, Anda juga harus men- centang check box Terms of services sebagai tanda menyetujui aturan dan perjanjiannya. Klik tombol Get your free blog now, dan proses pendaftaran blog Anda sudah selesai. Anda kini dapat melihat tampilan blog Anda atau masuk ke halaman admin blog dengan username dan password yang sudah dikirimkan melalui email. Fakultas Teknologi Informasi (http://fti.bl.ac.id) Halaman 5
  • 6. Diktat Kuliah Rekayasa Web (KP212) ver 1.0 Instalasi Wordpress Sendiri Wordpress sebagai aplikasi open source, dapat secara bebas Anda download dari situs resminya di http://www.wordpress.org serta dapat Anda install di komputer Anda sendiri. Anda dapat menginstall wordpress di komputer sendiri dengan mudah dan cepat, serta tidak banyak memerlukan pengetahuan programming. Sebelum melakukan instalasi, perlu dipenuhi kebutuhan minimalnya (minimal requirement). Komputer harus sudah tersedia web server yang mendukung PHP. Disarankan menggunakan web server Apache. Untuk PHP, minimal menggunakan versi 4.2 atau lebih. PHP versi 5.x.x juga dapat digunakan. Untuk database server, harus menggunakan MySQL versi 3.23.23 atau lebih. Saat ini, WordPress belum mendukung jenis database yang lain. Proses instalasi WordPress dapat dilakukan dengan cukup mudah dan tidak terlalu memerlukan pengetahuan yang lebih mengenai pemrograman. Secara garis besar, proses instalasi WordPress dapat dilakukan dengan langkah- langkah sebagai berikut : Langkah 1 – Download File Download file instalasi WordPress dari situs resminya yang beralamat di http://wordpress.org/download/. File instalasi tersedia dalam format Gzip (.tar.gz) dan ZIP (.zip) yang dapat diekstrak dengan Winzip, Winrar atau program lain yang sejenis. Perhatikan gambar berikut ini untuk tampilan halaman download WordPress. Fakultas Teknologi Informasi (http://fti.bl.ac.id) Halaman 6
  • 7. Diktat Kuliah Rekayasa Web (KP212) ver 1.0 Langkah 2 – Ekstrak File Ekstrak file instalasi WordPress ke root directory web. Jika server yang dipakai berada di komputer lain, misalnya di web hosting yang disewa, maka file instalasi tersebut harus diupload terlebih dahulu. Untuk mengupload file ke web hosting dapat melalui FTP, atau melalui aplikasi yang biasanya sudah tersedia di web hosting. Fakultas Teknologi Informasi (http://fti.bl.ac.id) Halaman 7
  • 8. Diktat Kuliah Rekayasa Web (KP212) ver 1.0 Langkah 3 – Memulai Instalasi dari Browser. Setelah semua file diupload, langkah selanjutnya adalah menginstall WordPress melalui browser dengan cara membuka alamat http://namaserver/folder/ tergantung pada nama server dan folder tempat file instalasi WordPress berada. Misalnya jika instalasi WordPress diupload di folder myblog dalam komputer local, maka alamat yang dibuka adalah http://localhost/myblog/. Jika langkah ini benar, maka akan ditampilkan tampilan seperti pada gambar berikut ini. Langkah 4 – Membuat file konfigurasi Pada gambar di atas dinyatakan bahwa belum ada file wp-config.php dalam folder instalasi WordPress. Anda dapat membuatnya secara manual dengan me-rename file wp-config-sample.php yang ada di folder WordPress menjadi wp-config.php. Atau kita juga dapat membuatnya secara langsung dengan meng-klik link create a wp-config.php file through a web interface yang ada di tampilan gambar di atas. Selanjutnya akan ditampilkan beberapa informasi berhubungan dengan konfigurasi database yang akan diperlukan selama proses instalasi berikutnya. Klik link let’s go! yang terdapat di bagian bawah halaman untuk melanjutkan proses instalasi. Langkah 5 – Menyiapkan database Sebelum langkah instalasi dilanjutkan, Anda harus memastikan database yang digunakan sudah dibuat di MySQL. Anda dapat membuat database tersebut secara manual melalui console, atau dengan front-end MySQL seperti MySQL Front, MySQL Yog, dan PHPMyAdmin. Berikut ini contoh ilustrasi cara membuat database dengan MySQL Front. Fakultas Teknologi Informasi (http://fti.bl.ac.id) Halaman 8
  • 9. Diktat Kuliah Rekayasa Web (KP212) ver 1.0 Fakultas Teknologi Informasi (http://fti.bl.ac.id) Halaman 9
  • 10. Diktat Kuliah Rekayasa Web (KP212) ver 1.0 Langkah 6 – Konfigurasi Database Setelah database sudah dibuat, berikutnya kembali ke proses instalasi Wordpress. Pada halaman berikutnya, akan ditampilkan form inputan yang berhubungan dengan konfigurasi database yaitu nama database, user login ke database, password login ke database, host server database, dan table prefix. Setelah semua form diisi dengan benar, klik tombol Submit untuk melanjutkan proses instalasi. Dan jika semua form diisi dengan benar, maka akan ditampilkan halaman konfirmasi seperti pada gambar di bawah ini. Lanjutkan proses instalasi dengan klik link run the install!. Fakultas Teknologi Informasi (http://fti.bl.ac.id) Halaman 10
  • 11. Diktat Kuliah Rekayasa Web (KP212) ver 1.0 Langkah 7 – Blog Info Setelah melewati langkah 5, selanjutnya akan ditampilkan halaman seperti pada gambar berikut ini. Pada tahap ini, WordPress sudah berhasil membuat tabel-tabel yang diperlukan dalam aplikasi. Lanjutkan proses instalasi dengan meng-klik link First Step >> seperti ditampilkan pada gambar. Pada halaman berikutnya akan diminta form inputan judul blog dan alamat email admin. Inputan ini dapat diubah kemudian. Tekan tombol Continue to Second Step untuk melanjutkan. Fakultas Teknologi Informasi (http://fti.bl.ac.id) Halaman 11
  • 12. Diktat Kuliah Rekayasa Web (KP212) ver 1.0 Langkah 8 Halaman yang ditampilkan selanjutnya adalah informasi user dan password untuk admin. User ini diperlukan untuk masuk ke halaman administrasi situs. Fakultas Teknologi Informasi (http://fti.bl.ac.id) Halaman 12
  • 13. Diktat Kuliah Rekayasa Web (KP212) ver 1.0 Proses instalasi WordPress sudah berhasil. Jangan lupa untuk menyimpan informasi username dan password pada halaman di atas. Username ini akan digunakan untuk masuk ke halaman administrasi wordpress. Anda bisa mengubah password tersebut di kemudian hari. Tampilan situs blog Anda pertama kali kurang lebih sebagai berikut. Instalasi Wordpress di Server Hosting Proses instalasi wordpress di server hosting dapat dilakukan dengan sangat mudah dan cepat, dengan memanfaatkan fasilitas fantastico pada cpanel. Cpanel merupakan fasilitas yang umumnya tersedia di server hosting. Tentu saja, Anda harus menyewa server hosting terlebih dahulu. Berikut ini langkah menginstall Wordpress di server hosting : 1. Login ke cpanel dengan username dan password Anda. 2. Klik menu Fantastico di halaman utama Cpanel. Fakultas Teknologi Informasi (http://fti.bl.ac.id) Halaman 13
  • 14. Diktat Kuliah Rekayasa Web (KP212) ver 1.0 3. Selanjutnya akan ditampilkan halaman fantastico seperti pada gambar di bawah. Pada bagian Blogs dari halaman fantastico, klik link Wordpress. Di sebelah kanan akan ditampilkan keterangan mengenai Wordpress, termasuk versi wordpress yang tersedia. 4. Klik New Installation. 5. Selanjutnya akan ditampilkan halaman pengisian beberapa konfigurasi untuk wordpress, seperti terlihat pada gambar di bawah ini. Beberapa inputan konfigurasi yang diminta, antara lain : - Install on domain. Diisi nama domain letak wordpress akan diinstall. - Install in directory. Diisi nama direktori letak wordpress akan diinstall (relatif terhadap domain). Jika Anda akan menginstall di root directory, kosongkan isian ini. - Administrator-username. Diisi dengan username untuk masuk ke halaman admin panel wordpress. - Password. Diisi dengan password untuk masuk ke halaman admin panel wordpress. - Admin nickname. Diisi dengan nickname user admin. Anda bisa kosongkan isian ini untuk sementara. - Admin email. Diisi dengan email user admin. Anda bisa kosongkan isian ini untuk sementara waktu. - Site Name. Diisi dengan nama situs (blog) Anda. Anda bisa ganti nama situs ini di kemudian hari. - Description. Diisi dengan deskripsi singkat situs (blog). Fakultas Teknologi Informasi (http://fti.bl.ac.id) Halaman 14
  • 15. Diktat Kuliah Rekayasa Web (KP212) ver 1.0 - E-mail account username. Diisi dengan username account email - E-mail account password. Diisi dengan password account email. - POP/SMTP Server. Diisi dengan server POP/SMTP. - POP/SMTP Server Port. Diisi dengan port server POP/SMTP. Setelah semua informasi diisi dengan lengkap dan benar, klik tombol Install Wordpress. 6. Muncul tampilan seperti gambar berikut, klik Finish installation untuk mengakhiri proses instalasi. Fakultas Teknologi Informasi (http://fti.bl.ac.id) Halaman 15
  • 16. Diktat Kuliah Rekayasa Web (KP212) ver 1.0 7. Proses instalasi selesai. Masukkan alamat email Anda, jika Anda ingin mendapatkan detil dari proses instalasi. Pengenalan Menu Admin Wordpress Login ke Admin Panel Setelah berhasil melakukan instalasi, selanjutnya kita pelajari bagaimana pengaturan dan konfigurasi dasar dalam blog (wordpress). Untuk login ke admin panel, Anda harus mengakses form login melalui URL http://domain/wp-login.php (sebagai contoh, Anda menginstall wordpress di komputer sendiri, dan diletakkan di folder /myblog, maka URL untuk login adalah http://localhost/myblog/wp-login.php). Anda akan melihat form login seperti pada gambar di bawah ini. Selanjutnya gunakan username dan password Anda untuk login ke admin panel. Username dan password ini Anda dapatkan pada waktu proses instalasi atau pada saat mendaftar (wordpress.com atau blogsome.com). Jika Anda lupa password, Anda bisa mendapatkan password Anda kembali dengan mengklik link Lost your password? Password akan dikirimkan ke alamat email Anda. Fakultas Teknologi Informasi (http://fti.bl.ac.id) Halaman 16
  • 17. Diktat Kuliah Rekayasa Web (KP212) ver 1.0 Setelah login berhasil maka akan ditampilkan halaman admin panel wordpress. Di halaman admin panel, terdapat berbagai macam menu yang berhubungan dengan posting, comment, page, presentation, plugins, users, dan option. Halaman admin panel tampak pada tampilan sebagai berikut : Fakultas Teknologi Informasi (http://fti.bl.ac.id) Halaman 17
  • 18. Diktat Kuliah Rekayasa Web (KP212) ver 1.0 Menu-menu di Admin Panel Berikut ini beberapa menu yang terdapat di halaman admin panel wordpress (wordpress 2.2.2) : 1. Menu Dashboard Menu dashboard merupakan halaman utama admin panel, dimana di halaman ini ditampilkan beberapa link (shortcut) seperti Write post dan Update profile, menu Latest Actifity yang berisi sejumlah aktifitas blogging terakhir (post dan comment), dan juga statistik blog. 2. Menu Write Menu write terdiri dari 2 (dua) submenu, yaitu Write Post untuk membuat posting baru, dan menu Write Page untuk membuat halaman baru. 3. Menu Manage Menu Manage terdiri dari : Posts, untuk me-manage posting yang sudah ada. Pages, untuk me-manage page yang sudah ada. Uploads, untuk me-manage file, foto, image yang diupload. Categories, untuk me-manage kategori posting/page. Files, untuk me-manage file Import, untuk mengimport data dari jenis blog system yang lain, diantaranya dari Blogger, Blogware, LiveJournal, MovableType, RSS dsb. Export, untuk mengeksport data blog ke dalam format XML. 4. Menu Comments Menu comments terdiri dari : Comments, berisi daftar komentar yang masuk. Anda juga dapat mengedit, maupun menghapus komentar. Fakultas Teknologi Informasi (http://fti.bl.ac.id) Halaman 18
  • 19. Diktat Kuliah Rekayasa Web (KP212) ver 1.0 Awaiting Moderation, berisi daftar komentar yang dipending (under moderation). 5. Menu Blogroll Menu Blogroll terdiri dari submenu : Manage Blogroll, untuk me-manage blogroll (link) yang sudah ada. Add Link, untuk menambahkan blogroll (link) baru. Import Links, untuk mengimport link dari blog system lain. 6. Menu Presentation Menu Presentation terdiri dari submenu : Themes, berisi themes yang tersedia dalam wordpress. Anda juga dapat mengganti themes sesuai yang Anda inginkan dari halaman ini. Widgets, untuk mengatur tampilan dan posisi komponen seperti link, page, last posting, search, dsb. Submenu ini akan tampil hanya untuk themes yang mendukung widget. Theme Editor, untuk mengedit atau mengubah file theme secara langsung. 7. Menu Plugins Menu Plugins terdiri dari : Plugins, berisi daftar plugin yang tersedia dalam wordpress. Anda juga dapat meng-aktifkan (activate) atau me-non-aktifkan (deactivate) plugin. Plugin Editor, untuk mengedit atau mengubah code plugin. 8. Menu Users Menu Users terdiri dari submenu : Fakultas Teknologi Informasi (http://fti.bl.ac.id) Halaman 19
  • 20. Diktat Kuliah Rekayasa Web (KP212) ver 1.0 Authors & Users, berisi list user dan penulis yang terdaftar di wordpress. Anda juga dapat mengubah role dari masing-masing user. Your Profile, untuk menampilkan dan mengedit profil user (user yang sedang login). Anda juga dapat mengganti 9. Menu Options Menu Options terdiri dari submenu : General, untuk mengubah beberapa konfigurasi umum wordpress seperti judul blog, format tanggal dsb. Writing, untuk mengubah pilihan konfigurasi berhubungan dengan posting, diantaranya posting lewat email. Reading, untuk mengubah pilihan konfigurasi berhubungan dengan tampilan isi blog, seperti berapa jumlah posting yang ditampilkan di halaman depan. Discussion, untuk mengubah pilihan konfigurasi berhubungan dengan komentar posting. Privacy, untuk mengubah pilihan konfigurasi berhubungan dengan blog-visibility. Permalinks, untuk mengubah pilihan konfigurasi berhubungan dengan permalink-structure. Miscellaneous, untuk mengubah pilihan konfigurasi lainnya. Mengubah Password Admin Anda dapat mengubah password admin (user) dan juga informasi user lainnya melalui menu Users > Your Profile pada admin panel. Untuk mengubah password Anda, masukkan password baru sebanyak 2 (dua) kali pada bagian Update Your Password. Klik tombol Update Profile untuk menyimpan perubahan password. Jika password berhasil diubah, makan akan terdapat pesan Profile Updated. Selain mengubah password, Anda juga dapat mengubah beberapa informasi user lainnya, seperti Name (first name, last name, nickname dan display name), Contact Info (email, website, AIM, Yahoo IM dan Jabber/Google Talk), About Yourself berisi profil singkat mengenai user. Fakultas Teknologi Informasi (http://fti.bl.ac.id) Halaman 20
  • 21. Diktat Kuliah Rekayasa Web (KP212) ver 1.0 Mengirim Posting Pertama Bagian utama dari sebuah blog adalah posting, maka dari itu, selanjutnya kita akan mencoba untuk melakukan posting di wordpress untuk pertama kalinya. Untuk mengirim posting, pada admin panel pilih menu Write dan pilih submenu Write Post. Akan ditampilkan halaman write post seperti terlihat pada gambar sebagai berikut. Setiap posting setidaknya terdiri dari judul (title) dan isi (content). Untuk membuat posting baru, ketik judul dan isi posting pada form isian masing- Fakultas Teknologi Informasi (http://fti.bl.ac.id) Halaman 21
  • 22. Diktat Kuliah Rekayasa Web (KP212) ver 1.0 masing, dan klik tombol Publish untuk mem-publish postingan. Lebih detail mengenai mengirim posting ini akan disampaikan di pertemuan selanjutnya. Jika proses berhasil, maka akan ditampilkan pesan Post Saved. Klik link View post untuk melihat tampilan posting, atau Anda juga bisa melihat tampilan posting dengan meng-klik link View Site yang ada di bagian atas admin panel. Fakultas Teknologi Informasi (http://fti.bl.ac.id) Halaman 22