Anda di halaman 1dari 52

LAPORAN

PRAKTIK KERJA LAPANGAN

DI DINAS KOMUNIKASI DAN INFORMASI KABUPATEN TEGAL

PERANCANGAN BACK END PADA WEBSITE DESA MENGGUNAKAN

CODEIGNITER PADA DESA CEMPAKA KECAMATAN BUMIJAWA

KABUPATEN TEGAL

Disusun oleh

Nama : Nurul Dhukha

NIM : 5302415014

Jurusan/Prodi : Teknik Elektro/PTIK

FAKULTAS TEKNIK

UNIVERSITAS NEGERI SEMARANG

TAHUN 2018
HALAMAN PENGESAHAN

Laporan Praktik Kerja Lapangan telah disahkan oleh Dinas Komunikasi dan

Informasi Kabupaten Tegal dan Jurusan Teknik Elektro Universitas Negeri

Semarang

Hari :

Tanggal :

Dosen Pembimbing Pembimbing Lapangan

Aryo Baskoro Utomo S.T., M.T. Drs. Saeful Mizan

NIP. 19840909 201212 1 002 NIP. 19661122 199203 1 008

Mengetahui,
Ketua Jurusan Teknik Elektro Kepala Dinas Kominfo

Dr.-Ing.Dhidik Prastiyanto, S.T., M.T. Chusnannupik F, S.E

NIP. 19780531 200501 1 002 NIP. 19581125 199003 1004

ABSTRAK

ii
Nurul Dhukha
Pembuatan Website Desa Menggunakan Codeigniter Pada Desa Cempaka
Kecamatan Bumijawa Kabupaten Tegal

Pendidikan Teknik Informatika dan Komputer – Teknik Elektro


Universitas Negeri Semarang
Tahun 2018

Praktik Kerja Lapangan merupakan kegiatan kurikuler yang terdapat


dalam kurikulum program S1 baik program pendidikan dan non kependidikan.
Praktik Kerja Lapangan bertujuan agar mendapatkan pengalam kerja yang relevan
sehingga memiliki pengetahuan, sikap dan ketrampilan di bidangnya masing-
masing. Manfaat laporan Praktik Kerja Lapangan ini sebagai pengetahuan yang
tidak diperoleh dalam perkuliahan. Pada Praktek Kerja Lapangan di Dinas
Komunikasi dan Informatika Kabupaten Tegal ditugaskan untuk membuat website
yang dapat mendukung wisata di Desa Cempaka. Website ini dibuat karena
kurangnya media promosi wisata Desa Cempaka Kabupaten Tegal dan untuk
mendukung peresmian desa wisata.
Dalam pengumpulan data menggunakan beberapa metode diantaranya
metode kepustakaan, observasi dan metode wawancara. Metode kepustakaan ini
didapat dari berbagai sumber khususnya dari sumber internet yang digunakan
untuk penerapan dalam pembuatan website desa wisata Cempaka Kabupaten
Tegal. Laporan Praktik Kerja Lapangan ini secara khusus membahas tentang
pembuatan website desa menggunakan codeigniter pada Desa Cempaka
Kecamatan Bumijawa Kabupaten Tegal.
Hasil implementasi dari pembuatan website desa menggunakan
codeigniter pada Desa Cempaka Kecamatan Bumijawa Kabupaten Tegal ini
diharapkan penyampaian informasi data yang disimpan dalam database sistem
nantinya data masih bisa diubah, diperbaharui, maupun dihapus. Sistem ini
mempunyai keamanan yang cukup bagus karena menggunakan codeigniter.

Kata kunci : Desa Cempaka, Website Desa Cempaka, Codeigniter, Metode


Pengumpulan Data.

KATA PENGANTAR

iii
Puji syukur penulis panjatkan atas kehadirat Allah SWT yang telah

melimpahkan rahmat dan hidayah-Nya, sehingga penulis dapat menyelesaikan

laporan Praktik Kerja Lapangan (PKL) dengan judul “Perancangan Back end pada

Website Desa Menggunakan Codeigniter pada Desa Cempaka Kecamatan

Bumijawa Kabupaten Tegal”

Penulis mengucapkan terimakasih kepada :

1. Bapak Dr.-Ing. Dhidik Prastiyanto S.T., M.T. selaku Ketua Jurusan Teknik

Elektro Fakultas Teknik Universitas Negeri Semarang.


2. Bapak Aryo Baskoro Utomo S.T., M.T. selaku dosen pembimbing yang

telah bersedia memberikan bimbingan dan pengarahan.


3. Bapak Syaeful Mizan selaku pembimbing lapangan yang telah

membimbing dan mengarahkan.


4. Teman-teman yang telah memberikan motivasi dan berbagai bantuan.

Penulis menyadari bahwa laporan ini tidak seluruhnya sempurna, untuk itu

penulis dengan senang hati menerima kritik dan saran demi kesempurnaan laporan

ini. Semoga laporan PKL ini dapat memberi manfaat.

Amin

Semarang, November 2018

Penulis

DAFTAR ISI

HALAMAN PENGESAHAN.................................................................................ii

iv
ABSTRAK..............................................................................................................iii

KATA PENGANTAR..............................................................................................iv

DAFTAR ISI............................................................................................................v

DAFTAR TABEL..................................................................................................vii

DAFTAR GAMBAR............................................................................................viii

DAFTAR LAMPIRAN............................................................................................x

DAFTAR LAMBANG DAN SINGKATAN...........................................................xi

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

A. Latar Belakang................................................................................................1

B. Rumusan Masalah..........................................................................................2

