HALAMAN SAMPU

RANCANG BANGUN SISTEM E-OFFICE BERBASIS WEB

MENGGUNAKAN FRAMEWORK LARAVEL

(Skripsi)

Oleh

I NYOMAN ADI YUDANA

FAKULTAS TEKNIK

UNIVERSITAS LAMPUNG

BANDAR LAMPUNG

2019

ii

ABSTRAK

RANCANG BANGUN SISTEM E-OFFICE BERBASIS WEB

MENGGUNAKAN FRAMEWORK LARAVEL

Oleh:

I NYOMAN ADI YUDANA

Teknologi Informasi semakin berkembang pesat baik dari segi infrastruktur,

perangkat keras dan lunak, juga sumber daya manusia yang dapat meningkatkan

pelayanan. Salah satu bentuk pelayanan adalah adanya pengarsipan data yang

baik. Salah satu proses yang menjadi bagian penting adalah proses pengarsipan

surat yang berfungsi menyediakan data dan informasi dari data yang telah

disimpan dengan cepat dan tepat ketika diperlukan. Pendataan informasi surat

membantu ketika arsip dapat ditemukan kembali dengan cepat dikarenakan

informasi yang lengkap terdapat pada dokumentasi yang dibuat. Masalah yang

dihadapi oleh banyak instansi saat ini adalah kinerja tata usaha bagian pengarsipan kurang efisien karena masih menerapkan sistem pengarsipan yang konvensional

yakni dengan cara ditulis dalam buku agenda. Sistem e-office yang dibuat dapat

memberikan kemudahan bagi pegawai administrasi dalam melakukan

penyimpanan atau pengarsipan surat. Sistem ini dirancang dengan menggunakan

framework Laravel sebagai kerangka serta menggunakan metode extreme

programming untuk membangun sistem. Metode extreme programming

digunakan karena pengembangan sistem ini melalui proses iterasi dalam

pembuatanya sehingga meminimalkan terjadinya kesalahan dalam sistem. Sistem

e-office menggunakan MySQL sebagai database penyimpanan surat yang di

arsipkan. Sistem e-office berbasis web ini dapat bekerja dengan baik setelah

dilakukan pengujian menggunakan blackbox testing dengan metode user

experiance questions (UEQ) yang terdiri dari enam kategori, terdapat empat

kategori mendapatkan nilai baik dari tiga puluh koresponden yang terdiri dari

admin dan mahasiswa universitas Lampung. Sistem dapat melakukan

penyimpanan surat dengan baik serta tertata dengan rapi. Sistem ini juga

memberikan akses untuk dapat melihat serta mencetak kembali surat yang telah

disimpan pada sistem.

Kata kunci: Sistem e-office, framework laravel, exstreme programming, surat,

arsip, website, user experience question.

iii

ABSTRACT

WEB-BASED E-OFFICE SYSTEM USING LARAVEL FRAMEWORK

By:

I NYOMAN ADI YUDANA

Information Technology is growing rapidly both in terms of infrastructure,

hardware, software, and also human resources that can improve services. One

form of service is good data archiving. One process that is an important part is the

process of archiving letters that serve to provide data and information from the

data that has been stored quickly and precisely when needed. Data collection of

letters help when records can be recovered quickly because complete information

is in the documentation created. The problem facing by many agencies today is

that the administrative performance of the archiving section is less efficient

because it still implements a conventional filing system that is written in an

agenda book. The e-office system created to make easier for administrative

employees in storing or archiving letters. This system is designed using the

Laravel framework and useing extreme programming method to build the system.

Extreme programming method is used because the development of this system

through an iteration process in its manufacture to minimize errors in the system.

The e-office system using MySQL as an archived mail storage database. This

web-based e-office system can work well after testing using blackbox testing with

the user experiance questions (UEQ) method which consists of six categories,

there are four categories which are good grades from thirty correspondents

consisting of admins and students of Lampung university. The system can store

letters well and neatly arranged. This system also provides access to be able to

view and reprint letters that have been stored on the system.

Keywords: e-office system, laravel framework, extreme programming, letters,

archives, website, user experiance questions.

iv

RANCANG BANGUN SISTEM E-OFFICE BERBASIS WEB

MENGGUNAKAN FRAMEWORK LARAVEL

Oleh

I NYOMAN ADI YUDANA

Skripsi

Sebagai Salah Satu Syarat Untuk Mencapai Gelar

SARJANA TEKNIK

Pada

Program Studi Teknik Informatika

Jurusan Teknik Elektro

Fakultas Teknik Universitas Lampung

FAKULTAS TEKNIK

UNIVERSITAS LAMPUNG

BANDAR LAMPUNG

2019

v

LEMBAR PERSETUJUAN

Judul Skripsi : RANCANG BANGUN SISTEM E-OFFICE

BERBASIS WEB MENGGUNAKAN

FRAMEWORK LARAVEL

Nama Mahasiswa : I Nyoman Adi Yudana

Nomor Pokok Mahasiswa : 1415061020

Program Studi : Teknik Informatika

Fakultas : Teknik

MENYETUJUI

1. Komisi Pembimbing

Ing. Hery Dian Septama, S.T. Mona Arif Muda, S.T.,M.T.

NIP 198509152008121001 NIP : 197111120000331002

2. Menyetujui

Ketua Jurusan Ketua Program Studi

Teknik Elektro Teknik Informatika

Dr. Herman Halomoan Sinaga, S.T., M.T Mona Arif Muda, S.T.,M.T.

NIP 19711301999031003 NIP : 197111120000331002

vi

LEMBAR PENGESAHAN

MENGESAHKAN

1. Tim Penguji

Ketua : Ing. Hery Dian Septama, S.T….....................

Sekretaris : Mona Arif Muda, S.T., M.T…………

Penguji

Bukan Pembimbing : M. Komarudin, S.T., M.T…………………………

2. Dekan Fakultas Teknik Universitas Lampung

Prof. Suharno, M.sc., Ph.D

NIP 19620717 198703 1 002

Tanggal Lulus Ujian Skripsi : 20 September 2019

vii

