contoh laporan-prakerin-tkj-membuat-website

28
http://www.bangaldhy.blogspot.com LAPORAN CARA MEMBUAT WEBSITE DENGAN CMS WORDPRESS Laporan ini Dibuat Sebagai Bahan Pertanggungjawaban Penulis Selama Praktek Kerja Industri di UPTD Kelautan dan Perikanan Kundur DEDEN REINALDI NIS. 14-0642 Program Studi Keahlian : Teknologi Informasi dan Komunikasi Kompetensi Keahlian : Teknik Komputer dan Jaringan DINAS PENDIDIKAN KABUPATEN KARIMUN SEKOLAH MENENGAH KEJURUAN NEGERI KUNDUR Jl. Besar Sawang Km. 13 Sawang Selatan Kec. Kundur Barat Kab. Karimun Prov. Kepulaun Riau 2016

Upload: deden-reinaldi

Post on 06-Jan-2017

415 views

Category:

Education


84 download

TRANSCRIPT

Page 1: Contoh laporan-prakerin-tkj-membuat-website

http://www.bangaldhy.blogspot.com

LAPORAN

CARA MEMBUAT WEBSITE DENGAN CMS WORDPRESS

Laporan ini Dibuat Sebagai Bahan Pertanggungjawaban Penulis Selama

Praktek Kerja Industri di UPTD Kelautan dan Perikanan Kundur

DEDEN REINALDI

NIS. 14-0642

Program Studi Keahlian : Teknologi Informasi dan Komunikasi

Kompetensi Keahlian : Teknik Komputer dan Jaringan

DINAS PENDIDIKAN KABUPATEN KARIMUN

SEKOLAH MENENGAH KEJURUAN NEGERI KUNDUR

Jl. Besar Sawang Km. 13 Sawang Selatan Kec. Kundur Barat Kab. Karimun

Prov. Kepulaun Riau

2016

Page 2: Contoh laporan-prakerin-tkj-membuat-website

http://www.bangaldhy.blogspot.com

LEMBARAN PENGESAHAN SEKOLAH

CARA MEMBUAT WEBSITE DENGAN CMS WORDPRESS

Laporan praktek kerja industri ini di sahkan dan di setujui

Pada tanggal November 2016

Kepala Program Pembimbing

Teknik Komputer dan Jaringan

ITA MAIYANI, S.Kom SYUKRI ADINATA, A.Md

Mengetahui,

Kepala SMK Negeri Kundur

Drs. H MASTUR, M.M. Pd

NIP. 19630525 199103 1 009

Page 3: Contoh laporan-prakerin-tkj-membuat-website

http://www.bangaldhy.blogspot.com

LEMBARAN PENGESAHAN DU/DI

CARA MEMBUAT WEBSITE DENGAN CMS WORDPRESS

Laporan Praktik Kerja Industri ini disahkan dan disetujui oleh UPTD Kelautan

dan Perikanan Kec,Kundur Kab,Karimun

Pada Tanggal :

Kepala UPTD Pembimbing DU/DI

Kelautan dan Perikanan

Kec.Kundur Kab. Karimun

SYAHRUDDIN,S.Pi SURYANI FITRI ANGGRAINI,S.Pi

NIP.19750526 200502 1 003

Page 4: Contoh laporan-prakerin-tkj-membuat-website

http://www.bangaldhy.blogspot.com

KATA PENGANTAR

Puji sukur kehadirat Allah Swt, berkat limpah dan karunianya saya sebagai

penulis dapat menyelesainkan penulisan laporan yang berjudul “MEMBUAT

WEBSITE DENGAN CMS WORDPRESS”.

Tujuan dari laporan ini adalah untuk memenuhi salah satu syarat guna

menyelesaikan Praktik Kerja Industri. Dalam penulisan ini penulis ingin

mengucapkan terimakasih kepada:

1. Bapak Drs. Mastur, M.. M. Pd Selaku Kepala Sekolah

2. Ibu Ita Maiyani, S.Kom Selaku Kepala Jurusan TKJ SMK NEGERI

