LAPORAN PRAKTIK KERJA LAPANGAN

Perancangan dan Implementasi Frontend Website Si-RETA (Sistem

Rekrutmen Tenaga Ahli)

Di Dinas Komunikasi, Informatika dan Statistik Provinsi Lampung

Diajukan untuk memenuhi persyaratan kelulusan

Matakuliah IF4004 Kerja Praktek

Oleh:
Cikal Arvi Yuliawan
NIM: 14117179

PROGRAM STUDI TEKNIK INFORMATIKA

INSTITUT TEKNOLOGI SUMATERA
TAHUN 2020
 Lembar Pengesahan Program Studi Teknik Informatika

Perancangan dan Implementasi Frontend Website Si-RETA (Sistem

Rekrutmen Tenaga Ahli)

Di Dinas Komunikasi, Informatika dan Statistik Provinsi Lampung

Oleh:
Cikal Arvi Yuliawan / 14117179

disetujui dan disahkan sebagai

Laporan Praktik Kerja Lapangan

Lampung Selatan, 15 September 2020

Pembimbing Praktik Kerja Lapangan Program Studi Teknik Informatika ITERA

Ilham Firman Ashari,S.Kom.,M.T

NIP.199303142019031018

i
 Lembar Pengesahan

Perancangan dan Implementasi Frontend Website Si-RETA (Sistem

Rekrutmen Tenaga Ahli)

Di Dinas Komunikasi, Informatika dan Statistik Provinsi Lampung

oleh :
Cikal Arvi Yuliawan / 14117179

disetujui dan disahkan sebagai

Laporan Praktik Kerja Lapangan

Bandar Lampung, 15 September 2020

Kasi Tata Kelola Pemerintahan Berbasis Elektronik

Yulia, S.Kom, MM
1971108061998032002

ii
 ABSTRAK

Pada saat ini Diskominfotik Lampung memiliki serangkaian pekerjaan

yang dilakukan untuk mewujudkan program Smart Province dan penyelenggaraan
Government Chief Information Officer (GCIO). Dengan banyaknya pekerjaan
yang harus diselesaikan, dibutuhkan sumber daya manusia yang ahli dalam bidang
IT. Saat ini Tenaga Ahli IT di Diskominfotik Provinsi Lampung tidak banyak
sehingga program program dan kegiatan yang ingin dijalankan menjadi lambat
dan kurang efektif. Oleh sebab itu, kami selaku mahasiswa kerja praktek
mengembangkan sebuah website Si-Reta (Sistem Rekrutmen Tenaga Ahli) yang
merupakan website untuk rekrutmen Tenaga Ahli IT sesuai dengan yang
dibutuhkan. Pada pengerjaan proyek website Si-Reta tersebut, saya berperan
sebagai frontend developer. Tugas saya sebagai frontend developer adalah
mencari tahu dari client mengenai desain seperti apa yang ingin dibuat, membuat
desain sementara mengenai website atau biasa disebut juga sebagai prototype
dengan menggunakan photosop, kemudian membuat tampilan antar muka pada
website berdasarkan prototype yang telah dibuat sebelumnya. Hasil yang
diperoleh dari kerja praktek ini adalah frontend atau tampilan antarmuka website,
pengalaman, dan dokumen laporan kerja praktek. Hasil dari website itu sendiri
adalah membuat lebih mudah dalam merekrut Tenaga Ahli IT yang dibutuhkan,
informasi mengenai lowongan Tenaga Ahli IT yang dapat diakses kapanpun dan
dimanapun, pelamar tidak perlu datang secara langsung ke gedung Diskominfotik
Provinsi Lampung, sehingga lebih efisien serta lebih menjaga protokol kesehatan
mengingat situasi dan kondisi seperti saat ini . Hasil lain yang di dapatkan selama
kerja praktek adalah mendapatkan pengetahuan baru khususnya di bidang
Teknologi Informasi, mendapatkan pengalaman yang tidak di dapatkan di bangku
kuliah, dan merasakan suasana kerja yang sesungguhnya.

Kata Kunci:Website, Diskominfotik, prototype, kerja praktek.

iii
 Kata Pengantar

Puji syukur penulis panjatkan kehadirat Tuhan Yang Maha Esa, berkat
limpahan rahmat dan karunianya baik berupa kesehatan maupun kesempatan
sehingga penyusunan laporan kerja praktek ini dapat penulis selesaikan
sebagaimana mestinya.
Penulis menyadari bahwa dalam penyusunan laporan kerja praktek ini
masih terdapat banyak kekurangan dan jauh dari kata sempurna. Oleh sebab itu,
segala bentuk kritik dan saran yang membangun akan penulis terima dengan
senang hati.
Selama pelaksanaan dan penulisan laporan kerja praktek ini, penulis
banyak mendapatkan bantuan dari berbagai pihak. Oleh karena itu, dengan
ketulusan dan kerendahan hati penulis mengucapkan terima kasih kepada:
1. Bapak Ilham Firman Ashari,S.Kom.,M.T selaku Dosen Pembimbing Kerja
Praktek.
2. Ibu Yulia, S.Kom.MM selaku Pembimbing Lapangan Kerja Praktek.
3. Bapak I Wayan Wiprayoga Wisesa, S.Kom., M.Kom. selaku Dosen Wali.
4. Para Pegawai dan Staff di Dinas Komunikasi, Informatika dan Statistik
Provinsi Lampung.
5. Kedua Orang Tua.
6. Teman-teman.
7. Para Pihak Lain yang membantu dalam proses penyelesain laporan Kerja
Praktek.

Lampung Selatan, 15 September 2020

Cikal Arvi Yuliawan

NIM.14117179

iv
 Daftar Isi

Bab I Pendahuluan..........................................................................................I-7

I.1 Latar belakang...........................................................................................I-7

I.2 Lingkup.....................................................................................................I-8

I.3 Tujuan........................................................................................................I-9

Bab II Organisasi atau Lingkungan Kerja Praktik..........................................II-1

II.1 Profil Organisasi..................................................................................II-1

II.2 Struktur Organisasi..............................................................................II-2

II.3 Lingkup Pekerjaan...............................................................................II-2

II.4 Deskripsi Pekerjaan..............................................................................II-3

II.5 Jadwal Kerja.........................................................................................II-5

Bab III Perancangan dan Implementasi frontend website SI-RETA (Sistem

Rekrutmen Tenaga Ahli)....................................................................................III-1

III.1 Deskripsi/Analisis Perancangan dan Implementasi frontend Webite Si-

Reta (Sitem Rekrutmen Tenaga Ahli)............................................................III-1

III.2 Proses Pembuatan Frontend Website Si-Reta.....................................III-5

III.3 Hasil Frontend Website Si-Reta.........................................................III-2

Bab IV Penutup...............................................................................................IV-1

IV.1 Kesimpulan ........................................................................................IV-1

IV.2 Saran...................................................................................................IV-1

Lampiran A. TOR (Term of Reference)...................................................................1

Lampiran B. Log Activity.........................................................................................2

Lampiran C. Dokumen Teknik................................................................................1

Lampiran D. Dokumentasi Kegiatan......................................................................2

v
Lampiran E. Pertanyaan........................................................................................7

Daftar Gambar
Gambar 1 Struktur Organisasi Diskominfotik Provinsi Lampung.......................II-2
Gambar 2 Design Prototype Halaman Awal Website........................................III-6
Gambar 3 Design Prototype Halaman User Lowongan Kerja............................III-7
Gambar 4 Design Prototype User Form Lamar Lowongan Kerja......................III-7
Gambar 5 Design Prototype Halaman Admin Login.........................................III-8
Gambar 6 Design Prototype Halaman Admin Manajemen Lowongan Kerja....III-8
Gambar 7 Design Prototype Halaman Admin Tambah Lowongan Kerja..........III-9
Gambar 8 Design Prototype Halaman Admin Ubah Lowongan Kerja..............III-9
Gambar 9 Design Prototype Halaman Admin Detail Pelamar.........................III-10
Gambar 10 Design Prototype Halaman Admin Manajemen Pelamar Lowongan
Kerja.................................................................................................................III-10
Gambar 11 Tampilan Halaman Utama Website...............................................III-12
Gambar 12 Tampilan Halaman User Lowongan Kerja....................................III-13
Gambar 13 Tampilan Halaman User Lowongan Kerja....................................III-14
Gambar 14 Tampilan Halaman User Lowongan Kerja....................................III-14
Gambar 15 Tampilan Halaman Admin Login..................................................III-15
Gambar 16 Tampilan Menu Pada Admin.........................................................III-16
Gambar 17 Tampilan Halaman Admin Manajemen Lowongan Kerja.............III-17
Gambar 18 Tampilan Halaman Admin Tambah Lowongan Kerja..................III-18
Gambar 19 Tampilan Halaman Admin Ubah Lowongan Kerja.......................III-19
Gambar 20 Tampilan Halaman Admin Manajemen Pelamar Lowongan Kerja...III-
20
Gambar 21 Tampilan Halaman Detail Pelamar................................................III-21
Gambar 22 Suasana Kantor......................................................................................2
Gambar 23 Kegiatan Kerja Praktek Di Kantor........................................................2
Gambar 24 Kegiatan Kerja Praktek Di Kantor........................................................3

