APLIKASI SUARA MOKLET BERBASIS WEBSITE

MENGGUNAKAN CODE IGNITER

LAPORAN PROJECT WORK

OLEH
Dhita Shandy Faristyawati 4323/1221.063
Muhammad Yahya Dwiyantara 4392/1290.063
Rio Ranu Pratama 4427/1324.070

GURU PEMBIMBING
Pashatania Fitri Indah L., S.Kom.

YAYASAN PENDIDIKAN TELKOM

SMK TELKOM MALANG
2017
 LEMBAR PENGESAHAN
LAPORAN PROJECT WORK

Judul : Suara Telkom Berbasis Website

Oleh : Dhita Shandy Faristyawati, Muhammad Yahya Dwiyantara,
Rio Ranu Pratama
NIS : 4323/1221.063, 4392/1290.063, 4427/1324.070

Mengetahui / menyetujui:

Guru Pembimbing

Pashatania Fitri Indah L., S.Kom.

i
 LEMBAR PENGESAHAN
LAPORAN PROJECT WORK

Judul : Aplikasi Suara Moklet Berbasis Website

Oleh : Dhita Shandy Faristyawati, Muhammad Yahya Dwiyantara,
Rio Ranu Pratama
NIS : 4323/1221.063, 4392/1290.063, 4427/1324.070

Telah diujikan pada:

Hari :
Tanggal :
Tempat :

Disetujui oleh:
1. Pashatania Fitri Indah L., S.Kom.
2. Nama guru penguji:

Kepala Program Studi RPL

Mokhamad Hadi Wijaya, S.Kom.

NIK. 8868178

ii
 KATA PENGANTAR

Syukur alhamdulillah kehadirat Allah SWT yang telah memberikan

limpahan rahmat dan karunia-Nya sehingga penyusunan Laporan Project Work
tentang Laundry berbasis Website dapat terselesaikan. Laporan Project Work ini
diajukan untuk memenuhi salah satu persyaratan dalam mengikuti Ujian Project
Work.

Laporan Project Work ini tidak dapat terwujud tanpa adanya bantuan dari
pihak-pihak terkait. Untuk itu penyusun menyampaikan terimakasih kepada :

1. Allah SWT yang telah emberikan kesehatan sehingga penyusun dapat

menyelesaikan Laporan Project Work ini dengan baik.
2. Bapak Hendy Andriyanto, selaku Kepala Sekolah SMK Telkom
Malang.
3. Bapak Emil Bachtiar, selaku wali kelas XII RPL 3.
4. Ibu Pashatania, selaku pembimbing Project Work.
5. Kedua orang tua dan seluruh keluarga yang selalu memberikan
dorongan dan semangat untuk terus maju dan pantang menyerah.

Semoga dengan jasa yang telah diberikan mendapat ganti yang lebih
berarti dari Allah SWT. Penyusun berharap dengan adanya Laporan Project Work
ini, dapat dijadikan tambahan ilmu pengetahuan bagi penyusun dan setiap orang
yang membacanya.

Malang, ……………..
Penyusun,

Kelompok....

iii
 DAFTAR ISI

HALAMAN JUDUL
LEMBAR PENGESAHAN i
KATA PENGANTAR iii
DAFTAR ISI iv
DAFTAR GAMBARvi
BAB I PENDAHULUAN 1
1.1 Latar Belakang 1
1.2 Perumusan Masalah 2
1.3 Batasan Masalah 2
1.4 Manfaat Penelitian 3
BAB II KAJIAN PUSTAKA 4
2.1 Website 4
2.2 User Interface...............................................................................................
2.3 HTML..........................................................................................................
2.4 PHP..............................................................................................................
2.5 CodeIgniter..................................................................................................
2.6 CSS..............................................................................................................
2.7 Basis Data....................................................................................................
BAB III ANALISA DAN PEMECAHAN MASALAH 11
3.1 11
BAB IV HASIL DAN PEMBAHASAN 27
4.1 26
BAB 5 KESIMPULAN DAN SARAN 37
5.1 Kesimpulan 37
5.2 Saran 37
DAFTAR PUSTAKA 38
BIOGRAFI PENULIS 39

iv
 DAFTAR GAMBAR

BAB II
Gambar 2.1 10
BAB III
Gambar 3.1 12
BAB IV
Gambar 4.1 26

v
 BAB I
PENDAHULUAN