C. Tujuan dan Manfaat........................................................................................2

D. Tempat Pelaksanaan.......................................................................................4

E. Pengumpulan Data..........................................................................................5

BAB II ISI................................................................................................................6

A. Profil Perusahaan............................................................................................6

B. Pekerjaan/Kegiatan.........................................................................................8

C. Pembahasan..................................................................................................10

D. Analisis.........................................................................................................33

E. Kendala.........................................................................................................34

BAB IV PENUTUP...............................................................................................36

v
A. Kesimpulan...................................................................................................36

B. Saran............................................................................................................36

DAFTAR PUSTAKA ............................................................................................38

vi
DAFTAR TABEL

Tabel 1 Pembagian Tugas Pengerjaan Website.........................................................9

vii
DAFTAR GAMBAR

Gambar 1. Struktur Organisasi Diskominfo Kabupaten Tegal.................................8

Gambar 2. Tampilan Menu Home..........................................................................15

Gambar 3. Tampilan Menu Budaya....................................................................... 16

Gambar 4. Tampilan Menu Wisata.........................................................................16

Gambar 5. Tampilan Menu Kuliner ...................................................................... 17

Gambar 6. Tampilan Menu Agenda ...................................................................... 17

Gambar 7. Tampilan Menu Galeri .........................................................................18

Gambar 8. Tampilan Menu Kontak .......................................................................18

Gambar 9. Tampilan Menu Login..........................................................................19

Gambar 10. Tampilan Menu Dashboard................................................................ 19

Gambar 11. Tampilan Menu Berita........................................................................20

Gambar 12. Tampilan Menu Agenda..................................................................... 20

Gambar 13. Tampilan Menu Profil.........................................................................21

Gambar 14. Source Code Index.PHP.....................................................................22

Gambar 15. Source Code Membuat Menu Carousel..............................................22

Gambar 16. Tampilan Source Code Cari.PHP.......................................................23

Gambar 17. Tampilan Source Code Read.PHP......................................................23

Gambar 18. Tampilan Source Code Agenda.PHP..................................................24

Gambar 19. Tampilan Source Code Galeri.PHP....................................................25

viii
Gambar 20. Tampilan Source Code Contact.PHP................................................. 25

Gambar 21. Tampilan Source Code Login.PHP....................................................26

Gambar 22. Tampilan Source Code Memasukkan Username Dan Password.......26

Gambar 23. Tampilan Source Code Dashboar.PHP.............................................. 27

Gambar 24. Tampilan Source Code Adminberita.PHP..........................................28

Gambar 25. Tampilan Source Code Membuat Nomor Pada Tabel........................ 28

Gambar 26. Tampilan Source Code Tambahberita.PHP........................................29

Gambar 27. Tampilan Source Code Editberita.PHP..............................................30

Gambar 28. Tampilan Source Code Adminagenda.PHP........................................30

Gambar 29. Tampilan Source Code Tambahagenda.PHP......................................31

Gambar 30. Tampilan Source Code Editagenda.PHP............................................32

Gambar 31. Tampilan Source Code Adminprofil.PHP..........................................32

Gambar 32. Tampilan Source Code Logout.PHP..................................................33

ix
DAFTAR LAMPIRAN

Lampiran 1. Bukti Pendaftaran Kelompok............................................................ 40

Lampiran 2. Surat Balasan Dari Perusahaan..........................................................41

Lampiran 3. Surat Penerjunan PKL....................................................................... 42

Lampiran 4. Surat Penarikan PKL......................................................................... 43

Lampiran 5. Surat Tugas Dosen Pembimbing........................................................44

Lampiran 6. Daftar Kegiatan Praktik Kerja Lapangan Mahasiswa....................... 45

x
ARTI LAMBANG DAN SINGKATAN

1. PKL : Praktik Kerja Lapangan


2. PHP : Personal Home Page
3. IPTEK : Ilmu Pengetahuan dan Teknologi
4. Web : Website
5. XAMPP : X Apache, MySQL, PHP, Perl
6. PC : Personal Computer
7. IT : Informasi Teknologi
8. CPU : Central Processing Unit

xi
BAB I

PENDAHULUAN

A. Latar Belakang
Sektor pariwisata dan kebudayaan merupakan salah satu sektor

yang sangat potensial dan perlu mendapat perhatian yang baik bagi

pemerintah daerah untuk keberlangsungan pembangunan suatu daerah.

Adanya perhatian yang baik dari pemerintah daerah terhadap sektor

pariwisata dan kebudayaan akan mendorong perkembangan sektor

tersebut. Dampaknya, wisatawan baik dalam negeri maupun luar negeri

datang ke Indonesia. Kondisi ini akan memberikan pemasukan devisa

yang cukup besar baik untuk daerah maupun negara.


Kabupaten Tegal, Provinsi Jawa Tengah merupakan salah satu

daerah di Indonesia yang memiliki sektor pariwisata dan kebudayaan yang

baik. Berbagai jenis wisata seperti wisata pantai, wisata alam, budaya,

agrowisata, wisata sejarah, dan wisata kuliner terdapat di daerah tersebut.

Akan tetapi dalam penyebaran informasi seputar pariwisata masih bersifat

manual diantaranya pemberian brosur, pamflet atau liflet kepada

wisatawan yang berkunjung ke suatu objek wisata.


Di tengah perkembangan teknologi yang semakin pesat, sudah

saatnya pengelolaan informasi manual secara bertahap diganti dengan

pengelolaan informasi yang bersifat teknologi. Dunia Internet yang

