Perancangan Interface Administrator Pada Aplikasi Website Dinas Pariwisata Dan Kebudayaan Kota Bandung Di Badan Komunikasi Dan Informatika Kota Bandung

KEBUDAYAAN KOTA BANDUNG

MENGGUNAKAN PHP DI BADAN KOMUNIKASI DAN

INFORMATIKA KOTA BANDUNG

KERJA PRAKTEK

Diajukan untuk Memenuhi Tugas Mata Kuliah Kerja Praktek Program Strata Satu Jurusan Teknik Informatika

Fakultas Teknik dan Ilmu Komputer Universitas Komputer Indonesia

DENI KARYADI

10106062

JURUSAN TEKNIK INFORMATIKA

FAKULTAS TEKNIK DAN ILMU KOMPUTER

UNIVERSITAS KOMPUTER INDONESIA

BANDUNG

LEMBAR PENGESAHAN

PERANCANGAN INTERFACE ADMINISTRATOR

PADA

APLIKASI WEBSITE DINAS PARIWISATA DAN

KEBUDAYAAN KOTA BANDUNG

MENGGUNAKAN PHP DI BADAN KOMUNIKASI DAN

INFORMATIKA KOTA BANDUNG

DENI KARYADI

10106062

Pembimbing Kerja Praktek I Pembimbing Kerja Praktek II

Endang Suryadi, S.IP Linda Salma.A, S.SI.,M.T.

NIP. 19570930 198101 1 003 NIP. 41277006004

Mengetahui,

Ketua Jurusan Teknik Informatika

Mira Kania Sabariah, S.T.,M.T. NIP. 41277006008

i

Rahmat-Nya kami saya menyelesaikan laporan kerja praktek ini. laporan kerja praktek ini saya susun untuk memenuhi persyaratan kelulusan Mata kuliah Kerja Praktek pada jurusan Teknik Informatika, Fakultas Teknik Dan Ilmu Komputer, Universitas Komputer Indonesia .

Dalam laporan kerja praktek ini dibahas Perancangan Interface Administrator Aplikasi Website Dinas Pariwisata Dan Kebudayaan Kota Bandung pada Badan Komunikasi Dan Informatika Kota Bandung. Pada kesempatan ini saya ingin mengucapkan terima kasih kepada :

1. Allah SWT yang telah mencurahkan rahmat dan hidayah -Nya.

2. Orang Tua tercinta yang memberikan do’a, motivasi dan dukungan moral maupun material sehingga dapat tersele sainya tugas Laporan Kerja Praktek ini.

3. Adik-adikku dan seseorang disana yang tercinta yang telah memberikan dukungan, dan dorongan dan selalu setia menyemangatiku.

4. Ibu Mira Kania Sabariah sebagai ketua jurusan teknik informatika, Universitas Komputer Ind onesia (UNIKOM) Bandung.

5. Bapak Endang Suryadi sebagai pembimbing pada Badan Komunikasi dan Informatika Kota Bandung yang selama ini telah sudi membimbing demi kelancaran kerja praktek saya.

6. Ibu Linda Salma.A, S.SI.,M.T., sebagai dosen pembimbing yang telah meluangkan banyak waktu dan memberikan kami pengetahuan baru.

ii

7. Teman-teman seperjuangan khususnya kelas IF -2 yang selama ini bersama dalam suka dan duka.

8. Dan pihak-pihak yang tidak sempat kami sebutkan karena kehabisan kertas buat bimbingan , hehe

Saya hanya manusia biasa yang mempunyai banyak kekurangan, begitupun pada apa yang saya sajikan baik dari aplikasi yang saya buat maupun dari laporannya masih terdapat banyak sekali kekurangan. Oleh karena itu, saya siap menerima saran dan kritikannya demi perbaik an di masa yang akan datang.

Akhirnya, saya berharap apa yang telah saya sajikan pada laporan ini mudah-mudahan dapat bermanfaat khususnya bagi saya sendiri dan umumnya bagi yang telah sudi membaca laporan kerja praktek ini.

Hormat saya, Bandung, Januari 2010

iii LEMBAR PENGESAHAN

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

DAFTAR ISI ... ... ... iii

DAFTAR TABEL ... ... ... vii

DAFTAR GAMBAR... ... ... viii

DAFTAR SIMBOL ... ... ... xiv

DAFTAR LAMPIRAN ... ... ... xvi

BAB I PENDAHULUAN 1.1 Latar Belakang Masalah ... .... 1

1.2 Perumusan Masalah ... ... 2

1.3 Maksud dan Tujuan 1.3.1 Maksud ... 2

1.3.2 Tujuan ... 3

1.4 Batasan Masalah ... 3

1.5 Metodologi Penelitian ... ... 4

1.5.1 Teknik Pengumpulan Data ... 4

1.5.2 Teknik Pengembangan Perangkat Lunak ... 5

iv BAB II TINJAUAN PUSTAKA

2.1 Profil Bakominfo Kota Bandung ... 9

2.1.1 Sejarah Singkat Bakominfo Kota B andung ... 10

2.1.2 Logo Bakominfo Kota Bandung ... 10

2.1.3 Bentuk dan Badan Hukum Bakominfo ... 11

2.1.4 Tempat dan Kedudukan Bakominfo ... 11

2.1.5 Struktur Organisasi Bakominfo ... 12

2.1.6 Tugas Pokok dan Fungsi Unit K erja ... 13

2.2 Landasan Teori ... ... 14

2.2.1 Pengenalan Halaman Web ... ... 14

2.2.1.1 Web Browser... 14

2.2.1.2 Web Server... 14

2.2.2 Bahasa Pemograman Php ... 15

2.2.3 Database MySQL ... 17

2.2.4 Macromedia Dreamweaver ... 19

BAB III ANALISIS DAN PERANCANGAN SISTEM 3.1 Analisis Sistem ... 20

3.1.1 Analisis Masalah ... ... 20

3.1.2 Analisis Prosedur Yang Berjalan ... 22

3.1.3 Analisis Kebutuhan Non Fungsional ... 22

3.1.4 Analisis Perangkat Keras... 23

3.1.5 Analisis Perangkat Lunak ... 23

v

3.1.7.1 Diagram Konteks... 26

3.1.7.2 Data Flow Diagram (DFD) ... 28

3.1.7.2.1 DFD Level 0 ... 28

3.1.7.2.2 DFD Level 1 Proses 1.0 Login ... 29

3.1.7.2.3 DFD Level 1 Proses 2.0 Pengol ahan Data User ... 29

3.1.7.2.4 DFD Level 1 Proses 2.0 Pengolahan Data Modul ... 30

3.1.7.2.5 DFD Level 1 Proses 2.0 Pengolahan Data Modul Pengunjung ... 30

3.1.7.2.6 DFD Level 2 Proses 2.1 Pengolahan Data User Admin ... ... 31

3.1.7.2.7 DFD Level 2 Proses 3.1 Pengolahan Data Modul User ... .... 32

3.1.7.2.8 DFD Level 2 Proses 3.2 Pengolahan Data Modul Admin ... .... 33

3.1.7.3 Kamus Data... .... 33

3.2 Perancangan Sistem ... 36

3.2.1 Perancangan Data ... 36

3.2.2 Entity Relation Diagram (ERD) ... 36

3.2.3 Skema Relasi... ... 37

3.2.4 Struktur Menu ... 38

3.2.5 Perancangan Antar Muka ... 39

vi

3.2.5.2 Perancangan Pesan ... 67

3.2.5.3 Jaringan Semantik ... 67

3.2.6 Perancangan Prosedural... 72

3.3 Implementasi Sistem ... ... 73

3.3.1 Perangkat Lunak Pembangun ... ... 73

3.3.2 Perangkat Keras Pembangun ... 73

3.3.3 Implementasi Pengguna ... 74

3.3.4 Implementasi Antarmuka ... 74

BAB IV KESIMPULAN DAN SARAN 4.1 Kesimpulan ... 84

4.2 Saran ... 85

1 1.1 Latar Belakang Masalah

Badan Komunikasi dan Informatika Kota Bandung adalah salah satu

Lembaga yang merupakan penggabungan Satuan Kerja Pemerintahan Daerah

(SKPD) dan Kantor pemerintahan Kota Bandung yaitu Dinas Komunikasi dan

Informatika dengan Kantor Pengolahan Data Elektronik (KPDE) yang

melaksanakan tugas operasional bidang Komunikasi dan Informasi yang meliputi hubungan masyarakat, pemberdayaan potensi Informasi, media Informasi, serta promosi dan informasi. Setiap orang yang datang k e kantor tersebut akan mendapatkan layanan fasilitas berupa layanan internet atau hotspot.

