25 3.1. Tinjauan Perusahaan
Dalam objek ini, yang menjadi objek penelitian penulis adalah pembuatan aplikasi manajemen proyek jasa konstruksi berbasis mobile di CV Ultimate Kreassindo yang berfungsi untuk mempermudah pihak perusahaan dalam memanajemen suatu proyek.
3.1.1. Sejarah Perusahaan
CV Ultimate Kreassindo merupakan perusahaan yang bergerak dibidang pengadaan barang dan jasa yang didirikan pada tahun 2019. Perusahaan ini berlokasi di Kabupaten Garut, maksud dan tujuan perusahaan ini didirikan yaitu untuk menjadi pilihan utama bagi mitra bisnis dengan memberikan kontribusi kepada setiap klien melebihi dari yang mereka harapkan melalui pelayanan istimewa secara profesional dan integritas penuh. Pelayanan yang diberikan oleh CV Ultimate Kreassindo ini terbagi atas 2 jenis jasa bidang pelayanan yaitu:
1. Jasa Konstruksi Bidang Sipil
Jasa konstruksi bidang sipil meliputi: jasa pembangunan gedung, pembuatan drainase, pembangunan rumah, pembangunan kantor, bidang mekanikal seperti CPU, software, dan hardware.
2. Jasa Pengadaan Barang
Jasa pengadaan barang meliputi: alat tulis kantor, CPU, laptop, dan sparepart.
A. Visi
1. Menjadi perusahaan yang berkembang dan bermanfaat untuk memenuhi kebutuhan masyarakat, bangsa, dan negara.
2. Menjadi partner perusahaan yang terdepan dalam bidang jasa contractor general trade supplier dengan selalu memberikan solusi yang inovatif untuk menjadikan perusahaan lebih efektif.
B. Misi
1. Membangun bisnis dan aset produktif secara terintegrasi guna memberikan manfaat dan pelayanan yang luas kepada masyarakat, bangsa dan negara.
2. Memberikan pelayanan jasa terhadap mitra yang menjalin kerjasama dengan perusahaan kami berdasarkan prinsip-prinsip efektif, efisiensi inovasi yang berkembang, kualitas dan profesionalisme kerja yang tinggi dan berkomitmen.
3.1.2. Struktur Organisasi dan Fungsi
CV Ultimate Kreassindo memiliki struktur organisasi yang dibentuk untuk mempermudah dalam proyek seseorang pada bagian dan tugasnya masing-masing yang dapat dilihat pada Gambar III.1.
Sumber : CV Ultimate Kreassindo (2019)
Gambar III.1. Struktur Organisasi CV Ultimate Kreassindo
Pada Gambar III.1 merupakan struktur organisasi CV Ultimate Kressindo dengan deskripsi proyek yang dapat dijelaskan sebagai berikut:
1. Direktur, bertugas memimpin perusahaan dengan menerbitkan berbagai kebijakan, memilih, menetapkan, dan mengawasi tugas dari pengguna dan kepala bagian.
2. Tenisi printer, menangani permasalahan printer laserjet, maintenance printer operasional secara reguler, melakukan refill toner ke cartridge, melakukan penanganan komplain, dan bongkar pasang printer.
3. Teknisi komputer, bertanggung jawab atas perbaikan serta pemeliharaan instalasi, dan peralatan komputer dari klien perusahaan.
4. Arsitek, berperan sebagai pendamping, atau wakil dari pemberi tugas atau yang mempunyai proyek, mengawasi pelaksanaan di lapangan/proyek sesuai dengan bestek dan perjanjian yang telah dibuat.
5. Surveyor, bertugas menganalisa proyek, membuat keputusan proyek, melaksanakan pengukuran, memproses/menghitung data, melakukan penggambaran/penyajian data, serta melakukan pematokan atau pemancangan.
3.2. Analisa Kebutuhan Aplikasi
Menjelaskan secara umum analisa yang dilakukan penulisan sehingga menemukan permasalahan dan menjelaskan solusi atau permasalahan dengan mendesain aplikasi pada analisa dan rancangan dibagi menjadi beberapa sub bab.
3.2.1. Identifikasi Masalah
Mendefinisikan permasalahan pada objek penelitian yang sinergi atau selarah dengan latar belakang masalah dan rumusan masalah, antara lain:
1. Pihak manajemen kesulitan dalam melakukan pendataan client atau customer beserta transaksinya dalam proyek konstruksi.
2. Tidak adanya fasilitas bagi project manager dalam mengatur proyek konstruksi yang dikelolanya.
3. Belum adanya suatu aplikasi aplikasi manajemen proyek jasa konstruksi berbasis mobile pada CV Ultimate Kreassindo.
3.2.2. Analisa Kebutuhan Aplikasi
Aplikasi manajemen proyek konstruksi di CV Ultimate Kressindo dimana pihak customer, pengguna petugas lapangan, serta admin sebagai operator melakukan kegiatan proyek konstruksi menggunakan aplikasi mobile dan website.
Berikut ini spesifikasi kebutuhan (system requirement) dari aplikasi rental transportasi pariwisata:
Aplikasi Customer:
A1. Customer bisa melakukan registrasi atau pendaftaran pelanggan.
A2. Customer dapat login dengan account yang telah dibuat.
A3. Customer bisa melakukan pengajuan jasa proyek konstruksi.
A4. Customer dapat mengubah data profile.
Halaman Admin:
B1. Admin dapat melakukan login sesuai dengan hak aksesnya.
B2. Admin dapat mengubah data proyek konstruksi.
B3. Admin dapat mengelola jadwal proyek konstruksi.
B4. Admin dapat mengelola data pengguna.
B5. Admin dapat mengubah data customer.
Kebutuhan dalam perancangan atau pengembangan aplikasi baik dari segi hardware dan software. Spesifikasi kebutuhan hardware atau perangkat keras sebagai penunjang pengembangan aplikasi pada Tabel III.1.
Tabel III.1.
Spesifikasi Hardware
No. Spesifikasi PC Spesifikasi Smartphone
1 Processo Intel Celeron Dual-Core Processor quad core
2 RAM 4 GB RAM 1 GB
3 VGA 0.3 Mpx Wifi (akses internet)
4 500 GB 5400RPM SATA HADO -
Sedangkan spesifikasi kebutuhan software atau perangkat lunak sebagai penunjang pengembangan aplikasi pada Tabel III.2.
Tabel III.2.
Spesifikasi Software
No. Spesifikasi PC Spesifikasi Smartphone
1 Sistem Operasi Ms. Windows 10 32- bit
Minimum versi Android Lollypop 2 Android Studio v3.1.3 for Windows
32-bit (758 MB)
-
3 Node.js v10.7.0 32-bit -
4 JDK 8u181 Windows 32-bit -
5 Xampp v5.6.36 -
6 Browser Google Chrome atau Mozilla Firefox
-
3.3. Desain 3.3.1. Database
A. Entity Relationship Diagram (ERD)
Menggambarkan hubungan antar tabel yang dibuat beserta relasinya.
Dalam penggambarannya menggunakan Entity Relationship Diagram (ERD).
Gambar III.2. Entity Relationship Diagram Aplikasi Manajemen Proyek Konstruksi
Pada Gambar III.2. merupakan ERD dari aplikasi manajemen proyek jasa konstruksi yang akan dibangun dengan spesifikasi file yang dapat diuraikan sebagai berikut:
1. Spesifikasi File Tabel Customers Nama Database : Project Nama File : Customers Akronim : customers Tipe File : Table
Akses File : All Privileges Panjang Record : 32 KB
Kunci Field : id_customer
Tabel III.3.
Spesifikasi File Tabel Customers
No Elemen Data Nama Field Type Size Keterangan 1 ID Pelanggan id_customer bigint 20 Primary Key
2 Nama Pelanggan name varchar 50
3 Nama Perusahaan company_name varchar 50
4 Alamat Surel email varchar 25
5 Nomor Telepon telephone varchar 14
6 Alamat Domisili address varchar 255
7 Kata Sandi password varchar 8
8 Dibuat created_at timestamp -
9 Diperbaharui updated_at timestamp -
2. Spesifikasi File Tabel Jobs Nama Database : Project Nama File : Jobs Akronim : jobs Tipe File : Table
Akses File : All Privileges Panjang Record : 16 KB
Kunci Field : id_job
Tabel III.4.
Spesifikasi File Tabel Jobs
No Elemen Data Nama Field Type Size Keterangan
1 ID Proyek id_job bigint 20 Primary Key
2 ID Pelanggan customer_id int 10 Foreign Key
3 Judul Proyek title varchar 20 -
4 Keterangan descriptions varchar 150 -
5 Anggaran budget integer 11
6 Tanggal Mulai start_date date - -
7 Tanggal Selesai end_date date - -
8 Status status int 10 -
9 Dibuat created_at timestamp - -
10 Diperbaharui updated_at timestamp - -
3. Spesifikasi File Tabel Schedules Nama Database : Project Nama File : Schedules Akronim : schedules Tipe File : Table
Akses File : All Privileges Panjang Record : 16 KB
Kunci Field : id_user
Tabel III.5.
Spesifikasi File Tabel Schedules
No Elemen Data Nama Field Type Size Keterangan
1 ID Jadwal id_schedule BIGINT 20 Primary Key
2 ID Proyek job_id INT 10 Foreign Key
3 ID Pelanggan customer_id INT 10 Foreign Key
4 ID Pengguna user_id INT 10 Foreign Key
5 Tanggal date DATE - -
6 Waktu time TIME - -
7 Status status INT 10 -
8 Dibuat create_at TIMESTAMP - -
9 Diperbaharui updated_at TIMESTAMP - -
4. Spesifikasi File Tabel Users Nama Database : Project Nama File : Users Akronim : users Tipe File : Table
Akses File : All Privileges Panjang Record : 32 KB
Kunci Field : id_user
Tabel III.6.
Spesifikasi File Tabel Users
No Elemen Data Nama Field Type Size Keterangan
1 ID Pengguna id_user BIGINT 20 Primary Key
2 Nama Pengguna name VARCHAR 255 -
3 Alamat Surel email VARCHAR 255 -
4 Nomor Induk KTP nik VARCHAR 255 -
5 Verifikasi Email email_verified_a t
TIMESTAMP - -
6 Kata Sandi password VARCHAR 255 -
7 Hak Akses role VARCHAR 255 -
8 Token Pengingat remember_token VARCHAR 100 -
9 Dibuat created_at TIMESTAMP - -
10 Diperbaharui updated_at TIMESTAMP -
3.3.2. Software Architecture
Pada tahapan ini menggambarkan diagram-diagram terkait dengan program yang dibuat berhubungan dengan proses bisnis.
A. Use Case Diagram
1. Use Case Diagram Customer
Interaksi antara pelanggan dengan aplikasi manajemen proyek digambarkan dengan use case diagram pada Gambar III.3.
Gambar III.3. Use Case Diagram Customer
a. Deskripsi Use Case Melakukan Register
Penjelasan atau deskripsi dari use case customer atau client dalam melakukan registrasi ditunjukkan pada Tabel III.9.
Tabel III.7.
Deskripsi Use Case Melakukan Register Use Case Name Melakukan Register
Requirements A1
Goal Customer melakukan register.
Pre-conditions Customer memasukkan identitas
Post-conditions Aplikasi membuka halaman utama/home.
Failed end conditions Customer salah memasukkan email maupun password.
Primary Actors Customer
Main Flow / Basic Path 1. Customer memilih menu register.
2. Aplikasi menampilkan halaman registrasi/register.
3. Customer memasukkan data registrasi, kemudian menekan tombol ‘Register’.
4. Sistem memvalidasi data registrasi yang dimasukkan benar atau salah. Jika benar maka sistem akan menampilkan halaman utama (home page).
b. Deskripsi Use Case Melakukan Login Customer
Penjelasan atau deskripsi dari use case pelanggan dalam melakukan login customer ditunjukkan pada Tabel III.10.
Tabel III.8.
Deskripsi Use Case Melakukan Login Customer Use Case Name Melakukan Login Customer
Requirements A2
Goal Customer dapat melakukan login pada aplikasi manajemen proyek konstruksi.
Pre-conditions Customer telah melakukan registrasi.
Post-conditions Aplikasi membuka halaman utama/home.
Failed end conditions Customer salah memasukkan email maupun password.
Primary Actors Customer
Main Flow / Basic Path 1. Customer menjalankan aplikasi manajemen proyek konstruksi pada smartphone dengan OS Android.
2. Aplikasi menampilkan halaman login.
3. Customer memasukkan email dan password, kemudian menekan tombol ‘Login’.
4. Aplikasi memeriksa apakah email dan/atau password yang dimasukkan benar atau salah. Jika benar maka sistem akan menampilkan halaman utama (home page).
c. Deskripsi Use Case Mengajukan Proyek
Penjelasan atau deskripsi dari use case pelanggan atau client dalam mengajukan proyek jasa proyek konstruksi ditunjukkan pada Tabel III.11.
Tabel III.9.
Deskripsi Use Case Mengajukan proyek Use Case Name Mengajukan Proyek
Requirements A3
Goal Customer dapat mengajukan proyek jasa konstruksi.
Pre-conditions Customer telah melakukan login.
Post-conditions Aplikasi menampilkan menu pengajuan proyek.
Failed end conditions Customer salah memasukkan tentang jasa konstruksi yang diajukan.
Primary Actors Customer atau Client
Main Flow / Basic Path 1. Customer memilih menu ‘Ajukan Sekarang’.
2. Aplikasi menampilkan halaman formulir ‘Pengajuan Proyek’.
3. Customer memasukkan data proyek, kemudian menekan tombol ‘Ajukan’.
4. Aplikasi menyimpan data pengajuan proyek yang baru ke dalam basis data project.
2. Use Case Diagram Admin
Interaksi antara admin selaku operator dengan aplikasi manajemen proyek digambarkan dengan use case diagram pada Gambar III.4.
Gambar III.4. Use Case Diagram Admin
a. Deskripsi Use Case Melakukan Login Admin
Penjelasan atau deskripsi dari use case admin dalam melakukan login ditunjukkan pada Tabel III.12.
Tabel III.10.
Deskripsi Use Case Melakukan Login Admin Use Case Name Melakukan Login
Requirements B1
Goal Admin dapat melakukan login pada website manajemen proyek konstruksi
Pre-conditions Admin telah menjalankan system.
Post-conditions Sistem membuka halaman utama
Failed end conditions Admin salah memasukkan email maupun password.
Primary Actors Admin
Main Flow / Basic Path 1. Admin menjalankan aplikasi menggunakan web browser.
2. Sistem menampilkan halaman utama.
3. Admin memilih menu login.
4. Website menampilkan halaman login.
5. Admin memasukkan email dan password, lalu menekan tombol login.
6. Website akan memvalidasi data email dan password yang dimasukkan benar atau salah. Jika benar maka website akan menampilkan dashboard (home page).
b. Deskripsi Use Case MengelolaProyek
Penjelasan atau deskripsi dari use case admin dalam mengubah proyek proyek konstruksi ditunjukkan pada Tabel III.11.
Tabel III.11.
Deskripsi Use Case Mengelola Proyek Use Case Name Mengubah Proyek
Requirements B2
Goal Admin dapat mengelola data proyek konstruksi.
Pre-conditions Admin telah melakukan login.
Post-conditions Sistem memproses pengelolaan data proyek.
Failed end conditions Admin tidak lengkap memasukkan data proyek atau tidak sesuai tipe datanya.
Primary Actors Admin
1. Admin memilih menu proyek.
2. Website menampilkan data proyek yang sudah ada.
3. Admin memilih tombol icon ubah data.
4. Website menampilkan formulir ubah data proyek.
5. Admin mengedit data proyek, kemudian menekan tombol simpan.
6. Website menyimpan perubahan data proyek ke dalam database.
Invariant A A3. Admin memilih tombol icon ubah data
A4.Website menampilkan formulir ubah data proyek.
A5.Admin mengedit data proyek, kemudian menekan tombol simpan.
A6. Website menyimpan perubahan data proyek ke dalam database.
Invariant B B3. Admin memilih tombol icon tambah data
B4.Website menampilkan formulir tambah data proyek.
B5.Admin mengedit data proyek, kemudian menekan tombol simpan.
B6. Website menyimpan perubahan data proyek ke dalam database.
c. Deskripsi Use Case Mengatur Jadwal
Penjelasan atau deskripsi dari use case admin dalam mengatur jadwal proyek konstruksi ditunjukkan pada Tabel III.12.
Tabel III.12.
Deskripsi Use Case Mengatur Jadwal Use Case Name Mengatur Jadwal
Requirements B3
Goal Admin dapat mengatur jadwal pada website manajemen proyek konstruksi.
Pre-conditions Admin telah melakukan login.
Post-conditions Sistem memproses mengatur jadwal.
Failed end conditions Admin tidak lengkap mengatur jadwal atau tidak sesuai tipe datanya.
Primary Actors Admin
Main Flow / Basic Path 1. Admin memilih menu jadwal proyek.
2. Website menampilkan data jadwal proyek.
3. Admin memilih tombol icon kalender.
4. Website menampilkan kalender jadwal proyek.
5. Admin memilih tanggal yang diinginkan.
6. Website menampilkan rincian jadwal proyek.
7. Admin mengubah jadwal proyek, lalu klik ‘Simpan’.
8. Sistem menyimpan perubahan data jadwal ke database.
Invariant A: A7. Admin memilih icon ‘Tambah’.
A8. Website menampilkan formulir tambah jadwal.
A9. Admin mengisi data jadwal baru, lalu klik simpan.
A10. Sistem menyimpan data jadwal baru ke database.
Invariant B: B7. Admin memilih data jadwal lalu klik icon ‘Hapus’.
B8. Website menghapus data jadwal dari database.
d. Deskripsi Use Case Mengelola Pengguna
Penjelasan atau deskripsi dari use case admin dalam mengelola pengguna yang ditunjukkan pada Tabel III.13.
Tabel III.13.
Deskripsi Use Case Mengelola Pengguna Use Case Name Mengelola Pengguna
Requirements B4
Goal Admin dapat mengelola data pengguna pada website manajemen.
Pre-conditions Admin telah melakukan login.
Post-conditions Sistem memproses pengelolaan data pengguna.
Failed end conditions Admin tidak lengkap mengedit data pengguna atau tidak sesuai tipe datanya.
Primary Actors Admin
Main Flow / Basic Path 1. Admin memilih menu pengguna.
2. Website menampilkan data pengguna yang sudah ada.
3. Admin memilih tombol icon ubah data.
4. Website menampilkan formulir ubah pengguna.
5. Admin mengubah data pengguna, kemudian menekan tombol simpan.
6. Website menyimpan perubahan data pengguna ke dalam database.
Invariant A: A3. Admin memilih data pengguna lalu menekan tombol icon ubah..
A4. Website menampilkan konfirmasi pengubahan.
A5. Admin mengkonfirmasi pengubahan data pengguna.
A6. Website mengubah data pengguna dari database.
Invariant B A3. Admin memilih data pengguna lalu menekan tombol icon hapus..
A4. Website menampilkan konfirmasi penghapusan.
A5. Admin mengkonfirmasi penghapusan data pengguna.
A6. Website mengubah data penghapus dari database.
e. Deskripsi Use Case Mengelola Customer
Penjelasan atau deskripsi dari use case admin dalam mengubah data customer ditunjukkan pada Tabel III.14.
Tabel III.14.
Deskripsi Use Case Mengelola Customer Use Case Name Mengelola Customer
Requirements B5
Goal Admin dapat mengubah data customer pada website manajemen proyek.
Pre-conditions Admin telah melakukan login.
Post-conditions Sistem memproses data customer.
Failed end conditions Admin tidak lengkap mengubah data customer atau tidak sesuai tipe datanya.
Primary Actors Admin
Main Flow / Basic Path 1. Admin memilih menu customer.
2. Website menampilkan data customer yang sudah ada.
3. Admin memilih tombol icon ubah.
4. Website menampilkan data customer.
5. Admin mengubah data customer, kemudian menekan tombol simpan.
6. Website menyimpan perubahan data customer ke dalam database.
Invariant A A3. Admin memilih tombol icon tambah.
A4. Website menampilkan data customer.
A5. Website menambah data customer dari database Invarian B B3. Admin memilih tombol icon hapus.
B4. Website menampilkan data customer.
B5. Website menghapus data customer dari database
f. Deskripsi Use Case Merekap Laporan
Penjelasan atau deskripsi dari use case admin dalam merekap laporan ditunjukkan pada Tabel III.15.
Tabel III.15.
Deskripsi Use Case Merekap Laporan Use Case Name Merekap Laporan
Requirements B6
Goal Admin dapat merekap dan mencetak laporan proyek.
Pre-conditions Admin telah melakukan login.
Post-conditions Sistem menampilkan laporan yang sedang berjalan maupun yang sudah selesai.
Failed end conditions Status proyek belum diubah.
Primary Actors Admin
Main Flow / Basic Path 1. Admin memilih menu laporan.
2. Sistem menampilkan halaman laporan.
3. Admin memlih laporan dan menekan tombol ‘Print’.
4. Sistem melakukan pencetakan laporan.
B. Activity Diagram
1. Activity Diagram Customer
a. Activity Diagram Melakukan Register
Kegiatan customer dalam melakukan registrasi pada aplikasi manajemen proyek konstruksi dapat dilihat pada Gambar III.5.
Gambar III.5. Activity Diagram Melakukan Register
Pada Gambar III.6 dapat dijelaskan bahwa customer melakukan registrasi, mengisi data registrasi, dan menekan tombol registrasi.
b. Activity Diagram Melakukan Login Customer
Kegiatan customer dalam melakukan registrasi pada aplikasi manajemen proyek konstruksi dapat dilihat pada Gambar III.6.
Gambar III.6. Activity Diagram Melakukan Login Customer
Pada Gambar III.6 dijelaskan bahwa customer melakukan login, mengisi username dan password, kemudian menekan tombol login.
c. Activity Diagram Mengajukan Proyek
Kegiatan customer dalam mengajukan proyek pada aplikasi manajemen proyek konstruksi dapat dilihat pada Gambar III.7.
Gambar III.7. Activity Diagram Mengajukan Proyek
Pada Gambar III.7 dapat dijelaskan bahwa customer mengajukan proyek, kemdian customer memilih menu pengajuan proyek, customer dapat mengajukan proyek, menambah data pengajuan proyek, melihat rincian pengajuan proyek dan memperbarui data pengajuan proyek.
2. Activity Diagram Admin
a. Activity Diagram Melakukan Login Admin
Kegiatan admin dalam melakukan login pada aplikasi manajemen proyek konstruksi dapat dilihat pada Gambar III.8.
Gambar III.8. Activity Diagram Melakukan Login Admin
Pada Gambar III.8 dapat dijelaskan proses login admin. Admin menjalankan aplikasi, mengisi email dan password, kemudian menekan tombol login.
b. Activity Diagram Mengelola Proyek
Kegiatan admin dalam mengubah data proyek pada aplikasi manajemen proyek konstruksi dapat dilihat pada Gambar III.9.
% 3CmxGr aph Mod el% 3E% 3Croo t% 3E% 3CmxCell% 20i d% 3D% 220% 2 2% 2F% 3E% 3C mxCell% 20id% 3D% 2 21% 22% 2 0pa ren t% 3D% 220% 2 2% 2F% 3E% 3Cm xCell% 20id% 3D% 2 22% 22% 2 0valu e% 3D% 22MENGE LOLA% 20PROYEK% 20(AD MIN)% 22% 20style% 3D% 2 2text% 3B html% 3D1% 3Bstrok eColo r% 3Dno ne% 3BfillColo r% 3Dno ne% 3Balign% 3 D cent er% 3Bve rticalAlign% 3D middl e% 3BwhiteSp ace% 3Dwr ap% 3Br ound ed% 3D0% 3B% 2 2% 20ve rtex% 3D% 2 21% 22% 2 0pa rent% 3 D% 221% 22% 3E% 3CmxGe om etry% 2 0x% 3D% 228 51.1 666 666 666 665% 2 2 % 20y% 3D% 2218 15. 3333 333 333 335% 2 2% 20widt h% 3D% 222 69% 22% 2 0hei ght% 3D% 22 20% 22% 2 0as% 3D% 2 2geo met ry% 22% 2 F% 3E% 3C% 2F mxCel l% 3E% 3CmxC ell% 20id% 3D% 22 3% 22% 20 value% 3D% 2 2Activity% 20Di agr am% 22% 2 0style% 3D% 2 2sha pe% 3Du mlF ram e% 3BwhiteSp ace% 3Dw rap% 3Bht ml% 3D1% 3Bwidt h% 3D12 4% 3Bhei ght% 3D32% 3B% 2 2% 20ve rtex% 3D% 2 21% 22% 2 0pa rent% 3D% 221% 22% 3E% 3C mxGe om etry% 20 x% 3D% 226 75% 22% 2 0y% 3D% 221 864. 5% 22% 20wi dth% 3D% 2 2565% 2 2% 20h eigh t% 3D% 226 98% 22% 20 as% 3D% 22 geo met ry% 22% 2 F% 3E% 3C% 2FmxC ell% 3E% 3CmxCell% 2 0id% 3D% 224% 22% 20v alue% 3D% 22 Me nam bah% 2 6lt% 3Bbr% 2 6gt% 3BDat a% 20Pro yek% 22% 2 0style% 3D% 2 2ro und ed% 3D1% 3Bwhit eSpac e% 3Dwra p% 3Bhtml% 3D 1% 3B% 22% 20v ertex% 3D% 221% 22% 2 0pa ren t% 3D% 221% 2 2% 3E% 3CmxG eom etry% 2 0x% 3D% 228 25. 8809 52 3809 518% 2 2% 20y% 3D% 22 222 9.83 333 333 333 35% 22% 2 0width% 3D% 2 212 0% 22% 20 heigh t% 3D% 226 0% 22% 20 as% 3D% 22g eo metry% 2 2% 2F% 3E% 3C% 2 FmxC ell% 3E% 3CmxCell% 20i d% 3D% 225% 2 2% 20val ue% 3D% 22% 2 2% 20styl e% 3D% 22e ndArr ow% 3Dno ne% 3Bht ml% 3D1% 3Ben tryX% 3D0. 496% 3Be ntryY% 3D 0% 3Bent ryDx% 3D0%
3BentryDy% 3D 0% 3Bent ryPeri met er% 3D0% 3Bexi tX% 3D0.50 4% 3BexitY% 3D1. 005% 3Bexi tDx% 3D0% 3BexitDy% 3D 0% 3BexitPe rimet er% 3D0% 3B% 2 2% 20e dge% 3D% 2 21% 22% 2 0pa rent% 3D% 2 21% 22% 3E% 3C mxGe ome try% 20wi dth% 3D% 22 50% 22% 2 0hei ght% 3D% 22 50% 22% 2 0r elative% 3D% 2 21% 22% 2 0as% 3D% 22 geo met ry% 22% 3E% 3CmxP oint% 20x% 3D% 2 296 0.09 6% 22% 20 y% 3D% 222 554. 515% 2 2% 20as% 3D% 2 2sou rcePoi nt% 22% 2 F% 3E% 3CmxPoin t% 20x% 3D% 22 955. 904% 2 2% 20y% 3D% 2 2184 8% 22% 20 as% 3D% 22t arg etPoint% 2 2% 2F % 3E% 3C% 2FmxG eom etry% 3E% 3C% 2 FmxC ell% 3E% 3CmxCell% 20i d% 3D% 226% 2 2% 20val ue% 3D% 22% 2 2% 20style% 3D% 2 2ed geStyle% 3D ort hogo nalEdg eStyle% 3Br ound ed% 3D0% 3B orth ogo nalL oop% 3D 1% 3BjettySize% 3Da uto% 3Bh tml% 3D1% 3B% 22% 2 0ed ge% 3D% 22 1% 22% 20s our ce% 3D% 22 7% 22% 20 par ent% 3D% 22 1% 22% 3E%
3CmxGe om etry% 2 0rela tive% 3D% 22 1% 22% 20 as% 3D% 22g eom etry% 2 2% 3E% 3CmxPoin t% 20x% 3D% 22 103 5.88 095 238 095 18% 22% 2 0y% 3D% 222 042 .833 333 333 333 5% 22% 20 as% 3D% 22t arg etPoint% 2 2% 2F% 3E% 3C% 2 FmxG eom etry% 3E% 3C% 2 FmxC ell% 3E% 3CmxCell% 20i d% 3D% 227% 2 2% 20val ue% 3D% 22 Me milih% 20 Menu% 2 6lt% 3Bbr% 2 6gt% 3BPro yek% 22% 2 0style% 3D% 2 2ro und ed% 3D1% 3Bwhit eSpac e% 3Dwra p% 3Bhtml% 3D 1% 3B% 22% 20ve rtex% 3D% 2 21% 22% 2 0pa ren t% 3D% 221% 2 2% 3E% 3CmxG eom etry% 2 0x% 3D% 227 55. 8809 52 3809 518% 2 2% 20y% 3D% 22 201 2.83 333 333 333 35% 22% 2 0width% 3D% 2 212 0% 22% 20 heigh t% 3D% 226 0% 22% 20 as% 3D% 22g eo metry% 2 2% 2F% 3E% 3C% 2 FmxC ell% 3E% 3CmxCell% 20i d% 3D% 228% 2 2% 20val ue% 3D% 22% 2 2% 20styl e% 3D % 22e dgeStyle% 3D ort hog onalEd geStyle% 3Br oun ded% 3D 0% 3Bort hog onalL oop% 3D 1% 3BjettySize
% 3Dauto% 3Bht ml% 3D1% 3B% 22% 2 0ed ge% 3D% 22 1% 22% 20s ourc e% 3D% 229% 2 2% 20t arg et% 3D% 221 1% 22% 20 par ent% 3D% 2 21% 22% 3E% 3C mxGe omet ry% 20 relativ e% 3D% 221% 2 2% 20as% 3D% 22ge om etry% 2 2% 3E% 3CArray% 2 0as% 3D% 22 point s% 22% 3E% 3CmxPoi nt% 20x% 3D% 2 210 95.8 809 523 8095 18% 22% 2 0y% 3D% 22 212 2.83 333 333 3333 5% 22% 2 F% 3E% 3C% 2FAr ray% 3E% 3C% 2F mxG eom etry% 3E% 3C % 2 FmxC ell% 3E% 3CmxCell% 20i d% 3D% 229% 2 2% 20val ue% 3D% 22 Men ampilk an% 26lt% 3B br% 26 gt% 3BHala man% 2 6lt% 3Bbr% 26 gt% 3BProyek% 2 2% 20style% 3D% 22r oun ded% 3D1% 3BwhiteSpa ce% 3Dwr ap% 3Bht ml% 3D1% 3B% 22% 20v ert ex% 3D% 221% 2 2% 20p are nt% 3D% 22 1% 22% 3E% 3Cmx Geo met ry% 20x% 3D% 22 103 5.88 095 238 095 18% 22% 2 0y% 3D% 222 012. 833 333 333 333 5% 22% 20wi dth% 3D% 22 120% 2 2% 20h eight% 3D% 2 260% 2 2% 20as% 3D% 2 2ge om etry%
22% 2F% 3E% 3C% 2 FmxCell% 3E% 3C mxCell% 20id% 3D% 2210% 2 2% 20v alue% 3D% 22% 2 2% 20styl e% 3D% 22e dgeStyl e% 3Dor thog onalEd geStyle% 3B roun ded% 3D 0% 3Bort hog onal Loo p% 3D1% 3BjettySize% 3D aut o% 3Bhtml% 3D 1% 3B% 22% 20e dge% 3D% 2 21% 22% 2 0sou rce% 3D% 2 211% 2 2% 20pa re nt% 3D% 221% 2 2% 3E% 3CmxG eom etry% 2 0rel ative% 3D% 22 1% 22% 20 as% 3D% 22 geo met ry% 22% 3E% 3CmxPoi nt% 20x% 3D% 2 281 6.09 523 809 523 81% 22% 2 0y% 3D% 222 187. 833 333 333 333 5% 22% 20 as% 3D% 22ta rge tPoint% 22% 2 F% 3E% 3C% 2F mxG e omet ry% 3E% 3C% 2F mxCell% 3E% 3CmxC ell% 20id% 3D% 22 11% 22% 2 0valu e% 3D% 22M eng elola% 2 6lt% 3Bbr% 26 gt% 3BDat a% 20Proy ek% 22% 2 0style% 3D% 22 rou nde d% 3D1% 3Bwhit eSpace% 3Dw ra p% 3Bhtml% 3D 1% 3B% 22% 20ve rtex% 3D% 2 21% 22% 2 0pa ren t% 3D% 221% 2 2% 3E% 3CmxGe om etry% 2 0x% 3D% 227 55.8 809 523 809 518% 2 2%
20y% 3D% 222 092 .833 333 333 333 5% 22% 20wi dth% 3D% 22 120% 2 2% 20h eight% 3D% 2 260% 2 2% 20as% 3D% 22ge om etry% 2 2% 2F% 3E% 3C% 2F mxCell% 3E% 3C mxCell% 20id% 3D% 2 212% 2 2% 20val ue% 3D% 22% 2 2% 20styl e% 3D% 22ellips e% 3Bht ml% 3D1% 3Bsha pe% 3Dst artStat e% 3BfillColo r% 3D% 230 0000 0% 3Bstr okeColo r% 3D% 23f f00 00% 3B% 22% 20v ert ex% 3D% 221% 2 2% 20p are nt% 3D% 22 1% 22% 3E% 3CmxG eo metr y% 20x% 3D% 22 795. 880 952 380 951 8% 22% 20y% 3D% 2 219 32.8 333 333 333 335% 2 2% 20widt h% 3D % 224 0% 22% 20 heigh t% 3D% 224 0% 22% 20as% 3D% 2 2ge ome try% 22% 2 F% 3E% 3C% 2F mxCell% 3E% 3Cm xCell% 20id% 3D% 2 213% 2 2% 20val ue% 3D% 22% 2 2% 20styl e% 3D% 22e dgeStyle% 3D ort hog onalEd geStyle% 3Bht ml% 3D1% 3Bve rticalAlign% 3D bott om% 3Be ndArr ow% 3Dop en% 3Be ndSize% 3D8% 3Bst rokeC olor% 3D% 2 3ff0 000% 3Be ntryX% 3D 0.5% 3Ben tryY% 3D0% 3Be ntryDx% 3D0% 3Be ntryD y% 3D0% 3B% 22% 20 edg e% 3D% 221% 2 2% 20so urce% 3D% 2212% 22% 20t arg et% 3D% 22 7% 22% 20 par ent% 3D% 22 1% 22% 3E% 3Cmx Geo met ry% 20r elative% 3D% 221% 22% 20as% 3D% 2 2ge omet ry% 22% 3E% 3C mxPoint% 2 0x% 3D% 226 90.8 809 523 809 527% 2 2% 20y% 3D% 22 260 2.83 333 333 333 35% 22% 2 0as% 3D% 22t arg etPoint% 2 2% 2F% 3E% 3C% 2 Fmx Geo met ry% 3E% 3C% 2Fm xCell% 3E% 3CmxCell% 2 0id% 3D% 22 14% 22% 2 0value% 3D% 22% 22% 2 0style% 3D% 22 endA rrow% 3D non e% 3Bhtml% 3D 1% 3BexitX% 3D0. 002% 3Bexit Y% 3D0.117% 3Bexi tDx% 3D0% 3BexitDy% 3D 0% 3BexitPeri met er% 3D0% 3Be ntryX% 3D 0.99 8% 3Bent ryY% 3D0.1 18% 3Ben tryDx% 3D0% 3B entr yDy% 3D0% 3Ben tryPeri met er% 3D0% 3B% 2 2% 20e dge% 3D% 2 21% 22% 2 0sou rce% 3D% 22 3% 22% 20 tar get% 3D% 22 3% 22% 20 par ent% 3D% 2 21% 22% 3E% 3C mxGeo met ry% 20wi dth% 3D% 22 50% 22% 2 0heig ht% 3D% 225 0% 22% 20 relativ e% 3D% 221% 2 2% 20a s% 3D% 22g eom etry% 2 2% 3E% 3CmxPoint% 20x% 3D% 22 673. 880 952 380 952 7% 22% 20y% 3D% 2 219 17.8 333 333 333 335% 2 2% 20as% 3D% 2 2sou rcePoin t% 22% 2 F% 3E% 3CmxPoint% 2 0x% 3D% 22 1241 .88 095 2380 951 8% 22% 20y% 3D% 2219 18. 833 333 3333 335% 2 2% 20as% 3D% 22ta rge tPoint% 22% 2 F% 3E% 3C% 2F mxGe om etry% 3E% 3C% 2 FmxCell% 3E% 3C mxCell% 20id% 3D% 2 215% 2 2% 20val ue% 3D% 22% 2 6lt% 3Bb% 26 gt% 3BADMIN% 26lt% 3B% 2 Fb% 26 gt% 3B% 22% 20s tyle% 3D% 22t ext% 3Bht ml% 3D1% 3Bstro keColo r% 3Dn one% 3BfillColo r% 3Dno ne% 3Balig n% 3Dcen ter% 3Bv erticalAlig n% 3Dmid dle% 3BwhiteS pace% 3Dw rap% 3Br oun ded% 3D 0% 3B% 22% 20v erte x% 3D% 221% 2 2% 20p are nt% 3D% 221% 2 2% 3E% 3CmxG eom etry% 2 0x% 3D% 22 774. 880 952 3809 518% 2 2% 20y% 3D% 2 218 91.8 333 333 3333 35% 22% 2 0widt h% 3D% 228 0% 2 2% 20hei ght% 3D% 22 20% 22% 2 0as% 3D% 22 geo met ry% 22% 2 F% 3E% 3C% 2F mxCell% 3E% 3CmxC ell% 20id% 3D% 22 16% 22% 2 0valu e% 3D% 22% 26lt% 3B b% 26gt% 3BWEB% 26lt% 3B% 2F b% 26g t% 3B% 22% 20styl e% 3D% 22te xt% 3Bhtml% 3D 1% 3Bstro keColo r% 3Dno ne% 3BfillColo r% 3Dno ne% 3Balig n% 3Dcen ter% 3Bve rticalAlig n% 3Dmid dle% 3BwhiteSp ace% 3Dw rap% 3Br oun ded% 3D 0% 3B% 22% 20v erte x% 3D% 221% 2 2% 20pa re nt% 3D% 221% 2 2% 3E% 3CmxG eom etry% 2 0x% 3D% 221 037 .38 0952 380 951 8% 22% 20y% 3D% 2218 91. 833 3333 333 335% 2 2% 2 0width% 3D% 22 100% 2 2% 20h eight% 3D% 2 220% 2 2% 20as% 3D% 22ge om etry% 2 2% 2F% 3E% 3C% 2F mxCell% 3E% 3C mxCell% 20id% 3D% 2 217% 2 2% 20val ue% 3D% 22% 2 2% 20styl e% 3D% 22ellips e% 3Bht ml% 3D1% 3Bsha pe% 3De ndStat e% 3BfillColor% 3D% 2 300 000 0% 3Bstrok eColo r% 3D% 23ff 000 0% 3B% 22% 20v erte x% 3D% 221% 2 2% 20pa re n t% 3D% 221% 22% 3E% 3Cm xGeo met ry% 20x% 3D% 2 210 80.8 809 523 809 518% 2 2% 20y% 3D% 22 239 6.83 333 333 333 35% 22% 2 0width% 3D% 2 230% 2 2% 20h eight% 3D% 2 230% 2 2% 20as% 3D% 2 2ge ome try% 22% 2 F% 3E% 3C% 2F mxCell% 3E% 3Cm xCell% 20id% 3D% 2 218% 2 2% 20val ue% 3D% 22 Me mpe rba har ui% 26lt% 3Bbr% 2 6gt% 3BDat a% 20Pr oyek% 22% 2 0style% 3D% 2 2ro und ed% 3D1% 3Bwhi teSpac e% 3Dwra p% 3Bhtml% 3D 1% 3B% 22% 20v erte x% 3D% 221% 2 2% 20p are nt% 3D% 221% 2 2% 3E% 3CmxG eo metry% 2 0x% 3D% 22 103 5.88 095 238 0951 8% 22% 20 y% 3D% 22229 5.3 3333 333 333 35% 22% 2 0width% 3D% 2 212 0% 22% 20 heig ht% 3D% 226 0% 22% 20 as% 3D% 22 geo metr y% 22% 2F% 3E% 3C% 2 FmxC ell% 3E% 3CmxCel l% 20i d% 3D% 221 9% 22% 20v alue% 3D% 2 2% 22% 20s tyle% 3D% 22 edg eStyle% 3Do rtho gon alEdgeStyl e% 3Brou nde d% 3D0% 3Bo rtho gon alLoo p% 3D1% 3Bjett ySize% 3Daut o% 3Bht ml% 3D1% 3B% 22% 20 edge% 3D% 221% 2 2% 20ta rge t% 3D% 221 7% 22% 20p ar ent% 3D% 22 1% 22% 3E% 3Cmx Geo met ry% 20r elative% 3D% 221% 22% 2 0as% 3D% 2 2ge omet ry% 22% 3E% 3C mxPoint% 2 0x% 3D% 221 095. 880 952 380 951 8% 22% 20y% 3D% 2 223 56.8 333 333 333 335% 2 2% 20as% 3D% 2 2sou rcePoin t% 22% 2 F% 3E% 3CmxPoint% 2 0x% 3D% 22 1105 .88 095 2380 951 8% 22% 20y% 3D% 2223 06. 833 333 3333 335% 2 2% 20as% 3D% 22ta rge tPoint% 22% 2 F% 3E% 3C% 2F mxGe om etry% 3E% 3C% 2 FmxCell% 3E% 3C mxCell% 20id% 3D% 2 220% 2 2% 20val ue% 3D % 22% 22% 20styl e% 3D% 22sh ape% 3Dlin e% 3Bht ml% 3D1% 3Bstr okeWidt h% 3D6% 3Bstr okeCol or% 3D% 23 ff00 00% 3B% 22% 20 vert ex% 3D% 22 1% 22% 20 par ent% 3D% 22 1% 22% 3E% 3Cmx Geo met ry% 20x% 3D% 2 2714 .66 666 6666 666 5% 22% 20y% 3D% 2221 88. 833 3333 333 335% 2 2% 20widt h% 3D% 222 00% 22% 2 0hei ght% 3D% 2 210% 22% 20as%
D% 22geo met ry% 22% 2 F% 3E% 3C% 2Fm xCell% 3E
% 3CmxCell% 20id% 3D% 2 221% 2 2% 20val ue% 3D% 22% 2 2% 20styl e% 3D% 22e dgeStyle% 3Dort hog onalEd geStyle% 3Bht ml% 3D1% 3Bve rticalAlign% 3 Dbott om% 3Be ndAr row% 3Do pen% 3Be ndSize% 3D8% 3Bst rok eColor% 3D% 23ff0 000% 3B% 2 2% 20e dge% 3D% 2 21% 22% 2 0pa rent% 3D% 2 21% 22% 3E% 3C mxGe ome try% 20 relativ e% 3D% 221% 22% 20a s% 3D% 22g eom etry% 2 2% 3E% 3CmxPoin t% 20x% 3D% 22 886% 2 2% 20y% 3D% 22 223 0% 22% 20 as% 3D% 22t arg etPoint% 2 2% 2F% 3E% 3Cm xPoint% 20x% 3D% 2 288 6% 22% 20 y% 3D% 222 198% 22% 20as% 3D% 22sou rcePoin t% 22% 2 F% 3E% 3CArray% 2 0as% 3D% 22 point s% 22% 3E% 3CmxPoi nt% 20x% 3D% 2 288 5.66 666 666 6666 5% 22% 20 y% 3D% 222 196. 333 333 3333 335% 2 2% 2F% 3E% 3C mxPoint% 2 0x% 3D% 228 85.6 666 666 666 665% 2 2% 20y% 3D% 22 219 6.33 333 333 333 35% 22% 2 F% 3E% 3C% 2FAr ray% 3E% 3C% 2 FmxG eom etry% 3E% 3C% 2 FmxC el l% 3E% 3CmxCell% 20id% 3D% 22 22% 22% 2 0valu e% 3D% 22% 22% 2 0style% 3D% 2 2ed geStyle% 3D orth ogo nalEdg eStyle% 3Bht ml% 3D1% 3Bve rticalAlign% 3D botto m% 3Ben dArr ow% 3Dop en% 3Ben dSize% 3D8% 3Bst rokeC olor% 3D% 2 3ff0 000% 3B% 22% 2 0ed ge% 3D% 22 1% 22% 20t arg et% 3D% 22 25% 22% 2 0pa rent% 3D% 2 21% 22% 3E% 3C mxGe ome try% 20 rela tive% 3D% 22 1% 22% 20 as% 3D% 22g eom etry% 2 2% 3E% 3CmxPoin t% 20x% 3D% 22 744. 666 666 666 666 5% 22% 20y% 3D% 2 222 64.8 333 333 333 335% 2 2% 20as% 3D% 2 2ta rgetPoi nt% 22% 2 F% 3E% 3CmxP oint% 20x% 3D% 2 2746% 2 2% 20y% 3D% 2 221 96% 22% 2 0as% 3D% 22s ourc ePoint% 2 2% 2F% 3E% 3CAr ray% 20 as% 3D% 22p oints% 2 2% 3E% 3CmxPoint% 2 0x% 3D% 22 745. 666 666 6666 665% 2 2% 20y% 3D% 2 223 18.3 333 333 3333 35% 22% 2 F% 3E% 3CmxPoi nt% 20x% 3D% 2 274 5.66 666 666 666 65% 22% 2 0y% 3D% 222 318. 333 333 333 333 5% 22% 2F%
3E% 3C% 2FArr ay% 3E% 3C% 2F mxGeo met ry% 3E% 3C% 2F mxCell% 3E% 3CmxC ell% 20id% 3D% 2 223% 22% 20valu e% 3D% 22 Men gub ah% 26lt% 3Bb r% 26g t% 3BData% 2 0Proyek% 22% 20styl e% 3D% 22r oun ded% 3D 1% 3BwhiteSp ace% 3Dwr ap% 3Bht ml% 3D1% 3B% 22% 2 0ver tex% 3D% 22 1% 22% 20 par ent% 3D% 2 21% 22% 3E% 3Cm xGeo met ry% 20x% 3D% 2 275 5.88 095 238 095 18% 22% 2 0y% 3D% 222 295. 333 333 333 333 5% 22% 20wid th% 3D% 22 120% 2 2% 20h eight% 3D% 2 260% 2 2% 20as% 3D% 2 2ge ome try% 22% 2 F% 3E% 3C% 2F mxCell% 3E% 3Cmx Cell% 20id % 3D% 2224% 22% 2 0valu e% 3D% 22% 22% 2 0style% 3D% 2 2ed geStyle% 3Do rth ogo nalEdg eStyle% 3Bht ml% 3D1% 3Bver ticalAlign% 3Db otto m% 3Ben dArr ow% 3Dop en% 3Ben dSize% 3D8% 3Bstr okeCol or% 3D% 23 ff00 00% 3Be ntryX% 3D0. 5% 3Bent ryY% 3D0% 3Ben tryDx% 3D0% 3B entryD y% 3D0% 3BexitX% 3D0. 508% 3B exitY% 3D0.8% 3Be xitDx% 3D 0% 3BexitDy% 3D0% 3BexitPe rim eter% 3D 0% 3B% 22% 20 edge% 3D% 221% 22% 20so urce% 3D% 2 220% 2 2% 20ta rg et% 3D% 222 3% 22% 20 par ent% 3D% 2 21% 22% 3E% 3Cm xGeo met ry% 20 relativ e% 3D% 221% 2 2% 20as% 3D% 2 2ge ome try% 22% 3E% 3C mxPoint% 2 0x% 3D% 228 15. 6666 666 666 665% 2 2% 20y% 3D% 22 227 4.8 3333 333 333 35% 22% 2 0as% 3D% 22 tar getPoin t% 22% 2 F% 3E% 3CmxPoint% 2 0x% 3D% 22 815. 666 666 6666 665% 2 2% 20y% 3D% 2 2220 4.8 333 333 3333 35% 22% 2 0as% 3D% 2 2sou rcePoin t% 22% 2F% 3E% 3CAr ray% 2 0as% 3D% 22 points% 2 2% 2F% 3E% 3C% 2F mxGe ome try% 3E% 3C% 2F mxCell% 3E% 3C mxCell% 20id% 3D% 2 225% 2 2% 20val ue% 3D% 22 Men gha pus% 26l t% 3Bbr% 26 gt% 3BData% 20Proy ek% 22% 20 style% 3D% 22 rou nde d% 3D1% 3Bwhit eSpace% 3Dw rap% 3B html% 3D1% 3B% 2 2% 20ve rtex% 3D% 2 21% 22% 2 0pa rent% 3D% 2 21% 22% 3E% 3C mxGe om etry% 20 x% 3D% 226 8
4.880 952 380 951 8% 22% 20y% 3D% 2 223 65.3 333 333 333 335% 2 2% 20widt h% 3D% 221 20% 22% 2 0hei ght% 3D% 22 60% 22% 2 0as% 3D% 22 geo met ry% 22% 2 F% 3E% 3C% 2F mxCell% 3E% 3CmxC ell% 20id% 3D% 22 26% 22% 2 0valu e% 3D% 22% 22% 2 0style% 3D% 2 2sha pe% 3Dline% 3B html% 3D1% 3Bstrok eWidth% 3D 6% 3Bstrok eColo r% 3D% 23ff 000 0% 3Brot ation% 3D -
90% 3B% 22% 20v ertex% 3D% 221% 22% 2 0pa ren t% 3D% 221% 2 2% 3E% 3CmxG eom etry% 2 0x% 3D% 229 12. 6666 666 666 665% 2 2% 20y% 3D% 22 232 5.3 3333 333 333 35% 22% 2 0width% 3D% 2 218 5% 22% 20 heig ht% 3D% 221 0% 22% 20 as% 3D% 22 geo metr y% 22% 2F% 3E% 3C% 2 FmxC ell% 3E % 3CmxCell% 2 0id% 3D% 222 7% 22% 20 value% 3D% 2 2% 22% 20 style% 3D% 22 edg eStyle% 3Do rtho gon alEdgeStyl e% 3Bhtml% 3D 1% 3Bvertic alAlign% 3Db otto m% 3BendA rrow% 3D ope n% 3BendSize% 3D 8% 3Bstr okeColo r% 3D% 23f f00 00% 3BexitX% 3D1% 3Bexi tY% 3D0.5% 3B exitDx% 3D0% 3BexitDy% 3D 0% 3B% 22% 20e dge% 3D% 2 21% 22% 2 0sou rce% 3D% 2 24% 22% 2 0pa rent% 3D% 2 21% 22% 3E% 3C mxGe ome try% 20 rela tive% 3D% 22 1% 22% 20 as% 3D% 22g eom etry% 2 2% 3E% 3CmxPoin t% 20x% 3D% 22 100 4.66 666 666 666 65% 22% 2 0y% 3D% 222 260. 333 333 333 333 5% 22% 20 as% 3D% 22t arg etPoint% 2 2% 2F% 3E% 3 CmxPoint% 20x% 3 D% 2298 4.8 333 3333 333 35% 22% 2 0y% 3D% 22 2247 .5% 22% 2 0as% 3D% 22s our cePoint% 2 2% 2F% 3E% 3CAr ray% 20 as% 3D% 22p oints% 2 2% 2F% 3E% 3C % 2 FmxG eom etry% 3E% 3C% 2 FmxC ell% 3E% 3CmxCell% 20i d% 3D% 222 8% 22% 20v alue% 3D% 2 2% 22% 20s tyle% 3D% 22 edg eStyle% 3Do rtho gon alEdgeStyl e% 3Bhtml% 3D 1% 3Bvertic alAlign% 3Db otto m% 3BendA rrow% 3D ope n% 3BendSize% 3D 8% 3Bstro keColo r% 3D% 23f f000 0% 3BexitX% 3D1% 3BexitY% 3D 0.5% 3BexitDx% 3D 0% 3BexitDy% 3D 0% 3B% 22% 20e dge% 3D% 2 21% 22% 2 0s ource% 3D% 2 223% 2 2% 20p are nt% 3D% 22 1% 22% 3E% 3Cmx Geo met ry% 20r elative% 3D% 2 21% 22% 2 0as% 3D% 2 2geo met ry% 22% 3E% 3C mxPoint% 20 x% 3D% 221 004% 22% 20y% 3D% 22 232 8% 22% 20 as% 3D% 22ta rge tPoint% 22% 2 F% 3E% 3CmxP oint% 20x% 3D% 2 288 4.66 666 666 666 65% 22% 2 0y% 3D% 222 327. 333 333 333 333 5% 22% 20 as% 3 D% 22sour cePoint% 2 2% 2F% 3E% 3CA r ray% 20 as% 3D% 22p oints% 2 2% 3E% 3CmxPoint% 2 0x% 3D% 22 876. 666 666 666 6665% 22% 20y% 3D% 2 223 27.3 333 333 333 335% 2 2% 2F% 3E% 3CmxP oint% 20x% 3D% 2 210 03.6 666 666 666 665% 2 2% 20y% 3D% 22 232 7.33 333 333 333 35% 22% 2 F% 3E% 3C% 2FAr ray% 3E% 3C% 2 FmxG eom etry% 3E% 3C% 2 FmxC ell% 3E% 3CmxCell% 20i d% 3D% 222 9% 22% 20v alue% 3D% 2 2% 22% 20s tyle% 3D% 22 edg eStyle% 3Do rtho gon alEdgeStyl e% 3Bhtml% 3D 1% 3Bvertic alAlign% 3Db otto m% 3BendA rrow% 3D ope n% 3BendSize% 3D 8% 3BstrokeC olor% 3D% 2 3ff0 000% 3Be xitX% 3D1% 3BexitY% 3D0. 5% 3BexitDx% 3D0% 3Be xitDy% 3D0% 3Be ntryX% 3D0. 167% 3Be ntryY% 3D 0.55% 3Be ntryD x% 3D0% 3Bent ryDy% 3D0% 3Be ntryP erim eter% 3 D0% 3B% 22% 20 edg e% 3D% 221% 2 2% 20so urce% 3D% 2 225% 2 2% 20t arg et% 3D% 222 6% 22% 20 par ent% 3D% 2 21% 22% 3E% 3C mxGe omet ry
% 20relativ e% 3D% 221% 2 2% 20a s% 3D% 22g eom etry% 2 2% 3E% 3CmxPoint% 20x% 3D% 22 754. 500 000 000 0005% 22% 20y% 3D% 2 223 75.3 333 333 333 335% 2 2% 20as% 3D % 2 2tar getPoi nt% 22% 2 F% 3E% 3CmxPoin t% 20x% 3D% 22 754. 500 000 000 000 5% 22% 20y% 3D% 2 222 05.1 666 666 666 67% 22% 2 0as% 3D% 22s our cePoint% 2 2% 2F% 3E% 3CAr ray% 20 as% 3D% 22p oints% 2 2% 3E% 3CmxPoint% 20x% 3D% 22 804. 666 666 666 666 5% 22% 20y% 3D% 2 223 92.3 333 333 333 335% 2 2% 2F% 3E% 3C% 2FA rray% 3E% 3C% 2 Fmx Geo met ry% 3E% 3C% 2F mxCell% 3E% 3C mxCell% 20id% 3D% 2 230% 2 2% 20val ue% 3D% 22% 2 2% 20styl e% 3D% 22e dgeStyle% 3D ort hog onalEd geStyle% 3Bht ml% 3D1% 3B ve rticalAlign% 3D bott om% 3Be ndAr row% 3Do pen% 3Be ndSize% 3D8% 3Bst rokeC olor% 3D% 2 3ff0 000% 3B% 2 2% 20ed ge% 3D% 22 1% 22% 20 pa rent% 3D% 2 21% 22% 3E % 3C mxGe ome try% 20 relativ e% 3D% 221% 2 2% 20a s% 3D% 22geo met ry% 22% 3E% 3Cm xPoint% 20x% 3D% 2210 34. 666 6666 666 665% 2 2% 20y% 3D% 22 232 8.3 333 3333 333 35% 22% 2 0as% 3D% 22 tar getPoin t% 22% 2 F% 3E% 3CmxPoint% 2 0x% 3D% 22 1004 .66 666 6666 666 5% 22% 20 y% 3D% 222 328. 333 333 3333 335% 2 2% 20as% 3D% 22so urcePoi nt% 22% 2 F% 3E% 3CArra y% 20as% 3D% 2 2poi nts% 22% 2 F% 3E% 3C% 2F mxGe omet ry% 3E% 3C% 2F mxCell% 3E% 3C% 2F roo t% 3E% 3C% 2Fm xGr aph Mod el
% 3Gambar III.9. Activity Diagram Mengelola Proyek
Pada Gambar III.9 dapat dijelaskan proses admin mengubah proyek. Admin memilih menu proyek, kemudian mengubah proyek, mengganti data proyek, dan menekan tombol simpan.
c. Activity Diagram Mengatur Jadwal
Kegiatan admin dalam mengatur jadwal pada aplikasi manajemen proyek konstruksi dapat dilihat pada Gambar III.10.
Gambar III.10. Activity Diagram Mengatur Jadwal
d. Activity Diagram Mengelola Pengguna
Kegiatan admin dalam mengelola pengguna pada aplikasi manajemen proyek konstruksi dapat dilihat pada Gambar III.11.
Gambar III.11. Activity Diagram Mengelola Pengguna
Pada Gambar III.11 dapat dijelaskan proses admin mengelola pengguna.
Admin memilih menu pengguna, kemudian mengelola karyawa seperti menambah data pengguna, megubah data pengguna, atau menghapus data pengguna, dan menekan tombol simpan.
e. Activity Diagram Mengelola Customer
Kegiatan admin dalam mengubah customer pada aplikasi manajemen proyek jadwal dan evaluasi pemberantasan hama dapat dilihat pada Gambar III.12.
Gambar III.12. Activity Diagram Mengelola Customer
Pada Gambar III.12 dapat dijelaskan admin dapat mengubah customer.
Admin memilih menu customer, kemudian mengubah data customer, dan menekan tombol simpan.
f. Activity Diagram Merekap Laporan
Kegiatan admin dalam merekap laporan pada aplikasi manajemen proyek konstruksi dapat dilihat pada Gambar III.13.
Gambar III.13. Activity Diagram Merekap Laporan
Pada Gambar III.13 dapat dijelaskan bahwa admin dapat merekap laporan.
Admin memilih menu laporan, kemudian memilih laporan dan menekan tombol print. Setelah itu sistem akan mencetak laporan ke dalam bentuk kertas
C. Class Diagram
Pada pembuatan Class diagram digambarkan dengan partisi atau swimlane berdasarkan actor yang ditunjukkan pada Gambar III.14.
Gambar III.14. Class Diagram Aplikasi Manajemen Proyek
Pada Gambar III.14 menjelaskan class diagram dari aplikasi manajemen proyek.
Terdapat beberapa class yang digunakan untuk mengelola database. Seperti class customer, job, schedule yang saling berelasi. Sedangkan class auth berdiri sendiri.
D. Sequence Diagram
Penggambaran sequence diagram berdasarkan fish level dari use case diagram.
1. Sequence Diagram Customer
a. Sequence Diagram Melakukan Register
Urutan interaksi customer dalam melakukan registrasi pada aplikasi manajemen proyek dapat dilihat pada Gambar III.15.
Gambar III.15. Sequence Diagram Melakukan Register
b. Sequence Diagram Melakukan Login Customer
Urutan interaksi customer dalam melakukan registrasi pada aplikasi manajemen proyek konstruksi dapat dilihat pada Gambar III.16.
Gambar III.16. Sequence Diagram Melakukan Login Customer
Pada Gambar III.16 menjelaskan skenario customer melakukan login yaitu dengan mengisi username dan password, kemudian menekan tombol login.
Jika password salah makan tidak akan bisa login dan akan muncul login error password tidak cocok.
c. Sequence Diagram Mengajukan proyek
Urutan interaksi customer dalam mengajukan proyek pada aplikasi manajemen proyek konstruksi dapat dilihat pada Gambar III.17.
Gambar III.17. Sequence Diagram Mengajukan Proyek
Pada Gambar III.17 menjelaskan skenario customer mengajukan proyek, yaitu dengan mengisi menu pengajuan proyek. Jika tidak tidak mengisi menu pengajuan proyek dan mengklik tombol simpan, maka akan muncul perintah “The title field is required”.
2. Sequence Diagram Admin
a. Sequence Diagram Melakukan Login Admin
Urutan interaksi admin dalam melakukan login pada aplikasi manajemen proyek konstruksi dapat dilihat pada Gambar III.18.
Gambar III.18. Sequence Diagram Melakukan Login Admin
Pada Gambar III.18 menjelaskan skenario admin melakukan melakukan login yaitu dengan mengisi username dan password, dan menekan tombol login.
b. Sequence Diagram Mengelola Proyek
Urutan interaksi admin dalam mengelola proyek pada aplikasi manajemen proyek konstruksi dapat dilihat pada Gambar III.19.
Gambar III.19. Sequence Diagram Mengelola Proyek
Pada Gambar III.19 menjelaskan skenario admin mengelola proyek yaitu dengan mengklik menu proyek, kemudian memilih edit data. Jika telah mengelola data proyek admin mengklik tombol simpan.
c. Sequence Diagram Mengatur Jadwal
Urutan interaksi admin dalam mengelola proyek pada aplikasi manajemen proyek konstruksi dapat dilihat pada Gambar III.20.
Gambar III.20. Sequence Diagram Mengatur Jadwal
Pada Gambar III.20 menjelaskan skenario admin mengatur jadwal yaitu dengan mengklik menu jadwal proyek, memilih tanggal dan simpan.
d. Sequence Diagram Mengelola Pengguna
Urutan interaksi admin dalam mengelola pengguna pada aplikasi manajemen proyek konstruksi dapat dilihat pada Gambar III.21.
Gambar III.21. Sequence Diagram Mengelola Pengguna
e. Sequence Diagram Mengelola Customer
Urutan interaksi admin dalam mengelola customer pada aplikasi manajemen proyek konstruksi dapat dilihat pada Gambar III.22.
Gambar III.22. Sequence Diagram Mengelola Customer
Pada Gambar III.22 menjelaskan skenario admin mengelola customer yaitu dengan mengklik menu pengguna customer, kemudian memilih edit data.
Jika telah mengelola data pengguna customer admin mengklik tombol simpan.
f. Sequence Diagram Mencetak Laporan
Urutan interaksi admin dalam mencetak laporan pada aplikasi manajemen proyek konstruksi dapat dilihat pada Gambar III.23.
Gambar III.23. Sequence Diagram Mencetak Laporan
Pada Gambar III.23 menjelaskan skenario admin dalam mencetak laporan yaitu dengan mengklik menu laporan, kemudian memilih laporan yang akan dicetak dan menekan tombol print. Setelah itu sistem akan melakukan pencetakan laporan melalui media kertass.
3.3.3. User Interface
Menampilkan desain antar muka form-form yang akan dibuat.
A. User Interface Customer 1. Halaman Register
Untuk dapat melaukan login, customer harus melakukan registrasi terlebih dahulu agar mempunyai hak akses sebagai customer. Tampilan halaman regestrasi dapat dilihat pada gambar III.24.
Gambar III.24. Halaman Register
2. Halaman Login Customer
Untuk dapat mengajikan proyek customer harus melakukan login. Tampilan halaman login dapat dilihat pada gambar III.25.
Gambar III.25. Halaman Login Pelanggan
3. Halaman Proyek
Pada halaman proyek customer harus mengisi pengajuan proyek dan deskripsi agar dapat diproses oleh admin. Tampilan pengajuan proyek terdapat pada gambar III.26.
Gambar III.26. Halaman Pengajuan proyek
B. Halaman Admin 1. Halaman Login Admin
Untuk dapat mengelola laporan, jadwal proyek, dan mengelola pengguna admin harus melakukan proses login. Tampilan halaman login terdapat pada gambar III.27.
Gambar III.27. Halaman Login Admin
2. Halaman Proyek
Admin dapat mengubah data proyek dengan cara mengklik tombol ‘edit data’.
Tampilan mengubah proyek terdapat pada gambara III.28.
Gambar III.28. Halaman Mengubah Proyek
3. Halaman Mengelola Pengguna
Admin dapat mengelola data pengguna dengan cara mengklik tombol ‘edit data’ padah halaman data penggun pengguna. Tampilan data pengguna terdapat pada gambar III.29.
Gambar III.29. Halaman Mengelola Pengguna
4. Halaman Mengubah Customer
Admin dapat mengubah data customer dengan cara mengklik tombol ‘edit data’ padah halaman data customer. Tampilan customer terdapat pada gambar III.30.
Gambar III.30. Halaman Mengubah Customer
5. Halaman Laporan
Admin dapat merekap laporan proyek dengan cara memilih menu laporan.
Kemudian Admin menentukan laporan yang akan dicetak oleh sistem.
Tampilan dari mencetak laporan terdapat pada gambar III.31.
Gambar III.31. Halaman Merekap Laporan
3.4. Testing
3.4.1. Blackbox Testing 1. Aplikasi Android
a. Form Registrasi Pelanggan
Tabel III.16.
Hasil Pengujian Black Box Testing Registrasi Customer
No Skenario Pengujian
Test Case Hasil yang Diharapkan
Hasil Pengujian
Kesimpulan
1 Mengosongkan semua isian data registrasi pada register customer, lalu mengklik tombol ‘Register’.
Nama Lengkap:
(kosong)
Nama Perusahaan:
(kosong) Email: (kosong) Nomor Telepon:
(kosong)
Alamat: (kosong) Password: (kosong) Konfirmasi
Password: (kosong)
Sistem akan menolak proses registrasi dan menampilkan pesan “Gagal Registrasi”.
Sesuai harapan
Valid
2 Hanya mengisi salah satu data saja dan mengosongkan yang lainnya, lalu mengklik tombol
‘Register’.
Nama Lengkap:
Rangga Permadi Nama Perusahaan:
(kosong) Email: (kosong) Nomor Telepon:
(kosong)
Alamat: (kosong) Password: (kosong) Konfirmasi
Password: (kosong)
Sistem akan menolak proses registrasi dan menampilkan pesan “Gagal Registrasi”.
Sesuai harapan
Valid
3 Menginputkan dengan tipe data yang salah, kemudian mengklik tombol
‘Register’.
Nama Lengkap:
r45gi7db8
Nama Perusahaan:
et0s9887 Email: r98dnf-- Nomor Telepon:
09dne90s
Alamat: b4ndunn90 Password:
098hkdufh Konfirmasi Password:
098hkduf654
Sistem akan menolak proses registrasi dan menampilkan pesan “Gagal Registrasi”.
Sesuai harapan
Valid
4 Menginputkan semua data registrasi yang benar, lalu mengklik tombol
‘Register’.
Nama Lengkap:
Rangga Permadi Nama Perusahaan:
Ultimate Email:
permadirangga@gm ail.com
Nomor Telepon:
087793481697 Alamat: jl. Sari indah va, Bandung Password: Abcd1234 Konfirmasi
Password: Abcd1234
Sistem menerima proses registrasi dan kemudian langsung menampilkan halaman utama.
Sesuai harapan
Valid
b. Form Login Customer
Tabel III.17.
Hasil Pengujian Black Box Testing Login Customer
No Skenario Pengujian
Test Case Hasil yang Diharapkan
Hasil Pengujian
Kesimpulan
1 Mengosongkan semua isian data login pada login customer, lalu langsung mengklik tombol ‘Login’.
Email:
(kosong) Password:
(kosong)
Sistem akan
menolak akses login dan menampilkan pesan “Gagal Login”.
Sesuai harapan
Valid
2 Hanya mengisi data username dan mengosongkan data password, lalu langsung mengklik tombol ‘Login’.
Email:
customer Password:
(kosong)
Sistem akan
menolak akses login dan menampilkan pesan “Gagal Login”.
Sesuai harapan
Valid
3 Hanya mengisi data password dan mengosongkan data username, langsung mengklik tombol
‘Login’.
Email:
(kosong) Password:
123qwerty
Sistem akan
menolak akses login dan menampilkan pesan “Gagal Login”.
Sesuai harapan
Valid
4 Menginputkan dengan kondisi salah satu data benar dan satu lagi salah, langsung mengklik tombol ‘Login’.
Email:
customer Password:
salah
Sistem akan
menolak akses login dan menampilkan pesan “Gagal Login”.
Sesuai harapan
Valid
5 Menginputkan data login yang benar, lalu mengklik tombol ‘Login’.
Email:
permadhi@g mail.com Password:
Abcd1234
Sistem menerima akses login dan kemudian langsung menampilkan halaman utama.
Sesuai harapan
Valid
c. Form Pengajuan proyek
Tabel III.18.
Hasil Pengujian Black Box Testing Form Pengajuan Proyek
No Skenario Pengujian
Test Case Hasil yang Diharapkan
Hasil Pengujian
Kesimpulan
1 Mengosongkan semua isian data pengajuan proyek jasa, lalu mengklik tombol ‘Ajukan’.
Judul Proyek:
(kosong) Deskripsi:
(kosong) Budget : (kosong)
Sistem akan menolak proses
“pengajuan proyek”
dan menampilkan pesan “The title field is required”.
Sesuai harapan
Valid
2 Hanya mengisi Judul proyek dan mengosongkan Deskripsi dan budget lalu mengklik tombol
‘Ajukan’.
Judul Proyek:
Jalan Tol Deskripsi:
(kosong) Budget:
(kosong)
Sistem akan menolak proses pengajuan proyek dan menampilkan pesan “the
description field is required”.
Sesuai harapan
Valid
3 Hanya mengisi Deskripsi dan mengosongkan judul proyek dan budget, lalu mengklik tombol
‘Ajukan’.
Judul proyek:
(kosong) Deskripsi: 20 km
Budget : (kosong)
Sistem akan menolak proses Ajukan dan
menampilkan pesan
“The title field is required”.
Sesuai harapan
Valid
4 Hanya mengisi Budget dan mengosongkan judul proyek dan Deskrpsi, lalu mengklik tombol
‘Ajukan’
Judul proyek:
Jalan Tol Deskripsi: 20 km
Budget:
(kosong)
Sistem akan menolak proses Ajukan dan menampilkan
“Gagal Terjadi Kesalahan”
Sesuai harapan
Valid
5 Menginputkan semua data Pengajuan proyek jasa dengan benar, lalu mengklik tombol ‘Ajukan’.
Judul proyek:
Jalan Tol Deskripsi: 20 km
Budget:
999999999
Sistem akan
menyimpan data dan menampilkan
“Pengajuan Berhasil, Tunggu Informasi dari kami
Sesuai harapan
Valid
2. Website Admin a. Form Login Admin
Tabel III.19.
Hasil Pengujian Black Box Testing Login Admin
No Skenario Pengujian
Test Case Hasil yang Diharapkan
Hasil Pengujian
Kesimpulan
1 Mengosongkan semua isian data login pada login admin, lalu langsung mengklik tombol ‘Login’.
Email:
(kosong) Password:
(kosong)
Sistem akan menolak akses login dan menampilkan pesan “Please fill out this field”.
Sesuai harapan
Valid
2 Hanya mengisi data email dan
mengosongkan data password, lalu langsung mengklik tombol ‘Login’.
Email:
admin@jayap rimatour.tech Password:
(kosong)
Sistem akan menolak akses login dan menampilkan pesan “Harap isi bidang”.
Sesuai harapan
Valid
3 Hanya mengisi data password dan mengosongkan data email, langsung mengklik tombol
‘Login’.
Email:
(kosong) Password:
acitampan
Sistem akan menolak akses login dan menampilkan pesan “Harap isi bidang”.
Sesuai harapan
Valid
4 Menginputkan dengan kondisi salah satu data benar dan satu lagi salah, langsung mengklik tombol ‘Login’.
Email: salah Password:
123qwerty
Sistem akan menolak akses login dan menampilkan pesan “These credentials do not match our records.”.
Sesuai harapan
Valid
5 Menginputkan data login admin yang benar, lalu mengklik tombol ‘Login’.
Email:
admin@gmai l.com Password:
123qwerty
Sistem menerima akses login admin dan kemudian langsung menampilkan halaman utama.
Sesuai harapan
Valid
