Laporan KP UINSA [PDF]

Citation preview

i



LAPORAN KERJA PRAKTIK WEBSITE DPW PKB JAWA TIMUR



Disusun Oleh : Feby Fitriani Sudarsono



(H76216057)



Ivan Bagoes Pramadhani



(H76216038)



PROGRAM STUDI SISTEM INFORMASI FAKULTAS SAINS DAN TEKNOLOGI UIN SUNAN AMPEL SURABAYA 2019



ii



LAPORAN KERJA PRAKTIK WEBSITE DPW PKB JAWA TIMUR



Disusun Oleh : Feby Fitriani Sudarsono



(H76216057)



Ivan Bagoes Pramadhani



(H76216038)



PROGRAM STUDI SISTEM INFORMASI FAKULTAS SAINS DAN TEKNOLOGI UIN SUNAN AMPEL SURABAYA 2019



Kata Pengantar



iii



Alhamdulilah Puji syukur kami panjatkan kepada Allah SWT, atas ridho dan hidayahnya serta Sholawat serta salam kepada Rasulullah SAW , sehingga kami dapat menyelesaikan projek pembuatan Website utama DPW PKB dan dapat menyelesaikan penyusunan laporan Kerja Praktek ini yang berjudul “Laporan Kerja Praktik Website Utama di DPW PKB Jawa Timur”. Laporan kerja praktek ini disusun untuk memenuhi salah satu syarat matakuliah pada Pendidikan jenjang strata satu pada Program Studi Sistem Informasi di Universitas Islam Negeri Sunan Ampel Surabaya. Kami menyadari bahwa terselesainya projek Website Utama DPW PBK Jawa Timur dan penyusunan Laporan Kerja Praktek atas kerja sama kelompok dan bimbingan juga arahan dari berbagai pihak yang telah membantu baik secara langsung maupun tidak langsung. Maka kami ingin berterima kasih kepada : 1. Kedua Orang Tua, karena do’a dan ridhonya kami bisa menjalankan kerja praktek ini dengan lancar. 2. Bapak Andik Izzuddin, M.Kom selaku Kepala Prodi Sistem Informasi atas izin dan bimbingan melakukan kerja praktek. 3. Bapak Faris Muslihul Amin, M.Kom selaku Dosen Wali atas semua bimbingan dan semua bantuannya. 4. Bapak Multazamudz Dzikri, M.Pd selaku Ketua Media Center DPW PKB Jawa Timur dan Pembimbing Lapangan atas semua bimbingan dan arahan selama kerja praktek.



Kami juga menyadari bahwa laporan ini masih sangat jauh dari kata sempurna dan masih terdapat banyak kekurangan. Namun kami sangat mengharapkan bahwa lapora ini dapat memudahkan dan membantu pembaca serta bermanfaat bagi pembaca. Maka dari itu kritik dan saran membangun sangat kami harapkan , guna memperbaiki kesalahan dan kekurangan yang ada. Surabaya, 7 Februari 2019



Penulis



iv



DAFTAR ISI COVER ...................................................................................................... Error! Bookmark not defined. LEMBAR JUDUL ..................................................................................... Error! Bookmark not defined. KATA PENGANTAR ............................................................................... Error! Bookmark not defined. DAFTAR ISI............................................................................................................................................... iv DAFTAR GAMBAR .................................................................................................................................. vi DAFTAR TABEL ..................................................................................................................................... vii BAB I PENDAHULUAN .......................................................................... Error! Bookmark not defined. 1.1



Latar Belakang Masalah.............................................................. Error! Bookmark not defined.



1.2



Perumusan Masalah .................................................................... Error! Bookmark not defined.



1.3



Batasan Masalah ......................................................................... Error! Bookmark not defined.



1.4



Tujuan Kerja Praktik ................................................................... Error! Bookmark not defined.



1.5



Manfaat Kerja Praktik ................................................................. Error! Bookmark not defined.



1.6



Sistematika Penyusunan.............................................................. Error! Bookmark not defined.



BAB II DASAR TEORI............................................................................ Error! Bookmark not defined. 2.1



Landasan Teori............................................................................ Error! Bookmark not defined.



2.1.1 Pengenalan Website ................................................................... Error! Bookmark not defined. 2.1.1.1 Definisi Website.................................................................. Error! Bookmark not defined. 2.1.1.2 Cara Akses Website ............................................................ Error! Bookmark not defined. 2.1.1.3 Jenis Website ...................................................................... Error! Bookmark not defined. 2.1.1.3.1 Statis............................................................................. Error! Bookmark not defined. 2.1.1.3.2 Dinamis ........................................................................ Error! Bookmark not defined. 2.1.1.4