vi
Gambar 25 Kegiatan Suasana Kantor......................................................................3
Gambar 26 Kegiatan Kerja Praktik Di Kantor.........................................................4
Gambar 27 Pengerjaan Frontend Website...............................................................4
Gambar 28 Kegiatan Berdiskusi Dengan Kasi Pemanfaatan Aplikasi....................5
Gambar 29 Foto Bersama Kepala Diskominfotik....................................................5

vii
 8

Bab I
Pendahuluan

I.1 Latar belakang

Dinas Komunikasi dan Informatika (Kominfo) Provinsi Lampung
merupakan Satuan Kerja Perangkat Daerah (SKPD) baru yang beralamat di Jl.
WR.Monginsidi No.69, Telukbetung, Bandar Lampung. Dibentuk untuk
memenuhi ketentuan Peraturan Pemerintah nomor 41 Tahun 2007 tentang
organisasi perangkat daerah serta memperhatikan kebutuhan pelayanan
masyarakat dalam rangka pengembangan dan pengelolaan teknologi informasi
dan komunikasi. Diskominfotik Lampung awalnya merupakan bagian dari
sekretaris daerah, dimana sekretaris daerah itu sendiri termasuk dalam Satuan
Kerja Perangkat Daerah (SKPD). Di bawah sekretaris daerah terdapat kepala
kepala bagian yang memiliki tugas masing-masing, salah satu kepala bagian
tersebut adalah PDE (Pengelolaan Data Elektronik). Seiring berjalannya waktu
pada tahun 2017 PDE berubah menjadi Kominfo. Awalnya, Kominfo bukan
kantor yang berdiri sendiri dan masih bergabung dengan Dinas Perhubungan.
Namun sesuai dengan nomeklatur pemerintah terkait dengan informasi dan
komunikasi, maka Kominfo berdiri sendiri menjadi Dinas Komunikasi,
Informatika dan Statistik (Diskominfotik) provinsi lampung.
Pada saat ini, Diskominfotik Lampung memiliki serangkaian pekerjaan
yang dilakukan untuk mewujudkan program Smart Province dan penyelenggaraan
Government Chief Information Officer (GCIO) di provinsi lampung. Dengan
banyaknya pekerjaan yang harus diselesaikan, dibutuhkan sumber daya manusia
yang ahli dalam bidang IT atau disebut juga sebagai tenaga ahli. Saat ini tenaga
ahli IT di diskominfotik lampung tidak banyak sehingga program program dan
kegiatan yang ingin dijalankan menjadi lambat dan kurang efektif. Oleh sebab itu,
 9

kami selaku mahasiswa kerja praktek mengembangkan website Si-Reta (Sistem

Rekrutmen Tenaga Ahli) yang merupakan website untuk rekrutmen Tenaga Ahli
sesuai yang dibutuhkan oleh Diskominfotik Lampung.
Pengembangan website Si-Reta tersebut merupakan salah satu bentuk dari
Smart Province untuk penyelesaian masalah mengenai rekrutmen Tenaga Ahli IT,
karena sampai saat ini rekrutmen Tenaga Ahli masih menggunakan google form
dan jarang ada yang tahu mengenai informasi mengenai lowongan Tenaga Ahli.
Dengan website ini juga pelamar tidak perlu datang secara langsung ke gedung
Diskominfotik Provinsi Lampung, sehingga lebih mudah dan efisien serta lebih
menjaga protokol kesehatan mengingat situasi dan kondisi seperti saat ini.

I.2 Lingkup
Ruang lingkup pada perancangan dan implementasi frontend website SI-RETA
(Sistem Rekrutmen Tenaga Ahli), adalah sebagai berikut:
1. Mencari tahu kebutuhan atau reqruitment sistem dari client atau pihak
instansi.
2. Menerjemahkan reqruitment sistem dari client ke dalam sebuah desain
sementara yiatu prototype (low-fidelity prototyping).
3. Konstruksi desain frontend website dari prototype ke dalam sebuah
desain yang akan menjadi hasil akhir dari produk yang dibuat.
4. Memaparkan rancangan desain yang sudah dibuat kepada client/pihak
instansi.
5. Website memberikan informasi mengenai lowongan Tenaga Ahli yang
sedang dibutuhkan pihak instansi dan para pelamar dapat mendaftarkan
diri melalui website tersebut dan webiste dapat dikelola sesuai kebutuhan
instansi oleh admin.
6. Website ini hanya akan dapat diakses jika terhubung dengan internet.
 10

I.3 Tujuan
Tujuan pada perancangan dan implementasi frontend website SI-RETA (Sistem
Rekrutmen Tenaga Ahli), adalah sebagai berikut :
1. Sebagai Tugas Akhir untuk mata kuliah Kerja Praktek (KP).
2. Sebagai media untuk belajar dan mendaptkan pengalaman kerja secara
langsung, terutama dibidang teknologi informasi.
3. Memahami bagaimana menerapkan ilmu yang diperoleh di perkuliahan
ke tempat kerja.
4. Sebagai sistem yang dapat digunakan dan mempermudah pihak instansi
untuk memberikan informasi lowongan kerja Tenaga Ahli yang sedang
dibutuhkan.
5. Sebagai sistem yang dapat digunakan dan mempermudah para pelamar
untuk mendaftarkan diri sesuai lowongan yang dibutuhkan.
 Bab II
Organisasi atau Lingkungan Kerja Praktik

II.1 Profil Organisasi

Dinas Komunikasi dan Informatika (Kominfo) Provinsi Lampung
merupakan Satuan Kerja Perangkat Daerah (SKPD) baru, yang dibentuk untuk
memenuhi ketentuan Peraturan Pemerintah nomor 41 Tahun 2007 tentang
Organisasi Perangkat Daerah serta memperhatikan kebutuhan pelayanan
masyarakat sebagaimana hasil analisa Tim Analisis Jabatan dan Pengukuran
Beban Kerja dalam rangka pengembangan dan pengelolaan Teknologi Informasi
dan Komunikasi, maka dibentuklah Dinas Komunikasi dan Informatika Provinsi
Lampung. Dinas Komunikasi dan Informatika yang beralamat di WR Monginsidi
No. 69 Telukbetung.
Tugas pokok Dinas Kominfo Provinsi Lampung adalah melaksanakan
kewenangan daerah di bidang komunikasi dan informatika sesuai dengan
kebijakan Kepala Daerah. Untuk mencapai hasil yang optimal dalam pelaksanaan
tugas pokok tersebut, perlu disusun suatu perencanaan strategi yang meliputi
keseluruhan pembagian tugas dari masing-masing bidang di lingkungan Dinas
Kominfo Provinsi Lampung, guna dijadikan sebagai pedoman dan arahan bagi
seluruh pegawai/staf dalam melaksanakan tugas dan fungsinya dalam
mewujudkan visi, misi dan tujuan Dinas Kominfo Provinsi Lampung yang akan
dicapai, sekaligus untuk dijadikan tolok ukur dalam melakukan evaluasi kinerja
dalam setiap tahunnya sebagaimana ketentuan yang ditetapkan dalam Inpres
Nomor 7 Tahun 1999 tentang Akuntabilitas Kinerja Instansi Pemerintah (AKIP).

Struktur Organisasi

1
 2

Gambar 1 Struktur Organisasi Diskominfotik Provinsi Lampung

II.2 Lingkup Pekerjaan

