Pembuatan Aplikasi Pendistribusian Data di Dinas Perhubungan Jawa Barat

  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 2007-2010 : SMK PAMOR 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 2007-2010 : SMA 12 Bandung

  ii DAFTAR ISI LEMBAR JUDUL LEMBAR PENGESAHAN

  

2.1 Profile Tempat Kerja Praktek .................................................................................................. 6

  2.2.3 Fungsi HTML ................................................................................................................... 12

  2.2.2 Pengertian HTML ............................................................................................................. 12

  2.2.1 Pengertian Website .......................................................................................................... 11

  2.2 Landasa Teori .......................................................................................................................... 11

  2.1.4 Struktur Organisasi ........................................................................................................... 10

  2.1.3 Arti Lambang Instansi ...................................................................................................... 7

  2.1.2 Logo Instansi ..................................................................................................................... 7

  2.1.1 Gambaran Umum Dinas Perhubungan ............................................................................. 6

  

BAB 2 TINJUAN PUSTAKA ............................................................................................................. 6

  

KATA PENGANTAR ......................................................................................................................... i

DAFTAR ISI ......................................................................................................................................... ii

DAFTAR TABEL ................................................................................................................................ v

DAFTAR GAMBAR ........................................................................................................................... vi

DAFTAR LAMPIRAN ......................................................................................................................... viii

  1.7 Waktu dan Tempat .................................................................................................................... 5

  

1.6 Sistematika Penulisan .............................................................................................................. 4

  

1.5 Metode Penelitian .................................................................................................................... 3

  

1.4 Batasan Masalah ...................................................................................................................... 2

  

1.3 Maksud dan Tujuan ................................................................................................................. 2

  

1.2 Rumusan Masalah .................................................................................................................... 2

  

1.1 Latar Belakang ......................................................................................................................... 1

  

BAB 1 PENDAHULUAN ................................................................................................................... 1

  2.2.4 Pengertian URL ................................................................................................................ 12

  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.4.2 Efek Desain ....................................................................................................................... 18

  2.4.3 Animasi ............................................................................................................................. 18

  2.4.4 Web Editor ........................................................................................................................ 19

  2.4.5 Progamming ...................................................................................................................... 20

  2.4.6 Upload .............................................................................................................................. 22

  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

  3.4 Analisis Sistem yang Sedang Berjalan ..................................................................................... 32 iii

  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.7 Data Flow Diagram ................................................................................................................... 36

  3.7.1 Data Flow Diagram (DFD) Level 1 .................................................................................. 37

  3.7.2 Data Flow Diagram (DFD) Level 2 ................................................................................... 37

  3.7.3 Data Flow Diagram (DFD) Level 1 ................................................................................... 38

  3.8 Struktur Tabel ........................................................................................................................... 40

  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

DAFTAR PUSTAKA .......................................................................................................................... 57

iv

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. Terima kasih atas bantuan dan dukungan yang kalian berikan. Semoga Allah SWT membalas semua kebaikan pihak yang membantu penyusun dalam menyelesaikan laporan ini.

  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 Penyusun

DAFTAR PUSTAKA

• Keunggulan Bersaing.

  Antarina, A. (2004). Penerapan Teknologi Informasi di Indonesia dalam Memperoleh

  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.
• Keunggulan Bersaing.

  Zain, S. (2004). Penerapan Teknologi Informasi di Indonesia dalam Memperoleh

  

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

  Berdasarkan latar belakang permasalahan yang di jelaskan di atas maka yang menjadi permasalahannya adalah tidak ada nya sarana media online untuk mempermudah pendistribusian data yang berada di Dinas Perhubungan Provinsi Jawabarat.

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

  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

  1. Mempermudah pendistribusian laporan untuk kebutuhan pengajuan dan pengecekan laporan.

  a.

   Metode Observasi

  Metode observasi merupakan pengaatan dan penelitian secara terhadap obyek yang di teliti di lapangan

  b.

   Metode Wawancara

  Metode wawancaran merupakan proses tanya jawab langsung dan sistematis kepada orang yang mengetahui tentang permasalahan yang sedang diamati untuk menyakinkan hal-hal kegiatan observasi yang telah dilakukan.

  Adapun tujuan dari kerja praktek ini

  Dalam rangka pengumpulan data yang diperlukan dalam penulisan laporan, penulis menggunakan beberapa metode, diantaranya adalah :

  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 Pada bab ini akan dibahas mengenai profil tempat kerja praktek, yang diantaranya

  adalah sejarah instansi, logo instansi, badan hukum instansi, Struktur Organisasi dan Job Description, serta beberapa landasan teori yang disesuaikan dengan kebutuhan penulisan laporan ini.

  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 Pada bab ini berisikan kesimpulan dan saran penulisan laporan Pembangunan Website Pelatihan Passion IT.

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 utama"

  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

  4. Bulatan bumi berarti lingkup pelayanan jasa Perhubungan

  7

5. Warna logo terdiri dari warna biru langit (cerulean blue) berarti 6.

   kedamaian dan kuning berarti keagungan.