semakin luas jaringanya, sangat mudah digunakan oleh siapa saja dan di

mana saja. Hal ini dibuktikan dengan semakin banyaknya sistem informasi

berbasis website yang bermunculan, karena masyarakat dalam hal ini sadar

1
akan pesatnya kemajuan informasi yang berbasis website untuk

memudahkan segala aktifitasnya.


Mengacu pada permasalahan yang terjadi di Desa Cempaka,

Kabupaten Tegal, maka diperlukan sebuah aplikasi yang bersifat online

untuk menyajikan informasi pariwisata dan kebudayaan di daerah tersebut.


Oleh karena itu dalam pelaksanaan Praktik Kerja Lapangan tim

membuat Sistem Informasi Pariwisata Desa Cempaka, Kabupaten Tegal.

Dengan adanya sistem ini dapat memberikan kemudahan akses informasi

yang lebih akurat, cepat, dan mudah. Selain itu sistem ini dapat menjadi

media promosi kepada wisatawan baik lokal maupun mancanegara untuk

berkunjung ke tempat ini.


Berdasarkan uraian singkat di atas, memutuskan untuk membuat

laporan Praktik Kerja Lapangan yang dibuat oleh tim yaitu sistem

informasi pariwisata Desa Cempaka, Kabupaten Tegal. Tetapi dalam hal

ini fokus pada salah satu konten yang ada pada sistem tersebut yaitu

perancangan back end.

B. Rumusan Masalah
Berdasarkan latar belakang, maka dapat ditentukan permasalahan

dalam laporan Praktik Kerja Lapangan ini adalah “Bagaimana cara

pembuatan Website desa menggunakan codeingniter di Desa Cempaka

Kecamatan Bumijawa Kabupaten Tegal.?”.


C. Tujuan dan Manfaat
1. Tujuan
a. Tujuan Umum
Tujuan umum pelaksanaan PKL antara lain :
1) Mendapat pengalaman kerja yang relevan dengan mata kuliah

yang diajarkan.
2) Membekali mahasiswa dengan pengalaman di dunia kerja.
3) Membimbing mahasiswa untuk siap memasuki dunia kerja.

2
4) Mengaplikasikan ketrampilan yang diperoleh mahasiswa dari

praktek di perkuliahan.
5) Mengembangkan kemampuan mahasiswa dalam menganalisis

permasalahan dan kemampuan berpikir kritis sebagai bekal

memasuki dunia kerja.


b. Tujuan Khusus
Tujuan khusus pelaksanaan PKL antara lain :
Mengacu pada judul laporan, merumuskan tujuan yaitu

menjelaskan tentang pembuatan Website desa menggunakan

codeingniter di Desa Cempaka Kecamatan Bumijawa Kabupaten

Tegal.

2. Manfaat
Manfaat dari pelaksanaan PKL itu sendiri, antara lain :
a. Bagi kantor Diskominfo Kabupaten Tegal
1) Menjalin kerjasama antara Universitas dan Diskominfo

Kabupaten Tegal.
2) Membantu pekerjaan pegawai di kantor Diskominfo Kabupaten

Tegal.
b. Bagi Mahasiswa
1) Menambah ilmu pengetahuan selain yang sudah didapatkan di

perkuliahan.
2) Mendapat wawasan dan pengamalan sebelum terjun dalam

dunia kerja yang sebenarnya.


3) Menerapkan teori yang didapatkan selama kuliah di lapangan.
4) Mengukur kemampuan mahasiswa dalam menghadapi dunia

kerja yang sebenarnya..

D. Tempat dan Pelaksanaan


1. Tempat
Nama Instansi : Dinas Komunikasi dan Informatika (Diskominfo).

3
Alamat : JL. Dr. Soetomo, No. 1, Dukuhwringin, Slawi,
Kabupaten Tegal.
No Telp : (0283) 6197540
2. Pelaksanaan
Waktu PKL : 15 Januari - 2 Maret 2018.
Hari Kerja : Hari Senin sampai dengan Jum’at.
Jam Kerja : Pukul 08.00 sampai dengan 15.00 WIB.

E. Pengumpulan Data
Terdapat 3 teknik pengumpulan data yang digunakan dalam Praktik Kerja

Lapangan, antara lain :


1. Observasi
Pengumpulan data dengan cara mengamati secara langsung di

lapangan baik secara fisik (lokasi tempat wisata) maupun konsep.


2. Wawancara
Pengumpulan data dengan cara mengadakan wawancara secara

langsung dengan berbagai pihak (responden) yang berkaitan dan

terlibat langsung dengan sistem yang akan dianalisis guna memperoleh

data yang tepat dan akurat.


3. Metode Pustaka
Metode pustaka yaitu menggunakan sumber pustaka seperti buku,

jurnal, dan sumber bacaan lain untuk menunjang pembuatan laporan.

4
BAB II

ISI

A. Profil Perusahaan
1. Sejarah
Dinas Komunikasi dan Informasi yang beralamat di Jl. Dr.

Soetomo No. 1 Slawi berada satu komplek dengan Kantor Bupati dan

DPRD Kabupaten Tegal. Dinas Komunikasi dan Informasi pada

awalnya digabung dengan Dinas Perhubungan dengan nama Dinas

Perhubungan dan Komunikasi Informatika Kabupaten Tegal. Pada

tahun 2017 Dinas Perhubungan Komunikasi dan Informatika dipisah

menjadi dua Dinas yaitu Dinas Perhubungan dan Dinas Komunikasi

dan Informasi.
2. Visi dan Misi
a. Visi
“Terwujudnya kinerja perhubungan, komunikasi, dan informatika