Bidang tempat dilaksanakannya Kerja Praktik di Diskominfotik adalah
Bidang Tata Kelola Pemerintahan Berbasis Elektronik (SPBE). Bidang Tata
Kelola Sistem Pemerintahan Berbasis Elektronik mempunyai tugas melaksanakan
sebagian tugas Dinas meliputi perencanaan kegiatan, menyusun pedoman dan
petunjuk teknis, membina dan menyelenggarakan Sistem Pemerintahan Berbasis
Elektronik. Dibawah Bidang ini terdapat seksi Pemanfaatan Aplikasi, seksi
Hubungan Antar Lembaga TIK dan seksi Tata Kelola Pemerintahan Berbasis
Elektronik. yang melaksanakan tugas-tugas Dinas yang berkaitan dengan
pengembangan aplikasi. Pelaksanaan Kerja Praktek dengan topik perancangan dan
implementasi frontend website SI-RETA (Sistem Rekrutmen Tenaga Ahli)
tentunya berkaitan dengan bagian Pemanfaatan Aplikasi dan Tata Kelola
Pemerintahan Berbasis Elektronik.
Perancangan dan implementasi website SI-RETA (Sistem Rekrutmen Tenaga
Ahli) tersebut merupakan salah satu bentuk dari Smart Province untuk
penyelesaian masalah mengenai rekrutmen Tenaga Ahli IT, karena sampai saat ini
rekrutmen Tenaga Ahli masih menggunakan google form dan jarang ada yang
 3

tahu mengenai informasi mengenai lowongan Tenaga Ahli. Website Si-Reta ini
berisi informasi mengenai lowongan Tenaga Ahli yang dibutuhkan dan informasi
kriteria sesuai lowongan yang dibuka. Disini user juga dapat melamar sesuai
lowongan yang dibuka dengan menginputkan data secara benar sesuai dengan
yang terdapat pada website serta terdapat fitur untuk mengupload CV. Jadi
pelamar tidak perlu datang secara langsung ke gedung Diskominfotik Provinsi
Lampung sehingga lebih mudah dan efisien. Dalam website Si-Reta bagian
admin, jika ingin masuk maka admin harus terlebih dahulu login dengan
menginputkan username dan password. Admin dapat mengedit sesuai kebutuhan
instansi.

II.3 Deskripsi Pekerjaan

Dalam pelaksanaan Kerja Praktek dengan topik perancangan dan
implementasi frontend website SI-RETA (Sistem Rekrutmen Tenaga Ahli), saya
selaku mahasiswi kerja praktek melakukan beberapa pekerjaan yang secara umum
dapat dituliskan sebagai berikut:

1. Mencari tahu kebutuhan sistem dari pihak instansi.

Langkah awal yang dilakukan adalah mencari tahu kebutuhan dari
instansi (Diskominfotik Provinsi Lampung) mengenai sistem apa yang
akan dibuat, bagaimana sistem tersebut, fitur fitur yang akan terdapat
pada sistem, desain seperti apa yang diinginkan dan kebutuhan lain dari
sistem yang akan dibuat. Saya mencari tahu mengenai hal tersebut
dengan melakukan wawancara dan berdiskusi dengan bapak Prastowo
selaku Kasi Pemanfaatan Aplikasi.
 4

2. Menerjemahkan kebutuhan sistem dari client ke dalam sebuah desain

sementara yaitu prototype (high-fidelity prototyping).
Kebutuhan sistem yang telah didapatkan kemudian diubah kedalam
desain sementara atau bisa juga disebut sebagai prototype, agar mudah di
diskusikan kembali dengan pihak instansi mengenai desain sistem yang
diingkan. Karena masih prototype, akan lebih mudah jika ada revisi
mengenai desain sistem yang diinginkan dan sesuai dengan kebutuhan
instansi.

3. Kontruksi desain frontend website dari prototype ke dalam sebuah

desain yang akan menjadi hasil akhir dari produk yang dibuat.
Setelah prototype desain sistem disetujui dan selesai, kemudian
mulai membangun kontruksi desain frontend atau antar muka website
pada visual code menggunakan boostrap.

4. Penyempurnaan
Dalam pengembangan frontend atau antar muka website ini,
tentunya terdapat hal-hal kecil yang mempengaruhi kenyamanan
pengguna dalam penggunaan website. Contoh penyempurnaan nya
adalah tidak perlu adanya gambar pada tampilan informasi lowongan
yang dibuka.

5. Memaparkan rancangan desain yang sudah dibuat kepada pihak

instansi.
Pemaparan akhir dilakukan setelah website yang dibuat dirasa telah
berfungsi dengan baik dan sesuai dengan yang diharapkan dan
dibutuhkan oleh instansi.
 5

II.4 Jadwal Kerja

Jadwal kerja di Diskominfotik Provinsi Lampung adalah 5 hari setiap
minggu, yaitu pada hari senin hingga hari jumat. Oleh karena itu, pelaksanaan
Kerja Praktek disesuaikan mengikuti jadwal hari kerja tersebut Jadwal kerja pada
hari Senin sampai Kamis adalah pukul 08.00-15.30 WIB. Sedangkan pada hari
Jum’at adalah pukul 08.00-16.00 WIB.
 Bab III
Perancangan dan Implementasi frontend website SI-RETA (Sistem
Rekrutmen Tenaga Ahli)

III.1 Deskripsi/Analisis Webite Si-Reta

A. Gambaran Umum
Website Si-Reta tersebut merupakan penyelesaian masalah mengenai
rekrutmen Tenaga Ahli IT di Diskominfotik Lampung, karena sampai saat ini
rekrutmen Tenaga Ahli masih menggunakan google form dan jarang ada yang
mengetahui informasi mengenai lowongan yang dibuka tersebut. Tenaga Ahli
IT tersebut dibutuhkan untuk mewujudkan program Smart Province dan
penyelenggaraan Government Chief Information Officer (GCIO) di provinsi
Lampung. Website Si-Reta ini berisi informasi mengenai lowongan tenaga
ahli dan informasi kriteria yang dibutuhkan sesuai lowongan yang dibuka.
Disini user juga dapat melamar sesuai lowongan yang dibuka dengan
menginputkan data secara benar sesuai dengan yang terdapat pada website
serta terdapat fitur untuk mengupload CV. Jadi pelamar tidak perlu datang
secara langsung ke gedung Diskominfotik Provinsi Lampung sehingga lebih
mudah dan efisien. Dalam website Si-Reta bagian admin, jika ingin masuk
maka admin harus terlebih dahulu login dengan menginputkan username dan
password. Admin dapat mengedit sesuai kebutuhan instansi.

B. Deskripsi
Website merupakan suatu sistem yang berkaitan dengan dokumen
yang digunakan sebagai media untuk menampilkan teks, gambar, multimedia
dan lainnya pada jaringan internet. Sedangkan website Si-Reta adalah sebuah
website yang dibuat untuk memberikan informasi secara online mengenai
lowongan tenaga ahli serta terdapat fitur pendaftaran atau user dapat melamar
sesuai lowongan yang dibuka pada website. Informasi informasi yang dapat
ditemukan di website Si-Reta antara lain adalah informasi mengenai
lowongan tenaga ahli yang dan kriteria yang dibutuhkan untuk posisi tersebut

1
 2

serta informasi mengenai data apa saja yang dibutuhkan dan data yang harus
diisi jika ingin melamar sebagai tenaga ahli. Beberapa kegunaan website Si-
Reta antara lain :
1. Sebagai Sumber Informasi lowongan Tenaga Ahli
Website Si-Reta dapat dijadikan sebagai tempat bagi masyarakat
umum untuk mendapatkan informasi mengenai lowongan tenaga ahli
yang sedang dibutuhkan oleh pihak Diskominfotik Provinsi Lampung,
serta kriteria dan data yang di butuhkan untuk melamar posisi tersebut.

2. Mempermudah pelamar
Website Si-Reta juga mempermudah para pelamar untuk
mendaftar atau melamar posisi yang dibuka. Pelamar tidak perlu datang
sceara langsung ke gedung Diskominfotik Lampung untuk mengajukan
dan memberikan berkas lamaran. Pelamar dari dalam daerah, luar
daerah dan seluruh daerah di Indonesia dapat melamar posisi yang
dibuka tanpa datang secara langsung. Jadi lebih efisien secara waktu
maupun yang lainnya. Mengingat situasi dan kondisi seperti saat ini
juga, maka hal tersebut dapat meningkatan social distancing untuk
mencegah laju penyebaran virus covid-19.

C. Teknologi
Pada pelaksanaan kerja praktek ini tentunya didukung oleh teknologi
dalam penyelesaiannya, khususnya adalah teknologi informasi yang berupa
perangkat lunak (software) ataupun perangkat keras (hardware). Teknologi
yang mendukung pelaksanaan kerja praktek ini antara lain adalah:

