Anda di halaman 1dari 32

RANCANG BANGUN WEBSITE FORUM KOMUNIKASI PERANTAU

PESISIR SELATAN (FKP-PESSEL)

LAPORAN KERJA PRAKTEK

NPM : 061303021
Nama : Arvy Dharmmaparayaandhika
Konsentrasi : Multimedia & Game

SK.Ketua Badan Akreditasi Nasional Perguruan Tinggi (BAN-PT)


Nomor : 041/BAN-PT/AK-XIV/S1/XII/2011

TEKNIK INFORMATIKA – FAKULTAS TEKNIK


UNIVERSITAS WIDYATAMA
BANDUNG
2017
ABSTRAK

Berawal dari group facebook Persatuan Perantau Pesisir Selatan yang dibentuk
pada tahun 2012. Group tersebut mendapat respons yang sangat baik dari warga
Pesisir Selatan khususnya yang sedang merantau. Karena membludaknya jumlah
anggota, group facebook sudah menjadi kurang efektif untuk dijadikan sarana
berkomunikasi antar sesama anggota. Bpk. Apri Junaidi mengambil keputusan
membangun sebuah website untuk dijadikan wadah serta sarana berkomunikasi
yang efektif bagi para anggotanya. Penulis selaku mahasiswa Bpk. Apri Junaidi
mendapatkan kesempatan melakukan kerja praktek merancang bangun website
untuk organisasi tersebut. Dalam proses rancang bangun website, penulis
menggunakan: teknologi HTML5; Bootstrap; framework codeigniter; dan syntax
PHP. Hasil dari kerja praktek ini adalah sebuah web dinamis yang dapat dikelola
bahkan oleh para non-IT (orang yang tidak memiliki latar belakang ilmu IT)
sekalipun. Penulis merasa bahwa keputusan Bpk. Apri Junaidi untuk membangun
sebuah website adalah sangat tepat. Karena website tidak hanya berguna untuk
sekedar melakukan promosi, website dapat menjadi sebuah media untuk: berbagi
informasi; berkomunikasi; bersilaturahmi; berbagi ilmu; dan masih banyak
manfaat-manfaat lainnya.

i
ABSTRACT

Starting from a facebook group Persatuan Perantau Pesisir Selatan which was
formed in 2012. The group received a very good response from the residents Pesisir
Selatan in particular is being migrated. Because a large number of members,
facebook group has become less effective to be used as a means of communicating
among its members. Mr. Apri Junaidi took the decision to build a website to serve
as a container and the means to communicare effectively to its members. As a
student Mr. Apri, author get a chance to do practical work to design and build a
website for the organization. In the process, author use: HTML5 technology;
bootstrap; CodeIgniter framework; and PHP syntax. The results of this practical
work is a dynamic web that can be managed even by non-IT (people who do not
have IT background) though. Author feels that the decision Mr. Apri Junaidi to
build a website is very appropriate. Because website not only useful for a
promotion, website can be a media for: sharing information; communicate;
strengthen relationships; sharing knowledge; and many other benefits.

ii
KATA PENGANTAR

Puji syukur kehadirat ALLAH SWT, karena atas perkenan-Nya lah laporan
kerja praktek dengan judul “Rancang Bangun Website Forum Komunikasi Perantau
Pesisir Selatan (FKP-Pessel)” ini dapat selesai dengan baik sesuai pada waktu yang
telah ditentukan.
Kerja praktek ini merupakan salah satu matakuliah yang wajib ditempuh di
Universitas Widyatama Bandung. Laporan kerja praktek ini disusun sebagai
pelengkap kerja praktek yang telah dilaksanakan lebih kurang selama 3 bulan.
Selesainya laporan kerja praktek ini tidak terlepas dari bantuan beberapa
pihak yang telah memberikan bantuan serta saran-saran konstruktif kepada penulis.
Untuk itu penulis mengucapkan banyak terimakasih kepada:
 Ir. Darmarianto dan Aliana Asmara selaku orang tua penulis, yang sudah
mengeluarkan uang untuk seluruh biaya pendidikan penulis di Universitas
Widyatama Bandung.
 Bpk. Apri Junaidi, M.Kom,. Mcs selaku pembimbing akademik, kepala
bagian IT Forum Komunikasi Perantau Pesisir Selatan (FKP-Pessel), dosen,
dan mentor penulis di Universitas Widyatama Bandung.
 Rai Raksa selaku teman dekat dan mentor penulis, yang telah membantu serta