SURAT PERNYATAAN

Dengan ini saya menyatakan bahwa hasil skripsi ini dibuat oleh saya sendiri.

Adapun karya orang lain yang terdapat dalam skripsi ini telah dicantumkan

sumbernya pada daftar pustaka.

Apabila pernyataan saya tidak benar adanya, maka saya bersedia dikenai sanksi

sesuai dengan hukum yang berlaku.

Bandar Lampung, 20 Desember 2019

I Nyoman Adi Yudana

1415061020

viii

RIWAYAT HIDUP

Penulis dilahirkan di Seputih Banyak, pada tanggal 18 Juni

1996, Putra ketiga dari lima bersaudara, dari Bapak I Nyoman

Kumpul Sunarte, S.Pd. dan Ibu Ni Wayan Karsi S.Pd.

Pendidikan formal yang pernah ditempuh oleh penulis di saat

Sekolah Dasar adalah Sekolah Dasar Negeri 4 Rukti Basuki yang diselesaikan

pada tahun 2008. Kemudian meneruskan di Sekolah Menengah Pertama Negeri 1

Rumbia yang diselesaikan pada tahun 2011. Melanjutkan ke Sekolah Menengah

Atas Negeri 1 Rumbia dan berhasil tamat di tahun 2014. Tahun 2014, penulis

terdaftar sebagai Mahasiswa Jurusan S1 Program Studi Teknik Informatika,

Jurusan Teknik Elektro, Fakultas Teknik, Universitas Lampung. Selama menjadi

mahasiswa penulis aktif dalam beberapa Organisasi diantaranya Himpunan

Mahasiswa Teknik Elektro (HIMATRO) sebagai Anggota Departemen Kaderisasi

dan Pengembangann Organisasi pada tahun 2015 – 2016, sebagai Wakil Presiden

UKM-U Sains dan Teknologi Universitas Lampung pada tahun 2015-2016.

Penulis melaksanakan Praktek Kerja Lapangan (PKL) di UPT TIK Universitas

Lampung pada tahun 2016. Pada bulan Januari - Februari 2017 penulis

mengaplikasikan ilmu di bidang akademis dengan melaksanakan Kuliah Kerja

Nyata (KKN) PPM di Desa Way Empulau Ulu, Kecamatan Balik Bukit,

Kabupaten Lampung Barat, Provinsi Lampung dengan sebuah progja pengabdian

membangun Pembangkit Listrik Tenaga Mikro Hidro (PLTMH).

ix

PERSEMBAHAN

Astungkara

Atas Berkat dan Rahmat Tuhan Ida Sang Hyang Widhi yang selalu

memberikanku hikmat dalam proses penyelesaian skripsi ini

Karya Tulis ini kupersembahkan untuk:

Ayah dan Ibuku Terkasih

Nyoman Kumpul Sunarte, S.Pd & Ni Wayan Karsi, S.Pd

Serta Kakak dan Adik-adiku Tersayang

Niluh Dewi Kusumawati, S.Pd, Made Yoga Adi Winata,S.T., Putu Sagita

Wageswara, Made Adelia Febriana

Teman-teman kebanggaanku

Rekan-rekan Jurusan Teknik Informatika dan Teknik Elektro

Almamaterku

Universitas Lampung

Bangsa dan Negaraku

Republik Indonesia

Mengucap syukur kepada Tuhan atas berkat dan rahmat yang Tuhan

sediakan bagiku

x

SANWACANA

Puji dan syukur kami panjatkan kehadirat Tuhan Yang Maha Esa yang telah

memberikan segala anugerah dan karunia, sehingga saya dapat melakukan

penilitian ini dengan lancar dan tanpa menemui kendala yang berarti. Penulis

menyadari bahwa penelitian tugas akhir ini masih memiliki banyak kekurangan,

oleh karena itu, penulis mengharapkan saran dan kritik yang bersifat membangun

dari para pembaca agar dapat membuahkan laporan yang lebih baik lagi. Semoga

laporan ini dapat memberikan banyak manfaat bagi pembacanya. Serta saya ingin

mengucapkan terima kasih kepada pihak-pihak yang telah membantu kami dalam

penyelesaian tugas besar ini kepada:

1. Bapak Prof. Suharno, M.Sc., Ph.D. selaku Dekan Fakultas Teknik

Universitas Lampung.

2. Bapak Khairudin, S.T., M.Sc.Ph.D. Eng. Selaku ketua Jurusan Teknik

Elektro Fakultas Teknik Universitas Lampung.

3. Bapak Mona Arif Muda, S.T, M.T. Selaku ketua Program Studi Teknik

Informatika fakultas Teknik Universitas Lampung.

4. Ibu Yessi Mulyani, S.T, M.T. Selaku Mantan Ketua Program Studi Teknik

Informatika fakultas Teknik Universitas Lampung.

xi

5. Bapak Ing. Heri Dian Septama, S.T., M.T. selaku Dosen Pembimbing

Utama, terima kasih atas kesedian waktunya untuk membimbing dan

memberikan ilmu.

6. Bapak Mona Arif Muda, S.T., M.T. selaku pembimbing kedua.

Terimakasih atas waktu dan bimbinganya selama mengerjakan tugas akhir

7. Bapak M. Komarudin, S.T, M.T.. selaku dosen penguji tugas akhir,

terimakasih atas masukan guna membuat tugas akhir ini menjadi lebih

baik lagi.

8. Bapak Raden Arum Setia P, S.T, M.T. Dosen Pembimbing Utama, terima

kasih atas kesedian waktunya untuk membimbing dan memberikan ilmu

sebelum melanjutkan studi S3.

9. Bapak serta Ibu dosen jurusan Teknik Elektro dan Teknik Informatika atas

didikannya, bimbingan dan arahan yang telah diberikan.

10. Mbak Ning dan Mbak Rika serta jajaran staff jurusan Teknik Elektro.

11. Bapak dan Ibu yang saya cintai, yang senantiasa mendoakan dan memberi

dukungan kepada penuils.

12. Mbak Dewi, Kak Yoga, Dek Putu dan Dek Adelia di rumah yang tak

