KesimpulanAchmad Zainal Ikhsani. Pembuatan website di Diskominfo Bogor. Website Diskominfo memiliki 7 menu beranda, tentang program dan kegiatan, layanan, berita, galeri, dan penghargaan prestasi. Menu utama dari kita Mengandung which sub menu hubungi tujuan kami adalah untuk memberikan mudah dari masyarakat ketika mereka ingin menyampaikan tentang pertanyaan, kritik, atau saran tanpa datang ke kantor mereka Diskominfo Kabupaten Bogor.Kecuali diberikan informasi website, Ini juga memiliki fitur untuk filter kata-kata kekurangan pada komentar berita. Ruang lingkup yang pada magang pembuatan Website adalah gambar antarmuka bagi pengguna / pengunjung dan menyaring kata-kata kekurangan pada komentar berita.

Kata kunci: website

ABSTRACTAchmad Zainal Ikhsani. The making of the website at Diskominfo Bogor. The website Diskominfo have 7 menu is veranda, about our programs and activities, services, news, galleries, and achievement awards. The main menu of on our Contain sub menu roomates contact our purpose is to give easy of the society when they wants to deliver about question, critic, or suggestion without coming to the office they diskominfo Bogor regency.Except given the website information, It's also have a feature for filter the deficiency words on the news comment. The scope of the internship the which is on the making of Website is the make-the- interface for user / visitor and filter the deficiency words on the news comment.

Keywords: website

PENDAHULUANLatar Belakang

Pembuatan Website pada Kantor Diskominfo adalah sebuah instansi negeri yang melayani masyarakat di bidang teknologi dan informasi. Informasi merupakan hal yang paling penting bagi sebuah instansi negeri seperti Dinas Komunikasi dan Informasi Kabupaten Bogor. Website adalah media yang mudah digunakan untuk menyampaikan suatu informasi. Diskominfo sendiri sudah memiliki sebuah website resmi, Namun website Diskominfo itu sendiri masih memiliki kekurangan seperti ketika membuka Website menggunakan, font pada website terlihat kecil sehingga pengunjung harus memperbesar tampilan website tersebut agar font pada website terbaca dan tampilan yang kurang mendukung, sehingga informasi kepada masyarakat tidak tersampaikan dengan baik.

Untuk menangani masalah tersebut dibutuhkan website. Website adalah pendekatan yang menunjukan bahwa desain dan pengembangan harus menanggapi perilaku dan lingkungan berdasarkan pada ukuran paltform dan orientasi layar. (smash magazine.com). maka dari itu Dinas Komunikasi dan Informasi Kabupaten Bogor membutuhkan website yang bisa dibuka.

Dinas Komunikasi dan Informasi (Diskominfo) merupakan unit pelaksanaan Depeartemen Komunikasi yang dijadikan sebagai tempat penelitian adalah Dinas Komunikasi dan Informasi di Bogor. Berdasarkan hasil wawancara dengan bagian humas yaitu Bapak Wawan serta hasil observasi, pelayanan informasi mengenai kerja praktek dirasakan masih kurang efektif, hal ini dikarenakan sistem yang dilakukan masih bersifat manual, sebagai contoh dalam mendapatkan informasi dan permohonan izin untuk melakukan kerja praktek harus datang ke kantor membuat pihak bagian humas merasa sedikit terganggu karena menghambat pekerjaan. Masalah lain yang ditemukan adalah mengenai pengarsipan atau pemberkasan surat kerja praktek, surat-surat permohonan kerja praktek menumpuk dan memakan tempat.

Web adalah suatu metode untuk menampilkan informasi di internet, baik berupa teks, gambar, suara maupun video. yang interaktif dan mempunyai kelebihan untuk menghubungkan (link) satu dokumen yang lainnya, yang dapat diakses melalui sebuah browser.

Berdasarkan uraian di atas, maka diperlukan sebuah sistem informasi kerja praktek berbasis Web di Dinas Komunikasi dan Informasi.

Tujuan1. Memberikan Informasi Tentang Pelayanan Diskominfo Kapubaten Bogor2. Memberikan Informasi Agenda dalam ruang lingkup Diskominfo Kapubaten Bogor