1.1 Latar Belakang

Perkembangan teknologi informasi bukanlah hal yang baru di Indonesia.
Teknologi informasi sudah menjadi kebutuhan sehari-hari yang sangat vital.
Saat ini media informasi yang sangat digemari oleh masyarakat adalah media
internet. Internet memiliki karakteristik tersendiri, dimana masyarakat dapat
mencari info sesuai dengan apa yang dibutuhkannya tanpa dihalangi oleh
lamanya waktu yang dibutuhkan dalam penyampaian maupun dalam
menerima informasi dengan jarak yang tidak terbatas.
Hal tersebut menjadikan masyarakat sosial memilih beralih ke internet
sehingga dalam penyampaian informasi bisa dengan cepat diterima.
Teknologi informasi sangat berhubungan dengan dunia tulis menulis. Saat
inipun banyak masyarakat yang ingin mempermudah dalam menyampaikan
suara maupun aspirasi terhadap suatu pemilihan petinggi suatu organisasi
maupun mengemukakan kritik dan saran terhadap suatu hal tertentu. Namun
penyampaian suara dan aspirasi yang dilakukan secara manual banyak
membuang waktu.
Dengan alasan tersebut, penyusun memilih bidang “Pemilihan dan
Aspirasi Online” dalam pengerjaan Project Work ini. Sektor ini dipilih atas
dasar realita dalam kehidupan bermasyarakat. Sehingga dengan Project Work
“Aplikasi Suara Moklet Berbasis Website” ini dapat membantu dalam
mempermudah penyampaian pemilihan dan aspirasi dari warga SMK Telkom
Malang.

1.2 Perumusan Masalah

Berdasarkan latar belakang tersebut dapat dirumuskan masalah sebagai
berikut.
1. Bagaimana membuat aplikasi Suara Moklet yang dapat dengan mudah
dipahami oleh pengguna?

1
 2. Bagaimana proses penyampaian pemilihan maupun aspirasi berbasis
website?

1.3 Batasan Masalah

Untuk menghindari pembahasan yang terlalu luas, maka ruang lingkup dalam
pengembangan aplikasi ini:
1. Aplikasi Suara Moklet hanya dapat digunakan untuk pemilihan dan
aspirasi.
2. Pengguna aplikasi ini hanya mencakup warga SMK Telkom Malang.

1.4 Manfaat Penelitian

Adapun manfaat dari penyusunan laporan ini adalah sebagai berikut.
1. Mempermudah dalam menyampaikan suara dan aspirasi yang berkaitan
dengan pemilihan maupun penyampaian kritik dan saran warga SMK
Telkom Malang.
2. Mempermudah melihat suara terbanyak dari suatu pemilihan dan
mempermudah dalam melihat berbagai kritik dan saran dari warga SMK
Telkom Malang.

2
 BAB II
KAJIAN PUSTAKA

2.1 Website
Website atau situs dapat diartikan sebagai kumpulan halaman
yang menampilkan informasi data teks, data gambar diam atau gerak,
data animasi, suara, video dan atau gabungan dari semuanya, baik yang
bersifat statis, dinamis maupun interaktif yang membentuk satu
rangkaian bangunan yang saling terkait dimana masing-masing
dihubungkan dengan jaringan-jaringan halaman (hyperlink).
Halaman-halaman dari website akan bisa diakses melalui sebuah URL
yang biasa disebut Homepage. URL ini mengatur halaman-halaman
situs untuk menjadi sebuah hirarki, meskipun, hyperlink-hyperlink
yang ada di halaman tersebut mengatur para pembaca dan
memberitahu mereka sususan keseluruhan dan bagaimana arus
informasi ini berjalan. Berdasarkan jenisnya, website dibagi menjadi 3,
yaitu :

1. Website Statis
Website Statis adalah web yang mempunyai halaman tidak
berubah. Artinya adalah untuk melakukan perubahan pada
suatu halaman dilakukan secara manual dengan mengedit
code yang menjadi struktur dari website tersebut.

2. Website Dinamis
Website Dinamis merupakan website yang secara struktur
diperuntukan untuk update sesering mungkin. Biasanya
selain utama yang bisa diakses oleh user pada umumnya,

2
 juga disediakan halaman backend untuk mengedit kontent
dari website. Contoh umum mengenai website dinamis
adalah web berita atau web portal yang didalamnya terdapat
fasilitas berita, polling dan sebagainya.