henti-hentinya memberikan semangat untuk menyelesaikan tugas akhir ini.

13. Teman-teman paling setia dan paling rapuh Arif Fauzi, S.T dan Andre

Perioza,S.T yang selalu setia menemani sampai kita bisa wisuda bareng.

14. Teman-teman jurusan Teknik Informatika angkatan 2014, Aji, Umar,

Kadek, Arham, Desi, Restu, Wulan, Resalina, dan semuanya yang penulis

tidak dapat sebutkan satu persatu.

xii

15. Teman-teman jurusan Teknik Elektro angkatan 2014, Dikson, Riko,

Salim, Alfaris, Arif septa, Deka, Ega, Asep, Manda, Edi , dan semuanya

yang penulis tidak dapat sebutkan satu persatu

16. Teman-teman jurusan Teknik Elektro angkatan 2015, Haedar, Dian, Adil,

Agung, Egi, Bolang, dan semuanya yang penulis tidak dapat sebutkan satu

persatu

17. Teman-teman yang selalu menyemangati A.A Gieniung Pratidina, S.Kom,

Nurmala, Filza, Bambang, Ayisa dan semuanya yang penulis tidak dapat

sebutkan satu persatu

18. Adik-adik jurusan Teknik Elektro lainya, Abdul Munif Hanafi, S.T,

Yayan Alfianto, S.T, Paian Panbless,S.T, Abi, Farhan, Zidan, Gee, dona

dan semuanya yang penulis tidak dapat sebutkan satu persatu

19. Keluarga besar Himpunan Mahasiswa Teknik Elektro (HIMATRO) yang

telah memberikan warna-warni kehidupan baru di dunia kampus.

Dengan segala kerendahan hati, saya menyadari bahwa penyusunan laporan ini

masih banyak kekurangan sehingga jauh dari kata sempurna. Saya memohon maaf

apabila terjadi kesalahan baik dalam hal penulisan maupun penyampaian. Kami

berharap semoga laporan ini dapat bermanfaat dan dapat menambah ilmu

pengetahuan serta dapat diaplikasikan secara nyata.

Bandar Lampung, 20 Desember 2019

Penulis

I Nyoman Adi Yudana

1415061020

xiii

DAFTAR ISI

HALAMAN SAMPUL ............................................................................................ i

ABSTRAK .............................................................................................................. ii

ABSTRACT ........................................................................................................... iii

LEMBAR PERSETUJUAN.................................................................................... v

LEMBAR PENGESAHAN ................................................................................... vi

SURAT PERNYATAAN...................................................................................... vii

RIWAYAT HIDUP .............................................................................................. viii

PERSEMBAHAN .................................................................................................. ix

SANWACANA ....................................................................................................... x

DAFTAR ISI ........................................................................................................ xiii

DAFTAR GAMBAR ............................................................................................ xv

DAFTAR TABEL ............................................................................................... xvii

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

1.1 Latar Belakang Masalah ............................................................................... 1

1.2 Tujuan Penelitian ......................................................................................... 3

1.3 Manfaat Penelitian ....................................................................................... 3

1.4 Rumusan Masalah ........................................................................................ 4

1.5 Batasan Masalah........................................................................................... 4

1.6 Sistematika Penulisan................................................................................... 5

BAB II TINJAUAN PUSTAKA ............................................................................ 6

2.1 Website ......................................................................................................... 6

2.2 E-office ........................................................................................................ 7

2.3 Framework Laravel ..................................................................................... 8

2.4 Hyper Text Markup Language ( HTML) ................................................... 10

2.5 PHP ............................................................................................................ 11

2.6 MySQL ....................................................................................................... 11

2.7 XAMPP ...................................................................................................... 12

2.8 Metode Pengembangan Sistem .................................................................. 13

2.9 Entity Relationship Diagram (ERD) .......................................................... 15

2.10 Penelitian Terdahulu ................................................................................. 17

BAB III METODE PENELITIAN....................................................................... 19

xiv

3.1 Waktu Jadwal dan Tempat Penelitian ........................................................ 19

3.2 Alat dan Bahan ........................................................................................... 20

3.3 Tahapan dalam Pelaksanaan Tugas Akhir ................................................. 20

3.3.1 Planning .............................................................................................. 21

3.3.2 Design ................................................................................................ 22

3.3.3 Coding ............................................................................................... 24

3.3.4 Testing ............................................................................................... 24

BAB IV HASIL DAN PEMBAHASAN .............. ERROR! BOOKMARK NOT

DEFINED.

4.1 User Design ................................................. Error! Bookmark not defined.

4.1.1 Modeling Data Activity ........................ Error! Bookmark not defined.

4.1.1.1. Menentukan fitur-fitur sistem e-office dari setiap objek .... Error!

Bookmark not defined.

4.1.1.2. Membuat use case dan membangun activity diagram ........ Error!

Bookmark not defined.

4.1.2 System Detailed Analysis ..................... Error! Bookmark not defined.

4.1.2.1. Menentukan fitur-fitur sistem e-office dari setiap objek .... Error!

Bookmark not defined.

4.2 Coding ......................................................... Error! Bookmark not defined.

4.3 Tahapan Iterasi ............................................ Error! Bookmark not defined.

4.4 Testing ......................................................... Error! Bookmark not defined.

4.4.1. Fungsional Testing ............................. Error! Bookmark not defined.

4.4.1.1. Fungsional testing administrator Error! Bookmark not defined.

4.4.1.2. Fungsional testing sekretaris ...... Error! Bookmark not defined.

4.4.1.3. Fungsional testing Manager ....... Error! Bookmark not defined.

4.4.1. User acceptance test (UAT) untuk sistem e-office .. Error! Bookmark

not defined.

LAMPIRAN .......................................................................................................... 29

xv

DAFTAR GAMBAR

xvi

xvii

DAFTAR TABEL

BAB I

PENDAHULUAN

1.1 Latar Belakang Masalah

Teknologi Informasi semakin berkembang pesat baik dari segi infrastruktur,

perangkat keras dan lunak, juga sumber daya manusia, perkembangan ini

