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