KUNDUR

3. Bapak Syahruddin, S.Pi selaku Kepala UPTD Kelautan dan Perikanan

Kec.Kundur

4. Syukri Adinata, A.Md. selaku Guru Pembimbing dan Wali Kelas III TKJ

5. Seluruh Majelis Guru SMK Negeri Kundur

6. Seluruh Pegawai dan Staf UPTD Kelautan dan Perikanan Kundur Kab.

Karimun

7. Orang Tua Penulis yang mendukung selama laporan ini di tulis

Laporan yang di tulis ini mungkin masih memiliki banyak kekurangan, jadi

saya selaku penyusun mengharapkan saran yang dapat membantu penulis

kedepannya.

Tanjung Batu, 30 Oktober 2016

Penyusun,

DEDEN REINALDI

Page 5: Contoh laporan-prakerin-tkj-membuat-website

http://www.bangaldhy.blogspot.com

DAFTAR ISI

KATA PENGANTAR ...................................................................................................... iii

DAFTAR ISI ..................................................................................................................... iv

DAFTAR GAMBAR ........................................................................................................ v

BAB I PENDAHULUAN

1.1 Latar Belakang ...................................................................................................... 1

1.3 Tujuan dan Manfaat .............................................................................................. 2

BAB II LANDASAN TEORI

2.1 Waktu dan Tempat ................................................................................................ 3

2.2 Tinjauan Pustaka ................................................................................................... 3

2.3 Alat dan Bahan ...................................................................................................... 5

BAB III PEMBAHASAN

3.1 Cara Membuat Web dengan CMS WordPress ...................................................... 8

BAB IV PENUTUP

4.1 Kesimpulan ........................................................................................................... 17

4.2 Saran ..................................................................................................................... 17

DAFTAR PUSTAKA ....................................................................................................... 18

LAMPIRAN

Page 6: Contoh laporan-prakerin-tkj-membuat-website

http://www.bangaldhy.blogspot.com

DAFTAR GAMBAR

Halaman

Gambar 1.1 halaman hosting ............................................................................. 9

Gambar 1.2 halaman pendaftaran ...................................................................... 9

Gambar 1.3 halaman pendaftaran ...................................................................... 10

Gambar 1.4 halaman verifikasi .......................................................................... 10

Gambar 1.5 halaman order ................................................................................ 11

Gambar 2.1 halaman hosting ............................................................................. 12

Gambar 2.2 halaman pengaturan ........................................................................ 12

Gambar 2.3 halaman install ............................................................................... 13

Gambar 2.4 halaman install ............................................................................... 13

Gambar 2.5 halaman pengaturan ........................................................................ 14

Gambar 2.6 halaman install ............................................................................... 14

Gambar 3.1 halaman login ................................................................................ 15

Gambar 3.2 halaman dashboard ........................................................................ 16

Page 7: Contoh laporan-prakerin-tkj-membuat-website

http://www.bangaldhy.blogspot.com

BAB I

PENDAHULUAN

1.1 Latar Belakang

Praktek Kerja Industri (PRAKERIN) Adalah suatu bentuk

penyelenggaraan kegiatan dari sekolah yang memandukan secara sistematik dan

sinkron antara program pendidikan di sekolah da program pengusahaan yang

diperoleh melalui kegiatan bekerja langsung di dunia kerja untuk mencapai suatu

tingkat keahlian profesional.

Dimana keahlian profesional tersebut hanya dapat dibentuk melalui tiga

unsur utama yaitu ilmu pengetahuan, teknik, dan kiat. Ilmu pengetahuan dan

teknik dapat di pelajari dalam kegiatan di sekolah, akan tetapi hal itu dapat

dikuasai melalui proses pengerjaan langsung pada bidang profesi itu sendiri.

Pendidikan Sistem Ganda dilaksanakan untuk memenuhi kebutuhan tenaga kerja

yang profesional dibidangnya.

Melalui Pendidikan Sistem Ganda diharapkan dapat menciptakan tenaga