bertujuan mempermudah pusat layanan dan informasi. Salah satu cara melakukan

pendekatan layanan antara masyarakat dengan instansi yang dituju adalah dengan

meningkatkan good governance. Maksud dari good governance adalah

terciptanya suatu sistem administrasi yang mempermudah pekerjaan pegawai di

dalam instansi tersebut oleh karena itu, dibutuhkan sebuah solusi dalam

melakukan administrasi serta pengambilan keputusan dalam suatu instansi agar

dapat berjalan cepat dan efisien. Oleh karena itu, pengelolaan surat harus

dilakukan setepat-tepatnya sehingga selalu dapat diikuti proses perkembanganya.

Tujuan dari kearsipan adalah menyediakan data dan informasi dengan cepat dan

tepat ketika diperlukan. Pendataan informasi surat membantu ketika arsip dapat

ditemukan kembali dengan cepat dan tepat dikarenakan informasi yang lengkap

terdapat pada dokumentasi yang dibuat. Masalah yang dihadapi oleh banyak

instansi saat ini adalah kinerja tata usaha bagian pengarsipan kurang efisien

karena masih menerapkan sistem pengarsipan yang konvensional, yakni dengan

2

cara ditulis dalam buku agenda. Hal tersebut merupakan permasalahan yang ada

ketika ingin mencari kembali surat yang telah diarsipkan akan sulit didapat karena

tidak adanya pencatatan mengenai di mana surat tersebut disimpan dan

diarsipkan. Bahkan ada masanya surat yang telah masuk diagendakan kembali di

mana surat surat sebelumnya sudah pernah diagendakan. Berdasarkan hal tersebut

diperlukan suatu sistem informasi yang mampu melakukan manajemen surat

secara terstruktur.

Sistem informasi e-office merupakan sebuah layanan yang dapat membantu

mempermudah sistem administrasi pada sebuah instansi. Diharapkan sistem e-

office mampu membantu untuk mempercepat penggunaan dalam memperoleh

kebutuhan informasi dan mewujudkan sistem manajemen surat secara sistematis.

Oleh karena itu, sistem e-office bertujuan untuk meningkatkan efisiensi,

ketepatan, dan keamanan dokumen yang diarsipkan. Dengan adanya e-office ini,

diharapkan dapat mengubah sistem kinerja suatu instansi dalam memanajemen

pengarsipan sehingga dapat lebih efektif dan efisien guna mewujudkan good

govenance.

Sistem informasi ini dibangun menggunakan bahasa pemrograman PHP dan

MySQL, dengan menggunakan Framework Laravel dan Xampp. PHP merupakan

bahasa pemrograman yang digunakan untuk membuat program website dimana

kode program yang telah dibuat digabungkan dan dijalankan pada sisi server

untuk menghasilkan halaman website, sedangkan MySQL merupakan salah satu

perangkat lunak untuk manajemen database SQL.

3

1.2 Tujuan Penelitian

Tujuan dari penelitian ini antara lain:

1. Merancang dan membangun sebuah sistem informasi e-office yang nantinya

dapat diaplikasikan dikemudian hari.

2. Memudahkan proses pengarsipan surat masuk dan surat keluar di suatu

instansi sehingga sistem pengarsipan tidak berjalan secara manual lagi.

3. Memudahkan pengarsipan pada suatu instansi sehingga dapat meminimalkan

penggunaan kertas yang menumpuk sebagai arsip.

1.3 Manfaat Penelitian

Manfaat yang diharapkan pada penelitian ini adalah:

1. Sistem ini dapat mengefisienkan waktu dalam mendisposisi surat masuk dan

surat keluar dari sebuah instansi.

2. Sistem ini mempermudah pengarsipan dan memonitoring surat masuk dan

surat keluar serta kegiatan yang akan dilakukan oleh setiap bidang di suatu

instansi.

3. Penyimpanan arsip surat keluar dan surat masuk lebih tertata dengan baik.

4

1.4 Rumusan Masalah

Berdasarkan permasalahan yang ada, rumusan masalah dari penelitian ini antara

lain:

1. Bagaimana administrasi dalam suatu instansi dapat berjalan dengan efisien?

2. Bagaimana pengarsipan surat masuk dan surat keluar serta agenda lainnya

dapat tersusun secara rapi dalam suatu sistem informasi e-office?

3. Bagaimana administrasi dapat dimonitor oleh kepala instansi dimana saja

tanpa harus harus berada di kantor?

1.5 Batasan Masalah

Laporan penelitian ini membahas mengenai perancangan sistem informasi e-office

berbasis web, yaitu sistem informasi untuk memudahkan dalam pembuatan surat

surat keluar, surat masuk, pengarsipan surat, pengarsipan agenda, pelaporan surat,

dan memberikan knowledge manajemen mengenai agenda yang ada. Laporan ini

tidak membahas konsep pemrograman web dengan Framework PHP, MySQL, dan

HTML5 juga mengenai pemeliharaan, penginstallan web ke-dalam server dan

yang berhubungan mengenai server secara mendalam.

5

1.6 Sistematika Penulisan

Dalam pembahasan laporan penelitian ini, sistematika penulisan yang digunakan

sebagai berikut :

I. PENDAHULUAN

Bab ini meliputi latar belakang, batasan masalah, rumusan masalah, tujuan

penelitian, metode penelitian dan sistematika penulisan.

II. TINJAUAN PUSTASKA

Bab ini berisi prinsip, pengetahuan, rumus, dan teori penunjang tentang

Laravel, Xampp, PHP, HTML5 dan MySQL.

III. METODE PENELITIAN

Bab ini berisi mengenai metode yang digunakan dalam pembuatan sistem

informasi ini

IV. PEMBAHASAN

Pada bab pembahasan berisi tentang perancangan sistem informasi yang

akan dibuat dan penjelasan user interface-nya dan analisa sistem yang

telah dibuat.

V. PENUTUP

Simpulan dan saran hasil penelitian

DAFTAR PUSTAKA

LAMPIRAN

6

BAB II

TINJAUAN PUSTAKA

2.1 Website