Dalam melaksanakan tugas operasional di bidang komunik asi dan informasi, Bakominfo hanya mengandalkan informasinya lewat sebuah website. Website tersebut berisi semua informasi mengenai Kota Bandung tentang Kependudukan, Kepariwisataan, Kebudayaan, Tata Kerja Pemerintahan Kota Bandung serta berisi informasi teraktual dan promosi mengenai Pemerintahan Kota Bandung. Namun pada informasi mengenai Kepariwisataan dan Keb udayaan dalam menampilkan informasinya masih menggunakan sistem yang manual yaitu proses memasukan data dilakukan dengan cara mengubah langsung script atau coding melalui komputer berupa menginstal software yang berhubungan dengan website seperti macromedia dreamweaver atau MS.frontpage sehingga proses tersebut membutuhkan waktu yang relatif lama.

2

Berdasarkan kasus diatas, solusi yang diusulkan untuk mengatasi masalah

yang ada saat ini adalah membantu dengan membuat suatu aplikasi website

mengenai Dinas Pariwisata dan Kebudayaan dengan judul laporan ”Perancangan Interface Administrator Pada Aplikasi Website Dinas Pariwisata dan Kebudayaan Kota Bandung Menggunakan PHP di Badan Komunikasi dan Informatika Kota Bandung ”.

1.2 Perumusan Masalah

Dari latar belakang yang ada maka dapat dirumuskan masalah yaitu bagaimana membangun aplikasi website Dinas Pariwisata dan Kebudayaan Kota Bandung menggunakan php di Badan Komunikasi dan Informatika Kota Bandung.

1.3 Maksud dan Tujuan 1.3.1 Maksud

Maksud dari dari pembuatan lapora n kerja praktek ini adalah sebagai

berikut :

1. Untuk menghasilkan suatu aplikasi website yang berisi informasi

-informasi mengenai Pariwisata dan Kebudayan Kota Bandung .

2. Untuk mengolah data informasi secara akurat, efektif, efisien, dan up to

date dengan cara menerapkan ilmu yang didapat pada saat perkuliahan di

1.3.2 Tujuan

Tujuan dari pembuatan laporan kerja praktek ini adalah sebagai berikut:

1. Memudahkan user untuk mendapatkan informasi mengenai pariwisata dan kebudayaan yang ada di Kota Bandung.

2. Memberikan kemudahan bagi admin untuk mengolah data informasi mengenai pariwisata dan kebudayaan yang ada di Kota Bandung.

3. Menambah pengetahuan dan pengalaman di bidang Teknik Informatika dalam penerapannya di lapangan.

4. Mempersiapkan dan mengkondisikan diri sebagai seorang pekerja yang nantinya diharapkan bisa melaksanakan tugas dengan baik apabila telah terjun di dunia kerja.

5. Mencoba mengukur seberapa jauh kemampuan penulis dalam membuat program aplikasi sesuai dengan perkuliahan yang telah ditempuh.

6. Memenuhi salah satu tugas mata kuliah kerja praktek semester tujuh Teknik Informatika di Universitas Komputer Indonesia.

1.4 Batasan Masalah

Batasan masalah yang ada terbagi menjadi beberapa hal yaitu :

1. Aplikasi Website Dinas Pariwisata dan Keb udayaan Kota Bandung adalah suatu aplikasi website dimana hanya menampilkan informasi -informasi mengenai sarana pariwisata, objek wisata, perjalanan wisata, dan wisata seni budaya saja serta informasi lainnya. Aplikasi website ini hanya dikelola oleh Badan Komunikasi dan Informatika Kota Bandung saja. 2. Aplikasi yang dibangun berbasis web.

4

3. Software pembangun aplikasi adalah Macromedia Dreamweaver 8dengan database menggunakanWamp Server atau Mysql.

4. Sistem operasi yang digunakan untuk menjalankan aplikasi i ni adalah sistem operasi yang berbasis Windows.

5. Dari hak akses pengguna aplikasi dibatasi menjadi dua bagian yaitu admin dan user.

1.5 Metodologi Penelitian

Metodologi adalah kesatuan metode -metode, prosedur-prosedur, konsep-konsep pekerjaan, aturan-aturan dan postulat-postulat yang digunakan oleh suatu ilmu pengetahuan, seni atau disiplin yang lainnya. Sedangkan metode adalah suatu cara, teknik yang sistematik untuk mengerjakan sesuatu .

Metode yang digunakan pada penelitian ini adalah metode deskriptif yaitu dengan cara mengumpulkan data, menganalisa data, membuat suatu pemecahan masalah dan kemudian disusun untuk ditarik kesimpulan mengenai masalah tersebut. Ada dua teknik yang dilakukan di dalam metodologi penelitian yaitu teknik pengumpulan data dan teknik pengembangan perangkat lunak.

1.5.1 Teknik Pengumpulan Data

Teknik pengumpulan data dapat di peroleh secara langsung dari objek penelitian dan referensi-referensi yang telah diperoleh . Cara-cara yang mendukung untuk mendapatkan data adalah sebagai berikut:

1. Studi lapangan, yang terdiri dari :

mengadakan penelitian langsung ke Badan Komunikasi dan Informatika Kota Bandung. Studi lapangan ini dilakukan d engan 2 cara, yaitu:

a. Observasi, yaitu mengamati secara langsung proses kerja yang dilaksanakan di Badan Komunikasi dan Informatika untuk memperoleh gambaran yang jelas mengenai objek yang diteliti.

b. Wawancara, yaitu melakukan dialog secara langsung dengan p ihak yang berwenang di Badan Komunikasi dan Informatika dalam memberikan keterangan terhadap data yang dibutuhkan.

2. Studi literatur yang dilakukan dengan mencari data atau teori yang berhubungan dengan permasalahan yang sedang dihadapi baik melalui buku-buku ataupun dari internet.

1.5.2 Teknik Pengembangan Perangkat Lunak

Teknik pengembangan sistem menggunakan metode Incremental yang sudah dikembangkan dari model Waterfall, karena metode Incremental ini terdiri dari tahap-tahap yang memberikan kemudahan, jika pada satu tahap tidak sesuai atau mengalami kesalahan maka dapat kembali ke tahap sebelumnya.

Tahapan-tahapan yang terdapat dalam model Waterfall (Gambar 1.1) sebagai berikut:

1. Analisis dan definisi persyaratan.

Pelayanan, batasan, dan tujuan sistem ditentukan melalui konsultasi dengan user sistem. Persyaratan ini kemudian dedefinisikan secara

6

2. Perancangan sistem dan perangkat lunak.

Proses perancangan sistem membagi persyaratan dalam sistem perangkat keras atau perangkat lunak. Kegiatan ini menentukan arsitektur sistem secara keseluruhan. Perancangan perangkat lunak melibatkan identifikasi dan deskripsi abstraksi sistem perangkat lunak yang mendasar dan hubungannya.

3. Implementasi dan pengujian unit.

Pada tahap ini, perancangan perangkat lunak direalisasikan sebagai serangkaian program atau unit program. Pengujian unit melibatkan verifikasi bahwa setiap unit telah memenuhi spesifikasinya.

4. Integrasi dan pengujian sistem.

Unit program atau program individual diintegrasikan dan diuji sebagai sistem yang lengkap untuk menjamin bahwa persyaratan sistem telah dipenuhi.

5. Operasi dan pemeliharaan.

Pemeliharaan mencakup koreksi dari berbagai erroryang tidak ditemukan pada tahap-tahap terdahulu, perbaikan atas implementasi unit sistem dan pengembangan pelayanan sistem, sementara persyaratan -persyaratan baru ditambahkan.

Gambar 1.1 berikut ini menunjukan gambaran tahapan yang ada pada metodeWaterfall.

Gambar 1.1 Model Waterfall

1.6 Sistematika Penulisan

Untuk mengetahui gambaran mengenai penulisan laporan kerja praktek ini, maka berikut ini akan dijelaskan sedikit mengenai sistematika penulisan laporan ini :

BAB I PENDAHULUAN

Pada bab ini berisi latar belakang masalah, identifikasi masalah, maksud dan tujuan penelitian, batasan masalah, metodologi penelitian, dan sistematika penulisan laporan penelitian.

BAB II TINJAUAN PUSTAKA

Bab ini berisi tinjauan perusahaan yang berisi sejarah, visi dan misi perusahaan, tempat dan kedudukan serta divisi/bidang pekerjaan perusahaan. Selain itu ada landasan teori yang berisi keterkaiatan sistem informasi, basis data serta teori mengenai perangkat lunak yang akan digunakan untuk pembuatan aplikasi .

8

BAB III ANALISIS DAN PERANCANGAN SIS TEM

Bab ini menguraikan tentang analisis dan perancangan sistem, membahas mengenai analisis masalah, analisis prosedur yang digambarkan dengan tools Flow Map, analisis basis data yang digambarkan dengan ERD, analisis kebutuhan non fungsional (perangkat lun ak, perangkat keras, pengguna (user) dan jaringan), analisis kebutuhan fungsional yang menggambarkan alur sistem dengan menggunakan tools Data Flow Diagram(DFD) dan membahas mengenai perancangan data, perancangan menu, perancangan antarmuka dan perancanga n prosedural.