Batasan MasalahRuang lingkup penelitian ini adalah Pembuatan website dibuat dengan menyesuaikan

kebutuhan yang ada di Diskominfo Kabupaten Bogor. Kajian dibuat batasan masalah yang lebih spesifik, karena keterbatasan waktu Pembuatan Dalam penerapan pembuatan website ini ada beberapa batasan yang dibuat yaitu :

1 User Interface untuk Pengguna dibuat hanya untuk melihat informasi, melakukan pencarian berita dan komentar.

2 Pada bagian Login dibagi menjadi 2 yaitu admin dan operator. Admin bisa mengelola semua fungsi sedangkan operator hanya mengelola beberapa fungsi saja.

ManfaatManfaat dari pembuatan Website pada Kantor Diskominfo Kabupaten Bogor ini

adalah :1. Memberikan informasi tentang Diskominfo Kabupaten Bogor.2. Memberikan tampilan Website.

Memfilter kata-kata yang kurang baik pada bagian komentar berita.

TINJAUAN PUSTAKA Data dan InformasiData merupakan suatu fakta dan gambar yang umumnya sulit dimanfaatkan karena

volumenya yang besar dan belum terolah. Informasi adalah data yang telah diolah sehingga lebih bermakna.Informasi juga biasanya menyampaikan sesuatu yang baru dan belum diketahui oleh Pengguna. (McLeod & Schell 2008).

JavascriptJavascript adalah bahasa yang digunakan untuk yang membuat program yang

digunakan agar dokumen HTML yang ditampilkan dalam browser menjadi lebih interaktif, tidak sekadar indah saja. (Sidik 2011).

jQueryjQuery adalah library Javascript yang sangat popular dan banyak digunakan oleh

pemrogram web, dan termasuk salah satu library yang diadopsi oleh Microsoft untuk sehingga tersedia dalam lingkungan pengembangan aplikasinya. (Sidik 2012).

CSSCascade Style Sheet (CSS) merupakan elemen dalam dokumen HTML yang digunakan

untuk melakukan pemformatan Pengguna yang luas tanpa harus mempergunakan pemrograman komputer yang berbiaya mahal (McLeod, bagaimana suatu elemen harus ditampilkan dalam browser.CSS digunakan untuk mendefenisikan posisi suatu elemen harus ditampilkan dalam browser. (Sidik 2011).Basis Data

Basis data adalah sekumpulan file. Defenisi basis data adalah basis data merupakan kumpulan data yang berada di bawah kendali perangkat lunak sistem manajemen basis data. (McLeod & Schell 2008).

Sistem Manajemen Basis DataSistem manajemen basis data adalah kumpulan program yang mengkoordinasikan

semua kegiatan yang berhubungan dengan basis data. Sistem manajemen basis data memungkinkan membuat sebuah basis data , memelihara isinya, dan menyebarkan data kepada khalayak & Schell 2008).MySql

SQL (biasa dibaca sequel) adalah kependekan dari Structured Query Language. SQL merupakan bahasa yang dirancang untuk berkomunikasi dengan database. Tidak seperti bahasa pemrograman (seperti C, Visual Basic, dan sebagainya), SQL hanya memiliki beberapa kata kunci saja. Tujuan dirancangnya SQL adalah untuk mengefisienkan dan menyederhanakan kita dalam membaca atau menulis data dari/ke dalam database (Raharjo et al. 2014).

PHP Hypertext PreprocessorPHP adalah salah satu bahasa pemrograman skrip yang dirancang untuk membangun

aplikasi web. Ketika dipanggil dari web browser, program yang ditulis dengan PHP akan di-parsing di dalam webserver oleh interpreter PHP dan diterjemahkan ke dalam dokumen HTML, yang selanjutnya akan ditampilkan kembali ke web browser. Karena pemrosesan program PHP dilakukan di lingkungan web server, PHP dikatakan sebagai bahasa sisi server (server-side) (Raharjo et al. 2014).

Pengujian pengujian perangkat lunak dari segi spesifikasi fungsional tanpa menguji desain dan