Website atau web adalah suatu kumpulan halaman yang menampilkan informasi

data berupa teks, gambar, suara, video maupun gabungan antara semuanya baik

yang bersifat statis maupun yang bersifat dinamis. Setiap halaman ini akan

membentuk suatu rangkaian yang saling berkaitan satu dengan lainnya yang

masing-masing dihubungkan dengan jaringan-jaringan halaman (hyperlink) [1].

Website terbagi menjadi dua tipe yaitu website statis dan website dinamis. Website

statis merupakan website yang isi di dalamnya jarang terjadi perubahan.

Sedangkan website dinamis adalah website yang berisi informasi yang interaktif

dan dua arah di mana terjadi interaksi antara pemilik website dan pengguna

website.

Website sistem e-office ini merupakan suatu website yang bersifat dinamis, di

mana pada setiap halaman website terjadi interaksi dari pengguna website dan admin.

Website sistem e-office merupakan website yang bertujuan untuk menerima data dan

menghimpun data dari surat masuk dan surat keluar dalam suatu instansi sehingga data

yang dimasukan tersimpan secara rapi di dalam database yang dibangun [1].

7

2.2 E-office

Surat merupakan alat komunikasi yang tertulis dan berasal dari satu pihak dan

ditujukan kepada pihak lain. Surat juga berarti selembar kertas atau lebih yang

digunakan untuk memberikan komunikasi secara tertulis.

Dari beberapa pendapat mengenai surat, maka pengertian surat merupakan sarana

komunikasi tertulis yang ditujukan kepada orang atau instansi yang bertujuan

untuk memberikan suatu informasi, perintah atau suatu pemberitahuan[2].

E-office adalah sebutan untuk penggunaan komputer berbasis teknologi informasi pada

pekerjaan kantor. E-office merupakan sebuah sistem yang membantu dan mempermudah

pekerjaan serta pengarsipan pada suatu kantor. E-office adalah sistem yang berkaitan

dengan administrasi kantor. Proses e-office adalah proses penghapusan kertas dan

membuat sebagian besar dari kantor beralih dengan komunikasi elektronik. E-office dapat

meningkatkan efisiensi sebuah organisasi, dengan demikian meningkatkan tingkat

layanan mereka. Secara teoritis e-office dapat menurunkan biaya serta mengurangi

penggunaan kertas [2].

8

2.3 Framework Laravel

Perkembangan teknologi informasi saat ini semakin pesat. Salah satu bentuk

sistem pengarsipan adalah melalui sebuah website. Seiring pekembangan zaman,

website yang dikembangkan terus mengalami peningkatan. Penulisan kode

program tidak hanya sekedar memanfaatkan logika aplikasi yang unik melainkan

sudah menggunakan framework [3].

Berbicara mengenai aplikasi web tidak bisa dilepaskan dari pembagian kerja

anggota tim. Aplikasi web yang berskala besar tidak hanya membutuhkan seorang

programmer saja, akan tetapi melibatkan pula seorang web desainer, system

analis, database maintainer, dan beberapa tim lainnya. Tingkat kerumitan dan

kesamaan cara pandang inilah yang melahirkan konsep kerangkan kerja

(framework) dalam pengembangan aplikasi berbasis web[4].

Framework memudahkan setiap anggota tim untuk dapat bekerja sama dengan

satu cara pandang, sekaligus mempermudah pembagian kerja. Pada umumnya

framework terdiri atas file-file PHP yang bisa digunakan untuk dikolaborasikan

dengan aplikasi yang sedang dikembangkan. Terdapat banyak sekali jenis-jenis

framework yang digunakan saat ini, salah satu framework yang saat ini digunakan

adalah framework laravel.

Laravel adalah suatu framework PHP yang dibuat oleh Taylor Otwell yang dirilis

oleh MIT (Massachusetts Institute of Technology) pada April 2011. Awal mula

proyek Laravel ini dibuat karena Otwell sendiri tidak menemukan suatu

framework yang up-to-date dengan versi PHP. Maka dari itu dibuatlah Laravel ini

9

yang berkembang seiring dengan versi PHP saat ini. Framework Laravel dibangun

dengan konsep MVC (Model-Controller-View). Konsep MVC merupakan

pemisahan antara informasi (model), interaksi program (controller) dan deklarasi

informasi kepada pengguna (view) [4].

a. Model

Model adalah tempat di mana semua logika dari aplikasi ini tersimpan, di dalam

model terdapat beberapa kelas yang berisi program yang dapat melakukan query

data pada tabel di dalam database. Laravel memiliki model ORM (Object

Relational Mapping) yang dapat melakukan tugas tersebut dengan kode program

yang indah dan ekspresif.

b. View

View merupakan bagian dalam suatu aplikasi yang dibangun untuk mengatur

tampilan yang diberikan terhadap pengguna. Dapat dikatakan bahwa view ini

adalah tampilan yang dimiliki oleh suatu aplikasi berbasis web.

c. Controller

Controller merupakan suatu proses yang terjadi dalam suatu aplikasi yang

menghubungkan antara model dan view. Controller juga berisi perintah-perintah

yang berfungsi untuk memproses suatu data dan mengirimkanya ke halaman

web[5].

Untuk dapat melakukan instalasi laravel kita harus menggunakan composer.

Composer merupakan suatu dependency untuk PHP, dimana composer dapat

menambahkan library yang dibutuhkan untuk membangun website secara

10

otomatis tanpa harus men-download secara manual satu persatu. Composer ini

mirip dengan penggunaan ‘apt get install’ pada sistem operasi linux.

2.4 Hyper Text Markup Language ( HTML)

HTML (Hyper Text Markup Language) merupakan bahasa tampilan yang

digunakan untuk membangun halaman web yang dapat menampilkan atau

menayangkan berbagai informasi pada browser. HTML adalah bahasa yang

banyak digunakan di dunia penerbitan yang disebut dengan SGML (Standard

Generalized Markup Language), HTML adalah standar yang digunakan secara

luas untuk menampilkan halaman web.

HTML adalah kode yang menginstruksikan browser untuk menghasilkan tampilan