BAB IV KESIMPULAN & SARAN

Bab ini berisi kesimpulan dalam pengembangan sistem informasi dan saran untuk pengembangan sistem selanjutnya yang ditujukan kepada pihak Badan Komunikasi dan Informatika Kota Bandung .

9 2.1 Profil Bakominfo Kota Bandung

2.1.1 Sejarah Singkat Bakominfo Kota Bandung

BAKOMINFO ( Badan Komunikasi dan Informatika ) Kota Bandung merupakan Lembaga Teknis Daerah dibentuk berdasarkan Peraturan Daerah Kota Bandung Nomor 13 Tahun 2007, Tanggal 4 Desember 2007 serta merupakan penggabungan Satuan Kerja Pemerintah Daerah (SKPD) Dinas dan Kantor di lingkungan Pemerintah Kota Bandung yaitu Dinas Informasi dan Komunikasi dengan Kantor Pengolahan Data Elektronik (KPDE). Dengan demikian Bakominfo berdiri sejak diberlakukannya PERDA Nomor 13 Tahun 2007 tentang Pembentukan dan Susunan Organisasi Dinas Daerah Kota Bandung .

BAKOMINFO mempunyai visi dan misi sebagai berikut : 1) Visi

Terwujudnya Teknologi Informasi dan Komunikasi dalam penyelenggaraan Pemerintah Daerah untuk mendukung Kota Bandung sebagai Kota Jasa yang Bermartabat.

2) Misi

a) Meningkatkan kemitraan, pengembangan, pemberdayaan dan pendayagunaan prasarana dan sarana komunikasi dan informatika; b) Meningkatkan kapasitas layanan informasi dan pemberdayaan

potensi masyarakat dalam rangka mewujudkan masyarakat berbudaya teknologi informasi;

10

c) Meningkatkan aplikasi layanan publik dan aplikasi telematika dalam rangka meningkatkan nilai tambah layanan;

d) Meningkatkan kerjasama dan kemitraan serta pembe rdayaan Lembaga Komunikasi dan Informatika Pemerintah dan Masyarakat; e) Mendorong peranan media massa dalam rangka meningkatkan

informasi yang beretika dan bertanggung jawab;

f) Meningkatkan kapasitas Sumber Daya Manusia (SDM) bidang Komunikasi dan Informatika dalam rangka meningkatkan profesionalisme.

2.1.2 Logo Bakominfo

Logo Bakominfo mengambil dari Lambang Kota Bandung ditetapkan dengan Peraturan Daerah Kota besar Bandung tahun 1953, tertanggal 8 Juni 1953, yang diijinkan dengan Keputusan Presiden tertanggal 28 ap ril 1953 No. 104 dan diundangkan dalam Berita Propinsi Jawa Barat tertanggal 28 Ag ustus 1954 No. 4 lampiran No. 6.

gambar 2.1 Logo Bakominfo

 Bagian atas latar KUNING (EMAS) dengan lukisan sebuah GUNUNG berwaarna HIJAU yang bertumpu pada blok -lintang.

 Bagian bawah latar PUTIH (PERAK) dengan lukisan empat bidang jalur mendatar berombak yang berwarna BIRU.

Di bawah perisai itu terlukis sehelai PITA berwarna KUNING (EMAS) yang melambai pada kedua ujungnya, Pada pita itu tertulis dengan huruf -huruf besar latin berwarna HITAM amsal dalam bahasa KAWI, yang berbunyi GEMAH RIPAH WIBAWA MUKTI.

Sebagai tokoh lambang itu diambil bentuk perisai atau tameng, yang dikenal kebudayaan dan peradaban sebagai senjata dalam perjuangan untuk mencapai sesuatu tujuandengan melind ungi diri. Perkakas perjuangan yang demikian itu dijadikan lambang yang mempunyai arti menahan segala mara bahaya dan kesukaran.

 KUNING (EMAS), berarti : kesejahteraan, keluhungan.  HITAM (SABEL), berarti : kokoh, tegak, kuat.

 HIJAU (SINOPEL), berarti : kemakmuran sejuk  PUTIH (PERAK), berarti : kesucian

 BIRU (AZUUR), berarti : kesetiaan

 Gemah ripah wibawa mukti, berarti : tanah subur rakyat makmur 2.1.3 Bentuk dan Badan Hukum Bakominfo

Bentuk dan badan hukum Badan Komunikasi dan Informa tika (BAKOMINFO) adalah Pemerintahan.

2.1.4 Tempat dan Kedudukan Bakominfo

Tempat dan kedudukan Badan Komunikasi dan Informa tika (BAKOMINFO) di Jalan. Wastukancana No. 2 Bandung .

12

2.1.5 Struktur Organisasi Bakominfo

Dibawah ini merupakan Badan Komunikasi dan Informatika (BAKOMINFO) dalam bentuk gambar :

2.1.6 Tugas Pokok dan Fungsi Unit kerja

Berdasarkan PERDA Nomor 13 Tahun 2007 tentang Pembentukan dan Susunan Organisasi Dinas Daerah Kota Bandung , Bakominfo memilki tugas pokok dan beberapa rincian fungsi un it kerja seperti berikut:

1. Tugas Pokok

Melaksanakan sebagian kewenangan Walikota dalam penyusunan dan pelaksanaan kebijakan daerah di bidang komunikasi dan informatika.

2. Fungsi Unit Kerja

a) Merumuskan kebijakan teknis dibidang Komunikasi dan Informasi. b) Melaksanakan tugas operasional bidang Komunikasi dan Informasi yang meliputi hubungan masyarakat, pemberdayaan potensi Informasi, media Informasi, serta promosi dan informasi .

c) Melaksanakan pelayanan teknis administrasi meliputi : administrasi umum dan kepegawai an, administrasi perencanaan dan evaluasi pelaporan serta administrasi keuangan dinas.

14

2.2 Landasan Teori

2.2.1 Pengenalan Halaman Web

Halaman web tersusun atas satu atau beberapa komponen baik dokumen web itu sendiri ataupun komponen penyerta lain. Kompone n-komponen tersebut biasanya dapat langsung ditampilkan oleh browser (client),tetapi terkadang harus menggunakan program pembantu atau aplikasi tambahan lain (plug-In).

2.2.1.1 Web Browser

Web browser adalah perangkat lunak (software) di sisi klien yang digunakan untuk mengakses informasi web, memformat teks dan menempatkan grafik pada layer. Ada beberapa jenis web browser yang dipakai sebagai sumber tampilan antara lain : Internet Explorer, Netscape Navigator, Mozila, Opera, dan sebagainya.

Prinsip kerja pengakse san sebuah halaman web yang berbasisi HTML adalah sebagai berikut :

a. Browser meminta sebuah halaman kesuatu situs web melalui protokol http. b. Web server meminta permintaan.

c. Web server segera mengirimkan dkumen HTML yang diminta ke klien. d. Browser pada klien a kan membaca dan mengartikan dokumen yang

diterima berdasarkan kode -kode pemformatan yang erdapat pada dokumen HTML, lalu menampilkan dalam versinya masing -masing.

2.2.1.2 Web Server

Web server adalah server yang melayani permintaan klien terdapat halaman web seperti apache, IIS (Internet Information Server) dan berkomunikasi

dengan Middleware untuk menterjemahkan kode -kode tertentu, menjalankan kode-kode tersebut dan memungkinkan berinteraksi degan basis data, PHP atau ASP.

Adapun arsitektur aplikasi server adalah sebagai berikut : a. Browser atau klien berinteraksi dengan web server.

b. Secara internal web server berinteraksi dengan middleware. c. Middleware yang berhubungan dengan database.

Adapun teknologi yang berjalan di server antara lain : CGI (Common Gateway Interface), ASP (Aktive Server Page), JSP (Java Server Page) dan PHP.

2.2.2 Bahasa Pemrograman PHP

PHP (Personal Home Page Tools) adalah sebuah bahasa scripting yang dibundel dengan TML, yang berjalan disisi server. Sebagian besar perintahnya berasal dari bahasa C, Java dan Perl dengan beberapa tambahan fungsi khusus PHP. Bahasa ini memungkinkan para pembuat aplikasi web yang menyajikan HTML yang dinamis dan interaktif dengan cepat dan mudah, yang di hasilkan server. PHP bisa berinteraksi dengan hampir semua teknologi w eb yang sudah ada. Developer bias menulis sebuah program PHP yang mengeksekusi suatu program CGI di server lain. Fleksibilitas ini amat bermanfaat bagi pemilik situs situsweb yang besar dan sibuk, karena pemilik masih menggunakan aplikasi -aplikasi yang sudah terlanjur dibuat dimasa lalu dengan menggunakan CGI, ISAP atau denganscriptsepertiPerl, awkatauPhytonselama proses migrasi ke aplikasi baru yang di buat dengan menggunakan PHP.

