|
|
| Baris 526: |
Baris 526: |
| | <div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''LANDASAN TEORI'''</div> | | <div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''LANDASAN TEORI'''</div> |
| | | | |
| − |
| |
| − | =<div style="font-family: 'times new roman'; text-align: center">'''BAB III'''</div>=
| |
| − | <div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''PEMBAHASAN'''</div>
| |
| − | ===Tata laksana system yang berjalan===
| |
| − | ====Uraian prosedur====
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Spesifikasi proses sistem pembayaran administrasi pengiriman barang yang sedang berjalan di PT. TIKI Cimone Tangerang adalah sebagai berikut:</p></div>
| |
| − |
| |
| − | <ol>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Prosedur Registrasi </p></li>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pelanggan datang menanyakan biaya pengiriman barang kepada marketing, lalu marketing memberikan informasi tarif pengiriman barang kemudian pelanggan mengisi formulir terlebih dahulu mengenai data konsumen dan barang apa saja yang dikirim. </p></div>
| |
| − |
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Prosedur Pembayaran </p></li>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Prosedur pembayaran dilakukan apabila pelanggan sudah menyetujui mengenai tarif pengiriman barang yang telah di informasikan sebelumnya oleh marketing. Setelah pembayaran dilakukan pelanggan menerima bukti pembayaran oleh bagian kasir.
| |
| − | </p></div>
| |
| − |
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Prosedur Pengiriman Barang </p></li>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Prosedur pengiriman barang akan di lakukan setelah pelanggan melakukan pembayaran kemudian bagian pengiriman mengambil barang yang akan dikirim , setelah itu barang dikirim ketempat tujuan.</p></div>
| |
| − |
| |
| − | </ol>
| |
| − |
| |
| − | ====Use case diagram====
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Setelah skenario mengenai sistem pembayaran administrasi yang berjalan saat ini selesai didefinisikan, maka skenario tersebut akan digambarkan kedalam bentuk diagram agar dapat mudah di baca. Dari definisi scenario diatas dapat digambarkan dalam use case diagram mengenai kebiasaan yang terjadi dalam pembayaran administrasi yang berjalan saat ini. Use case diagram akan menggambarkan hubungan use case dengan actor. Use case diagram dilihat pada gambar dibawah ini : </p></div>
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh6.googleusercontent.com/-v1WPAY98bXc/V6MoEuov3pI/AAAAAAAAAJA/Eew93JT0geAjoYh_iDSAYcH6L-eK6xBzQCL0B/w517-h571-no/Screen%2BShot%2B2016-08-04%2Bat%2B18.32.11.png"/></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Gambar 3.2 Use case diagram pembayaran</b></div>
| |
| − |
| |
| − | ====Activity diagram====
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
| |
| − | Activity diagram memodelkan alur kerja sebuah proses dan urutan aktifitas pada suatu proses. Diagram ini sangat mirip dengan flowchart karena kita dapat memodelkan prosedur logika. Ini perbedaan utamanya adalah flowchart digunakan untuk menggambarkan alur kerja dari sebuah sistem, sedangkan activity diagram dibuat untuk menggambarkan aktivitas actor. Berdasarkan use case diagram diatas dapat kita gambarkan activity diagram dari aktivitas para aktor-aktor yang ada pada sistem pembayaran administrasi pada PT.TIKI Cimone Tangerang. </p></div>
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh4.googleusercontent.com/-QNXc7LoKTWA/V6MpBXjnlbI/AAAAAAAAAJg/hBMo9WHOT0cZ1Tt_W2rCu-uueLtrdAh3wCL0B/w504-h542-no/Screen%2BShot%2B2016-08-04%2Bat%2B18.37.04.png"/></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Gambar 3.3 Activity diagram pembayaran administrasi</b></div>
| |
| − |
| |
| − | ====Sequence diagram====
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dari keterangan diatas dapat digambarkan dengan sequence diagram mengenai prilaku pada sebuah scenario, sehingga dengan diagram ini dapat menggambarkan pergerakan sebuah objek dengan pesan yang terjadi dalam sistem pembayaran administrasi yang berjalan saat ini. </p></div>
| |
| − |
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh5.googleusercontent.com/-w-rQDrPZpRk/V6Mp_ivuG6I/AAAAAAAAAKQ/vkGMmJSlIKUzKSAkW6T3g4mc9CpsfbztgCL0B/w566-h554-no/Screen%2BShot%2B2016-08-04%2Bat%2B18.40.23.png"/></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Gambar 3.4 Sequence diagram pembayaran administrasi</b></div>
| |
| − |
| |
| − | ===Masalah yang dihadapi===
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan analisa yang dilakukan penulis dari masalah yang dihadapi dapat disimpulkan bahwa kebutuhan sistem hendaknya </p></div>
| |
| − |
| |
| − | <ol>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Program sulit untuk diakses dari jarak jauh apabila ada keperluan untuk pengawasan atau pengambilan data dan laporan dari program itu sendiri. </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Sistem pengontrolan suka mengalami masalah seperti nomor resi barang sama sehingga suka terjadi kesalahan pengiriman. Nomor resi sering salah dikarenakan hanya copy paste dari nomor resi sebelumnya dan diganti ujungnya dan tidak ada “Poke Yoke” apabila nomer yang dinput sama. </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Harus dilakukan instalasi software jika akan dibuka/diaplikasikan ditempat lain. </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Kalimat </p></li>
| |
| − | </ol>
| |
| − |
| |
| − | ===Alternatif pemecahan masalah===
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Untuk mengulangi masalah yang ada maka alternatif pemecahan masalah dalam pengelolahan data transaksi pembayaran administrasi pada PT.TIKI Cimone Tangerang, maka penulis mengusulkan analisa pemecahan masalah yaitu antara lain dengan membangun suatu sstem informasi yang dihasilkan lebih cepat dan akurat, diantaranya : </p></div>
| |
| − |
| |
| − | <ol>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Dibangun suatu aplikasi berbasis Web. Aplikasi yang dibangun berbasiskan web memungkinkan user atau front office dapat menggunakan dan mengakses kapan dan dimanasaja dan menyediakan aplikasi database yang terelasi dengan tabel-tabel pembayaran sehingga diperlukan sebuah program yang dapat menunjang dan mempermudah kegiatan tanpa merubah prosedur yang berjalan. </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Dibuat suatu system untuk menghindari kesalahan input no resi. </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Dibuat suatu server terpusat agar instalasi software hanya dilakukan
| |
| − | sekali saja. </p></li>
| |
| − | </ol>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan beberapa alternative pemecahan masalah diatas penelitian ini
| |
| − | melakukan suatu kajian terhadap permasalahan diatas penelitian ini melakukan suatu kajian yang ada. Maka peneliatian ini memutuskan perlu dibangun aplikasi berbasis Web karena banyak keuntungan yang diperoleh antara lain : </p></div>
| |
| − |
| |
| − | <ol>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Dapat menjalankan aplikasi berbasis web dimanapun dan kapanpun tanpa harus melakukan penginstalan. </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Dapat dijalankan disistem operasi manapun. </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Memberikan informasi yang cepat dan akurat. </p></li>
| |
| − | </ol>
| |
| − |
| |
| − | ===User requirement===
| |
| − | ====Elisitasi tahap I====
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Elisitasi tahap I merupakan daftar yang diperoleh dari hasil pengumpulan data dari lapangan yang dilakukan dengan cara observasi dan wawancara. Untuk membuat suatu system pembayaran administrasi yang terkomputerisasi. Berikut lampiran elisitasi tahap I yang telah dibuat : </p></div>
| |
| − |
| |
| − |
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Tabel 3.1 Elisitasi Tahap 1</b></div>
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh6.googleusercontent.com/-GdL7s7n0XU8/V6Mrb0ahqOI/AAAAAAAAAK0/4S4EXIqTGnAnSSIQP5jGGg94BHkkC1U4gCL0B/w442-h505-no/Screen%2BShot%2B2016-08-04%2Bat%2B18.46.09.png"/></div>
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh5.googleusercontent.com/-krvPEfreCIM/V6Mr-8jQ__I/AAAAAAAAALQ/963SIEdOywANLLywCcaTGrV4egTvjSVegCL0B/w439-h500-no/Screen%2BShot%2B2016-08-04%2Bat%2B18.49.44.png"/></div>
| |
| − |
| |
| − | ====Elisitasi tahap II====
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Elisitasi tahap II disusun berdasarkan elisitasi tahap I yang kemudian diklasifikasikan lagi dengan metode MDI. Berikut lampiran elisitasi tahap II yang telah dibuat : </p></div>
| |
| − |
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Tabel 3.2 Elisitasi Tahap II</b></div>
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh5.googleusercontent.com/-MWUlG6vMD9M/V6MuAhDgpZI/AAAAAAAAALw/eogqy-X4CLMq7tYiyE7MUq98EpUvCwFZACL0B/w309-h87-no/Screen%2BShot%2B2016-08-04%2Bat%2B18.57.48.png"/></div>
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh3.googleusercontent.com/-8AjATzmkM_Q/V6MuA0_Mh3I/AAAAAAAAAL0/OwGuBWARzmQQPNq1l2hSGKW_ukPMYC2qwCL0B/w312-h537-no/Screen%2BShot%2B2016-08-04%2Bat%2B18.57.41.png"/></div>
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh6.googleusercontent.com/-lugF-WAbLms/V6Mu_fXaFJI/AAAAAAAAAMM/jrYValdHW7Q84ejvs555iegxUxw0jLsZgCL0B/w309-h107-no/Screen%2BShot%2B2016-08-04%2Bat%2B19.02.14.png"/></div>
| |
| − |
| |
| − | <ol>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">M = Mandatory </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">D = Desirable </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">I = Inessential </p></li>
| |
| − | </ol>
| |
| − |
| |
| − | ====Elisitasi tahap III====
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan elisitasi tahap II diatas, maka dibuatlah elisitasi tahap III yang diklasifikasikan kembali dengan menggunakan metode TOE dengan opse KML. Terdapat 7 requirement yang pilihannya antara lain High (H) dan harus dieleminsi, Middle (M) dan low (L). berikut lampiran elisitasi tahap III yang telah dibuat : </p></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Tabel 3.3 Elisitasi Tahap III</b></div>
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh5.googleusercontent.com/-nqtjuTbYfZY/V6MwtUuG2EI/AAAAAAAAAMs/qXETmvxfNkcpA9eSUm18tEfUjqzdeVKUQCL0B/w326-h178-no/Screen%2BShot%2B2016-08-04%2Bat%2B19.07.46.png"/></div>
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh3.googleusercontent.com/-Ps7okZ1ceGU/V6Mwtam7CHI/AAAAAAAAAMw/HNKacgENXL8mEpV2D-HrkE4XcCTTGJc9gCL0B/w327-h540-no/Screen%2BShot%2B2016-08-04%2Bat%2B19.07.50.png"/></div>
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh5.googleusercontent.com/-h4o9g9Cm0cE/V6MwtUN0rZI/AAAAAAAAAM0/CruVDfIR4HoYVXlvV3YAoUPCxzj88PKpgCL0B/w326-h248-no/Screen%2BShot%2B2016-08-04%2Bat%2B19.07.57.png"/></div>
| |
| − |
| |
| − |
| |
| − | <ol>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">T = Technical </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">L = Low </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">O = Operational </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">M = Middle </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">E = Economic </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2"> H = high </p></li>
| |
| − | </ol>
| |
| − |
| |
| − | ====Final draft elisitasi====
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Merupakan bentuk akhir dari tahap-tahap elisitasi yang dapat dijadikan acuan dan dasar untuk membangun system pembayaran administrasi pada PT. TIKI Cimone Tangerang. Berdasarkan elisitasi tahap III maka dapat dihasilkan requirement final draft yang diharapkn dapat mempermudah penulis untuk membuat suatu system pembayaran administrasi pada PT. TIKI Cimone Tangerang. Berikut lampiran final draft elisitasi yang telah dibuat : </p></div>
| |
| − |
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Tabel 3.4 Final Draft Elisitasi</b></div>
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh4.googleusercontent.com/-a62lPNLL9O8/V6MxZtOG5RI/AAAAAAAAANM/cgqJZDLsB2QTVMIDRJXM2JvMWWbZEe9LACL0B/w292-h540-no/Screen%2BShot%2B2016-08-04%2Bat%2B19.12.47.png"/></div>
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh3.googleusercontent.com/-lGzatDp7Oc0/V6MyGI5SZsI/AAAAAAAAANw/88QfzHFAUGwqucBOmWM90Jb8rvJ2tn7QACL0B/w371-h523-no/Screen%2BShot%2B2016-08-04%2Bat%2B19.15.40.png"/></div>
| |
| − |
| |
| − | ===Rancangan system yang diusulkan===
| |
| − | ====Usulan prosedur yang baru====
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Untuk menganalisa sistem yang diusulkan pada penelitian ini digunakan ProgramVisual Paradigm For UML 6.4 Enterprise Edition untuk menggambarkan Usecase Diagram, Clas Diagram, Sequence Diagram, State Chart Diagram, dan Activity Diagram.
| |
| − | </p></div>
| |
| − |
| |
| − | ====Use case diagram yang diusulkan====
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Use case diagram menggambarkan fungsional yang diharapkan dari sesuatu yang dibangun. Yang ditekankan adalah apa yang diperbuat system. Sebuah use case mempresentasikan sebuah interaksi antara aktor dengan system. </p></div>
| |
| − |
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh5.googleusercontent.com/-omb5w_w0Cpc/V6Gyf2fYNpI/AAAAAAAAAFg/1KQ3EflTRUcnS7XWNmkM5FEwo5Eh4u47QCL0B/w381-h571-no/Use%2BCase%2BDiagram1.jpg"/></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Gambar 3.5 Use Case Diagram yang diusulkan
| |
| − | </b></div>
| |
| − |
| |
| − |
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan gambar use case diagram diusulkan terdapat :
| |
| − | </p></div>
| |
| − | <ol>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">1 sistem yang mencakup seluruh kegiatan pembayaran administrasi PT. TIKI Cimone Tangerang. </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">1 aktor yang melakukan kegiatan adalah administrator. </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">11 use case yang bisa dilakukan oleh aktor-aktor tersebut diantaranya : halaman utama, sejarah, visi dan misi, struktur organisasi, galery, login, halamanan utama admin, pembayaran, laporan , print laporan, keluar. </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">5 include yang yang mempesifikasikan bahwa use case sumber secara eksplisit, diantaranya login gagal, login berhasil, laporan ONS, laporan TDS, dan REG. </p></li>
| |
| − | </ol>
| |
| − |
| |
| − | ====Activity diagram yang dusulkan====
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh6.googleusercontent.com/-TmpvIRdTKxY/V6Gye86VbXI/AAAAAAAAAFg/EOroGv9l9UUqizwPr43cp73wQuBr6IFUwCL0B/w467-h571-no/Activity%2BDiagram1.jpg"/></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Gambar 3.6 Activity Diagram yang diusulkan</b></div>
| |
| − |
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan gambar activity diagram user yang diusulkan terdapat : </p></div>
| |
| − | <ol>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">1 Initial Node, obyek yang diawali. </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">15 action, state dari yang mencerminkan eksekusi dari suatu aksi diantaranya : halaman utama, sejarah, visi dan misi, struktur organisasi,
| |
| − | galery, login, verifikasi, halamanan utama admin, pembayaran, laporan , laporan TDS, laporan ONS, laporan REG, print laporan, keluar. </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">1 Decision node, aliran yang menentukan pilihan. </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">1 final state, obyek yang diakhiri. </p></li>
| |
| − | </ol>
| |
| − |
| |
| − | ====Sequence diagram yang diusulkan====
| |
| − |
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh5.googleusercontent.com/-gCK7hALeHk8/V6Gyfj8_z9I/AAAAAAAAAFg/uXMkcEwBBLkntYJBtoldE99Tu2PnNfkVwCL0B/w884-h571-no/Sequence%2BDiagram1.jpg"/></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Gambar 3.7 Sequence Diagram yang diusulkan</b></div>
| |
| − |
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan gambar Sequence Diagram User yang diusulkan terdapat : </p></div>
| |
| − |
| |
| − | <ol>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">1 actor yang elakukan kegiatan, diantaranya admin. </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">11 lifeline antar muka yang saling berinteraksi, diantaranya : halaman utama, sejarah, visi dan misi, struktur organisasi, galery, login, verifikasi, halamanan utama admin, pembayaran, laporan , laporan TDS, laporan ONS, laporan REG, print laporan, keluar. </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">22 message spesifikasi dari komunkasi antar objek yang memuat informasi- informasi tentang aktifitas yang biasa dilakukan oleh actor-aktor tersebut, diantaranya : pilih halaman utama, menampilkan halaman utama,pilih sejarah, menampilkan sejarah, pilih visi dan misi, menampilkan visi dan misi, pilih struktur organisasi,menampilkan struktur organisasi, pilih galery, menampilkan gallery, pilih login,menampilkan login, pilih verifikasi, menampilkan verifikasi, pilih halamanan utama admin, menampilkan halaman utama admin, pilih pembayaran, menampilkan pembayaran, pilih laporan ,menampilkan laporan, pilih laporan TDS, menampilkan laporan TDS, pilih laporan ONS, menampilkan laporan ONS, pilih laporan REG, menampilkan lapoan REG, pilih print laporan, menampilkan print laporan, pilih keluar, menampilkan keluar. </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">1 Decision Node , aliran yang menentukan pilihan. </p></li>
| |
| − | </ol>
| |
| − |
| |
| − | ===Rancangan sruktual===
| |
| − | ====Class diagram yang diusulkan====
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh3.googleusercontent.com/-XLmfNGFidI0/V6Gye3ozf4I/AAAAAAAAAFg/KOwsKc_tMmMwesO-v6G0rBgT6ndtFSPlACL0B/w545-h571-no/Class%2BDiagram1.jpg"/></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Gambar 3.8 Class Diagram yang diusulkan</b></div>
| |
| − |
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan gambar Class Diagram yang diusulkan :</p></div>
| |
| − | <ol>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">9 class, himpunan dari objek-objek yang berbagi atribut serta operasi yang sama diantaranya user, paket_ons, paket_tds, paket_reg ,paket , transaksi_ons, tansaksi_tds, transaksi_reg dan kota. </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">7 association yang merelasikan antar kelas. </p></li>
| |
| − | </ol>
| |
| − |
| |
| − | ====State machine diagram yang diusulkan====
| |
| − |
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh6.googleusercontent.com/-_cC_bEGL7UY/V6GyftUaCSI/AAAAAAAAAFg/4-X9tdzubkgy2w-PGuBhoiOBi2XpQ9Y6wCL0B/w326-h546-no/State%2BMachine%2BDiagram1.jpg"/></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Gambar 3.9 State Machine Diagram yang diusulkan</b></div>
| |
| − |
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan gambar State Machine Diagram user yang diusulkan terdapat : </p></div>
| |
| − | <ol>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">1 Initial Pseudo State, objek yang di awali. </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">15 State, nilai atribut dan link pada suatu waktu tertentu yang dimuliki oleh suatu objek tersebut diantaranya : halaman utama, sejarah, visi dan misi, struktur organisasi, gallery, login, verifikasi, menu halaman utama, pembayaran , laporan, laporan ons, laporan tds, laporan reg, print laporan, keluar. </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">1 Decision Node, aliran yang menentukan pilihan. </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">1 Final State, objek yang diakhiri. </p></li>
| |
| − | </ol>
| |
| − |
| |
| − | ===Rancangan basis data===
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Spesifikasi database merupakan desain basis data yang dianggap telah normal. Desain database menjelaskan media penyimpanan data yang digunakan, isi yang disimpan, primary key, panjang record, dan struktur. Spesifikasi database yang digunkan dalam system yang akan dibangun adalah sebagai berikut : </p></div>
| |
| − |
| |
| − |
| |
| − | <ol>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">User</p></li>
| |
| − | <ol>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Nama file : t_user </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Media : Hard Disk </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Isi : id_user + user + password. </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Organisasi file : Index </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Primary key : id </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Panjang record : 45 </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Struktur : </p></li>
| |
| − | </ol>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Table 3.5 User</b></div>
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh5.googleusercontent.com/-vYDo4LdJGuk/V6HCS0uszfI/AAAAAAAAAI4/JqFgFw5hH6UlBJZ8E9GP-FaycZljjGy_gCL0B/w561-h182-no/Screen%2BShot%2B2016-08-03%2Bat%2B16.48.12.png"/></div>
| |
| − |
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Transaksi Tds</p></li>
| |
| − | <ol>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Nama file : t_transaksiTds</p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Media : Hard Disk </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Isi : no_resi + nama_pengirim + alamat_pengirim + telepon_pengirim + nama_penerima + alamat_penerima + telepon_penerima + jenis_barang + berat + tanggal + harga + id_paketTds.</p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Organisasi file : Index </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Primary key : no_resi</p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Panjang record : 140</p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Struktur : </p></li>
| |
| − | </ol>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Table 3.6 Transaksi Tds</b></div>
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh3.googleusercontent.com/-GzdXWfFQYKA/V6HCSqo25zI/AAAAAAAAAI4/gAe0_gN0lNI1XkWl8InhCwka_7qvc6oJwCL0B/w564-h550-no/Screen%2BShot%2B2016-08-03%2Bat%2B16.48.09.png"/></div>
| |
| − |
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Transaksi Ons</p></li>
| |
| − | <ol>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Nama file : t_transaksiOns</p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Media : Hard Disk </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Isi :no_resi + nama_pengirim + alamat_pengirim + telepon_pengirim + nama_penerima + alamat_penerima + telepon_penerima + jenis_barang + berat + tanggal + harga + id_paketOns.</p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Organisasi file : Index </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Primary key : no_resi</p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Panjang record : 140</p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Struktur : </p></li>
| |
| − | </ol>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Table 3.7 Transaksi Ons</b></div>
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh4.googleusercontent.com/-F0iA-qktvA8/V6HCSW7J6tI/AAAAAAAAAI4/2jJHL3Bee5g7gcvKq-Fi0I9EhDJ-e0cXACL0B/w563-h550-no/Screen%2BShot%2B2016-08-03%2Bat%2B16.48.03.png"/></div>
| |
| − |
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Transaksi Reg</p></li>
| |
| − | <ol>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Nama file : t_transaksiReg </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Media : Hard Disk </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Isi : no_resi + nama_pengirim + alamat_pengirim + telepon_pengirim + nama_penerima + alamat_penerima + telepon_penerima + jenis_barang + berat + tanggal + harga + id_paketReg. </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Organisasi file : Index </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Primary key : no_resi </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Panjang record : 140</p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Struktur : </p></li>
| |
| − | </ol>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Table 3.8 Transaksi Reg</b></div>
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh5.googleusercontent.com/-iOYPOBvoFEo/V6HCSFENRwI/AAAAAAAAAI4/FZBIZqWOvroFQq4suAisEHHSw8OEzp8XQCL0B/w563-h551-no/Screen%2BShot%2B2016-08-03%2Bat%2B16.47.50.png"/></div>
| |
| − |
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Paket Ons</p></li>
| |
| − | <ol>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Nama file : t_paketOns </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Media : Hard Disk </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Isi : harga + nama_kota + id_paketOns + nama_paket. </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Organisasi file : Index </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Primary key : id_paketOns</p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Panjang record : 95 </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Struktur : </p></li>
| |
| − | </ol>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Table 3.9 Paket Ons</b></div>
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh6.googleusercontent.com/-oRwozrMzCgM/V6HCRjDGp9I/AAAAAAAAAI4/h0n9ILd62WwRFXQUO8kSMKMJn5gbNiYDwCL0B/w563-h222-no/Screen%2BShot%2B2016-08-03%2Bat%2B16.47.46.png"/></div>
| |
| − |
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Paket Tds</p></li>
| |
| − | <ol>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Nama file : t_paketTds</p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Media : Hard Disk </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Isi : harga + nama_kota + id_paketTds + nama_paket. </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Organisasi file : Index </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Primary key : id_paketTds </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Panjang record : 95</p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Struktur : </p></li>
| |
| − | </ol>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Table 3.10 Paket Tds</b></div>
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh6.googleusercontent.com/-N8Eb2LHFjYQ/V6HCRhg0yAI/AAAAAAAAAI4/Nd0MYJhtJY4IYNB6m33DrMOf28boGTojACL0B/w564-h223-no/Screen%2BShot%2B2016-08-03%2Bat%2B16.47.42.png"/></div>
| |
| − |
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Paket Reg</p></li>
| |
| − | <ol>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Nama file : t_paketReg</p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Media : Hard Disk</p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Isi : harga + nama_kota + id_paketReg + nama_paket. </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Organisasi file : Index </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Primary key : id_paketReg</p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Panjang record : 96</p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Struktur : </p></li>
| |
| − | </ol>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Table 3.11 Paket Reg</b></div>
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh4.googleusercontent.com/-DwX0tGld6-g/V6HCRix2TqI/AAAAAAAAAI4/y2Ujzgk7VvwCCL0gMfRYcKclSjvWH68JgCL0B/w564-h218-no/Screen%2BShot%2B2016-08-03%2Bat%2B16.47.40.png"/></div>
| |
| − |
| |
| − |
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2"> Paket </p></li>
| |
| − | <ol>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Nama file : Paket </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Media : Hard Disk </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Isi : id_paket + ONS + TDS + REG + id_kota </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Organisasi file : index </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Primary key : id_paket</p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Panjang record : 40</p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Struktur : </p></li>
| |
| − | </ol>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Table 3.12 Paket</b></div>
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh5.googleusercontent.com/-Y6zNNDiHvIQ/V6HCQ6Zpf8I/AAAAAAAAAI4/BwIyZpVxUBc4Yku3mxX9rFUZrVlxbqtawCL0B/w562-h264-no/Screen%2BShot%2B2016-08-03%2Bat%2B16.47.38.png"/></div>
| |
| − |
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2"> Kota </p></li>
| |
| − | <ol>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Nama file : Kota</p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Media : Hard Disk </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Isi : id_kota + nama_kota. </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Organisasi file : index </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Primary key : id_kota</p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Panjang record : 105</p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Struktur : </p></li>
| |
| − | </ol>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Table 3.13 Kota</b></div>
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh6.googleusercontent.com/-Nb5D2m6g4nw/V6HCQyRKp1I/AAAAAAAAAI4/1jIlL4FZEYkoKskw_37OF_wRYoh_wiEFwCL0B/w563-h141-no/Screen%2BShot%2B2016-08-03%2Bat%2B16.47.35.png"/></div>
| |
| − |
| |
| − | </ol>
| |
| − |
| |
| − | ===Rancangan tampilan system yang diusulkan===
| |
| − | <ol>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Halaman Utama </p></li>
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh6.googleusercontent.com/-o25dIQRYhPA/V6HCPpsJd2I/AAAAAAAAAI4/7kw9y0jBbjEf0LhSrCKUOeVBUhv3vccsgCL0B/w560-h571-no/Screen%2BShot%2B2016-08-03%2Bat%2B16.46.47.png"/></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Gambar 3.10 Rancangan Halaman utama</b></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Halaman utama, merupakan link menuju halaman login administrator pada PT. TIKI Cimone Tangerang. Dihalaman utama terdapat berbagai macam menu seperti transaksi ONS, transaksi TDS , transaksi REG, sejarah, visi misi, tambah user, paket ONS, paket TDS , paket REG, dan harga paket. </p></div>
| |
| − |
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Sejarah </p></li>
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh6.googleusercontent.com/-BN6MyERv3I0/V6HCQItefVI/AAAAAAAAAI4/pj_qSmyY0P0vYZC12YcRf9OAQzg3EC7zACL0B/w628-h381-no/Screen%2BShot%2B2016-08-03%2Bat%2B16.46.57.png"/></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Gambar 3.11 Rancangan sejarah</b></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menu sejarah adalah halaman yang berisi sejarah perusahaan PT. TIKI Cimone Tangerang. halaman sejarah terdapat berbagai macam menu seperti home yang akan kembali menampilkan halaman utama, login yang menampilkan halaman login. Logo menampilkan logo PT. TIKI Cimone Tangerang, header menampilkan judul penelitian “ Perancangan system administrasi berbasis website pada PT. TIKI Cimone Tangerang”. Foother yang menampilkan alamat PT. TIKI Cimone Tangerang. </p></div>
| |
| − |
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Visi dan misi </p></li>
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh6.googleusercontent.com/-nmRNmTkC6qM/V6HCQCJ3WVI/AAAAAAAAAI4/kDSluo23vC4NEbKzHSXMHZmvFFHvdMPdACL0B/w631-h136-no/Screen%2BShot%2B2016-08-03%2Bat%2B16.47.15.png"/></div>
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="Link_Gambar"/></div><div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh3.googleusercontent.com/-yWxNUjb922U/V6M48edT5OI/AAAAAAAAAOc/HJS74bYbcSEPhH-DxaslIn1izyAdxcLAwCL0B/w481-h196-no/Screen%2BShot%2B2016-08-04%2Bat%2B19.45.02.png"/></div>
| |
| − |
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Gambar 3.12 Rancangan Visi dan Misi</b></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menu visi dan misi adalah halaman yang berisi visi misi perusahaan PT. TIKI Cimone Tangerang. halaman visi misi terdapat berbagai macam menu seperti home yang akan kembali menampilkan halaman utama, login yang menampilkan halaman login. Logo menampilkan logo PT. TIKI Cimone Tangerang, header menampilkan judul penelitian “ Perancangan system administrasi berbasis website pada PT. TIKI Cimone Tangerang”. Foother yang menampilkan alamat PT. TIKI Cimone Tangerang. </p></div>
| |
| − |
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Struktur Organisasi </p></li>
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh6.googleusercontent.com/-BN6MyERv3I0/V6HCQItefVI/AAAAAAAAAI4/pj_qSmyY0P0vYZC12YcRf9OAQzg3EC7zACL0B/w628-h381-no/Screen%2BShot%2B2016-08-03%2Bat%2B16.46.57.png"/></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Gambar 3.13 Rancangan Struktur Organisasi</b></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menu struktur organisasi adalah halaman yang berisi visi misi perusahaan PT. TIKI Cimone Tangerang. halaman visi misi terdapat berbagai macam menu seperti home yang akan kembali menampilkan halaman utama, login yang menampilkan halaman login. Logo menampilkan logo PT. TIKI Cimone Tangerang, header menampilkan judul penelitian “ Perancangan system administrasi berbasis website pada PT. TIKI Cimone Tangerang”. Foother yang menampilkan alamat PT. TIKI Cimone Tangerang. </p></div>
| |
| − |
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Login </p></li>
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh6.googleusercontent.com/-3w1jeT4o_lA/V6HCPs_TEuI/AAAAAAAAAI4/IkbOyZLO3a00X5hRvrHBtsepPR7czdYlgCL0B/w633-h442-no/Screen%2BShot%2B2016-08-03%2Bat%2B16.46.52.png"/></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Gambar 3.14 Rancangan Login</b></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Login administrator, merupakan link menuju halaman login untuk admin pada PT. TIKI Cimone Tangerang. header menampilkan judul penelitian “ Perancangan system administrasi berbasis website pada PT. TIKI Cimone Tangerang”. Username sebagai tempat admin memasukan nama yang digunakan untuk login dan password adalah tempat kata sandi admin. </p></div>
| |
| − |
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Menu halaman utama admin </p></li>
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh6.googleusercontent.com/-o25dIQRYhPA/V6HCPpsJd2I/AAAAAAAAAI4/7kw9y0jBbjEf0LhSrCKUOeVBUhv3vccsgCL0B/w560-h571-no/Screen%2BShot%2B2016-08-03%2Bat%2B16.46.47.png"/></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Gambar 3.15 Rancangan Halaman Utama Admin</b></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menu halaman utama admin, merupakan halaman yang berisikan tentang halaman utama admin dan daftar customer yang diinput oleh petugas yang bertugas menjadi admin di PT. TIKI Cimone Tangerang. Halaman utama admin terdapat menu-menu seperti transaksi ONS, TDS, REG, sejarah , visi dan misi, struktur organisasi , paket ONS, paket TDS dan paket REG. dan tampilan tanggal serta waktu yang sedang berjalan. </p></div>
| |
| − |
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Transaksi Ons , Tds dan Reg </p></li>
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh3.googleusercontent.com/-e4kP8lMV16I/V6HCPbAAdDI/AAAAAAAAAI4/DiWjaXhuKoIW3eQ9xHAlYntcqj5b3VlqQCL0B/w406-h571-no/Screen%2BShot%2B2016-08-03%2Bat%2B16.46.39.png"/></div>
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh3.googleusercontent.com/-Nn5cYgkQct8/V6M7McUc6jI/AAAAAAAAAPA/m4fc-XPtlfoK2xBbkZRICGxiEyzH-2LngCL0B/w475-h135-no/Screen%2BShot%2B2016-08-04%2Bat%2B19.54.13.png"/></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Gambar 3.16 Rancangan transaksi</b></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menu transaksi, merupakan halaman yang berisikan tentang halaman transaksi yang hanya bisa diisi oleh admin PT. TIKI Cimone Tangerang. Halaman transaksi ini berisikan menu-menu yang harus diisi oleh admin seperti id paket, nama kota, nama paket , harga, nama penerima , alamat penerima, telepon penerima, jenis barang, berat dan tanggal dan create untuk melanjutkan ke halaman berikutnya. </p></div>
| |
| − |
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Laporan ONS , TDS, dan REG </p></li>
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh3.googleusercontent.com/-KDq1QFUbrfQ/V6HCO3-KUUI/AAAAAAAAAI4/nZKRsSKMH9kRtIZu81YapkDlhubg1NSJwCL0B/w621-h541-no/Screen%2BShot%2B2016-08-03%2Bat%2B16.46.17.png"/></div><div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh4.googleusercontent.com/-pw8XVHrl-m0/V6NDxRY4ddI/AAAAAAAAAPY/pakyUpPxX44wsfMDN9JfXAMOUe-ihNdfQCL0B/w472-h195-no/Screen%2BShot%2B2016-08-04%2Bat%2B20.29.52.png"/></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Gambar 3.17 Rancangan Laporan</b></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menu laporan, merupakan halaman yang berisikan tentang halaman laporan yang telah dilakukan customer dan diinput oleh admin. Halaman ini berisikan menu-menu operation , create paket ONS/TDS/REG, menage paket . </p></div>
| |
| − |
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Print laporan </p></li>
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh6.googleusercontent.com/-3LO6XPGzut4/V6HCO0RR2zI/AAAAAAAAAI4/1a8zgPG5DD0r8Mexjh8q1hcpBMnwCPGKgCL0B/w586-h571-no/Screen%2BShot%2B2016-08-03%2Bat%2B16.46.04.png"/></div>
| |
| − |
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Gambar 3.18 Rancangan Print Laporan</b></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menu print laporan, laporan yang dicetak dan dijadikan bukti pembayaran apabila telah melakukan pengiriman. Laporan ini berisikan data-data customer yang telah melakukan transaksi.
| |
| − | </p></div>
| |
| − |
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Keluar </p></li>
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh6.googleusercontent.com/-deGzXxaYru0/V6HCO7vD6tI/AAAAAAAAAI4/j7llu4tXg3kjN5oDCNlbzLXQggKBb5maACL0B/w560-h571-no/Screen%2BShot%2B2016-08-03%2Bat%2B16.45.55.png"/></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Gambar 3.19 Rancangan Keluar</b></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Halaman ini adalah halaman ketika admin telah selesai melakukan tugasnya, dan melakukan logout. Ketika selesai melakukan logout tampilan halaman akan kembali ke halaman pertama seperti rancangan gambar 4.15. </p></div>
| |
| − | </ol>
| |
| − |
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Keterangan : </p></div>
| |
| − | <ol>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Home, merupakan halaman utama. </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Halaman utama, merupakan link menuju halaman login administrator
| |
| − | pada PT. TIKI Cimone Tangerang. </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Login administrator, merupakan link menuju halaman login untuk
| |
| − | admin pada PT. TIKI Cimone Tangerang. </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Menu utama admin, merupakan halaman yang berisikan tentang
| |
| − | halaman utama admin dan daftar customer yang diinput oleh petugas yang bertugas menjadi admin di PT. TIKI Cimone Tangerang. </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Menu transaksi , merupakan halaman yang berisikan input pembayaran
| |
| − | pada PT. TIKI Cimone Tangerang. </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Laporan, merupakan halaman untuk melihat pilihan laporan
| |
| − | pembayaran admiistrasi yang akan siap di cetak. </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Print laporan , merupakan hasil dari pembayaran. </p></li>
| |
| − | </ol>
| |
| − |
| |
| − | ===Rancangan implementasi===
| |
| − | ====Tatalaksana system====
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Untuk melaksanakan system ini dengan baik penulis mengklasifikasikan sebagai berikut : </p></div>
| |
| − | <ol>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Perangkat keras (Hardware) </p></li>
| |
| − | <ol>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Processor : Dual Core</p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Memory : 2 GB RAM</p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Harddisk : 160 GB</p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Printer : Canon iP2770</p></li>
| |
| − | </ol>
| |
| − |
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Perangkat lunak (Software) </p></li>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"> Perangkat lunak yang digunakan untuk membuat dan menajalankan
| |
| − | aplikasi ini sebagai berikut :</p></div>
| |
| − | <ol>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">System operasi Windows XP </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Internet Explorer </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Micromedia Dreamweaver 8 </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Notepad ++ </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Appserv version 2.5.9 for windows </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Php </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Visual paradigm for UML community edition 8.0 </p></li>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Xampp </p></li>
| |
| − | </ol>
| |
| − | </ol>
| |
| − |
| |
| − | ====Penggunaan program====
| |
| − | =====Instalasi software=====
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Implementasi merupakan suatu rancangan yang menjelaskan segala sesuatu hal-hal yang dibutuhkan dalam pelaksanaan langkah-langkah kegiatan penerapannya. Untuk itu maka banyak diperlukan penyesuaian dalam perencanaannya, disamping itu yang perlu diperhatikan adalah factor- faktor teknis dalam perangkat keras maupun perangkat lunaknya.
| |
| − | </p></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sebelum membahas pada tahapan implementasi program, alangkah baiknya disini akan dijelaskan mengenai instalasi dan konfigurasi tools pembangun web dalam tahap pembuata program web ini. </p></div>
| |
| − |
| |
| − |
| |
| − | =====Instalasi App=====
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dalam pembuatan program ini, penulis menggunakan software Appserv. Appserv adalah software installer PHP secara instant yang berjalan pada lingkungan Windows. Setelah mengenal Appserv sebenarnya kita idak hanya menginstal PHP saja, tetapi juga sekaligus menginstal apache sebagai web servernya dan mysql sebagai databasenya. Selain itu, dengan Appserv kita tidak perlu melakukan konfigurasi apapun, karena semuanya telah dilakukan oleh Appserv.
| |
| − | </p></div>
| |
| − |
| |
| − | ====Desain implementasi ====
| |
| − |
| |
| − | <ol>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Mengumpulkan data </p></li>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Proses pengumpulan data digunakan sebagai perancangan system, sehingga data apa saja yang diperlukan dapat dianalisa dan dibuatkan system programnya. </p></div>
| |
| − |
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Perancangan system </p></li>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Perancangan system merupakan penerapan dari suatu hasil analisa yang telah dilakukan oleh seorang analis terhadap data yang dianalisanya, sehingga menghasilkan suatu rancnagan system program yang mudah dipahami oleh seorang pembuat program. </p></div>
| |
| − |
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Pembuatan program </p></li>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pembuatan program adalah kegiatan menulis kode program yang
| |
| − | akan dieksekusi oleh computer sesuai dengan yang dibuuhkan oleh user. </p></div>
| |
| − |
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Test program </p></li>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pengetesan program dilakukan untuk mengetahui kesalahan- kesalahan yang ada dan untuk memastikan kebenaran dalam penulisan kode program kedalam computer. </p></div>
| |
| − |
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Evakuasi program </p></li>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Untuk mengetahui kesalahan dan kekurangan dari program yang
| |
| − | dibuat maka perlu dilakukan evaluasi program, kegiatan ini dilakukan selama 1 minggu. </p></div>
| |
| − |
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Perbaikan program </p></li>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Penambahan atau pengurangan pada point-point tertenu yang tidak diperlukan, sehingga program benar-benar dapat dioptimalkan sesuai dengan kebutuhan user. </p></div>
| |
| − |
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Traning user </p></li>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pelatihan terhadap tenaga kerja dilakukan kurang lebih 1 minggu dai program yang dibuat. </p></div>
| |
| − |
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Implementasi program </p></li>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Setelah diketahui kelayakan dari program yang dibuat akan dilakukan implementasi program. </p></div>
| |
| − |
| |
| − | </ol>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Tabel 3.14 Rancangan Implementasi Program</b></div>
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh5.googleusercontent.com/-7BmvuL78fSA/V6G87wiZ1cI/AAAAAAAAAG4/D4snAdGZ8Uo4lGx2lmkjHEd0LTaGdBOHACL0B/w677-h409-no/Screen%2BShot%2B2016-08-03%2Bat%2B16.41.29.png"/></div>
| |
| − |
| |
| − | ====Implementasi system yang diusulkan====
| |
| − | <ol>
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Tampilan halaman menu utama </p></li>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Untuk mengawali terbentuknya tampilan layar ketik “localhost/tiki” pada address browser, maka akan muncul tampilan awal seperti dibawah ini. </p></div>
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh4.googleusercontent.com/-R44u6tAhzJk/V6GywKHrLOI/AAAAAAAAAFo/r5LRWIv1Q2QsdTWzJuIhyT9nRaTolGWowCL0B/w856-h571-no/Capture9.PNG"/></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Gambar 3.20 Tampilan Halaman utama</b></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pada tampilan halaman utama ini digunakan untuk menu-menu pilihan yang bisa digunakan hanya oleh admin dan juga terdapat menu yang berisi sejarah, visi dan misi, struktur organisasi, gallery dan login administrator dll dapat di lihat seperti gambar 4.17 tampilan halaman utama. </p></div>
| |
| − |
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Log in Administrator </p></li>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pada menu login admin ini admin dapat melakukan login untuk bisa masuk ke-menu admin. </p></div>
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh3.googleusercontent.com/-RAFbOEmOyPg/V6GyvHiqwHI/AAAAAAAAAFo/p7XilUJFkwg9h75n1QhweUdhkeHwnNbjwCL0B/w854-h567-no/Capture10.PNG"/></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Gambar 3.21 Tampilan Login</b></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pada menu login admin ini hanya bertugas sebagai admin yang dapat melakukan login untuk bisa masuk ke halaman utama admin. </p></div>
| |
| − |
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Halaman utama admin </p></li>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pada tampilan halaman utama admin ini berisikan menu-menu pilihan untuk admin, dapat dilihat dibawah ini : </p></div>
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh3.googleusercontent.com/-eo2rL3revnQ/V6G5aF5OCZI/AAAAAAAAAF4/aZDfkpcnNpAWO4voJp32AF2YJSmG4OkrQCL0B/w642-h427-no/Screen%2BShot%2B2016-08-03%2Bat%2B16.28.09.png"/></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Gambar 3.22 Tampilan Halaman Utama Admin</b></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Hanya admin yang dapat masuk pada menu ini. Dimana menu ini terdapat daftar paket yang berisi nama-nama customer untuk menginput laporan dan menu edit ketika terjadi kesalahan. </p></div>
| |
| − |
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Sejarah </p></li>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pada tampilan struktur organisasi berisikan menu pilihan untuk
| |
| − | menampilkan struktur organisasi PT. TIKI Cimone Tangerang, dapat dilihat dibawah ini : </p></div>
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh5.googleusercontent.com/-h8zOqYg36HM/V6GywjswzXI/AAAAAAAAAFo/t4PNxk758LwS0HxkpSRfvcXMnGFndn5LACL0B/w604-h571-no/d.PNG"/></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Gambar 3.23 Tampilan sejarah</b></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Halaman ini hanya menampilkan sejarah PT. TIKI Cimone Tangerang.
| |
| − | </p></div>
| |
| − |
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Struktur organisasi </p></li>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">halaman ini hanya berisikan struktur organisasi PT. TIKI Cimone Tangerang.</p></div>
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh3.googleusercontent.com/-LPC6Piq_bgo/V6GyxV0Dw_I/AAAAAAAAAFo/s41BYrY2lWoRO5L2QIKlHBlc8bsKIPREACL0B/w525-h571-no/z.PNG"/></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Gambar 3.24 Tampilan struktur organisasi</b></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Halaman ini hanya menampilkan sejarah PT. TIKI Cimone Tangerang. </p></div>
| |
| − |
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Visi dan Misi </p></li>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pada tampilan Visi dan Misi berisikan untuk menampilkan Visi dan Misi PT. TIKI Cimone Tangerang, dapat dilihat dibawah ini : </p></div>
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh5.googleusercontent.com/-0WXHFaKqRwc/V6GywpklvbI/AAAAAAAAAFo/LgNFQC4wJCksZ851YwgGKhu18GXeGwJIgCL0B/w573-h318-no/k.PNG"/></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Gambar 3.25 Tampilan Visi dan Misi</b></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Halaman ini hanya menampilkan sejarah PT. TIKI Cimone Tangerang </p></div>
| |
| − |
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Tambah User </p></li>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menu ini admin dapat melakukan penambahan data admin atau edit data admin. </p></div>
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh4.googleusercontent.com/-RNUoDDB2ytQ/V6G6UE23igI/AAAAAAAAAGY/ZiYeIOjAbOE1OLLb9-GDX1_8V-P3TmCvwCL0B/w941-h495-no/Screen%2BShot%2B2016-08-03%2Bat%2B16.32.21.png"/></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Gambar 3.26 Tampilan Tambah user</b></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Hanya admin yang dapat masuk pada menu ini. Dimana pada tampilan ini admin dapat menambah atau edit data admin tersebut. </p></div>
| |
| − |
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Update paket ONS, TDS dan REG </p></li>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menu ini admin bertugas untuk menambah atau edit data paket, data paket ini berfungsi untuk admin ketika melakukan transaksi kepada customer. </p></div>
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh3.googleusercontent.com/-gyRSqKAhzkI/V6GyxFNg-eI/AAAAAAAAAFo/IxoXKFHcT2AQICDDtVJdh_wfEsBiRLgUwCL0B/w665-h413-no/xd.PNG"/></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Gambar 3.27 Tampilan Update REG</b></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Haya admin yang dapat masuk pada menu ini. Dimana menu ini terdapat daftar paket yang berisi harga dan kota tujuan pengiriman paket.
| |
| − | </p></div>
| |
| − |
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Harga paket </p></li>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pada daftar paket admin bisa melihat harga biaya pengiriman barang yang diinginkan customer . </p></div>
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh4.googleusercontent.com/-6BbNyxILUNo/V6Gyw0q8v_I/AAAAAAAAAFo/mEpvRGxKXsA9x4cA6uep8oth_l4tEc6HgCL0B/w665-h490-no/sf.PNG"/></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Gambar 3.28 Tampilan Daftar Paket</b></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Haya admin yang dapat masuk pada menu ini. Dimana menu ini terdapat daftar paket yang berisi harga dan kota tujuan pengiriman paket. </p></div>
| |
| − |
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Halaman input data transaksi </p></li>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menu admin ini admin dapat melakukan penginputan data customer baru yang datang untuk melakukan pengiriman baik berupa pengiriman untuk paket ONS, TDS dan REG. </p></div>
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh5.googleusercontent.com/-Hd-9gw5wq-0/V6Gyu6eth3I/AAAAAAAAAFo/GrIxu4y0CFkb1rK36d8m4pQYYvJmcaZYwCL0B/w338-h571-no/Capture4.PNG"/></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Gambar 3.29 Tampilan Input Pembayaran</b></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Hanya admin yang dapat bertugas melakukan penginputan data customer . </p></div>
| |
| − |
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2"> Laporan customer </p></li>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Halaman ini berisi laporan pengiriman paket untuk ONS, TDS dan REG bisa di pilih sesuai kebutuhan. </p></div>
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh5.googleusercontent.com/-qPpo7NbIvOM/V6Gyvme_LjI/AAAAAAAAAFo/bW78FaT9il4o3AM9uVHQazhvGM0GSGlrgCL0B/w664-h571-no/Capture5.PNG"/></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Gambar 3.30 Tampilan Laporan</b></div>
| |
| − |
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Data customer </p></li>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pada data customer admin bisa melihat daftar pengiriman barang yang telah dilakukan. </p></div>
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh3.googleusercontent.com/-jqy8BxhpcPc/V6GyvuQZBJI/AAAAAAAAAFo/YpyA0qrdKHAZOrZcr8i8b0sDZzZh0XyNQCL0B/w875-h571-no/Capture6.PNG"/></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Gambar 3.31 Tampilan Data Customer</b></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dimana menu ini terdapat daftar data pengirim yang berisi nama- nama customer untuk print laporan dan menu edit ketika terjadi kesalahan. </p></div>
| |
| − |
| |
| − | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Cetak laporan </p></li>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pada halaman cetak laporan pengiriman ini admin hanya tinggal mencetak dan langsung diberikan kepada customer sebagai barang bukti apabila terjadi hal yang tidak diinginkan.</p></div>
| |
| − | <div align="center"><img width="40%" height="40%" style="margin:0px" src="https://lh3.googleusercontent.com/-et352MMKb9I/V6GyvlXbT9I/AAAAAAAAAFo/4Tt1AeCGk4EaayD2X5vzPcQLV8iQBH6HACL0B/w752-h430-no/Capture8.PNG"/></div>
| |
| − | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Gambar 3.32 Cetak Laporan</b></div>
| |
| − | </ol>
| |
| | | | |
| | =<div style="font-family: 'times new roman';text-align: center">'''BAB IV'''</div>= | | =<div style="font-family: 'times new roman';text-align: center">'''BAB IV'''</div>= |