2.1.4 Arti Lambang Instansi

  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.

  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.

  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 10.

   tulisan Departemen Perhubungan Republik Indonesia.

  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.

   roda gigi sebanyak 12 buah warna emas dan 12 buah warna biru.

  8 B. Arti Unsur Pada Lambang Instansi 1.

   tujuh helai sayap kiri dan kanan bermaknakan Sapta Prasetya KORPRI.

  6. Mampu memberikan kenyamanan dan keamanan kepada masyarakat pengguna 7.

  5. Mampu membudayakan tepat waktu dalam pemberian jasa Perhubungan.

   lima helai ekor bernamakan 5 Citra manusia Perhubungan yaitu : 4. Citra untuk mampu memelihara ketertiban dan kebersihan di segala bidang.

  3.

  

24 jam gigi roda bermaknakan aparatur perhubungan menjalankan tugasnya

selama 24 jam terus menerus melayani masyarakat.

  2.

  C. Makna Unsur Pada Lambang Instansi 1.

   Burung merupakan simbolis sarana tercepat untuk mencapai sasaran dan jangkauan perhubungan juga melambangkan Perhubungan Udara.

  8. Pita pengikat padi dan kapas melambangkan keadilan dan kemakmuran dua hal yang tidak dapat dipisahkan satu sama lain.

  7. Lingkaran luar warna emas perlambang keseluruhan aparatur Departemen berfungsi dalam kesatuan sistem Perhubungan Nasional.

  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.

  5. Padi dan kapas berarti sandang dan pangan yang merupakan cita-cita Bangsa Indonesia yaitu masyarakat adil dan makmur.

   Perhubungan ke seluruh penjuru dunia.

  3. Bola dunia menggambarkan tugas dan fungsi Perhubungan melayani jasa 4.

  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.

   Mampu bertindak gesit tidak berlaku lamban.

  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; 3. Seksi Keselamatan Penerbangan.

  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 data yang dikenali selama fase spesifikasi dan pendefinisian keperluan

  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 jaringan informasi yang sangat besar.Halaman-halaman dari website akan bisa diakses

  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.1 PHP

  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 mengembangkan PHP.PHP versi 4.0 dirilis bulan oktober 2000. Perubahan mendasar pada PHP 4.0 adalah integrasi Zend Scripting Engine yang dibuat oleh Andi Gutmans dan Zeev Suraski yang manghasilkan banyak peningkatan

  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.

  MySQL sebagai suatu database server mempunyai beberapa kemampuan, salah satunya harus menyediakan suatu system manajemen database yang dapat mengatur bagaimana menyimpan, menambah, mengakses

  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

  Adobe Dreamweaver CS6 adalah aplikasi desain dan pengembangan web yang menyediakan editor WYSIWYG visual (bahasa sehari-hari yang disebut sebagai Design view) dan kode editor dengan fitur standar seperti syntax highlighting, code completion, dan code collapsing serta fitur lebih canggih seperti real-time syntax checking dan code introspection untuk menghasilkan petunjuk kode untuk membantu pengguna dalam menulis kode. Tata letak tampilan Design memfasilitasi desain cepat dan pembuatan kode seperti memungkinkan pengguna dengan cepat membuat tata letak dan manipulasi elemen HTML.Dreamweaver memiliki fitur browser yang terintegrasi untuk melihat halaman web yang dikembangkan di jendela pratinjau program sendiri agar konten memungkinkan untuk terbuka di web browser yang telah terinstall. Aplikasi ini menyediakan transfer dan fitur sinkronisasi, kemampuan untuk mencari dan mengganti baris teks atau kode untuk mencari kata atau kalimat biasa di seluruh situs, dan templating feature yang memungkinkan untuk berbagi satu sumber kode atau memperbarui tata letak di seluruh situs tanpa server side includes atau scripting. Behavior Panel juga memungkinkan penggunaan JavaScript dasar

  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 jQuery.

  16

  DAFTAR PUSTAKA References

  [1] http://www.bukuharian.com/apa-itu-jquery.html [2]

  

  [3]

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

  sangat memakan waktu yang banyak

  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 : _{Start Username dan Password Validasi} Login _{Username Password Salah dan Halaman Valid YA} TIDAK _{Download Upload/} Utama Database

  Logout _{Tidak SELESAI} YA Gambar 3.4-1. Flowmap

  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.

  6. SQLYog sebagai interface 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 atau 7.

  17

3.6 Analisis Data

  Kebutuhan fungsional merupakan tahap perancangan pola aliran informasi yang meliputi perancangan diagram konteks, dan aliran informasi yang di representasikan dengan menggunakan data flow diagram (DFD).

  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 :

  Gambar 3.6-1. Entity Relationship Diagram (ERD

  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.

3.6.2.1 Skema Relasi

  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)

Data Flow Diagram (DFD) merupakan diagram yang mengunakan

  notasi-notasi atau symbol-simbol untuk menggambarkan sistem jaringan kerja antara fungsi-fungsi yang berhubungan satu sama lain dengan aliran dan penyimpanan data.

  21

3.6.4.1 DFD Level 1.0

  Gambar 3.6-2. 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 Gambar 3.6-4. DFD Level 3.1

  23