kode program.Pengujian dimaksudkan untuk mengetahui fungsi-fungsi, masukan, dan keluaran dari perangkat lunak sudah sesuai dengan spesifikasi yang dibutuhkan atau belum.Pengujian black-box dilakukan dengan membuat kasus uji yang bersifat mencoba semua fungsi dengan memakai perangkat lunak sudah sesuai dengan spesifikasi yang dibutuhkan atau belum.Kasus uji yang dibuat untuk pengujian harus dibuat dengan kasus benar dan kasus salah (Rosa &Shalahuddin 2011).

BootstrapBootstrap adalah sebuah framework CSS yang menyediakan kumpulan komponen-

komponen antarmuka dasar pada web yang telah dirancang sedemikian rupa untuk digunakan bersama-sama. Selain komponen antarmuka, Bootstrap juga menyediakan sarana untuk

membangunlayout halaman dengan mudah dan rapi, serta modifikasi pada tampilan dasar HTML untuk membuat seluruh halaman web yang dikembangkan senada dengan komponen-komponen lainnya.Bootstrap dibuat untuk memberikan sekumpulan perangkat yang dapat digunakan untuk membangun website sederhana dengan mudah( Luphly).

Data Flow DiagramData flow diagram adalah diagram untuk menggambarkan aliran data dalam sistem,

sumber dan tujuan data, proses yang mengolah data tersebut, dan tempat penyimpanan datanya (Yasin 2012).

