BAB I

PENDAHULUAN

1.1. Latar belakang Praktek Kerja Lapangan (PKL)

Praktek Kerja Lapangan (PKL) adalah kegiatan pendidikan, pelatihan dan
pembelajaran yang dilaksanakan didunia usaha atau dunia industri yang relevan
dengan dengan kompetensi (kemampuan) peserta didik sesuai bidangnya. Dalam
pelaksanaannya dilakukan dengan prosedur tertentu, bagi peserta didik yang
bertujuan untuk magang di suatu tempat kerja, baik dunia usaha maupun didunia
industri setidaknya sudah memiliki kemampuan dasar sesuai bidang yang
digelutinya atau sudah mendapatkan bekal dari pembimbing di sekolah untuk
memiliki ilmu-ilmu dasar yang akan diterapkan dalam dunia usaha atau dunia
Industri. Alasan utama mengapa para siswa-siswi harus memiliki bekal ilmu
pengetahuan dasar sesuai bidangnya agar dalam pelaksanaan Praktek Kerja Industri
tidak mengalami kendala yang berarti dalam penerapan Ilmu Pengetahuan dasar
yang kemungkinan besar dalam proses praktek kerja industri mendapatkan ilmu-
ilmu baru yang tidak diajarkan di lembaga kejuruan terkait.
Praktek Kerja Lapangani (PKL) dilakukan dalam rangka untuk
mendekatkan kesesuaian antara mutu dan kompetensi tamatan pendidikan Sekolah
Menengah Kejuruan (SMK) dengan kebutuhan yang ada di Dunia Usaha dan Dunia
Industri (DU/DI). Sehingga Prakerin merupakan sarana yang paling tepat bagi
peserta didik mengetahui perkembangan teknologi terbaru dalam bidang kerja yang
diempunya. Prakerin juga merupakan tahap awal bagi peserta didik untuk
beradaptasi secara langsung di Dunia Usaha dan Dunia Industri, baik dalam hal
sikap kerja, disiplin teknis kerja dan lain-lain.
Pelaksanaan Prakerin didasari oleh beberapa landasan hukum, diantaranya
adalah:
1. Undang-Undang Pendidikan Nasional Nomor 20 Tahun 2003
2. Keputusan Menteri No. 0490/1993 tentang Kurikulum SMK yang berisi
bahwa “Dalam melaksanakan pendidikan dilaksanakan melalui dua jalur
yaituPendidikan didalam sekolah dan Pendidikan diluar sekolah”.

1
 3. UU. No. 2 tahun 1989 tentang Pendidikan Nasional yaitu untuk menyiapkan
peserta didik melalui kegiatan bimbingan, pengajaranataulatihan bagi
peranannya di masa yang akan datang.
4. Peraturan Pemerintah No. 29 Tahun 1990 tentang Pendidikan Menengah.
1.2. Tujuan Praktek Kerja Lapangani (PKL)
A. Tujuan umum
Praktek Kerja Lapangan (PKL) bertujuan untuk:
1. Menghasilkan tenaga kerja yang memiliki keahlian dan professional
(dengan tingkat pengetahuan, keterampilan dan etos kerja yang sesuai
dengan tuntunan lapangan kerja).
2. Meningkatkan efisiensi proses pendidikan dan pelatihan tenaga kerja
yang berkualitas profesional.
3. Meningkatkan, memperluas dan memantapkan proses penyerapan
teknologi terbaru dari lapangan ke sekolah dan sebaliknya.
4. Melatih peserta didik untuk bekerja secara mandiri, bekerja dalam satu
team dan mengembangkan potensi serta kreatifitas sesuai dengan minat
dan bakat masing-masing.
5. Meningkatkan keahlian dalam berkomunikasi, interaksi serta melatih
memiliki rasa tanggung jawab dan disiplin yang tinggi.
B. Tujuan khusus
Tujuan khusus dalam PKL ini adalah untuk:

1. Memberikan pengalaman bagi siswa peserta Prakerin mengenai

penerapan ilmu yang didapat.
2. Menjadi sebuah lapangan pembelajaran bagi peserta Kerja Praktek
dalam meningkatkan potensi (skill) yang dimiliki.
3. Menjadi nilai tambah bagi siswa-siswi dalam melaksanakan
Prakerinnya.

2
1.3. Manfaat Prakerin
 Menetapkan disiplin dan rasa tanggung jawab dan sikap profesional dalam
bertugas.
 Memperoleh umpan balik dari dunia kerja untuk pemantapan dan
pengembangan
program pendidikan.
 Memperoleh pengalaman dan perluasan terhadap ilmu-ilmu di tempat
Prakerin yang belum dikenal oleh siswa.
 Membekali siswa dengan pengalaman kerja yang sebenarnya.
 Mendorong siswa supaya dapat menciptakan lapangan kerja bagi dirinya
sendiri dan lingkungan sekitarnya.

1.4. Tempat Dan Waktu Prakerin

a) Tempat praktek kerja industri
 Tempat praktek di kantor bisnis riau gaido jalan kaharuddin nasution
