Membuat Website dengan Menggunakan CMS

Membuat Website dengan Menggunakan CMS

4 Agustus 2018 0 By ihsan

Membuat Website dengan Menggunakan CMS

 

  • Kompetensi

Membuat Website dengan Menggunakan CMS

  • Sub Kompetensi
  1.  Melalukan Instalasi WordPress
  2. Membuat Konten Baru
  3. Melalukan cosumize tampilan website
  •     Alat dan Bahan
  1. Laptop
  2. Web server
  3. Mysql
  4. Wordpres
  5. Keselamatan Kerja
  • Keselamatan Kerja
  1. Untuk memulai dan mengakhiri kerja, perhatikan setiap pentujuk operasional
  2. Gunakan Peralatan sesuai dengan fungsinya.

2.1 Waktu dan Tempat

Kegiatan Prakerin di lakukan di Kampus SMK IT IHSANUL FIKRI yang bertempat di

Kecamatan Mungkid Kabupateng Magelang Jln tembus Blabak

2.1 Tinjuan Pustaka

  1. Website

                        Website adalah sebuah kumpulan halaman yang terdirir dari beberpa laman yang berisi informasi dalam bentuk digital baik itu teks, gambar, animasi yang di sediakan melalui jalur internet sehingga dapat di akses dari seluruh dunia.

Website dapat di bagi menjadi 2 jenis yakini Website Statis dan website Dinamis. Perbedaan dari kedua jenis website tersebut adalah update dan juga penggunaannya, Di mana Website Statis lebih menjuju ke profil suatu brand atau perusahaan dan juga website Dinamis yang lebih mirip dengna blog yang selalu update,

  1. Mysql

Mysql adalah sebuah perangkat lunak system manajemen basis data SQL (DBMS) yang multithread, dan multi-user. MySQL adalah implementasi dari system manajemen basisdata relasional (RDBMS). MySQL dibuah oleh TcX dan telah dipercaya mengelola system dengan 40 buah database berisi 10.000 tabel dan 500 di antaranya memiliki 7 juta baris.

MySQL AB merupakan perusahaan komersial Swedia yang mensponsori dan yang memiliki MySQL. Pendiri MySQL AB adalah dua orang Swedia yang bernama David Axmark, Allan Larsson dan satu orang Finlandia bernama Michael “Monty”. Setiap pengguna MySQL dapat menggunakannya secara bebas yang didistribusikan gratis dibawah lisensi GPL(General Public License) namun tidak boleh menjadikan produk turunan yang bersifat komersial.

Pada saat ini MySQL merupakan database server yang sangat terkenal di dunia, semua itu tak lain karena bahasa dasar yang digunakan untuk mengakses database yaitu SQL. SQL (Structured Query Language) pertama kali diterapkan pada sebuah proyek riset pada laboratorium riset San Jose, IBM yang bernama system R. Kemudian SQL juga dikembangan oleh Oracle, Informix dan Sybase. Dengan menggunakan SQL, proses pengaksesan database lebih user-friendly dibandingan dengan yang lain, misalnya dBase atau Clipper karena mereka masih menggunakan perintah-perintah pemrograman murni.

  1. CMS

Istilah CMS (Content Management System) pada dasarnya merupakan suatu software atau perangkat lunak yang digunakan untuk mengatur dan memanipulasi suatu web. Namun di CMS ini anda sebagai pihak pengelola tidak diwajibkan menguasai bahasa pemrograman web karena sudah tersedia berbagai macam tools atau pilihan. Anda hanya perlu memahami dasar – dasar website serta mendalami konten yang akan anda publikasikan. Terdapat 2 macam elemen dalam CMS dengan fungsinya masing – masing, yakni :

  • CMA (Content Management Application)
  • CDA (Content Delivery Application)

Dalam Content Management Aplications anda diberikan fasilitas untuk mengolah atau manajemen konten. Sedangkan untuk Content Delivery Application anda dapat memperbaharui suatu situs web dengan menggunakan atau informasi – informasi yang sebelumnya telah digunakan pemiliknya. Dari sekian banyaknya CMS mungkin yang paling sering anda dengar

  1. WordPress

WordPress adalah salah satu sebuah mesin blog atau salah satu alt untuk membangun sebuah blog dan sebuah aplikasi sumber terbuka (open source) yang sangat popular digunakan sebagain mesin blog (blog engine). WordPress di bangun dengan Bahasa pemograman PHP  dan basis data (database) Mysql.

PHP dan MySQl, keduanya perangkat lunak sumber terbuka (Open source software). Selain sebagai blog, WordPress juga mulai di gunakan sebagai sebuah CMS karena kemampuanya untuk di modifikasi dan di sesuiakan dengan kebutuhan pengunanya, WordPress adalah penururs resmi dari b2/cafelog yang di kembangkan oleh Michel Valdrighi.

