APLIKASI TASK MANAGEMENT BERBASIS WEB MENGGUNAKAN PHP & MySQL
DisusunOleh : Septian Ramandita 41506110031
PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCUBUANA JAKARTA 2012
i
ii
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
Semogakebaikan yang telahdiberikankepadapenyusunmendapatkanpahala yang melimpahdari Allah SWT. PenyusunmenyadaribahwasanyadalampenyusunanTugasAkhirinimasihme milikibanyakkekuranganbaikdarisegimaterimaupundarisegipenyusunannyamengin gatterbatasnyapengetahuandankemampuanpenyusun.Untukitu, dengankerendahanhatipenyusunmohonmaafdanpenyusunsangatmengharapkanseg ala
saran
dankritikan
yang
sekiranyadapatmembantupenyusun
dalampenyusunanselanjutnyabisalebihbaiklagi.
Jakarta,Januari 2013 Penyusun
Septian Ramandita
iv
agar
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
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
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…………………………………………...
1
1.1 LatarBelakang…………………………………………..
1
1.2 RuangLingkup …………………………………………..
1
1.3 TujuandanManfaat ………………….………………….
2
1.4 RumusanMasalah ……………………….……………...
2
1.5 PembatasanMasalah……….……………………………
3
1.6 Metodologi …………….………………………………...
3
1.6.1 Metodeanalisis……………..……….……………
3
1.6.1 MetodeperancanganWaterfall……………..……
4
1.7 SistematikaPenulisan …………………………………...
5
BAB II LANDASAN TEORI………………….…………………...
7
2.1 PengertianTask Management(Manajemen Tugas) ………...
7
2.1.1 FungsiManajemen …..……………………………
7
2.2 XAMPP………….……...…………...…………………..
8
2.3 Apache ……………………...…....………………………
9
2.4 PHPHypertext Preprocessor (PHP) …………………...
11
2.4.1 Sejarahsingkat PHP ……..……………………..…
13
2.5 HyperText Markup Language (HTML) ………………….
14
2.6 Cascading Style Sheet (CSS) …………………………….
15
vii
2.6.1 Inline Style Sheet ……..……….………………..…
16
2.6.2 Embedded Style Sheet ……..……….…………..…
16
2.6.3 Linked Style Sheet ……..……….…………………
16
2.7 Java Script …………………….………………………….
17
2.8 Pengertian MySQL …..……….………………………….
17
2.8.1 Keistimewaan MySQL ……..……….…………….
18
2.8.2 Use Case Diagram …...……..……….…………….
20
2.8.3 Activity Diagram ….....……..……….…………….
21
2.8.4 Sequence Diagram ….....……..……..…………….
23
2.9 Metodologi Rekayasa Perangkat Lunak…..……….……
25
2.10 Unified Modelling Language…..………….…….……
27
2.11 Basis Data……………………....………….…….……
29
2.11.1 ProsesPerancangan Basis Data ……..……….…
29
2.11.2 Topologi Web atau Internet …..……..……….…
30
2.11.3 Web Browser ………………....……..……….…
32
BAB III ANALISIS DAN PERANCANGAN SISTEM …………..
33
3.1 IdentifikasiMasalah………..…………………………..
33
3.2 SpesifikasaiSistem................................………………..
34
3.3 RancanganUmumAplikasi…………....……………….
34
3.3.1 Pemodelan Use Case Diagram…………………..
34
3.3.2 Pemodelan Activity Diagram…..………………..
36
3.3.3 Pemodelan Diagram Sequence…..……………...
41
3.4 Perancangan Basis Data……...…..…………..………...
45
3.4.1 RancanganKonseptual…………...……………...
45
3.4.2 Rancangan Logikal …............................................
46
3.4.2.1 RancanganLogikal Database Task Management …………………...…
46
3.4.2.2 PerancanganFisik Database Task ……....
50
3.5 PerancanganAntarmuka…………………………..……
50
3.5.1 RancanganAntarmuka Login…..……………….
51
3.5.2 RancanganHalamanUtama….....……………….
52
3.5.3 Rancangan Form Master Pelanggan….....……….
52
viii
3.5.4 Rancangan Form Master HRIS….....…………….
53
3.5.5 Rancangan Form master User….......…………….
54
3.5.6 Rancangan Form Header Order….....…………....
55
3.5.7Rancangan Form Input Order….......…………….
56
BAB IV IMPLEMENTASI DAN PENGUJIAN…………………… 4.1 Implementasi …………………………………………….
59 59
4.1.1 Instalasi Server danKlien ………………………..
59
4.1.2 Instalasi XAMPP Server ……………….………..
59
4.2 Membuat Basisdata MySQL di Server ………………...
66
4.3 Instalasi aplikasi Task Management ……….…………...
69
4.3.1 Mencoba aplikasi Task Management …………....
71
4.3.2 Halaman Login ……………………….………....
72
4.3.3 Halaman Home ……………………….………....
73
4.3.4 Menu Setting Master Client ………….………....
73
4.3.5 Menu Setting HRIS ………….…………….…....
75
4.3.6 Menu Setting User ………….…..………….…....
77
4.3.7 Menu Setting Master Area ………….…..……....
78
4.3.8 Menu List Order …………………….…..……....
79
4.4 Pengujian ………………………….……….…………...
81
4.4.1 SkenarioPengujian ……………………..……....
81
4.4.2 HasilPengujian …………………………………
84
4.4.3 Analisahasilpengujian …………………………
85
BAB IVPENUTUP………………………………………………....
87
5.1 Kesimpulan ………………………………………………
87
5.2 Saran ……………………………………………………..
87
DAFTAR PUSTAKA………………………………………………...
89
LAMPIRAN
ix
DAFTAR GAMBAR
Halaman Gambar 2.1 ContohTampilan form login denganphp ………………
13
Gambar 2.2 Model Waterfall ……………………….……….…….….
27
Gambar 2.3 Topologi web atau internet ….…….........................…....
30
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………...........................….
39
Gambar 3.6Activity diagram list order .………………......................
40
Gambar 3.7Activity diagram detil order ..…………………………...
41
Gambar 3.8Sequence diagram login admin……………………….…
42
Gambar 3.9Sequence master client……................................………..
42
Gambar 3.10Squence diagram master HRIS……………..………….
43
Gambar3.11Sequence diagrammaster user …………….……...…...
43
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 …………..........................
50
Gambar 3.17Rancangan Form Login …...............................………..
51
Gambar 3.18Rancangan Halaman Utama..........................................
52
x
Gambar 3.19Rancangan Form Master Pelanggan ……………………
53
Gambar 3.20Rancangan Form Master HRIS ……………………...…
54
Gambar 3.21Perancangan Form Master User ……………………….
55
Gambar 3.22Perancangan Form Header Order ………………………
56
Gambar 3.23Perancangan Form Input Order ………...………………
57
Gambar 4.1 Jalankan file xampp-win32-1.7.4-VC6-instaler.exe…….
60
Gambar 4.2 JendelaPilihanBahasa ……………………..……………
60
Gambar 4.3 Jendela peringatan UAC, klik saja tombol OK …...……..
61
Gambar 4.4Jendela pemilihan folder tujuan instalasi …………..……
61
Gambar 4.5 JendelaOpsiXAMPP………………………..…………
62
Gambar 4.6 Jendela Proses Instalasi ………………………..….……
62
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 …………..…..…………
65
Gambar 4.12Mencoba Apache web server ………..……..…………
65
Gambar 4.13Aktifkanmodul “MySql” ……………….…..…………
66
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 ………………….………….…..…………
70
Gambar 4.18Konfigurasi Koneksi Database pada Aplikasi Task Management-2 ……………….………….…..…………
xi
71
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 ……………………………..…….…
75
Gambar 4.25List HRIS …………………………………………..…
75
Gambar 4.26Form InputHRIS ……………………………..…….…
76
Gambar 4.27Form Edit HRIS ……………………………..….….…
76
Gambar 4.28List User ……………………………………..….….…
77
Gambar 4.29Form Input User ……………….…..………….………
77
Gambar 4.30 Form Edit User ……………….…..………….……….
78
Gambar 4.31List Area ……………….…..………….………………
79
Gambar 4.32List Order ……………….…………………….………
79
Gambar 4.33Form Input Order ……………….…..…………………
80
Gambar 4.34Form Edit Order ……………….…..………….………
80
Gambar 4.35Koneksi Database ……………….…..………….……
80
xii
DAFTAR TABEL
Halaman Tabel2.1 Notasi Diagram Use Case………………………………….
20
Tabel 2.2Notasi Diagram Aktifitas ………………………………..…
22
Tabel2.3Notasipemodelandiagram sequence (Fowler, 2005:81)....
24
Tabel 2.4Jenisdiagramresmi UML…………...................…………..
28
Tabel 4.1 Skenario Pengujian Aplikasi Task Management ……….…
82
Tabel 4.2 Tabel Hasil Pengujian …………………………………......
84
xiii