villa taman mulia indah blok A No .3

3
b) Waktu praktek kerja industri
 Praktek kerja industri terhitung dari tanggal 2 Februari s/d 30 April
2016
 Masuk jam : 08.00, Istirahat jam 12.00 – 14.00, pulang jam 16.00

4
 BAB II

TINJAUAN PUSTAKA

2.1. Sejarah Singkat PT BISNIS RIAU GAIDO

PT bisnis riau gaido merupakan perusahaan yang bergerak di bidang prduk dan
jasa. Perusahaan ini memiliki brand IT CONSULTANT meliputi jasa pembuatan
software atau aplikasi computer, aplikasi mobile video, animasi, video edit-ing serta
instalasi jaringan.

Sejak berdirinya hingga saat ini cangkirware telah banyak memnyeleaikan

proyek proyek individu, pemerintah, maupun swasta. Untuk mewujudkan visi dan
misi cangkirware kami selalu memberikan pelayanan terbaik kepada pelanggan
kami.Pelayanan yang di berikan cangkirware meliputi beberapa aspek seperti
pengerjaan proyek tepat waktu, menjalin komunikasi yang baik kepada pelanggan
,dan enyelesaikan proyek sesuai dengan permintaan karena pelanggan adalah raja .

5
2.2. Visi Dan Misi Perusahaan

VISI DAN MISI PT BISNIS RIAU GAIDO

Visi :

“Menjadikan cangkirware sebagai wadah inspirasi teknologi di Indonesia”

Misi :

 Berperan serta dalam perkembanganteknologo di indonesia

 Memaksimalkan penggunaan multimedia untuk masyarakat riau
khususnya dan Indonesia umumnya.
 Mengedepankan pelayanan, prefesionalisme dan kerja sama timdalam
menghasil kan layanan yang berkualitas dalam hal pengembangan
teknologi.

6
2.3. Struktur Organisasi Perusahaan

2.4. Hal Lainnya (Strategi Perusahaan, keunggulan dan Penghargaan.)

Pekanbaru – Baru-baru ini, Politeknik Caltex Riau (PCR) menggelar pameran

pendidikan bertajuk PCR Education Expo di Mal SKA. Selama pameran, PCR
menggelar perlombaan untuk para pelajar SD hingga SMA.

“Pada hari pertama dilaksanakan talk show dari Fakultas Informatika. Talk show
kali ini membahas tentang program 3D dan animasi yang bersifat open source,”
kata Direktur PCR, Dadang Syarif. Sedangkan perlombaan dimulai pada malam
harinya, yakni lomba seni elektronika yang diikuti oleh pelajar SD dan SMP.
Perlombaan tersebut bertujuan untuk mengasah keterampilan dan ketelitian para
peserta lomba dalam merakit komponen listrik yang ditekankan pada keterampilan
tersebut.

7
Pada perlombaan ini, lanjutnya, para peserta diajarkan tentang teknik penyolderan
yang rapi dan tahan lama. “Terdapat juga lomba mobil elektronika, perakitan radio
fm mini, perakitan sensor, olimpiade akuntansi, menggambar dan mewarnai
menggunakan software HTML yang langsung menggunakan komputer maupun
laptop,” tuturnya.

Selain lomba, PCR juga memamerkan beberapa proyek yang dihasilkan

ataupun diciptakan oleh mahasiswa dari beberapa program studi. “Kami menarik
perhatian pelajar yang ingin melanjutkan pendidikan ke jenjang perguruan tinggi,”
paparnya.

Ditambahkannya, pameran juga bertujuan untuk merayakan Hari

Pendidikan Nasional yang tepat jatuh pada tanggal 2 Mei lalu. “Kami bersyukur
respon masyarakat untuk lebih memahami atau mengerti tentang PCR sangat bagus
selama kegiatan berlangsung, 17 stand yang kami sediakan selalu ramai,” tegasnya.

8
 Begitu pula yang dirasakan oleh beberapa pengunjung yang hadir, seperti
yang dikatakan Deddi, kegiatan yang dilaksanakan PCR bisa menambah
pengetahuan tentang teknik informatika dan sebagainya. “Kegiatan yang
dilaksanakan PCR sangat bagus, karena dapat menambah pengetahuan serta
pengalaman kami,” ungkapnya.

2.5. Jenis – Jenis Pekerjaan di kantor PT BISNIS RIAU GAIDO

Adapun tugas dari masing-masing bagian tersebut adalah sebagai berikut:

1. Direktur
a) Berperan penuh sesuai porsi dalam hal pengerjaan Proyek Yang
Dilibatkan
b) Melakukan promosi ke seluruh perusahaan dan instansi yang memiliki
dam membutuhkan dalam hal seistem aplikasi .
c) Berperan utama untuk mengawasi seluruh aktifitas Di perusahann
d) Memberikan arahan kepada seluruh teknopreneur Berdasarkan job
Desk yang telah di tetapkan
e) Memberikan laporan evalusi pengerjaan proyek setiap bulan kepada
direktur utama
f) Mendapatkan relasasi dan rekanan bisnis yang menguntungkan bagi
perusahaan.
g) Mempersiapkan List Client Yang Ditargetkan .
h) Berperan sebagai pengajar dalam kurus.
i) Membuat jadwal piket teknopreneur.

