PEMBUATAN APLIKASI E-OFFICE DI PT. ALMEGA SEJAHTERA UNTUK MENDUKUNG KEGIATAN PERKANTORAN BERBASIS WEB Pembuatan Aplikasi E-Office Di PT. Almega Sejahtera Untuk Mendukung Kegiatan Perkantoran Berbasis Web Menggunakan FI Framework.

PEMBUATAN APLIKASI E-OFFICE DI PT. ALMEGA SEJAHTERA
UNTUK MENDUKUNG KEGIATAN PERKANTORAN BERBASIS WEB
MENGGUNAKAN FI FRAMEWORK

SKRIPSI

Disusun sebagai salah satu syarat menyelesaikan Jenjang Strata 1
Pada Program Studi Informatika Fakultas Komunikasi dan Informatika
Universitas Muhammadiyah Surakarta

Oleh:

DEVANDA ANDREVIANTO
L200110120

PROGRAM STUDI INFORMATIKA
FAKULTAS KOMUNIKASI DAN INFORMATIKA
UNIVERSITAS MUHAMMADIYAH SURAKARTA
JULI, 2015

HALAMAN MOTTO

Tidak ada hal yang tidak mungkin untuk meraih kesuksesan asalkan
Kita mau Berusaha, Berdoa dan Belajar (Penulis)
Jadikan kepandaian sebagai kebahagiaan bersama, sehingga mampu
meningkatkan rasa ikhlas tuk bersyukur atas kesuksesan. (Mario Teguh)

obat dari segala obat, manjur diatas manjur bagi penyakit hati apapun adalah rasa
syukur. Cukup kecil saja dosisnya sudah efektif mengobati hingga kedalamdalamnya. (Darwis Tere Liye)

Masalah adalah sebuah kesempatan untuk menunjukkan kemampuan terbaik kita.

(Duke Ellington )

Di setiap menit anda marah, anda telah kehilangan 60 detik kebahagiaan.

(Ralph Waldo Emerson)

HALAMAN PERSEMBAHAN
1. Untuk Allah SWT yang selalu memberikan kelancaran, kemudahan serta
selalu mendengarkan doa umatnya.
2. Untuk kedua orang tua tersayang Bapak dan Ibu yang selalu memberikan

kasih sayang, motivasi, dukungan, semangat, kekuatan serta aliran pesan
disetiap doa untuk menyertai perjalanan dalam menyusun skripsi.
3. Untuk Nenek tersayang yang selalu memberiku nasihat, pesan yang
bermanfaat dalam hal masa depan.
4. Untuk Ibu Umi Fadlillah, S.T., M.Eng. selaku dosen pembimbing, yang
selalu memberikan bimbingan, dukungan,

arahan, masukan, serta selalu

menyempatkan waktu dalam penyusunan skripsi.
5. Buat Mas First Ryan yang selalu membantu dan memberikan arahan dalam
penyusunan skripsi.
6. Buat

Muhammad Triwibowo, Rizal Khadarusman, Lita Susilowati,

Baharudin Syah dan Annisa Fitriana yang selalu bersama-sama menemani
perjalanan dan perjuangan dalam penyusunan skripsi.
7. Untuk teman-teman Teknik Informatika khususnya angkatan 2011,
terimakasih waktu kebersamaan dalam berbagi ilmu dan pengetahuan selama

masa kuliah.
8. Semua pihak yang membantu dalam penyusunan skripsi hingga dapat selesai.

KATA PENGANTAR

Assalamu’alaikum Wr. Wb.
Puji syukur penulis panjatkan kehadirat Allah SWT atas Rahmat dan
Karunia-Nya, sehingga penulis dapat menyelesaikan penyusunan dan laporan skripsi
dengan judul “Pembuatan aplikasi e-office untuk mendukung kegiatan perkantoran
berbasis web menggunakan FI Framework”. Dengan melaksanakan penyusunan
skripsi, penulis berharap dapat membantu menyelesaikan permasalahan, memberi
masukan ataupun kontribusi di PT. Almega Sejahtera.
Penulis menyadari bahwa dalam penyusunan skripsi ini tidak terlepas dari
dukungan orang-orang yang telah banyak membantu penulis dalam menyelesaikan
skripsi, sehingga dalam kesempatan ini penulis menyampaikan rasa terima kasih
kepada :
1.

Bapak Husni Thamrin, S.T., M.T., Ph.D. selaku pembimbing akademik dan
Dekan Fakultas Komunikasi dan Informatika Universitas Muhammadiyah

Surakarta.

2.

Bapak Dr. Heru Supriyono, M.Sc. selaku Ketua Program Studi Teknik
Informatika Universitas Muhammadiyah Surakarta.

3.

Ibu Umi Fadlilah, S.T., M.Eng.
memberikan

masukan,

selaku pembimbing skripsi yang telah

bimbingan,

motivasi,


arahan

dan

selalu

menyempatkan waktu untuk penulis dalam hal konsultasi laporan maupun
sistem.
4.

Mas Adjie Sapoetra, S. Kom. selaku Biro Skripsi Teknik Informatika
Universitas Muhammadiyah Surakarta.