Tujuan Penggunan Website ............................................ Error! Bookmark not defined.



2.1.1.4.1 Company Profile .......................................................... Error! Bookmark not defined. 2.1.1.4.2 Portal Berita ................................................................. Error! Bookmark not defined. 2.1.1.4.3 E-Commerce................................................................. Error! Bookmark not defined. 2.1.1.4.4 Blog .............................................................................. Error! Bookmark not defined. 2.1.1.4.5 Aplikasi Berbasis Website ............................................ Error! Bookmark not defined. 2.1.2 Pengenalan PHP ......................................................................... Error! Bookmark not defined. 2.1.2.1 Sejarah PHP ........................................................................ Error! Bookmark not defined. 2.1.2.2 Kelebihan PHP .................................................................... Error! Bookmark not defined. 2.1.3 Pengenalan BARENLITBANG ................................................. Error! Bookmark not defined. 2.1.4 Pengenalan OPD ........................................................................ Error! Bookmark not defined.



v 2.1.5 Pengenalan Masyarakat.............................................................. Error! Bookmark not defined. 2.2



Paradigma ................................................................................................................................... 15



2.3



Metode Penelitian ....................................................................................................................... 15



BAB III TINJAUAN UMUM ................................................................................................................... 17 3.1



Profil Tempat KP ........................................................................ Error! Bookmark not defined.



3.2



Ruang Lingkup KP ..................................................................................................................... 18



3.3



Time Schedule ............................................................................................................................ 19



BAB IV PEMBAHASAN ......................................................................................................................... 20 4.1



Flowchart .................................................................................................................................... 20



4.2



DFD............................................................................................................................................. 22



4.3



Use Case...................................................................................... Error! Bookmark not defined.



4.3.1



Use Case Diagram .............................................................. Error! Bookmark not defined.



4.3.2



Definisi Aktor ..................................................................................................................... 23



4.4



Tanpilan Desain Database ........................................................................................................... 24



4.5



Tampilan Sistem ......................................................................................................................... 25



4.5.1



Tampilan Beranda ............................................................................................................... 25



4.5.2



Tampilan Login ................................................................... Error! Bookmark not defined.



4.5.3



Tampilan halaman Admin Barelitbang ............................................................................... 26



4.5.4



Tampilan halaman OPD ...................................................................................................... 27



BAB V PENUTUP..................................................................................................................................... 40 5.1



Kesimpulan ................................................................................................................................. 40



5.2



Saran ........................................................................................................................................... 40



DAFTAR PUSTAKA ................................................................................................................................ 41 LAMPIRAN............................................................................................................................................... 42



vi



DAFTAR GAMBAR Gambar 1 : Alur Metode Penelitian ............................................................................................................ 15 Gambar 2 : Struktur Organisasi .................................................................. Error! Bookmark not defined. Gambar 3 : Flowchart E-forum ................................................................... Error! Bookmark not defined. Gambar 4 : DFD.......................................................................................... Error! Bookmark not defined. Gambar 5 : Use Case Diagram.................................................................... Error! Bookmark not defined. Gambar 6 : Desain Database ....................................................................................................................... 24 Gambar 7 : Tampilan Beranda .................................................................... Error! Bookmark not defined. Gambar 8 : Tampilan Login ........................................................................ Error! Bookmark not defined. Gambar 9 : Tampilan admin ....................................................................... Error! Bookmark not defined. Gambar 10 : Tampilan User OPD ............................................................................................................... 33



vii



DAFTAR TABEL Tabel 1 : Time Schedule ............................................................................................................................. 19 Tabel 2 : Aktor Use Case ............................................................................ Error! Bookmark not defined.



8