2.2  Langkah Kerja

  1. Download xampp sebagai web server di apachefriends.org/xampp-files/7.2.7/xampp-win32-7.2.7-0-VC15-installer.exe
  • Langkah 1: Matikan anti virus yang ada di laptopmu terlebih dahulu, karena dapat menyebabkan beberapa komponen XAMPP tidak bisa di install dengan lancer
  • Langkah 2: Klik Oke untuk melanjutkan instalasi berikut nya

 

  • Langkah 3 : Mulai lah Proses instalasi dengan klik dua kali pada installer XAMPP. Klik “Next” setelah splash screen.

 

  • Langkah 4 : Di sini, kita dapat memilih komponen yang ingin kita install. Pilih pilihan default dan klik “Next”.

 

  • Langkah 5 : Pilih Folder sebagai tempat XAMPP akan di Install, di folder ini akan menampung semua file aplikasi web kita, jadi pastikan untuk memilih drive yang memiliki banyak ruang (space).

 

  • Langkah 6: Layar berikutnya adalah promo untuk BitNami, adalah sebuah toko aplikasi untuk server perangkat lunak. Hapus kotak centang ‘Learn more about BitNami for XAMPP.

 

2. Kemudian Install

  • Langkah 7 : Sekarang setup sudah siap untuk di install, dan klik tombol Next dan tunggu installer untuk membongkar paket-nya dan memasang komponen yang di pilih. Mungkind memakan waktu beberapa menit. Mungkin kita akan di minta untuk menyetujui akses Firewall untuk komponen tertentu (seperti Apache) selama proses intalasi
  • Langkah 8 : Intalasi sudah selesai langsung saja di klik tombol Finish Gambar nya ada di bawah

 

3. Cara Download Wordpres

  • Kali ini kita akan mendownload wordpress di computer maupun di laptop, Maka kita harus memiliki aplikasi, yakni wordpress, web server+PHP+Mysql seperti XAMPP.
  • Untuk mendapatkan file wordpress kunjungi situs di wordpress.org. di halaman awal terdapat 2 buah tombol download, yakni bagian kanan atas. Silahkan di klik. Saya akan memberikan contoh

 

  • Selanjutnya, pada halaman download, silahkan klik tombol Download WordPress 4.9.7 pada bagian kanan halaman. Web browser kemudian akan mendownload file wordpress-4.9.7.zip. Save lah file ini dikomputer anda. Ukuran wordpress 4.1 sekitar 6,4 MB.

 

4. Cara Ekstrack WordPress

  • Pertama klik kanan pada file yang sudah di download habis itu ekstrak seperti gambar yang ada di bawah ini

 

5. Mengetik Alamat email.

6. Buat database Baru

  • Habis itu langsung kita buat data base baru

 

7. Buka Url web browser http://localhost/wordpress

  • Setelah di buka, kita akan mebuat web baru

8. Pilih Bahasa, continue dan lets’go

  • Kemudian kita harus memilih milih Bahasa nya terlebih dahulu, kemduian ketika sudah di pilih dam merasa mengerti. Pencet tombol continue dan lets’go

9. Isikan nama data base dan username yang sesuai dengan database yang telah di buat contoh nya yang ada di no 6. Kemudian di sumbnit dan di install

  • Setelah di submit. Kamu harus mengisi site title, username, password dan email.

 

11. Lalu isi informasi website mulai dari judul hingga email pengguna

  • Seperti di gambar yang ada di bawah

 

  • Kemudian di Submit

12. Install

  • Setelah di submite lakukan installan pada wordpress

 

 

13. Login

  • Di login terlebih dahulu supaya bisa di edit dan diatur sepeti ini

  • Setelah login. Anda langsung masuki web yang sudah anda buat tadi. Dan ini hasil nya

14. Buat Post

  • Cara buat post adalah kita harus menuju samping kiri atas, dan pilih lah dashbrod
  • Setelah masuk ke dashdord pilih POST.

 

 

  • Setelah memilih POST. Pilih lah Add New Post
  • Nah foto yang di atas itu adalah cara membuat post, TITLE itu adalah judul nya. Nah yang tengah itu adalah diskripsi atau penjelasan nya untuk membuat sebuat artikel dan di upload ke post
  • Setelah semua sudah, tinggal di upload, di upload nya adalah yang ada PUBLISH di sebelah kanan itu.

15. Ganti Theme (Tema)

  • Cara ganti theme nya cukup mudah. Kamu harus kembali ke dashboard dan pilih APPEREANCE dan Pilih THEME seperti gambar di bawah ini
  • Nah itu Tampilan THEME atau tema, biasanya dari wordpres nya cuman ada tiga tampilan tema. Misal mau di pilih tinggal di pencet tombol CUSTOMIZE
  • Setelah di CUSTOMIZE. Tampilan background nya akan berubah sesuai yang di pilih.
  • Ketika anda mau mebuat menu. Cara nya sama aja sama yang di atas,
  • Langkah 1 : Pilih Menu Appearance kemudian pilih Menus
  • Langkah 2 : Silahkan isi nama menu pada kolom menu name contoh nya ada di bawah

  • Langkah 3 : Tentukan Lokasi menu kamu di mana akan di tampilkan.
  • Langkah 4 : Di bagian Page, Silahkan kamu centang halaman yang ingin kamu tambahkan pada menu yang akan kamu buat. Kemudian tekan Add to Menu

  • Langkah 5 : Setelah halaman di tambahkan ke menu, pilih lokasi menu yang ingin anda tampilakan, pada contoh ini kami memilih top menu, kemudian tekan tombol save menu
  • Untuk melihat perubahan, silahkan akses website anda. Kuraang lebih anda di bawah ini

  • Nah sudah jadi, Semoga Bermanfaat.

Sekian Dan Terima Kasih