DAFTAR ISI
HALAMAN JUDUL ................................................................................... i
HALAMAN PERSETUJUAN .................................................................... ii
HALAMAN PENGESAHAN ..................................................................... iii
HALAMAN KONSTRIBUSI ..................................................................... iv
HALAMAN MOTTO .................................................................................. v
HALAMAN PERSEMBAHAN ................................................................... vi

KATA PENGANTAR .............................................................................. vii
DAFTAR ISI .............................................................................................. ix
DAFTAR TABEL .................................................................................... xiii
DAFTAR GAMBAR ............................................................................... xiv
ABSTRAK .............................................................................................. xvi
BAB I PENDAHULUAN ........................................................................... 1
1.1 Latar Belakang ................................................................................. 1
1.2 Rumusan Masalah ............................................................................ 2
1.3 Batasan Masalah .............................................................................. 2
1.4 Tujuan Penelitian ............................................................................. 3
1.5 Manfaat Penelitian ........................................................................... 3
1.6 Sistematika Penulisan ...................................................................... 4
BAB II TINJAUAN PUSTAKA ............................................................... 6
1.1 Telaah Penelitian ............................................................................. 6
1.2 Landasan Teori ................................................................................ 8
a. Pengertian PT. Almega Sejahtera ..................................................... 8
b. Pengertian E-Office ......................................................................... 8
c. Pengertian PHP ............................................................................... 8
d. Pengertian CSS ................................................................................ 9
e. Pengertian MySQL ........................................................................... 9


f. Pengertian HTML .......................................................................... 10
g. Pengertian FI Framework ......................................................... 11
BAB III METODE PENELITIAN ......................................................... 12
3.1 Waktu dan Tempat Penelitian ........................................................ 12
3.2 Peralatan Utama Dan Pendukung ................................................... 12
3.3 Diagram Alir Penelitian ................................................................. 13
3.4 Diagram Status Administrasi dan Karyawan .................................... 14
3.5 Diagram Alir Sistem Bagian Personalia ......................................... 14
3.6 Data Flow Diagram ....................................................................... 21
a) Data Flow Diagram Level 0 ........................................................... 21
b) Data Flow Diagram Level 1 Secara Umum .................................... 22
1) Data Flow Diagram Proses Login .................................................. 23
2) Data Flow Diagram Proses manage Karyawan ............................... 23
3) Data Flow Diagram Proses manage berkas kantor ........................... 23
3.7 Perancangan Basis Data (Database) ............................................... 24
1) Database user ......................................................... 24
2) Database pengumuman ............................................ 24
3) Database izin .......................................................... 25
4) Database memo ...................................................... 25

5) Database inventaris ................................................ 26
6) Database menu category ......................................... 26
7) Database apps ......................................................... 26
8) Database contact .................................................... 27
9) Database user group ............................................... 27
10) Database session login ............................................ 28
11) Database menu ....................................................... 28
12) Database setting ....................................................... 29
13) Database statistic ...................................................... 29
14) Database statistic online ........................................... 29
15) Database contact group............................................. 29
3.8 ERD (Entity Relationship Diagram) .............................................. 30
3.10 Rancangan User Interface ............................................................ 31

1) Header .................................................................... 31
2) Menu ...................................................................... 31
3) Konten ................................................................... 31
4) Login User .............................................................. 31
5) Footer .................................................................... 32
3.11 Perancangan Aplikasi .................................................................... 33

1) Install XAMPP ......................................................... 33
2) Pembuatan Web ....................................................... 34
a) Penginstallan Framework ................................... 34
b) Pembuatan Form User ........................................ 35
BAB IV HASIL DAN PEMBAHASAN .................................................. 37
4.1 HASIL PENELITIAN ................................................................... 37
4.1.1 Halaman Login .................................................................. 38
4.1.2 Halaman Home .................................................................. 38
4.1.3 Halaman Daftar Memo ....................................................... 39
4.1.4 Halaman Tambah (input) memo ......................................... 40
4.1.5 Halaman Rekap pengumuman ............................................. 40
4.1.6 Halaman Input pengumuman .............................................. 41
4.1.7 Halaman Rekap ijin cuti ..................................................... 41
4.1.8 Halaman Pembuatan ijin cuti .............................................. 42
4.1.9 Halaman Rekap data inventaris kantor ............................... 42
4.1.10 Halaman Laporan inventaris ............................................... 43
4.1.11 Halaman Laporan ijin cuti .................................................. 43
4.2 HASIL PENGUJIAN .................................................................... 44
4.2.1 Pengujian Internal .............................................................. 44
4.2.2 Pengujian Eksternal ........................................................... 46

4.2.3 Perbandingan dengan Web Browser ................................... 52
4.2.4 Perbandingan dengan Sistem Lain ...................................... 52
4.2.5 Analisis dan Pembahasan ................................................... 53
a) Kelebihan .......................................................................... 53
b) Kelemahan ......................................................................... 54

BAB V PENUTUP ................................................................................... 55
5.1 Kesimpulan ................................................................................... 55
5.2 Saran ............................................................................................. 56
DAFTAR PUSTAKA ............................................................................... 57
LAMPIRAN