1. Perangkat Lunak (Software)

a. Photoshop
 3

Photoshop merupakan salah satu aplikasi perangkat lunak 

untuk editor foto atau gambar yang di keluarkan Adobe Systems 
dikhususkan untuk pengeditan foto atau gambar dan pembuatan
efek, atau biasa disebut layer style. Selain memiliki fitur yang
mudah untuk di pahami, photoshop juga memiliki beberapa  fitur
unggulan yang dapat bekerja secara maksimal, dan juga dapat
mensuport beberapa file, sehingga bagi  seorang desain grafis hal
ini merupakan salah satu syarat yang wajib ada untuk masuk ke
dunia desain grafis, karena photoshop dengan segala fasilitasnya
sangat cocok bagi seorang desain grafis. Saat ini Photoshop
merupakan perangkat lunak terbaik jika di bandingkan dengan
perangkat lunak lain sejenisnya. Dapat di katakan juga hampir
tidak ada tandingannya. Format File Photoshop mampu untuk
membaca dan menulis gambar berformat raster dan vektor
seperti .png, .gif, .jpeg, dan lain-lain.

b. Visual Studio Code

Visual Studio Code atau biasa dikenal dengan VS Code
adalah sebuah perangkat lunak yang dibuat oleh Microsoft untuk
sistem operasi Linux, Mac, dan Windows. Visual Studio Code
didukung bahasa pemrograman yang sangat beragam. Adapun
bahasa pemrograman yang didukung oleh Visual Studio Code
adalah bahasa pemrograman C++, Visual Basic, dan Visual C#.
Visual Studio Code juga dapat mendukung bahasa pemrograman
lain seperti M, phyton dan ruby yang terdapat pada pack extra yang
terpisah dari Visual Studio Code.
 4

c. Framework Laravel
Framework adalah seperangkat struktur dan pedoman
konseptual, yang digunakan untuk membangun sesuatu yang
bermanfaat. Sederhananya, framework merupakan software untuk
memudahkan para programmer untuk membuat sebuah aplikasi
web. Sedangkan, Framework laravel adalah sebuah kerangka kerja
open source yang diciptakan oleh Taylor Otwell. Laravel
merupakan framework bundle, migrasi dan artisan CLI (Command
Line Interface) yang menawarkan seperangkat alat dan arsitektur
aplikasi yang menggabungkan banyak fitur terbaik dari kerangka
kerja seperti Codeigniter, Yii, ASP.NET MVC, Ruby on Rails,
Sinatra dan lain-lain. Laravel memiliki banyak fitur yang akan
meningkatkan kecepatan pengembangan web.

2. Perangkat Keras (Hardware)

a. Keyboard
Keyboard adalah salah satu perangkat keras pada komputer
yang berfungsi sebagai alat untuk input data yang berupa huruf,
angka dan simbol. Selain berfungsi untuk input data, keyboard juga
dapat menjalankan perintah pada komputer dengan melakukan
kombinasi antara 2 tombol atau lebih. Dalam pelaksanaan kerja
praktek ini, keyboard digunakan untuk mengetikkan kode program
dan memberikan perintah melalui kombinasi dari dua tombol atau
lebih seperti ketika hendak melakukan penyimpanan file secara
cepat, atau menjalankan perintah undo dan redo.

b. Mouse
 5

Mouse atau tetikus adalah salah satu perangkat keras komputer

yang menerima input berupa gerakan, tekanan tombol (click), dan
penggulungan (scroll) yang dapat digunakan untuk memilih teks,
ikon, file, dan folder. Mouse digunakan untuk mempercepat proses
pengerjaan dalam pengembangan website desa.

III.2 Proses Pembuatan Frontend Website Si-Reta

A. Tahapan Awal
1. Pengenalan Tugas
Pada awal pelaksanaan kegiatan kerja praktek, dilakukan
perkenalan dengan para Kasi dan pegawai disana, pengenalan mengenai
tugas yang dilakukan di bidang Sistem Pemerintahan Berbasi Elektronik
(SPBE), serta obrolan ringan bersama dengan Kepala bidang Tata Kelola
Pemerintahan Berbasi Elektronik. Selain itu juga membahas bagaimana
mekanisme pelaksanaan kerja praktek kedepannya. Kemudian selanjutnya
berdiskusi dengan Kasi Pemanfaatan Apikasi yaitu bapak prastowo. Hasil
dari diskusi ini adalah pelaksanaan kerja praktek dengan pembuatan
website Si-Reta dan website ini dibuat dari awal. Oleh sebab itu,
pelaksanaan kerja praktek ini terfokus pada bagian backend dan frontend.
Namun selalu ditekankan bahwa yang terpenting adalah fungsionalotas
dari website tersebut. Fungsi fungsi yang tidak terlalu berpengaruh malah
tidak perlu ditambahkan. Karena fokus dari website ini adalah ringkas,
sesuai kebutuhan, memudahkan, tidak membuat bingung dan dapat
digunakan oleh pengguna dari segala kalangan dan latar belakang.

2. Membuat prototype website menggunakan Photoshop

 6

Setelah berdiskusi mengenai design, fitur dan kebutuhan sistem

dengan pihak instansi, langkah selanjutnya adalah menerjemahkan
reqruitment tersebut ke dalam sebuah desain sementara atau prototype.
Disini saya membuat desain prototype website menggunakan Photosop
(high-fidelity prototyping). Hal tersebut dilakukan karena prototype lebih
mudah jika ada revisi atau perubahan mengenai desain atau fitur yang
diinginkan dan sesuai dengan kebutuhan instansi. Sehingga nantinya
website yang dibuat tersebut sesuai dengan yang diinginkan dan
dibutuhkan oleh pihak instansi. Design sementara atau prototype dari
website yang telah dibuat menggunakan Photoshop adalah seperti gambar
dibawah ini :

Gambar 2 Design Prototype Halaman Awal Website

 7

Gambar 3 Design Prototype Halaman User Lowongan Kerja

Gambar 4 Design Prototype User Form Lamar Lowongan Kerja

 8

Gambar 5 Design Prototype Halaman Admin Login

Gambar 6 Design Prototype Halaman Admin Manajemen Lowongan Kerja

 9

Gambar 7 Design Prototype Halaman Admin Tambah Lowongan Kerja

Gambar 8 Design Prototype Halaman Admin Ubah Lowongan Kerja

 10

Gambar 9 Design Prototype Halaman Admin Detail Pelamar

Gambar 10 Design Prototype Halaman Admin Manajemen Pelamar Lowongan Kerja

 11

3. Kontruksi desain dari prototype ke dalam website

Setelah prototype desain yang dibuat menggunakan photoshop
disetujui dan finish, selanjutnya adalah mulai membangun kontruksi
desain frontend atau antar muka website pada visual code menggunakan
boostrap. Hal ini adalah Langkah membuat tampilan akhir atau tampilan
antar muka yang akan digunakan dalam website.

4. Penyempurnaan
Dalam pembuatan frontend atau tampilan antar muka website ini,
tentunya terdapat perubahan perubahan dan perbaikan yang dilakukan
untuk membuat tampilan website lebih baik lagi. Contoh
penyempurnaan nya adalah tidak perlu adanya gambar pada tampilan
informasi lowongan yang dibuka.

5. Presentasi akhir ke pihak instansi

Setelah melakukan proses pembuatan website, yang terakhir
adalah pemaparan atau presentasi kepada client atau pihak instansi,
dimana dalam proyek ini adalah Dinas Komunikasi, Informatika
dan Statistik Provinsi Lampung. Presentasi dilakukan setelah
website yang dibuat dirasa telah sesuai dengan yang diharapkan dan
dibutuhkan oleh instansi.

III.3 Hasil Frontend Website Si-RETA

Hasil yang dicapai adalah frontend atau tampilan antar muka pada website
Si-Reta (Sistem Rekrutmen Tenaga Ahli), seperti penjelasan dibawah ini:
 12

1. Tampilan halaman utama website

Gambar 11 Tampilan Halaman Utama Website

Terdapat dua menu atau fitur pada halaman utama website yaitu, masuk
sebagai pelamar kerja dan masuk sebagai admin. Jika masuk ke sebagai pelamar
kerja, user atau pengguna tidak perlu login terlebih dahulu dan akan langsung
masuk ke halaman pelamar kerja. Sedangkan jika masuk sebagai admin, user
harus login terlebih dahulu dengan menginputkan username dan password. Jika
username dan password yang di inputkan salah, akan muncul pemberitahuan
bahwa username atau password salah. Jika username dan password yang di
inputkan sudah benar, maka akan masuk ke halaman admin. Hal itu dilakukan
supaya orang yang memiliki akses saja yang bisa masuk, karena dalam halaman
admin dapat mengedit informasi yang ada di website Si-Reta.