Bab I Pendahuluan 1.1 Latar Belakang Pada zaman yang semakin berkembang ini, teknologi mengalamani perkembangan dan kemajuan yang sangatlah pesat . Perkembangan teknologi yang dari tahun ke tahun mengalami peningkatan pesat menjadi tantangan tersendiri bagi penggunanya. Dalam hal ini juga Banyak halnya dalam kehidupan masyarakat pada saat ini tergantung pada teknologi. Bahkan teknologi saat ini menjadi life style tersendiri bagi penggunanya. Penggunaan teknologi bukan hanya memiliki kepentingan bagi individu , melainkan kelompok . Seperti halnya suatu organisasi. Pada zaman yang tidak bisa terlepas dari teknologi ,mengharuskan masyarakat untuk mengikuti kemajuan zaman ini. Apalagi untuk organisasi. DPW PKB Jawa Timur berlokasi di JL. Ketintang Madya, 153 - 155, Karah, Jambangan, Kota SBY, Jawa Timur 60232 adalah Lembaga partai politik PKB (Partai Kebangkitan Bangsa) yang memiliki peran penting terhadap Partai Kebangkitan Bangsa di wilayah Jawa Timur. Didalam DPW PKB Jawa Timur terdapat banyak bagian seperti halnya, ada kesekretariatan, bagian press, humas dan juga Media Center. Dalam bagian bagian tersebut tentunya sudah memiliki tugas yang berbeda-beda. Seperti halnya media center, yang mempunyai peran yang penting dalam meningkatkan elektabilitas partai politik. Mendirikan media center dalam partai politik menjadi salah satu bentuk pengelolaan media yang sangat penting karena media center itu sendiri memiliki peran sebagai pusat informasi segala hal yang berkaitan dengan partai, maupun berita atau pers resmi yang dikeluarkan oleh partai politik. Salah satu cara bagian media center dalam melakukan perannya, selain melakukan pembuatan branding terhadap paslon politik yang akan dicalon, adalah dengan menjadi pusat informasi itu sendiri dengan menggunakan website sebagai sumber informasi yang resmi dari partai politik tersebut. Website adalah sebuah platfrom, yang berfungsi agar masyarakat luar bisa mengetahui informasi suatu instansi atau perusahaan ataupun organisasi. Website juga menjadi daya Tarik tersendiri dan menjadi media promosi . Agar masyarakat mengetahui



9



seperti apa organisasi tersebut. Seperti halnya website DPW PKB (Dewan Perwakilan Daerah Partai Kebangkitan Bangsa) . Website tersebut berisikan informasi terkait DPW PKB dan menjadikan sumber informasi yang resmi terkait dengan partai tersebut.



1.2 Rumusan Masalah Seperti yang tertulis pada latarbelakang di atas, rumusan masalah pada DPW PKB adalah bagaimana membuat website yang memudahkan masyarakat untuk mengakses dan mengetahui informasi terkait denan DPW PKB Jawa Timur. Dan pihak DPW PKB Jawa Timur dapat dengan mudah membagikan informasi yang resmi terkait partai politik tersebut. 1.3 Batasan Masalah Berdasarkan rumusan masalah di atas tersebut, maka Batasan masalah dalam laporan ini adalah : 1. Pengelolaan data yang menjadi informasi seputar partai politik kepada masyarakat. 2. Bahasa pemrograman menggunakan Code Igniter dan menggunakan phpMyAdmin sebagai database nya.



1.4 Tujuan 1. Tujuan Umum 1. Sebagai salah satu syarat agar mendapatkan kelulusan matakuliah kerja praktek prodi sistem informasi Uin sunan ampel Surabaya. 2. Meningkatkan dan memantapkan ilmu yang telah dipelajari dan memperluas ilmu pengetahuan yang dapat membentuk kemampuan dan menjadi bekal untuk memasuki dunia lapangan kerja yang sesuai . 3. Melatihkan dan membentuk sikap yang professional untuk berlatih dalam dunia kerja. 4. Memberikan pandangan dunia lapangan kerja yang sesungguhnya. 2. Tujuan Khusus 1. Sebagai sumber informasi resmi partai politik terkait 2. Memudahkan masyarakat mengetahui berita atau pers yang sedang terjadi terkait dengan partai politik tersebut.



10



3. Sebagai media sarana promosi (branding).



1.5 Manfaat Bagi DPW PKB Memudahkan berbagi informasi dengan masyarakat dan bisa jadi menjadi media promosi untuk partai PKB itu sendiri Bagi Masyarakat Lebih memudahkan mendapatkan infomasi yang terkait dengan PKB 1.6 Sistematika Penyusunan Bab I



: PENDAHULUAN. Bab ini berisikan latarbelakang , perumusan



masalah, Batasan masalah, tujuan, manfaat, dan sistematika penyusunan. Bab II



: DASAR TEORI. Pada bab ini menjelaskan landasan teori yang ada



dalam pembuatan projek tersebut. Bab III



: TINJAUAN UMUM OBYEK KERJA PRAKTIK. Dalam bab ini