Dengan PHP, developer tidak perlu lagi berurusan dengan dua buah file yang terpisah seperti pada CGI. Browser web mengacu secara langsung ke file

16

yang dituju, yang lalu dibaca oleh server sebagaimana file HTML statis biasa. Bedanya, sebelum dikirim balik ke browser web, server web memeriksa isi file dan menentukan apakah ad a kode didalam file tersebut yang harus dieksekusi. Bila ada, kode-kode tersebut akan dieksekusi. Hasilnya akan dimasukkan kedalam dokumen yang sama. Server web bekerja secara langsung terhadap file yang bersangkutan tidak memanggil script terpisah seperti pada metode CGI. Seluruh kode di eksekusi diserver(oleh karena itu disebutserver-side script).

PHP membuat proses pengembangan aplikasi menjadi mudah karena kelebihan-kelebihannya, yaitu :

1. Script(kode program) terintegra si dengan file HTML, sehingga developer bisa berkonsentrasi langsung pada penampilan webnya.

2. Tidak ada prosescompiling danlinking. 3. Berorientasi objek(object Oriented).

4. Sintaksis pemrogramannya mudah dipelajari ,sangat menyerupai C dan Perl.

5. Integrasi yang sangat luas ke berbagai server database. Menulis web yang terhubung ke data base menjadi sangat sederhana. Database yang didukung oleh PHP : Oralce, Sybase, mSQL, MySQL, Solid, ODBC, PostgreSQL Adabas D, FilePRo, Velocis, Informic, dBase, UNIXdbm .

2.2.3 Database MySQL

MySQL adalah sebuah sistem manajemen database relasi (relational database management system) yang bersifat “terbuka” (open source). Terbuka maksudnya adalah MySQL boleh di download oleh siapa saja. Baik versi kode program aslinya (source code program) maupun versi binernya (executable program) dan bias dugunakan secara (relatif) gratis baik untuk dimodifikasi sesuai dengan kebutuhan seseorang maupun sebagai suatu program aplikasi komputer.

MySQL menggunakan bahasa standar SQL (Structure Query Language) sebagai bahasa interaktif dalam mengolah data. Perintah SQL juga sering disebut Query. Karena menggunakan bahasa standar yang sama maka tidak akan menjadi kendala besar bila suatu saat nanti berhubungan dengan database selain MySQL Tentu saja tetap ada perbedaan sintaks bahasa paket program SQL tersebut. Adapun beberapa kelebihan MySQL adalah sebagai berikut :

1. Kecepatan

Dengan adanya fitur tambahan Query Chacing pada MySQL rilis 4.0 hingga versi diatasnya, kinerja query secara umum akan naik rata -rata 200% dari kinerja biasanya.

18

2. Open source.

Dengan konsep ini siapapun dapat berpartisipasi mengembangkan MySQL dan hasil penembangan itu diserahkan kepada umum atau kepada komunitas Open Source.

3. Kapabilitas.

MySQL telah digunakan untuk mengelola database dengan jumlah 50 juta record. Bahkan sanggup untuk mengelola 60.000 tabel dengan jumlah baris 5.000.000.000. Mendukung penggunaan index hingga 32 index pertabelnya, sedangkan setiap indexnya terdiri dari 1 hingga 16 kolom kriteria.Informasi ini dapat di pe roleh dari manual MySQL yang didapat di download dari situs MySQL.

4. Konektifitas dan keamanan.

MySQL mendukung dan menerapkan system keamanan dan ijin akses tingkat lanjut, termasuk dukungan keamanan dengan pengacakan lapisan data (SSL transport layer encry ption). Bahkan pada MySQL rilis 4.0 hingga versi diatasnya, dapat diterapkan pembatasan penggunaan sumberdaya server berdasarkan penggunaan per user . Adanya tingkatan user dan jenis akses yang beragam dapat memberikan batasan akses berdasarkan lokasi pengakses, dan terdapatnya jaminan keamanan pada MySQL.

5. Fleksibilitas dan Portabilitas.

MySQL mendukung peritah -peritah ANSI SQL 99 dan beberapa perintah database alternative lainnya sehingga mempermudah untuk beralih dari dan ke MySQL.

6. Lintas platform sistem operasi.

MySQL dapat dijalankan pada beberapa sistem operasi yang berbeda, seperti Linux, Microsoft Windows, FreeBSD, Sun Solaris, Mac OS, HP -UX, AIX, QNX, Novell NetWare, SCO OpenUnix, SGI Iric, dan Dec OSF.

2.2.4 Macromedia Dreamweaver

Macromedia Dreamweaver adalah sebuah HTML editor professional untuk mendesain secara visual dan mengelola situs Web maupun halaman Web. Macromedia Dreamweaver merupakan softwareutama yang digunakan oleh Web Designermaupun Web Progremerguna mengembangkan situs Web. Ruang kerja , fasilitas dan kemampuan Macromedia Dreamweaver mampu meningkatkan produktivitas dan efektivitas dalam desain maupun membangun situs Web.

20 BAB III

ANALISIS DAN PERANCANGAN SISTEM

3.1 Analisis Sistem.

Analisis sistem dapat didefinisikan sebagai penguraian dari suatu sistem informasi yang utuh ke dalam bagian -bagian komponennya dengan maksud untuk mengidentifikasikan dan mengevaluasi permasalahan -permasalahan, kesempatan -kesempatan, hambatan-hambatan yang terjadi dan kebutuhan-kebutuhan yang diharapkan dapat d iusulkan perbaikan-perbaikannya.

3.1.1 Analisis Masalah.

Dari pihak Bakominfo ( Badan Komunikasi dan Informatika) itu sendiri memang telah lama memerlukan suatu sistem aplikasi yang dapat menyajikan informasi mengenai data -data Kepariwisataan dan Kebudayaan Kota Bandung. Karena tingkat kebutuhan akan informasi mengenai Kepariwisataan dan Kebudayaan Kota Bandung semakin meningkat sehingga dituntut agar dapat mempermudah sistemnya yaitu dengan membuat suatu sistem aplikasi website yang dapat menyajikan informasi. Selain dapat mempermudah penyajian informasi, aplikasi website yang ingin dibangun juga dapat memberikan kemudahan bagi pihak Bakominfo dan masyarakat dalam proses penyajian informasi mengenai informasi Kepariwisataan dan Kebudayaan yang ada di Kota Bandung.

Berbagai informasi yang diperlukan oleh Pihak Bakominfo untuk disajikan dalam website yaitu d ata-data sebagai berikut antara lain :

a. Berita terkini : memuat data-data mengenai informasi Kota Bandung secaraup to date.

b. Sarana Pariwisata : memuat semua data mengenai berbagai informasi sarana pariwisata tentang restaurant,hotel melati, hotel bintang, dan informasi lainnya.

c. Objek Wisata : memuat data-data mengenai berbagai informasi objek wisata seperti tempat karaoke, pub, diskotik, hiburan, bioskop , kolam renang, dan lain -lain.

d. Wisata Seni dan Budaya : memuat semua data mengenai berbagai informasi tentang Wisata Seni dan Budaya seperti tempat kesenian, museum -museum, gedung pertunjukan, galeri seni rupa, sanggar seni dan budaya, dan lain -lain.

e. Perjalanan Wisata : memuat informasi -informasi mengenai alamat biro perjalanan wisata, cabang biro perjalanan wisata, dan agen -agen perjalanan wisata yang dikhususkan berada di daerah kota Bandung.

f. Agenda : berisi kegiatan-kegiatan kepariwisataan dan kebudayaan yang ada di Kota Bandung.

g. Pengumuman : berisi berbagai informasi mengenai pengumuman tentang Kepariwisataan dan Kebudayaan Kota Bandung.

h. Informasi lain : memuat data -data mengenai informasi lain seperti mengetahui peta bandung, rute angkot, jadwal kereta api, jadwal pesawat terbang, dan nomor telepon penting yang sangat dibutuhkan oleh user.

22

3.1.2 Analisis Prosedur Yang Sedang Berjalan .

Setelah melakukan pengamatan didapatlah suatu prosedur sistem yang sedang berjalan sebagai prosedur dalam pembuatan aplikasi website terutama pada bagian interface administrator , yang mana prosedur ini didalamnya mencakup tampilan administrator yang bertujuan untuk m elakukan pengolahan data, pemasukan data , serta pengkoneksian database .

Sistem yang sedang berjalan adalah sistem aplikasi website kepariwisataan dan kebudayaan secara manual yang belum terstruktur dan belum terpusat, selain itu pemasukan data dan pengo lahan data nya masih berbentuk tampilan permanen saja dan tidak bisa diperbaharui.