2. Tampilan halaman utama user

 13

Gambar 12 Tampilan Halaman User Lowongan Kerja

Tampilan atau halaman yang pertama kali muncul setelah mengklik fitur
“Masuk sebagai pelamar kerja” adalah seperti gambar diatas. Dalam halaman
ini berisi informasi mengenai lowongan kerja yang tersedia atau yang
dibutuhkan oleh Diskominfotik Provinsi Lampung, serta spesifikasi yang
dibutuhkan sesuai dengan pekerjaan tersebut. Informasi yang di tampilkan
disini hanyalah informasi mengenai lowongan yang sedang dibuka atau
dibutuhkan saja. Jika suatu lowongan tidak sedang dibuka atau dibutuhkan,
maka tidak akan di tampilkan pada halaman. Disini user dapat memilih
pekerjaan yang sesuai dengan di inginkan. User juga dapat mendaftar atau
melamar pekerjaan tersebut dengan mengklik button lamar. Setelah mengklik
button lamar, yang ditampilkan adalah seperti dibawah ini
3. Tampilan halaman user form lamar lowongan kerja
 14

Gambar 13 Tampilan Halaman User Lowongan Kerja

Gambar 14 Tampilan Halaman User Lowongan Kerja

Halaman ini menampilkan form untuk mendaftar atau melamar

pekerjaan. Pada halaman ini informasi yang ditampilkan adalah informasi
umum dan detail kontak. Pada informasi umum yang ditampilkan adalah nama
lengkap, Pendidikan, dan spesialiasasi. Pada detail kontak informasi yang
 15

ditampilkan adalah alamat lengkap, tentang anda, nomor telepon dan email.
Disini user atau pelamar juga dapat mengupload berkas CV sesuai ketentuan
yaitu file berupa pdf dan ukuran maksmimal nya 10mb. Jika user atau pelamar
tidak mengisi data dengan benar, akan terdapat pemberitahuan untuk mengisi
data sesuai dengan ketentuan. Jika semua data sudah di isi dengan benar, user
dapat mengirimkan lamaran nya dengan mengklik button “Masukan Lamaran”.
Jika sudah berarti lamaran yang di masukkan telah berhasil dikirim.

4. Tampilan halaman admin login

Gambar 15 Tampilan Halaman Admin Login

Jika pada halaman utama website memilih atau mengklik button

“Masuk Sebagai Administrator”, tampilannya akan seperti pada gambar
tersebut. Tampilan tersebut adalah halaman untuk admin melakukan login.
Tampilan pada halaman ini berbeda dengan tampilan masuk sebagai pelamar
kerja. Disini admin dapat menginputkan username dan password untuk login
dan dapat mengklik button login untuk masuk ke halaman. Jika yang di
inputkan salah akan muncul keterangan bahwa username atau password salah,
 16

jika yang di inputkan sudah benar maka akan masuk ke halaman admin. Menu
yang terdapat dalam halaman admin yaitu manajemen loker, manajemen
pelamar dan logout.

Gambar 16 Tampilan Menu Pada Admin

5. Tampilan halaman admin manajemen lowongan kerja

 17

Gambar 17 Tampilan Halaman Admin Manajemen Lowongan Kerja

Tampilan untuk halaman admin bagian manajemen lowongan kerja

adalah seperti gambar tersebut. Pada halaman ini informasi yang ditampilkan
adalah nama lowongan, syarat, status, tanggal dibuat dan dua button yaitu ubah
dan hapus. Disini admin dapat melakukan berbagai kegiatan seperti tambah
lowongan kerja, edit lowongan kerja dan hapus lowongan kerja. Jadi disini
admin dapat melakukan penambahan informasi mengenai lowongan kerja yang
dibuka atau sedang dibutuhkan. Jika admin ingin menambah lowongan kerja,
maka pilih button “tambah lowongan kerja’. Tampilan yang akan muncul
setelah mengklik button tersebut adalah seperti pada gambar dibawah ini :
 18

Gambar 18 Tampilan Halaman Admin Tambah Lowongan Kerja

Gambar diatas adalah tampilan untuk admin saat menambah lowongan

kerja. Pada halaman ini admin dapat menginputkan nama lowongan kerja yang
akan ditambahkan dan syarat atau spesifikasi mengenai lowongan tersebut. Disini
juga terdapat dua button yaitu tutup dan tambah. Button tutup dipilih jika ingin
menutup halaman tersebut, dan button tambah adalah saat ingin menambahkan
informasi lowongan pekerjaan. Jika sudah menambah lowongan kerja, maka
informasi mengenai lowongan kerja tersebut akan muncul pada halaman utama
user. Disini juga terdapat ceklis aktif yang menandakan bahwa lowongan kerja
tersebut aktif atau masih dibutuhkan.

Pada halaman admin manajemen lowongan kerja juga terdapat button

ubah dan hapus. Tampilan untuk ubah adalah seperti gambar dibawah ini :
 19

Gambar 19 Tampilan Halaman Admin Ubah Lowongan Kerja

Tampilan ini adalah halaman admin untuk mengubah lowongan kerja yang
sudah ditambahkan sebelumnya. Disini admin dapat mengubah informasi
mengenai lowongan kerja tersebut mulai dari nama lowongan kerja, syarat atau
spesifikasi nya, dan status lowongan kerja. Status lowongan kerja terdapat dua
pilhan yaitu aktif dan nonaktif. Jika lowongan kerja tersebut masih dibuka maka
statusnya aktif, dan jika lowongan tersebut sudah tidak dibuka, maka admin harus
memilih status nonaktif. Status nonaktif berarti lowongan kerja sudah tidak
dibuka sehingga informasi lowongan kerja tersebut tidak akan ditampilkan lagi
pada halaman utama user. Jika sudah mengubah sesuai kebutuhan, dapat mengklik
atau memilih button ubah dan informasi mengenai lowongan kerja tersebut akan
berubah pada halaman utama user.
Jika ingin menghapus lowongan kerja yang sudah ada, dapat mengklik
button hapus dan informasi lowongan kerja tersebut akan otomatis terhapus dan
tidak ditampilkan di halaman utama user maupun dalam halaman admin.

6. Tampilan halaman admin manajemen pelamar

 20

Menu kedua yang terdapat pada halaman admin adalah manajemen

pelamar. Tampilan halaman manajemen pelamar lowongan kerja adalah
seperti gambar dibawah ini :

Gambar 20 Tampilan Halaman Admin Manajemen Pelamar Lowongan Kerja

Tampilan atau halaman admin bagian manajemen pelamar lowongan kerja

menampilkan informasi mengenai nama pelamar, posisi yang dilamar, nomor
telepon, email, cv serta terdapat dua menu atau button yaitu detail dan hapus.
Tampilan jika memilih button detail adalah seperti gambar dibawah ini :
 21

Gambar 21 Tampilan Halaman Detail Pelamar

Tampilan atau halaman admin bagian detail pelamar adalah seperti gambar
diatas. Pada halaman ini informasi yang ditampilkan adalah mengenai detail data
pelamar seperti yang telah dia inputkan pada saat mendaftar, seperti nama
lengkap, posisi yang dilamar, Pendidikan, spesialisasi, alamat, info, nomor
telepon, email dan berkas cv. Di halaman ini juga menampilkan tanggal informasi
mengenai tanggal, bulan dan tahun pelamar saat mengirimkan lamaran nya.
Terdapaat juga pilihan kembali untuk kembali pada halaman sebelumnya.
Jika memilih button pada halaman admin bagian manajemen pelamar
lowongan kerja, maka data mengenai pelamar tersebut akan terhapus.

7. Logout
Tampilan menu logout pada halaman admin adalah seperti pada gambar
16. Jika admin ingin keluar tinggal pilih atau klik menu logout dan akan otomatis
keluar.
 Bab IV
Penutup

IV.1 Kesimpulan
Setelah menjalani kerja praktik selama 35 hari kerja di Dinas
Komunikasi, Informatika dan Statistik provinsi Lampung. Kesimpulan yang
dapat diambil adalah:
1. Pembuatan website Si-Reta dapat diselesaikan dengan baik.
2. Mendapatkan banyak pengalaman mengenai dunia kerja, khusunya
yang berhubungan dengan bidang teknologi informasi.
3. Mendapatkan pengetahuan-pengetahuan baru yang tidak di
dapatkan dari bangku kuliah.
4. Merasakan suasana kerja dan dunia kerja yang sesungguhnya.