kerja yang profesional tersebut. Dimana para Siswa yang dapat melaksanakan

Pendidikan tersebut diharapkan dapat menerapkan ilmu yang didapat dan

sekaligus mempelajari pada Dunia Industri. Tanpa di adakannya Pendidikan

Sistem Ganda, hal ini kita tidak akan bisa langsung terjun ke Dunia Industri

dikarenakan kita belum mengetahui situasi dan kondisi lingkungan kerja.

Page 8: Contoh laporan-prakerin-tkj-membuat-website

http://www.bangaldhy.blogspot.com

1.2. Tujuan dan Manfaat

Tujuan dari penyelenggaraan Praktek Kerja Industri (PRAKERIN) siswa

Sekolah Mengengah Kejuruan (SMK) adalah sebagai berikut:

1. Menghasilkan tenaga kerjaa yang memiliki keahlian prfesional, dengan

pengetahuan, keterampilan, dan etos yang sesuai dengan ketentuan

lapangan kerja.

2. Meningkatkan efesiensi proses pendidikan dan pelatihan kerja yang

professional.

3. Memberikan pengakuan dan penghargaan terhadap pengalaman kerja yang

sebagai bagian proses pendidikan.

4. Membuka wawasan siswa terhadap jenis-jenis kerja yang ada pada bidang

yang bersangkutan dengan segala persyaratannya.

5. Mendorong siswa untuk berjiwa wiraswasta.

6. Memperoleh upaya balik dari dunia kerja untuk memantapkan dan

pengembangan program pendidikan.

7. Khusus untuk sekolah dapat melakukan penjajakan kerjasama dari

penempatan lulusan.

Page 9: Contoh laporan-prakerin-tkj-membuat-website

http://www.bangaldhy.blogspot.com

BAB II

LANDASAN TEORI

2.1. Waktu dan Tempat

Kegiatan prakerin di lakukan di UPTD Kelautan dan Perikanan

Kundur yang bertempat di KM.5 Jln Sunaryo Tanjung Batu Barat.

Tabel 2.0

NO KETERANGAN

BULAN

JULI AGUSTUS SEPTEMBER OKTOBER

4 1 2 3 4 1 2 3 4 1 2 3 4

1 PERKENALAN

2 PENETAPAN JADWAL

MASUK

3 PENGENALAN

LOKASI

4 PENGENALAN ALAT-

ALAT

5 PRAKTEK KERJA

6 PENJEMPUTAN

2.2. Tinjauan Pustaka

1. Website

Website adalah sekumpulan halaman yang terdiri dari beberapa laman

yang berisi informasi dalam bentuk digital baik itu teks, gambar, animasi

yang disediakan melalui jalur internet sehingga dapat diakses 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. Dimana Website Statis lebih menuju ke profil suatu

brand atau perusahaan dan juga Website Dinamis yang lebih mirip dengan

Page 10: Contoh laporan-prakerin-tkj-membuat-website

http://www.bangaldhy.blogspot.com

blog yang selalu update, dalam hal ini contohnya adalah Facebook.com,

Detik.com, Breakpostz.xyz dan lainnya.

Fungsi dari Website tergantung juga dari penggunanya di mana salah

satu dari fungsi Website adalah untuk menyimpan file, menulis, membaca dan

menonton berita, ber bisnis dan lainnya. Tergantung dari apa yang kita

inginkan dari sebuah website sendiri.

2. Hosting

Hosting bisa dikatakan sebagai tempat yang menyimpan dimana

website akan di bangun, bisa di katakan hosting adalah Harddisk yang

menyimpan data sedangkan CMS adalah System Operating nya sebuah

website.

Hosting adalah sumber daya yang menjadi server suatu website

sehingga website itu dapat di akses dan di gunakan sebagaimana mestinya.

Dimana hostinglah yang menjadi tempat untuk menyimpan file PHP, Email,

DNS, FTP, HTTP dan bahasa pemrograman lainnya.

3. Content Management System (CMS)

Content Management System atau lebih di kenal dengan CMS adalah