yang handal dalam mendukung pembangunan daerah”.


b. Misi
1) Menyelenggarakan dan meningkatkan pelayanan perhubungan,

komunikasi, dan informatika yang bermutu, merata dan

terjangkau oleh masyarakat.


2) Menyelenggarakan dan meningkatkan mutu sumber daya

manusia di bidang perhubungan, komunikasi, dan informatika.


3) Mewujudkan ketersediaan sarana dan prasarana yang memadai

untuk mendukung peningkatan pelayanan publik.


4) Memberdayakan masyarakat di bidang perhubungan,

komunikasi, dan informasi beserta teknologinya.


5) Membangun sistem informasi perhubungan, komunikasi, dan

informatika serta data yang cepat, tepat, dan akurat.

5
6) Mengembangkan peran pers agar profesional, berintegritas dan

menjunjung tinggi etika pers, supremasi hukum, dan hak asasi

manusia.
7) Mewujudkan perlayanan prima dalam bidang teknologi

perhubungan, komunikasi, dan informatika terhadap aparatur

daerah.
8) Meningkatkan koordinasi dan sinkronisasi dalam perencanaan

dan pengendalian serta pengawasan pelaksanaan program

pembangunan daerah secara optimal.

c. Struktur Organisasi
Struktur organisasi pada Dinas Komunikasi dan Informasi

Kabupaten Tegal ditunjukkan pada gambar 1.

6
Gambar 1. Struktur Organisasi Diskominfo Kabupaten Tegal

B. Pekerjaan/Kegiatan
1. Pekerjaan Umum
Kegiatan PKL dilaksanakan dengan cara menyelesaikan proyek

yang diberikan oleh pembimbing lapangan yaitu membuat Website

Desa berbasis Codeigniter di Desa Cempaka Kecamatan Bumijawa

Kabupaten Tegal.

Adapun pembagian tugas pengerjaan Website Desa berbasis

Codeigniter di Desa Cempaka Kecamatan Bumijawa Kabupaten Tegal

ditunjukkan pada tabel 1.

Tabel 1 Pembagian Tugas Pengerjaan Website

7
No. Nama Bagian
1 Confit Ardianto Pembuatan Desain Interface

Website dan Databse

(Menggunakan Bootstrap dan

MySQL)
2 Nurul Dukha Pembuatan Back end

(Menggunakan PHP dan

MYSQL)

2. Pekerjaan Spesifik
Di kantor Diskominfo Kabupaten Tegal ditempatkan di bidang

Sandi dan IT. Dalam ruangan melakukan pekerjaan dengan laptop

sendiri.
Tugas utama yang diberikan adalah membuat Website Desa

Cempaka yang didalamnya terdapat menu-menu kuliner, wisata

budaya. Sebelum membuat project diberi arahan mengenai apa yang

akan dibuat dan melakukan analisis atau alur program yang akan

dibuat. Dalam hal ini mendapatkan jatah untuk membuat dan

merancang back end pada sistem tersebut.

C. Pembahasan
1. Analisis Kebutuhan
a. Kebutuhan Fisik
Untuk membuat aplikasi Website desa menggunakan framwork

Codeigniter dibutuhkan beberapa komponen, diantaranya:


1) Perangkat Keras (Hardware)
Menurut Ali Zaki, perangkat keras komputer (hardware)

merupakan bagian komputer, termasuk sirkuit digital didalam

komputer.

8
Menurut Unarto, S. Kom., hardware adalah perangkat keras

penyusun komputer. Hardware adalah perangkat pendukung

Electronic Data Processing System (EDPS) yang dapat

dirasakan dan di sentuh.


Berdasarkan pengertian dari berapa ahli tersebut, dapat

disimpulkan bahwa hardware lebih merujuk pada fisik

komputer atau berupa benda. Benda-benda tersebut saling

berkaitan untuk menunjang segala proses dalam penggunaan

komputer.
Agar dapat digunakan untuk memasukkan data, memproses

data, dan menghasilkan informasi maka paling sedikit

perangkat komputer harus terdiri dari keyboard, CPU (Central

Processing Unit), monitor, dan printer.


Hardware digunakan sebagai media komunikasi. Hardware

adalah penghubung jaringan. Hardware bertujuan untuk

mentransmisi data menjadi lebih efektif.”


Laptop digunakan sebagai komponen utama dalam

penulisan Source Code menggunakan Sublime Text 3 dalam

pembuatan sistem Kearsipan. Selain itu, digunakan sebagai alat

komunikasi antara pengguna dengan sistem.


2) Perangkat Lunak (Software)
Menurut Melwin (2007) mengatakan bahwa perangkat

lunak atau software itu sendiri merupakan sebuah perangkat

yang berfungsi sebagai pengatur aktifitas kerja komputer dan

semua instruksi yang mengarah kepada sebuah sistem

komputer. Perangkat lunak disebut juga sebagai penerjemah

9
perintah-perintah yg dijalankan pengguna komputer untuk

diteruskan atau diproses oleh perangkat keras. Melalui software

atau perangkat lunak inilah suatu komputer dapat menjalankan

suatu perintah. Perangkat lunak yang digunakan antara lain :

a) Sistem Operasi Windows 8.1


Windows 8.1 adalah paket layanan untuk sistem

operasi Windows 8 dan RT. Pertama kal diperkenalkan dan

dirilis sebagai beta public pada bulan Juni 2013, Windows

8.1 dirilis untuk manufactur pada tanggal 27 Agustus 2013,