memberi banyak saran sehingga website FKP-Pessel dapat selesai.
 Ersa Septiani selaku mantan pasangan penulis, yang telah mengakhiri
hubungannya dengan penulis sehingga penulis dapat kembali fokus kuliah.

Penulis menyadari bahwa masih banyak kekurangan pada laporan ini, baik
dari materi maupun teknik penyajiannya. Oleh karena itu, kritik dan saran yang
membangun sangat penulis harapkan.

Akhir kata semoga laporan kerja praktek ini dapat memberikan banyak
manfaat bagi kita semua.
Bandung, Januari 2017

iii
DAFTAR ISI

ABSTRAK .............................................................................................................. I

ABSTRACT .......................................................................................................... II

KATA PENGANTAR ......................................................................................... III

DAFTAR ISI ........................................................................................................ IV

DAFTAR TABEL ............................................................................................... VI

DAFTAR GAMBAR ......................................................................................... VII

DAFTAR ISTILAH ......................................................................................... VIII

BAB I PENDAHULUAN ...................................................................................... 1

1.1. LATAR BELAKANG MASALAH ................................................................... 1


1.2. TUJUAN ..................................................................................................... 2
1.3. BATASAN MASALAH ................................................................................. 2
1.4. SISTEMATIKA PENULISAN .......................................................................... 2

BAB II INFROMASI ORGANISASI .................................................................. 3

2.1. SEJARAH ORGANISASI ............................................................................... 3


2.2. VISI DAN MISI ORGANISASI ....................................................................... 3

BAB III PERAN IT DI ORGANISASI ............................................................... 4

3.1. PERAN IT PADA ORGANISASI ..................................................................... 4


3.2. STRUKTUR DIVISI IT PADA ORGANISASI ................................................... 4
3.2.1. IT Support ......................................................................................... 4
3.2.2. Programmer ...................................................................................... 5

BAB IV TUGAS KERJA PRAKTEK ................................................................. 6

4.1. LOKASI KERJA PRAKTEK ........................................................................... 6


4.2. WAKTU KERJA PRAKTEK .......................................................................... 6
4.3. KEGIATAN KERJA PRAKTEK ...................................................................... 6
4.3.1. Install Codeigniter, Bootstrap, dan XAMPP..................................... 6

iv
4.3.2. Mengatur Struktrur Folder dan File ................................................. 6
4.3.3. Menghilangkan Index ........................................................................ 7
4.3.4. Membuat Frontend Web .................................................................... 7
4.3.5. Membuat Backend Web ..................................................................... 9
4.4. TAMPILAN HASIL AKHIR ......................................................................... 14

BAB V PENUTUP ............................................................................................... 18

5.1. KESIMPULAN ........................................................................................... 18


5.2. SARAN ..................................................................................................... 18

DAFTAR PUSTAKA ......................................................................................... XX

v
DAFTAR TABEL

TABLE 32.1. STRUKTUR ORGANISASI DIVISI IT ...................................... 4

vi
DAFTAR GAMBAR

GAMBAR 432.1. STRUKTRUR FOLDER DAN FILE .................................... 7

GAMBAR 433.1. MENGHILANGKAN INDEX ............................................... 7

GAMBAR 44.1. TAMPILAN HALAMAN HOME ......................................... 14

GAMBAR 44.2. TAMPILAN HALAMAN ARTICLE ................................... 14

GAMBAR 44.3. TAMPILAN ARTICLE DAN KOMENTAR ....................... 14

GAMBAR 44.4. TAMPILAN HALAMAN LOGIN ........................................ 15

GAMBAR 44.5. TAMPILAN HALAMAN USER INFO ................................ 15

GAMBAR 44.6. TAMPILAN HALAMAN USER POST................................ 15

GAMBAR 44.7. TAMPILAN HALAMAN USER SETTING ........................ 16

GAMBAR 44.8. TAMPILAN HALAMAN ADMIN SITE.............................. 16

GAMBAR 44.9. TAMPILAN HALAMAN ADMIN CATEGORIES ............ 16

GAMBAR 44.10. TAMPILAN HALAMAN ADMIN CEK USERS .............. 17

vii
DAFTAR ISTILAH