3.1.3 Analisis Kebutuhan Non Fungsional .

Analisis kebutuhan non fungsional dilakukan untuk menghasilkan spesifikasi kebutuhan non fungsional. Spesifikasi kebutuhan non fungsional adalah spesifikasi yang rinci tentang hal -hal yang akan dilakukan sistem ketika diimplementasikan. Analisis kebutuhan ini diperlukan untuk menentukan keluaran yang akan dihasilkan sistem, masukan yang diperlukan sistem, lingkup proses yang digunakan untuk mengolah masukan menjadi keluaran, volume data yang akan ditangani sistem, jumlah pemakai dan kategori pemakai, serta kontrol terhadap sistem.

3.1.4 Analisis Perangkat Keras .

Bakominfo Kota Bandung memiliki beberapa komputer, namun hanya 1 buah komputer yang digunakan untuk kegiatan menyajikan informasi. Adapun spesifikasi komputer tersebut adalah sebagai berikut:

a. Processor : Intel Pentium IV 2.0Ghz b. Memory : RAM DDR 256 MB c. Harddisk minimal 20GB d. VGA Card 64 MB e. Keyboard dan Mouse

f. Kartu jaringan (Ethernet Card)

Perangkat keras yang telah dimiliki Bakominfo Kota Bandung saat ini, belum memenuhi standar kebutuhan minimum spesifikasi perangkat keras yang dibutuhkan untuk membangun aplikasi website menggunakaan php di Bakominfo Kota Bandung. Untuk itu diperlukan penambahan perangkat keras agar aplikasi yang dibangun dapat digunakan.

3.1.5 Analisis Perangkat Lunak/Software.

Perangkat lunak (software) yang digunakan di Bakominfo Kota Bandung saat ini adalah sebagai berikut:

a. Sistem operasi :Microsoft Windows XP b. Softwarelainnya :Microsoft Office 2003

Spesifikasi perangkat lunak yang dibutuhkan untuk mendukung aplikasi yang akan dibangun adalah sebagai berikut:

24

a. Sistem operasi :Microsoft Windows XP b. Microsoft Office 2003

c. Macromedia Dreamweaver 8 sebagai implementasi peranca ngan sistem

d. Wamp Serversebagai media penyimpanan (database). e. Internet ExploreratauMozilla Firefoxsebagaibrowser. 3.1.6 Analisis Pengguna/User.

Analisis user dimaksudkan untuk mengetahui siapa saja user yang terlibat beserta karakteristiknya sehingga dapat d iketahui tingkat pengalaman dan pemahamanuserterhadap komputer.

3.1.6.1 KarakteristikUser

Karakteristik dari user yang ada saat ini yaitu berumur antara 20 sampai 45 tahun. User terdiri dari admin yang memiliki jenjang pendidikan sarjana, sedangkan untuk user memiliki jenjang pendidikan rata -rata lulusan program diploma. Sebagian besar user memiliki pengalaman yang hampir sama secara keseluruhan dalam mengoperasikan komputer, yaitu belum memahami program-program aplikasi, tetapi sudah cukup berpengalaman dalam mengoperasikan Sistem Operasi Windows, bekerja menggunakan Microsoft Office seperti Microsoft Office Word dan Microsoft Office Excel, dan dapat menggunakan internet dengan baik.

Perangkat lunak yang akan dibangun akan digunakan oleh tiga jenis pengguna. Untuk lebih jelasnya dapat dilihat pada tabel dibawah ini.

Tabel 3.1 Karakteristik Pengguna

Pengguna Tanggung

Jawab Hak Akses

Tingkat Pendidikan Tingkat Keterampilan Pengalaman Admin Mengolah semua data informasi Berupa memanajeme n user. Modul, dan lain-lain/ Menambah, menghapus dan mengubah data modul

Min.Strata I Bisa Mengikuti petunjuk yang ada pada aplikasi Min. mampu mengoperasika n komputer, menggunakan Microsoft word, Microsoft Excel, dan bisa menggunakan aplikasi browser User Mengolah data modul berupaberita, agenda, dan pengumuman saja Menambah, menghapus dan mengubah data modul berupa data berita, agenda, dan pengumuma n saja Min.Diploma III Bisa mengikuti petunjuk yang ada pada sistem

Min. mampu mengoperasika n komputer menggunakan Microsoft word, Microsoft Excel, dan bisa menggunakan aplikasi browser Pengunjung Mengirim aspirasi berupa buku tamu, dan melihat tampilan menu informasi

Min.SMA Bisa mengikuti

petunjuk yang ada pada sistem

Min. mampu mengopearsika n komputer dan bisa menggunakan aplikasi browser

26

Dari penjelasan pada tabel 3.1, dapat diambil kesimpulan bahwa karakteristikuseryang telah ada saat ini sudah memenuhi kriteria untuk dapat menggunakan program aplikasi yang akan dibangun dan dapat disimpulkan bahwa admin dapat dijadikan sebagai seorang user dengan akses penuh (admin) dan user dapat dijadikan sebagai seorang user untuk mengelola modul berupa data berita, agenda, dan pengumuman . Untuk pengunjung yang akan mengakses aplikasi website Dinas Kepariwisataan Dan Kebudayaan Kota Bandung di Bakominfo Kota Bandung dibutuhkan pelatihan menggunakan komputer dan penggunaan aplikasi browser.

3.1.7 Analisis Kebutuhan Fungsional

Analisis kebutuhan fungsional dilakukan untuk memberikan gambaran aliran data yang ada pada program aplikasi yang akan di bangun. Kebutuhan fungsional pada aplikasi website kepariwisataan dan kebudayaan di Bakominfo Kota Bandung meliputi diagram konteks, data flow diagram, kamus data dan spesifikasi proses.

3.1.7.1 Diagram Konteks

Diagram konteks merupakan gambaran sistem secara umum yaitu hubungan sistem dengan lingkungan sistem. Terdapat tiga entitas yang terhubung langsung dengan sistem yaitu admin, user dan pengunjung yang melihat informasi mengenai pariwisata dan kebudayaan maupun yang akan

melihat tampilan menu informasi. Gambar diagram konteks dapat dilihat pada gambar 3.1.

Gambar 3.1 Diagram Konteks Sistem Aplikasi Website Dinas Pariwisata Dan Kebudayaan Kota Bandung

28

3.1.7.2 Data Flow Diagram (DFD)

Data Flow Diagram (DFD) adalah diagram alir yang dipres entasikan dalam bentuk lambang-lambang tertentu yang menunjukan aliran data, proses, tempat penyimpanan data, dan entitas eksternal.

3.1.7.2.1 DFD Level 0

D a ta L o g in In fo D a ta L o g in D a ta U s e r In fo D a ta U s e r D a ta M o d u l In fo D a ta M o d u l In fo D a ta M o d u l

3.1.7.2.2 DFD Level 1 Proses 1.0 Login

Gambar 3.3 Dfd 1 proses login

3.1.7.2.3 DFD Level 1 Proses 2.0 Pengolahan Data User

30

3.1.7.2.4 DFD Level 1 Proses 3.0 Pengolahan Data Modul

Gambar 3.5 Dfd proses 3.0 Pengolahan Dat a Modul

3.1.7.2.5 DFD Level 1 Pengolahan Data Modul Pengunjung

3.1.7.2.6 DFD Level 2 Proses 2.1 Pengolahan Data User Admin

32

3.1.7.2.7 DFD Level 2 Proses 3.1 Pengolahan Data Modul User

3.1.7.2.8 DFD Level 2 Proses 3.2 Pengolahan Data Modul Admin

Gambar 3.9 Dfd Level 2 Proses 3.1 Pengolahan Data Modul Admin

3.1.7.3 Kamus Data

Kamus data adalah kumpulan dari elemen -elemen atau simbol yang digunakan untuk membantu dalam penggambaran atau pengidentifikasian setiap fieldataufile didalam sistem. Kamus data merupakan deskripsi formal mengenai seluruh elemen yang mencakup DFD . Kamus data dapat dilihat pada tabel 3.2.

Tabel 3.2 kamus data

Nama Data Login

Where used / how used Proses 1.1 VerifikasiUsernameAdmin(Input), Proses 1.1 VerifikasiUsernameUser(Input), Proses 1.2 VerifikasiPassword–Admin(Input), Proses 1.2 VerifikasiPassword–User(Input), Proses 1.1 VerifikasiUsernamedan

34

Proses 1.2 VerifikasiPassword–Data Login(Output), Deskripsi Berisi Username dan Password yang akan digunakan

pada pengolahan data Struktur Data user_name+password Username

password

[a..z | A..Z | 0..9] {20} [a..z | A..Z | 0..9] {32}

Nama Data User

Where used / how used Proses 2.1 Pengolahan DataUser-Admin(Input), Proses 2.1 Pengolahan Data User-Admin(Output) Deskripsi Berisi data user yang akan digu nakan pada