sebuah aplikasi berbasis web yang berisikan template untuk mengelola isi

halaman web secara lebih mudah.

3.1. CMS Wordpress

Salah satu dari penyebab perkembangan website adalah prosesnya

yang menjadi lebih mudah dan tidak sesulit pada perkembangan awalnya.

Page 11: Contoh laporan-prakerin-tkj-membuat-website

http://www.bangaldhy.blogspot.com

Terutama peran CMS ini yang sangat memudahkan para pemula untuk bisa

membuat website sendiri.

CMS Wordpress adalah layanan CMS yang bersifat OpenSource

atau gratis dan juga dapat di kembangkan oleh siapapun.

Dan kelebihan CMS adalah kepraktisannya dan sangat instan untuk

di gunakan sehingga kalian yang tidak memahami HTML pun bisa

membuat website dengan bantuan dari CMS.

2.3. Alat dan Bahan

Sebelum membuat website maka salah satu hal yang harus kita

lakukan adalah dengan mempersiapkan bahannya terlebih dahulu. Berikut ini

adalah peralatan dan bahan yang harus ada untuk membuat website.

2.3.1. Komputer

Gambar 2.1 Komputer

komputer yang di gunakan harus bisa mengakses internet dengan baik,

karena jika komputer tidak bisa menggunakan internet maka kita tidak bisa

membuat website.

Spesifikasi minimun komputer:

Processor minimal pentium III 500Mhz.

Page 12: Contoh laporan-prakerin-tkj-membuat-website

http://www.bangaldhy.blogspot.com

RAM minimal 64MB

Harddisk minimal 10GB

VGA Card minimal 4MB.

2.3.2. Internet

Gambar 2.2 Wi-Fi

Internet adalah hal mutlak dalam proses pembuatan website ini,

karena website yang kita buat ini adalah berbasis online maka di perlukan

akses internet ketika membuat website.

Akses internet dapat di gunakan menggunakan Modem ataupun Wi-

Fi, yang terpenting jaringan tetap stabil agar memperlancar pekerjaan.

2.3.3. E-Mail

Page 13: Contoh laporan-prakerin-tkj-membuat-website

http://www.bangaldhy.blogspot.com

Gambar 2.3 E-Mail

Fungsi e-mail dalam pembuatan website ini adalah untuk

mendaftarkan akun hosting nantinya.

Dalam proses pembuatan website ini menggunakan akun e-mail g-

mail. Sebenarnya tidak ada permasalahan jika menggunakannya e-mail dari

penyedia lainnya. Asalkan dapat menerima kode konfirmasi.

2.3.4. Browser

Gambar 2.4 Browser

Browser adalah aplikasi yang di gunakan untuk dapat membuka

internet, saat ini ada banyak jenis browser. Dalam laporan ini saya

menggunakan beberapa browser yaitu Mozilla Firefox, Uc Browser dan

Google Chrome yang mendukung tampilan javascripts.

Page 14: Contoh laporan-prakerin-tkj-membuat-website

http://www.bangaldhy.blogspot.com

BAB III

PEMBAHASAN

3.1. Cara Membuat Website Dengan CMS Wordpress

3.2.1. Registrasi Akun dan Hosting

Tahap pertama sebelum membuat sebuah Website adalah dengan

membuat sebuah akun hosting yang nantinya dapat di gunakan untuk

menyimpan Website kita dan untuk meng-online web tersebut.

Peran hostinng di sini sangat besar karena hosting yang kuat akan

membuat website itu akan kuat terutama ketika ada oknum yang mencoba

menyerang keamanan website tersebut.

Di sini kita akan membuat akun hosting di salah satu penyedia hosting

gratis terbaik yang ada di Indonesia yaitu Hostinger, yang dapat di kunjungi

dengan alamat http://www.hostinger.co.id.

Dalam pembuatan website untuk belajar sebaiknya menggunakan

hosting gratis karena jika menggunakan yang berbayar akan sedikit

membebani karena tujuan utama adalah belajar membuat website.

