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
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
kedalam-dalamnya. (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.
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.
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. selaku pembimbing skripsi yang telah
memberikan masukan, 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
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.1Latar Belakang ... 1
1.2Rumusan Masalah ... 2
1.3Batasan Masalah ... 2
1.4Tujuan Penelitian ... 3
1.5Manfaat Penelitian ... 3
1.6Sistematika Penulisan ... 4
BAB II TINJAUAN PUSTAKA ... 6
1.1Telaah Penelitian ... 6
1.2Landasan Teori ... 8
a. Pengertian PT. Almega Sejahtera ... 8
b. Pengertian E-Office ... 8
c. Pengertian PHP ... 8
d. Pengertian CSS ... 9
f. Pengertian HTML ... 10
g. Pengertian FI Framework ... 11
BAB III METODE PENELITIAN ... 12
3.1Waktu dan Tempat Penelitian ... 12
3.2Peralatan Utama Dan Pendukung ... 12
3.3Diagram Alir Penelitian ... 13
3.4Diagram Status Administrasi dan Karyawan ... 14
3.5Diagram Alir Sistem Bagian Personalia ... 14
3.6Data 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.7Perancangan 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.8ERD (Entity Relationship Diagram) ... 30
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.1HASIL 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.2HASIL 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
BAB V PENUTUP ... 55
5.1Kesimpulan ... 55
5.2Saran ... 56
DAFTAR PUSTAKA ... 57
DAFTAR TABEL
Tabel 4.1. Tabel Pengujian (Blackbox) ... 46
Tabel 4.2. Tabel Kuesioner Karyawan & Personalia ... 48
Tabel 4.3. Tabel Kuesioner Administrasi ... 49
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.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
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.
E-office 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.