sesuai dengan yang diinginkan. Sebuah file HTML dapat dibuka dengan

menggunakan browser web seperti mozilla firefox atau microsoft internet

explorer. HTML juga dapat dikenali oleh aplikasi atau program lain yang

memiliki kemampuan browser.

HTML mirip teks biasa, tetapi bisa memuat instruksi dengan TAG tertentu.

Contoh jika akan membuat teks ditampilkan menjadi: TEBAL, maka

penulisannya dilakukan dengan cara: <b>TEBAL</b>. Tanda <b> digunakan

untuk mengaktifkan instruksi cetak tebal atau bold, yang diikuti oleh teks dan

diakhiri dengan tanda </b> untuk menonaktifkan cetak tebal tersebut[6].

Namun pada perkembangan teknologi yang semakin pesat ini penggunaan bahasa

HTML untuk menentukan atau membuat tampilan pada halaman website sudah

mulai ditinggalkan dan sebagai gantinya banyak programmer lebih memilih

11

menggunakan Cascading Style Sheets (CSS) atau menggunakan bahasa

pemrograman lainya.

2.5 PHP

PHP (Hypertext Preprocessor) adalah bahasa pemrograman untuk membuat

website, kode program yang telah dibuat dikompilasi dan ditempatkan pada sisi

server sehingga programmer dapat memasukan kode program untuk membuat

tampilan halaman website yang dinamis dan interaktif. Penulisan kode program

PHP menjadi satu dengan HTML dan kode tersebut berjalan pada sisi server.

PHP awalnya berupa kumpulan script yang digunakan untuk mengolah data dari

web. Jadi semula PHP digunakannya untuk menghitung jumlah pengunjung di

dalam webnya[4].

PHP menjadi bahasa scripting untuk keperluan umum yang digunakan untuk

membangun web application dan dapat memberikan tampilan web yang dinamis

dan interaktif. Sebagai bahasa pemrograman, kode PHP diproses menggunakan

sebuah aplikasi penerjemah yang berfungsi melakukan operasi yang diinginkan

sehingga menampilkan hasil yang sesuai dengan desain yang dibuat[5].

2.6 MySQL

MySQL adalah system manajemen basis data SQL (DBMS) yang multithread, dan

multi-user. MySQL adalah sebuah implementasi dari sistem manajemen basis data

12

relasional (RDBMS). Setiap orang dapat menggunakan MySQL secara bebas

karena didistribusikan secara gratis dibawah lisensi GPL (General Public License)

namun tidak boleh dijadikan komersil atau diperjual belikan secara ilegal.

MySQL merupakan database server yang digunakan untuk mengakses database.

SQL merupakan bahasa yang menjadi dasar dari sistem database, proses

pengaksesan database lebih baik dibandingan dengan yang lain. Elemen dari SQL

yang paling dasar antara lain pernyataan, nama, tipe data, ekspresi, konstanta[6].

2.7 XAMPP

XAMPP merupakan singkatan dari X (empat sistem operasi apapun), Apache,

MySQL, PHP, Perl. XAMPP adalah perangkat lunak bebas, yang mendukung

banyak sistem operasi, dan merupakan kompilasi dari beberapa program.

Fungsinya xampp adalah sebagai server yang berdiri sendiri (localhost), yang

terdiri atas program Apache HTTP Server, MySQL database. Program ini tersedia

dalam GNU General Public License dan bebas untuk digunakan secara luas.

Xampp merupakan web server yang mudah digunakan yang dapat melayani

tampilan halaman web yang dinamis. Untuk mendapatkanya dapat mendownload

langsung dari web resminya[7].

Mengenal bagian XAMPP yang biasa digunakan pada umumnya:

a. htdoc adalah folder tempat meletakkan berkas-berkas yang akan dijalankan,

seperti berkas PHP, HTML dan skrip lain.

13

b. phpMyAdmin merupakan bagian untuk mengelola basis data MySQL yang

ada dikomputer. Control Panel yang berfungsi untuk mengelola layanan

(service) XAMPP. Seperti menghentikan (stop) layanan, ataupun memulai

(start)

2.8 Metode Pengembangan Sistem

Metode yang digunakan dalam pembutan sistem informasi ini adalah

metodeextreme Programming (XP). extreme programming merupakan salah satu

metode dari agile methods dengan menggunakan pendekatan atau model

pengembangan perangkat lunak yang mencoba menyederhanakan berbagai

tahapan dalam proses pengembangan tersebut sehingga menjadi lebih adaptif dan

fleksibel. XP bukan hanya berfokus pada coding tetapi meliputi seluruh area

pengembangan perangkat lunak. XP mengambil pendekatan ‘ekstrim’ dalam

iterative development.

14

Gambar 2. 1 Alur Metode Exstreme Programming

XP Pertama kali diusulkan oleh Kent Beck dan Ward Cunningham pada bulan

Maret 1996, asal mula XP digunakan karena pada saat itu permintaan dari

customer yang sering berubah dengan cepat sehingga mengakibatkan putaran

kehidupan metode pengembangan perangkat lunak tradisional menjadi lebih

pendek dan tidak selaras dengan metode tradisional karena pada umumnya

memerlukan desain yang luas dan itu mengakibatkan perubahan desain yang

terjadi dan tentu saja memerlukan biaya yang lebih tinggi. Tujuan XP adalah

meminimalkan biaya yang diperlukan jika ada perubahan dalam pengembangan

perangkat lunak[6].

Metode exstreme programming dibagi menjadi empat tahapan yaitu:

1. Planning

15

Tahap planning dimulai dengan membuat user stories yang menggambarkan

output, fitur, dan fungsi-fungsi dari software yang akan dibuat.

2. Design

Design di XP akan menggunaan Spike Solution dimana pembuatan design

dibuat langsung ke tujuannya. XP juga mendukung adanya refactoring dimana

software system diubah sedemikian rupa dengan cara mengubah stuktur kode dan

menyederhanakannya namun hasil dari kode tidak berubah.

3. Coding

Proses coding pada XP diawali dengan membangun serangkaian fungsional test.