Page 15: Contoh laporan-prakerin-tkj-membuat-website

http://www.bangaldhy.blogspot.com

Pertama buka Hostiger dengan URL http://www.hostinger.co.id maka

kalian akan di hadapkan pada lama seperti di bawah ini.

Gambar 1.1 Halaman hosting

Klik mulai sekarang maka kalian akan masuk ke halaman pendaftaran,

silahkan isi dengan informasi yang benar.

Gambar 1.2 Halaman Pendaftaran

Page 16: Contoh laporan-prakerin-tkj-membuat-website

http://www.bangaldhy.blogspot.com

Di karenakan hosting yang kita order ini adalah yang gratis maka

kalian dapat klik “Submit Order” tanpa harus membayar.

Gambar 1.3 Halaman Pendaftaran

Silahkan membuka email yang tadi di daftarkan untuk melakukan

aktivasi pembayaran.

Gambar 1.4 Halaman Verifikasi akun

Page 17: Contoh laporan-prakerin-tkj-membuat-website

http://www.bangaldhy.blogspot.com

Setelah melakukan aktivasi maka kalian akan di hadapkan pada

halaman yang mengatakan bahwa kalian sudah membayar. Dan akun hosting

siap di gunakan.

Gambar 1.5 Halaman Order

3.2.2. Membuat Website

Setelah kita sudah selesai mendaftar akun di Hostinger dan membuat

akun hosting maka kita sudah sedikit lagi dalam mencapai inti dari isi laporan

ini yaitu “Cara Membuat Website”.

Di laporan ini saya menggunakann hosting dan juga domain gratis

yang telah di sediakan oleh Hostinger. Jadi kita hanya modal komputer yang

bisa terakses internet untuk membuat website, karena secara keseluruhan

dalam laporan ini serba gratis.

Page 18: Contoh laporan-prakerin-tkj-membuat-website

http://www.bangaldhy.blogspot.com

Setelah orderan hosting sudah siap, ketika kalian kembali ke halaman

beranda dari Hostinger kalian akan di hadapkan pada halaman di bawah.

Gambar 2.1 Halaman Hosting

Lalu kita memilih domain untuk web kita nantinya, sini sudah di

siapkan domain yang berbentuk Sub-Domain maka kalian dapat memilihnya

dengan gratis, di sini saya menggunakan domain dkp-kundur.esy.es

Gambar 2.2 Halaman pengaturan hosting

Page 19: Contoh laporan-prakerin-tkj-membuat-website

http://www.bangaldhy.blogspot.com

Setelah kita memilih domain untuk Website kita, maka kita akan di

hadapkan pada halaman di bawah ini, Untuk pemula silahkan untuk klik

“Auto Installer”

Gambar 2.3 Halaman installer

Disini sudah banyak CMS yang di sediakan. Karena kita akan

membuat dari CMS WordPress maka kalian pilih WordPress.

Gambar 2.4 Halaman Installer

Page 20: Contoh laporan-prakerin-tkj-membuat-website

http://www.bangaldhy.blogspot.com

Setelah itu maka kalian akan di suruh untuk mengisi lagi beberapa

data, untuk login di WordPress dan informasi website kalian.

Gambar 2.5 Halaman pengaturan login

Jika sudah maka selamat, website anda sudah siap dan dapat di akses

dengan domain yang kalian tentukan tadi.

Gambar 2.6 Halaman

Page 21: Contoh laporan-prakerin-tkj-membuat-website

http://www.bangaldhy.blogspot.com

3.2.3. Mengelola Website

Setelah kita dapat membuat website maka setelahnya kita dapat

mengakses dan mengelola website kita. Terutama ketika kita akan

memberikan Widget atau Banner di website kita.

Untungnya Wordpress adalah salah satu CMS yang paling mudah

digunakan karena fiturnya yang mudah di pahami bahkan oleh orang awam

sekalipun.

Untuk mengelola website maka di perlukan otoritas untuk log-in

terlebih dahulu ke wordpress agar dapat mengelola dan merubah tampilan