2. General Teknopreneur
a) Megikuti segala perturan yang berlaku di perusahaan
b) Monitoring seluruh kinerja teknopreneur networking, Multimedia,
website, desktop dan mobile beserta asisten dan para staff.
c) Memberikan laporan evaluasi pengerjaan proyek setiap minggu kepada
direktur.

9
 d) Membantu dan mengarahkan para teknopreneur ketika menghadapi
kendala dan hambatan dalam menyelesaikan proyek.
e) Menentukan harga proyek aplikasi sesuai analisa
f) Berperan sebagai pengajar dalam kursus
g) Berperan penuh Sesuai porsi Dalam hal pengerjaan proyek yang
dilibatkan .
h) Melakukan Pembagian tugas kepada seluruh teknopreneur pada saat
mendapatkan proyek.

3. Mobile Teknopreneur
a) Megikuti segala peraturan yang berlaku di perusahaan
b) Berperan penuh sesuai porsi dalam hal pengerjaan proyek yang di libatkan.
c) Melakukan promosi ke seluruh perusahaan dan insatansi yang memiliki
dan membutuhkan dalam hal sistem aplikasi.
d) Mengawasi kinerja stff IOS.
e) Memberikan laporan evalusi pengerjaan proyek setiap 3 hari kepada GT
f) Berperan utama dalam hal mobile baik itu untuk perusahann ataupun
client.
g) Memiliki arsip mobile yang up to date.
h) Wajib share Mengenai Mobile baik itu untuk Perusahaan ataupun Client.
i) Mempelajari ilmu-ilmu yang baru Mengenai Mobile
j) Membuat Prototipe Mobile yang pantas dan layak untuk Dipromosikan dan
di jual kepada Client.

4. Multimedia Teknopreneur
a) Mengikuti segala peraturan yang berlaku di perusahaan .
b) Berperan penuh sesuai porsi dalam hal pengerjaan proyek setiap dilibatkan.
c) Melakukan promosi ke seluruh perusahaan dan instansi yang memiliki dan
membutuhkan dalam hal system aplikasi.
d) Beperan utama dalam hal design baik itu untuk perusahaan atupun client.

10
 e) Wajib share Mengenai Multimedia di seluruh Media social perusahaan
Minimal sekali setiap hari.
f) Memiliki arsip Design yang up to date.
g) Mempelajari ilmu-ilmu yang Baru Mengenai Mutimedia.
h) Membuat Modul-Modul yang berkaitan dengan Multimedia untuk kurus
i) Mengawasi Kinerja Staff Video Editing Dan Mutimedia
j) Membuat Prototipe Multimedia yang pantasdan layak untuk di promosikan
dan di jual kepada Client.

5. Website teknopreneur
a) Mengikuti segala peraturan yang berlaku di perusaan .
b) Beperan penuh sesuai porsi dalam hal pengerjaan proyek yang di libatkan .
c) Melakukan promosi ke seluruh perusahaan dan instansi yang memiliki dan
membutuhkan dalam hal sistem aplikasi.
d) Mengawasi Kinerja Staffi Website.
e) Memberikan laporan evaluasi pengerjaan proyek setiap 3 hari kepada GT.
f) Berperan utama dalam hal website baik itu untuk perusahaan ataupun
Client.
g) Memiliki arsip website yang up to date
h) Mempelajari ilmu-ilmu yang baru Mengenai Website.

11
 BAB III
LAPORAN PELAKSANAAN PRAKERIN

3.1 Pelaksanaan Kegitatan Prakerin

3.1.1 Hari Kerja dan Jam Kerja Kantor :
 Hari kerja : kantor Bisnis Riau gaido adalah setiap hari Senin sampai
dengan hari Sabtu.
 Jam Kerja Kantor : Hari Senin sampai Jumat : pukul 08.00 – 16.00
WIB dengan waktu istirahat pukul 12.00 – 14.00 WIB.
3.1.2 Bidang Pekerjaan
Pekerjaan yang dilakukan bergerak dibidang website, yakni bekerjasama
dengan website technopreneur untuk melaksanakan proyek proyek yang
diberikan.
Selama penulis magang di PT. Cangkirware / PT. Bisnis Riau Gaido,
kurang lebih telah diberikan kepercayaan untuk mengerjakan beberapa
website.
3.1.3 Daftar Proyek
 Membuat website Anak Shaleh
 Membuat website Galeri Koperasi Provinsi Riau
 Re-design website PT. Arpindo Pratama
 Membuat website STAI Al-Azhar Masmur Pekanbaru
 Re-design website Database Olahraga Provinsi Riau
 Membuat website Bengkel Cerdas

3.2 Hardware, Software, dan CMS yang digunakan

3.2.1 Hardware yang digunakan
 Laptop ASUS A455LN
