Aplikasi Helpdesk Berbasis Web Di IT PLN DJBB
1
BAB I
PENDAHULUAN
1.1 Latar Belakang
IT PLN DJBB adalah unit cabang dari PLN yang berkonsentrasi kepada Information Technology khusus daerah Jawa Barat dan Banten. PLN DJBB menangani distribusi disetiap APJ (Area Pelayanan Jaringan) maupun UPJ ( Unit Pelayanan Jaringan ). Setiap permasalahan yang muncul dari setiap APJ ataupun UPJ akan segera ditangani untuk meminimalisir kerugian yang terjadi. Setiap permasalahan tidak dapat dtentukan waktu kejadiannya. Oleh karena itu, IT PLN DJBB mengharuskan setiap pegawainya siap untuk menerima laporan permasalahan dimana saja dan kapan saja.
Selain menerima dan menangani permasalahan setiap APJ dan UPJ, IT PLN DJBB menangani juga permintaan seperti pemasangan internet dan lain sebagainya. IT PLN DJBB akan memonitor keadaan setiap APJ dan UPJ melalui screen yang menggambarkan jaringan se-Jawa Barat dan Banten. Screen akan mengeluarkan alert jika terjadi permasalahan di APJ ataupun UPJ dan segera melakukan penanganan.
Semua permasalahan dan permintaan yang terjadi harus dicatat untuk dihitung besar kerugiannya dan dilaporkan kepada manager IT PLN DJBB. Namun, hal ini akan terasa sedikit lebih berat jika pegawai yang menangani laporan sedang menjalani tugas diluar kota ataupun sedang tidak ada di tempat. Sehingga pencatatan waktu gangguan akan ditunda. Dari permasalahan itu, web merupakan solusi yang terbaik. Sehingga pegawai dan pelapor tidak akan
terbatasi oleh ruang dan waktu. Maka dibangunlah “Aplikasi Helpdesk Berbasis Web” yang akan
(2)
2 1.2 Perumusan Masalah
Kebutuhan untuk tetap menangani laporan permasalahan dan permintaan kapan saja mengharuskan IT PLN DJBB terhubung dalam suatu area yang tidak dibatasi oleh ruang dan waktu.
Seiring dengan meningkatnya kebutuhan tersebut maka dibuatlah suatu website untuk menyampaikan informasi yang dapat di akses setiap saat dan secara cepat.
Adapun perumusan masalahnya adalah sebagai berikut :
Bagaimana pihak pelapor dapat langsung melaporkan permasalahan dan permintaan? Bagaimana pihak IT PLN DJBB menangani setiap laporan pelapor ?
1.3 Maksud dan Tujuan
Maksud perancangan website ini adalah agar pihak IT PLN DJBB dapat tetap menangani laporan permasalahan dan permintaan secara cepat dimana saja dan kapan saja.
Adapun tujuan dari perancangan website ini adalah :
1. Mempermudah pelapor dalam hal ini APJ ataupun UPJ untuk menyampaikan permasalahan dan permintaan ke pihak IT PLN DJBB.
2. Mempermudah pihak IT PLN DJBB untuk menangani laporan permasalahan.
1.4 Batasan Masalah
1. Website ini hanya menerima laporan permasalahan dan permintaan.
2. Website initidak menyediakan aplikasi untuk menghitung kerugian yang dialami. 3. Website ini hanya digunakan oleh lingkungan APJ dan UPJ se-Jawa Barat dan
Banten.
4. Website ini dibangun menggunakan macromedia dreamweaver 8. 5. Pengembangan perangkat lunak menggunakan metode sekuensial.
(3)
3 1.5 Metode Penelitian
Metode penelitian yang dilakukan adalah : 1. Metode Pengumpulan data
I. Observasi ( Observative Participation )
Penulis mengadakan peneliian langsung dan penganalisaan terhadap sistem operasional pada bagian IT PLN DJBB sehingga dapat mengetahui secara langsung masalah-masalah apa saja yang dihadapi.
II. Wawancara
Penulis mengadakan tanya jawab langsung dengn staf pengelola data permasalahan dan permintaan yang dianggap berwenang memberikan data atau keterangan.
III. Studi Literatur
a. Mempelajari dasar – dasar pengembangan website dengan HTML. b. Mempelajari dasar – dasar Macromedia Dreamweaver 8.
2. Metode Pengembangan Perangkat lunak
Untuk membangun sistem digunakan metode sekuensial
Gambar 1.1 Metode Sekuensial
1.6 Sistematika Penulisan
BAB I : PENDAHULUAN
Bab ini akan memberikan penjelasan mengenai latar belakang masalah, rumusan masalah, maksud dan tujuan batasan masalah, metode penelitian, dan sistematika penulisan.
analysis design code test
System/information engineering
(4)
4
BAB II : TINJAUAN PUSTAKA
Bab ini merupakan penjelasan singkat tentang profil tempat kerja praktek dan pengetahuan dasar tentang website dan software penunjang.
BAB III : PEMBAHASAN
Bab ini merupakan dokumentasi pembuatan program yang dimulai dari analisa sistem, desain sistem dan implementasi.
BAB IV : KESIMPULAN DAN SARAN
Bab ini berisi kesimpulan dan saran untuk kepentingan pengembangan sistem selanjutnya.
(5)
5
BAB II
TINJAUAN PUSTAKA
2.1 Profil Tempat Kerja Praktek 2.1.1 Sejarah Instansi
Bangunan tua peninggalan Belanda yang letaknya persis disisi sungai cikapundung dan bersebelahan dengan gedung merdeka, sebuah gedung tua tempat peserta konferensi Asia Afrika di gelar di kota Bandung seakan menjadi simbol kasat mata yang mampu menuturkan panjangnya perjalanan penyediaan tenaga listrik di bumi pasundan sejak dulu, kini dan esok hari.
Gedung lawas hasil polesan arsitek Belanda yang kini dibalut cat tembok abu abu muda yang dipadu dengan warna biru tua itu seakan menjadi saksi bisu sejarah kelistrikan di Tatar Parahyangan.
Berawal di tahun 1905, di kota Bandung berdiri perusahaan listrik milik Pemerintah Kolonial Belanda dengan nama Bandoengsche Electriciteit Maatschaappij ( BEM ). Selanjutnya BEM diubah menjadi perusahaan perseroan dengan nama Gemeenschapplijk Electriciteit Bedrijf en Omstreken Voor Bandoeng ( GEBEO ).
Perubahan kembali terjadi, ketika pemerintahan Jepang mengambil alih kekuasaan di Indonesia di antara rentang waktu 1942-1945. Pada saat itu, pendistribusian tenaga listrik dilaksanakan oleh perusahaan yang didirikan oleh pemerintahan Jepang dengan nama Djawa Denki Djigyo Sha Bandoeng Shi Sha.
Pasca kemerdekaan Republik Indonesia, penguasaan pengelolaan tenaga listrik ditangnani langsung oleh pemerintah Indonesia. Salah satunya ditandai dengan terbentuknya perusahaan listrik di Jawa Barat dengan nama PLN Exploitasi XI pada tahun 1961 hingga pertengahan tahun 1975. Kemudian pada kurun waktu 1975 sampai
(6)
6 1994, PLN Exploitasi XI diubah namanya menjadi Perusahaan Umum (Perum ) Listrik Negara Distribusi Jawa Barat.
Di tahun 1994, sejalan dengan perkembangan ekonomi dan pertumbuhan kelistrikan yang bergerak begitu cepat, Badan Hukum PLN mengalami perubahan dari perusahaan umum ( Perum ) menjadi perseroan. Perubahan ini turut mengubah nama perusahaan listrik di Jawa Barat menjadi PLN (Persero ) Distribusi Jawa Barat.
Oleh karena wilayah kerjanya tidak hanya menjangkau Jawa Barat saja, tetapi juga Provinsi Banten, maka sejak tanggal 27 Agustus 2002 hingga saat ini nama PT PLN (Persero) distribusi Jawa Baratdilengkapi menjadi PT PLN (Persero) Distribusi Jawa Barat dan Banten. Dan kini, PT PLN ( Persero ) Distribusi Jawa Barat dan Banten disingkat PLN DJBB, masih menempati bangunan lawas bernilai sejarah yang beralamat di Jl.Asia Afrika No 63 Bandung.
2.1.2 Logo Instansi
Gambar 2.1 Logo Instansi PLN
(7)
7 2.1.4 Struktur Organisasi
Organisasi PLN Distribusi Jawa Barat dan Banten sebagai kantor induk dikepalai oleh seorang General Manager. Pada jenjang berikutnya dibawah general manager ada 6 manajer Bidang, yaitu :
Manajer Bidang Perencanaan Manajer Bidang Niaga Manajer Bidang Distribusi Manajer Bidang Keuangan
Manajer Bidang SDM dan Organisasi
Manajer Bidang Komunikasi, Hukum dan Administrasi
Masih berada dibawah General Manager terdapat jabatan setara manajer Bidang, yaitu : Kepala Auditor Internal
Sementara itu, secara operasional, untuk melayani pelanggan yang tersebar diseluruh Jawa Barat dan Banten, kita memiliki 15 kantor Area Pelayanan dan Jaringan ( APJ ) dan 1 kantor Area Pengatur Disttribusi ( APD ).
Kantor Apj memikul tanggung jawab operasional untuk mendistribusikan tenaga listrik, melayani pelanggan dan penjaga keandalan pasokan listrik di masing-masing wilayah pengusahaannya. Sedangkan kantor APD memegang tanggung jawab untuk mengendalikan dan mengatur pasokan listrik untuk memenuhi kebutuhan listrik pelanggan dan masyarakat khususnya Bandung raya.
(8)
8 2.2 Landasan Teori
3.1.1Internet
2.2.1.1 Sejarah Internet
Internet merupakan jaringan global komputer dunia, besar dan sangat luas sekali dimana setiap komputer saling terhubung satu sama lainnya dari negara ke negara lainnya di seluruh dunia dan berisi berbagai macam informasi, mulai dari text, gambar, audio, video, dan lainnya.
(9)
9 Internet itu sendiri berasal dari kata Interconnection Networking, yang berarti hubungan dari banyak jaringan komputer dengan berbagai tipe dan jenis, dengan menggunakan tipe komunikasi seperti telepon, salelit, dan lainnya.
Dalam mengatur integrasi dan komunikasi jaringan komputer ini menggunakan protokol yaitu TCP/IP. TCP (Transmission Control Protocol) bertugas untuk memastikan bahwa semua hubungan bekerja dengan benar, sedangkan IP (Internet Protocol) yang mentransmisikan data dari satu komputer ke komputer lain. TPC/IP secara umum berfungsi memilih rute terbaik transmisi data, memilih rute alternatif jika suatu rute tidak dapat di gunakan, mengatur dan mengirimkan paket-paket pengiriman data.
Untuk dapat ikut serta menggunakan fasilitas Internet, Anda harus berlangganan ke salah satu ISP (Internet Service Provider) yang ada dan melayani daerah Anda. ISP ini biasanya disebut penyelenggara jasa internet. Anda bisa menggunakan fasilitas dari Telkom seperti Telkomnet Instan, speedy dan juga layanan ISP lain seperti first media, netzip dan sebagainya. Internet memberikan banyak sekali manfaat, ada yang bisa memberikan manfaat baik dan buruk. Baik bila digunakan untuk pembelajaran informasi dan buruk bila digunakan untuk hal yang berbau pornografi, informasi kekerasan, dan lain-lainnya yang negatif.
Internet ini memungkinkan pengguna komputer di seluruh dunia untuk saling berkomunikasi dan berbagi informasi dengan cara saling mengirimkan email, menghubungkan komputer satu ke ke komputer yang lain, mengirim dan menerima file dalam bentuk text, audio, video, membahas topik tertentu pada newsgroup, website social networking dan lain-lain.
2.2.1.2 Pengertian Internet
Internet dan sejarahnya tidak terlepas dari terbentuknya sebuah jaringan komputer yang dilakukan oleh Departemen Pertahanan Amerika Serikat pada tahun 1969, melalui proyek ARPA yang disebut ARPANET (Advanced Research Project Agency Network), yaitu dengan mendomonstrasikan perpaduan antara Hardware dan Software dengan komputer berbasis UNIX,
(10)
10 Komunikasi jarak jauh dapat dilakukan tanpa ada batasan yang tidak terhingga melalui saluran telepon.
ARPANET kemudian merancang sebuah jaringan dengan kehandalan teknologi informasi yang dapat memindahkan data dalam jumlah besar dan dalam waktu yang singkat, dan ditetapkan sebagai sebuah standar pembangunan protokol baru yang saat ini dikenal TCP/IP (Transmission Control Protocol/Internet Protocol) dan disinilah awal dari segala sejarah internet yang dikenal luas sampai saat ini.
Tujuan awal dibangunnya proyek itu adalah untuk keperluan militer. Pada saat itu Departemen Pertahanan Amerika Serikat (US Department of Defense) membuat sistem jaringan komputer yang tersebar dengan menghubungkan komputer di daerah-daerah vital untuk mengatasi masalah bila terjadi serangan nuklir dan untuk menghindari terjadinya informasi terpusat, yang apabila terjadi perang dapat mudah dihancurkan.
Pada mulanya ARPANET hanya menghubungkan 4 situs saja yaitu Stanford Research Institute, University of California, Santa Barbara, University of Utah, di mana mereka membentuk satu jaringan terpadu di tahun 1969, dan secara umum ARPANET diperkenalkan pada bulan Oktober 1972. Tidak lama kemudian proyek ini berkembang pesat di seluruh daerah, dan semua universitas di negara tersebut ingin bergabung, sehingga membuat ARPANET kesulitan untuk mengaturnya.
Oleh sebab itu ARPANET dipecah manjadi dua, yaitu "MILNET" untuk keperluan militer dan "ARPANET" baru yang lebih kecil untuk keperluan non-militer seperti, universitas-universitas. Gabungan kedua jaringan akhirnya dikenal dengan nama DARPA Internet, yang kemudian disederhanakan menjadi Internet.
3.1.2Website
3.1.5.1Sejarah Website
Sejarah Web bermula di European Laboratory for Particle Physics (lebih dikenal dengan nama CERN), di kota Geneva dekat perbatasan Perancis dan Swiss. CERN merupakan suatu organisasi yang didirikan oleh 18 negara di Eropa. Dibulan Maret 1989, Tim Berners dan peneliti lainnya dari CERN mengusulkan suatu protokol sistem distribusi informasi di Internet yang memungkinkan para anggotanya yang tersebar di seluruh dunia saling membagi informasi dan bahkan untuk menampilkan informasi tersebut dalam bentuk grafik.
(11)
11 Web Browser pertama dibuat dengan berbasiskan pada teks. Untuk menyatakan suatu link, dibuat sebarisan nomor yang mirip dengan suatu menu. Pemakai mengetikkan suatu nomor untuk melakukan navigasi di dalam Web. Kebanyakan software tersebut dibuat untuk komputer-komputer yang menggunakan Sistem Operasi UNIX, dan belum banyak yang bisa dilakukan oleh pemakai komputer saat itu yang telah menggunakan Windows. Tetapi semua ini berubah setelah munculnya browser Mosaic dari NCSA (National Center for Supercomputing Applications).
Di bulan Mei 1993, Marc Andreesen dan beberapa murid dari NCSA membuat Web browser untuk sistem X-Windows yang berbasiskan grafik dan yang mudah untuk digunakan. Dalam beberapa bulan saja, Mosaic telah menarik perhatian baik dari pemakai lama maupun pemakai baru di Internet. Kemudian NCSA mengembangkan versi-versi Mosaic lainnya untuk komputer berbasis UNIX, NeXT, Windows dan Macintosh.
Di bulan Mei 1993, Marc Andreesen dan beberapa murid dari NCSA membuat Web browser untuk sistem X-Windows yang berbasiskan grafik dan yang mudah untuk digunakan. Dalam beberapa bulan saja, Mosaic telah menarik perhatian baik dari pemakai lama maupun pemakai baru di Internet. Kemudian NCSA mengembangkan versi-versi Mosaic lainnya untuk komputer berbasis UNIX, NeXT, Windows dan Macintosh.
Pada tahun 1994, Marc Andreesen meninggalkan NCSA, dan kemudian bersama Jim Clark, salah satu pendiri dari Silicon Graphics, membuat Netscape versi pertama. Kehadiran Netscape ini menggantikan kepopuleran Mosaic sebagai Web browser dan bahkan sampai saat ini Netscape merupakan browser yang banyak digunakan setelah Internet Explorer dari Microsoft.
Pada tahun yang sama CERN dan MIT mendirikan suatu konsorsium yang dinamakan World WIde Web Consortium (W3C) yang bertugas untuk membangun standar bagi teknologi Web.
Pada awal perkembangannya, sewaktu browser masih berbasiskan teks hanya terdapat sekitar 50 website. Di akhir tahun 1995 jumlah ini telah berkembang mencapai sekitar 300.000 web site. Dan diperkirakan sekarang ini jumalh pemakai Web telah mencapat sekitar 30-an juta pemakai diseluruh dunia.
(12)
12 Secara terminologi, website adalah kumpulan dari halaman-halaman situs, yang biasanya terangkum dalam sebuah domain atau subdomain, yang tempatnya berada di dalam World Wide Web (WWW) di Internet. Sebuah halaman web adalah dokumen yang ditulis dalam format
HTML (Hyper Text Markup Language), yang hampir selalu bisa diakses melalui HTTP, yaitu protokol yang menyampaikan informasi dari server website untuk ditampilkan kepada para pemakai melalui web browser. Semua publikasi dari website-website tersebut dapat membentuk sebuah jaringan informasi yang sangat besar.
Halaman-halaman dari website akan bisa diakses melalui sebuah URL yang biasa disebut Homepage. URL ini mengatur halaman-halaman situs untuk menjadi sebuah hirarki, meskipun, hyperlink-hyperlink yang ada di halaman tersebut mengatur para pembaca dan memberitahu mereka sususan keseluruhan dan bagaimana arus informasi ini berjalan.
Beberapa website membutuhkan subskripsi (data masukan) agar para user bisa mengakses sebagian atau keseluruhan isi website tersebut. Contohnya, ada beberapa situs-situs bisnis, situs-situs e-mail gratisan, yang membutuhkan subkripsi agar kita bisa mengakses situs tersebut.
2.2.2.3Jenis Website
Secara Umum Website dibagi atas 2 jenis, yaitu : a. Website Statik
Website statik, adalah salah satu bentuk website yang isi didalam website tersebut tidak dimaksudkan untuk di update secara berkala, dan biasanya di maintain secara manual oleh beberapa orang yang menggunakan software editor. Ada 3 tipe kategori software editor yang biasa dipakai untuk tujuan maintaining ini, mereka adalah :
1. Elemen 1 Penyunting teks. Contohnya adalah Notepad atau TextEdit, dimana HTML diubah didalam program editor tersebut.
2. Elemen 2 WYSIWYG editor. Contohnya Microsoft Frontpage dan Macromedia Dreamweaver, dimana situs di edit menggunakan GUI (Graphical User Interface) dan format HTML ini secara otomatis di generate oleh editor ini.
(13)
13 3. Elemen 3 Editor yang sudah memiliki templat, contohnya Rapidweaver dan iWeb, dimana, editor ini membolehkan user untuk membuat dan mengupdate websitenya langsung ke server web secara cepat, tanpa harus mengetahui apapun tentang HTML. Mereka dapat memilih templat yang sesuai dengan keinginan mereka, menambah gambar atau obyek, mengisinya dengan tulisan, dan dengan sekejap mereka sudah dapat membuat situs web tanpa harus melihat sama sekali kode-kode HTML.
b. Website Dynamic
Sebuah website dynamic adalah website yang secara berkala, informasi didalamnya berubah, atau website ini bisa berhubungan dengan user dengan berbagai macam cara atau metode (HTTP cookies atau Variabel Database, sejarah kunjungan, variabel sesi dan lain-lain) bisa juga dengan cara interaksi langsung menggunakan form dan pergerakan mouse. Ketika web server menerima permintaan dari user untuk memberikan halaman tertentu, maka halaman tersebut akan secara otomatis di ambil dari media penyimpanan sebagai respon dari permintaan yang diminta oleh user. Sebuah situs dapat menampilkan dialog yang sedang berlangsung diantara dua user, memantau perubahan situasi, atau menyediakan informasi yang berkaitan dengan sang user.
Ada banyak jenis sistem software yang dapat dipakai untuk meng-generate Dynamic Web Sistem dan Situs Dynamic, beberapa diantaranya adalah ColdFusion (CFM), Active Server Pages (ASP), Java Server Pages (JSP) dan PHP, bahasa program yang mampu untuk meng-generate Dynamic Web Sistem dan Situs Dinamis. Situs juga bisa termasuk didalamnya berisi informasi yang diambil dari satu atau lebih database atau bisa juga menggunakan teknologi berbasis XML, contohnya adalah RSS. Isi situs yang statis juga secara periodik di generate, atau, apabila ada keadaan dimana dia butuh untuk dikembalikan kepada keadaan semula, maka dia akan di generate, hal ini untuk menghindari kinerjanya supaya tetap terjaga.
Plugin tersedia untuk menambah banyaknya feature dan kemampuan dari web browser, dimana, plugin ini dipakai untuk membuka content yang biasanya berupa cuplikan dari gambar bergerak (active content) contohnya adalah Flash, Shockwave atau applets yang ditulis dalam bahasa JAVA. Dynamic HTML juga menyediakan untuk user supaya dia bisa secara interaktif dan realtime, meng-update di web page tersebut (catatan; halaman yang dirubah, tak perlu di load atau di reloaded agar perubahannya dapat dilihat), biasanya perubahan yang dilakukan
(14)
14 mereka memakai DOM dan Javascript yang sudah tersedia pada semua Web Browser sekarang ini.
Seperti yang tertulis di atas, di luar sana ada beberapa perbedaan dalam penulisan dari terminologi website. Walaupun ¨Website¨ sudah secara umum dipakai, namun untuk Associated Press Stylebook, Reuters, Microsoft, Academia, dan kamus-kamus yang ada, penulisan yang mereka pakai adalah dengan menggunakan 2 kata, yaitu Web site. Hal ini karena ¨Web¨ bukanlah terminilogi umum, namun kependekan dari World Wide Web.
3.1.3 HTML (Hyper Text Markup Language)
3.1.5.1Pengertian HTML
HTML adalah bahasa markup yang umum digunakan. Kepopuleran HTML disebakan karena HTML ini mudah digunakan. Pembuatan dokument WEB dengan HTML dapat dilakukan dengan mudah dan cepat. Dokumen WEB dapat tersaji dengan cepat ke banyak pembaca di seluruh dunia sekaligus. HTML mudah melakukan kontrol terhadap tampilan halaman WEB baik berupa teks, gambar, suara, animasi maupun video.
HTML merupakan singkatan dari Hypertex Markup Language. HTML digunakan untuk membangun halaman WEB. Sekalipun banyak orang menyebutnya sebagai bahasa pemrograman, HTML sebenarnya sama sekali bukan bahasa pemrograman, hal ini terlihat dari namanya, HTML adalah suatu bahasa Markup. HTML digunakan untuk melakukan mark-up (penandaan) terhadap sebuah dokumen teks. Tanda tersebut digunakan untukmenentukan format atau style dari teks yang ditandai.Halaman web dibangun oleh kode-kode HTML yang disebut juga dengan tag-tag HTML.
Tag yang harus di miliki oleh halaman WEB adalah:
<HTML> <HEAD>
<TITLE>Halaman WEB pertama saya</TITLE> </HEAD>
<BODY> Halo Dunia! </BODY> </HTML>
(15)
15 2.2.3.2Hyperlink
Hyperlink dapat dipergunakan untuk mengkaitkan dokumen HTML ke dokumen HTML pada URL (situs) yang berbeda, mengkaitkan antar dokumen HTML pada URL yang sama atau pengkaitan penunjukan tempat pada URL, dokumen HTML yang sama.
3.1.4 Macromedia Dreamweaver
2.2.4.1Pengertian Macromedia Dreamweaver
Macromedia Dreamweaver adalah sebuah HTML editor profesional untuk mendesain secara visual dan mengelola situs web maupun halaman web. Bilamana kita menyukai untuk berurusan dengan kode-kode HTML secara manual atau lebih menyukai bekerja dengan lingkungan secara visual dalam melakukan editing, Dreamweaver mambuatnya menjadi lebih mudah dengan menyediakan tool-tool yang sangat berguna dalam peningkatan kemampuan dan Pengalaman kita dalam mendesain web.
Dreamweaver MX dalam hal ini digunakan untuk web desain. Dreamweaver MX mengikutsertakan banyak tools untuk kode-kode dalam halaman web beserta fasilitas-fasilitasnya, antara lain : Referensi HTML, CSS dan Javascript, Javascript debugger, dan editor kode ( tampilan kode dan Code inspector) yang mengizinkan kita mengedit kode Javascript, XML, dan dokumen teks lain secara langsung dalam Dreamweaver. Teknologi Dreamweaver Roundtrip HTML mampu mengimpor dokumen HTML tanpa perlu memformat ulang kode tersebut dan kita dapat menggunakan Dreamweaver pula untuk membersihkan dan memformat ulang HTML bila kita menginginkannya.
3.1.5 Data Flow Diagram (DFD)
3.1.5.1 Konsep D asar Perancangan Sistem
Perancangan suatu sistem haruslah terstruktur agar sistem informasi mudah dimengerti dan sesuai dengan kebutuhan. Dalam perancangan sistem dapat dig unakan alat bantu, diantaranya adalah diagram konteks dan aliran data ( data flow diagram ).
3.1.5.1.1 Diagram Konteks
Diagram konteks merupakan gambaran yang sangat umum dari sebuah sistem, yang menggambarkan aliran-aliran data ke dalam dan
(16)
16 keluar sistem. Sistem ditunjukan dalam suatu lingkaran yang menggambarkan keseluruhan proses dalam sistemdan hubungannya dengan entitas lain.
3.1.5.1.2 Diagram Aliran Data ( DAD)
Diagram Aliran Data atau Data Flow Diagram (DFD) adalah representasi dari suatu sistem yang menggambarkan bagian bagian dari sistem tersebut beserta seluruh keterlibatan diantara bagian bagian yang ada. Sistem yang dimaksud bisa berupa sistem otomatis, manual atau gabungan dari keduanya. Diagram arus data ini digunakan untuk menggambarkan beberapa hal meliputi komponen-omponen dalam sebuah sistem, aliran data dalam komponen komponen tersebut, asal dan tujuan data, serta penyimpanan data.
3.2.3 Database
Secara umum database berarti koleksi data yang saling terkait. Secara praktis, basis data dapat dianggap sebagai suatu penyusunan data yang terstruktur yang disimpan dalam media pengingat ( harddisk ) yang tujuannya adalah agar data tersebut dapat diakses dengan mudah dan cepat.
Ada beberapa macam database antara lain yaitu database hierarkis, database jaringan, dan database relasional. Database relational merupakan database yang populer saat ini dan telah diterapkan pada berbagai platforrm, dari PC hingga minikomputer.
(17)
17
BAB III
PEMBAHASAN
3.1 Kegiatan Kerja Praktek
Kerja praktek dimulai pada tanggal 6 Juli di bagian IT PLN DJBB selama 32 hari sampai tanggal 6 Agustus. Kami ditugaskan untuk membuat sistem yang dapat menerima permasalahan dan permintaan berbasis web. Oleh karena itu, hal pertama yang kami lakukan adalah membuat jadwal kerja yang disetujui oleh kedua belah pihak. Mulai dari merumuskan masalah, mengumpulkan data, merancang sistem, mendesain sistem, membangun sistem, melakukan pengujian sampai pada tahap implementasi.
Pada saat pengumpulan data, pihak IT PLN DJBB sangat kooperatif, sehingga kami tidak sulit untuk mendapatkan data-data yang diperlukan untuk membangun sistem ini. Kami membagi proses pembangunan sistem kedalam tujuh tahapan yaitu, tahap diskusi masalah, mengumpulkan data, menganalisis data, memodelkan sistem, mendesain sistem, membuat aplikasi dan pengujian. Dari awal kerja praktek, kami selalu melakukan evaluasi bersama dengan Pihak IT PLN DJBB setiap tahapan demi tahapan telah terselesaikan, sehingga sistem dapat dibangun dengan baik. Berikut ini adalah jadwal kegiatan kerja praktek yang kami buat :
(18)
18 3.2 Data Kegiatan Kerja Praktek
3.2.1 Pengembangan sistem Helpdesk
Untuk melaporkan permasalahan ataupun permintaan yang terjadi, sistem ini memiliki prosedur sebagai berikut :
1. APJ ataupun UPJ sebagai pelapor, melaporkan permasalahan ataupun permintaaan melalui telephone.
2. Pihak IT PLN DJBB yaitu petugas akan menerima permasalahan dan permintaan dari pelapor.
3. Petugas akan memasukan data permasalahan dan permintaan kedalam database permasalahan dengan program Helpdesk berbasis Desktop memakai Visual Basic. 4. Petugas akan membuat laporan menggunakan excel.
5. Petugas mencetak laporan dan menyerahkan laporan ke manager.
3.2.2 Flowmap
(19)
19
Flowmap Helpdesk
petugas manager
pelapor
permasalahan permasalahan
Database permasalahan
Laporan permasalahan
Laporan permasalahan
Laporan permasalahan
Input data
Mermbuat laporan memakai excel
Gambar 3.1 Flowmap Sistem yang Sedang Berjalan
3.2.3 Kekurangan Sistem
Aplikasi Helpdesk berbasis desktop ini membantu petugas dalam mengelola data permasalahan dan permintaan. Namun saat ini aplikasi memiliki beberapa kekurangan yaitu :
1.Aplikasi tidak dapat mengakses database.
2.Aplikasi tidak dapat digunakan ketika petugas sedang tidak ditempat. Sedangkan, laporan permasalahan ataupun permintaan tidak dapat diprediksi waktu kejadiannya.
3.Karena aplikasi bersifat offline, maka pencatatan waktu permasalahan menjadi bermasalah. Hal ini menyebabkan perhitungan kerugian acap kali mengalami kesalahan.
Dari kekurangan yang dimiliki aplikasi Helpdesk berbasis desktop ini, diperlukan suatu aplikasi yang dapat memudahkan petugas untuk melakukan pengelolaan data meskipun
tidak sedang ditempat. Sehingga dibangunlah “Aplikasi Helpdesk berbasis Web” yang dapat
(20)
20 3.3 Deskripsi Global Perangkat Lunak
3.3.1 Perspektif produk
Produk yang dibangun adalah aplikasi help desk berbasis web. Aplikasi ini akan menangani permasalahan dan permintaan yang terjadi di APJ ataupun UPJ . Semua data-data tersebut akan disimpan dalam data-database permasalahan dan permintaan. User dapat memasukkan data langsung melalui web. Untuk mencegah adanya pihak luar yang memakai aplikasi, maka hanya user yang telah terverifikasi saja yang dapat menggunakan aplikasi ini. Dalam aplikasi ini semua pengolahan data seperti, penambahan data, pengeditan data dan penghapusan data dapat dilakukan oleh petugas yang telah melakukan verifikasi. Aplikasi ini akan digunakan oleh APJ dan UPJ se-Jawa Barat dan Banten.
3.3.2 Fungsi Produk
Aplikasi Helpdesk berbasis web ini pada dasarnya adalah aplikasi yang menangani pembukuan data-data mengenai permasalahan dan permintaan yang terjadi. Dalam aplikasi, kita dapat melakukan semua pengolahan data, seperti view data, penambahan data, perubahan data dan penghapusan data. Aplikasi ini dibangun karena adanya kebutuhan mobilitas dari petugas yang menangani data-data permasalahan dan permintaan. Semua data-data akan disimpan dalam database. Sehingga fungsi utama dari Aplikasi HelpDesk ini adalah :
1. Melakukan Proses Daftar (HD-01) 2. Melakukan Proses Login (HD-02)
3. Melakukan Proses Lupa Password (HD-03) 4. Melakukan Proses Pengelolaan Data (HD-04)
(21)
21
3.3.3 Karakteristik Pengguna
Terdapat beberapa jenis pengguna yang dapat mengakses sistem. Setiap jenis pengguna memiliki tanggung jawab dan hak akses yang berbeda beda. Deskripsinya adalah sebagai berikut
Pengguna Tanggung jawab Hak akses Tingkat
pendidikan Administrator Melakukan pengolahan data Berinteraksi dengan
sistem, memanipulasi data petugas dan memberikan hak akses.
D3 Teknik Informatika
Pengunjung Melakukan proses daftar untuk menjadi member
Berinteraksi dengan sistem, memasukkan data login
D3
Member Melakukan proses lapor data permasalahan ataupun permintaan Berinteraksi dengan sistem, memasukan data permasalahan ataupun permintaan D3
Petugas Melakukan Pengelolaan Data Berinteraksi dengan sistem, mengelola data
D3
3.3.4 Batasan – Batasan
Untuk mempermudah dalam perancangan suatu sistem diperlukan suatu pembatasan dari masalah-masalah yang pernah ada, sehingga dapat diketahui ruang lingkup dari sistem yang akan dirancang. Dalam hal ini, penulis membatasi masalah sebagai berikut :
1. Aplikasi hanya ditujukan untuk Departemen IT DJBB PLN.
2. Aplikasi hanya digunakan untuk pengelolaan data permasalahan dan permintaan. 3. Aplikasi hanya menyediakan layanan pengelolaan data seperti view data, penambahan
data, pengeditan data, dan penghapusan data. 4. Aplikasi ini berbasis Web.
5. Website hanya dapat diakses oleh APJ dan UPJ se-Jawa Barat dan Banten Tabel 3.2 Jadwal Perancangan Perangkat Lunak
(22)
22 6. Terdapat 8 tabel, yaitu tabel welcome, unit, users, history, pegawai_om,
jenis_permasalahan, permasalahan dan permintaan.
7. Perangkat lunak pendukung pembangun aplikasi ini adalah : a. Dreamweaver8
b. SQL Yog c. Wampserver d. MySQL
8. Tipe pemodelan yang dipakai untuk membangun sistem ini adalah sekuensial.
3.3.5 Asumsi dan Kebergantungan
Aplikasi ini dapat diakses oleh semua petugas IT PLN DJBB yang menangani permasalahan dan user dalam hal ini APJ ataupun UPJ se-Jawa Barat dan Banten yang telah melakukan verifikasi data login. Hal ini untuk mencegah adanya campur tangan dari pihak luar yang tidak bersangkutan.
3.4 Deskripsi Rinci Kebutuhan
3.4.1 Kebutuhan Antarmuka Eksternal
3.4.1.1 Antarmuka pemakai
Pengguna Aplikasi ini terbagi atas dua jenis yaitu, member sebagai pelapor ataupun yang mengajukan permintaan yaitu APJ ataupun UPJ dan petugas yang melakukan pengolahan data-data yaitu pihak IT PLN DJBB.
3.4.1.2 Antarmuka Perangkat Keras
Aplikasi Help Desk Berbasis Web ini memerlukan perangkat keras seperti : a. Komputer dengan spesifikasi minimal :
- Menggunakan sistem operasi windows XP - Processor Intel pentium 3
- RAM 256 MB - Harddisk 40 GB
(23)
23 b. Karena Sistem ini berbasis web maka dibutuhkan hardware pendukung
komunikasi.
3.4.1.3 Antarmuka Perangkat Lunak
Untuk membangun aplikasi ini, dibutuhkan beberapa software pendukung seperti, SQL Yog, Dreamweaver 8, MySQL dan WampServer.
3.4.2 Kebutuhan Fungsional
3.4.2.1 ERD
Seorang pengunjung harus melakukan proses daftar jika ingin menjadi seorang member. Setelah menjadi seorang member, baru dapat melakukan proses lapor permasalahan ataupun permintaan ke sistem.
Member 1 melaporkan Permasalahan Jenis_permasalahan memiliki ~ 1 1 ~ melaporkan Permintaan Pegawai_om history ~ 1 ditangani ~ memiliki 1 ~ 1 ditangani 1 1 memiliki memiliki ~ 1 unit memiliki ~ ~ 1 1 Jenis_permintaan memiliki 1
(24)
24
3.4.2.2 Diagram Konteks
Diagram konteks atau disebut juga dengan model sistem fundamental merepresentasikan seluruh elemen sistem sebagai sebuah bubble tunggal dengan data input output yang ditunjukkan oleh anak panah yang masuk dan keluar secara berurutan.
APLIKASI HELPDESK
Petugas Member
Autentikasi Data Petugas,
Data Permasalahan, Data Permintaan, Data Login, Data unit, Data jenis_permasalahan,
Data pegawai_om, data welcome
Info Atentikasi Data Petugas, Info permasalahan,
Info permintaan
Autentikasi Data User, Data Permasalahan, Data Login Data Permintaan, username, security_question
security_answer
Info Autentikasi Data User, Info History Pengunjung
Data Daftar Info Daftar
Gambar 3.3 Diagram Konteks Aplikasi Helpdesk Berbasis Web
3.4.2.3 DFD Level 1
Terdapat lima proses utama dalam sistem ini yaiu, proses daftar, proses login, proses lupa password, proses lapor, dan proses pengelolaan data.
1 : proses daftar
Pada proses ini pengunjung yang akan menjadi member harus melakukan proses daftar. Pengunjung memasukan data daftar yang dibutuhkan sistem untuk menjadi member.
2 : proses login
Proses ini akan merespon data autentikasi petugas maupun member untuk berinteraksi dengan sistem. Jika data login yang dimasukan valid, member dapat langsung berinteraksi dengan sistem.
(25)
25 3: proses lupa password
Proses ini membantu member untuk berinteraksi dengan sistem jika member lupa data untuk login. Member hanya memasukkan username dan security answer untuk mendapatkan password baru.
4 : proses pengelolaan data
Pada proses ini member dapat melaporkan data permasalahan dan permintaan juga melihat sedangkan petugas dapat melakukan pengelolaan data seperti tambah data, hapus data dan edit data. Selain itu, petugas dapat menambah pilihan jenis permasalahan, data unit, data pegawai yang menangani, dan data pada halaman home website. Di proses ini, laporan yang diterima akan diolah statusnya menjadi proses atau selesai. Data status ini akan dikirim ke history member yang melaporkan permasalahan ataupun permintaannya.
(26)
26 Daftar 1 Login 2 Lupa Password 3 Pengelolaan Data 4 Users Info Member baru Data member baru
Info Login member Data Login Member
Info Password baru Data Password baru
Pengunjung
Member Info Daftar Data Daftar
Data Login Username, security_answer
Info Login valid Info password baru
Permasalahan Permintaan
Info permasalahan
Data permasalahan
Info Permintaan
Data permintaan
Data permasalahan terupdate
Info permasalahan Info permintaan
Data permmintaan terupdate
Data Login History
unit Jenis_permasalahan Pegawai_om wecome
Data unit Info Unit
Data home Info Home
Data jenis permasalahan baru Data pegawai Info jenis Permasalahan baru Info pegawai petugas Info permasalahan Info permintaan Data permasalahan Data permintaan,Data unit,
Data jenis_permasalahan, Data pegawai_om
Data welcome
History permasalahan, History permintaan
Ino permasalahan terupdate, info permintaan terupdate
Jenis_permintaan Data jenis
permintaan baru Info jenis permintaan
(27)
27 Gambar 3.4 DFD Level 1 Aplikasi Helpdesk Berbasis Web
3.4.2.4 DFD Level 2 Proses Login
Terdapat dua proses dalam level ini, yaitu proses input data login dan proses validasi data login.
2.1: proses input data login
Pada proses ini member memasukan data login, yaitu username dan password 2.2 : proses validasi data login
Pada proses ini data yang telah dimasukan aoleh member akan dibandingkan dengan data dalam tabel users.
Input Data Login
2.1
Member Petugas
Users
Data Login Data Login
Data Login Invalid
Data Login Valid
Data Login Valid Validasi Data
Login 2.2 Data Login
Info Data Login
Gambar 3.5 DFD Level 2 Proses Login
3.4.2.5 DFD Level 2 Proses Lupa Password
Terdapat tiga proses dalam level ini yaitu input data, validasi data, dan input password.
(28)
28 Pada proses ini member atau petugas memasuka data username dan
security answer 3.2 : validasi data
Proses ini digunakan untuk mencocokan data yang diinputkan dengan data yang ada di tabel users
3.3 : Input Password
Pada proses ini member memasukan password baru untuk login.
member Input data
3.1
Validasi Data 3.2
Users
Input password 3.3 Username,
Security answer
Username, security answer member
Data member
Data valid
Data Password baru Data Invalid
Info password baru Password baru
Petugas Username,
Security answer
Password baru
Info Password Baru
Gambar 3.6 DFD Level 2 Proses Lupa Password
3.4.2.6 DFD Level 2 Proses Pengelolaan Data
Dalam proses pengelolaan data ini, petugas dapat melakukan manajemen permasalahan, manajemen permintaan dan konfigurasi.
(29)
29 Proses ini digunakan untuk melakukan pengelolaan data permasalahan seperti menghapus data, edit data dan mengubah status permasalahan dan tambah data.
4.2 : proses manajemen permintaan
Proses ini digunakan unuk melakukan pengelolaan data permintaan seperti menghapus data,edit data dan mengubah status permintaan dan tambah data.
4.3 : proses konfigurasi
Proses ini digunakan untuk menambah data unit, data pegawai, data jenis permasalahan , data jenis permintaan dan data di halaman home.
(30)
30 Manajemen Permasalahan 4.1 Manajemen Permintaan 4.2 Petugas Permasalahan Data Permasalahan baru
Info Permintaan Terupdate
Data Permintaan Baru Info Permintaan
Data Permintaan
Info Permasalahan Terupdate Data Permasalahan Info Permasalahan Konfigurasi 4.3
Datapegawai, data unit, data Home, data jenis permasalahan pegawai_OM unit welcome jenis_permintaan Data Home Data pegawai Data Unit
Info Pegawai Terupdate Info home Terupdate Info Unit terupdate
Data Jenis permintaan Info permintaan terupdate Permintaan History
Data permasalahan baru Data permintaan baru
jenis_permasalahan Data Jenis Permasalahan
Info jenis permasalahan
Data Jenis permintaan Data Jenis Permasalahan
Data Unit Data Unit
Data pegawai_OM
Data Pegawai OM
Gambar 3.7 DFD Level 2 Proses Pengelolaan Data
3.4.2.7 DFD Level 3 Proses Manajemen Permasalahan
Dalam manajemen pemasalahan terdapat lima proses utama yaitu, tambah data permasalahan, history, lihat data, edit data dan hapus data.
4.1.1 : tambah Data Permasalahan
(31)
31 4.1.2 Lihat data
Proses ini digunakan untuk menampilkan data permasalahan berdasarkan status permasalahan
4.1.3 Hapus
Proses ini digunakan untuk menghapus data permasalahan. 4.1.4 Edit
Proses ini digunakan untuk mengubah data permasalahan. 4.1.5 History
Proses ini digunakan untuk menampilkan data permasalahan yang telah dikirm oleh member.
(32)
32
Petugas Lihat Data
4.1.2 Edit 4.1.4 Hapus 4.1.3 Status Permasalahan permasalahan Request Delete Data Permasalahan
Data Permasalahan update
Data Permasalahan terupdate
History
Data Permasalahan Terupdate
Data history terhapus Data permasalahan terhapus
Data permasalahan Data permasalahan member Tambah Data Permasalahan 4.1.1 Data Permasalahan Jenis_permasalahan unit
Data jenis permasalahan Data Unit
Data permasalahan baru
History 4.1.5
Data History terupdate Data History
Gambar 3.8 DFD Level 3 Proses Manajemen Permasalahan
3.4.2.8 DFD Level 3 Proses Manajemen Permintaan
Dalam manajemen pemintaan terdapat tiga proses utama yaitu, lihat data, edit data dan hapus data.
4.2.1 : tambah Data Permasalahan
Proses ini digunakan untuk menambah data permasalahan 4.2.2 Lihat data
Proses ini digunakan untuk menampilkan data permasalahan berdasarkan status permasalahan
(33)
33 4.2.3 Hapus
Proses ini digunakan untuk menghapus data permasalahan. 4.2.4 Edit
Proses ini digunakan untuk mengubah data permasalahan. 4.2.5 History
Proses ini digunakan untuk menampilkan data permasalahan yang telah dikirm oleh member.
(34)
34
Petugas Lihat Data
4.2.2
Edit 4.2.4 Hapus
4.2.3 Status Permintaan
Permintaan Request Delete Data Permintaan
Data Permintaan update
Data Permintaanterupdate
History
Data Permintaan Terupdate
Data history terhapus Data Permintaan terhapus
Data Permintaan Data Permintaan
member
Tambah Data Permintaan
4.2.1 Data Permintaan
Jenis_permintaan unit
Data jenis permintaan Data Unit
Data Permintaan baru
History 4.2.5
Data History terupdate Data History
Gambar 3.9 DFD Level 3 Proses Manajemen Permintaan
3.2.3 Spesifikasi Proses
berikut ini merupakan spesifikasi proses dari aplikasi “ aplikasi helpdesk berbasis web di IT
PLN DJBB”
No Identifikasi
(35)
35 1
No proses 1
Nama proses Daftar
Tujuan Menjadikan pengunjung menjadi member
Deskripsi Pengunjung akan memasukan data daftar untuk menjadi seorang member supaya dapat mengirimkan data permasalahan dan data permintaan
Input Data daftar, info member baru Proses If daftar = true then
Begin
Insert into users ;
Showmessage “selamat datang „username‟”; Else if username=‟‟
begin
Showmessage “ username tidak boleh kosong”; Else if email=‟‟
begin
Showmessage”email tidak boleh kosong”; Else password=‟‟
begin
Showmessage”password tidak boleh kosong”; Else if security_answer=‟‟;
begin
Showmessage” security answwer tidak boleh kosong”; End if;
End if; End if; End if;
(36)
36 End if;
Output info daftar, data member baru
2
No proses 2
Nama proses Login
Tujuan Berinteraksi dengan sistem
Deskripsi Member akan memasukan data login untuk kemudian dapat berinteraksi dengan sistem
Input Data login, info login member, Proses Username=‟ayu‟
Password=‟ayu‟
If username=‟ayu‟ and password=‟ayu‟ then
Begin
Showmessage “selamat datang Ayu”;
Else
Showmessage” password /username anda salah!”
End if;
Output Info login, data login member
3
No proses 3
Nama proses Lupa password
Tujuan Membuat data login baru
Deskripsi Member akan memasukan data security answer dan dapat mengubah password lama dengan password baru
Input Security answer dan username, info password baru Proses Username=‟ayu‟
Security answer=‟sman8‟ New_password=‟qwerty‟
(37)
37 Replace password := new password;
Else
Showmessage‟username/security anwer anda salah”
End if;
Output Info password baru
4
No proses 4
Nama proses Pengelolaan data
Tujuan Mengelola data permasalahan dan data permintaan
Deskripsi Pegawai dapat melakukan pengelolaan data seperti edit data, hapus data dan tambah data
Member dapat menambahkan data
Input Info permintaan, info permasalahan, info home, info pegawai, info unit, info jenis permasalahan baru,
proses If login=true then
Show homepage member; or Show homepage pegawai; End if;
Output Dta permasalahan terupdate, data permintaan terupdate, data unit, data jenis permasalahan baru, data pegawai, data home, info permasalahan, info permintaan
5
No proses 2.1
Nama proses Input Data Login Tujuan Memasukan data Login
Deskripsi Member atau pegawai memasukan data login
Input Data login
Proses Username=‟ayu‟;
(38)
38 Output Data login akan diproses ketika user mengklik “login”
6
No proses 2.2
Nama proses Validasi data login
Tujuan Membandingkan data dengan data dalam tabel users Deskripsi Member atau pegawai melakukan proses login
Input Data login
Proses If username=true and password=‟true‟ then
Showmessage „selamat datang „username‟‟;
Else
Showmessage „username/password anda salah‟
End if;
Output Info data login
7
No proses 3.1 Nama proses Input data
Tujuan Memasukan data untuk proses lupa password
Deskripsi Member atau pegawai memasukan data lupa password untuk mendapatkan password baru
Input Username, security answer Proses Username=‟ayu‟;
Security answer=‟sman8‟;
Output Username, security answer
8
No proses 3.2
Nama proses Validasi data
Tujuan Memvalidasi data login Deskripsi Melakukan proses login Input Username, password Proses If username=‟‟
(39)
39 Showmessage “username tidak boleh kosong‟
Else if security answer=‟‟
Showmessage “security answer tidak boleh kosong”
If username= false or security_answer =false then
Showmessage “ username/ security answer anda salah”
Else
Replace password :=password baru; End if;
End if; Output Info login
9
No proses 3.3
Nama proses Input Password
Tujuan Mengubah password lama ke password baru
Deskripsi Pegawai atau member dapat memasukan password baru untuk data login
Input Password baru
Proses If username=true and security answer=true then Password:=password_baru;
Else
Showmessage “username / security answer anda salah”
End if
Output Info password baru
10
No proses 4.3
Nama proses konfigurasi Tujuan Menambah data
Deskripsi Pegawai dapat menambah data, welcome, jenis permintaan, jenis permasalahan, pegawai_OM, unit
(40)
40 Input data, welcome, jenis permintaan, jenis permasalahan,
pegawai_OM, unit Proses If login= true then
Show homepage setting; Else
Showmessage “username/password anda salah”
End if;
Output Info welcome, jenis permintaan, jenis permasalahan, pegawai_OM, unit
11
No proses 4.1
Nama proses Manajemen permasalahan Tujuan Mengolah data permasalahan
Deskripsi Menambah data, edit data, hapus data permasalahan Input Data permasalahan
Proses If login =true then
Show homepage manajemen_permasalahan;
Else showmessage “ username/password anda salah”
End if;
Output Info permasalahan
12
No proses 4.2
Nama proses Manajemen permintaan Tujuan Mengolah data permintaan
Deskripsi Menambah data, edit data, hapus data permintaan Input Data permintaan
Proses If login =true then
Show homepage manajemen_permintaan;
(41)
41 End if;
Output Info permintaan
13
No proses 4.1.1
Nama proses Tambah data permasalahan Tujuan Menyimpan data permasalahan
Deskripsi Member menambah data permasalahan Input Data permasalahan
Proses If pelapor=‟‟
Showmessage “ nama pelapor tidak boleh kosong”; Else if asal_informasi =‟‟ then
Showmessage “asal informasi tidak boleh kosong”
Else if email =‟‟ then
Showmessage “email ttidak boleh kosong” Else if permasalahan=‟‟ then
Showmessage “permasalahan tidk boleh kosong” Else if security code=‟‟ or security code= false then
Showmessage “ security salah, harap diisi dengan benar”
End if; End if; End if End if; End if;
Output Info data permasalahan
14
No proses 4.1.2 Nama proses Lihat data
(42)
42 Deskripsi Pegawai dapat melihat data permintaan sesuai dengan ststus
permintaan yang dipilih pegawai Input Status permasalahan
Proses Status =‟pending‟ If status=pending Then
Show table permasalahan where status= pending; End if;
Output Data permasalahan
15
No proses 4.1..3 Nama proses hapus
Tujuan Menghapus data
Deskripsi Petugas dapat menghapus data permasalahan
Input Request hapus
Proses Id_permasalahan=1
If request_hapus = true and id_permasalahan=1 then Hapus table where id_permasalahan=1;
End if;
Output Data permasalahan terhapus
16
No proses 4.1.4 Nama proses Edit
Tujuan Mengubah data permsalahan
Deskripsi Pegwai dapat melakukan ubah data permasalahan Input Data permaslahan terupdate
Proses Status= pending; If status=pending then; Status:=proses;
(43)
43 Output Data permaslahan terupdate
17
No proses 4.1.5 Nama proses History
Tujuan Menampilkan history ke user
Deskripsi Member dapat melihat history darii permaslahan yang pernah dikirimkan
Input Data permaslahan terupdate Proses Id_user = 1;
If id_user=1 then
Show table permasalahan where id_user=1; End if
Output Data history terupdate
18
No proses 4.2.1
Nama proses Tambah data permintaan Tujuan Menyimpan data permintaan
Deskripsi Member menambah data permintaan Input Data permintaan
Proses If pelapor=‟‟
Showmessage “ nama pelapor tidak boleh kosong”; Else if asal_informasi =‟‟ then
Showmessage “asal informasi tidak boleh kosong” Else if email =‟‟ then
Showmessage “email ttidak boleh kosong” Else if permintaan=‟‟ then
Showmessage “permintaan tidak boleh kosong” Else if security code=‟‟ or security code= false then
(44)
44 End if;
End if; End if End if; End if;
Output Info data permintaan
19
No proses 4.2.2 Nama proses Lihat data
Tujuan Memunculkan data permintaan
Deskripsi Pegawai dapat melihat data permintaan sesuai dengan ststus permintaan yang dipilih pegawai
Input Status permintaan Proses Status =‟pending‟
If status=pending Then
Show table permintaan where status= pending; End if;
Output Data permintaan
20
No proses 4.2.3 Nama proses hapus
Tujuan Menghapus data
Deskripsi Petugas dapat menghapus data permintaan
Input Request hapus
Proses Id_ permintaan =1
If request_hapus = true and id_ permintaan =1 then Hapus table where id_ permintaan =1;
End if;
(45)
45 21
No proses 4.2.4 Nama proses Edit
Tujuan Mengubah data permintaan
Deskripsi Pegwai dapat melakukan ubah data permintaan Input Data permintaan terupdate
Proses Status= pending; If status=pending then; Status:=proses;
End if;
Output Data permintaan terupdate
22
No proses 4.2.5 Nama proses History
Tujuan Menampilkan history ke user
Deskripsi Member dapat melihat history dari permintaan yang pernah dikirimkan
Input Data permintaan terupdate Proses Id_user = 1;
If id_user=1 then
Show table permintaan where id_user=1; End if
Output Data history terupdate
3.2.4 Deskripsi Data
Dari gambar DFD level 1 diketahui bahwa aplikasi memilki 9 data strore yaitu, permasalahan, permintaan, users, unit, jenis_permasalahan, pegawai_om, history dan welcome. Semua data store itu digunakan untuk mengelola data aplikasi. User akan memasukan data permasalahan ataupun permintaan dan disimpan ke dalam database, sehingga petugas mudah untuk melakukan pengelolaan data yang diperlukan.
(46)
46
3.4.3.1 Kamus data
Data daftar
Username + password + email + security_question + security_answer Data permasalahan
pelapor + asal_informasi + email + permasalahan + tanggal_gangguan + waktu_gangguan + jenis_permasalahan + waktu_selesai + tanggal_selesai + penyebab + penyelesaian + restitusi + data unit
Data permintaan
pelapor + asal_informasi + email + permintaan + jenis permintaan + tanggal_permintaan + waktu_permintaan + status +data unit
Data history
Id_history + username + pelapor + asal_informasi + email +permasalahan + waktu_gangguan + tanggal_gangguan +type +status
Data unit unit Data pegawai_om Om Data jenis_permintaan Jenis_permintaan Data jenis_permasalahan Jenis_permasalahan Data welcome data Data Login
Username + password Username = varchar (20) Password = varchar (20) Email = varchar (45)
Level = enum ( “admin” “registered”)
Security_question = varchar (300) Security_answer = varchar (45) Pelapor= varchar(20)
Asal_informasi= varchar (30) Permasalahan = text
Tanggal_gangguan= date Waktu_gangguan = time
Status= enum (“pending”,”proses”,”selesai”)
Tanggal_selesai = date Waktu_selesai = time
Jenis_permasalahan=varchar(20) Jenis_permintaan=varchar(20) Unit=varchar(30)
Penyebeb = text Om = varchar (20)
Restitusi = enum (“true”, “false”)
Data = longtext Id_history=int(11)
(47)
47
3.2.5 Deskripsi Kebutuhan Non Fungsional
Berikut ini adalah deskripsi kebutuhan non fungsional aplikasi Helpdesk berbasis web.
kriteria Tuntutan
Performansi Harus dapat menerima masukan karakter dengan kecepatan maksimal 5 karakter/detik
Perangkat lunak yang dibuat dapat dioperasikan pada komputer berspesifikasi minimal Intel Pentium3 atau yang setara dengan jumlah RAM minimal 256 MB
Batasan memory
Maksimal jumlah memori yang digunakan oleh perangkat lunak tidak boleh melebihi 22 MB
Keamanan Password dilambangkan dengan karakter black circle ( ● ) Modus
operasi
Setiap kesalahan/error yang terjadi harus disertai dengan pesan error kepada pengguna
Antar muka Tulisan pesan dan menu perintah yang ditampilkan harus cukup jelas terbaca oleh pengguna dalam keadaan terang maupun gelap dengan menggunakan warna tulisan dan latar belakang yang tingkat kontrasnya tinggi dengan jenis huruf Arial berukuran minimal 12 poin
Modus grafis yang digunakan adalah VGA dengan resolusi maksimal 800*600 dengan kedalaman warna 8 bit atau 256 warna Hanya ada satu operasi dalam satu tampilan
3.2.6 Batasan Perancangan
Batasan-batasan pada tahap perancangan Aplikasi Help Desk ini adalah : 1. Aplikasi ini dikembangkan untuk dijalankan di PLN bagian IT DJBB.
2. Perancangan yang dikembangkan meliputi perancangan data, prosedural, arsitektur dan interface.
3. Perancangan dikembangkan dari sistem yang sedang berjalan. Tabel 3.4 Deskripsi Kebutuhan Non Fungsional
(48)
(49)
49 3.5 Perancangan
3.5.1 Skema Relasi
history1 PK id_history username pelapor asal_informasi email permasalahan tanggal_gangguan waktu_gangguan status type FK1 id_permasalahan FK2 id_user FK3 id_permintaan permasalahan1 PK id_permasalahan pelapor email permasalahan tanggal_gangguan waktu_gangguan status tipe tanggal_selesai waktu_selesai penyebab penyelesaian restitusi FK1 id_om FK2 id_unit FK3 id_user FK4 id_jenispermasalahan welcome1 PK no data pegawai_om1 PK id_om om unit1 PK id_unit unit jenis_permasalahan PK id_jenispermasalahan jenis_permasalahan permintaan1 PK id_permintaan pelapor email permintaan tanggal_permintaan waktu_permintaan tanggal_terpenuhi waktu_terpenuhi status FK1 id_om FK2 id_unit FK3 id_user jenis_permintaan PK id_jenispermintaan jenis_permintaan FK1 id_permintaan users PK id_user username password email security_answer security_question
Gambar 3.10 Skema Relasi Tabel Aplikasi Helpdesk Berbasis Web
(50)
50 Sistem ini memiliki 9 data store yaitu permasalahan, permintaan, users, history, jenis_permasalahan, jenis_permintaan, pegawai_om, welcome dan unit. Ke-sembilan tabel tersebut memiliki struktur sebagai berikut :
1. Tabel Permasalahan
Berikut ini merupakan struktur tabel permasalahan
Nama Field Type Keterangan
Id_permasalahan Int ( 11 ) Pk
Pelapor Varchar ( 20 )
Id_unit Int(11) Fk
Email Varchar ( 45 )
Id_user Int(11) Fk
permintaan Text
Tanggal_permintaan Date
Waktu_permintaan Time
Status Enum
Tipe Enum
Id_Jenispermasalahan Varchar ( 20 ) Fk
Tanggal_selesai Date
Waktu_selesai Time
Penyebab Text
Penyelesaian Text Fk
Id_om Enum
restitusi Enum
2. Tabel Permintaan
Berikut ini merupakan struktur tabel permintaan
Nama Field Type Keterangan
Id_permintaan Int ( 11 ) Pk
Pelapor Varchar ( 20 )
Id_unit Int (11) Fk
Email Varchar ( 45 )
Permintaan Text
Tanggal_permintaan Date
Waktu_permintaan Time
Tabel 3.5 Struktur Tabel Pemasalahan
(51)
51
Status Enum
Tanggal_terpenuhi Date
Waktu_terpenuhi Time
Id_user Int(11) Fk
Id_om Enum Fk
3. Tabel History
Berikut ini merupakan struktur tabel history
Nama Field Type Keterangan
Id_history Int ( 11 ) Pk
username Varchar ( 20 )
Pelapor Varchar ( 20 )
Id_unit Int(11)
Email Varchar ( 45 )
Permasalahan Text
Tanggal_gangguan Date
Waktu_gangguan Time
Status Enum
Tipe Enum
4.Tabel Users
Berikut ini merupakan struktur tabel users
Nama Field Type Keterangan
Id_user Int(11) Pk
Username Varchar ( 20 )
Password Varchar ( 20 )
email Varchar ( 45 )
Level Enum
Security_answer Varchar ( 45) Security_question Varchar (100)
5.Tabel jenis_permasalahan
Tabel 3.7 Struktur Tabel History
(52)
52 Berikut ini merupakan struktur tabel jenis_permasalahan
Nama Field Type Keterangan
Id_jenispermasalahan Int Pk
Jenis_permasalahan Varchar ( 20 )
6.Tabel jenis_permintaan
Nama Field Type Keterangan
Id_jenispermintaan Int Pk
Jenis_permintaan Varchar ( 20 ) 7.Tabel pegawai_om
Berikut ini merupakan struktur tabel pegawai_om
Nama Field Type Keterangan
Id_om int Pk
om Varchar ( 20 )
8.Tabel unit
Berikut ini merupakan struktur tabel unit
Nama Field Type Keterangan
Id_unit int Pk
unit Varchar ( 30 )
9.Tabel Welcome
Berikut ini merupakan struktur tabel welcome
Tabel 3.9 Struktur Tabel jenis_permasalahan
Tabel 3.11 Struktur Tabel pegawai_om
Tabel 3.12 Struktur Tabel unit Tabel 3.10 Struktur Tabel pegawai_om
(53)
53
Nama Field Type Keterangan
No int ( 11 ) Pk
data Text
3.2.7 Perancangan Antarmuka
Untuk memudahkan dalam membangun sistem, kami merancang desain antarmuka yang akan digunakan dalam sistem.
Gambar 3.11 Perancangan Antarmuka Halaman Utama Tabel 3.13 Struktur tabel Welcome
T01
Navigasi :
Klik Home untuk menuju T01 Klik About untuk menuju T02 Klik Login untuk menuju T05 atau T09
Klik Daftar jika ingin mendaftar sebagai user baru , menuju T03
Klik Lupa Password jika lupa password, menuju T04
Menu
Home About
Logo instansi Home | About
Welcome note
Keterangan :
Nama form :T01
ukuran Layar : Default Window Size
User name
Password
Daftar Lupa password
(54)
54 Gambar 3.12 Perancangan Antarmuka Halaman About
Gambar 3.13 Perancangan Antarmuka Halaman Daftar T03
Navigasi :
Klik Home untuk menuju T01 Klik About untuk menuju T02 Klik Login untuk menuju T05 atau T09
Klik Daftar jika ingin mendaftar sebagai user baru , menuju T03 Klik Lupa Password jika lupa password, menuju T04 Klik submit untuk mendaftar Klik reset untuk mengosongkan form
Menu
Home About
Logo instansi Home | About User name Password Daftar Lupa password Login Username email password confirm password security question security answer Keterangan :
Nama form :T03
ukuran Layar : Default Window Size
submit reset T02
Navigasi :
Klik Home untuk menuju T01 Klik About untuk menuju T02 Klik Login untuk menuju T05 atau T09
Klik Daftar jika ingin mendaftar sebagai user baru , menuju T03 Klik Lupa Password jika lupa password, menuju T04
Menu
Home About
Logo instansi Home | About User name Password Daftar Lupa password Login Contact Keterangan :
Nama form :T02
(55)
55 Gambar 3.14 Perancangan Antarmuka Halaman Lupa Password
Gambar 3.15 Perancangan Antarmuka Halaman Member T05
Navigasi :
Klik Home untuk menuju T01 Klik About untuk menuju T02 Klik Logout untuk menuju T01 Klik History untuk menuju T06 Klik Permasalahan untuk menujuT07
Klik Permintaan untuk menuju T08 Menu Home History Permasalahan Permintaan About Logo instansi Home | About
Welcome Note
Keterangan :
Nama form :T05
ukuran Layar : Default Window Size
Hy... Username
Logout T04
Navigasi :
Klik Home untuk menuju T01 Klik About untuk menuju T02 Klik Login untuk menuju T05 atau T09
Klik Daftar jika ingin mendaftar sebagai user baru , menuju T03 Klik Lupa Password jika lupa password, menuju T04 Klik submit untuk mengumbah password
Klik reset untuk mengosongkan form
Menu
Home About
Logo instansi Home | About
Keterangan :
Nama form :T04
ukuran Layar : Default Window Size
Username security answer new password confirm password submit reset User name Password Daftar Lupa password Login
(56)
56 Gambar 3.16 Perancangan Antarmuka Halaman History
Gambar 3.17 Perancangan Antarmuka Halaman Permasalahan T06
Navigasi :
Klik Home untuk menuju T01 Klik About untuk menuju T02 Klik Logout untuk menuju T01 Klik History untuk menuju T06 Klik Permasalahan untuk menujuT07
Klik Permintaan untuk menuju T08 Menu Home History Permasalahan Permintaan About Logo instansi Home | About
Data history user
Keterangan :
Nama form :T06
ukuran Layar : Default Window Size
Hy... Username
Logout
T07
Navigasi :
Klik Home untuk menuju T01 Klik About untuk menuju T02 Klik Logout untuk menuju T01 Klik History untuk menuju T06 Klik Permasalahan untuk menujuT07
Klik Permintaan untuk menuju T08 Menu Home History Permasalahan Permintaan About Logo instansi Home | About
Keterangan :
Nama form :T07
ukuran Layar : Default Window Size
Hy... Username Logout Asal Informasi email permasalahan Security Code submit reset code
(57)
57 Gambar 3.18 Perancangan Antarmuka Halaman Permintaan
T08
Navigasi :
Klik Home untuk menuju T01 Klik About untuk menuju T02 Klik Logout untuk menuju T01 Klik History untuk menuju T06 Klik Permasalahan untuk menujuT07
Klik Permintaan untuk menuju T08
Menu
Home History Permasalahan Permintaan About
Logo instansi Home | About
Keterangan :
Nama form :T08
ukuran Layar : Default Window Size
Hy... Username
Logout
Asal Informasi email permintaan
Security Code
submit reset
(58)
58 Gambar 3.19 Perancangan Antarmuka Halaman Pegawai
T09
Navigasi :
Klik Home untuk menuju T01 Klik About untuk menuju T02 Klik Logout untuk menuju T01 Klik History untuk menuju T06 Klik Permasalahan untuk menuju T07
Klik Permintaan untuk menuju T08 Klik Data Permasalahan untuk menuju T10
Klik Data Permintaan untuk menuju T12
Klik Setting untuk menuju T14
Menu
Home History Permasalahan Permintaan About
Logo instansi Home | About
Keterangan :
Nama form :T09
ukuran Layar : Default Window Size
Hy... Username
Logout
Welcome Note
Admin Mennu
Data permasalahan Data permintaan Setting
(59)
59 Gambar 3.20 Perancangan Antarmuka Halaman Pengelolaan Data Permasalahan
T10
Navigasi :
Klik Home untuk menuju T01 Klik About untuk menuju T02 Klik Logout untuk menuju T01 Klik History untuk menuju T06 Klik Permasalahan untuk menuju T07
Klik Permintaan untuk menuju T08 Klik Data Permasalahan untuk menuju T10
Klik edit untuk menuju ke T11 Klik Data Permintaan untuk menuju T12
Klik Setting untuk menuju T14
Menu
Home History Permasalahan Permintaan About
Logo instansi Home | About
Keterangan :
Nama form :T10
ukuran Layar : Default Window Size
Hy... Username
Logout
Status
Data Permasalahan edit hapus
Admin Mennu
Data permasalahan Data permintaan Setting
(60)
60 Gambar 3.21 Perancangan Antarmuka Halaman Edit Permasalahan
T11
Navigasi :
Klik Home untuk menuju T01 Klik About untuk menuju T02 Klik Logout untuk menuju T01 Klik History untuk menuju T06 Klik Permasalahan untuk menuju T07
Klik Permintaan untuk menuju T08 Klik Data Permasalahan untuk menuju T10
Klik Data Permintaan untuk menuju T12
Klik Setting untuk menuju T14
Menu Home History Permasalahan Permintaan About Logo instansi Home | About
Keterangan :
Nama form :T11
ukuran Layar : Default Window Size
Hy... Username
Logout
Data Permasalahan
Pelapor : ... Asal Informasi : ... Email : ... Permasalahan : ...
Tanggal Gangguan Jam Gangguan Status jenis permasalahan Tanggal Selesai Waktu Selesai Penyebab penyelesaian OM restitusi Admin Mennu Data permasalahan Data permintaan Setting
(61)
61 Gambar 3.22 Perancangan Antarmuka Halaman Pengelolaan data Permintaan
T12
Navigasi :
Klik Home untuk menuju T01 Klik About untuk menuju T02 Klik Logout untuk menuju T01 Klik History untuk menuju T06 Klik Permasalahan untuk menuju T07
Klik Permintaan untuk menuju T08
Klik Data Permasalahan untuk menuju T10
Klik Data Permintaan untuk menuju T12
Klik edit untuk menuju ke T13 Klik Setting untuk menuju T14
Menu
Home History Permasalahan Permintaan About
Logo instansi Home | About
Keterangan :
Nama form :T12
ukuran Layar : Default Window Size
Hy... Username
Logout
Status
Data Permintaan edit hapus
Admin Mennu
Data permasalahan Data permintaan Setting
(62)
62 Gambar 3.23 Perancangan Antarmuka Halaman Edit Permintaan
T13
Navigasi :
Klik Home untuk menuju T01 Klik About untuk menuju T02 Klik Logout untuk menuju T01 Klik History untuk menuju T06 Klik Permasalahan untuk menuju T07
Klik Permintaan untuk menuju T08 Klik Data Permasalahan untuk menuju T10
Klik Data Permintaan untuk menuju T12
Klik Setting untuk menuju T14
Menu Home History Permasalahan Permintaan About Logo instansi Home | About
Keterangan :
Nama form :T13
ukuran Layar : Default Window Size
Hy... Username
Logout
Data Permintaan
Pelapor : ... Asal Informasi : ... Email : ... Permintaan : ...
Tanggal permintaan waktu permintaan Status jenis permintaan Tanggal terpenuhi Waktu terpenuhi OM Admin Mennu Data permasalahan Data permintaan Setting
(63)
63 Gambar 3.25 Perancangan Antarmuka Pesan Kesalahan Login
M01
Username/password anda salah
Daftar Lupa Passsword
Keterangan
Nama form : M01
Ukuran Layar : default Windows Size
Klik Daftar untuk menuju T03 Klik Lupa Password untuk menuju T04
T14
Navigasi :
Klik Home untuk menuju T01 Klik About untuk menuju T02 Klik Logout untuk menuju T01 Klik History untuk menuju T06 Klik Permasalahan untuk menuju T07
Klik Permintaan untuk menuju T08
Klik Data Permasalahan untuk menuju T10
Klik Data Permintaan untuk menuju T12
Klik Setting untuk menuju T14 Klik Save untuk mengubah Welcome note
Klik View untuk melihat halaman home
Klik Tambah untuk menambah data Menu Home History Permasalahan Permintaan About Logo instansi Home | About
Keterangan :
Nama form :T14
ukuran Layar : Default Window Size
Hy... Username
Logout
Form Setting
Tambah UPJ
Tambah om
Tambah jenis permasalahan
Tambah jenis permintaan Admin Mennu
Data permasalahan Data permintaan Setting
save view
tambah
tambah
tambah
(64)
64 M03
Username tidak boleh kosong
Keterangan
Nama form : M03
Ukuran Layar : default Windows Size
Klik ok untuk menutup pesan ok
Gambar 3.27 Perancangan Antarmuka Pesan Kesalahan username M04
email tidak boleh kosong
Keterangan
Nama form : M04
Ukuran Layar : default Windows Size
Klik ok untuk menutup pesan ok
Gambar 3.28 Perancangan Antarmuka Pesan Kesalahan email Gambar 3.26 Perancangan Antarmuka Pesan Kesalahan Lupa Password M02
Username tidak ditemukan
Keterangan
Nama form : M02
(65)
65 M05
Password tidak boleh kosong
Keterangan
Nama form : M05
Ukuran Layar : default Windows Size
Klik ok untuk menutup pesan ok
M06
Security answer tidak boleh kosong
Keterangan
Nama form : M06
Ukuran Layar : default Windows Size
Klik ok untuk menutup pesan ok
M07
Pelapor tidak boleh kosong
Keterangan
Nama form : M07
Ukuran Layar : default Windows Size
Klik ok untuk menutup pesan ok
M08
Asal Informasi tidak boleh kosong
Keterangan
Nama form : M08
Ukuran Layar : default Windows Size
Klik ok untuk menutup pesan ok
Gambar 3.29 Perancangan Antarmuka Pesan Kesalahan password
Gambar 3.30 Perancangan Antarmuka Pesan security answer
(66)
66 Gambar 3.33 Perancangan Antarmuka Pesan Kesalahan password
M09
Permasalahan tidak boleh kosong
Keterangan
Nama form : M09
Ukuran Layar : default Windows Size
Klik ok untuk menutup pesan ok
M10
Permintaan tidak boleh kosong
Keterangan
Nama form : M10
Ukuran Layar : default Windows Size
Klik ok untuk menutup pesan ok
M11
Security answer anda salah, harap diisi dengan benar
Keterangan
Nama form : M11
Ukuran Layar : default Windows Size
Gambar 3.32 Perancangan Antarmuka Pesan Kesalahan Asal Informasi
Gambar 3.34 Perancangan Antarmuka Pesan Kesalahan Data Permasalahan
Gambar 3.35 Perancangan Antarmuka Pesan Kesalahan Data Permintaan
(67)
67
3.2.8 Jaringan Semantik
Berikut ini merupakan jaringan semantik dari aplikasi helpdesk IT PLN DJBB berbasis web.
M07, M08, M09, m10, M11
M07, M08, M09, m10, M11
M03, M04, M05, M06
T01
T02 T03 T04
T05 T06
T07
T08
T09
T10 T11
T12 T13
T14 M02
M01
3.2.9 Perancangan Menu
Berikut ini merupakan perancangan menu untuk user.
user
home About Daftar Lupa Password
history Permintaan Permasalahan
Login
Gambar 3.37 Jaringan Semantik Aplikasi Helpdesk Berbasis Web
(68)
68 Berikut ini merupakan perancangan antar menu untuk pegawai
Pegawai
home About Daftar Lupa Password
history Permintaan Permasalahan
Login
Data Permintaan Data Permasalahan Setting
lihat
edit hapus edit hapus lihat
3.2.10 Implementasi
Pada tahap ini, hasil dari tahap perancangan diterjemahkan ke dalam bahasa pemrograman. Wujud dari hasil tahap implementasi ini nantinya adalah sebuah sistem yang siap untuk diuji dan dijalankan.
3.2.10.1. Implementasi Antarmuka
Berikut ini merupakan tampilan dalam aplikasi Helpdesk IT PLN DJBB.
1. Home
(69)
69 Gambar 3.40 Tampilan Halaman Utama
2. Halaman About
Gambar 3.41 Tampilan Halaman About
(70)
70 Gambar 3.42 Tampilan Halaman Daftar
(71)
71 Gambar 3.43 Tampilan Halaman Lupa Password
5. Halaman Member
Gambar 3.44 Tampilan Halaman Member
(72)
72 Gambar 3.45 Tampilan Halaman History
7. Halaman Permasalahan
Gambar 3.46 Tampilan Halaman Permasalahan
(73)
73 Gambar 3.47 Tampilan Halaman Permintaan
9. Halaman Pegawai
(74)
74
10.Halaman Pengelolaan Data Permintaan
Gambar 3.49 Tampilan Halaman Pengelolaan Data Permintaan
11.Halaman Pengelolaan Data Permasalahan
(75)
75
12.Halaman Edit Permasalahan
(76)
76
13.Halaman Edit Permintaan
Gambar 3.52 Tampilan Halaman Edit Permintaan
(77)
77 Gambar 3.53 Tampilan Halaman Setting
15.Pesan Kesalahan login
Gambar 3.54 Tampilan Halaman Kesalahan Login
(78)
78 Gambar 3.55 Tampilan Halaman Kesalahan Lupa Password
17.Pesan kesalahan nama pelapor
Gambar 3.56 Tampilan Halaman Nama Pelapor
18.Pesan kesalahan email
(79)
79
19.Pesan kesalahan unvalid email
Gambar 3.58 Tampilan Halaman Kesalahan Unvalid email
20.Pesan kesalahan laporan permasalahan
Gambar 3.59 Tampilan Halaman Kesalahan Laporan Permasalahan
3.2.10.2.Implementasi Basis Data
Berikut ini merupakan implementasi basis data yang terdiri dari 7 tabel antara lain :
(80)
80 Gambar 3.60 Tampilan tabel Permasalahan
2. Tabel permintaan
Gambar 3.61 Tampilan Tabel permintaan 3. Tabel jenis_permasalahan
Gambar 3.62 Tampilan tabel jenis_permasalahan
(81)
81 5. Tabel history
Gambar 3.63 Tampilan Tabel History
6. Tabel unit
Gambar 3.64 Tampilan Tabel Unit
7. Tabel user
(82)
82 8. Tabel welcome
Gambar 3.66 Tampilan Tabel Welcome
9. Tabel pegawai_om
Gambar 3.67 Tampilan tabel pegawai_om
3.2.11 Pengujian
Agar hasil implementasi benar-benar memenuhi kebutuhan maka dilakukan pengujian terhadap sistem. Pengujian dilakukan dengan metode pengujian black box yang berfokus pada persyaratan fungsional perangkat lunak
3.2.11.1 Pengujian Alpha
Item Uji Detail Pengujian Jenis Uji
Login Verifikasi username dan
password
Black box
Lupa Password Verifikasi username dan security answer
Black box
Pengolahan data daftar user baru
Data user Black box
Pengolahan data permasalahan
List data permasalahan Black box
Tambah data permasalahan Black box
(83)
83 Edit data permasalahan Black box
Hapus data permasalahan Black box
Pengolahan data permintaan
List data permintaan Black box
Tambah data permintaan Black box
Edit data permintaan Black box
Hapus data permintaan Black box
Pengolahan data unit List data unit Black box
Tambah data unit Black box
Pengolahan data home Edit data home Black box
Pengolahan data om List data om Black box
Tambah data om Black box
Pengolahan data jenis permasalahan
List data jenis Permasalahan
Black box
Tambah data jenis permasalahan
Black box
Pengolahan Data history List data history Black Box
3.2.11.2 Kasus dan Hasil Pengujian
Berdasarkan rencana pengujian yang telah dibuat, maka dilakukan pengujian sebagai berikut:
1. Pengujian Login
Kasus dan Hasil Uji ( Data Normal )
Data masukan Username, password
Yang diharapkan Username dan password diterima. User masuk kehalaman user dan pegawai masuk kehalaman pegawai
Pengamatan Username dan password diterima dan masuk kehalaman Tabel 3.15 Pengujian Login
(1)
D. Riwayat Pekerjaan Riwayat Pekerjaan : Kemampuan Komputer
Perangkat lunak
Nama Perangkat Lunak Pemula Menengah Mahir
Microsoft Word √
Macromedia Dreamweaver 8
√
J2ME Wireless Toolkit √
SQL √
Oracle √
Cisco Paket Tracer √
Perangkat keras : -
Bahasa pemograman
Nama Perangkat Lunak Pemula Menengah Mahir
C ++ √
Java √
Delphi √
(2)
E. Pengalaman Organisasi
Anggota OSIS SMAN 1 Cimahi (2004 – 2007 ) Anggota Paskibra (2003 – 2007)
Demikian Daftar riwayat Hidup ini saya buat dengan sebenar-benarnya dengan sadar dan tanpa pakssaan.
Bandung, 29 Januari 2011
(3)
DAFTAR RIWAYAT HIDUP
A. Data Pribadi
Nama : Rezki Nugraha
Nick : eki
Ttl : Tasikmalaya, 29 Juli 1988 Jenis kelamin : Laki-laki
Agama : Islam Kewarganegaraan : Indonesia
Alamat : Jl. A Yani Gg Kebangsaan Timur No. 23 Tasikmalaya Tlp : 085721616650, 08996101073
Email : closer.hope@gmail.com Hobby : Main Bilyard
Motto : Pasti Bisa!! Cita-cita : Pengusaha
B. Pendidikan Formal
Pendidikan formal : TK PUI Tasikmalaya ( 1995 - 1996 ) SDN Citapen 1 Tasikmalaya ( 1996 - 2001 ) SMPN 2 Tasikmalaya ( 2001 - 2004 ) SMAN 3 Tasikmalaya ( 2004 - 2007 ) UNIKOM ( 2007 - sekarang ) C. Pendidikan Informal
(4)
D. Riwayat Pekerjaan
Riwayat Pekerjaan : Kuta Net ( 2006-2007 )
Atlit Softball Kota Tasikmalaya ( 2006 – 2007 ) E. Kemampuan Komputer
Perangkat lunak
Nama Perangkat Lunak Pemula Menengah Mahir
Microsoft Word √
Macromedia Dreamweaver 8
√
J2ME Wireless Toolkit √
SQL √
Oracle √
Cisco Paket Tracer √
Perangkat keras : -
Bahasa pemograman
Nama Perangkat Lunak Pemula Menengah Mahir
C ++ √
Java √
Delphi √
(5)
F. Pengalaman Organisasi
Anggota OSIS SMAN 3 Tasikmalaya (2004 – 2007 ) Anggota BKC (2003 – 2007)
Ketua Organisasi Softball SMA ( 2004 - 2007 ) Anggota Organisasi Tennis SMA ( 2004 - 2007 ) Anggota PERBASASI Tasikmalaya ( 2004 - 2007)
Demikian Daftar riwayat Hidup ini saya buat dengan sebenar-benarnya dengan sadar dan tanpa pakssaan.
Bandung, 29 Januari 2011
(6)