IV.2 Saran
Saran yang dapat diambil dari keseluruhan proses kerja praktik sampai
pada pembuatan laporan kerja praktik adalah sebagai berikut:
1. Pembagian tugas dalam proses pembangunan website dapat
meningkatkan produktivitas pekerjaan
2. Perlu adanya kemauan untuk mengembangkan materi yang didapat.
Tidak hanya terpaku pada materi yang diberikan saat kuliah, karena
masih banyak materi-materi lain yang nantinya dibutuhkan ketika di
dunia kerja
3. Belajarlah berkomunikasi dalam tim. Hal ini sangat dibutuhkan
untuk menghindari salah persepsi antar personal, ketika sedang
mengerjakan proyek dalam suatu tim.

1
 Referensi

[1] Yasin K, “Cara Menggunakan Boostrap Untuk Membuat Website,”

niagahoster.com, 12 April 2019. [Online]. Tersedia:
https://www.niagahoster.co.id/blog/cara-menggunakan-bootstrap/. [Diakses
20 Juli 2020].
[2] M. Institute, “10 Skill yang Kamu Perlukan untuk Menjadi Front-End
Developer,” Medium.com, 31 Maret 2017. [Online]. Tersedia:
https://medium.com/@makersinstitute/10-skill-yang-kamu-perlukan-untuk-
menjadi-front-end-developer-ec04b093e4e3. [Diakses 03 Agustus 2020].
[3] Handika, I Gede dan Ayi Purbasari, “Pemanfaatan Framework Laravel Dalam
Pembangunan Berbasis Website”, jurnalatmaluhur.com, 2018. [Online].
Tersedia: http://jurnal.atmaluhur.ac.id/index.php/knsi2018/article/view/533 .
[Diakses 06 Agustus 2020].

A-1
 2

Lampiran A. TOR (Term of Reference)

A.1 Latar belakang

Dinas Komunikasi dan Informatika (Kominfo) Provinsi Lampung
merupakan Satuan Kerja Perangkat Daerah (SKPD) baru, yang beralamat di Jl.
WR.Monginsidi No.69, Telukbetung, Bandar Lampung. Dibentuk untuk
memenuhi ketentuan Peraturan Pemerintah nomor 41 Tahun 2007 tentang
Organisasi Perangkat Daerah serta memperhatikan kebutuhan pelayanan
masyarakat dalam rangka pengembangan dan pengelolaan Teknologi Informasi
dan Komunikasi. Diskominfotik Lampung awalnya merupakan bagian dari
sekretaris daerah, dimana sekretaris daerah itu sendiri termasuk dalam SKPD
(Satuan Kerja Perangkat Daerah). Di bawah sekretaris daerah terdapat kepala
kepala bagian yang memiliki tugas masing-masing, salah satu kepala bagian
tersebut adalah PDE (Pengelolaan Data Elektronik). Seiring berjalannya waktu
pada tahun 2017 PDE berubah menjadi Kominfo. Awalnya, Kominfo bukan
kantor yang berdiri sendiri dan masih bergabung dengan Dinas Perhubungan.
Namun sesuai dengan nomeklatur pemerintah terkait dengan informasi dan
komunikasi, maka Kominfo berdiri sendiri menjadi Dinas Komunikasi,
Informatika dan Statistik (Diskominfotik) provinsi Lampung.
Pada saat ini, Diskominfotik Lampung memiliki serangkaian pekerjaan
yang dilakukan untuk mewujudkan program Smart Province dan penyelenggaraan
Government Chief Information Officer (GCIO) di provinsi lampung. Dengan
 3

banyaknya pekerjaan yang harus diselesaikan, dibutuhkan sumber daya manusia

yang ahli dalam bidang IT atau disebut juga sebagai Tenaga Ahli. Saat ini Tenaga
Ahli IT di Diskominfotik Lampung tidak banyak sehingga program program dan
kegiatan yang ingin dijalankan menjadi lambat dan kurang efektif. Oleh sebab itu,
kami selaku mahasiswa kerja praktek mengembangkan website Si-Reta (Sistem
Rekrutmen Tenaga Ahli) yang merupakan website untuk rekrutmen Tenaga Ahli
sesuai yang dibutuhkan oleh Diskominfotik Lampung.
Pengembangan website Si-Reta tersebut merupakan salah satu bentuk dari
Smart Province untuk penyelesaian masalah mengenai rekrutmen Tenaga Ahli IT,
karena sampai saat ini rekrutmen Tenaga Ahli masih menggunakan google form
dan jarang ada yang tahu mengenai informasi mengenai lowongan Tenaga Ahli.
Dengan website ini juga pelamar tidak perlu datang secara langsung ke gedung
Diskominfotik Provinsi Lampung, sehingga lebih mudah dan efisien serta lebih
menjaga protokol kesehatan mengingat situasi dan kondisi seperti saat ini.

A.2 Lingkup
Ruang lingkup pada pembuatan frontend website SI-RETA (Sistem Rekruitmen
Tenaga Ahli), adalah sebagai berikut:
1. Mencari tahu kebutuhan atau reqruitment sistem dari client atau pihak
instansi.
2. Menerjemahkan reqruitment sistem dari client ke dalam sebuah desain
sementara yiatu prototype (low-fidelity prototyping).
3. Kontruuksi desain frontend website dari prototype ke dalam sebuah
desain yang akan menjadi hasil akhir dari produk yang dibuat.
4. Memaparkan rancangan desain yang sudah dibuat kepada client/pihak
instansi.
 4

5. Website memberikan informasi mengenai lowongan Tenaga Ahli yang

sedang dibutuhkan pihak instansi dan para pelamar dapat mendaftarkan
diri melalui website tersebut dan webiste dapat dikelola sesuai kebutuhan
instansi oleh admin.
6. Website ini hanya akan dapat diakses jika terhubung dengan internet.

A.3 Tujuan
Tujuan pada pembuatan website SI-RETA (Sistem Rekruitmen Tenaga Ahli),
adalah sebagai berikut :
1. Sebagai Tugas Akhir untuk mata kuliah Kerja Praktek (KP).
2. Sebagai media untuk belajar dan mendaptkan pengalaman kerja secara
langsung, terutama dibidang teknologi informasi.
3. Memahami bagaimana menerapkan ilmu yang diperoleh di perkuliahan
ke tempat kerja.
4. Sebagai sistem yang dapat digunakan dan mempermudah pihak instansi
untuk memberikan informasi lowongan kerja Tenaga Ahli yang sedang
dibutuhkan.
5. Sebagai sistem yang dapat digunakan dan mempermudah para pelamar
untuk mendaftarkan diri sesuai lowongan yang dibutuhkan.

A.4 Hasil Pekerjaan

Kegiatan kerja praktik ini menghasilkan :
1. Hasil dari sistem yang telah diajukan,
2. Laporan Akhir kerja praktik.

A.5 Jadwal Kerja

 5

Jadwal kerja di Diskominfotik Provinsi Lampung adalah 5 hari setiap

minggu, yaitu pada hari senin hingga hari jumat. Oleh karena itu, pelaksanaan
Kerja Praktek disesuaikan mengikuti jadwal hari kerja tersebut Jadwal kerja pada
hari Senin sampai Kamis adalah pukul 08.00-15.30 WIB. Sedangkan pada hari
Jum’at adalah pukul 08.00-16.00 WIB.

A.6. Kerahasian dan Perlindungan Informasi

PERJANJIAN KERAHASIAAN
(NON DISCLOSURE AGREEMENT)

ANTARA
DINAS KOMUNIKASI, INFORMATIKA DAN STATISTIK PROVINSI
LAMPUNG
DENGAN
MAHASISWA TEKNIK INFORMATIKA
ITERA

DALAM KERJASAMA
PERANCANGAN DAN IMPLEMENTASI FRONTEND WEBSITE SI-
RETA (Sistem Rekrutmen Tenaga Ahli)