Setelah itu pengembang akan berfokus untuk mengimplementasikannya. Dalam

Extreme Programming diperkenalkan istilah Pair Programming dimana proses

penulisan program dilakukan secara berpasangan.Dengan melakukan ini akan

didapat real-time problem solving dan real-time quality assurance.

4. Testing

Tahap ini dilakukan pengujian kode pada fungsional test. DalamXP diperkenalkan

acceptance test atau biasa disebut customer test. Tes ini dilakukan oleh customer

yang berfokus kepada fitur dan fungsi sistem secara keseluruhan. Acceptance test

ini berasal dari user stories yang telah diimplementasikan[6].

2.9 Entity Relationship Diagram (ERD)

16

Entity Relationship diagram (ERD) merupakan suatu pengetahuan yang

digunakan atau dibutuhkan untuk memodelkan kebutuhan dari data dari sebuah

database. Dalam tahap analisis persyaratan proyek pengembangan system desain

database relasional yang mendasari sistem informasi yang dikembangkan. ERD

bersama-sama dengan detail pendukung merupakan model data yang digunakan

sebagai spesifikasi untuk database. Komponen penyusun ERD adalah sebagai

berikut :

Gambar 2. 2. Komponen entity relation diagram (ERD)

Entitas adalah objek dalam dunia nyata yang dapat dibedakan dengan objek lain.

Entitias terdiri atas beberapa atribut. Atribut merupakan elemen unik untuk

mengidentifikasikan atau membedakan data yang satu dengan yang lainnya. Pada

setiap entitas harus memiliki 1 atribut unik. Atribut adalah elemen yang berfungsi

untuk mendeskripsikan karakteristik dari entitas tersebut. Isi dari atribut dapat

mengidentifikasikan isi elemen satu dengan yang lain[9].

17

2.10 Penelitian Terdahulu

Penelitian terdahulu yang dilakukan oleh Dila Nurila dari Universitas Lampung,

mengenai sistem informasi manajemen surat (SMART) pada Badan

Kependudukan dan Keluarga Berencana Nasional Provinsi Lampung. Pada

penelitian tersebut Dila Nurila menggunakan metode waterfall pada perancangan

sistem informasi SMART tersebut. Sistem informasi SMART hanya dibuat

menggunakan bahasa pemrograman PHP dan basis data MySQL serta belum

menggunaka framework sebagai kerangka kerja dalam pembangunan sistem

tersebut.

Penelitian selanjutnya adalah pengembangan aplikasi e-office pencatatan dokumen

pada Badan Kepegawaian Daerah Provinsi Jawa Barat dengan menggunakan

metode RAD. Pengemangan ini dilakukan oleh Regina Ayu Prameswari Wade

dari Universitas Telkom. Pada pengembangan sistem e-office ini menggunakan

metode RAD serta sudah menggunakan framework yaitu codeigniter.

Pengembangan ini membahas mengenai pencatatan dan pengarsipan dokumen,

tidak adanya proses mengenai surat menyurat dalam sistem ini.

Penelitian lain mengenai e-office dilakukan oleh Devanda Andrevianto dari

Universitas Muhammadiyah Surakarta yang berjudul pembuatan aplikasi e-office

di PT. Almega Sejahtera untuk mendukung kegiatan perkantoran berbasis web

menggunakan fi framework. Pada penelitian ini metode yang digunakan adalah

metode waterfall serta masih terbatasnya fitur yang tersedia pada aplikasi ini.

18

Pada aplikasi ini berfokus pada pencatatan inventaris yang dimiliki oleh

perusahaan.

BAB III

METODE PENELITIAN

3.1 Waktu Jadwal dan Tempat Penelitian

Tugas Akhir ini dilaksanakan dari Mei 2018 sampai dengan September 2019,

yang bertempat di Laboratorium Teknik Komputer Jurusan Teknik Elektro

Universitas Lampung.

Tabel 3. 1 Tabel waktu penelitian

No Aktifitas Mar Apr Mei Juni Juli

Agustus s/d

Mei Juni Juli Agst Sep

2018 2018-2019 2019

1 Studi Literatur

2 Analisis Kebutuhan

7 Iterasi Sistem

3 Planning

4 Desain

6 Coding

8 Testing

5 Seminar Usul

9 Seminar Hasil

10 Perbaikan

10 Ujian Komprehensif

20

3.2 Alat dan Bahan

Perangkat keras dan perangkat lunak yang digunakan untuk pengembangan tugas

akhir ini adalah sebagai berikut

Tabel 3. 2. Alat dan bahan

No Perangkat Spesifikasi Kegunaan Jumlah

1 Laptop Intel core i5 3570k, RAM

6GB, HDD 500GB

Perangkat pembuat dan

penguji aplikasi

1

2 HTML HTML 5 Bahasa sematik

pembangun aplikasi

1

3 PHP PHP Script penarik data 1

4 Composer Composer Sebagai package

manager

1

5 XAMPP XAMPP Windows 5.6.36 Sebagai server yang

berdiri sendiri

(localhost)

1

6 Visual Code Visual Studio Code Software pengeksekusi

dan pembangun

program

1

3.3 Tahapan dalam Pelaksanaan Tugas Akhir

Metode penelitian yang digunakan dalam pelaksanaan dan pengerjaan tugas akhir

ini adalah metode XP (eXstreme Programming). Metode ini adalah salah satu

metode dari agile methods yang merupakan sebuah pendekatan atau model

pengembangan perangkat lunak yang mencoba menyederhanakan baebagai

tahapan dalam proses pengembangan tersebut sehingga menjadi adaptif dan

fleksibel. Dalam metode ini terdapat empat tahapan dalam pengerjaanya yaitu:

21

3.3.1 Planning

Tahap pertama adalah mengumpulkan informasi yang dibutuhkan untuk di

masukan ke dalam sistem e-office ini. Pada tahap ini yang dilakukan adalah

menentukan kebutuhan fungsional dari sistem e-office. Berikut adalah kebutuhan

sistem yang diperlukan:

a) Kebutuhan fungsional

Home

Surat Masuk

Surat Keluar