Berikut ini adalah spesifikasi singkat laptop yang digunakan untuk
mengerjakan proyek yang diberikan oleh cangkirware :
Dirancang untuk dipasarkan pada segmen bisnis, A455LN-WX004D
memiliki desain yang kokoh dan profesional. Bodi A455LN-WX004D

12
 menggunakan bahan brushed aluminum yang dipenuhi dengan warna
hitam dan grey memberi kesan serius pada penggunanya. Sesuai dengan
target pasarnya, Asus membekali A455LN-WX004D dengan kinerja dan
build quality yang sangat baik. Selain itu, notebook ini memiliki model
simple dan ringkas yang membuatnya memiliki portabilitas pemakaian
yang cukup baik.
Diperuntukan bagi para profesional, kinerja komputasi dari
notebook ini tidak perlu dikhawatirkan lagi. Asus telah membekali
notebook ini dengan prosesor Intel Core generasi keempat yaitu Intel i5
4210U yang mampu bekerja pada kecepatan 1.9 GHz (2.9GHz pada mode
Turbo Boost). Prosesor yang digunakan memiliki fitur ULV yang
membuatnya sangat hemat daya ketika beroperasi. Untuk mengimbangi
kinerja prosesornya, ASUS memasang memory sebesar 4 GB RAM DDR3
pada notebook A455LN-WX004D. Jika dirasa memory yang terpasang
kurang, pengguna masih bisa melakukan upgrade pada memory hingga 16
GB DDR3 SDRAM. Dengan perpaduan perangkat tersebut, performa
yang dihasilkan dari notebook untuk menjalani aktifitas bisnis dapat
berjalan dengan cepat dan efisien.
Untuk sisi display, Asus menyematkan A455LN-WX004D dengan
layar ukuran 14 inci yang memiliki resolusi native sebesar 1366x768.
Layar yang digunakan sudah mengusung teknologi LED Backlit dan telah
disematkan dengan sebuah camera untuk keperluan video confrence.
Untuk kinerja grafisnya, Asus mempercayakannya pada kartu grafis diskrit
VGA Nvidia GeForce GT 840M 2GB. Pada penyimpanan data, Asus
menanamkan Harddisk sebesar 1TB yang cukup besar untuk menyimpan
data dan dokumen anda. Fitur lain yang dibawa oleh Asus A455LN-
WX004D ini adalah memiliki Bluetooth, Ethernet, WiFi dan IO port
lainnya.
 Perlengkapan standar komputer
Yang dimaksud perlengkapan standar disini adalah mouse, alas mouse,
modem dan lain lain.

13
3.2.2 Software yang digunakan
 Google Chrome
Google Chrome adalah sebuah peramban web sumber terbuka
yang dikembangkan oleh Google dengan menggunakan mesin
rendering WebKit. Proyek sumber terbukanya sendiri
dinamakan Chromium.

Versi beta untuk Microsoft Windows diluncurkan pada 2 September 2008

dalam 43 bahasa. Versi Mac OS X dan Linux sudah dirilis.

Cara Penginstalan :
1. Kunjungi link https://www.google.com/chrome/browser/desktop
2. Lalu tekan tombol Download Chrome.

14
 Lalu ceklis kolom “Set Google Chrome as my default browser” jika ingin
menetapkan chrome sebagai browser default dan tekan accept & install ,
setelah itu tunggu proses download dan instalasi selesai dan chrome siap

 Brackets
Bracket adalah code editor yang secara khusus
dikembangkan untuk tujuan web design dan front-end
development. Project Brackets ini diusung oleh Adobe
secara open source dan dikembangkan secara aktif oleh komunitas web
developer dan benar-benar dibuat untuk kebutuhan web development,
khususnya web design dan front-end development.

15
 Cara menginstall Brackets di laptop/pc
1. Buka link berikut dari browser http://brackets.io lalu klik download
brackets

2. Setelah itu buka installer brackets yang sudah di download

3. Pilih lokasi folder untuk mengsintall brackets, jika sudah klik next

16
4. Klik install

5. Tunggu proses instalasi selesai

17
6. Proses instalasi brackets selesai, klik finish

 Notepad++
Notepad++ adalah sebuah penyunting teks dan
penyunting kode sumber yang berjalan di sistem operasi
Windows. Notepad++ menggunakan komponen
Scintilla untuk dapat menampilkan dan menyuntingan teks dan berkas
kode sumber berbagai bahasa pemrograman. Notepad++ didistribusikan
sebagai perangkat lunak bebas.

18
 Cara menginstall Notepad++ di laptop/komputer
1. Buka link http://notepad-plus-plus.org/download/ di browser, lalu klik
download

2. Buka installer yang sudah di download

3. Muncul window installer, pilih bahasa instalasi, lalu klik OK.

19
7. Klik next untuk melanjutkan instalasi

8. Kemudian akan menampilkan dialog persetujuan lisesnsi, Klik “I Agree”

jika menyetujui

20
9. Setelah itu akan muncul tempat/lokasi instalasi notepad++ akan di simpan,
jika ingin mengubah folder tujuan, klik browse. Jika tidak langsung saja
klik next

