APLIKASI TASK MANAGEMENT BERBASIS WEB MENGGUNAKAN PHP & MySQL

Transkripsi

1 APLIKASI TASK MANAGEMENT BERBASIS WEB MENGGUNAKAN PHP & MySQL DisusunOleh : Septian Ramandita PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCUBUANA JAKARTA 2012

2 i

3 ii

4 KATA PENGANTAR Dengan memanjatkan puji dan syukur kehadirat Allah SWT, atas berkat dan rahmat-nya yang telah dilimpahkan kepada penyusun sehingga terbentuklah suatu Tugas Akhir yang berjudul Aplikasi Task Management Berbasis Web Menggunakan PHP & MySQL, untuk memenuhi salah satu syarat Ujian Akhir Sarjana di Fakultas Ilmu Komputer Jurusan Teknik Informatika Universitas Mercu Buana. Tugas Akhir ini dapat penyusun selesaikan berkat kerja sama dari berbagai pihak, baik moril maupun materil. Oleh karena itu, penyusun ingin menyampaikan rasa hormat dan terima kasih yang sebesar besarnya kepada : 1. Bapak Rapelino Ferdiansyah ST., M. Kom. selaku pembimbing tugas akhir pada Program Studi Teknik Informatika Fakultas Ilmu Komputer Universitas Mercu Buana. 2. Bapak Sabar Rudiarto S.Kom., MT. selaku koordinator tugas akhir pada Program Studi Teknik Informatika Fakultas Ilmu Komputer Universitas Mercu Buana. 3. Bapak Tri Daryanto S.Kom., MT. selaku kapodri Teknik Informatika Fakultas Ilmu Komputer Universitas Mercu Buana. 4. Kedua orang tuadankeluargapenyusun yang telahmemberikandukunganmorilmaupunmaterilselamaini. 5. Dosen dosen Teknik Informatika Universitas Mercu Buana atas bimbingan dan ilmunya. 6. Kekasihku Ratri Seniorrita yang selalu memberikan suport dan dukungannya. 7. Rekan-rekan di Teknik Informatika Universitas Mercu Buana angkatan IX, juga teman- teman penyusun dari semua angkatan yang secara tidak langsung telah membantu selama penyusunan tugas akhir ini. 8. Dan semuapihak yang telahbanyakmembantu yang tidakbisadisebutkansatupersatu. iii

5 Semogakebaikan yang telahdiberikankepadapenyusunmendapatkanpahala yang melimpahdari Allah SWT. PenyusunmenyadaribahwasanyadalampenyusunanTugasAkhirinimasihme milikibanyakkekuranganbaikdarisegimaterimaupundarisegipenyusunannyamengin gatterbatasnyapengetahuandankemampuanpenyusun.untukitu, dengankerendahanhatipenyusunmohonmaafdanpenyusunsangatmengharapkanseg ala saran dankritikan yang sekiranyadapatmembantupenyusun agar dalampenyusunanselanjutnyabisalebihbaiklagi. Penyusun Jakarta,Januari 2013 Septian Ramandita iv

6 ABSTRACT The task s scheduling and outdoor worker s organization are important. It s because of a large number of tasks and outdoor worker has increased while the outdoor work s organization seems to be so weak. It s showed by seeing too many workers who are not able to use time which s been giving by the company to complete the tasks. This application is dedicated to be a competent tool to support the scheduling process and outdoor organization. It s also expected to control the outdoor workers in their tasks. In this final assignment, the writer is hoping to build a comprehensive web-basic task application which applies PHP Language Programming and database MySQL it s desired to give a simple scheduling for that company. Key words:aplication, Task Management, PHP MySQL. v

7 ABSTRAK Penjadwalan terhadap tugas-tugas dan pengaturan pegawai dilapangan sangatlah penting. Hal ini dikarenakan jumlah tugas-tugas dan pegawai dilapangan semakin terus bertambahsedangkan Penjadwalanpegawai dilapangan saat ini dirasa masih sangat lemah.hal ini dapat dilihat dari masih banyaknya pegawai yang tidak mampu memanfaatkan waktu yang diberikan suatu perusahaan untuk menyelesaikan tugasnya. Aplikasi Task Management Berbasis Web Menggunakan PHP dan MySQL dimaksudkan sebagai alat yang mendukung proses penjadwalandan pengaturan dilapangan. Dan diharapkan bisa menjadi kontrol pegawai dilapangan dalam menjalankan tugas-tugasnya. Dalam Tugas Akhir ini, Penulis ingin membangun suatu aplikasi task managament berbasis web menggunakan bahasa pemrograman PHP dan database MySQL. Yang diharapkan dapat memberikan kemudahan kepada suatu organisasi dalam melakukan penjadwalan tersebut. Kata Kunci: Aplikasi, Task Management, PHP MySQL. vi

8 DAFTAR ISI Halaman LEMBAR PERNYATAAN. I LEMBAR PERSETUJUAN. Ii KATA PENGANTAR.. Iii ABSTRAK V DAFTAR ISI. Vii DAFTAR GAMBAR X DAFTAR TABEL. Xii BAB I PENDAHULUAN LatarBelakang RuangLingkup TujuandanManfaat RumusanMasalah PembatasanMasalah Metodologi Metodeanalisis MetodeperancanganWaterfall SistematikaPenulisan... 5 BAB II LANDASAN TEORI PengertianTask Management(Manajemen Tugas) FungsiManajemen XAMPP Apache PHPHypertext Preprocessor (PHP) Sejarahsingkat PHP HyperText Markup Language (HTML) Cascading Style Sheet (CSS). 15 vii