Perjanjian Kerahasiaan (Non Disclosure Agreement) ini (untuk selanjutnya

disebut sebagai “Perjanjian Kerahasiaan” dibuat dan ditanda tangani pada tanggal
14 Agustus 2020 oleh dan antara :

I. PIHAK DINAS KOMUNIKASI, INFORMATIKA DAN STATISTIK

PROVINSI LAMPUNG berkedudukan Jl. WR.Monginsidi No.69,
Telukbetung, Bandar Lampung, selanjutnya disebut PIHAK PERTAMA.
 6

II. MAHASISWA TEKNIK INFORMATIKA ITERA, adalah mahasiswa

Teknik Informatika angkatan 2017 di Jl. Terusan Ryacudu, Way Huwi, Kec.
Jati Agung, Kabupaten Lampung Selatan, Lampung. Dalam hal ini diwakili
oleh CIKAL ARVI YULIAWAN sebagai mahasiswa, oleh karena itu sah
bertindak untuk dan atas nama mahasiswa Teknik Informatika ITERA, untuk
selanjutnya disebut “PIHAK KEDUA”. PIHAK PERTAMA dan PIHAK
KEDUA selanjutnya secara bersama-sama disebut sebagai “PARA PIHAK”.
PARA PIHAK dengan ini menjelaskan dan menyatakan sebagai berikut :
a. Bahwa PIHAK PERTAMA adalah perusahaan teknologi informasi yang
bergerak di bidang e-commerce.
b. Bahwa PIHAK KEDUA adalah mahasiswa.
c. Bahwa PIHAK PERTAMA bermaksud untuk mengungkapkan suatu
informasi yang bersifat rahasia kepada PIHAK KEDUA berhubungan
dengan teknologi, produk, layanan-layanan PIHAK PERTAMA secara
umum. (untuk selanjutnya disebut sebagai "Pokok Permasalahan”).
d. Bahwa PARA PIHAK menjamin bahwa informasi yang di berikan dan
disampaikan baik secaralisan, tertulis, grafik atau yang disampaikan
melalui media elektronik atau informasi dalam bentuk lainnya selama
berlangsung nya pembicaraan dan/atau selama pelaksanaan kerjasama
dijaga kerahasiannya dari pihak ketiga dari PARA PIHAK dan akan
dipergunakan hanya untuk kepentingan PARA PIHAK.
Berdasarkan hal-hal tersebut diatas PARA PIHAK bersedia untuk memberikan
dan menerima informasi tersebut berdasarkan ketentuan sebagai berikut :
1. Informasi berarti informasi yang tertulis atau dokumentasi yang disimpan dan
dapat dibaca oleh mesin, atau informasi lainnya atau data dalam bentuk apapun
yang :
a) Berhubungan dengan Pokok Permasalahan dalam Perjanjian Kerjasama,
b) Diterima oleh PARA PIHAK, dan
 7