10. Tahap berikut muncul fitur fitur apa saja yang ingin diinstal, jika ingin
menggunakan fitur default. Klik next

21
11. Pilih lagi fitur fitur yang ingin diinstall dengan men-check option. Setelah
itu klik next

12. Setelah itu proses instalasi akan berjalan

22
13. Jika instalasi sudah selesai akan tampil seperti berikut

14. Notepad++ telah siap diinstal

 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

23
 HTTP Server, MySQL database, dan penerjemah bahasa yang ditulis
dengan bahasa pemrograman PHP dan Perl.
Cara Penginstalan :
1. Download dan buka installer xampp, lalu klik “Next”.

2. Lalu klik next dan tunggu installasi hingga finish.

24
3. Tekan Start pada Apache dan MySQL, dan xampp pun siap digunakan

 Adobe Photoshop
Photoshop adalah software berbayar yang digunakan
untuk memodifikasi gambar atau foto secara
profesional baik meliputi modifikasi obyek yang
sederhana maupun yang sulit sekalipun. Photoshop
merupakan salah satu software yang berguna untuk mengolah gambar
berbasis bitmap, yang mempunyai tool dan efek yang lengkap sehingga
dapat menghasilkan gambar atau foto yang berkwalitas tinggi.

Cara Penginstalannya :
1. Karena photoshop merupakan aplikasi berbayar, pembelian harus
dilakukan terlebih dahulu di website https://www.adobe.com/.
2. Untuk Penginstalan nya, pertama kunjungi laman :
http://www.adobe.com/creativecloud/catalog/desktop.html.
Lalu buka aplikasi creative cloud yang diberikan saat pembelian

25
3. Lalu liat kolom photoshop dan klik Download

4. Setelah itu tunggu proses download berlangsung.

26
5. Jika download telah selesai, tekan tombol Open.

6. Photoshop sudah selesai diinstall dan siap digunakan

27
3.2.3 CMS yang digunakan
CMS (Content Management
System) adalah suatu sistem yang
digunakan untuk mengelola dan
memfasilitasi proses pembuatan,
pembaharuan, dan publikasi content
secara bersama (collaborative content management). Content mengacu
pada informasi dalam bentuk teks, grafik, gambar maupun dalam format-
format lain yang perlu dikelola dengan tujuan memudahkan proses
pembuatan, pembaharuan, distribusi, pencarian, analisis, dan
meningkatkan fleksibilitas untuk ditransformasikan ke dalam bentuk lain.
Terminologi CMS sendiri cukup luas, di antaranya mencakup software
aplikasi, database, arsip, workflow, dan alat bantu lainnya yang dapat
dikelola sebagai bagian dari mekanisme jaringan informasi suatu
perusahaan maupun global. Berikut adalah CMS yang digunakan dalam
pembuatan website

 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 (database) MySQL. PHP dan MySQL,
keduanya merupakan perangkat lunak sumber terbuka (open source
software).

Cara menginstall wordpress di webserver/xampp

1. Unduh dan simpan versi terbaru Wordpress dari tautan berikut:
http://wordpress.org/latest.zip
2. Ekstrak konten dari berkas ZIP yang bernama "wordpress.zip", yang
telah diunduh di dalam langkah 1 ke folder htdocs di dalam direktori

28
 XAMPP. Jika berkas ZIP telah diekstrak secara benar, seharusnya terdapat
sebuah direktori baru bernama "wordpress" di dalam direktori
\xampp\htdocs. Sebelum proses dapat dilanjutkan, pastikan bahwa
lingkungan server web berjalan dengan baik.
3. Kunjungi halaman utama XAMPP dengan membuka peramban web dan
masukkan URL berikut: http://localhost
4. Akan muncul tampilan untuk memilih bahasa, setelah memilik klik
continue

29
5. Lanjutkan dengan mengklik Let’s Go

6. Setelah itu, buka tab baru di browser. Lalu ketikkan di URL bar
http://localhost/phpmyadmin untuk membuat database dimana data
wordpress akan disimpan.
7. Klik New pada phpmyadmin untuk membuat database baru

30
8. Isi form Database Name dengan wordpress, setelah itu tekan create

9. Kembali ke tab instalasi wordpress, isi data form sesuai pengaturan dan
database yang dibuat. Setelah selesai menginput langsung menekan submit

10. Klik run the install

31
15. Isi form form dengan sesuai, setelah itu klik tombol install wordpress

16. Proses instalasi wordpress selesai.

 Joomla

Joomla! adalah Sistem manajemen konten (SMK atau CMS) yang bebas
dan terbuka (free opensource) ditulis menggunakan PHP dan basisdata
MySQL untuk keperluan di internet maupun intranet.

Cara menginstall wordpress di webserver/xampp :

1. Unduh dan simpan versi terbaru Wordpress dari tautan berikut:
https://www.joomla.org/download.html
2. Ekstrak konten dari berkas ZIP yang bernama "joomla.zip", yang telah
diunduh di dalam langkah 1 ke folder htdocs di dalam direktori XAMPP.
Jika berkas ZIP telah diekstrak secara benar, seharusnya terdapat sebuah

