Senin, Agustus 31, 2020

CMS Part 1 : XAMPP dan Wordpress

A.Pengertian XAMPP

       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 ServerMySQLdatabase, dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl. Nama XAMPP merupakan singkatan dari X (empat sistem operasi apapun), ApacheMySQLPHP dan PerlProgram 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.

 

B.Pengertian WordPress

         WordPress adalah sebuah aplikasi sumber terbuka (open source) yang sangat populer digunakan sebagai mesin blog (blog engine). WordPress dibangun dengan bahasa pemrograman PHP dan basis data (databaseMySQL. PHP dan MySQL, keduanya merupakan perangkat lunak sumber terbuka (open source software).Selain sebagai blog, WordPress juga mulai digunakan sebagai sebuah CMS (Content Management System) karena kemampuannya untuk dimodifikasi dan disesuaikan dengan kebutuhan penggunanya. WordPress adalah penerus resmi dari b2/cafelog yang dikembangkan oleh Michel Valdrighi. Nama WordPress diusulkan oleh Christine Selleck, teman Matt Mullenweg. WordPress saat ini menjadi platform content management system (CMS) bagi beberapa situs web ternama seperti CNNReutersThe New York TimesTechCrunch, dan lainnya .

           Sebelum anda memasuki cara untuk membuat blog secara offline,terlebih dahulu pastikan bahwa anda sudah memiliki software XAMPP,berikut akan dijelaskan cara menginsatall XAMMP dikomputer.

C.Cara Menginstal XAMPP Pada Komputer

  1. Download aplikasi XAMPP terbaru
  2. Dobel klik file XAMPP yang baru saja Anda download, nanti selanjutnya akan muncul jendela “installer language” seperti di bawah ini:

Picture1

      3.Selanjutnya pilih bahasa. Pilih yang Bahasa Inggris (English). Klik OK.

      4.Kadang pada proses ini muncul pesan error. Jika ada, abaikan saja dan lanjutkan dengan klik OK dan YES.

Picture2

Picture3

 

  1. Berikutnya akan muncul jendela yang isinya meminta Anda menutup semua aplikasi yang sedang berjalan. Jika semua aplikasi sudah ditutup, maka klik tombol 

Picture4

  1. Selanjutnya Anda akan diminta untuk memilih aplikasi yang mau diinstal. Centang saja semua pilihan dan klik tombol 

Picture5

  1. Kemudian Anda akan diminta untuk menentukan lokasi folder penyimpanan file-file dan folder XAMPP. Secara default akan diarahkan ke lokasi c:\xampp. Namun jika Anda ingin menyimpannya di folder lain bisa klik browsedan tentukan secara manual folder yang ingin digunakan. Jika sudah selesai, lanjutkan dan klik tombol 

Picture6

  1. Tunggu beberapa menit hingga proses intalasi selesai. Jika sudah muncul jendela seperti di bawah ini, klik tombol Finish untuk menyelesaikannya.

Picture7

  1. Berikutnya, akan muncul jendela dialog seperti gambar di bawah ini yang menanyakan Anda apakah mau langsung menjalankan aplikasi XAMPP atau tidak. Jika ya, maka klik YES.

Picture8

D.Cara Menjalankan Aplikasi XAMPP

  1. Bukalah aplikasi XAMPP, bisa melalui Start Menu atau Desktop, dan klik icon XAMPP. Atau, jika Anda membukanya begitu proses instalasi selesai maka klik Yes seperti yang terlihat pada gambar di atas.
  2. Setelah terbuka, silahkan klik tombol Start pada kolom Action sehingga tombol tersebut berubah menjadi Dengan mengklik tombol tersebut, artinya itulah aplikasi yang dijalankan. Biasanya jika saya menggunakan XAMPP, yang saya start hanyalah aplikasi Apache dan MySQL, karena saya tidak memerlukan aplikasi seperti Filezilla, dan lain-lain.
    Picture9
  3. Sekarang bukalah browser kesukaan Anda, dan coba ketikkan http://localhost/xamppdi address bar. Jika muncul tampilan seperti gambar di bawah ini, instalasi telah berhasil.

Picture10

 

 E.INSTALL WORDPRESS DiLOCALHOST

Langkah ketiga ini adalah menginstall WordPress, silahkan mendownloadnya pada situs resmi WordPress.org. Setelah selesai donwload WordPress silahkan ekstrak file WordPress dalam bentuk zip tersebut dan copy folder ke dalam folder C:/xampp/htdocs/.

Sekarang Anda perlu membuka web browser Anda dan ketik URL berikut di address bar http://localhost/wordpress (URL setelah http://localhost/ adalah harus sesuai dengan nama folder file situs Anda di dalam htdoc). Setelah Anda ketikkan URL tersebut silahkan enter dan Anda akan melihat tampilan awal proses instalasi WordPress dengan pemilihan bahasa.

WordPress tersedia dalam banyak bahasa. Anda dapat memilih bahasa sesuai keinginan Anda. Disini saya memilih bahasa English (United States) dan klik “Continue”.

Picture11

Selanjutnya akan terbuka halaman yang menginformasikan bahwa Anda membutuhkan beberapa informasi seperti nama database, username, password dan nama host pada halaman berikutnya. Ini diperlukan untuk menghubungkan database untuk instalasi WordPress Anda. Dan klik tombol “Let’s Go”

Picture12

Sekarang Anda harus memasukkan rincian database berikut di halaman ini:

  • Database Name dengan wordpress. Jika Anda memberikan nama berbeda dengan contoh ini, Anda bisa memasukkan nama database sesuai dengan yang Anda buat di langkah ke-2 tadi.
  • Username – root. Username default adalah root kecuali Anda telah mengubahnya.
  • Password – kosongkan.
  • Database Host – localhost
  • Table Prefix – wp_

Setelah Anda memasukkan rincian diatas, silakan klik “Submit” .

Picture13

Sekarang klik pada tombol “Run the install” dan menunggu WordPress untuk berkomunikasi dengan database selama beberapa saat. Dan ingat jika informasi yang diberikan di halaman rincian database tidak benar, Anda akan mendapatkan beberapa kesalahan.

Picture14

Jika proses berhasil, maka WordPress sekarang akan terhubung ke database Anda dan akan memunculkan halaman yang akan meminta Anda untuk memasukkan rincian blog seperti nama situs, username, password dan email. Pastikan Anda ingat username dan password Anda karena Anda akan membutuhkan mereka untuk masuk ke bagian WordPress admin atau Dashboard.

Picture15

Setelah Anda selesai, klik “Install WordPress”. Setelah muncul halaman yang mengatakan “Success”, sekarang Anda bisa login untuk mengakses bagian Dashboard. Masukkan username dan password Anda dan klik Login. Ini akan membawa Anda ke Dashboard WordPress.

Picture16

Dan berikut ini adalah tampilan area admin atau Dashboard WordPress.

Picture17

Sudah slesai dan kini anda sudah bisa menggunakan blog secara offline.

 

 

Berikut ini kita akan membahas cara membuat blog secara online:

cara membuat website gratis dengan wordpress, untuk yang ingin menggunakan blogspot silahkan kunjungi cara membuat blog gartis di blogspot untuk itu ikuti langkah demi langkah di bawah ini:

  1. Siapkan 1 buah email yang aktif ( Saya anggap Sudah punya 1 buah email yang masih aktif)
  2. Masuk ke http://id.wordpress.com ( diawali pakai Id agar berbahasa indonesia)

Picture18

  1. KIlik Tombol Buat Situs Web, maka akan tampil seperti Gambar berikut:

Picture19

  1. Pilih Salah satu Model Tampilan dari website yang akan kita buat, misalkan

– Selanjutnya akan tampil seperti gambar berikut :

Picture20

  1. Pilih Theme yang akan di gunakan, gambar berikutnya adalah:

Picture21

  1. isilah nama domain anda : misalkan artikelgratis atau yang lainnya, perhatikan dibawahnya adalah saran nama yang bisa di pakai, jika sudah setuju dengan nama tersebut klik tomnbol Pilih. Maka akan tampil gambar berikut :

Picture22

  1. Pilih kolom paling kiri, dan klik pada tombil Pilih Gratis, Selanjutnya akan tampil seperti screenshot berikut :

Picture23

  1. Dikolom Pertama paling atas isi dengan Email Kalian yang masih Aktif, Kolom Kedua isi dengan Username kalian (Bebas) berfungsi untuk masuk ke Dashbord Website kalian nantinya, kolom terakhir isi dengan Password minimal 6 character. Jika warna kotak masih ada yg merah ganti dengan yang lain. jika warna kitak sudah hijau silahkan klik tombol Buat Akun Saya.

Picture24

Tampilan Form Buat Akun Pada cara membuat website gratis di wordpress.

Jika kotak sudah berwarna hijau seperti ini, berarti akun wordpress sudah siap di gunakan. Silahkan klik tombol Buat Akun Saya.

  1. Akan ada proses sebentar, jika sudah selesai akan tampil seperti gamar di bawah ini

Picture25

Cek email yang tadi digunakan untuk pendaftaran di wordpress.

Klik Tombol lanjutkan, Untuk Memulai mengisi website dengan artikel atau postingan.

 

Membuat Posting Artikel Pertama di WordPress 

Sampai disini, selamat Kalian sudah PUNYA WEBSITE SENDIRI, tugas selanjutnya adalah mengisi website dengan artikel atau apostingan yang bermanfaat. Oke, tugas untuk cara membuat website gratis dengan wordpress sudah selesai. Selanjutnya terserah Kalian.

Picture26

 

Setelah langkah-langkah diatas selesai, inilah Tombol pertama yang akan melahirkan Kalian di dunia baru yaitu dunia maya, silahkan klik tombol seperti diperlihatkan pada gambar diatas.

Maka akan tampil Lembar kerja untuk memasukan artikel anda di wordpress, lihat penampakannya di bawah ini.

Picture27

Silahkan diisi dan dibuat seperti kita mengetik di microsoft word. dan untuk menyimpan sekaligus agar masuk ke website kita, petunjuknyan lihat gambar dibawah:

Picture28

Di Lembar kerja tempat kita mengetikan artikel ada beberapa tombol pengaturan di sebelah kanan.
tampak seperti gambar berikut. dan untuk menyimpan sekaligus mempublish artikel kita ke internet klik tombol Terbitkan di pojok sebelah kanan atas (Lihat Tanda Panah).