Backend : Mengacu pada program dan skrip yang bekerja pada server di
balik layar untuk membuat halaman web yang dinamis dan
interaktif.
Bahasa program : Instruksi standar untuk memerintah komputer. Bahasa program
ini merupakan suatu himpunan dari aturan sintaks dan semantik
yang dipakai untuk mendefinisikan program komputer.
Bootstrap : Front-end framework yang mengedepankan tampilan untuk
mobile device (handphone, smartphone, dan lain-lain) guna
mempercepat dan mempermudah pengembangan website.
Codeigniter : Framework php opensource dengan menggunakan konsep
MVC (Model, View, Controller) untuk membangun website
dinamis atau aplikasi berbasis web.
Controllers : Bagian yang mengatur hubungan antara bagian model dan
bagian view, controller berfungsi untuk menerima request dan
data dari user kemudian menentukan apa yang akan diproses
oleh aplikasi.
Dashboard : Pusat control panel berplatform yang berfungsi untuk mengatur
semua kegiatan di sebuah situs atau website.
Database design : Proses membangun suatu model berdasarkan informasi yang
digunakan oleh perusahaan atau organisasi, tanpa pertimbangan
perencanaan fisik.
DBA : Orang yang bertanggung jawab untuk desain, pelaksanaan,
pemeliharaan dan perbaikan database organisasi.
DBMS : Sustem penorganisasioan dan sistem pengolahan database pada
komputer.
Download : Suatu proses transmisi sebuah file atau data dari sebuah sistem
komputer ke sistem komputer yang lainnya.
File : Sekumpulan data yang memiliki nama.

viii
Folder : Suatu tempat untuk menyimpan ataupun menampung file-file,
baik itu file sistem maupun file data atau dokumen.
Frontend : Mengacu pada setiap aspek dari proses desain yang muncul
dalam atau berhubungan langsung dengan browser yang
berkaitan dengan desain antarmuka website.
Function : Sebuah kumpulan perintah atau baris kode yang bisa digunakan
kapan saja ketika dibutuhkan oleh programmer.
Hardware : Komponen pada komputer yang dapat terlihat dan disentuh
secara fisik.
HTML5 : Sebuah bahasa markah untuk menstrukturkan dan menampilkan
isi dari World Wide Web, sebuah teknologi inti dari internet.
Instalasi : Seni memasang, menyatukan, dan mengkontruksi sejumlah
benda.
ISP : Perusahaan atau badan yang menyediakan jasa sambungan
internet dan jasa lainnya yang berhubungan.
IT support : Orang yang mengerti banyak akan software dan hardware,
termasuk teknik melakukan maintenancenya.
Konfigurasi : Suatu pembentukan susunan, settingan, atau proses pembuatan
wujud dari sebuah benda.
Korespondensi : Penyampaian maksud melalui surat dari satu pihak kepada pihak
lain.
Layout : Tata letak komponen halaman situs website.
Models : Berhubungan langsung dengan database untuk memanipulasi
data (insert, update, delete, search), menangani validasi dari
bagian controller, namun tidak dapat berhubungan langsung
dengan bagian view.
Non-IT : Orang yang tidak memiliki latar belakang ilmu IT.
Pemodelan : Proses merepresentasikan objek nyata atau realita sebagai
seperangkat persamaan matematika, grafis ataupun bagan agar
mudah dipahami oleh pihak yang berkepentingan.

ix
PHP : Bahasa pemrograman yang digunakan secara luas untuk
penanganan pembuatan dan pengembangan sebuah situs web
dan bisa digunakan bersamaan dengan HTML.
Programmer : Orang yang mempunyai kemampuan dan keahlian di dalam
membuat dan menyempurnakan suatu program.
Quota : Nilai batas yang ditetapkan untuk mengelola akses ke sumber
daya sistem dan jaringan atau jumlah penyimpanan yang
digunakan oleh user atau group tertentu.
Routes : Hubungan one-to-one antar URL dan controller/method.
Server : Sebuah sistem komputer yang menyediakan jenis layanan
tertentu dalam sebuah jaringan komputer.
Server lokal : Sebuah program aplikasi yang dapat menghubungkan beberapa
data yang terdapat pada komputer dalam bentuk link.
Software : Data-data yang terdapat pada sebuah komputer yang diformat
kemudian disimpan secara digital. Atau dapat pula diartikan
sebagai komponen yang tidak terlihat secara fisik.
Source : Perintah-perintah yang digunakan untuk membuat aplikasi.
Subsystem : Sistem di dalam suatu sistem, ini berarti bahwa sistem berada
pada lebih dari satu tingkat.
Template : Sebuah desain tampilan halaman dengan berisikan dokumen file
model-model tambahan yang dikodekan dalam bahasa program
dan siap pakai.
Web dinamis : Website yang penggunanya dapat mengubah konten dari web
tersebut secara langsung menggunakan browser.
Xampp : Perangkat lunak bebas, yang mendukung banyak sistem operasi,
merupakan kompilasi dari beberapa program.