32
 direktori baru bernama "wordpress" di dalam direktori \xampp\htdocs.
Sebelum proses dapat dilanjutkan, pastikan bahwa lingkungan server web
berjalan dengan baik.
3. Kunjungi halaman utama XAMPP dengan membuka peramban web dan
masukkan URL berikut: http://localhost.
4. Lalu joomla akan melakukan Pre-Instalattion Check dan lanjut ke FTP
configuration.

5. Setelah itu lanjut ke Database Configuration

33
 6. Setelah itu next dan tunggu proses instalasi joomla hingga selesai.

3.3 Prosedur dan Proyek Kerja

3.3.1 Website Yayasan Anak Shaleh Internasioal
 Deskripsi proyek : website ini dibuat untuk Yayasan Anak Shaleh
Internasional. Layout yang diminta ad alah template umum dengan
tampilan post 2 kolom, dan halaman awalnya menggunakan referensi
dari website www.senyumbali.org dan www.yumindonesia.org
 CMS yang digunakan : Wordpress versi 4.4.2
 Waktu pengerjaan : 2 Februari – 26 Februari 2016
 Proses Pembuatan
o Mempersiapkan webserver localhost xampp

o Mendownload dan menginstall CMS wordpress

o Setelah itu mencari theme wordpress yang sesuai dengan tema dan
kebutuhan.
o Setelah itu menginstall theme, mengatur postingan, mengatur
slider, menambah widget dan memperbaiki segalanya di dashboard
wordpress website www.anakshaleh.org

34
 Kendala yang dihadapi :
o Konten – konten belum diberikan disaat pembuatan website,
sehingga menyulitkan dalam menentukan tema dan konsep
tampilan yang benar.
o Dalam tahap pembuatan klien banyak meminta perubahan yang
besar, dan harus mengerjakan kembali dari awal.
 Hasil proyek

Bisa dilihat secara langsung di web www.anakshaleh.org

35
3.3.2 Website Galeri KUMKN Riau
 Deskripsi proyek : Website ini dibuat untuk web Galeri KUMKN
Provinsi Riau. Menggunakan template 3 kolom untuk tampilannya dan
dengan bernuansa melayu. Website ini dibuat ulang karena sebelumnya
diretas oleh hacker, dan tidak tersedia backup-nya.
 CMS yang digunakan : Joomla 2.5.28
 Waktu pengerjaan : 27 Februari – 10 Maret 2016
 Proses Pembuatan
o Pembuatan website ini dibuat di XAMPP agar lebih mudah dan tidak
memakan banyak data internet.
o Setelah itu menginstall CMS Joomla versi 2.5.28 di localhost xampp
o Membuat database di phpmyadmin
o Setelah itu baru menginstall dan mengatur semua design, template,
postingan, widget, navigasi dan lain lain nya di dashboard joomla

 Kendala yang dihadapi

o Server web untuk membuat website ini masih sangat lawas, tidak
support untuk PHP 7.0+. Sehingga masih menggunakan CMS
Joomla versi 2.5.28 yang penggunaan dan tampilan antarmuka nya
yang sulit dimengerti dan rumit.
o Ketersediaan template joomla yang sedikit dan penginstallannya
cukup sulit.

36
  Hasil proyek

3.3.3 Website PT. Arpindo

 Deskripsi proyek : website ini bukan dibuat dari awal, melainkan
hanya re-design ke tampilan baru karena tampilan lamanya terlalu
sederhana dan kurang menarik.
 CMS yang digunakan : Joomla versi 3.xx
 Waktu pengerjaan : 19 Maret – 24 Maret 2016
 Proses pembuatan
o Mempersiapkan webserver xampp untuk membuat website
o Mendownload dan menginstall CMS Joomla
o Setelah itu dilanjutkan dengan mencari template yang cocok dan
penataan layout yang mirip dengan tampilan website yang lama.
o Menginstall dan mengatur plugin, widget, tema, postingan, dan
lainnya di dashboard joomla

37
 o Melantjukan pembuatan hingga selesai sesuai dengan permintaan
klien.

3.3.4 Website STAI Al-Azhar Masmur Pekanbaru

 Deskripsi proyek : Website ini dibuat untuk sekolah STAI Al-Azhar
Masmur Pekanbaru, berisi tentang berita-berita, galeri, dan informasi
informasi yang terkait. Designnya terkesan standar untuk web sekolah
 CMS yang digunakan : Wordpress versi 4.4.2
 Waktu pengerjaan : 16 Maret – 30 Maret 2016
 Proses pembuatan
o Mempersiapkan dan menginstall cms wordpress di webserver
xampp
o Mencari theme wordpress dengan tampilan yang umum
menggunakan slider, gallery, dan berita
o Setelah itu mengkonfigurasikan tema dan mengedit beberapa kode
o Menambahkan widget dan isi postingan website
o Menambah gambar di gallery
o Hingga tampilan semua selesai sesuai permintaan klien.
 Kendala yang dihadapi
