Nama Lengkap Denny Santoso
NIM 10110645
Tempat/ Tanggal Lahir Banyumas, 24 July 1992
Agama Islam
Umur 21
Alamat JL. Bangbayang Regol, Dago no. 90/157c . Bandung
Pekerjaan Mahasiswa
Jenis Kelamin Laki-laki
Golongan Darah O
Status Belum menikah
Kewarganegaraan Indonesia
No. Handphone 082115399163
Email dsjack767@gmail.com
Riwayat Pendidikan 1998-2004 : SD NEGERI Karanganyar 1 Klari, Karawang
2004-2007 : SMP NEGERI 2 Cikampek, Karawang
Nama Lengkap Hegi Burnandharie
NIM 10110650
Tempat/ Tanggal Lahir Bandung, 27 May 1992
Agama Islam
Umur 21
Alamat GBA 2 Blok G3 No 9
Pekerjaan Pelajar/ Mahasiswa
Jenis Kelamin Laki-Laki
Golongan Darah B
Status Belum Menikah
Kewarganegaraan Indonesia
No. Handphone +6285721005205
Email Hegi.jon@gmail.com
Riwayat Pendidikan 1998-2004 : SD NEGERI Margacinta
2004-2007 : SMP 28 Bandung
ii
DAFTAR LAMPIRAN ... viii
BAB 1 PENDAHULUAN ... 1
2.1.1 Gambaran Umum Dinas Perhubungan ... 6
2.1.2 Logo Instansi ... 7
2.1.3 Arti Lambang Instansi ... 7
2.1.4 Struktur Organisasi ... 10
2.2 Landasa Teori ... 11
2.2.1 Pengertian Website ... 11
2.2.2 Pengertian HTML ... 12
2.2.3 Fungsi HTML ... 12
iii
2.3 Perancangan dan Rancangan Umum Website ... 13
2.3.1 Perancangan Isi (Content Design) ... 13
2.3.2 Perancangan Website (Site Design) ... 13
2.3.3 Perancangan Halaman (Page Design) ... 14
2.3.4 Perancangan Topik dan Variansinya ... 15
2.3.5 Perancangan Link Tambahan (Additional Link) ... 15
2.3.6 Perancangan Desain dan Tema ... 15
2.3.7 Perancangan Tata Letak (Layout Design ) ... 16
2.4 Software Pembuatan Website ... 18
2.4.1 Desain ... 18
2.5 Proses Loading Website Harus Cepat ... 22
2.6 Pengaksesan Website Lambat ... 25
2.7 Otomatisasi Data ... 27
BAB 3 PEMBAHASAN ... 30
3.1 Data Kerja Praktek ... 30
3.1.1 Tugas Kerja Praktek ... 30
3.2 Analisis Masalah ... 30
3.3 Analisis Sistem Yang Sedang Berjalan ... 31
3.3.1 Perangkat Keras Yang Digunakan ... 31
3.3.2 Perangkat Lunak Yang Sedang Digunakan ... 32
iv
3.5 Analisis Kebutuhan Fungsional ... 32
3.5.1 Flowmap ... 33
3.5.1.1 Skema Relasi ... 34
3.5.1.2 Entity Relationship Diagram (ERD) ... 35
3.6 Diagram Konteks ... 36
3.9 Perancangan Antar Muka ... 42
3.9.1 Struktur Menu ... 42
3.10 Implementasi Aplikasi ... 49
3.10.1 login ... 49
BAB 4 KESIMPULAN DAN SARAN ... 56
4.1 Kesimpulan ... 56
4.2 Saran ... 56
KATA PENGANTAR
Dengan menyebut nama Allah yang Maha Pengasih lagi Maha Penyayang, Shalawat
serta Salam untuk Nabi Muhammad shalallahu `alahi wassalam beserta para sahabat dan
pengikutnya sampai akhir zaman. Sujud Syukur kami panjatkan pada Rabb yang Maha Esa
karena atas rahmat dan kasih sayang-Nya penyusun dapat menyelesaikan penyusunan Laporan Kerja Praktek ini. Laporan ini diajukan sebagai syarat dalam mendapatkan nilai mata kuliah kerja praktek jurusan Teknik Informatika Fakultas Teknik dan Ilmu Komputer
Universitas Komputer Indonesia.
Penyusunan laporan yang berjudul “APLIKASI PENDISTRIBUSIAN DATA
BERBASIS WEB” berlandaskan pada teori-teori yang penyusun dapatkan selama mengikuti
perkuliahan.
Dalam penyusunan laporan kerja praktek ini, tentunya tidak terlepas dari kesalahan dan kekurangan.. Penyusun menyadari bahwa Laporan Kerja Praktek ini masih jauh dari sempurna baik dalam isi, program maupun penyusunan dan tata bahasa yang dipergunakan. Untuk itu penyusun mengharapkan kritik dan saran dari para pembaca agar dapat bermanfaat bagi penyusun.
Dalam penyusunan laporan kerja pratek ini penyusun melibatkan berbagai pihak dan dalam kesempatan ini pula penyusun mengucapkan banyak terima kasih kepada:
1. Keluarga tercinta yang selalu memberikan do’a, kasih sayang, semangat dan
dorongan baik berupa moril maupun materil.
2. Seluruh staf pengajar dan sekretariat Teknik Informatika, yang telah membantu proses pembelajaran penyusun.
3. Dinas Perhubungan Provinsi Jawa Barat(DISHUB) Bandung yang dengan senang
hati menerima penyusun bekerja praktek di tempat tersebut.
4. Rekan-rekan seperjuangan IF-15 2010, terima kasih atas saran, dukungan serta kebersamaannya.
5. Pihak-pihak lain yang membantu penyusun untuk dapat menyelesaikan laporan
kerja pratek ini yang tidak dapat disebutkan satu per satu.
Akhir kata semoga karya tulis ini dapat bermanfaat bagi kita semua dan dapat menambah wawasan ilmu pengetahuan khususnya dibidang pendidikan.
Wassalamu’alaikum Wr. Wb.
Imam asy-Syafi’i rahimahullaah pemah mengatakan dalam sya’irnya, Saudaraku, engkau
tidak akan mendapat ilmu, melainkan dengan enam perkara. Kukabarkan kepadamu
rinciannya dengan jelas, Kecerdasan, kemauan keras, bersungguh-sungguh, bekal yang
cukup, bimbingan ustadz, dan waktunya yang lama
Bandung, Desember 2013
57
DAFTAR PUSTAKA
- Antarina, A. (2004). Penerapan Teknologi Informasi di Indonesia dalam Memperoleh
Keunggulan Bersaing.
- Lernout & Hauspie Speech Products N.V. (1993). Portions of International
CorrectSpell™ spelling correction system. Thesaurus on Microsoft Office 2007 .
- Masbukhin. (2003). Pengantar SAP.PHP. Diambil kembali dari ilmukomputer.com.
- Wahono, R. S. (2003). Apa Itu Komputer.php. Diambil kembali dari
ilmukomputer.com.
- Zain, S. (2004). Penerapan Teknologi Informasi di Indonesia dalam Memperoleh
Keunggulan Bersaing.
- http://www.bukuharian.com/apa-itu-jquery.html
- http://dishubbojonegoro.blogspot.com/2012/10/logo-dinas-perhubungan.html
BAB 1
PENDAHULUAN
1.1.Latar Belakang Masalah
Dinas Perhubungan Jawa Barat merupakan institusi Pemerintah yang bergerak dalam bidang infrastruktur dan transportasi masal, yang Mengacu Kepada Peraturan Gubernur Jawa Barat Nomor 40 Tahun 2009 tentang Tugas Pokok. Fungsi, Rincian Tugas dan Tata Kerja Dinas Perhubungan Provinsi Jawa Barat disebutkan dalam Pasal 2 Bab II bahwa tugas pokok DinasPerhubunganadalah mempunyai tugas pokok untuk melaksanakan urusan Pemerintahan daerah dalam bidang perhubungan berdasarkan asas otonomi, asas dekonsentrasi, dan tugas pembangunan.
Dinas Perhubungan Jawa Barat juga berperan dalam pembangunan infrastruktur transportasi darat, transportasi laut, dan transportasi udara, dalam proses tersebut Dinas Perhubungan sangat kurang efesien dan masih menggunakan secara manual dalam mendistribusikan data sebagai contohnya data yang akan di kirim masih menggunakan seseorang untuk melakukan pengiriman tersebut yang sangat memerlukan waktu yang lama.
Berdasarkan hal yang telah di jelaskan maka Dinas Perhubungan Jawa Barat membutuhkan aplikasi suatu sistem informasi pengelolaan data yang berbasis web.
”Aplikasi Pengelolaan data Dinas Perhubungan Jawa Barat” adalah judul Untuk membangun aplikasi sistem informasi mendistribusikan data atau file secara luas dengan cepat dan efisien.
1.2.Rumusan Masalah
1.3.Maksud dan Tujuan
1.3.1. Maksud
Maksud dari kerja praktek ini adalah menganalisa dan merancang sistem informasi pengelolaan data pada Dinas Perhubungan Jawa Barat.
1.3.2. Tujuan
Adapun tujuan dari kerja praktek ini
1. Mempermudah pendistribusian laporan untuk kebutuhan pengajuan dan pengecekan laporan.
2. Mempermudah manajemen dan penyimpanan data laporan Dinas Perhubungan Jawa Barat.
1.4.Batasan Masalah
Aplikasi dibangun berdasarkan kebutuhan User dalam pendistibusian data laporan yang memakai gabungan pemanfaatan teknologi komputer dan pengembangan berbasis internet atau dalam hal ini upload dan download. User yang menggunakan perangkat lunak iniadalah Admin dan seluruh Pegawai Dinas Perhubungan Jawa Barat.
1.5.Metode Pengumpulan Data
Dalam rangka pengumpulan data yang diperlukan dalam penulisan laporan, penulis menggunakan beberapa metode, diantaranya adalah :
a. Metode Observasi
Metode observasi merupakan pengaatan dan penelitian secara terhadap obyek yang di teliti di lapangan
b. Metode Wawancara
c. Metode Pengembangan
Metode yang digunakan untuk membangun multimedia interaktif ini mengadopsi model Waterfall.
1.6.Waktu dan Tempat Penelitian
Untuk menyusun laporan ini penulis melaksanakan kerja praktek di Dinas Perhubungan yang berlokasi di Jl. Sukabumi No.33 Antapani Bandung.
Waktu yang disepakati antara penulis dan Institusi perusahaan pada hari selasa dan kamis antara jam 08.00 – 13.00 Wib. Dari tanggal 15 Juli – 10 Agustus 2013.
1.7.Sistematika Penulisan
Penulis membagi Laporan Kerja Praktek ini menjadi beberapa bab untuk mempermudah pemahaman pembaca. Adapun sistematika penulisan laporan ini adalah sebagai berikut :
BAB I PENDAHULUAN
Pada bab ini menerangkan secara umum mengenai latar belakang permasalahan, pokok pembahasan, pertanyaan penelitian, tujuan penelitian, manfaat penelitian, ruang lingkup permasalahan, metode penelitian, waktu penelitian, tempat penelitian dan sistematik penulisan.
BAB II TINJAUAN PUSTAKA
BAB III PEMBAHASAN
Pada bab ini berisi hasil dari kegiatan Kerja Praktek yang telah penulis lakukan, pembangunan sistem yang berjalan terdiri dari tinjauan organisasi, uraian prosedur, dekomposisi fungsi, analisis masukan, analisis keluaran, analisis proses, masalah yang di hadapi dan kesimpulan hasil pembangunan.
BAB IV KESIMPULAN DAN SARAN
5
BAB II TINJAUAN PUSTAKA
2.1 Profil Tempat Kerja Praktek
2.1.1 Gambaran Dinas Perhubungan
Mengacu Kepada Peraturan Gubernur Jawa Barat Nomor 40 Tahun 2009 tentang Tugas Pokok. Fungsi, Rincian Tugas dan Tata Kerja Dinas Perhubungan Provinsi Jawa Barat disebutkan dalam Pasal 2 Bab II bahwa tugas pokok dinas dalam hal ini Dinas Perhubungan adalah mempunyai tugas pokok melaksanakan urusan pemerintahan daerah bidang perhubungan berdasarkan asas otonomi, asas dekonsentrasi, dan tugas pembantuan.
Tugas Pokok Dasar hukum organisasi Dinas Perhubungan Propinsi Jawa Barat dibentuk dengan Peraturan Daerah Provinsi Jawa Barat Nomor 21 Tahun 2008 tentang Organisasi dan Tata Kerja Dinas Daerah Provinsi Jawa Barat (Lembaran Daerah Tahun 2008 Nomor 20 Seri D, Tambahan Lembaran Daerah Nomor 55) sebagai perubahan tentang Dinas Daerah. Berdasarkan Peraturan Gubernur Provinsi Jawa Barat Nomor : 40 Tahun 2008 tentang Tugas Pokok, Fungsi , Rincian Tugas Unit dan Tata Kerja Dinas Perhubungan Provinsi Jawa Barat adalah melaksanakan urusan pemerintahan daerah berdasarkan azas otonomi dan tugas pembantuan urusan bidang perhubungan.
2.1.2 Visi & Misi
2.1.2.1 Visi
Mewujudkan Jakarta Baru melalui penyediaan layanan transportasi yang handal,
modern, dan berdaya saing internasional, dengan angkutan publik sebagai layanan
6
2.1.2.2 Misi
1. Mewujudkan layanan transportasi yang selamat, lancar, aman, nyaman, dan
terintegrasi;
2. .Mewujudkan layanan transportasi yang informatif berbasis teknologi informasi dan
komunikasi
3. Mewujudkan transportasi ramah lingkungan dan menunjang aksesibilitas bagi
penyandang disabilitas
4. Mewujudkan biaya transportasi yang terjangkau bagi masyarakat
2.1.3 Logo Instansi
Logo Dinas Perhubungan
Gambar 2.1-1. Logo Perusahaan
Keterangan :
Logo Departemen Perhubungan adalah suatu bentuk simbolis yang
menggambarkan keluarga besar Perhubungan. Logo terdiri dari bentuk lingkaran mempunyai unsur-unsur roda bergigi, jangkar, burung Garuda, dan bulatan bumi.
1. Roda bergigi berarti matra Perhubungan Darat
2. Jangkar berarti matra Perhubungan Laut
3. Burung Garuda berarti matra Perhubungan Udara
7
5. Warna logo terdiri dari warna biru langit (cerulean blue) berarti
6. kedamaian dan kuning berarti keagungan.
2.1.4 Arti Lambang Instansi
Lambang Departemen Perhubungan adalah gambar atau tanda sebagai pengikat
batin dan kesatuan jiwa seluruh aparatur serta merupakan pengejawantahan keluhuran
missi DEPHUB dalam keikutsertaan mewujudkan cita-cita bangsa dan negara.
Lambang terdiri dari bentuk lingkaran dan pita bertuliskan Departemen
Perhubungan Republik Indonesia yang menggambarkan satu kesatuan, kekompakan dan
keterpaduan dalam melaksanakan tugas yang diemban Departemen Perhubungan untuk
mencapai cita-cita Bangsa dan Negara.
A. Unsur Lambang Instasi
1. Sayap tujuh helai disebelah kiri dan tujuh helai di sebelah kanan.
2. Jangkar yang menyatu dengan sayap dan ekor.
3. Bola dunia warna biru dengan garis-garis warna emas yang menyatu dengan
4. roda gigi sebanyak 12 buah warna emas dan 12 buah warna biru.
5. Ekor warna emas lima helai.
6. Padi 45 butir dan kapas 17 buah seluruhnya berwarna emas yang tangkainya
7. diikat dengan pita warna emas berbentuk angka delapan.
8. Seloka "Wahana Manghayu Warga Pertiwi" diletakkan di dalam jangkar warna
biru.
9. Pita warna emas dan biru diletakkan dibawah lingkaran warna mas dengan
8
B. Arti Unsur Pada Lambang Instansi
1. Burung merupakan simbolis sarana tercepat untuk mencapai sasaran dan
jangkauan perhubungan juga melambangkan Perhubungan Udara.
2. Jangkar merupakan sarana kokoh dan kuat menggambarkan missi perhubungan
dapat menjangkau Kepulauan Nusantara maupun seluruh dunia dengan tabah
dan tenang sekaligus melambangkan Perhubungan Laut.
3. Bola dunia menggambarkan tugas dan fungsi Perhubungan melayani jasa
4. Perhubungan ke seluruh penjuru dunia.
5. Padi dan kapas berarti sandang dan pangan yang merupakan cita-cita Bangsa
Indonesia yaitu masyarakat adil dan makmur.
6. Roda bergigi 24 terdiri dari 12 warna emas dan 12 warna biru perlambang
aparatur perhubungan menjalankan tugas selama 24 jam terus menerus sekaligus
melambangkan Perhubungan Darat.
7. Lingkaran luar warna emas perlambang keseluruhan aparatur Departemen
berfungsi dalam kesatuan sistem Perhubungan Nasional.
8. Pita pengikat padi dan kapas melambangkan keadilan dan kemakmuran dua hal
yang tidak dapat dipisahkan satu sama lain.
C. Makna Unsur Pada Lambang Instansi
1. tujuh helai sayap kiri dan kanan bermaknakan Sapta Prasetya KORPRI.
2. 24 jam gigi roda bermaknakan aparatur perhubungan menjalankan tugasnya
selama 24 jam terus menerus melayani masyarakat.
3. lima helai ekor bernamakan 5 Citra manusia Perhubungan yaitu :
4. Citra untuk mampu memelihara ketertiban dan kebersihan di segala bidang.
5. Mampu membudayakan tepat waktu dalam pemberian jasa Perhubungan.
6. Mampu memberikan kenyamanan dan keamanan kepada masyarakat pengguna
9
8. Peka terhadap keluhan masyarakat namun tetap memancarkan kepribadian
9. 45 butir padi 17 buah kapas yang diikat oleh simpul pita berbentuk angka
bermakna tanggal, bulan dan tahun proklamasi RI yaitu 17-8-1945.
2.1.5 Struktur Organisasi
Berdasarkan Peraturan Daerah Provinsi Jawa Barat Nomor 21 Tahun 2008 tentang Organisasi dan Tata Kerja Dinas Daerah Provinsi Jawa Barat, secarastruktur dalam melakukan tugas pokok dan fungsinya tersebut, Kepala Dinas dibantu oleh :
A. Sekertaris
Membawahkan :
1. Subbagian Perencanaan dan Program;
2. Subbagian Keuangan;
3. Subbagian Kepegawaian dan Umum.
B. Kepala Bidang Transportasi Darat
Membawahkan :
1. Seksi Jaringan dan Simpul Pelayanan Angkutan;
2. Seksi Angkutan Darat;
3. Seksi Rekayasa dan Keselamatan.
C. Kepala Bidang Transportasi Laut dan ASDP
Membawahkan :
1. Seksi Lalu Lintas Angkutan Laut, ASDP dan Kepelabuhan;
2. Seksi Keselamatan Pelayaran dan Perkapalan;
3. Seksi Penjagaan dan Penyelamatan.
4. Seksi Penjagaan dan Penyelamatan.
D. Kepala Bidang Transportasi Udara
Membawahkan :
1. Seksi Angkutan Udara;
2. Seksi Teknik Bandara, Fasilitas Listrik dan Elektronika;
10
E. Kepala Bidang Bina Sistem Operasional Transportasi
Membawahkan :
4. Seksi Angkutan Udara;
5. Seksi Teknik Bandara, Fasilitas Listrik dan Elektronika;
6. Seksi Keselamatan Penerbangan.
2.2 Landasan Teori
Menurut Pressman (2010), perancangan adalah langkah pertama dalam fase
pengembangan rekayasa produk atau sistem. Perancangan itu adalah proses penerapan
berbagai teknik dan prinsip yang bertujuan untuk mendefinisikan sebuah peralatan, satu
proses atau satu sistem secara detail yang membolehkan dilakukan realisasi fisik
(Taylor,1959 dlm Pressman, 2001). Fase ini adalah inti teknis dari proses rekayasa
perangkat lunak. Pada fase ini elemen-elemen dari model analisa dikonversikan.
Dengan menggunakan satu dari sejumlah metode perancangan, fase perancangan akan
menghasilkan perancangan data, perancangan antarmuka, perancangan arsitektur dan
perancangan prosedur.
Banyak langkah yang perlu dilakukan dalam perancangan perangkat lunak.
Langkah-langkah tersebut menggambarkan struktur data, struktur program, karakteristik
antarmuka dan detail prosedur yang merupakan sintesa dari keperluan-keperluan
informasi (Pressman, 2001). Perancangan data adalah langkah pertama dari empat
kegiatan perancangan dalam rekayasa perangkat lunak. Menurut Wasserman (1980),
aktivitas utama dalam perancangan data adalah memilih gambaran logik dari struktur
11
2.2.1 Sistem
Sistem berasal dari bahasa Latin (systēma) dan bahasa Yunani (sustēma) adalah
suatu kesatuan yang terdiri komponen atau elemen yang dihubungkan bersama untuk
memudahkan aliran informasi, materi atau energi. Istilah ini sering dipergunakan untuk
menggambarkan suatu set entitas yang berinteraksi, di mana suatu model matematika
seringkali bisa dibuat. Ada beberapa elemen yang membentuk sebuah sistem, yaitu :
tujuan, masukan, proses, keluaran, batas, mekanisme pengendalian dan umpan
balikserta lingkungan.
2.2.2 Database
Basis data (bahasa Inggris: database), atau sering pula dieja basisdata, adalah
kumpulan informasi yang disimpan di dalam komputer secara sistematik sehingga
dapat diperiksa menggunakan suatu program komputer untuk memperoleh informasi
dari basis data tersebut. Perangkat lunak yang digunakan untuk mengelola dan
memanggil kueri (query) basis data disebut sistem manajemen basis data (database
management system, DBMS). Sistem basis data dipelajari dalam ilmu informasi
2.2.3 Website
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
12
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 situssitus bisnis, situs-situs e-mail gratisan, yang membutuhkan subkripsi
agar kita bisa mengakses situs tersebut.
2.2.4 Perangkat Lunak Pendukung
2.2.4.1PHP
PHP (Personal Home Page) adalah server-side programming yang
popular digunakan untuk membuat web-based application. PHP dikenal
sebagai sebuah bahasa scripting yang menyatu dengan tag-tag HTML yang diekseskusi di server dan digunakan untuk membuat halaman web yang dinamis seperti guestbook, statistic pengunjung, polling, email, danmasih banyak lagi.
Versipertama PHP dibuat oleh Rasmus Lerdorf pada tahun 1994 dari
setumpuk script perl CGI untuk melacak siapa saja yang mengakses
resumenya di web.Versi pertama PHP dirilis pada tahun 1995.Rasmus
kemudian menulis ulang script-script perl tersebut dengan menggunakan
bahasa C guna meningkatkan kecepatannya kemudian menambah fasilitas untuk Form HTML dan dukungan koneksi ke database MySQL. Sejak saat itu lahirlah PHP versi kedua yang dikenal sebagai PHP/FI.PHP versi ketiga dirilis pertengahan tahun 1997.Pada versi ini pembuatannya tidak lagi oleh Rasmus
sendiri, tetapi juga melibatkan programmer lain yang antusias untuk
13
kecepatan yang sangat besar disbanding versi sebelumnya. Dan sampai saat ini PHP telah mencapai versi 5.0.
Adapun keunggulan yang dimiliki oleh bahasa pemrograman PHP adalah sebagai berikut.[4]
a. Life Cycle yang sangat singkat ,sehingga PHP selalu up to date mengikuti perkembangan teknologi internet.
b. Cross Platform, yakni PHP dapat dipakai di hamper semua webserver yang ada di pasaran (terutama Apache dan Microsoft IIS) dan di jalankan pada berbagai system operasi (Linux, Windows, FreeBSD)
c. PHP mendukung koneksi ke banyak database baik yang
gratis maupun komersil, seperti MySQL, mSQL, Oracle, Microsoft SQL Server, Interbase, dan banyak lagi
d. PHP bersifat open source dan gratis.
e. Kemudahan dalam mendapatkan dokumentasi. di Internet,
kita tidak akan sulit untuk mencari baik itu referensi, kode-kode PHP yang sudah jadi dan juga mengajukan pertanyaan pada grup-grup diskusi yang di dalamnya banyak sekali para master PHP.
2.2.4.2 MySQL
Mysql merupakan sebuah software yang berguna sebagai suatu
Database Server yang cukup terkenal.Kepopulerannya seiring dengan penggunaan script PHP untuk web programming. Database server itu sendiri merupakan suatu software yang bertuga suntuk melayani permintaan (request) query dari client.
14
data dan transaksi - transaksi database lainnya.MySQL cepat sekali
berkembang, karena MySQL merupakan suatu software yang Open Source.
2.2.4.3 XAMPP
XAMPPadalah perangkat lunak bebas, yang mendukung banyak sistem operasi, merupakan kompilasi dari beberapa program. Fungsinya adalah sebagai server yang berdiri sendiri (localhost), yang terdiri atas program Apache HTTP Server, MySQL database, dan penerjemahbahasa yang ditulis dengan bahasa pemrograman PHP dan Perl. Nama XAMPP merupakan singkatan dari X (empat sistem operasi apapun), Apache, MySQL PHP dan Perl. Program ini tersedia dalam GNU General Public License dan bebas, merupakan web server yang mudah digunakan yang dapat melayani tampilan halaman web yang dinamis. Untuk mendapatkanya dapat mendownload langsung dari web resminya.
2.2.4.4 Adobe Dreamweaver CS6
15
tanpa pengetahuan coding, dan integrasi dengan Adobe Spry Ajax framework menawarkan akses mudah ke konten yang dibuat secara dinamis dan interface.
2.2.4.5 JQUERY
jQuery adalah sebuah library Javascript yang sangat ringkas dan sederhana
untuk memanipulasi komponen di dokumen HTML, menangani event, animasi, efek
dan memproses interaksi ajax. jQuery dirancang sedemikian rupa supaya membuat
program menggunakan Javascript menjadi relatif sangat mudah. Sesuai slogan
nya, write less, do more. Menulis kode lebih sedikit, tetapi melakukan pekerjaan lebih
banyak.
jQuery ukuran nya cukup kecil, sehingga tidak memperlambat proses loading
halaman web yang kita buat. jQuery juga kompatibel dengan CSS3 dan yang tak kalah
penting adalah jQuery bisa berjalan di semua browser – cross browser.
jQuery diluncurkan pada Januari 2006 oleh John Resig. jQuery adalah library
Javascript yang paling populer saat ini. Karena kecanggihan nya, jQuery dipakai oleh
perusahaan besar seperti Google.Dell, CBS, digg, Netflix, Bank of America, Mozilla,
Drupal, dsb.
jQuery adalah library Javascript yang gratis dan open source. Oleh karena nya
kita bisa menggunakan jQuery dengan bebas untuk keperluan pengembangan website
kita. Tanpa library seperti jQuery, menerapkan Javascript mungkin akan lebih sulit,
terutama untuk pemula yang baru belajar Javascript. Plugin tambahan seperti JQuery UI
(user interface) semakin memudahkan kita mengembangkan website yang cantik dan
interaktif.Selain itu tersedia plugin-plugin lain yang makin memperkaya kemampuan
16
DAFTAR PUSTAKA
References
[1] http://www.bukuharian.com/apa-itu-jquery.html
[2]
http://dishubbojonegoro.blogspot.com/2012/10/logo-dinas-perhubungan.html
13
BAB III
PEMBAHASAN
3.1 Data Kerja Praktek
Mendeskripsikan perangkat lunak yang akan dibangun secara global berdasarkan perspektif produk, fungsi produk, karakteristik pengguna dan batasan-batasan perangkat lunak.
3.1.1 Tugas Kerja Praktek
Selama melaksanakan kerja praktek kami ditugaskan untuk membuat sebuah Aplikasi pendistribusian data yang nantinya akan digunakan sebagai media pengiriman data di Dinas Perhubungan Provinsi Jawabarat. Dikarenakan masalah yang ada di Dinas Perhubungan pada saat itu belum mempunyai aplikasi pendistribusian data
3.2 Analisis Masalah
Masalah yang terjadi adalah ketika pendistribusian data yang masih menggunakan seseorang untuk pengirimannya di rasa kurang efektif dan efisiensinya dalam
pendistribusian data baik dalam segi pengiriman data maupun pengambilannya yang di lakukan secara manual itu perlu di lakukan modernisasi dalam sistem kearsipan
tersebut, pengelolaan kearsipan tersebut akan di rasa efektif apabila di gunakan sistem komputerisasi menjadi jalan alternatif yang akan lebih baik.
Berikut beberapa permasalahan yang ada pada sistem saat ini.
1. Penerimaan data yang sangat lama untuk di terima bila data tersebut
dibutuhkan
2. Penyimpanan data yang kurang rapih
3. Waktu yang dibutuhkan untuk pengiriman dan penerimaan data
14
3.3 Analisis Sistem yang Sedang Berjalan
Berdasarkan hasil wawancara dengan pihak Dinas Perhubungan Barat, prosedur endistribusian data yang sedang berjalan di Dinas Perhubungann Jawa Barat adalah sebagai berikut :
1. Pegawai yang sedang melakukan pendistribusian data sebelumnya, maka
pegawai tersebut melakukannya dengan mengantar data tersebut ke tempat yang di minta.
3.4 Analisis Sistem yang Akan Berjalan
Aplikasi yang akan dibangun disini berbasis web dan bertujuan untuk mempromosikan profil serta menu yang tersedia di perusahaan tersebut. Berikut ini adalah flowmap sistem yang akan berjalan :
15
3.5 Analisis Kebutuhan Non Fungsional
Analisis kebutuhan non fungsional merupakan analisis yang dibutuhkan untuk menentukan spesifikasi kebutuhan sistem. Spesifikasi ini juga meliputi elemen atau komponen-komponen apa saja yang dibutuhkan untuk sistem yang akan dibangun sampai dengan sistem tersebut diimplementasikan. Analisis kebutuhan ini juga menentukan spesifikasi masukan yang diperlukan sistem, keluaran yang akan dihasilkan sistem dan proses yang dibutuhkan untuk mengolah masukan sehingga menghasilkan suatu keluaran yang diinginkan.
3.5.1 Analisis Perangkat Keras (Hardware)
Perangkat keras yang digunakan untuk membangun sistem ini memiliki spesifikasi sebagai berikut :
1. Processor Dual Core @ 2.5 GHz.
2. Hard Disk berkapasitas 250GB.
3. RAM berkapasitas 2GB.
4. DVD Rom.
5. Keyboard dan mouse.
6. Monitor VGA dengan resolusi 1024 x 768 pixel.
7. VGA 64MB.
3.5.2 Analisis Perangkat Lunak (Software)
Perangkat lunak yang digunakan dalam membangun sistem adalah sebagai berikut.
1. Sistem Operasi Windows 7.
2. PHP sebagai bahasa pemrograman.
3. XAMPP sebagai server localhost.
4. Macromedia Dreamweaver 8.
5. MySQL sebagai Database.
16
7. Google Chrome, Mozila Firefox, sebagai browser
8. Jquery sebagai menu content panel yang menampung lebih banyak
informasi.
3.5.3 Analisis Pengguna (User)
Analisis kebutuhan pengguna, bertujuan untuk mengetahui pengguna yang akan berinteraksi dengan sistem. Aplikasi ini dapat diakses oleh para pegawai dan memerlukan proses pendaftaran atau login terlebih dahulu. Administrator disini bertugas untuk mengatur seluruh user dan seluruh data yang masuk kedalam Aplikasi ini.
Pengguna yang akan menggunakan aplikasi yang akan dibangun ini terdiri dari 2 bagian yaitu administrator, dan pegawai dengan asumsi penggawai sudah terbiasa menggunakan sistem operasi windows XP atau 7 adalah sebagai berikut.
a. Administrator
Admin adalah bagian pengguna sistem yang mengelola seluruh data, dengan karakteristik sebagai berikut.
1. Mempunyai kemampuan dasar dibidang komputer.
2. Dapat mengoperasikan sistem operasi Microsoft Windows XP
atau 7.
3. Memiliki pengalaman lebih lama dalam menggunakan komputer.
4. Memiliki latar belakang pendidikan minimal SMA/SMK.
b. Pegawai
Pegawai adalah bagian pengguna sistem yang mengelola data tertentu.
1. Mempunyai kemampuan dasar dibidang komputer.
2. Dapat mengoperasikan sistem operasi Microsoft Windows XP
17
3.6 Analisis Data
Kebutuhan fungsional merupakan tahap perancangan pola aliran informasi yang meliputi perancangan diagram konteks, dan aliran informasi
18
3.6.1 Entity Relationship Diagram (ERD)
Entity Relationship Diagram adalah model entitas-relasi yang berisi kumpulan entitas dan himpunan relasi yang masing-masing dilengkapi dengan atribut-atribut yang mempresentasikan sistem yang terdiri dari hubungan entitas atau merupakan diagram yang mempresentasikan relasi antar rancangan data. Entity Relationship Diagram dari sistem yang diusulkan digambarkan pada Gambar 2.7-1 :
19
3.6.2 Perancangan Basis Data
Perancangan data atau lebih dikenal dengan perancangan basis data yaitu menciptakan atau merancang data yang terhubung dan disimpan secara bersama-sama.Untuk menggambarkannya digunakan skema relasi dan perancangan struktur table.
20
3.6.3 Diagram Konteks
Diagram konteks adalah diagram yang terdiri dari suatu proses dan menggambarkan ruang lingkup suatu sistem.
Gambar 3.6.1 Diagram Konteks
3.6.4 Data Flow Diagram (DFD)
21
3.6.4.1 DFD Level 1.0
22
3.6.4.2 DFD Level 2.1
Gambar 3.6-3. DFD Level 2
3.6.4.3 DFD Level 3.1
23
3.6.4.4 Spesifikasi Proses
No Proses Keterangan
1 No. Proses 1.0
Nama Proses Login
Deskripsi Informasi masuk kedalam sistem
Masukan Data login
Keluaran Info login
Logika Proses
1. Admin dan member menginputkan data login
terlebih dahulu sebelum masuk kedalam sistem
2. End.
2. No. Proses 2.1.1
Nama Proses Registrasi
Deskripsi Registrasi pembuatan akun member
Masukan Data registrasi
Keluaran Info registrasi
Logika Proses
1. Pegawai yang belum mendaftar jika ingin
menggunakan sistem diharuskan melakukan pendaftaran pada menu registrasi sebelum bisa menggunakan sistem lalu menginputkan data registrasi pada form yang disediakan sistem.
3. No. Proses 3.2.1
Nama Proses Data Upload
24
Masukan File upload
Keluaran Info file upload
Logika proses
1. Gerakan kursor pada button upload lalu pilih
25
3.7 Perancangan
Perancangan dimulai setelah tahap analis terhadap sistem telah
dilakukan.Perancangan dapat didefinisikan sebagai penggambaran, perencanaan dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah ke dalam satu kesatuan yang utuh dan berfungsi.
3.7.1.1 Struktur Table
Tabel-tabel yang terdapat dalam basis data yang digunakan dalam pembangunan Aplikasi pendistribusian data di Dinas Perhubungan sebagai berikut :
a. Tabel Access Level
b. Tabel Admin
26
d. Tabel Upload
e. Tabel User
3.7.2 Perancangan Antar Muka
Program merupkana kumpulan dari instruksi-instruksi computer terperinci yang sedang disiapkan oleh computer agar dapat melakukan fungsi yang telah ditentukan. Dalam perancangan antar muka, akan digambarkan mengenai rancangan struktur menu, tampilan input, dan tampilan output sesuai dengan kebutuhan sistem agar program berjalan dengan baik.
3.7.2.1 Struktur Menu
Struktur menu adalah bentuk umum dari rancangan suatu sistem untuk memudahkan pemakai program dalam menjalankan sehingga pemakai program tidak mengalami kesulitan dalam memilih menu yang diinginkan.
27
Gambar 3.7-1. login
Keterangan
Nama Form : Header Ukuran layar : 960 x 600
Font : Calibri / 8
28
b. My Files
Gambar 3.7-3. My Files
Keterangan
Nama Form : Header Ukuran layar : 960 x 600
Font : Calibri / 8
29
c. Form My files
Gambar 3.7-4. Form My files
Keterangan
Nama Form : Header Ukuran layar : 960 x 600
Font : Calibri / 8
30
d. Form Upload
Gambar 3.7-5. Form Upload
Keterangan
Nama Form : Header Ukuran layar : 960 x 600
Font : Calibri / 8
31
e. About us
Gambar 3.7-6. About Us
Keterangan
Nama Form : Header
Ukuran layar : 960 x 600
Font : Calibri / 8
32
f. About Dishub
Gambar 3.7-7. About Dishub
Keterangan
Nama Form : Header Ukuran layar : 960 x 600
Font : Calibri / 8
33
G. Form Registrasi
Gambar 3.7-8. Form Registrasi
Keterangan
Nama Form : Header Ukuran layar : 960 x 600
Font : Calibri / 8
34
Implementasi aplikasi 3.8
3.8.1 Login
35
3.8.2 My Files
36
3.8.3 Form My files
37
3.8.4 Form Upload
38
3.8.5 About Us
39
3.8.7 About Dishub
40
3.8.8 File Registrasi
BAB IV
KESIMPULAN DAN SARAN
4.1Kesimpulan
Kerja praktek yang dilakukan penulis menghasilkan beberapa kesimpulan sebagai berikut:
1. Memudahkan user dalam mengatur atau mengelola Pendistribusian data
2. Dapat melakukan pekerjaan pendistribusian data dengan cepat dan aman
3. Memudahkan user dalam pengiriman data
4.2Saran
Berikut adalah beberapa saran yang dapat penulis sarankan demi tercapainya tujuan dari aplikasi alarm dan notifikasi ini:
1. Aplikasi ini dapat dikembangkan lagi untuk hasil yang lebih optimal dan bisa
disesuaikan dengan kebutuhan user yang lain.
2. Disarankan untuk menambah fitur lain yang dapat mendukung kinerja dari aplikasi alarm dan notifikasi ini.