x
BAB I
PENDAHULUAN

1.1. Latar Belakang Masalah


Pada saat ini internet sudah berkembang menjadi salah satu media yang
paling populer di dunia. Survei yang dilakukan oleh Asosiasi Penyelenggara
Jaringan Internet Indonesia (APJII) mengungkap bahwa lebih dari setengah
penduduk Indonesia kini telah terhubung ke Internet.1 Jumlah pengguna internet
yang besar dan semakin berkembang telah mewujudkan budaya internet. Mulai dari
belanja, berkomunikasi, bermain game, berbisnis, belajar, bersosialisasi, sampai
berorganisasi. Internet sendiri adalah jaringan yang menghubungkan banyak host
via protokol, perangkat keras, dan jalur komunikasi.
Dibagian internet sendiri, ada yang disebut web. Web adalah sekumpulan
halaman informasi yang disediakan melalui jalur internet sehingga bisa diakses di
seluruh dunia selama terkoneksi dengan jaringan internet tanpa terbatas ruang dan
waktu.2 Melalui web, para pengguna dapat mengakses informasi-informasi berupa
teks; gambar; suara; video; ataupun animasi. Oleh karena itu dapat diambil
kesimpulan bahwa, internet dan web adalah bagian yang tidak terpisahkan.
Forum Komunikasi Perantau Pesisir Selatan (kedepannya akan disingkat
dengan FKP-Pessel) adalah suatu organisasi yang berisikan masyarakat Pesisir
Selatan. Organisasi FKP-Pessel sampai saat ini menggunakan media Facebook dan
WhatsApp sebagai wadah bagi anggotanya untuk saling berkomunikasi ataupun
berbagi informasi. Namun seiring dengan bertambahnya jumlah anggota, media
Facebook dan WhatsApp dirasa sudah tidak lagi efektif untuk digunakan sebagai
wadah organisasi tersebut. Bpk. Apri Junaidi selaku kepala bagian IT pada
organisasi tersebut mengambil keputusan untuk membangun sebuah website dan
menggunakannya sebagai wadah baru organisasi FKP-Pessel.

1
KOMPAS.COM. “Pengguna internet di Indonesia Capai 132 Juta”.
http://tekno.kompas.com/read/2016/10/24/15064727/2016.pengguna.internet.di.indonesia.capai.132.juta. 17 Januari 2017.
2
Baliwebs.com. “Apakah itu website & manfaatnya?”. https://www.baliwebs.com/id/artikel-berita/85-apakah-itu-website-
manfaatnya.html. 17 Januari 2017.

1
2

1.2. Tujuan
Tujuan yang ingin dicapai dari rancang bangun website Forum Komunikasi
Perantau Pesisir Selatan (FKP-Pessel) ini adalah sebagai berikut:
 Merancang bangun sebuah website agar dapat menjadi sarana berkomunikasi
yang efektif.
 Merancang bangun sebuah website agar dapat menjadi sarana berbagi
informasi yang interaktif.

1.3. Batasan Masalah


Dalam penyusunan laporan kerja praktek ini, penulis mencoba membuat
batasan-batasan agar tidak terjadi penyimpangan dari tujuan yang diharapkan.
Batasan-batasan tersebut adalah sebagai berikut:
 Server yang dipakai menggunakan server lokal, jadi dalam pengujiannya
tidak disajikan dalam situasi sistem jaringan online.
 Desain website menggunakan template-template gratis yang dibagikan di
internet.
 Layout dan fitur pada website ini akan mengacu pada http://aprijunaidi.com/.

1.4. Sistematika Penulisan