pengolahan data Struktur Data username+password Username

password

[a..z | A..Z | 0..9] {20} [a..z | A..Z | 0..9] {32}

Nama DataModul

Where used / how used Proses 3.1 Pengolahan DataModul-Admin(Input), Proses 3.1 Pengolahan Data Modul-User(Input), Proses 3.1 Pengolahan Data Modul-Admin(Output), Proses 3.1 Pengolahan Data Modul-User(Output) Deskripsi Berisi data modul yang akan digunakan pada

pengolahan data Struktur Data username+password Username

password

[a..z | A..Z | 0..9] {20} [a..z | A..Z | 0..9] {32}

Nama DataModul Pengunjung

Where used / how used Proses 3.0 Pengolahan Data Modul-Pengunjung (Output)

Deskripsi Berisi data modul dari beberapaadmindanuser

Struktur Data

-Nama DataUser-Admin

Where used / how used Proses 2.1.1 Tambah DataUser-Admin(Input), Proses 2.1.2 Ubah Data User-Admin(Input), Proses 2.1.3 Hapus Data User-Admin(Input), Proses 2.1.4 Cari DataUser-Admin(Input),

Proses 2.1.1 Tambah DataUser-DataUser(Output), Proses 2.1.2 Ubah Data User- DataUser(Output), Proses 2.1.3 Hapus Data User- DataUser(Output), Proses 2.1.4 Cari DataUser- Data User(Output) Deskripsi Berisi data user yang akan digunakan pada

pengolahan data Struktur Data username+password Username

password

[a..z | A..Z | 0..9] {20} [a..z | A..Z | 0..9] {32}

Nama DataModul-Admin

Where used / how used Proses 3.2.1 Tambah DataModul-Admin(Input), Proses 3.2.2 Ubah DataModul-Admin(Input), Proses 3.2.3 Hapus DataModul-Admin(Input), Proses 3.2.4 Cari DataModul-Admin(Input),

Proses 3.2.1 Tambah Data Modul -Data Modul Output),

Proses 3.2.2 Ubah DataModul- DataModul(Output), Proses 3.2.3 Hapus Data Modul - Data Modul (Output),

Proses 3.2.4 Cari DataModulDataModul(Output) Deskripsi Berisi data modul yang akan digunakan pada

pengolahan data modul ADMIN Struktur Data username+password

Username password

[a..z | A..Z | 0..9] {20} [a..z | A..Z | 0..9] {32}

Nama DataModul-User

Where used / how used Proses 3.1.1 Tambah DataModul-User(Input), Proses 3.1.2 Ubah DataModul-User(Input), Proses 3.1.3 Hapus Data Modul-User(Input), Proses 3.1.4 Cari DataModul-User(Input),

Proses 3.1.1 Tambah Data Modul -Data Modul Output),

Proses 3.1.2 Ubah Data Modul- DataModul(Output), Proses 3.1.3 Hapus Data Modul - Data Modul (Output),

Proses 3.1.4 Cari DataModulDataModul(Output) Deskripsi Berisi data modul yang akan digunakan pada

pengolahan data modul USER Struktur Data username+password

36

password [a..z | A..Z | 0..9] {32}

3.2 Perancangan Sistem

Perancangan sistem merupakan bagian dari metedologi penelitian dan pengembangan suatu perangkat lunak yang dilakukan setelah tahap analisis yang bertujuan untuk memberikan gambaran secara terperinci.

3.2.1 Perancangan Data

Perancangan data terdiri dari skema relasi dan struktur tabel yang terdapat pada ERD dari Sistem Aplikasi Website Dinas Kepariwisataan dan Kebudayaan Kota Bandung .

3.2.2 Entity Relation Diagram (ERD)

Entity relation diagram (ERD) merupakan suatu objek yang dapat didefinisikan dalam lingkungan pemakai. ERD yang diusulkan dapat dilihat pada gambar 3.10 berikut ini :

3.2.3 Skema Relasi

Relasi antar tabel merupakan gabungan antar file yang mempunyai kunci utama yang sama, sehinggafile-filetersebut menjadi satu kesatuan yang dihubungkan oleh fieldkunci (Primary Key). Pada proses ini elemen-elemen data dikelompokkan menjadi satu file database beserta entitas dan hubungannya. Skema relasi aplikasi Website Dinas Kepariwisataan dan Kebudayaan Kota Bandung dapat dilihat pada gambar 3. 7

38

3.2.4 Struktur Menu

Perancangan struktur menu berisikan menu dan submenu yang berfungsi memudahkan user didalam menggunakan aplikasi. Menu-menu tersebut dibagi berdasarkan hak akses masing -masing user. Berikut ini gambaran mengenai struktur menu Aplikasi Website Dinas Kepariwisataan Dan Kebudayaaan Kota Bandung.

1. Struktur Menu Admin

2. Struktur Menu User

Gambar 3.12 Struktur Menu User

3.2.5 Perancangan Antar Muka

Perancangan antar muka bertujuan untuk memberikan gambaran tentang aplikasi yang akan dibangun. Sehingga akan mempermudah dalam mengimplementasikan aplikasi. Dan juga akan memudahkan pembuatan aplikasi yanguser friendly. Perancangan ini akan diimplementasikan menjadi sebuah program yang utuh dan dapat digunakan oleh di Badan Komunikasi dan Informatika Kota Bandung . Rancangan aplikasi website Dinas Pariwisata dan Kebudayaan Kota Bandung yang akan dibuat sebagai berikut :

3.2.5.1 Perancangan Antar Muka Program Aplikasi

Berikut ini adalah tampilan antar muka yang dirancang pada aplikasi website Dinas Pariwisata dan Kebudayaan Kota Bandung :

40

Gambar 3.13 Tampilan Login Administrator

Gambar 3.15 Tampilan Manajemen User

42

Gambar 3.17 Tampilan Sarana Pariwisata

Gambar 3.19 Tampilan Wisata Seni Budaya

44

Gambar 3.21 Tampilan Profil Lembaga

Gambar 3.23 Tampilan Hubungi Kami

46

Gambar 3.25 Tampilan Rute Angkot

Gambar 3.27 Tampilan Jadwal Pesawat Terbang

48

Gambar 3.29 Tampilan Berita

Gambar 3.31 Tampilan Nomor Agenda

50

Gambar 3.33 Tampilan Kata Pembuka

Gambar 3.35 Tampilan Edit User

52

Gambar 3.37 Tampilan Edit Modul

Gambar 3.39 Tampilan Edit Sarana Pariwisata

54

Gambar 3.41 Tampilan Edit Objek Wisata

Gambar 3.43 Tampilan Edit Objek Wisata

56

Gambar 3.45 Tampilan Edit Perjalanan Wisata

HEADER APLIKASI

FOOTER APLIKASI

Klik HOME menuju A02 Klik MANAJEMEN USER menuju A03 Klik MANAJEMEN MODUL menuju A04 Klik SARANA PARIWISATA menuju A05 klik OBJEK WISATA menuju A06 Klik WISATA SENI BUDAYA menuju A07 Klik PERJALANAN WISATA menuju A08 Klik PROFIL LEMBAGA menuju A09 Klik ARTI LAMBANG menuju A10 Klik HUBUNGI KAMI menuju A11 Klik PETA BANDUNG menuju A12 Klik RUTE ANGKOT menuju A13 Klik JADWAL KERETA API menuju A14 Klik JADWAL PESAWAT TERBANG menuju A15 Klik NOMOR TELEPON PENTING Menuju A16 Klik BERITA menuju A17 Klik BANNER menuju A18 Klik AGENDA menuju A19 Klik PENGUMUMAN menuju A20 Klik KATA PEMBUKA menuju A21

Klik LOGOUT menuju M02 A40 HOME MANAJEMEN USER MANAJEMEN MODUL SARANA PARIWISATA OBJEK WISATA WISATA SENI BUDAYA PERJALANAN WISATA PROFIL LEMBAGA ARTI LAMBANG HUBUNGI KAMI PETA BANDUNG RUTE ANGKOT JADWAL KERETA API JADWAL PESAWAT TERBANG NOMOR TELEPON PENTING BERITA BANNER AGENDA PENGUMUMAN KATA PEMBUKA LOGOUT

Gambar 3.47 Tampilan Tambah Berita

58

Gambar 3.49 Tampilan Tambah Banner

Gambar 3.51 Tampilan Tambah Agenda

HEADER APLIKASI

FOOTER APLIKASI

