BAB II

PROSES DAN HASIL BELAJAR

2.1 Pengertian Pemrograman

Menurut Wikipedia Pemrograman adalah proses menulis, menguji dan
memperbaiki (debug), dan memelihara kode yang membangun sebuah program
komputer. Kode ini ditulis dalam berbagai bahasa pemrograman. Tujuan dari
pemrograman adalah untuk memuat suatu program yang dapat melakukan suatu
perhitungan atau 'pekerjaan' sesuai dengan keinginan si pemrogram. Untuk dapat
melakukan pemrograman, diperlukan keterampilan dalam algoritma, logika, bahasa
pemrograman, dan di banyak kasus, pengetahuan-pengetahuan lain.
Pemrograman adalah sebuah seni dalam menggunakan satu atau lebih algoritma
yang saling berhubungan dengan menggunakan sebuah bahasa pemrograman tertentu
sehingga menjadi sebuah program komputer. Bahasa pemrograman yang berbeda
mendukung gaya pemrograman yang berbeda pula. Gaya pemrograman ini biasa
disebut paradigma pemrograman.
Apakah memprogram perangkat lunak lebih merupakan seni, ilmu, atau teknik
telah lama diperdebatkan?. Pemrogram yang baik biasanya mengkombinasikan tiga hal
tersebut, agar dapat menciptakan program yang efisien, baik dari sisi waktu berjalan
(running time), atau memori.
2.1.1 Pengertian Web Promosi
Web Promosi adalah website yang mempromosikan web kepada masyarakat untuk
mendapatkan web yang mereka cari atau inginkan. Hanya dengan membuka internet
dan meminta melalui menelpon dengan nomor yang tertera di web tersebut mereka
dapat memesan aplikasi. menurut raghibnuruddin217.blogspot.com Web adalah
halaman situs sistem informasi yang dapat diakses secara tepat, Web menurut
oliviaagnez.wordpress.com web adalah suatu kumpulan-kumpulan halaman yang
menampilkan berbagai macam informasi text, data dan gambar.

5
 Pengerjaan web dan aplikasi tersebut menggunakan:
1. Codeigniter
Codeigniter adalah aplikasi Open Source yang berarti Framework (kerangka
kerja) dengan Model MVC (Model, View, Controller) untuk membuat web dinamis
menggunakan PHP.

Kelebihan Codeigniter:
a) Ukuran file yang sangat kecil
b) Cepat
c) Kompitabilitas dengan hosting
d) Kinerja yang baik
e) Sangat mudah diintegrasikan
f) Sedikit konfigurasi
g) Mudah dipelajari

Kekurangan Codeigniter:
a) Bukan untuk scala besar
b) Library yang sangat terbatas
c) Belum adanya editor khusus codeigniter

2. Xampp
Xampp adalah perangkat lunak (free software) bebas yang mendukung untuk
banyak sistem operasi yang merupakan kompilasi dari beberapa program.

Kelebihan xampp:
a) Kelebihan paling utama engine ini adalah kecepatannya.
b) Database Storage Engine ini banyak digunakan oleh programmer apalagi oleh
web developer karena sifatnya yang free.

6
 c) Kemampuannya sudah bisa diandalkan, mempunyai kapasitas yang cukup
mumpuni sekitar 60.000 tabel dengan jumlah record mencapai 5.000.000.000
bahkan untuk yang terbaru sudah lebih.
d) Keamanan datanya cukup.
e) Engine ini multiplatform sehingga mampu diaplikasikan diberbagai sistem
operasi.
f) My Sql cocok diaplikasikan diaplikasi kelas kecil dan menengah.
Kekurangan xampp:
a) Tidak cocok untuk menangani data dengan jumlah yang besar, baik untuk
menyimpan data maupun untuk memproses data.
b) Memiliki keterbatasan kemampuan kinerja pada server ketika data yang
disimpan telah melebihi batas maksimal kemampuan daya tampung server
karena tidak menerapkan konsep Technology Cluste.