website.

Caranya cukup mudah pertama kalian ketik “domain-kalian/WP-

ADMIN” tanpa tanda kutip. Maka akan ada tampilan yang mana kalian di

suruh untuk login di WordPress. Silahkan untuk memasukan data yang di

daftarkan ketika mengisi installer wordpress.

Gambar 3.1 Halaman login

Page 22: Contoh laporan-prakerin-tkj-membuat-website

http://www.bangaldhy.blogspot.com

Inilah tampilan dari dashboard wordpress kita, jadi website yang telah kita

buat tadi dapat di kelola di sini, seperti kita ingin memposting atau

memasukan gambar di web kita nanti.

Gambar 3.2 Halaman dashboard wordpress

Page 23: Contoh laporan-prakerin-tkj-membuat-website

http://www.bangaldhy.blogspot.com

BAB IV

PENUTUP

4.1. Kesimpulan

Dengan menjalankan Praktek Kerja Industri (PRAKERIN), maka

siswa akan langsung akan langsung berusaha untuk mencoba apa yang telah

diberikan disekolah dan sekaligus beradaptasi dengan Dunia Usaha/Industri.

Siswa juga dapat menyadari tingkat kemampuan yang didapat di sekolah dan

dengan dalam penerapan dalam dunia usaha.

4.2. Saran

1. Untuk Sekolah

a. Lebih banyak praktek

b. Mengadakan kuis

2. Untuk Tempat Prakerin

a. Jagalah kebersihan

b. DU/DI menempatkan siswa sesuai dengan kejuruan

Page 24: Contoh laporan-prakerin-tkj-membuat-website

http://www.bangaldhy.blogspot.com

DAFTAR PUSTAKA

http://pilihbaik.blogspot.com/2013/04/pengertian-hosting-dan-tipe-hosting.html

http://www.virmansyah.info/2012/11/pengertian-cms-dan-macam-

macamnya.html

http://www.vintagewp.weebly.com/manfaat-website.html

https://id.wikipedia.org/wiki/Nama_domain

http://www.oomtekno.blogspot.com

Page 25: Contoh laporan-prakerin-tkj-membuat-website

http://www.bangaldhy.blogspot.com

LAMPIRAN

Page 26: Contoh laporan-prakerin-tkj-membuat-website

http://www.bangaldhy.blogspot.com

LEMBAR KONSULTASI SISWA PRAKERIN

PERIODE JULI – OKTOBER 2016

TAHUN PELAJARAN 2015/2016

Nama siswa prakerin : Deden Reinaldi

NIS : 13-0642

Jurusan : Teknik Komputer & Jaringan

Nama Instansi/DUDI : UPTD Kelautan dan Perikanan Kundur

NO Hari/Tanggal Uraian/Konsultasi Paraf

1

2

3

4

5

Kundur, November 2016

Pembimbing Laporan

______________________

Page 27: Contoh laporan-prakerin-tkj-membuat-website

http://www.bangaldhy.blogspot.com

LEMBAR KONSULTASI SISWA PRAKERIN

PERIODE JULI – OKTOBER 2016

TAHUN PELAJARAN 2015/2016

Nama siswa prakerin : Deden Reinaldi

NIS : 13-0642

Jurusan : Teknik Komputer & Jaringan

Nama Instansi/DUDI : UPTD Kelautan dan Perikanan Kundur

NO Hari/Tanggal Uraian/Konsultasi Paraf

1

2

3

4

5

Kundur, November 2016

Pembimbing Laporan

______________________

Page 28: Contoh laporan-prakerin-tkj-membuat-website

http://www.bangaldhy.blogspot.com

JURNAL KEGIATAN PRAKERIN

No Kegiatan

Bulan KET

Juli Agustus September Oktober

1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4

1 Perkenalan

2

Mencari

informasi tentang website

3 Pemahaman

Website

4 Mencari hosting

5 Mencari tutorial

membuat website

6 Membuat

Laporan Prakerin

7 Perbaikan

Laporan Prakerin