Bab I Pendahuluan. Bagian ini berisi tentang penjelasan latar belakang
masalah yang ditemukan saat kerja praktek, tujuan masalah, batasan masalah, dan
sistematika penulisan laporan.
Bab II Informasi Organisasi. Bagian ini berisi tentang tinjauan umum
organisasi yang terdiri dari sejarah singkat organisasi, visi dan misi, serta struktur
organisasi.
Bab III Peran IT di Organisasi. Bagian ini berisi tentang pekerjaan dan
tanggung jawab bagian IT pada organisasi.
Bab IV Tugas Kerja Praktek. Bagian ini berisi tentang apa yang dikerjakan
penulis ketika melakukan kerja praktek pada organisasi.
Bab V Penutup. Bagian ini berisi kesimpulan dari hasil kerja praktek, serta
saran agar sistem menjadi lebih baik.
BAB II
INFROMASI ORGANISASI

2.1. Sejarah Organisasi


Berawal dari group facebook Persatuan Perantau Pesisir Selatan yang
dibentuk pada tahun 2012 oleh Bpk. Agus Chaniago dengan tujuan menjadikan
group tersebut sebagai wadah untuk masyarakat Pesisir Selatan yang tersebar di
seluruh wilayah Indonesia. Masyarakat Pesisir Selatan menyambut baik kehadiran
group facebook tersebut, karena kehadiran group tersebut dinilai dapat mengganti
kerinduan akan kampung halaman para anggotanya yang sedang jauh merantau.
Group tersebut terus berkembang dan pada tahun 2016 resmi berdiri sebagai
organisasi yang berbadan hukum. Ketika itu organisasi Persatuan Perantau Pesisir
Selatan diubah namanya menjadi Forum Komunikasi Perantau Pesisir Selatan
(FKP-Pessel), dan Bpk. Agus Chaniago dipercaya menjadi ketua di organisasi
tersebut. Dengan mempertimbangkan latar belakang pendidikan Bpk. Apri Junaidi,
maka Bpk. Agus Chaniago mempercayakan posisi Kepala Bagian IT kepada Bpk.
Apri Junaidi.

2.2. Visi dan Misi Organisasi


 Visi FKP-Pessel
 Mewujudkan sebuah organisasi untuk meperkokoh persatuan antara
warga Pessel yang merantau.
 Mewujudkan sebuah organisasi untuk memperkokoh persatuan dengan
warga lain saat merantau.
 Misi FKP-Pessel
 Meningkatkan sumber daya manusia (SDM) warga Pessel yang
merantau.
 Menciptakan peluang usaha untuk dan oleh para anggotanya.
 Melestarikan nilai-nilai agama dan adat.

3
BAB III
PERAN IT DI ORGANISASI

3.1. Peran IT pada Organisasi


Penggunaan IT (informasi dan teknologi) dalam sebuah organisasi sangatlah
penting, dan untuk menerapkan IT tersebut terlebih dahulu haruslah dilihat
karakteristik organisasi tersebut. FKP-Pessel sendiri adalah suatu organisasi
berisikan masyarakat Pesisir Selatan yang tersebar di seluruh wilayah Indonesia.
Oleh karena itu peran IT akan sangat dibutuhkan sebagai media berkomunikasi dan
media berbagi informasi diantara sesama anggotanya.

3.2. Struktur Divisi IT pada Organisasi


Struktur organisasi divisi IT pada FKP-Pessel terdiri dari kepala bagian IT,
IT support, dan programmer (table 32.1).

Kepala
Bagian IT

IT Support Programmer
Table 32.1. Struktur Organisasi Divisi IT

3.2.1. IT Support
Tugas utama seorang IT support adalah merawat software dan hardware yang ada
di organisasi, melakukan perbaikan jika ada yang rusak, memastikan semua
hardware dan komputer berfungsi optimal, mengevaluasi dan meningkatkan kinerja
sistem IT, dan lain-lain. IT support disini harus mampu menangani seluruh
permasalahan software dan hardware yang ada di organisasi.

4
5

Beberapa tanggung jawab IT support:


 Menerima, memprioritaskan, dan menyelesaikan permintaan bantuan IT.
 Membeli hardware IT, software, dan hal-hal lain yang berhubungan dengan
hal tersebut.
 Instalasi, perawatan, dan penyediaan dukungan harian baik untuk hardware
maupun software.
 Korespondensi dengan penyedia jasa eksternal termasuk internet service
provider, penyedia jasa email, hardware, dan software.
 Mengatur penawaran harga barang dan tanda terima dengan supplier untuk
kebutuhan yang berhubungan dengan IT.
 Menyediakan data dan informasi yang dibutuhkan untuk pembuatan laporan
department regular.