DAFTAR TABEL
Tabel 4.1. Tabel Pengujian (Blackbox) .......................................................... 46
Tabel 4.2. Tabel Kuesioner Karyawan & Personalia ...................................... 48
Tabel 4.3. Tabel Kuesioner Administrasi ..................................................... 49
Tabel 4.4. Tabel Pengujian Web Browser ...................................................... 53

DAFTAR GAMBAR
Gambar 3.1. Diagram Alir Penelitian ............................................................. 15

Gambar 3.2. Diagram Status Administrasi dan Karyawan .............................. 17
Gambar 3.4. Diagram Alir Personalia ............................................................ 19
Gambar 3.5. Diagram Konteks ....................................................................... 21
Gambar 3.6. Data Flow Diagram Level 1 Secara umum ................................. 22
Gambar 3.7. DFD Level 1 Proses Login ........................................................ 23
Gambar 3.8. DFD Level 1 Manage Karyawan ............................................... 23
Gambar 3.9. DFD Level 1 Manage berkas kantor .......................................... 23
Gambar 3.10. ERD (Entitty Relationship Diagram) ....................................... 30
Gambar 3.11. Tampilan halaman utama login user ......................................... 32
Gambar 3.12. Tampilan halaman user ............................................................ 33
Gambar 3.13. Tampilan penginstallan Xampp ................................................ 33
Gambar 3.14. Tampilan Xampp ..................................................................... 33
Gambar 3.15. Tampilan phpMyadmin ............................................................ 34
Gambar 3.16. Tampilan Penginstallan Framework ......................................... 34
Gambar 3.17. Tampilan Pembuatan Form User .............................................. 35
Gambar 3.18. Source Code Form tambah user................................................ 35
Gambar 4.1. Halaman Login .......................................................................... 38
Gambar 4.2. Halaman Home (Dashboard) ..................................................... 39
Gambar 4.3. Halaman Daftar Memo .............................................................. 39
Gambar 4.4. Halaman tambah meno .............................................................. 40
Gambar 4.5. Halaman rekap pengumuman ..................................................... 40

Gambar 4.6. Halaman input pengumuman...................................................... 41
Gambar 4.7. Halaman rekap ijin cuti .............................................................. 41
Gambar 4.8. Halaman pembuatan ijin cuti...................................................... 42
Gambar 4.9. Halaman rekap data inventaris kantor ........................................ 42
Gambar 4.10 Halaman Laporan inventaris(pdf) .............................................. 43
Gambar 4.11. Halaman Laporan ijin cuti (pdf) ............................................... 43
Gambar 4.12. Grafik pengujian sistem personalia dan karyawan .................... 49
Gambar 4.13. Grafik pengujian sistem Administrasi ...................................... 50

ABSTRAK
PT. Almega Sejahtera merupakan satu-satunya Agen di Indonesia yang
bergerak di bidang penjualan produk alat-alat laboratorium merk Mettler Toledo dan
alat-alat laboratorium untuk Farmasi dengan merk Erweka.

Tiap perusahaan

memiliki kebijakan sendiri untuk menerapkan proses bisnis masing - masing. Proses
bisnis dalam suatu perusahaan merupakan bagian yang terpenting dalam
mengefisienkan dan mengefektifkan setiap proses yang terjadi dalam sebuah
perusahaan, terutama dalam proses pengiriman dan penyimpanan data atau dokumen.
Proses bisnis di PT. Almega Sejahtera masih terbilang manual untuk itu perlu sistem
yang dapat digunakan untuk pengiriman atau penyimpanan data yang bersifat
automasi.
Aplikasi yang akan digunakan di PT. Almega Sejahtera yakni e-office. Eoffice menggunakan bahasa pemrograman framework PHP open source dengan
menggunakan FI Framework yang dapat menyesuaikan library yang akan dipanggil
ke dalam aplikasi, dan menggunakan database MySQL, dibuat dalam bentuk
website. Dalam tahap pengujiannya, untuk memberikan penilaian dilakukan di PT.
Almega Sejahtera Semarang dengan responden dari manager (admin), Personalia dan
Karyawan dengan mendemokan aplikasi ini secara langsung dan responden
memberikan penilaian melalui kuisioner yang sudah dibuat.
Adanya aplikasi ini maka aktivitas kantor menjadi semakin cepat, mudah dan
efisien. Aplikasi ini juga didukung dengan fitur pengiriman memo antar rekan rekan
kantor, fitur pengumuman dimana fitur tersebut akan uptodate jika ada informasi
baru, fitur ijin cuti dapat dilakukan secara online yang dapat memudahkan karyawan
maupun pihak personalia dalam mengambil ijin cuti, yang berhak mengambil
keputusan ijin cuti yaitu manager (admin). Aplikasi ini juga di dukung dengan fitur
penambahan alat – alat inventaris kantor, dimana rekan kerja kantor dapat meminjam
alat secara online.
Kata kunci : E-office, FI Framework, FiyoCMS, MySQL, PHP, Website