dan mencapai ketersediaam umum pada tangal 17 Oktober

2013,hampir setahun setelah rilis ritel dari pendahulunya.

Windows 8.1 tersedia gratis untuk pengguna salinan ritel

Windows 8 dan Windows RT melalui Bursa Windows.

Tidak seperti paket layanan untuk versi Windows

sebelumnya, pengguna yang memperoleh Windows 8 di

luar salinan ritel atau instalasi pra-muat (yaitu, lisensi

volume) harus mendapatkan Windows 8.1 melalui media

instalasi baru dari langganan masing-masing atau saluran

perusahaan. Meskipun tidak secara eksplisit dipasarkan

sebagai paket layanan, kebijakan siklus hidup dukungan

Microsoft memperlakukan Windows 8.1 mirip dengan

paket layanan Windows sebelumnya: Ini adalah bagian dari

siklus hidup dukungan Windows 8, dan menginstal

10
Windows 8.1 diperlukan untuk menjaga akses ke dukungan

dan Windows Update setelah 12 Januari 2016.

b) Sublime Text
Sublime text adalah teks editor berbasis Python,

sebuah teks editor yang elegan, kaya fitur, cross platform,

mudah dan simpel yang cukup terkenal di kalangan

developer (pengembang), penulis dan desainer. Para

programmer biasanya menggunakan sublime text untuk

menyunting Source Code yang sedang ia kerjakan. Sampai

saat ini sublime text sudah mencapai versi 3. Sublime text

mempunyai beberapa keunggulan-keunggulan yang dapat

membantu pengguna dalam membuat sebuah web

development. Selain itu, dengan adanya plugin akan

menghemat waktu pengerjaan.


Sublime text ini mendukung berbagai macam

Sistem Operasi seperti Mac OS, Linux, dan Windows.

Banyak sekali fitur yang disediakan oleh editor ini seperti

minimap, membuka script secara side by side, bracket

highlight sehingga tidak bingung mencari pasangannya,

kode snippets, drag and drop direktori ke sidebar terasa

mirip dengan TextMate untuk Mac OS.


c) XAMPP
Menurut Dalibor Dvorski, D (2007) XAMPP adalah

perangkat lunak bebas, yang mendukung banyak sistem

operasi, merupakan kompilasi dari beberapa program.

11
Fungsinya adalah sebagai server yang berdiri sendiri

(localhost), yang terdiri atas program Apache HTTP Server,

MySQL database, dan penerjemah bahasa yang ditulis

dengan bahasa pemrograman PHP dan Perl. Nama XAMPP

merupakan singkatan dari X (empat sistem operasi apapun),

Apache, MySQL, PHP dan Perl. Program ini tersedia dalam

GNU General Public License dan bebas, merupakan web

server yang mudah digunakan yang dapat melayani

tampilan halaman web yang dinamis. Untuk

mendapatkanya dapat mendownload langsung dari web

resminya.
d) 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 Linuxsudah dirilis.

b. Kebutuhan Fungsional
1) Konsep Program
Website desa yang dirancang merupakan Website desa berbasis

dekstop dengan menggunakan framework Codeigniter dan

database MySql. Website desa meliputi :


a) Home

12
Home ini adalah tampilan utama Website. Adapun

tampilannya ditunjukkan pada gambar 2.

Gambar 2. Tampilan Menu Home

b) Budaya
Budaya ini digunakan untuk menampilkan budaya apa saja

yang yang ada didesa tersebut. Adapun tampilannya

ditunjukkan pada gambar 3.

Gambar 3. Tampilan Menu Budaya


c) Wisata

13
Wisata ini digunakan untuk menampilkan wisata apa saja

yang yang ada didesa tersebut. Adapun tampilannya

ditunjukkan pada gambar 4.

Gambar 4. Tampilan Menu Wisata

d) Kuliner
Kuliner ini digunakan untuk menampilkan kuliner apa saja

yang yang ada didesa tersebut. Adapun tampilannya

ditunjukkan pada gambar 5.

Gambar 5. Tampilan Mneu Kuliner


e) Agenda
Agenda ini digunakan untuk menampilkan agenda apa saja

yang yang ada didesa tersebut. Adapun tampilannya

ditunjukkan pada gambar 6.

14
Gambar 6. Tampilan Menu Agenda

f) Galeri
Galeri ini digunakan untuk menampilkan foto-foto apa saja

yang yang ada didesa tersebut. Adapun tampilannya

ditunjukkan pada gambar 7.

Gambar 7. Tampilan Menu Galeri


g) Kontak
kontak ini digunakan untuk menampilkan informasi tentang

desa tersebut. Seperti, email, kantor, nomer telephon dan

alamat Website. Adapun tampilannya ditunjukkan pada

gambar 8.

15
Gambar 8. Tampilan Menu Kontak
h) Login
Login digunakan untuk menambahkan informasi pada

Website tersebut, yang dapat masuk dan mengakses sistem

ini adalah admin, operator dan user Terdiri dari Username

dan Password yang harus dimasukkan. Adapun

tampilannya ditunjukkan pada gambar 9.

Gambar 9. Tampilan Menu Login


i) Dashboard
Dashboard ini adalah tampilan awal halaman admin.

Adapun tampilannya ditunjukkan pada gambar 10.

16
Gambar 10. Tampilan Menu Dashboard
j) Berita
berita ini digunakan untuk mengedit, menambahkan dan

menghapus data pada Website. Seperti data wisata, budaya

dan kuliner. Adapun tampilannya ditunjukkan pada gambar

11.

Gambar 11. Tampilan Menu Berita