3.2.2. Programmer
Tanggung jawab programmer terbatas pada pembuatan program komputer.
Pengetahuan programmer cukup terbatas pada teknologi komputer, sistem
komputer, utilitas, dan bahasa-bahasa program yang diperlukan. Pekerjaan
programmer sifatnya teknis dan harus tepat dalam pembuatan instruksi-instruksi
program. Pekerjaan programmer tidak menyangkut hubungan dengan banyak
orang, terbatas pada sesama pemrogram dan analis yang mempersiapkan rancang
bangun (spesifikasi) program.
BAB IV
TUGAS KERJA PRAKTEK

4.1. Lokasi Kerja Praktek


Kerja praktek “Rancang Bangun Website Forum Komunikasi Perantau
Pesisir Selatan (FKP-Pessel)” ini dilakukan di rumah penulis.

4.2. Waktu Kerja Praktek


Penulis mengerjakan kerja praktek ini di sela-sela waktu ketika penulis
bekerja dan kuliah

4.3. Kegiatan Kerja Praktek


Proses kegiatan kerja praktek ini meliputi beberapa tahap, dan akan dibahas
pada beberapa sub bab dibawah ini.

4.3.1. Install Codeigniter, Bootstrap, dan XAMPP


Download xampp di https://www.apachefriends.org/index.html. Setelah itu
install.
Download codeigniter di https://www.codeigniter.com/download. Paste file
tersebut pada Local Disk (C)/xampp/htdocs.
Download bootstrap di http://getbootstrap.com/. Paste file tersebut pada
Local Disk (C)/xampp/htdocs/codeigniter/assets.

4.3.2. Mengatur Struktrur Folder dan File


Membuat folder dan file yang akan digunakan, lalu menyusun struktur
penempatan folder dan filer tersebut agar lebih mudah diakses pada proses
pengerjaannya (gambar 432.1).

6
7

Gambar 432.1. Struktrur Folder dan File

4.3.3. Menghilangkan Index


Membuat file .htaccess pada folder codeigniter, dan menuliskan source pada
gambar 433.1.

Gambar 433.1. Menghilangkan Index

4.3.4. Membuat Frontend Web


Tampilan pada web berbeda-beda pada beberapa halaman, dan akan dibahas
pada beberapa sub bab dibawah ini.
8

 Dashboard
 footer.php
Digunakan untuk tampilan footer dan memanggil fungsi-fungsi
javascript.
 header.php
Digunakan untuk tampilan header da memanggil libary bootstrap.
 sidebar.php
Digunakan untuk tampilan navigator pada kiri layar.
 form_category.php
Digunakan untuk input dan edit daftar category.
 form_site.php
Digunakan untuk merubah tampilan website.
 form_user.php
Digunakan untuk menambahkan dan menghapus user.
 list_account.php
Digunakan untuk melihat daftar user.
 list_category.php
Digunakan untuk memperlihatkan daftar katergori artikel.
 list_post.php
Digunakan untuk menampilakan daftar artikel.

 Home
 footer.php
Digunakan untuk tampilan footer dan memanggil fungsi-fungsi
javascript.
 header.php
Digunakan untuk tampilan header dan memanggil bootstrap.
 list_article.php
Digunakan untuk menampilkan daftar artikel kepada publik.
 view_article.php
Digunakan untuk menampilkan satu kesatuan artikel yang utuh.
 form_login.php
9

Digunakan untuk menampilkan form login.


 homepage.php
Digunakan untuk menampilkan halaman utama.
 register_form.php
Digunakan untuk menampilkan form pendaftaran user baru.
 script_wysihtml5.php
Digunakan untuk memunculkan script text editor pada komentar.

 Profile
 footer.php
Digunakan untuk tampilan footer dan memanggil fungsi-fungsi
javascript.
 header.php
Digunakan untuk tampilan header dan memanggil bootstrap.
 sidebar.php
Digunakan untuk tampilan navigator pada kiri layar.
 form_post.php
Digunakan untuk menambahkan dan merubah daftar artikel.
 list_info.php
Digunakan untuk menampilkan informasi user.
 form_setting.php
Digunakan untuk merubah informasi pengguna.
 list_post.php
Digunakan untuk memperlihatkan daftar artikel.
 profile.php
Digunakan untuk menampilkan informasi user.

4.3.5. Membuat Backend Web