Entity Relationship Diagram (ERD)ERD merupakan pendekatan dalam membentuk desain database yang dimulai dengan mengidentifikasi entitas yang penting serta atribut dan hubungan antara entitas data (Connolly & Begg 2005

METODE PENELITIAN

Metode PenelitianMetode penelitian yang digunakan dalam praktek lapang ini menggunakan pendekatan metode SDLC ( System Development Live Cycle ) yang merupakan serangkaian aktivitas yang dilaksanakan oleh profesional dan pemakai sistem informasi untuk mengembangkan dan mengimplementasikan sistem informasi.

Tahap Perencanaan Tahap perancanaan ini dilakukan untuk membuat langkah kerja yang sistematis dan

lebih efisien. Tahap Analisis

Tahap ini dilakukan dengan cara pembuatan metode pengembangan sistem yang digunakan pada pembuatan website pada Diskominfo Kabupaten Bogor. Ada lima tahapan

yaitu : Komunikasi, Perencanaan Cepat, Pemodelan, Design Cepat, dan Penyerahan Sistem ke pengguna umpan balik (Pressman 2010).Penghitungan Metodea. Perangkat Keras

Perangkat keras yang digunakan dalam pembuatan sistem ini notebook Compaq 420 dengan spesifikasi sebagai berikut:

1 Processor Intel (R) Core (TM)Duo CPU T6570 @2.10GHz2 Memory RAM 1 GB3 Harddisk 500 GB4 Keyboard5 Mouseb. Perangkat Lunak

Perangkat lunak yang digunakan dalam pembuatan sistem ini adalah:

1 Operating System: Windows 7 Ultimate2 Database Management System: MySQL.3 Programming Language: PHP, CSS dan JavaScript.4 Web server: Apache.5 Web browser: Mozilla Firefox dan Google Chrome6 Text editor: Sublime Text dan Adobe Dreamwaver CS57 Adobe Photoshop CS5 untuk membuat dan mengolah gambar-gambar yang digunakan

untuk tampilanc. Analisis Kebutuhan Sistem

Setelah melakukan pemaparan aplikasi yang akan dibuat dan proses pengumpulan data selesai, maka dilakukan tahap analisis kebutuhan sistem. Pada tahap ini dilakukan analisis untuk menentukan hubungan antara pengelola dan Pengguna sistem.

d. Analisis Kebutuhan InformasiPada tahap analisis kebutuhan sistem maka dapat diketahui kebutuhan informasi dari

sistem yang akan dibangun, yaitu:1 Penyediaan Informasi Diskominfo Kabupaten Bogor2 Memfilter komentar pada berita Diskominfo Kabupaten Bogor3 Memberikan tampilan.

e. Analisis Kebutuhan FungsionalBerdasarkan hasil wawancara dengan pihak-pihak terkait, dapat diketahui beberapa

fungsi yang dimiliki dalam pembuatan sistem ini. Penamaan kode fungsional kebutuhan Pembuatan Website.

Perancangan Sistem Diagram Konteks

Diagram konteks bertujuan memberikan gambaran umum sistem serta menggambarkan masukan, proses dan keluaran yang diperlukan dalam sistem. Diagram konteks Website pada Diskominfo Kabupaten Bogor memiliki dua entitas yaitu admin dan pengunjung biasa.

Berikut penjelasan diagram konteks Website Diskominfo Kabupaten Bogor:Entitas Admin dapat melakukan login, memasukkan data foto, data album, data unit

kerja, data users baru, data video, data kategori, data badword, data agenda, data berita, data sekilas info, membalas kontak kami, menghapus atau memblokir komentar, mengUpdate data

profil, data visimisi, data strategi, data tupoksi, data prestasi dan penghargaan, data program dan kegiatan, data LPSE, data media center, data MCAP, data Majalah Inovasi.

DFD Level 2DFD level 2 merupakan penjabaran dari DFD level 1. DFD level 2 dibuat sebagai

penguraian proses-proses dari DFD level 1 yang menggambarkan proses manipulasi data berita yaitu meliputi tambah, ubah, dan hapus data berita. Berikut penjelasan DFD level 2 manipulasi data berita sebagai berikut :1 Proses tambah data berita, pada proses ini admin memilih menu berita, proses

selanjutnya tambah data berita, kemudian data yang dibuat dimasukan ke dalam tabel berita lalu ditampilkan dalam bentuk tabel.

2 Proses ubah data berita, pada proses ini admin memilih menu berita, proses selanjutnya ubah data berita, kemudian data yang telah diubah dimasukkan ke dalam tabel berita lalu ditampilkan dalam bentuk tabel.

3 Proses hapus data berita, pada proses ini admin memilih menu berita, proses selanjutnya hapus data berita.

a. Perancangan DatabasePerancangan konseptual merupakan gambaran konseptual dari database, yang di

dalamnya termasuk identifikasi entitas, atribut, dan relasi.Relasi pada perancangan Implementasi Antarmuka

Hasil implementasi antarmuka dari Website pada Diskominfo Kabupaten Bogor. dapat dilihat pada Gambar 9 antarmuka halaman Beranda Pengguna website, Gambar antarmuka halaman Beranda operator/admin website, dan Gambar antarmuka halaman login operator/admin.

Gambar. Antarmuka halaman Beranda Pengguna website

Gambar. Antarmuka halaman Beranda operator/admin website

Gambar. Antarmuka halaman login operator/admin

Pengujian Hasil pengujian dari Website pada Diskominfo Kabupaten Bogor pada . Dapat dilihat pada

gambar di bawah ini.

Gambar. Pengujian

PERANCANGAN DAN IMPLEMENTASIMetode Bidang Kajian Metode pengembangan sistem diperlukan untuk membuat langkah kerja yang sistematis. metode pengembangan ini digunakan pada pembuatan Website pada Kantor Diskominfo Kabupaten Bogor adalah metode pemodelan design cepat, pembentukan, dan penyerahan sistem ke pengguna dan umpan balik (Presman 2010).

Komunikasi Pembuatan dimulai dibuat dengan dilakukannya komunikasi antar tim pengembang perangkat lunak dengan para pelanggan. Awal dari tahap komunikasi yang dilakukan adalah

melakukan pengumpulan data dengan cara melakukan wawancara dengan staf dan pembimbing lapangan. serta observasi terhadap sistem yang sudah ada di instansi digunakan untuk pengumpulan data dan tampilan Sistem.

Perencanaan Secara Cepat Iterasi pembuatan direncanakan dengan cepat dan pemodelan perancangan secara cepat. suatu rancangan cepat berfokus pada representasi semua aspek perangkat lunak dan analisis yang akan dilihat oleh para pengguna akhir misalnya, rancangan antar muka pengguna. (user interface).

Pemodelan Perancangan Secara Cepat Rancangan cepat (Quick Design) akan memulai konstruksi pembuatan. tahap ini terjadi atas perancangan sistem, perancangan database, implementasi antar muka, perancangan masukkan, implementasi proses, dan perancangan keluran.

Penyerahan Sistem Kepada Pengguna Dan Umpan Balik Setelah evaluasi selesai, Website pada Kantor Diskominfo Kabupaten Bogor akan dipersentasikan kepada pengguna. akan menguji hasil dan akan memutuskan apakah sudah memuaskan atau belum. jika belum memuaskan, akan diperbaiki dengan mengulang langkah satu sampai dengan langah tiga. jika sudahn memuaskan maka akan dilanjutkan ke tahap berikutnya. pengujian yang dilakukan pengguna menggunakan pengujian blackbox. pengujian blackbox digunakan untuk menguji fungsi-fungsi yang telah dibuat pada sistem tersebut, hasil pengujian dapat dilihat berdasarkan keluaran yang dihasilkan dari data masukkan yang telah diproses dengan fungsi yang ada.

HASIL DAN PEMBAHASANHasil. Penyerahan Sistem Kepada Pengguna & Umpan Balik

Pada tahap ini evaluasi dilakukan oleh pengembang dan pelanggan. Setelah melakukan demo program kepada pelanggan dan pelanggan telah menyetujui sistem tersebut, dengan demikian tersebut sudah dapat dijadikan sistem yang siap untuk dipakai.Setelah melakukan demonstrasi kepada pengguna, pengguna dapat melihat hasil pengembangan sistem dan diharapkan pengguna dapat memberi masukan apakah sistem tersebut telah layak pakai atau perlu dikembangkan lagi.

Hasilnya adalah pengguna menyatakan bahwa sistem perlu dikembangkan lagi dengan penambahan hak akses, yaitu penambahan fitur hapus data Album dan hapus Manajemen User serta penambahan fungsi agenda pada operator. hasil evaluasi yanng telah dilakukan menunjukkan bahwa belum bisa menjadi sistem yang bisa untuk digunakan secara aktual. untuk mengatasi hal tersebut, maka dilakukan Iterasi kedua untuk memenuhi permintaan pengguna.Hasil

Hasil evaluasi dan permintaan baru terjadi pada tahap selanjutnya yaitu, tahap yang sudah disetujui dan dibahas ulang pada tahap pembahasan terpusat, dan fungsi-fungsi yang telah disepakati pada evaluasi.Komunikasi

Setelah tahap wawancara dilakukan, pada tahap pengembangan ini juga dilakukan wawancara dengan staf Diskominfo terkait dengan sistemyang akan dibuat, karena setelah evaluasi, kebutuhan sistem yang belum terdeskripsikan biasanya akan muncul danakan bertambah.Uji Coba Dalam uji coba Website Kantor Diskominfo ini, terdapat beberapa tahap Uji coba dilakukan dalam 3 cara yaitu : a. Uji Coba Struktural b. Uji Coba Fungsional c. Uji Coba Validasi\Uji Coba Struktural Uji coba struktural adalah uji coba untuk mengetahui apakah struktural atau alur sistem yang dibuat sudah sesuai dengan yang dirancang. Hasil uji coba struktural dapat dilihat pada tabel dibawah ini.No. Uji Coba Hasil 1. login Menu Utama Sesuai 2. Menu Utama Username & Password Modul User Sesuai 3. Menu Utama Beranda Profil Sesuai 4. Agenda Kategori Sesuai

Uji Coba Fungsional Uji coba Fungsional dilakukan untuk mengetahui apakah sistem yang dibuat berfungsi dengan baik. Pada tahap ini dilakukan percobaan untuk mengetahui apakah fungsi dari setiap tombol atau menu pada Website dapat berfungsi dengan baik.

No Tombol / Menu Fungsional 1. Verifikasi login

operator/AdminOperator melakukan login untuk dapat mengakses sistem dengan cara menginputkan username dan

No Tombol / Menu Fungsionalpassword operator

2. Logout Menghapus sesi login 3. Manipulasi data foto Manipulasi data foto 4. Tambah data foto Menambahkan data foto 5. Ubah data foto Mengubah data foto 6. Hapus data foto Menghapus data foto 7. Manipulasi data Kategori Manipulasi data Kategori 8. Tambah data Kategori Menambahkan data Kategori 9. Ubah data Kategori Mengubah data Kategori 10. Hapus data Kategori Menghapus data Kategori 11. Manipulasi data sekilas

InfoManipulasi data sekilas info

12. Tambah data sekilas info Menambahkan data sekilas info 13. Ubah data sekilas info Mengubah data sekilas info 14. Hapus data sekilas info Menghapus data sekilas info

Uji Coba Validasi

Uji coba validasi dilakukan untuk mengetahui apakah sistem yang dibuat dapat bekerja dengan benar, pada percobaan Website ini. Berikut tabel Uji Coba Validasi.

Skenario Pengujian Hasil yang Diharapkan Hasil Uji

Login Operator/Admin mengisi username dan password yang benar

Tampil halaman Pengguna dan memiliki hak akses

Sukses

Operator/Admin mengosongkan field username

Tampil pesan anda belum mengisi username

Sukses

Operator/Admin mengosongkan field password

Tampil pesan anda belum mengisi password

Sukses

Menambahkan data Modul

Admin mengisi data modul dengan benar

data tersimpan di database dan akan muncul ke halaman manajemen modul

Sukses

Admin mengosongkan field/tidak diisi dengan baik

Tampil warning“ harap isi bidang ini”

Sukses

Ubah data Modul

Mengubah data Modul Langsung tampil pada halaman Manajemen Modul

Sukses

Hapus data Modul

Operator/Admin akan menghapus data muncul Konfirmasi hapus klik “Ok ” untuk menghapus

Langsung tampil pada halaman Manajemen Modul

Sukses

KESIMPULAN Kesimpulan Kesimpulan Website pada Diskominfo Kabupaten Bogor ini telah berhasil dibuat. Pembuatan website ini agar Pengguna ketika akan mengakses informasi pelayanan atau agenda diskominfo Kota Bogor. website ini menyesuaikan dengan ukuran device yang digunakan yang dilengkapi dengan fitur filtering, bad words pada komentar berita.

Pembangunan Website pada Diskominfo Kabupaten Bogor ini memudahkan bagi pengakses website baik itu konsumen maupun user umum untuk memperoleh informasi produk-produk yang ditawarkan. Website yang telah dibangun ini berhasil menampilkan beberapa info seperti profil, produk, tim kerja, berita, serta kotak saran yang ditujukan kepada pengakses website.berdasarkan hasil responden menyatakan dengan adanya membangun media berbasis website ini, konsumen dan masyarakatumum pengguna internet dapat dengan mudah mendapatkan informasi seputar layanan pemesanan yang ditawarkan.

No

1.

2.

3.

4.

DAFTAR PUSTAKA

Connoly, M. T., & Carolyn, E. B. (2005). Database System A Practical Approach to Design, Fourth Edition. British.Knight, K. (2011, 1 12). Reponsive Website. Retrieved from Smashmagazine.com:

http://www.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/#more-75660

Luphly, A. (n.d.). Pengertian Bootstrap. Retrieved from www.academia.edu: http://www.academia.edu/6204469/Apa_itu_Bootstrap

McLeod R Jr, Schell GP. 2008. Sistem Informasi Manajemen. Ed ke-10.Ali Akbar Yulianto dan Afia R. Fitriati, penerjemahan: Nina Setyaningsih, Editor. Jakarta: Salemba Empat. Terjemah dari: Management Information System, tenth edition. Pearson Prentice Hall, Inc.

Pressman RS. 2012. Rekayasa Perangkat Lunak: Pendekatan Praktisi Edisi-7. Nugroho A, et.al, penerjemahan: Hardjono D, Editor. Yogyakarta (ID):Penerbit Andi. Terjemahan dari. Software Engineering. A Practitioner’s Approach, Seventh Edition.

Raharjo B, Heryanto I, K E.Rosdiana.2014.Modul Pemrograman Web HTML, PHP & MySql Revisi Kedua.Bandung:Modula.

Rosa AS, Shalahuddin M. 2013. Rekayasa Perangkat Lunak ( Terstruktur dan Berorientasi Objek). Bandung: Informatika.

Saputra A. 2012. WebTips:PHP, HTML5 dan CSS. Jakarta: Jasakom.

Satzinger J W, Jackson R B, Burd S D. 2009. Systems Analysis and Design in a Changing World, Fifth Edition. Boston: Course Technology.

Yasin V.2012. Rekayasa Perangkat Lunak Berorientasi Objek. Jakarta: Mitra Wacana Media.