k) Agenda
Agenda ini digunakan untuk mengedit, menambahkan dan

menghapus Agenda pada Website. Adapun tampilannya

ditunjukkan pada gambar 12.

17
Gambar 12. Tampilan Menu Agenda
l) Profil
Menu ini digunakan untuk mengedit profil. Adapun

tampilannya ditunjukkan pada gambar 13.

Gambar 13. Tampilan Menu Profil


m) Logout
Menu ini digunakan untuk mengeluarkan dari halaman

admin.
2) Perancangan Back end
Dalam framework Codeigniter terdapat tiga tools yang

terpenting yaitu Model, View, Controller. Dari ketiga tools

tersebut masing-masing mempunyai fungsi tersendiri. Penulis

pada pembuatan sistem kali ini lebih banyak bekerja pada tools

Controller yang mana tools tersebut berfungsi sebagai pengatur

atau penghubung proses antara database (Model) dan tampilan

Website (View).

18
Dalam Website desa ini terdapat enam belas controller yaitu

Index.PHP, Cari.PHP, Read.PHP, Agenda.PHP, Galeri.PHP,

Contact.PHP, Login.PHP, Dashboard.PHP, Adminberita.PHP,

Tamnbahberita.PHP, Editberita.PHP, Adminagenda.PHP,

Tambahagenda.PHP, Editagenda.PHP, Adminprofil.PHP,

Logout.PHP. Adapun penjelasannya:


a. Source Code index.PHP
Source code index.PHP dapat dilihat pada gambar 14.

Gambar 14. Source Code index.PHP


Pada gambar 14 menunjukkan Source Code untuk

menampilan tampilan awal pada Website.

Gambar 15. Source Code membuat menu Carousel


Pada gambar 15 menunjukkan Source Code untuk membuat

menu carousel. Menu carousel adalah sebuah slide show

yang secara bergantian menampilakan sebuah gambar.

b. Soucode Code cari.PHP


Source code cari.PHP dapat dilihat pada gambar 16.

19
Gambar 16. Tampilan Source Code cari.PHP
Gambar 16 menunjukkan Source Code cari.PHP yang

dimana berfugsi untuk mencari kata apa aja yang ada

didalam Website tersebut.


c. Source Code read.PHP
Source code read.PHP dapat dilihat pada gambar 17.

Gambar 17. Tampilan Source Code read.PHP


Gambar 17 menunjukkan Source Code read.PHP yang

dimana berfungsi untuk menampilkan konten berupa

konten wisata, konten kuliner dan konten budaya yang

ditampilkan pada menunya masing-masing yang

dimasukkan oleh admin.


d. Souce Code Agenda.PHP
Source code Agenda.PHP dapat dilihat pada gambar 18.

20
Gambar 18. Tampilan Source Code agenda.PHP
Gambar 18 menunjukkan sourcode agenda.PHP yang

dimana berfungsi untuk menampilkan daftar agenda yang

dimasukkan oleh admin.

e. Source Code galeri,php


Source code galeri.PHP dapat dilihat pada gambar 19.

Gambar 19. Tampilan Source Code galeri.PHP


Gambar 19 menunjukkan Source Code galeri.PHP yang

dimana berfungsi untuk daftar galeri yang telah

diinputkan/dimasukkan oleh admin.


f. Source Code contact.PHP
Source code contact.PHP dapat dilihat pada gambar 20.

21
Gambar 20. Tampilan Source Code contact.PHP
Gambar 20 menunjukkan Source Code contact.PHP yang

dimana berfungsi untuk menampilkan kontak dari Website

yang bisa dihubungi.


g. Source Code login.PHP
Source code login.PHP dapat dilihat pada gambar 21.

Gambar 21. Tampilan Source Code login.PHP


Gambar 21 menunjukkan Source Code login.PHP yang

dimana berfungsi untuk admin masuk kedalam sistem

Website tersebut.

22
Gambar 22. Tampilan Source Code memasukkan Username
dan Password
Gambar 22 menunjukkan Source Code untuk memasukkan

Username yang dimana Username tersebut tipe inputannya

berupa teks yang bisa terlihat dan Password tersebut tipe

inputannya berupa Password yang tidak bisa dilihat oleh

orang lain yaitu berupa bintang-bintang.


h. Source Code dashboar.PHP
Source code dashboar.PHP dapat dilihat pada gambar 23.

Gambar 23. Tampilan Source Code dashboar.PHP


Gambar 23 menunjukkan Source Code dashboard.PHP

yang dimana berfungsi untuk menampilkan tampilan awal

dari tampilan menu admin.

23
i. Source Code adminberita.PHP
Source code adminberita.PHP dapat dilihat pada gambar

24.

Gambar 24. Tampilan Source Code adminberita.PHP


Gambar 24 menunjukkan tampilan Source Code

adminberita.PHP yang dimana berfungsi untuk menambah,

mengedit, melihat dan menghapus data seperti data wisata,

kuliner dan budaya yang dimana nanti akan ditampilkan

dimenu masing masing.

Gambar 25. Tampilan Source Code Membuat nomor pada

tabel
Gambar 25 menunjukkan Source Code untuk membuat

nomer pada tabel yang dimana berfungsi untuk memberi

24
nomor secara otomatis apabila ditambah datanya dan

apabila dihapus datanya nomor tersebut juga akan hilang.


j. Source Code tambahberita.PHP
Source code tambahberita.PHP dapat dilihat pada gambar

26.

Gambar 26. Tampilan Source Code tambahberita.PHP