membahas mengenai Profil DPW PKB Jawa Timur yang meliputi : Dekripsi umum, tugas dan wewenang, visi dan misi dan struktur DPW PKB Jawa Timur itu sendiri. Ada pula pembahasan Lingkup Kerja Praktik dan Alur Kerja Praktik (KP). Bab IV



: PAPARAN HASIL , KERJA PRAKTIK (KP). Dalam bab ini



membahas Analisis, Layout Antarmuka, dan rancangan Database. Bab V



: PENUTUP. Pada bab ini berisikan tentang kesimpulan dan saran.



11



Bab II Dasar Teori 2.1



Landasan Teori 2.1.1 Website Website adalah sebuah halaman yang menyajikan informasi baik dalam bentuk tulisan, gambar, suara, atau video yang diletakkan di dalam sebuah server/hosting di mana untuk mengaksesnya diperlukan jaringan internet. Website sering juga disebut sebagai web, site, situs, atau situs web. Sebuah website agar bisa diakses di internet diperlukan 2 komponen yang harus ada yaitu Domain dan Hosting. Pengertian dari website juga dapat diarti suatu halaman web yang saling berhubungan yang umumnya berisikan kumpulan suatu halaman web yang saling berhubungan yang umumnya berisikan kumpulan informasi berupa data teks, gambar, animasi, audio, video maupun gabungan dari semuanya yang biasanya dibuat untuk personal, organisasi dan perusahaan. Dari pengertian website tersebut dapat dibedakan menjadi 2 yaitu web bersifat statis dan dinamis. Bersifat statis apabila isi informasinya tetap dan isi informasinya hanya dari pemilik website sedangkan web yang bersifat dinamis apabila isi informasinya selalu berubah-ubah dan dapat diubah-ubah oleh pemilik maupun pengguna website. Contoh web statis : website profil perusahaan, sedangkan contoh web dinamis seperti facebook, twitter dll. 2.1.2



PHP PHP adalah singkatan dari "PHP: Hypertext Prepocessor", yaitu bahasa pemrograman yang digunakan secara luas untuk penanganan pembuatan dan pengembangan sebuah situs web dan bisa digunakan bersamaan dengan HTML. PHP diciptakan oleh Rasmus Lerdorf pertama kali tahun 1994. Pada awalnya PHP adalah singkatan dari "Personal Home Page Tools". Selanjutnya diganti menjadi FI ("Forms Interpreter"). Sejak versi 3.0, nama bahasa ini diubah menjadi "PHP: Hypertext Prepocessor" dengan singkatannya "PHP". PHP versi terbaru adalah versi ke-5. Pada bulan Juni 1996, dirilis PHP/FI 2.0. Pada rilis ini interpreter PHP



12



sudah diimplementasikan dalam program C. Dalam rilis ini disertakan juga modulmodul ekstensi yang meningkatkan kemampuan PHP/FI secara signifikan. Pada tahun 1997, sebuah perusahaan bernama Zend menulis ulang interpreter PHP menjadi lebih bersih, lebih baik, dan lebih cepat. Kemudian pada Juni 1998, perusahaan tersebut merilis interpreter baru untuk PHP dan meresmikan rilis tersebut sebagai PHP 3.0. Pada pertengahan tahun 1999, Zend merilis interpreter PHP baru dan rilis tersebut dikenal dengan PHP 4.0. PHP 4.0 adalah versi PHP yang paling banyak dipakai pada awal abad ke-21. Versi ini banyak dipakai disebabkan kemampuannya untuk membangun aplikasi web kompleks tetapi tetap memiliki kecepatan dan stabilitas yang tinggi. Pada Juni 2004, Zend merilis PHP 5.0. Dalam versi ini, inti dari interpreter PHP mengalami perubahan besar. Versi ini juga memasukkan model pemrograman berorientasi objek ke dalam PHP untuk menjawab perkembangan bahasa pemrograman ke arah paradigma berorientasi objek. 2.1.3



HTML HyperText Markup Language (HTML) adalah sebuah bahasa markup yang



digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah Penjelajah web Internet dan formating hypertext sederhana yang ditulis kedalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan kedalam format ASCII normal sehingga menjadi home page dengan perintah-perintah HTML. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-Lee Robert ketika mereka bekerja di CERN (lembaga penelitian fisika energi tinggi di Jenewa) pada tahun 1989. Tahun 1980, IBM memikirkan pembuatan suatu dokumen yang akan mengenali setiap elemen dari dokumen dengan suatu tanda tertentu. IBM kemudian mengembangkan suatu jenis