c) Ditentukan sebagai sesuatu rahasia, atau memiliki suatu nilai yang serupa
atau dimana pihak yang mengungkapkan informasi tersebut
menyatakannya secara tertulis pada saat menyampaikannya kepada pihak
yang menerima, agar diperlakukan sebagai sesuatu milik atau bilamana
sifat dari data atau informasi adalah serupa dengan itu maka pihak yang
menerima harus memperlakukan data atau informasi tersebut sebagai
sesuatu yang rahasia. Pengungkapan suatu informasi secara lisan akan
dianggap sebagai milik pihak yang mengungkapkan bilamana pihak yang
mengungkapkan tersebut secara lisan menyatakan bahwa informasi yang
diungkapkan tersebut merupakan miliknya ataupun sesuatu yang rahasia
pada saat pengungkapan atau jika sifat dari informasi tersebut adalah
serupa maka pihak yang menerima pengungkapan informasi tersebut juga
harus memperlakukannya sebagai suatui nformasi yang rahasia pula.
2. PIHAK KEDUA akan mempergunakan Informasi milik PIHAK PERTAMA
tersebut hanya untuk tujuan pelaksanaan Perjanjian Kerjasama.
3. Perjanjian Kerahasiaan ini berlaku sejak tanggal sebagaimana tersebut di atas,
semua informasi-informasi rahasia yang telah diberikan oleh PARA PIHAK
akan selalu menjadi rahasia dan mengikat PARA PIHAK tanpa memandang
pemutusan dan/atau berakhirnya Perjanjian Kerjasama ("Periode Perjanjian
Kerahasiaan").
4. PIHAK KEDUA tidak akan mengungkapkan kepada pihak ketiga atas sesuatu
informasi rahasia yang telah diterima nya berdasarkan Pejanjian Kerahasiaan
ini baik secara keseluruhan ataupun sebagian selama Periode Perjanjian
Kerahasiaan ini dan PIHAK KEDUA menyatakan bahwa kewajiban tentang
kerahasiaan tersebut akan tetap berlaku dalam hal pengakhiran Perjanjian
Kerahasiaan ini.
5. PIHAK KEDUA akan :
 8

a. Mempergunakan paling tidak dengan tingkat usaha perlindungan terhadap

informasi tersebut sebagaimana pihak yang menerima akan melakukan nya
untuk menjaga informasi rahasia miliknya sepanjang bahwa tingkat
perlindungan yang diberikan cukup layak untuk mencegah adanya
pengungkapan yang tidak tepat atau penggunaan yang tidak sah atas
informasi tersebut;
b. Membatasi akses terhadap Informasi tersebut kepada para rekan mahasiswa
yang tidak berkepentingan untuk mengetahui Informasi tersebut dan
memberitahukan kepada para rekan mahasiswa yang telah memperoleh
informasi tersebut mengenai kewajiban-kewajiban mereka menurut
Perjanjian Kerahasiaan ini, dan Atas penemuan sesuatu pengungkapan yang
tidak tepat atau penggunaan yang tidak sah atas Informasi tersebut maka
dengan segera akan melakukan usaha-usaha yang layak untuk mencegah
sesuatu pengungkapan atau penggunaan yang tidak benar lebih lanjut
terhadap informasi tersebut.
c. Apabila PIHAK KEDUA terbukti melakukan pelanggaran hokum dengan
mengungkapkan informasi rahasia yang telah diterima nya maka PIHAK
KEDUA dengan segera harus memberitahukan nya kepada PIHAK
PERTAMA melalui pemberitahuan resmi secara tertulis. Jika PIHAK
PERTAMA menolak untuk mempermasalahkan pengungkapan tersebut,
maka PIHAK KEDUA dapat melanjutkan untuk mengungkapkan informasi
tersebut atas pilihannya sendiri.
d. Atas permintaan dari PIHAK PERTAMA atau setelah berakhirnya
perjanjian kerjasama, PIHAK KEDUA akan berhenti untuk
mempergunakan informasi yang diterimanya dari PIHAK PERTAMA dan
akan memusnahkan semua Informasi tersebut, termasuk segala salinan dari
Informasi tersebut, dan akan melengkapinya dengan suatu pemberitahuan
resmi secara tertulis mengenai pemusnahan terhadap Informasi tersebut
 9

kepada PIHAK PERTAMA atau atas permintaan PIHAK PERTAMA,

dan PIHAK KEDUA akan mengembalikan informasi tersebut kepada
PIHAK PERTAMA.
e. Semua informasi maupun data dalam bentuk apapun, termasuk di dalamnya
tidak terbatas pada dokumen-dokumen, gambar-gambar, spesifikasi-
spesifikasi, prototipe-prototipe, contoh-contoh, dan hal lain-lain yang serupa
yang di dapat kan dalam Perjanjian Kerahasiaan ini oleh PARA PIHAK
akan tetap menjadi milikdari PIHAK PERTAMA dan semua Hak atas
Kekayaan Intelektual terhadap informasi tersebut akan tetap menjadi milik
PIHAK PERTAMA.
6. Tidak satu pun yang terdapat dalam Perjanjian Kerahasiaan ini yang
merupakan:
a. Sebagai kewajiban bagi PIHAK PERTAMA untuk mengungkapkan atau
bagi PIHAK KEDUA untuk menerima Informasi tersebut, kecuali jika
informasi tersebut diperlukan untuk pelaksanaan Perjanjian Kerjasama.
b. Memberikan jaminan kepada salah satu pihak suatu izin, baik yang
dinyatakan secara langsung ataupun yang tidak secara langsung, untuk
sesuatu hak paten, hak cipta, rahasia dagang atau hak kekayaan intelektual
lainnya yang pada saat ini atau selanjutnya dimiliki, diperoleh atau
diberikan ijin oleh pihak lainnya.
7. PIHAK PERTAMA menjamin bahwa dia memiliki hak untuk memindahkan
atau sebaliknya mengungkapkan kepada PIHAK KEDUA suatu informasi
yang diungkapkan kepada PIHAK KEDUA dalam Perjanjian Kerahasiaan ini.
PIHAK PERTAMA tidak akan memberikan jaminan lainnya, baik yang
dinyatakan secara langsung ataupun yang tidak langsung, berkaitan dengan
informasi yang disampaikan menurut Perjanjian Kerahasiaan ini. Perjanjian
Kerahasiaan ini berisikan keseluruhan kesepakatan antara PARA PIHAK dan
 10

tidak dapat diubah dengan cara apapun kecuali dengan perubahan secara
tertulis yang ditandatangani oleh PARA PIHAK.
Demikian Perjanjian Kerahasiaan ini ditandatangani, sebagaimana dimaksud pada
awal Perjanjian Kerahasiaan ini.

Terms of reference ini telah dibaca dan disetujui oleh:

Pihak Mahasiswa

Cikal Arvi Yuliawan

NIM. 14117179

Pihak Instansi

Yulia, S.Kom, MM
19711080619980320
 11

Lampiran B. Log Activity

Nama : Cikal Arvi Yuliawan
NIM : 14117179
Instansi : Diskominfotik Provinsi Lampung
Topik : Perancangan dan Implementasi frontend website Si-RETA
(Sistem Rekrutmen Tenaga Ahli)
Pembimbing Prodi : Ilham Firman Ashari,S.Kom.,M.T
Pembimbing Instansi : Yulia, S.Kom,MM

Berikut dilampirkan Log Activity (Rekam Aktivitas) selama kegiatan Kerja Praktik di
Instansi dalam tabel Log Activity.

Tabel Presensi dan Log Activity

Har
Hari
Hari / Tanggal Kegiatan i Hari / Tanggal Kegiatan
Ke-
Ke-
1.Mengurus surat
tugas untuk
penempatan di 1. Pembelajaran
Bidang Tata Kelola framework
01 Senin/29 Juni 2020 PBE 18 Rabu/22 Juli 2020 Codeigniter.
2. Perkenalan dengan 2. Pengisian nilai
Kabid, Kasi, dan staff evaluasi SPBE
di Bidang Tata Kelola
PBE
1.Menautkan email
PBE ke email client
(outlook)
Standby di ruang
2. memeriksa dan
2 Selasa/30 Juni 2020 19 Kamis/23 Juli 2020 kerja Tata Kelola
mencetak tampilan
SPBE.
aplikasi atau sistem
yang telah dibuat oleh
Diskominfotik
 12

Standby di ruang
Standby di ruang
kerja Bidang Tata
3 Rabu/01 Juli 2020 20 Jumat/24 Juli 2020 kerja Tata Kelola
Kelola PBE
SPBE.

1. Pengisian penilaian
Mencetak surat
mandiri SPBE
sosialiasai evaluasi
4 Kamis/02 Juli 2020 21 Senin/27 Juli 2020 2. Pengisian nilai
SPBE tahun 2020
Indikator Proses
batch 1
Evaluasi
Pengisian nilai
Video conference
evaluasi SPBE dan
bersama Inixindo
menambahkan catatan
5 Jumat/03 Juli 2020 Yogyakarta mengenai 22 Selasa/28 Juli 2020
berupa data
evaluasi SPBE tahun
menambahkan catatan
2020
berupa data.
1. Pembuatan surat
nota dinas Evaluasi
SPBE 2020 Provinsi
Webinar dari Inixindo
Lampung.
Yogyakarta dengan
6 Senin/06 Juli 2020 2. Mengantarkan 23 Rabu/29 Juli 2020
Tema Tanda Tangan
surat nota dinas
Elektronik
Evaluasi SPBE 2020
Provinsi Lampung ke
Sekretariat
1. Menanyakan
mengenai kebutuhan
Bidang Tata Kelola
Video Conference
PBE yang ingin
Bimbingan Teknis
merekrut tenaga ahli.
Pedoman Manajemen
7 Selasa/07 Juli 2020 24 Kamis/30 Juli 2020 2. Pembuatan
Resiko SPBE
undangan Rapat
Gelombang 1 hari
Dinas Kominfotik
pertama.
Provinsi Lampung
membahas Evaluasi
SPBE Tahun 2020.
8 Rabu/08 Juli 2020 Video Conference 25 Jumat/31 Juli 2020 Standby di ruang
 13

Bimbingan Teknis
Pedoman Manajemen
kerja Tata Kelola
Resiko SPBE
PBE.
Gelombang 1 hari
kedua.

Berdiskusi mengenai
perancangan sebuah
Perbaikan Rencana
sistem untuk
Kerja dan Anggaran Senin/03 Agustus
9 Kamis/09 Juli 2020 26 membantu Dinas
Bidang Tata Kelola 2020
Kominfotik dalam
PBE.
melakukan perekrutan
tenaga ahli
Melanjutkan
Menerjemahkan
perbaikan Rencana
Selasa/04 Agustus kebutuhan instansi
10 Jumat/10 Juli 2020 Kerja dan Anggaran 27
2020 kedalam sebuah
Bidang Tata Kelola
desain sementara
PBE.
Berdiskusi dan
menanyakan fitur-
fitur yang diperlukan
Video Conference untuk perancangan
Sosialisasi SPBE Rabu/05 Agustus sistem yang
11 Senin/13 Juli 2020 28
Tahun 2020 hari 2020 digunakan untuk
pertama. merekrut tenaga ahli,
dengan Kasi
Pemanfaatan Aplikasi
yaitu bapak Prastowo.
Mulai merancang
Video Conference
desain sistem untuk
Sosialisasi SPBE Kamis/06 Agustus
12 Selasa/14 Juli 2020 29 membuat prototype
Tahun 2020 hari 2020
menggunakan
kedua.
photoshop.
Standby di ruang Membuat prototype
Jumat/07 Agustus
13 Rabu/15 Juli 2020 kerja Tata Kelola 30 website menggunakan
2020
PBE. photoshop
 14

Berdiskusi dengan
Kasi Pemanfaatan
Mencari tahu dan
Senin/10 Agustus Aplikasi yaitu bapak
14 Kamis/16 Juli 2020 belajar mengenai 31
2020 prastowo mengenai
desain website
prototype website
yang telah dibuat
Membuat frontend
Standby di ruang website dan
Selasa/11 Agustus
15 Jumat/17 Juli 2020 kerja Tata Kelola 32 bekerjasama untuk
2020
PBE. menghubungkan ke
backend.
Standby di ruang Melanjutkan untuk
Rabu/12 Agustus
16 Senin/20 Juli 2020 kerja Tata Kelola 33 pengerjaan frontend
2020
PBE. website
Memperbagus dan
Eksplorasi dan
memperbaiki
pembelajaran task
Kamis/13 Agustus frontend website
17 Selasa/21 Juli 2020 task yang digunakan 34
2020 sesuai dengan
dalam pengerjaan
kebutuhan pihak
website.
instansi.
Mengurus berkas
yang harus diisi dan
melapor pada Bidang
Tata Kelola PBE dan
Sub Bagian Umum
Jumat/14 Agustus dan Kepegawaian
35
2020 bahwa telah selesai
melaksanakan KP,
Presentasi akhir
project ke bapak
Prastowo selaku Kasi
Pemanfaatan Aplikasi
Lampiran C. Dokumen Teknik
Mahasiswa KP dapat melampirkan berbagai dokumen teknik yang merupakan
hasil pelaksanaan KP, contoh Software Requirement Specification (SRS),
Manual Book, Kode Program, dll. Lampiran ini wajib ada, kecuali bagi
perusahaan yang menyatakan bahwa dokumen teknis terkait KP bersifat
confidential. Jika dokumen teknis bersifat confidential, maka lampiran ini diganti
dengan lampiran surat pernyataan dari perusahaan dan ditandatangani oleh
pembimbing di perusahaan bahwa dokumen teknis terkait KP bersifat
confidential.

C-1
 2

Lampiran D. Dokumentasi Kegiatan

 3

Gambar 22 Suasana Kantor

Gambar 23 Kegiatan Kerja Praktek Di Kantor

 4

Gambar 24 Kegiatan Kerja Praktek Di Kantor

Gambar 25 Kegiatan Suasana Kantor

 5

Gambar 26 Kegiatan Kerja Praktik Di Kantor

Gambar 27 Pengerjaan Frontend Website

 6

Gambar 28 Kegiatan Berdiskusi Dengan Kasi Pemanfaatan Aplikasi

Gambar 29 Foto Bersama Kepala Diskominfotik