Gambar 26 menunjukkan Source Code tambahberita.PHP

yang dimana berfungsi untuk menambah berita seperti

wisata, kuliner dan budaya yang berada dimenu

adminberita.PHP.

k. Source Code editberita.PHP


Source code editberita.PHP dapat dilihat pada gambar 27.

25
Gambar 27. Tampilan Source Code editberita.PHP
Gambar 27 menunjukkan Source Code editberita.PHP yang

dimana berfungsi untuk mengedit berita seperti wisata,

kuliner dan budaya yang berada dimenu adminberita.PHP.


l. Source Code adminagenda.PHP
Source code adminberita.PHP dapat dilihat pada gambar

28.

Gambar 28. Tampilan Source Code adminagenda.PHP


Gambar 28 menunjukkan tampilan Source Code

adminagenda.PHP yang dimana berfungsi untuk

menambah, mengedit, melihat dan menghapus agenda yang

dimana nanti akan ditampilkan dimenu agenda.


m. Source Code tambahagenda.PHP
Source code tambahagenda.PHP dapat dilihat pada gambar

29.

26
Gambar 29. Tampilan Source Code tambahagenda.PHP
Gambar 29 menunjukkan Source Code tambahagenda.PHP

yang dimana berfungsi untuk menambah agenda yang

berada dimenu adminagenda.PHP.

n. Source Code editagenda.PHP


Source code editberita.PHP dapat dilihat pada gambar 30.

Gambar 30. Tampilan Source Code editagenda.PHP


Gambar 30 menunjukkan Source Code editagenda.PHP

yang dimana berfungsi untuk mengedit agenda yang berada

dimenu adminagenda.PHP.
o. Source Code adminprofil.PHP

27
Source code adminprofil.PHP dapat dilihat pada gambar

31.

Gambar 31. Tampilan Source Code adminprofil.PHP


Gambar 31 menunjukkan Source Code adminprofil.PHP

yang dimana berfungsi untuk mengedit profil pembuat

Website
p. Source Code logout.PHP
Source code logout.PHP dapat dilihat pada gambar 32.

Gambar 32. Tampilan Source Code logout.PHP


Gambar 32 menunjukkan Source Code logout.PHP yang

dimana berfungsi untuk keluar dari menu admin dan akan

kembali ke menu utama Website yaitu menu home.

D. Analisis
Selama melakukan observasi dan pembuatan Sistem Informasi

berbasis Website Desa, banyak sekali pengetahuan dan pengalaman yang

28
didapatkannya terutama pengetahuan tentang Diskominfo Kabupaten

Tegal dan pemanfaatan Ilmu Pengetahuan dan Teknologi (IPTEK). Tetapi

dalam pelaksanaan observasi dan praktik tersebut terdapat beberapa

masalah dan kendala yang dihadapi oleh penulis dan rekan mahasiswa

PKL, yaitu:
1. Kurangnya bimbingan dan arahan oleh pembimbing lapangan,

sehingga dalam melakukan pekerjaan kurang maksimal.


2. Terlalu fokus dalam membuat project sehingga kurang mempunyai

pengalaman dalam bidang yang lain.

Pekerjaan secara spesifik yang diberikan oleh Bidang Aplikasi dan

Informatika kepada mahasiswa PKL, yaitu membuat Sistem Informasi

berbasis Website Desa. Dalam proses pembuatan sistem, mahasiswa

melakukan secara mandiri. Terdapat beberapa kendala yang dihadapi

dalam pembuatan sistem ini, yaitu :

1. Kurangnya pengetahuan pembuat project sehingga menyebabkan

pembuatan project berjalan lambat dan kurang efektif.


2. Waktu yang digunakan untuk membuat projek kurang.
3. Komunikasi yang kurang.

E. Kendala
Setiap kegiatan pada dasarnya memiliki suatu kendala, baik dalam

persiapan, pelaksanaan maupun pelaporan. Menurut analisis pekerjaan

umum yang dilakukan selama masa PKL terdapat 2 kendala utama yang

dihadapi, yang akan dibahas satu persatu dan menjabarkan alasan- alasan

munculnya kendala tersebut.

29
Masalah utama yang dihadapi adalah kurangnya bimbingan dan

arahan oleh pembimbing lapangan, sehingga dalam melakukan pekerjaan

kurang maksimal.
Dalam hal ini merasa bahwa apa yang dilakukan sudah benar

sehingga tidak bertanya oleh sebab itu pembimbing lapangan juga tidak

memberi arahan, lalu menyebabkan salah komunikasi.


Terlalu fokus dalam membuat project sehingga kurang mempunyai

pengalaman dalam bidang yang lain. Hal ini disebabkan karena

pembimbing lapangan fokus saja ke project sehingga tidak terjadinya

pindah pekerjaan ke bidang lain.

BAB III

PENUTUP

A. Kesimpulan
Kesimpulan yang didapat dari hasil pembahasan tentang

Implementasi Sistem Informasi Desa Berbasis Website Menggunakan

Codeigniter di Diskominfo Kabuapten Tegal maka diambil kesimpulan

yaitu: Pembuatan Sistem Informasi Desa ini dapat digunakan untuk

30
mempercepat dalam proses memperkenalkan Desa Cempaka lebih mudah,

cepat dan efektif, pemanfaatan sistem ini dapat digunakan diberbagai

aktifitas dalam proses pengenalan desa yang diantaranya dapat

memperkenalkan wisata, budaya dan kuliner yang ada di Desa Cempaka,

sistem ini menggunakan bahasa pemrograman PHP, dengan adanya