13



bahasa yang menggabungkan teks dengan perintah-perintah pemformatan dokumen. Bahasa ini dinamakan Markup Langiage, sebuah bahasa yang menggunakan tandatanda sebagai basisnya. IBM menamakan sistemnya ini sebagai Generalized Markup Language atau GML. Tahun 1986, ISO menyatakan bahwa IBM memiliki suatu konsep tentang dokumen yang sangat baik, dan kemudian mengeluarkan suatu publikasi (ISO 8879) yang menyatakan markup language sebagai standar untuk pembuatan dokumendokumen. ISO membuat bahasa ini dari GML milik IBM, tetapi memberinya nama lain, yaitu SGML (Standard Generalized Markup Language). ISO dalam publikasinya meyakini bahwa SGML akan sangat berguna untuk pemrosesan informasi teks dan sistem-sistem perkantoran. Tetapi diluar perkiraan ISO, SGML dan terutama subset dari SGML, yaitu HTML juga berguna untuk menjelajahi internet. Khususnya bagi mereka yang menggunakan World Wide Web. Versi terakhir dari HTML adalah HTML 4.01, meskipun saat ini telah berkembang XHTML yang merupakan pengembangan dari HTML. 2.1.4



Database Database merupakan kumpulan informasi yang disimpan di dalam komputer secara



sistematik untuk memperoleh informasi dari basis data tersebut. Database juga bisa diartikan sebagai susunan record data operasional lengkap dari suatu organisasi atau perusahaan, yang diorganisir dan disimpan secara terintegrasi dengan menggunakan metode tertentu sehingga mampu memenuhi informasi yang optimal yang dibutuhkan olehpara pengguna. Database dapat dibuat dan diolah dengan menggunakan suatu program komputer, yaitu yang biasa disebut dengan software (perangkat lunak).Software yang digunakan untuk mengelola dan memanggil kueri (query) database disebut Database Management System (DBMS) atau jika diterjemahkan kedalam bahasa indonesia berarti “Sistem Manajemen Basis Data”. DBMS terdiri dari dua komponen, yaitu Relational Database Management System (RDBMS) dan Overview of Database Management System (ODBMS). RDBMS meliputi Interface Drivers, SQL Engine, Transaction Engine, Relational Engine, dan Storage Engine. Sedangkan ODBMS meliputi Language Drivers,Query Engine, Transaction Engine, dan Storage Engine.



14



2.1.5



Framework CodeIgniter Framework CodeIgniter adalah ini adalah framework yang menggunakan model MVC (model,view dan controller) untuk membangun sebuah website yang dinamis dengan menggunakan php, framework ini adalah turunan dari php jadi kodingnya tidak jauh jauh dari php yang anda kenal sebelumnya dengan model view controller ini seorang developer akan mudah dalam membangun sebuah aplikasi website dan desain tampilan yang terstuktur sehingga dengan model ini dalam maintenance website sangat mudah. CodeIgniter merupakan salah satu framework terbaik saat ini, banyak para develop web menggunakan framework ini dalam pembuatan sistem dan aplikasi mereka. Selain kemudahan dan penggunaannya, codeIgniter juga termasuk framework yang stabil dan cepat dalam penggunaannya, karena menggunakan struktur MVC dalam penggunaan framework ini tak jarang sudah banyak website dan aplikasi menggunakan ini bahkan sudah banyak komunitas codeIgniter dimana – mana. • Model, biasanya berhubungan langsung dengan database untuk memanipulasi data (insert, update, delete, search), menangani validasi dari bagian controller, namun tidak dapat berhubungan langsung dengan bagian view. • View, merupakan bagian yang menangani presentation logic. Pada suatu aplikasi web bagian ini biasanya berupa file template HTML, yang diatur oleh controller. View berfungsi untuk menerima dan merepresentasikan data kepada user. Bagian ini tidak memiliki akses langsung terhadap bagian model. • Controller, merupakan bagian yang mengatur hubungan antara bagian model dan bagian view, controller berfungsi untuk menerima request dan data dari user kemudian menentukan apa yang akan diproses oleh aplikasi.



15



2.2



Paradigma



2.3



Metode Penelitian



Gambar 1 : Alur Metode Penelitian dan Alur Kerja Praktek