3. Bootstrap
Bootstrap adalah sebuah library framework CSS yang di buat khusus untuk
bagian pengembanganfront-end website. Bootstrap merupakan salah satu framework
yang paling populer di kalangan web developer.

Kelebihan bootstrap:

a) Responsive Layout dan 12 column grid system. Dengan responsive layout

maka aplikasi web yang didesain dengan menggunakan bootstrap akan
langsung menyesuaikan dengan lebar dari media penambahnya.
b) Tampilan web yang akan tetap terlihat rapih meskipun dibuka dengan media
apapun baik itu handphone, tablet, ataupun PC dekstop.

7
Kekurangan bootstrap:
a) Harus dilakukan secara manual sehingga resiko menimbulkan masalah cukup
besar. Pengiriman pesan yang tidak dapat diandalkan karena menggunakan
UDP.

4. Template
Template adalah sebuah desain tampilan halaman dengan berisikan dokumen file
model-model tambahan yang dikodekan dalam bahasa program dan siap pakai.

Kelebihan template:
a) Mampu menyesuaikan
b) Ringan dan simpel
c) Valid HTML5 dan CSS3
Kekurangan template:
a) Desain sederhana
b) Widget terbatas

5. Minimum Spesifikasi Hardware

a) Processor Pentium 4
Karena menjalankan aplikasi ini tidak perlu sampai processor yang tinggi.
b) RAM 2 Gigabytes
Karena untuk menjalankan aplikasi ini dibutuhkan aplikasi Xampp dan Google
Chrome yang lumayan menghabiskan RAM.
c) Hardisk 50 Gigabytes
Karena file projectnya kecil maka tidak diperlukan penyimpanan yang besar.

6. Minimum Spesifikasi Software

a) Windows 7

8
 Karena xampp nantinya tidak akan bekerja.
b) PHP Versi 5.6
Ini adalah versi php terendah yang pernah kita coba.
c) Xampp
Karena aplikasi ini dibuat dengan bantuan xampp
d) Google Chrome
Karena untuk menjalankannya kita butuh browser, dan aplikasi browser yang
sudah kita coba adalah Google Chrome.

2.1.2 FlowChart Web Promosi

Gambar 1.3 Flowchart Web Promosi

9
2.1.3 Struktur Menu Aplikasi Web Promosi

Gambar 1.4 Struktur Menu Web Promosi

10
2.1.4 Penggunaan Web Promosi

11
12
 Gambar 1.5 Halaman Dashboard
Ini adalah halaman pertama saat mengakses web promosi.

Gambar 1.6 Tampilan Example Penjadwalan

Halaman ini mendeskripsikan aplikasi example penjadwalan, jika pengguna
mengklik tombol example maka pengguna akan langsung di alihkan ke halaman

13
example Penjadwalan, Tampilan akan muncul jika pengguna mengklik gambar
penjadwalan pada bagian portofolio.

Gambar 1.7 Halaman Login Example Penjadwalan

Ini adalah halaman pertama saat kita mengklik tombol example pada tampilan
example penjadwalan, pengguna harus memasukan akun agar bisa mengakses halaman
penjadwalan, jika tidak punya akun pengguna dapat mengklik “Sign up now” pada
bagian bawah.

14
 Gambar 1.8 Halaman Register Example Penjadwalan
Ini adalah halaman untuk membuat akun baru bagi pengguna baru, pengguna
baru hanya harus mengisi data yang sudah tertera pada halaman tersebut.

15
 Gambar 1.9 Halaman Anggota Example Penjadwalan
Ini adalah halaman utama example penjadwalan, disini pengguna bisa
menambah, mengedit dan menghapus data pada tabel tersebut.

16
 Gambar 2.1 Halaman Piket Example Penjadwalan
Ini adalah halaman dimana pengguna dapat melihat jadwal piket, nama-nama tersebut
diambil dari data anggota.

Gambar 2.2 Databases Web Promosi

17
Inilah tampilan databases web promosi.

Gambar 2.3 Tabel Database Web Promosi