Disposisi Surat

Pelaporan

Arsip Digital

b) Alur Sistem

22

Gambar 3. 1 Alur Sistem Surat

3.3.2 Design

Langkah kedua yaitu mendesain sistem e-office. Pada tahap desain sistem ini

memudahkan untuk memahami dan membuat sistem e-office. Pada tahap ini

desain sistem yang dibuat adalah :

a. Use case Diagram

Pada Tahap ini yang pertama dibuat adalah use case diagram yang digunakan

untuk mendeskripsikan interaksi antar aktor yang terlibat dalam sistem e-office

ini. Use case diagram dapat dilihat pada gambar 3.2 dibawah ini.

Gambar 3. 2. Use case Diagram Sistem e-office

23

b. ERD ( Entity Relation Diagram)

Pada tahap ini yaitu membuat rancangan database dalam bentuk diagram seperti

gambar 3.3 berikut.

Gambar 3. 3 ERD ( Entity Relation Diagram)

c. Desain Antarmuka

Desain antarmuka dalam sistem ini dibagi menjadi beberapa menu yang berisi

sub-menu yaitu home, surat masuk, surat keluar, disposisi, laporan, pengaturan ,

dan about. Rancangan antarmuka ini dibuat berdasarkan desain pada use case

24

diagram dan entity relationship diagram yang telah dibuat dengan

menerapkannya ke dalam form.

3.3.3 Coding

Setelah mendesain sistem, selanjutnya adalah menuliskan kode program

menggunakan bahasa PHP dengan software pendukung seperti visual code studio,

serta menggunakan framework Laravel sebagai kerangka pembuatan sistem e-

office ini.

3.3.4 Testing

Proses testing atau pengujian yang akan dilakukan ada dua tahapan, yaitu

pengujian fungsional untuk mengetahui apakah semua fungsi dari masing-masing

entitas yang dibuat sesuai dengan analisis kebutuhan dan berjalan dengan baik

atau tidak. Pengujian yang ke-dua yaitu pengujian konektivitas untuk mengetahui

apakah sistem bisa di akses dan database dapat terkoneksi dengan baik oleh

komputer client atau tidak

BAB V

KESIMPULAN DAN SARAN

5.1 KESIMPULAN

Berdasarkan hasil yang telah dicapai dalam tugas akhir ini, terdapat beberapa

kesimpulan sebagai berikut:

1. Dalam membangun Sistem E-office berbasis Web dengan Framework Laravel

terdapat empat buah sub-sistem yang saling terintegrasi, yaitu sistem

disposisi, tampilan sistem administrasi mengatur sistem, dan layanan arsip

surat.

2. Hasil pengujian fungsionalitas dari sistem e-office sesuai dengan

perancangannya.

3. Penggunaan framework laravel pada pembuat sistem e-office memberikan

kemudahan dengan konsep MVC yang membuat sistem menjadi responsif.

4. Berdasarkan hasil pengujian sistem e-office berhasil memenuhi kebutuhan

instansi dalam melakukan pengarsipan surat.

5. Berdasarkan hasil User Acceptance Test (UAT) sistem e-office dengan

metode UEQ dari enam kategori, terdapat empat kategori mendapatkan nilai

baik dari tiga puluh koresponden yang terdiri dari admin dan mahasiswa

Universitas Lampung.

26

5.2 SARAN

Berdasarkan dari pengalaman penulis dalam melakukan tugas akhir ini, adapun

saran untuk pengembangan sistem selanjutnya, yaitu:

1. Sistem yang telah dibuat belum dapat memberikan notifikasi langsung ke

pimpinan. Untuk penelitian selanjutnya bisa menambahkan notifikasi melalui

aplikasi android

2. Sistem ini dapat dikembangkan lagi dengan menambahkan proses

penyimpanan terpadu sehingga dapat mengakses informasi surat secara

langsung.

3. Menambahkan proses disposisi yang dapat diwakilkan oleh pejabat lainya.

DAFTAR PUSTAKA

[1] Al-Bahra. 2013 .Analisis Desain Sistem Informasi, edisi 1, penerbit Graha

ilmu.

[2] E. Ardhianto, “Rancang Bangun E-office Administrasi Agenda Kegiatan

Promosi Unisbank Semarang,” J. Teknol. Inf. Din., vol. 20, no. 1, pp. 17–24,

2015.

[3] Awan Pribadi Basuki. 2014.Konsep dan Implementasi Pemprograman

Laravel Yogyakarta : Lokomedia.

[4] S. McCool, Laravel Starter - The definitive introduction to the Laravel PHP

web development framework, no. Book, Whole. 2012.

[5] Basuki A.P. 2016. Konsep Dan Implementasi Pemprograman Laravel.

Yogyakarta. Penerbit Lokomedia

[6] A. Supriyatna, "Metode Extreme Programming Pada Pembangunan Web

Aplikasi Seleksi Peserta Pelatihan Kerja," Jurnal Teknik Informatika , vol. 11,

no. 1, p. 18,2018..

[7] Y.Triyoga Budi Widodo. 2013. Pemrograman HTML, Pedoman Dasar

Membuat Website. Surabaya. Penerbit Pustaka Media.

[8] Kustiyahningsih .Y dan Anamisa D.R. 2013. Pemrogramman Basis Data

Berbasis Web Menggunakan PHP dan MySQL. Yogyakarta. Penerbit Graha

Ilmu.

[9] Haviluddin, "Memahami Penggunaan UML (Unified Modelling Language),"

Jurnal Informatika Mulawarman, vol. 6, no. 1, pp. 1-14, 2011.

28

[10] I. A. H. M. A.-Z. Shafira Viski Izabal, "Evaluasi dan Perbaikan User

Experience Menggunakan User Experience Questionnaire (UEQ) dan Focus

Group Discussion (FGD) pada Situs Web FILKOM Apps Mahasiswa

Fakultas Ilmu Komputer Universitas Brawijaya," Jurnal Pengembangan

Teknologi Informasi dan Ilmu Komputer , vol. 2, no. 9, pp. 3224-3232,

2018.

LAMPIRAN