Klik HOME menuju A02 Klik MANAJEMEN USER menuju A03 Klik MANAJEMEN MODUL menuju A04 Klik SARANA PARIWISATA menuju A05 klik OBJEK WISATA menuju A06 Klik WISATA SENI BUDAYA menuju A07 Klik PERJALANAN WISATA menuju A08 Klik PROFIL LEMBAGA menuju A09 Klik ARTI LAMBANG menuju A10 Klik HUBUNGI KAMI menuju A11 Klik PETA BANDUNG menuju A12 Klik RUTE ANGKOT menuju A13 Klik JADWAL KERETA API menuju A14 Klik JADWAL PESAWAT TERBANG menuju A15 Klik NOMOR TELEPON PENTING Menuju A16 Klik BERITA menuju A17 Klik BANNER menuju A18 Klik AGENDA menuju A19 Klik Update menuju A19 dan Batal menuju A19 Klik PENGUMUMAN menuju A20 Klik KATA PEMBUKA menuju A21

Klik LOGOUT menuju M02 A46 HOME MANAJEMEN USER MANAJEMEN MODUL SARANA PARIWISATA OBJEK WISATA WISATA SENI BUDAYA PERJALANAN WISATA PROFIL LEMBAGA ARTI LAMBANG HUBUNGI KAMI PETA BANDUNG RUTE ANGKOT JADWAL KERETA API JADWAL PESAWAT TERBANG NOMOR TELEPON PENTING BERITA BANNER AGENDA PENGUMUMAN KATA PEMBUKA LOGOUT EDIT AGENDA Tema Judul Agenda ………... Update Batal

Tanggal Mulai tgl bln thn

Tempat ………...

Tanggal Selesai tgl bln thn

60

Gambar 3.53 Tampilan Tambah Pengumuman

HEADER APLIKASI

FOOTER APLIKASI

Klik HOME menuju A02 Klik MANAJEMEN USER menuju A03 Klik MANAJEMEN MODUL menuju A04 Klik SARANA PARIWISATA menuju A05 klik OBJEK WISATA menuju A06 Klik WISATA SENI BUDAYA menuju A07 Klik PERJALANAN WISATA menuju A08 Klik PROFIL LEMBAGA menuju A09 Klik ARTI LAMBANG menuju A10 Klik HUBUNGI KAMI menuju A11 Klik PETA BANDUNG menuju A12 Klik RUTE ANGKOT menuju A13 Klik JADWAL KERETA API menuju A14 Klik JADWAL PESAWAT TERBANG menuju A15 Klik NOMOR TELEPON PENTING Menuju A16 Klik BERITA menuju A17 Klik BANNER menuju A18 Klik AGENDA menuju A19 Klik PENGUMUMAN menuju A20 Klik KATA PEMBUKA menuju A21 Klik Simpan menuju A21dan Batal menuju A21 Klik LOGOUT menuju M02 A49 HOME MANAJEMEN USER MANAJEMEN MODUL SARANA PARIWISATA OBJEK WISATA WISATA SENI BUDAYA PERJALANAN WISATA PROFIL LEMBAGA ARTI LAMBANG HUBUNGI KAMI PETA BANDUNG RUTE ANGKOT JADWAL KERETA API JADWAL PESAWAT TERBANG NOMOR TELEPON PENTING BERITA BANNER AGENDA PENGUMUMAN KATA PEMBUKA LOGOUT

TAMBAH KATA PEMBUKA

Judul ………...

Simpan Batal

Gambar 3.55 Tampilan Tambah Kata Pembuka

62

Gambar 3.57 Tampilan Home User (denni)

Gambar 3.59 Tampilan Tambah Berita

64

Gambar 3.61Tampilan Agenda

Gambar 3.63 Tampilan Edit Agenda

66

Gambar 3.65 Tampilan Tambah Pengumuman

3.2.5.2 Perancangan Pesan

Berikut ini adalah perancangan pesan yang ada pada aplikasi website Dinas Pariwisata dan Kebudayaan Kota Bandung.

Login gagal! username & password tidak benar

ULANGI LAGI MO1

Anda telah sukses keluar sistem[LOGOUT] MO2

Untuk mengakses modul, Anda harus login

LOGIN MO3

Gambar 3.67 Tampilan Pesan

3.2.5.3 Jaringan Semantik

Jaringan semantik merupakan alat efektif untuk merepresentasikan pemetaan data, yang bertujuan mencegah terjadinya duplikasi data.

Untuk penjelasan dari jaringan semantik yang ada dibawah ini akan diuraikan sebagai berikut :

68

1. Jaringan Semantik Admin A01 : Menu Administrator Login

A02 : Menu Awal Admin ( home admin ) A03 : Menu Manajemenuser

A04 : Menu Manajemen Modul A05 : Menu Sarana Pariwisata A06 : Menu Objek Wisata A07 : Menu Wisata Seni Budaya A08 : Menu Perjalanan Wisata A09 : Menu Profil Lembaga A10 : Menu Arti Lambang A11 : Menu Hubungi Kami A12 : Menu Peta Bandung A13 : Menu Rute Angkot A14 : Menu Jadwal Kereta Api A15 : Menu Jadwal Pesawat Terb ang A16 : Menu Nomor Telepon Penting A17 : Menu Berita Admin

A18 : Menu Banner

A19 : Menu Agenda Admin A20 : Menu Pengumuman Admin A21 : Menu kata Pembuka A22 : Menu Tambah User A23 : Menu Edit User

A25 : Menu Tambah Modul A26 : Menu Edit Modul

A28 : Menu Tambah Sarana Pariwisata A29 : Menu Edit Sarana Pariwisata A31 : Menu Tambah Objek Wisata A32 : Menu Edit Objek Wisata

A34 : Menu Tambah Wisata Seni Budaya A35 : Menu Edit Wisata Seni Budaya A37 : Menu Tambah Objek Wisata A38 : Menu Edit Objek Wisata A40 : Menu Browse

A41 : Menu Tambah Berita A42 : Menu Edit Berita A43 : Menu Tambah Banner A44 : Menu Edit Banner A45 : Menu Tambah Agenda A46 : Menu Edit Agenda

A47 : Menu Tambah Pengumuman A48 : Menu Edit Pengumuman A49 : Menu Tambah Kata Pembuka A50 : Menu Edit Kata Pembuka

70

Gambar 3.68 Jaringan Semantik Admin

2. Jaringan Semantik User

A51 : Menu Awal User( home user) A52 : Menu BeritaUser

A53 : Menu Tambah Berita A54 : Menu Edit Berita A55 : Menu Agenda User A56 : Menu Tambah Agen da A57 : Menu Edit Agenda A58 : Menu Pengumuman User A59 : Menu Tambah Pengumuman A60 : Menu Edit Pengumuman

72

3.2.6 Perancangan Prosedural

Perancangan program akan menjelaskan tenta ng bagaimana program aplikasi berjalan. Perancangan prosedural digambarkan dalam bentuk flow chart.

1. Prosedural Login Administrator

3.3 Implementasi Sistem

Tahap implementasi sistem merupakan tahap menerjemahkan perancangan berdasarkan hasil analisis dalam bahasa yang dapat dimengerti oleh mesin, serta penerapan perangkat lunak pada keadaan yang sesungguhnya. Seluruh kode program yang digunakan dalam pembuatan Aplikasi Website Dinas Kepariwiataan dan Kebudayaan Kota Bandung yaitu menggunakanPHP.

3.3.1 Perangkat Lunak Pembangun

Perangkat lunak yang digunakan pada sistem komputer yang digunakan untuk membangun Aplikasi Website Dinas Kepariwiataan dan Kebudayaan Kota Bandung adalah sebagai ber ikut:

1. Sistem Operasi Windows XP.

2. WAMP Serveruntuklocalinternet dan penyimpanan database. 3. Macromedia Dreamweaver8 untuk penulisan kode program. 4. Mozilla Firefoxsebagaibrowser.

3.3.2 Perangkat Keras Pembangun

Kebutuhan minimum perangkat keras (hardware) yang diperlukan untuk mengimplementasikan program aplikasi yang dibuat adalah perangkat keras komputer PC kompatibel dengan spesifikasi yang disebutkan dibawah ini. Semakin tinggi spesifikasi komputer yang digunakan untuk menjalankan aplikasi, akan semakin baik . Kebutuhan minimumnya yaitu :

a. Processor : Intel Pentium IV 2.0Ghz b. Memory : RAM DDR 256 MB

74

c. Harddisk minimal 20GB d. VGA Card 64 MB e. Keyboard dan Mouse

f. Kartu jaringan (Ethernet Card) 3.3.3 Implementasi Pengguna

Pengguna atau user dimaksudkan untuk mengetahui siapa saja pengguna yang terlibat dalam Aplikasi Website Dinas Kepariwiataan dan Kebudayaan Kota Bandung , beserta karakteristiknya. Sistem yang sedang berjalan melibatkan tiga orang pengguna, yaitu : Admin, User dan Pengunjung.

3.3.4 Implementasi Antarmuka

Implementasi antarmuka dilakukan den gan setiap halaman program yang dibuat dan pengkodeannya dalam bentuk file program. Berikut ini adalah implementasi antarmuka untuk Admin,dan User.