Disini terdapat tabel – tabel yang terdapat pada database web promosi.

Gambar 2.4 Tabel Database tbl_user

Tabel ini berisi data untuk melakukan login pada aplikasi penjadwalan.

Gambar 2.5 Table Database Personil

Ini adalah data yang ada pada databases personil yang digunakan untuk menyimpan
data personil yang nantinya akan di acak.

18
 Gambar 2.6 Source code Dashboard Header
Ini adalah skrip pemrograman untuk css yang ada di dashboard.

19
 Gambar 2.7 Source code Dashboard Navbar
Ini adalah skrip pemrograman pada navbar yang ada pada dashboard, navbar ini
berfungsi untuk scrolling ke area yang dituju.

20
 Gambar 2.8 Source code Dashboard
Ini adalah skrip pemrograman untuk halaman utama pada dashboard.

Gambar 2.9 Source Code Dashboard Footer

Ini adalah skrip pemrograman untuk pemanggilan javascript plugin.

21
 Gambar 3.1 Source code Dashboard About View
Ini adalah skrip pemrograman yang ada pada view dashboard about.

Gambar 3.2 Source code Dashboard Service View

Ini adalah skrip pemrograman yang ada pada view dashboard Service.

22
 Gambar 3.3 Source code Dashboard Portofolio View
Ini adalah skrip pemrograman yang ada pada view dashboard Portofolio, disini kita
menampilkan contoh aplikasi.

23
 Gambar 3.4 Source code Dashboard Contact View
Ini adalah skrip pemrograman yang ada pada view dashboard contact.

Gambar 3.5 Source code Dashboard Footer

Ini adalah skrip pemrograman yang ada pada akhir view dashboard, disini adalah
tempat untuk skrip modal pop up.

24
 Gambar 3.6 Source code Modal Penjadwalan
Ini adalah skrip pemrogaraman untuk modal/pop up pada penjadwalan.

Gambar 3.7 Controller Dashboard

Ini adalah skrip controller untuk dashboard.

25
 Gambar 3.8 Controller Login 1
Ini adalah skrip controller untuk login.

Gambar 3.9 Controller Login 2

26
Ini adalah lanjutan dari controller login 1

Gambar 4.1 Controller Piket 1

Ini adalah skrip controller piket.

Gambar 4.2 Controller Piket 2

27
Ini adalah skrip controller lanjutan dari piket 1.

Gambar4.3 Model Admin

Ini adalah skrip model admin.

Gambar 4.4 View Demo Penjadwalan 1

28
Ini adalah skrip view demo penjadwalan.

Gambar 4.5 View Demo Penjadwalan 2

Ini adalah lanjutan dari skrip penjadwalan 1.

Gambar 4.6 View Demo Penjadwalan 3

Ini adalah lanjutan dari skrip penjadwalan 2.

29
 Gambar 4.7 View Demo Penjadwalan 4
Ini adalah lanjutan dari skrip penjadwalan 3.

Gambar 4.8 View Demo Penjadwalan 5

Ini adalah lanjutan dari skrip penjadwalan 4.

30
 Gambar 4.9 View Demo Penjadwalan 6
Ini adalah lanjutan dari skrip penjadwalan 5.

Gambar 5.1 View Demo Penjadwalan 7

Ini adalah lanjutan dari skrip penjadwalan 6.

31
 Gambar 5.2 View Demo Penjadwalan 8
Ini adalah lanjutan dari skrip penjadwalan 7.

2.2 Hasil Praktek Kerja

2.2.1 Deskripsi Praktek Yang Dikerjakan
Adapun deskripsi tugas-tugas yang di kerjakan selama PKL di Perusahaan PT. Aegis
Ultima Teknologi antara lain : Membuat Web Promosi Berbasis Web.
Selama pelaksanaan PKL di Perusahaan PT. Aegis Ultima Teknologi penulis
mendapatkan tugas membuat Web Promosi berbasis web, tugas-tugas tersebut dapat
dilihat pada table berikut :

Nama : Dandi Zusitama Erlangga

