DAFTAR ISI
DAFTAR TABEL XIV
DAFTAR GAMBAR XV
DAFTAR LAMPIRAN XVI
1 PENDAHULUAN 1 1.1 Latar Belakang 1 1.2 Tujuan 1 1.3 Manfaat 1 1.4 Ruang Lingkup 2 2 METODE KAJIAN 2
2.1 Lokasi dan Waktu PKL 2
2.2 Metode Bidang Kajian 2
2.2.1 Komunikasi 3
2.2.2 Perencanaan Secara Cepat 3
2.2.3 Pemodelan Perancangan Secara Cepat 3
2.2.4 Pembentukan Prototipe 7
2.2.5 Penyerahan Sistem dan Umpan Balik 8
3 GAMBARAN UMUM PT ANTIKODE DESIGN
EKSPERIENSIA 9
3.1 Sejarah 9
3.2 Kegiatan 9
3.3 Struktur Organisasi 9
4 PEMBUATAN SITUS WEB COMPANY PROFILE SOSJ
DESIGN DI PT ANTIKODE DESAIN EKSPERIENSIA 10
4.1 Iterasi Pertama 10
4.1.1 Komunikasi 10
4.1.2 Perencanaan Secara Cepat 11
4.1.3 Pemodelan Perancangan Secara Cepat 13
4.1.4 Pembentukan Prototipe 27
4.1.5 Penyerahan Sistem dan Umpan Balik 34
4.2 Iterasi Kedua 35
4.2.1 Komunikasi 35
4.2.2 Perencanaan Secara Cepat 36
4.2.3 Pemodelan Perancangan Secara Cepat 37
4.2.4 Pembentukan Prototipe 43
4.2.5 Penyerahan Sistem dan Umpan Balik 47
4.3 Evaluasi Seminar 47
5 SIMPULAN 48
DAFTAR PUSTAKA 48
LAMPIRAN 49
2 Simbol-simbol activity diagram 5
3 Kebutuhan fungsional iterasi pertama 11
4 Hak akses pengguna situs web iterasi pertama 13
5 Skenario use case Login 14
6 skenario use case iterasi pertama 15
7 Deskripsi tabel admin 16
8 Deskripsi tabel roles 16
9 Deskripsi tabel project 17
10 Deskripsi tabel client 18
11 Deskripsi tabel category 18
12 Deskripsi tabel project categories 19
13 Deskripsi tabel dashboard 19
14 Perancangan antarmuka prototipe pertama 22
15 Perancangan masukan prototipe pertama 23
16 Perancangan proses prototipe pertama 26
17 perancangan keluaran prototipe pertama 27
18 Implementasi perancangan antarmuka prototipe pertama 29
19 Implementasi masukan iterasi pertama 31
20 Implementasi proses prototipe pertama 32
21 Implementasi keluaran prototipe pertama 34
22 Pengujian fungsi login 35
23 Pengujian situs web prototipe pertama 35
24 Kebutuhan fungsional prototipe kedua 36
25 Otoritas pengguna prototipe kedua 37
26 Skenario usecase lupa kata sandi 38
27 Skenario use case iterasi kedua 38
28 Deskripsi tabel question 39
29 Perancangan masukan prototipe kedua 41
30 Perancangan proses prototipe kedua 42
31 Perancangan keluaran prototipe kedua 43
32 Implementasi masukan prototipe kedua 45
33 Implementasi proses prototipe kedua 46
34 Implementasi keluaran prototipe kedua 47
xv
DAFTAR GAMBAR
1 Metodologi prototipe (Pressman 2012). 2
2 Contoh ilustrasi use case diagram 5
3 Contoh pembuatan activity diagram 6
4 Struktur organisasi PT Antikode Desain Eksperiensia 9
5 Tampilan awal situs web SOSJ Design 10
6 Use case diagram prototipe pertama 14
7 Table Relationship iterasi pertama 15
8 Perancangan antarmuka halaman login 21
9 Perancangan antarmuka halaman login versi mobile 22
10 Perancangan masukan tambah data project 23
11 Perancangan proses Login 25
12 Perancangan proses tambah kategori kerja 25
13 Perancangan keluaran tabel project 26
14 Perancangan keluaran tabel project versi mobile 27
15 Implementasi database prototipe pertama 28
16 Implementasi antarmuka halaman login 28
17 Implementasi antarmuka halaman login versi mobile 29
18 Implementasi masukan tambah project 30
19 Implementasi masukan tambah project versi mobile 30
20 Implementasi proses menambah kategori pekerjaan 32
21 Implementasi keluaran tabel data project 33
22 Implementasi keluaran tabel data project versi Mobile 33
23 use case diagram iterasi kedua 37
24 Tabel relationship iterasi kedua 39
25 Perancangan antarmuka tampilan pertanyaan bagian admin 40
26 Perancangan masukan ubah profil akun 40
27 Perancangan proses ubah profil 42
28 Perancangan keluaran tabel pertanyaan 43
29 Perancangan keluaran tabel pertanyaan veri mobile 43
30 Implementasi database prototipe kedua 44
31 Implementasi antarmuka halaman question bagian admin 44
32 Implementasi keluaran tabel question 46
1 Skenario use case menambah kategori 51
2 Skenario use case mengubah kategori 51
3 Skenario use case menghapus kategori kerja 51
4 Skenario use case melihat kategori kerja 52
5 Skenario use case menambah client 52
6 Skenario use case mengubah client 52
7 Skenario use case menghapus client 53
8 Skenario use case melihat client 53
9 Skenario use case menambah project 54
10 Skenario use case mengubah project 54
11 Skenario use case menghapus project 54
12 Skenario use case melihat project 55
13 Skenario use case menambah user 55
14 Skenario use case mengubah user 55
15 Skenario use case mnghapus user 56
16 Skenario use case logout 56
17 perencanaan antarmuka halaman utama admin 57
18 perencanaan antarmuka halaman utama admin versi mobile 57
19 perencanaan antarmuka halaman utama dari sisi visitor 58
20 perencanaan antarmuka halaman utama dari sisi visitor versi mobile 59
21 perencanaan antarmuka halaman daftar project 60
22 perencanaan antarmuka halaman daftar project versi mobile 60
23 perancangan antarmuka halaman daftar kategori kerja 61
24 perancangan antarmuka halaman daftar kategori kerja versi mobile 61
25 perancangan antarmuka halaman detail project 62
26 perancangan antarmuka halaman detail project versi mobile 62
27 perancangan masukkan ubah data project 63
28 perancangan masukkan ubah data project versi mobile 63
29 perancangan masukkan tambah kategori 64
30 perancangan masukkan tambah kategori versi mobile 64
31 perancangan masukkan ubah kategori 65
32 perancangan masukkan ubah kategori versi mobile 65
33 perancangan masukkan tambah client 66
34 perancangan masukkan tambah client versi mobile 66
35 perancangan masukkan ubah data client 67
36 perancangan masukkan ubah data client versi mobile 67
37 perancangan masukkan tambah user 68
38 perancangan masukkan tambah user versi mobile 68
39 perancangan masukkan ubah data user 69
40 perancangan masukkan ubah data user versi mobile 69
41 perancangan masukkan ubah konten dashboard 70
42 perancangan masukkan ubah konten dashboard versi mobile 70
43 Perancangan proses ubah kategori kerja 71
44 Perancangan proses hapus kategori kerja 71
45 Perancangan proses lihat kategori kerja 72
xvii
47 Perancangan proses ubah client 73
48 Perancangan proses hapus client 73
49 Perancangan proses lihat client 74
50 Perancangan proses tambah project 74
51 Perancangan proses ubah project 75
52 Perancangan proses hapus project 75
53 Perancangan proses lihat project 76
54 Perancangan proses tambah akun 76
55 Perancangan proses ubah akun 77
56 Perancangan proses hapus akun 77
57 Perancangan proses ubah konten dashboard 78
58 Perancangan proses logout 78
59 perancangan keluaran tabel kategori pekerjaan 79
60 perancangan keluaran tabel kategori pekerjaan versi mobile 79
61 perancangan keluaran tabel client 79
62 perancangan keluaran tabel client vesi mobile 80
63 perancangan keluaran tabel user 80
64 perancangan keluaran tabel user versi mobile 80
65 perancangan keluaran ubah dashboard 81
66 perancangan keluaran ubah dashboard versi mobile 81
67 Implementasi antarmuka halaman admin 82
68 Implementasi antarmuka halaman admin versi mobile 82
69 Implementasi antarmuka halaman landing page 83
70 Implementasi antarmuka halaman landing page versi mobile 84
71 Implementasi antarmuka halaman daftar project 85
72 Implementasi antarmuka halaman daftar project versi mobile 85
73 Implementasi antarmuka halaman daftar kategori 86
74 Implementasi antarmuka halaman daftar kategori versi mobile 87
75 Implementasi antarmuka halaman detail project 88
76 Implementasi antarmuka halaman detail project versi mobile 88
77 Implementasi masukan ubah data project 89
78 Implementasi masukan ubah data project versi mobile 90
79 Implementasi masukan tambah kategori pekerjaan 91
80 Implementasi masukan tambah kategori pekerjaan versi mobile 91
81 Implementasi masukan ubah kategori pekerjaan 92
82 Implementasi masukan ubah kategori pekerjaan versi mobile 92
83 Implementasi masukan tambah client 93
84 Implementasi masukan tambah client versi mobile 93
85 Implementasi masukan ubah data client 94
86 Implementasi masukan ubah data client versi mobile 94
87 Implementasi masukan tambah user 95
88 Implementasi masukan tambah user versi mobile 95
89 Implementasi masukan ubah data user 96
90 Implementasi masukan ubah data user versi mobile 96
91 Implementasi masukan ubah konten dashboard 97
92 Implementasi masukan ubah konten dashboard versi mobile 98
93 Implementasi proses Mengubah Kategori Kerja 99