Dijelaskan bagaimana metodologi selama kegiatan Kerja Praktik dengan melalui tahapan-tahapan yang meliputi: 1. Pengumpulan Data Pengumpulan data, pada proses ini dilakukan pertemuan dengan pihak DPW PKB untuk memperoleh data yang dibutuhkan, namun sebelum itu kita harus menganalisis kebutuhan atau tugas apa yang akan dilakukan ketika kerja praktek di DPW PKB.



16



2. Studi Literatur Pada tahap studi literatur ini adalah langkah untuk menganalisa masalah dan mencari solusi untuk mendapatkan solusi untuk permasalahan yang sedang dihadapi. 3. Membuat Prototype Web Rancangan prototype web sebelum dilakukannya tahapan selanjutnya adalah penting, karena dengan merancang prototype pada awal langkah bisa mempermudah mengerjakan tugas, dan membuat prototype web bisa diartikan sebagai rancangan atau kerangka dari suatu projek itu sendiri. 4. Membuat Desain Database Pada tahap ini adalah pembuatan wadah atau tempat penyimpanan data dari suatu website itu sendiri. Sehingga data dapat tersimpan dengan rapi. 5. Coding Website Pengkodingan website adalah langkah dimana hasil perancangan kemudian diterjemahkan menjadi bentuk yang dapat dibaca atau dimengerti oleh komputer, berupa Bahasa pemrograman. 6. Membuat Tampilan Guest Tahap ini adalah tahap dimana menghasilkan tampilan utama website itu di buat. Dan tampilan ini menjembatani pengujung website dengan admin. 7. Membuat Tampilan Admin Pembuatan tampilan admin untuk memberikan akses terhadap admin sebagai penginput dari data atau informasi yang dibagikan dalam website. 8. Menyiapkan Hosting Dalam tahap ini, menyiapkan hosting juga sangat penting, karena dengan adanya tahap penghostingan akan membuat program yang dibuat dapat dipublikasikan kepada masyarakat. 9. Upload File Program ke Hosting Setelah terselesainya pensettingan program ke hosting, maka data atau program telah dapat diupload,dan website sudah dapat dipublikasikan.



17



BAB III TINJAUAN UMUM



3.1



Profil Lembaga Dewan Pengurus Wilayah Partai Kebangkitan Bangsa (DPW PKB) 3.1.1 Deskripsi Umum DPW PKB Jawa Timur Sekilas Dewan Perwakilan Wilayah PKB ini adalah suatu lembaga yang difungsikan sebagai wadah untuk menampung setiap jaringan aspirasi masyarakat yang ada di sekitarnya. DPW PKB ini bukan di bentuk untuk mengatur suatu wilayah atas kuasanya melainkan hanya untuk menampung aspirasi-aspirasi dari masyarakat yang di gunakan untukuntuk tujuan PKB ke masa depan yang lebih baik. 3.1.2 Visi dan Misi DPW PKB Jawa Timur Visi 



Mewujudkan cita-cita kemerdekaan Republik Indonesia sebagaimana dituangkan dalam Pembukaan Undang-Undang Dasar 1945.







Mewujudkan masyarakat yang adil dan makmur secara lahir dan batin, material dan spiritual.







Mewujudkan tatanan politik nasional yang demokratis, terbuka, bersih dan berakhlakul karimah.







Misi Bidang Ekonomi: menegakkan dan mengembangkan kehidupan ekonomi kerakyatan yang adil dan demokratis.







Bidang Hukum: berusaha menegakkan dan mengembangkan negara hukum yang beradab, mampu mengayomi seluruh rakyat, menjunjung tinggi hak-hak asasi manusia, dan berkeadilan sosial.







Bidang Sosial Budaya: berusaha membangun budaya yang maju dan modern dengan tetap memelihara jatidiri bangsa yang baik demi meningkatkan harkat dan martabat bangsa.



18



 Bidang Pendidikan: berusaha meningkatkan kualitas sumber daya manusia yang berakhlak mulia, mandiri, terampil, profesional dan kritis terhadap lingkungan sosial di sekitarnya, mengusahakan terwujudnya sistem pendidikan nasional yang berorientasi kerakyatan, murah dan berkesinambungan.



 Bidang Pertahanan: membangun kesadaran setiap warga negara terhadap kewajiban untuk turut serta dalam usaha pertahanan negara; mendorong terwujudnya



swabela



masyarakat



terhadap



perlakuan-perlakuan



yang