Tanggal : 16 July – 25 July 2018
Waktu : 08.00 – 17.00 WIB
Tempat : PT. Aegis Ultima Teknologi

32
Tabel 1.1 Tabel Kegiatan PKL Bulan July 2018 (Dandi Z E)

NO Tanggal Jenis Pekerjaan Alat Bahan

1 16-July-18 Menginstal CodeIgniter PC + CI

2 18-July-18 Membuat Halaman Login PC + CI

Codeigniter + Sublime
3 23-July-18 Datatable dengan ajax
Text + PC

Membuat halaman dengan

4 25-July-18 PC + Boostrap + CI
boostrap sendiri

Nama : Dandi Zusitama Erlangga

Tanggal : 02 Agustus – 04 Agustus 2017
Waktu : 08.00 – 17.00 WIB
Tempat : PT. Aegis Ultima Teknologi

Tabel 1.2 Tabel Kegiatan PKL Bulan Agustus 2018 (Dandi Z E)

NO Tanggal Jenis Pekerjaan Alat Bahan

Codeigniter + Sublime
1 02-Agus -18 Import excel
Text

33
 Codeigniter + Sublime
2 03-Agus-18 Import excel
Text

Codeigniter + Sublime
3 06-Agus-18 Import excel
Text

Codeigniter + Sublime
4 07-Agus-18 Validasi Import Excel
Text

Nama : Dandi Zusitama Erlangga

Tanggal : 06 September – 15 Oktober 2018
Waktu : 08.00 – 17.00 WIB
Tempat : PT. Aegis Ultima Teknologi

Tabel 1.3 Tabel Kegiatan PKL Bulan Agustus - Oktober 2018 (Dandi Z E)

NO Tanggal Jenis Kegiatan Alat Bahan

Membuat Aplikasi Codeigniter + Sublime

1 06-Sept-18
Penjadawalan Text

34
 Codeigniter + Sublime
2 07-Sept-18 Membuat Tampilan
Text

Codeigniter + Sublime
3 10-Sept-18 Memasang Fulcalendar
Text + fulcalendar

Codeigniter + Sublime
4 15-Okt-18 Persentasi Aplikasi Piket
Text

Nama : Ferdinand Haryanto

Tanggal : 16 Juli – 9 Agustus 2018
Waktu : 08.00 – 17.00 WIB
Tempat : PT. Aegis Ultima Teknologi

Tabel 1.4 Tabel Kegiatan PKL Bulan Juli - Agustus 2018 (Ferdinand H)
NO Tanggal Jenis Pekerjaan Alat Bahan

1 16-Juli-18 Memahami Code Igniter PC + Codeigniter

PC + Codeigniter
2 18-Juli-18 Membuat Halaman Login
+ Sublime Text

35
 Membuat Datatable Menggunakan PC + Codeigniter
3 23-Juli-18
Ajax + Sublime Text

PC + Codeigniter
4 27-Juli-18 Membuat Pjax Codeigniter
+ Sublime Text

PC + Codeigniter
5 2-Agu-18 Import Excel Ke Database
+ Sublime Text

PC + Codeigniter
6 7-Agu-18 Validasi Import Excel
+ Sublime Text

PC + Codeigniter
7 9-Agu-18 Belajar Menggunakan Wordpress
+ Sublime Text

Nama : Ferdinand Haryanto

Tanggal : 13 Agustus – 24 September 2018
Waktu : 08.00 – 17.00 WIB
Tempat : PT. Aegis Ultima Teknologi

Tabel 1.5 Tabel Kegiatan PKL Bulan Agustus - September 2018 (Ferdinand H)
NO Tanggal Jenis Pekerjaan Alat Bahan

1 13-Agu-18 Memasukan Plugin Woocomerce Wordpress + PC

2 15-Agu-18 Membuat Halaman Woocomerce Wordpress + PC

36
 3 21-Agu-18 Mengisi Data Barang Woocomerce Wordpress + PC

Menambahkan Informasi Woocomerce