o Banyaknya konten yang diberikan dan harus dimasukkan ke dalam
website sangat menyulitkan untuk mengaturnya
o Memperbaiki ke-responsive-an website yang rusak.

38
  Hasil proyek

3.3.5 Re-design website Database Olahraga Provinsi Riau

 Deskripsi proyek : website ini di re-design karena tampilan sebelumnya
yang sudah terlalu lama dan kurang bagus untuk dipandang.
 CMS yang digunakan : -
 Waktu pengerjaan : 2 April – 8 April 2016
 Proses pembuatan
o Pada tahap awal, mencari template untuk menggantikan tampilan
website lama. Berikut ini tampilan website lama :

39
o Setelah menemukan template dengan tampilan yang pas, dilanjutkan
dengan menyatukan komponen-komponen php dengan software
brackets.
o Membuat dan menyatukan komponen header dan navigasi

40
o Dilanjutkan dengan mengedit tampilan slider

o Setelah selesai slider, dilanjutkan ke komponen berita

o Setelah selesai, baru di selesaikan ke komponen footer

41
  Kendala yang dihadapi
o Banyaknya database menyulitkan untuk mensortirnya dan
menggunakan database.
 Hasil proyek

3.3.6 Website Bengkel Cerdas Indonesia

 Deskripsi proyek : website ini dibuat untuk menghubungkan guru dan
murid di seluruh Indonesia, namun pada saat ini hanya terbatas dalam
lingkup Pekanbaru saja, karena website ini masih dalam tahap
pembuatan dan penyempurnaan.
 Waktu pengerjaan : 10 April – Selesai
 Proses pembuatan
o Dalam proses pembuatan, penulis bersama Kawish Behzad Mazhar
membuat website ini berdua.
o Membuat halaman homepage menggunakan template bootstrap dan
mengeditnya
o Setiap hari sabtu ke kantor bengkelcerdas untuk berdiskusi bersama
klien.

42
 Kendala yang di hadapi
o Design system website yang rumit
o PHP yang digunakan sudah tingkat lanjut.
o Design database yang rumit
 Hasil Proyek
Tampak Homepage sementara Bengkelcerdas (Proyek ini masih
berlanjut dalam job freelancer).

 Tampak Dashboard BengkelCerdas

43
3.4 Hasil dan pembahasan
Dari hasil kegiatan prakerin, saya mendapatkan pengetahuan baru dalam hal
pemrograman dan design web. Terutama dalam bidang CSS dan HTML yang
sekarang bisa membuat sebuah design yang diinginkan dan lebih baik.
Pengetahuan tentang PHP juga berkembang, dan juga bisa mengerjakan
beberapa proyek rumit dan belajar bagaimana caranya bekerja dengan benar dan
tepat waktu. Dalam kegiatan prakerin ini saya telah mengerjakan beberapa
proyek yang diberikan, yaitu :
 Website Yayasan Anak Shaleh Internasional. Alamat :
http://anakshaleh.org

44
 Website Gallery KUMKN Riau. Alamat : http://galeri-kumkn.riau.go.id

45
 Website STAI Al-Azhar Masmur Pekanbaru. Alamat
http://staialazharpekanbaru.ac.id

46
 Website Database Olahraga Provinsi Riau. Alamat :
http://dbolahraga.dispora.riau.go.id

47
 Website Bengkel Cerdas
o Tampak Homepage Bengkelcerdas Indonesia :

o Tampak Dashboard User Bengkelcerdas Indonesia :

48
o Tampak Halaman About Bengkelcerdas Indonesia :

49
o Tampak Halaman Program Bengkelcerdas Indonesia :

50
3.5 Penerapan Kesehatan Keselamatan Kerja (K3)
Kesehatan, keselamatan dan keamanan di tempat kerja merupakan
hal yang tidak dapat disepelekan. Dapat dilihat dari jumlah kecelakaan yang
sering terjadi di tempat kerja dan penyakit-penyakit yang sering diderita oleh
pekerja karena pekerjaannya.
Dalam dunia industri atau perkantoran besar yang menggunakan
komputer dalam jumlah yang banyak, kesehatan dan keselamatan kerja tentu
menjadi faktor yang sangat penting.Para pengguna komputer pribadi pun perlu
menerapkan prinsip menjaga kesehatan dan keselamatan kerja menurut
petunjuk yang sudah ada.
Seorang yang sehari-hari menggunakan komputer baik untuk
pekerjaan, pendidikan, ataupun hobi tetap harus memperhatikan prinsip-prinsip
kesehatan agar terhindar dari berbagai gangguan kesehatan.Gangguan
kesehatan yang mungkin muncul akibat penggunaan komputer adalah:
 Gangguan pada mata / penyakit mata
Hal ini biasanya disebab kan oleh melihat layar laptop atau PC terlalu
lama
 Gangguan pada kepala / leher
Hal ini disebabkan karena duduk terus menerus dan menatap komputer
terlalu lama
 Gangguan Tangan
Hal ini disebabkan karena tangan yang tidak berhenti mengetik di
keyboard dimana akan menyebabkan pegal pegal serta kerusakan pada
sendi
 Gangguan pada badan / punggung