menimbulkan rasa tidak aman, baik yang datang dari pribadi-pribadi maupun institusi tertentu dalam masyarakat. 3.1.3 Struktur Partai DWP PKB Jawa Timur 1. Organisasi Tingkat Pusat, dipimpin oleh Dewan Pengurus Pusat, disingkat DPP. 2. Organisasi Daerah Provinsi, dipimpin oleh Dewan Pengurus Wilayah, disingkat DPW. 3. Organisasi Daerah Kabupaten/Kota, dipimpin oleh Dewan Pengurus Cabang, disingkat DPC. 4. Organisasi Tingkat Kecamatan, dipimpin oleh Dewan Pengurus Anak Cabang, disingkat DPAC. 5. Organisasi Tingkat Desa/Kelurahan atau yang setingkat, dipimpin oleh Dewan Pengurus Ranting, disingkat DPRt. 6. Organisasi Tingkat Dusun/Lingkungan/Kawasan Pemukiman, dipimpin oleh Dewan Pengurus Anak Ranting, disingkat DPAR 3.2



Ruang Lingkup KP Dalam laporan kerja praktek (KP) ini diselenggarakan di DPW PKB Jatim. Kerja praktek yang telah dilakukan di DPW PKB Jatim yakni berada pada bagian Media Center . Dalam ruang lingkup ini membahas proses pempublikasian informasi terkait dengan PKB. Ruang lingkup yang akan dibahas dalam laporan ini mengenai : 1. Menjadi penghubung penyebaran informasi kepada masyarakat.



19



2. Mempublikasikan informasi terkait dengan DPW PKB Jatim kepada masyarakat.



3.3 Time Schedule Pekerjaan



1



Minggu ke 2 3



Analisis Permasalahan Perancangan Database Perancangan Flowchart dan Use Case Prototype Penulisan Code Presentasi Hasil Revisi Hasil Penyerahan Project dan Aplikasi Tabel 1 : Time Schedule



4



20



BAB IV PAPARAN HASIL KP 4.1 Flowchart 4.1.1 Flowchart Kerja Praktek di DPW PKB Jatim



Gambar 2 : Flowchart kerja Praktek di DPW PKB



21



4.1.2



Flowchart Website DPW PKB Jatim



22



Dari gambar Flowchart diatas dapat diketahui alur dari website utama DPW PKB Jatim.



4.2 DFD



23



4.3 Definisi Aktor Definisi aktor merupakan penjelasan dari orang yang memainkan atau memiliki peran tertentu dan yang terlibat dalam perangkat lunak yang di bangun.



Adapun Definisi aktor yang terlibat dalam website DPW PKB Jatim adalah sebagai berikut: No



Aktor



Deskripsi



1



Admin



1. Dapat melakukan Login 2. Menginput, mengola data website 3. Management publikasi



2



Guest



1. Melihat informasi yang disediakan dalam menu atau submenu website DPW PKB Jatim 2. Mengunduh file atau informasi



24



4.4 Tanpilan Desain Database



Gambar 3 : Desain Database



25



4.5 Tampilan Sistem 4.5.2



Tampilan Login Admin



Tampilan dari Form Admin



Tampilan diatas merupakan tampilan dari admin website DPW PKB Jatim yang dapat menginputkan data atau informasi terkait dengan partai politik Partai Kebangkitan Nasional. 4.5.3



Tampilan Dashboard Admin



Tampilan dashboard Admin



26



Dalam dashboard itu admin bisa mengisikan data atau infomasi yang akan diinputkan kedalam website DPW PKB Jatim. Terdapat beberapa modul dalam dashboard admin, seperti pada gambar diatas.



4.5.4



Tampilan halaman Galery



Pada tampilan ini, admin dapat menginputkan foto kegiatan seputar PKB untuk dibagikan kepada masyarakat.



27



4.5.5



Tampilan Posting Berita



Pada tampilan halaman ini, admin dapat menginputkan informasi berita seputar PKB, berita dalam website DPW PKB Jatim ini terbagi menjadi 3 kategori, yaitu Headline, Utama, dan Parlemen.



28



4.5.6



Tampilan Media Center



Dalam halaman Media center ini, admin dapat menginput seputar media center dalam DPW PKB Jatim . Terdapat 3 kategori dalam media center yaitu : Press Release, Pidato dan Galery.



29



4.5.7



Tampilan Anggota Legislatif



Dalam halaman ini, admin dapat menginputkan file dari anggota legislatif. Dalam pengupload file tersebut, berformat pdf.



30



4.5.8



Tampilan Dewan Pengurus