3. Website Interaktif
Website Interaktif adalah web yang saat ini memang sedang
booming. Salah satu contoh website interaktif adalah blog
dan forum. Di website ini user bisa berinteraksi dan beradu
argument mengenai apa yang menjadi pemikiran mereka.
Biasanya website seperti memiliki moderator untuk
mengatur supaya topik yang diperbincangkan tidak keluar
jalur.

2.2 User Interface

User interface adalah cara program dan user berkomunikasi.
Istilah user interface atau interface kadang-kadang digunakan sebagai
penggati istilah HCI (Human Computer Interaction). HCI (Human
Computer Interface) adalah semua aspek dari interaksi pengguna dan
computer, tidak hanya hardware. Semuanya yang terlhat dilayar,
membaca dalam dokumentasi dan dimanipulasi dengan keyboard (atau
mouse) merupakan bagian dari user interface. User Interface berfungsi
untuk menghubungkan atau penterjemah informasi antara pengguna
dengan system operasi, sehingga computer dapat digunakan. Dengan
demikian, user interface bisa juga diartikan sebagai mekanisme inter-
relasi atau integrasi total dari perangkat keras dan lunak yang
membentuk pengalaman bekomputer. Use interface dari sisi software
bias berbentuk Graphical User Interface (GUI) atau Command Line
Interfae (CLI), sedangkan dari sisi hardware bias berbentuk Aplle
Desktop Bus (ADB), USB, dan fire wire.

2
2.3 HTML
HTML adalah, (HyperText Markup Language) sebuah bahasa
standar yang digunakan oleh browser Internet untuk membuat halaman
dan dokumen pada sebuah Web yang kemudian dapat diakses dan
dibaca layaknya sebuah artikel. HTMLjuga dapat digunakan sebagai
link link antara file-file dalam situs atau dalam komputer dengan
menggunakan localhost, atau link yang menghubungkan antar situs
dalam dunia internet.

2.4 PHP
PHP: Hypertext Preprocessor adalah bahasa skrip yang dapat
ditanamkan atau disisipkan ke dalam HTML. PHP banyak dipakai
untuk memrogram situs web dinamis. PHP dapat digunakan untuk
membangun sebuah CMS. 

2.5 Code Igniter

Sebuah framework php yang bersifat open source dan
menggunkan metode MVC(Model,View,Controller). Framework
codeigniter dibuat dengan tujuan memudahkan developer atau
programmer dalam membangun sebuah aplikasi web tanpa harus
membuatnya dari awal.
MVC adalah teknik atau konsep yang memisahkan komponen
utama menjadi tiga komponen, yaitu :
a. Model
Bagian penanganan yang berhubungan dengan pengolahan atau
manipulasi database. Semua intruksi yang berhubungan dengan
pengolahan database diletakkan di dalam model.
b. View
Bagian yang menangani halaman user interface atau halaman
muncul pada user. Tampilan dari user interface dikumpulkan
pada view untuk memisahkannya dengan controller dan model.
c. Controller

2
 Kumpulan intruksi aksi yang menghubungkan model dan view,
user tidak akan berhubungan dengan model secara langsung.

2.6 CSS
Cascading Style Sheet (CSS) merupakan salah satu bahasa
pemrograman web untuk mengendalikan beberapa komponen dalam
sebuah web sehingga akan lebih terstruktur dan seragam. Sama halnya
styles dalam aplikasi pengolahan kata seperti Microsoft Word yang
dapat mengatur beberapa style, misalnya heading, subbab, bodytext,
footer, images, dan style lainnya untuk dapat digunakan bersama-sama
dalam beberapa file. Pada umumnya CSS dipakai untuk memformat
tampilan halaman web yang dibuat dengan bahasa HTML dan
XHTML. 

2.7 Basis Data

MySQL adalah Relational Database Management System
(RDBMS) yang di distribusikan secara gratis dibawah lisensi GPL
(General Public License). Dimana setiap orang bebas untuk
menggunakan MySQL, namun tidak boleh dijadikan produk turunan
yang bersifat komersial.

2
 BAB III
ANALISA DAN PEMECAHAN MASALAH

3.1 Flowchart

3.2 Shdjhsd
3.3 Shdfhsg
3.4 Sjdhfkjsdh
3.5 Sjdfjs
3.6 Sdjfksd

2
2