Hal ini disebabkan oleh posisi duduk yang tidak benar sehingga bisa
menyebabkan tulang punggung yang tidak lurus dan penyakit lainnya

Untuk mengatasi hal hal di atas di perlukan prosedur pencegahan

yang harus dilakukan sebelum memulai kerja, hal hal ini dilakukan agar

51
 mencegah terjadinya gangguan pada bagian tubuh yang menerapkan K3 pada
pekerjaan , berikut adalah langkah langkah pencegahan :

 Posisi saat duduk leher lurus dengan bahu dan leher dalam keadaan
santai
 Posisi saat duduk lengan berada di bawah bahu
 Posisi saat duduk sikut terletak dekat dengan badan dan tidak jauh maju
ke depan atau kebelakang
 Posisi saat duduk tinggi permukaan meja setinggi sikut atau sedikit di
bawah
 Duduk dengan keadaan tulang ekor berbentuk S yang normal dan
ditopang dengan baik kaki berada di lantai
 Ketika duduk , lutut membentuk sudut 90ْ
 Posisi duduk : tempat duduk yg ideal dan bersandar,kursi ideal bisa
berputar dan dpt diatur tinggi rendahnya, tempat duduk yang tidak
bersandar dpt mnyebabkan punggung kelelahan.
 Dan untuk mencegah gangguan mata dapat dilakukan dengan melihat
pemandangan sekitar setiap 1 jam sekali , menurunkan kecerahan layar
, dan menggunakan kacamata anti radiasi.

Hal Hal berikut telah diterapkan dalam kegiatan prakerin kami di

cangkirware, dimana kami mencoba menerapkan K3 dalam bekerja agar
menjamin keselamatan kerja.

3.6 Kendala Yang Dihadapi

 Client sering berubah pikiran dalam design website , sehingga terkesan
membuang waktu untuk membuat design sebelumnya.
 Internet Speedy yang bermasalah saat pertengahan bulan memperlambat
proses kerja proyek proyek yang diberikan
 Tempat magang yang jauh dari rumah juga menjadi sebuah kendala dalam
melaksanakan prakerin

52
 Permintaan system yang rumit membutuhkan database design yang rumit
juga, sehingga memakan banyak waktu untuk mendesign database agar rapi
dan user friendly
 Pengimplementasian design kedalam code merupakan hal yang rumit
sehingga memakan waktu untuk mempelajarinya tetapi juga menjadi suatu
tantangan.

53
 BAB IV
PENUTUP

4.1 Kesimpulan
Kesimpulan dalam praktek kerja industri adalah :

1. Praktek kerja Industri yang telah dilakukan di PT CANGKIRWARE

yang dimulai dari tanggal 2 Februari – 30 April 2016, telah memberikan
manfaat diantaranya, Semakin mahir dalam bidang Web Programming,
dan Web Designing. Serta mengetahui bagaimana persaingan di dunia
usaha bidang IT.
2. Web Programming yaitu mampu mengimplementasi kan design
menjadi code, mampu mengerjakan berbagai jenis permintaan
pembuatan website, dan mampu melakukan design database dan
normalisasi database serta membuat system website lewat flowchart
3. Web Designing yaitu mampu membuat design sebuah web dengan
tampilan kreatif dan menarik, dan juga mampu mewujudkan design
keinginan client dan dapat memberi ide ide segar dalam pertemuan
membahas design dengan client.

4.2 Saran
 Saran Untuk Pihak Instansi :
 Perusahaan perlu meningkatkan motivasi kerja para karyawan dan peserta
PKL sehingga dapat meningkatkan kualitas kerjanya dengan kesadaran
sendiri.
 Sebelum siswa melaksanakan Prakerin hendak perusahaan tersebut
memberi informasi yang lengkap mengenai perusahaan dan hal yang akan
di laksanakan selama PKL.
 Perusahaan perlu memberikan meja kerja untuk siswa PKL.

54
 Saran untuk Pihak Sekolah :

 Komunikasi antara pembimbing dari pihak sekolah dengan siswa perlu

diperbaiki, siswa sangat membutuhkan bimbingan baik dalam saat
melaksanakan PKL maupun saat penyusun karya tulis.
 Hendaknya Siswa/i PKL dibenahi materi-materi tentang Programming
lebih lanjut , karena pembelajaran disekolah terkesan kurang lengkap dan
lainnya guna kemudahan sebelum turun Praktek kerja lapangan.
 Kerja sama antara pihak sekolah dengan instansi perlu ditingkatkan .

55
 DAFTAR PUSTAKA

Spesifikasi Asus A455LN-WX004D. http://www.pricebook.co.id/Asus-A455LN-

WX004D/2/PD_00021924. Diakses pada 4 Mei 2016
Google Chrome. https://id.wikipedia.org/wiki/Google_Chrome. Diakses pada 5
Mei 2016
Tentang Brackets. https://www.codepolitan.com/brackets-open-source-code-
editor-untuk-web-designers-dan-front-end-developers/. Diakses pada 5 Mei 2016

56
LAMPIRAN

57