Terdapat beberapa function dengan kegunaan yang berbeda, dan akan dibahas
pada beberapa sub bab dibawah ini.
10

 Routes
 login = home/login
Bila pada http bar user mengetikan login, maka akan diarahkan ke
controllers Home.php dan menjalankan function login().

 logout = home/logout
Bila pada http bar user mengetikan logout, maka akan diarahkan ke
controllers Home.php dan menjalankan function logout().

 register = home/register
Bila pada http bar user mengetikan register, maka akan diarahkan ke
controllers Home.php dan menjalankan function register().

 article = home/article
Bila pada http bar user mengetikan article, maka akan diarahkan ke
controllers Home.php dan menjalankan function article().

 article/num = home/view_article/$1
Bila pada http bar user mengetikan article/number, maka akan
diarahkan ke controllers Home.php dan menjalankan function
view_article(number).

 pages/any = home/pages/$1
Bila pada http bar user mengetikan pages/any, maka akan diarahkan ke
controllers Home.php dan menjalankan function pages(any).

 category/num = home/category/$1
Bila pada http bar user mengetikan category/number, maka akan
diarahkan ke controllers Home.php dan menjalankan function
category(number).
11

 profile/info = profile
Bila pada http bar user mengetikan profile/info, maka akan diarahkan
ke controllers Profile.php.

 profile/posts/create = profile/create_post
Bila pada http bar user mengetikan profile/posts/create, maka akan
diarahkan ke controllers Profile.php dan menjalankan function
create_post().

 profile/posts/edit/num = profile/edit_post/$1
Bila pada http bar user mengetikan profile/posts/edit/number, maka
akan diarahkan ke controllers Profile.php dan menjalankan function
edit_post(number).

 profile/posts/delete/num = profile/delete_post/$1
Bila pada http bar user mengetikan profile/posts/delete/number, maka
akan diarahkan ke controllers Profile.php dan menjalankan function
delete_post(number).

 Controllers
 Admin.php
 __construct()
Memanggil model dan view yang diperlukan oleh admin.
 index()
Untuk redirect ke url admin.
 site()
Untuk memunculkan form konfigurasi website.
 categories()
Untuk mengelola kategori artikel pada website.
 users()
Untuk mengelola daftar pengguna website.
12

 Home.php
 __construct()
Untuk memanggil model dan view yang diperlukan oleh public.
 index()
Untuk memunculkan halaman utama website.
 article()
Untuk memunculkan daftar artikel.
 view_article()
Untuk memunculkan satu kesatuan artikel secara penuh.
 category()
Untuk memilih kategori artikel yang ingin disaring.
 login()
Untuk memunculkan tampilan login.
 register()
Untuk memunculkan tampilan pendaftaran.
 password()
Untuk menghasilkan password di enkripsi md5.

 Profile.php
 __construct()
Untuk memanggil model dan view yang diperlukan oleh profile.
 index()
Untuk memunculkan informasi pengguna.
 posts()
Untuk mengelola artikel.
 create_post()
Untuk membuat artikel baru.
 edit_post()
Untuk merubah isi artikel.
 delete_post()
Untuk menghapus artikel.
13

 setting()
Untuk merubah informasi user.

 Models
 Categories_model.php
Untuk interaksi ke tabel categories.
 Comments_model.php
Untuk interaksi ke tabel comments.
 Posts_model.php
Untuk interaksi ke tabel posts.
 Roles_model.php
Untuk interaksi ke tabel roles.
 Settings_model.php
Untuk interaksi ke tabel settings.
 Users_model.php
Untuk interaksi ke tabel users.
14

4.4. Tampilan Hasil Akhir

Gambar 44.1. Tampilan Halaman Home

Gambar 44.2. Tampilan Halaman Article

Gambar 44.3. Tampilan Article dan Komentar


15

Gambar 44.4. Tampilan Halaman Login

Gambar 44.5. Tampilan Halaman User Info

Gambar 44.6. Tampilan Halaman User Post


16

Gambar 44.7. Tampilan Halaman User Setting

Gambar 44.8. Tampilan Halaman Admin Site

Gambar 44.9. Tampilan Halaman Admin Categories


17

Gambar 44.10. Tampilan Halaman Admin Cek Users


BAB V
PENUTUP

5.1. Kesimpulan
Dari hasil kerja praktek yang dilakukan di organisasi Forum Komunikasi
Perantau Pesisir Selatan (FKP-Pessel), dapat disimpulkan bahwa:
 Website organisasi dapat memudahkan anggotanya dalam hal berkomunikasi