Gambar 3.72 Tampilan Menu Admin

76

gambar 3.74 Pesan Gagal Login 1

Gambar 3.75 Pesan Logout

Gambar 3.76 Pesan Akses Login

Gambar 3.77 Tampilan Manajemen User

Gambar 3.79 Tampilan Menu Sarana Pariwisata

Gambar 3.80 Tampilan Menu Objek Wisata

Gambar 3.81 Tampilan Perjalanan Wisata

78

Gambar 3.83 Tampilan Profil Lembaga

Gambar 3.85 Tampilan Hubungi Kami

80

Gambar 3.87 Tampilan Rute Angkot

Gambar 3.89 Tampilan Jadwal Pesawat Terbang

82

Gambar 3.91 Tampilan Nomor Telepon Penting

Gambar 3.92 Tampilan Agenda

Gambar 3.94 Tampilan Kata Pembuka

84 BAB IV

KESIMPULAN DAN SARAN 4.1 Kesimpulan

Dari analisis sistem pada Aplikasi Website Dinas Pariwisata dan Kebudayaan Kota Bandung yang telah kami buat dapat disimpul kan bahwa pada aplikasi ini hal yang sangat berpengaruh adalah menampilkan informasi-informasi mengenai Pariwisata dan Kebudayaan yang ada di Kota Bandung seperti Sarana Pariwisata, Objek Wisata, Wisata Seni Budaya, dan Perjalanan Wisata berupa Biro Perjalanan.

Kesimpulan dari hasil kerja praktek diatas adalah sebagai berikut:

a. Mempersiapkan dan mel atih kemampuan dalam tool pemrograman sebelum melaksanakan kerja praktek.

b. Mengetahui dan mencari Informasi tentang apa saja yang dilakukan dan dibutuhkan selama kerja praktek.

c. Mempersiapkan dan melatih kemampuan dalam tool pemrograman sebelum melaksanakan kerja praktek.

d. Mengetahui dan mencari Informasi tentang apa saja yang dilakukan dan dibutuhkan selama kerja praktek.

e. Analisa mengenai kebutuhan dan permasalahan yang di miliki oleh perusahaan atau tempat dimana kerja praktek tersebut dilaksanakan, harus jelas dan spesifik agar hasil dari pelaksanaan kerja praktek sesuai dengan apa yang diharapkan dan dibu tuhkan oleh perusahaan tersebut.

4.2 Saran

Saran yang dapat diberikan dari hasil praktek kerja lapangan di Badan Komunikasi dan Informatika Kota Bandung ad alah sebagai berikut :

a. Dengan adanya aplikasi Website ini semoga bisa digunakan semaksimal mungkin.

b. Karena aplikasi yang telah dibuat itu mempunyai kekurangan sebaiknya sewaktu-waktu perlu dilakukannya pemeliharaan dan pembaharuan terhadap aplikasiwebsiteini.

c. Semoga kedepannya, hubungan antara Universitas terutama Universitas Komputer Indonesia lebih ditingkatkan lagi.

86

DAFTAR PUSTAKA

[1]. Betha, Sidik, Ir, 2002, Pemograman web dengan PHP, Informatika, Bandung.

[2]. Budhi Irawan, 2005.Jaringan Komputer, Graha Ilmu, Yogyakarta [3]. Fathansyah, Ir, 2002.BASIS DATA, Informatika, Bandung.

[4]. Hakim, Lukmanul, 2007, LAYOUT, DESAIN dan APLIKASI WEB, Media Komputindo, Jakarta.

[5]. Jogiyanto H M, 1999, Pengenalan Komputer, Andi, Yogyakarta.

[6]. Madcoms dan Andi, 2004,APLIKASI PROGRAM PHP & MYSQL UNTUK MEMBUAT WEBSITE INTERAKTIF, Andi, Yogyakarta.

[7]. Nugroho, Adi, 2004, Kons ep Pengembangan Sistem Basis Data, Informatika, Bandung.

[8]. Pressman, Roger S, 2002, Rekayasa Perangkat Lunak : Pendekatan Praktisi (Buku I), Andi, Yogyakarta.

DATA PRIBADI

Nama : Deni Karyadi

NIM : 10106062

Tempat, Tgl Lahir : Bandung, 26 Juni 1988. Jenis Kelamin : Laki-laki.

Agama : Islam.

Alamat : Jln. Citepus 3no:3 Rt 08 Rw 10 KodePos: 40173 . No. Telp : 02291619165 atau 085659128656

E-Mail :Denni.Kartwright26@yahoo.co.id Facebook :Denniblack@rocketmail.com PENDIDIKAN

Tahun 2006 : Universitas Ko mputer Indonesia, Fakultas Teknik dan Ilmu Komputer, Jurusan Teknik Informatika,Jenjang Strata 1. Tahun 2003–2006 : SMA MUTIARA 2 Bandung.

Tahun 2000–2003 : SMP NEGERI 32 Bandung.

Gambar 3.91 Tampilan Nomor Telepon Penting

Gambar 3.92 Tampilan Agenda

83

Gambar 3.94 Tampilan Kata Pembuka

84

Kebudayaan Kota Bandung yang telah kami buat dapat disimpul kan bahwa pada aplikasi ini hal yang sangat berpengaruh adalah menampilkan informasi-informasi mengenai Pariwisata dan Kebudayaan yang ada di Kota Bandung seperti Sarana Pariwisata, Objek Wisata, Wisata Seni Budaya, dan Perjalanan Wisata berupa Biro Perjalanan.

Kesimpulan dari hasil kerja praktek diatas adalah sebagai berikut:

a. Mempersiapkan dan mel atih kemampuan dalam tool pemrograman sebelum melaksanakan kerja praktek.

b. Mengetahui dan mencari Informasi tentang apa saja yang dilakukan dan dibutuhkan selama kerja praktek.

c. Mempersiapkan dan melatih kemampuan dalam tool pemrograman sebelum melaksanakan kerja praktek.

d. Mengetahui dan mencari Informasi tentang apa saja yang dilakukan dan dibutuhkan selama kerja praktek.

e. Analisa mengenai kebutuhan dan permasalahan yang di miliki oleh perusahaan atau tempat dimana kerja praktek tersebut dilaksanakan, harus jelas dan spesifik agar hasil dari pelaksanaan kerja praktek sesuai dengan apa yang diharapkan dan dibu tuhkan oleh perusahaan tersebut.

85

4.2 Saran

Saran yang dapat diberikan dari hasil praktek kerja lapangan di Badan Komunikasi dan Informatika Kota Bandung ad alah sebagai berikut :

a. Dengan adanya aplikasi Website ini semoga bisa digunakan semaksimal mungkin.

b. Karena aplikasi yang telah dibuat itu mempunyai kekurangan sebaiknya sewaktu-waktu perlu dilakukannya pemeliharaan dan pembaharuan terhadap aplikasiwebsiteini.

c. Semoga kedepannya, hubungan antara Universitas terutama Universitas Komputer Indonesia lebih ditingkatkan lagi.

86

[2]. Budhi Irawan, 2005.Jaringan Komputer, Graha Ilmu, Yogyakarta [3]. Fathansyah, Ir, 2002.BASIS DATA, Informatika, Bandung.

[4]. Hakim, Lukmanul, 2007, LAYOUT, DESAIN dan APLIKASI WEB, Media Komputindo, Jakarta.

[5]. Jogiyanto H M, 1999, Pengenalan Komputer, Andi, Yogyakarta.

[6]. Madcoms dan Andi, 2004,APLIKASI PROGRAM PHP & MYSQL UNTUK MEMBUAT WEBSITE INTERAKTIF, Andi, Yogyakarta.

[7]. Nugroho, Adi, 2004, Kons ep Pengembangan Sistem Basis Data, Informatika, Bandung.

[8]. Pressman, Roger S, 2002, Rekayasa Perangkat Lunak : Pendekatan Praktisi (Buku I), Andi, Yogyakarta.

DAFTAR RIWAYAT HIDUP

DATA PRIBADI

Nama : Deni Karyadi

NIM : 10106062

Tempat, Tgl Lahir : Bandung, 26 Juni 1988. Jenis Kelamin : Laki-laki.

Agama : Islam.

Alamat : Jln. Citepus 3no:3 Rt 08 Rw 10 KodePos: 40173 . No. Telp : 02291619165 atau 085659128656

E-Mail :Denni.Kartwright26@yahoo.co.id Facebook :Denniblack@rocketmail.com PENDIDIKAN

Tahun 2006 : Universitas Ko mputer Indonesia, Fakultas Teknik dan Ilmu Komputer, Jurusan Teknik Informatika,Jenjang Strata 1. Tahun 2003–2006 : SMA MUTIARA 2 Bandung.

Tahun 2000–2003 : SMP NEGERI 32 Bandung.