4 24-Agu-18 Wordpress + PC
Gmail

Menambahkan Courier Woocomerce

5 27-Agu-18 Wordpress + PC
Information Gmail

PC + Sublime
6 30-Agu-18 Membuat Aplikasi Penjadwalan
Text

Memasukan Kalendar Aplikasi PC + Sublime

7 6-Sept-18
Penjadwalan Text

Memasukan Lokasi Aplikasi PC + Sublime

8 13-Sept-18
Penjadwalan Menggunakan Leaflet Text

Memasukan Import Excel Aplikasi PC + Sublime

9 18-Sept-18
Penjadwalan Text

Mempresentasikan Aplikasi PC + Sublime

10 24-Sept-18
Penjadwalan Text

Nama : Muhammad Nur Alviansyah

37
Tanggal : 16 July – 23 July 2018
Waktu : 08.00 – 17.00 WIB
Tempat : PT. Aegis Ultima Teknologi

Tabel 1.6 Tabel Kegiatan PKL Bulan July 2018 (M N Alviansyah)

NO Tanggal Jenis Kegiatan Alat Bahan

1 16-July-2018 Menginstall Code Igniter PC

Codeigniter + Sublime
2 18-July-2018 Membuat Halaman Login
Text

Membuat Database Dengan Codeigniter + Sublime

3 19-July-2018
Datatable Text + SQL

Codeigniter + Sublime
4 23-July-2018 Datatable Menggunakan Ajax
Text + SQL

Nama : Muhammad Nur Alviansyah

Tanggal : 02 Agustus – 29 Agustus 2018
Waktu : 08.00 – 17.00 WIB
Tempat : PT. Aegis Ultima Teknologi

38
Tabel 1.7 Tabel Kegiatan PKL Bulan Agustus 2018 (M.N.Alviansyah)

NO Tanggal Jenis Kegiatan Alat Bahan

Codeigniter + Sublime
1 02-Agu-18 Mengimport Excel ke Mysql
Text + SQL

Belajar Menggunakan
2 09-Agu-18 PC + Xampp
Wordpress

Memasukan Plugin
3 13-Agu-18 PC + Xampp
Woocommerce ke Wordpress

Mengisi Data Barang

4 21-Agu-18 PC + Xampp
Woocommerce

Presentasi Aplikasi Codeigniter + Sublime

5 29-Agu-18
Woocommerce Text

Nama : Muhammad Nur Alviansyah

Tanggal : 30 Agustus – 15 Oktober 2018
Waktu : 08.00 – 17.00 WIB
Tempat : PT. Aegis Ultima Teknologi

39
Tabel 1.8 Tabel Kegiatan PKL Bulan Agustus – September – Oktober 2018
(Muhammad Nur Alviansyah)
NO Tanggal Jenis Kegiatan Alat Bahan

Membuat Aplikasi
1 30-Agu-18 PC + Sublime + CI
Penjadwalan Piket

Membuat Aplikasi Web

2 18-Sep-18 PC + Sublime + CI
Promosi

Mempresentasikan
3 08-Okt-18 Aplikasi Penjadwalan PC
Piket

Mempresentasikan
4 15-Okt-18 PC
Aplikasi Promosi Web

2.2.2 Pengamatan Hasil Praktek Kerja

Pengalaman selama PKL di lembaga perusahaan PT. Aegis Ultima Teknologi
adalah dalam hal membuat aplikasi menggunakan CodeIgniter. Oleh karena itu kami
diajarkan membuat sebuah program/web menggunakan CodeIgniter agar
pengerjaannya lebih cepat dan mudah.

40
Adapun kelebihan dan kekurangan pada aplikasi di atas sebagai berikut :

Kelebihan :
1. Orang awampun dapat membelinya.
2. Sudah disediakan contoh aplikasi agar pengguna mudah untuk melihat contoh
aplikasi.
Kekurangan :
1. Pemesanan yang sulit.
2. Belum adanya chat real time dengan admin di website.
3. Contoh aplikasi belom multi platform.

41