9 2.6.1 Inline Style Sheet Embedded Style Sheet Linked Style Sheet Java Script Pengertian MySQL Keistimewaan MySQL Use Case Diagram Activity Diagram Sequence Diagram Metodologi Rekayasa Perangkat Lunak Unified Modelling Language Basis Data ProsesPerancangan Basis Data Topologi Web atau Internet Web Browser BAB III ANALISIS DAN PERANCANGAN SISTEM IdentifikasiMasalah SpesifikasaiSistem RancanganUmumAplikasi Pemodelan Use Case Diagram Pemodelan Activity Diagram Pemodelan Diagram Sequence Perancangan Basis Data RancanganKonseptual Rancangan Logikal RancanganLogikal Database Task Management PerancanganFisik Database Task PerancanganAntarmuka RancanganAntarmuka Login RancanganHalamanUtama Rancangan Form Master Pelanggan viii

10 3.5.4 Rancangan Form Master HRIS Rancangan Form master User Rancangan Form Header Order Rancangan Form Input Order BAB IV IMPLEMENTASI DAN PENGUJIAN Implementasi Instalasi Server danklien Instalasi XAMPP Server Membuat Basisdata MySQL di Server Instalasi aplikasi Task Management Mencoba aplikasi Task Management Halaman Login Halaman Home Menu Setting Master Client Menu Setting HRIS Menu Setting User Menu Setting Master Area Menu List Order Pengujian SkenarioPengujian HasilPengujian Analisahasilpengujian 85 BAB IVPENUTUP Kesimpulan Saran.. 87 DAFTAR PUSTAKA LAMPIRAN ix

11 DAFTAR GAMBAR Halaman Gambar 2.1 ContohTampilan form login denganphp 13 Gambar 2.2 Model Waterfall Gambar 2.3 Topologi web atau internet Gambar 3.1Diagram use case task management. 35 Gambar 3.2Activity diagram login.. 36 Gambar 3.3Activity diagram master client.. 37 Gambar3.4Activity diagram master HRIS.. 38 Gambar 3.5Activity diagram master user Gambar 3.6Activity diagram list order Gambar 3.7Activity diagram detil order Gambar 3.8Sequence diagram login admin. 42 Gambar 3.9Sequence master client Gambar 3.10Squence diagram master HRIS Gambar3.11Sequence diagrammaster user Gambar 3.12Sequence diagram master order.. 44 Gambar 3.13Sequnce diagram input order.. 44 Gambar 3.14Rancangan Konseptual Aplikasi Task Management.. 45 Gambar 3.15Entity pada sistem aplikasi Task Management.. 46 Gambar 3.16Rancangan Basis Data Task Gambar 3.17Rancangan Form Login Gambar 3.18Rancangan Halaman Utama x

12 Gambar 3.19Rancangan Form Master Pelanggan 53 Gambar 3.20Rancangan Form Master HRIS Gambar 3.21Perancangan Form Master User. 55 Gambar 3.22Perancangan Form Header Order 56 Gambar 3.23Perancangan Form Input Order Gambar 4.1 Jalankan file xampp-win vc6-instaler.exe. 60 Gambar 4.2 JendelaPilihanBahasa.. 60 Gambar 4.3 Jendela peringatan UAC, klik saja tombol OK Gambar 4.4Jendela pemilihan folder tujuan instalasi.. 61 Gambar 4.5 JendelaOpsiXAMPP.. 62 Gambar 4.6 Jendela Proses Instalasi Gambar 4.7 Jendela proses instalasi sudah selesai.. 63 Gambar 4.8 Jendela konfirmasi bahwa instalasi service sudah berhasil 63 Gambar 4.9Jendela pengaktifan panel kontrol XAMPP 64 Gambar 4.10Jendela panel kontrol XAMPP.. 64 Gambar 4.11Mengaktifkan Apache server Gambar 4.12Mencoba Apache web server Gambar 4.13Aktifkanmodul MySql Gambar 4.14 Mengisi kode basis data ke dalam PHPMyAdmin 68 Gambar 4.15Pembuatan basis data berhasil 69 Gambar 4.16Instalasi Aplikasi Task Management. 69 Gambar 4.17Konfigurasi Koneksi Database pada Aplikasi Task Management Gambar 4.18Konfigurasi Koneksi Database pada Aplikasi Task Management xi

13 Gambar 4.19 Aplikasi Task Management 72 Gambar 4.20 Halaman Login Aplikasi Task Management. 72 Gambar 4.21Halaman Home. 73 Gambar 4.22List Client. 74 Gambar 4.23Form Input Client. 74 Gambar 4.24Form Edit Client Gambar 4.25List HRIS.. 75 Gambar 4.26Form InputHRIS Gambar 4.27Form Edit HRIS Gambar 4.28List User Gambar 4.29Form Input User Gambar 4.30 Form Edit User Gambar 4.31List Area Gambar 4.32List Order.. 79 Gambar 4.33Form Input Order Gambar 4.34Form Edit Order Gambar 4.35Koneksi Database xii

14 DAFTAR TABEL Halaman Tabel2.1 Notasi Diagram Use Case. 20 Tabel 2.2Notasi Diagram Aktifitas.. 22 Tabel2.3Notasipemodelandiagram sequence (Fowler, 2005:81) Tabel 2.4Jenisdiagramresmi UML Tabel 4.1 Skenario Pengujian Aplikasi Task Management. 82 Tabel 4.2 Tabel Hasil Pengujian xiii