Sistem Informasi Desa ini, pegawai akan lebih mudah dalam memberikan

informasi tentang Desa Cempaka menjadi lebih cepat.

B. Saran
1. Fakultas Teknik
a. Persiapan dan pembekalan kegiatan PKL harus lebih dipersiapkan

agar semua mahasiswa dapat mengikuti pembekalan tersebut.

Tinjauan terhadap tempat PKL harus diperhatikan agar mahasiswa

dapat mengetahui kualitas kerjanya ditinjau dari segi pengamatan

Fakultas.
b. Fokus untuk tempat kegiatan PKL harus diperhatikan agar

mahasiswa dapat melakukan praktik kerja sesuai dengan

bidangnya.
2. Jurusan/Prodi
Pihak jurusan hendaknya melakukan kerja sama dengan

perusahaan atau instansi yang berkaitan dengan jurusan yang diambil,

sehingga mahasiswa dapat mengaplikasikan ilmu yang dipelajari

selama diperkuliahan.
3. Diskominfo Kabupaten Tegal
Untuk mengembangkan Sistem Informasi Desa ini menjadi lebih

baik lagi, seperti menambahankan isi pada sistem. Selain itu, seorang

programmer dan developer yang handal sangat dibutuhkan di tempat

ini agar sistem informasi desa ini bisa tetap berjalan.

31
32
DAFTAR PUSTAKA

Zaki, Ali. 2010. Panduan Hardwere Komputer. Bandung: Andi Publisher.

Sunarto, S. Kom. 2017. Teknologi dan Komunikasi. Jakarta: Grasindo.

Daulay, Melwin Syafrizal. 2007. Mengenal Hardware-Software dan Pengelolaan.

Instalas Komputer. Yogyakarta: Andi. Fatta. Hanif AL.

Dvorski, Dalibor D. 2007. Installing, configuring, and developing with

Xampp. Skills Canada.

33
LAMPIRAN-LAMPIRAN

34
Lampiran 1

BUKTI PENDAFTARAN KELOMPOK

35
Lampiran 2

SURAT BALASAN DARI PERUSAHAAN

36
Lampiran 3

SURAT PENERJUNAN PKL

37
Lampiran 4

SURAT PENARIKAN PKL

38
Lampiran 5

SURAT TUGAS DOSEN PEMBIMBING

39
Lampiran 6

DAFTAR KEGIATAN PRAKTIK KERJA LAPANGAN MAHASISWA

No. Hari / Tanggal Kegiatan


1 Senin, 15 Januari 2018 Pengenalan dan pembagian tugas
Selasa, 16 Januari 2018 Survei tempat (Desa Muncang
2
Larang)
3 Rabu, 17 Januari 2018 Survei tempat (Guci)
4 Kamis, 18 Januari 2018 Survei tempat (Waduk Cacaban)
5 Jumat, 19 Januari 2018 Perancangan aplikasi
6 Senin, 22 Januari 2018 Penyusunan jadwal kerja
7 Selasa, 23 Januari 2018 Membuat diagram
8 Rabu, 24 Januari 2018 Membuat diagram
9 Kamis, 25 Januari 2018 Modelling
10 Jumat, 26 Januari 2018 Designing
Senin, 29 Januari 2018 Penggantian isi project yang telah
11
diberikan kabid TI
12 Selasa, 30 Januari 2018 Survei tempat (Desa Cempaka)
Rabu, 31 Januari 2018 Mengumpulkan materi yang
13
dibutuhkan untuk aplikasi
14 Kamis, 1 Februari 2018 Pengerjaan aplikasi tahap awal
15 Jumat, 2 Februari 2018 Pengerjaan isi project
Senin, 5 Februari 2018 Memberikan laporan
16 perkembangan project kepada
kabid TI
Selasa, 6 Februari 2018 Melanjutkan pengerjaan project
17
Website
Rabu, 7 Februari 2018 Melanjutkan pengerjaan project
18
aplikasi
Kamis, 8 Februari 2018 Memberikan hasil perkembangan
19
project ke Sekda
Jumat, 9 Februari 2018 Melanjutkan pengerjaan project
20
aplikasi
Senin, 12 Februari 2018 Memberikan laporan
21 perkembangan project kepada
kabid TI
22 Selasa, 13 Februari Melanjutkan pengerjaan project

40
2018 web
Rabu, 14 Februari 2018 Melanjutkan pengerjaan project
23
aplikasi
Kamis, 15 Februari Melakukan proses finishing
24
2018 project web
Jumat, 16 Februari Melakukan proses finishing
25
2018 project aplikasi
Senin, 19 Februari 2018 Memberikan laporan
26 perkembangan project kepada
kabid TI
Selasa, 20 Februari Melanjutkan proses finishing dan
27
2018 memperbaiki error
Rabu, 21 Februari 2018 Melanjutkan proses finishing dan
28
memperbaiki error
Kamis, 22 Februari Menyiapkan materi yang
29 2018 diperlukan untuk bahan upload ke
playstore
Jumat, 23 Februari
30 Proses upload ke playstore
2018
Senin, 26 Februari 2018 Memberikan laporan
31 perkembangan project kepada
kabid TI
Selasa, 27 Februari Mengajar siswa SMK yang
32
2018 sedang PKL
Rabu, 28 Februari 2018 Memberikan laporan dan
33 penyerahan file web dan aplikasi
yang sudah jadi ke kabid TI
34 Kamis, 1 Maret 2018 Perpisahan
35 Jumat, 2 Maret 2018 Penarikan PKL

41

Anda mungkin juga menyukai