Dalam halaman ini, admin dapat menginputkan file dari dewan pengurus yang sedang menjabat. Sama seperti anggota legislative. File yang dapat diupload adalah pdf.



31



4.5.9



Tampilan Agenda



Dalam halaman ini admin menginputkan atau mensetting agenda yang akan dilakukan oleh pihak DPW PKB Jatim atau Media Center sebagai reminder.



32



4.5.10 Tampilan Download



Dalam halaman ini, admin dapat menginputkan file yang dapat didownload oleh masyarakat, atau pengunjung website DPW PKB Jatim



33



4.5.11 Tampilan Musik



Gambar 4 : Tampilan User OPD



Dalam halaman ini admin dapat menginputkan music yang dapat didownload oleh pengunjung dari website DPW PKB Jatim.



34



4.5.12 Tampilan Home Website DPW PKB Jatim



Gambar diatas menampilkan Halaman Beranda pada Website DPW PKB Jatim yang memberikan informasi pada Guest/Masyarakat umum yang dapat diakses oleh masyarakat. Dalam website itu masyarakat akan mengetahui berita dan informasi terkait partai politik PKB .



35



4.5.13 Tampilan Halaman Berita



Dalam halaman ini pengunjung website dapat melihat berita yang diinputkan admin terkait dengan berita PKB. Dalam halaman berita pengunjung dapat melihat berita sesuai kategori. Terdapat 3 kategori,yaitu headline, utama, dan parlemen.



36



4.5.14 Tampilan Halaman Media



Pada halaman ini , pengunjung website dapa melihat seputar media center. Sama seperti halaman berita, pengunjung bisa melihat info media center sesuai kategori. Ada 3 kategori yaitu : Press Release, Pidato dan Galery. Dalam halaman ini juga pengunjung bisa melihat foto gallery yang di inputkan oleh admin.



37



4.5.15 Tampilan Halaman Informasi



Dalam halaman ini pengunjung dapat melihat informasi yang dibagikan oleh admin, dalam halaman informasi ini terdapat 3 sub menu, yaitu : Dewan Pengurus, Anggota Legislatif, dan Peraturan Partai. Pengunjung dapat mengetahui informasi itu dan bisa mendownload file tersebut.



38



4.5.16 Tampilan Halaman Download



Pada halaman ini, pengunjung website dapat mendownload file yang diinputkan oleh admin, ada dua pilihan , yaitu file dan music. Pada gambar diatas adalah contoh dari pendownloadan musik



39



4.5.17 Tampilan Halaman Tentang PKB



Pada halaman Tentang PKB ini pengunjung website dapat mengetahui apa saja terkait PKB, seperti submenu dalam halaman Tentang PKB yaitu : Sejarah Pendirian, Naskah Deklarasi, AD/ART, Mab’da Siyasi, Visi dan misi, makna lambang, asas dan prinsip perjuangan, dan struktur organisasi



BAB V PENUTUP 5.1



Kesimpulan Berdasarkan beberapa bab yang telah dijelaskan diatas, dan dalam pembuatan media informasi (website) DPW PKB Jatim, dapat ditarik kesimpulan sebagai berikut : 1. Menghasilkan media informasi (Website) yang dapat memudahkan masyarakat agar mengetahui informasi terkait dengan Partai Politik PKB. 2. Penerapan framework codeigniter pada website DPW PKB Jatim untuk mempermudah publikasi informasi dengan masyarakat . 3. Website DPW PKB Jatim berisi menu dan submenu yang berisi tentang informasi terkait.



3.2



Saran Adapun saran yang dapat penulis berikan terhadap pembuatan website ini untuk pengembangan website yang telah dibuat, antara lain : 1. Website selalu dikembangkan dan digunakan dengan meng up to date informasi yang ada dalam website tersebut. 2. Untuk tampilan desain, kecepatan dalam membuka website perlu adanya pengembangan agar website lebih baik. 3. Membuat inovasi yang kreatif agar website berbeda dengan website pada umumnya.



40



DAFTAR PUSTAKA Anonim 2017, Profil, http://kominfo .malangkota.go.id/profil/,2014. Diakses pada tanggal 15 januari 2019. Anonim 2016, Bagan Struktur http://kominfo.malangkota.go.id/profil/kepegawaian/struktur-organisasi/,2014. tanggal 15 January 2019.



Organisasi, Diakses pada



Anonim 2017, Visi-Misi, http://kominfo .malangkota.go.id/profil/visi-misi/,2014. Diakses pada tanggal 15 januari 2019.



41



42



LAMPIRAN