dan berbagi informasi.
 Website organisasi dapat meningkatkan efisiensi yang berdampak pada
penurunan dari segi waktu dan biaya proses.
 Website organisasi akan mempermudah orang yang ingin mengetahui lebih
dalam tentang organisasi bersangkutan mendapatkan segala informasi detail
organisasi yang ingin diketahui orang tersebut.

5.2. Saran
Saran yang penulis berikan untuk mendukung kelancaran organisasi Forum
Komunikasi Perantau Pesisir Selatan (FKP-Pessel), adalah sebagai berikut:
 Ditambahnya satu bagian pada divisi IT, yaitu database administrator (DBA).
Yang memiliki tanggung jawab sebagai berikut:
 Pemasangan perangkat lunak baru
Adalah tugas DBA untuk menginstal versi baru dari perangkat lunak DBMS,
aplikasi perangkat lunak, dan perangkat lunak lain yang berhubungan dengan
administrasi DBMS. Penting bahwa DBA menguji software baru sebelum
pindah ke sebuah lingkungan produksi.
 Konfigurasi hardware dan software
DBA melakukan instalasi perangkat lunak, dan untuk mengkonfigurasi
hardware dan software agar berfungsi secara optimal dengan DBMS.
 Pengamanan administrasi
Salah satu tugas utama DBA adalah untuk memantau dan mengelola
keamanan DBMS. Hal ini melibatkan penambahan dan menghapus
pengguna, pemberian quota, audit, dan memeriksa masalah keamanan.

18
19

 Analisis data
DBA menganalisis data yang tersimpan dalam database dan membuat
rekomendasi yang berkaitan dengan kinerja dan efisiensi penyimpanan data.
Ini termasuk indeks efektif, memungkinkan “Paralel Query” eksekusi, atau
fitur khusus DBMS lainnya.
 Database design (awal)
DBA dapat terlibat di awal tahap desain database, hal ini bertujuan
menghilangkan berbagai masalah yang mungkin terjadi. DBA tahu bahwa
DBMS dan sistem, dapat menunjukan potensi masalah, dan dapat membantu
pengembangan kinerja tim dengan pertimbangan khusus.
 Data pemodelan dan optimasi
Pemodelan data berfungsi untuk mengoptimalkan sistem tata letak untuk
mengambil yang paling menguntungkan dari I/O subsystem.
 Bertanggung jawab atas administrasi perusahaan yang berhubungan dengan
database dan analisis, desain, dan penciptaan database baru.
DAFTAR PUSTAKA

Afahurroji. “Perbedaan antara frontend dan backend”.


http://afahrurroji.net/perbedaan-antara-frontend-dan-backend/. 28 Januari 2017

Filloshop. “Pengertian Dashboard Website”.


https://filloshop.com/docs/post/pengertian-dashboard-website. 28 Januari 2017

Gak gakptek. “Apa itu File? Dalam Istilah Komputer”.


http://saynotogaptek.blogspot.co.id/2012/03/apa-itu-file-dalam-istilah-
komputer.html. 1 Januari 2017

IS Manufacturing. “Belajar Route dalam Codeigniter”.


http://ismanufacturing.blogspot.co.id/2015/12/belajar-route-dalam-
codeigniter.html. 28 Januari 2017

IT programming. “Apa itu Function”.


http://flashgameit.blogspot.co.id/2013/02/apa-itu-function.html. 28 Januari 2017

Mr. Handsome punya blog!. “Apa itu Open Source”.


https://diazhandsome.wordpress.com/2008/12/16/apa-itu-open-source/. 28 Januari
2017

Pengertian apapun. “Mengenal Definisi atau Pengertian Folder”.


http://www.pengertianku.net/2014/09/mengenal-definisi-atau-pengertian-
folder.html. 28 Januari 2017

Pengertian apapun. “Pengertian Download dan Upload Secara Lebih Lengkap”.


http://www.pengertianku.net/2014/11/pengertian-download-dan-upload-secara-
lebih-lengkap.html. 28 Januari 2017

xx
WikipediA. “XAMPP”. https://id.wikipedia.org/wiki/XAMPP. 28 Januari 2017

WikipediA. “Codeigniter”. https://id.wikipedia.org/wiki/CodeIgniter. 28 Januari


2017

xxi

Anda mungkin juga menyukai