Pembuatan web DPRD Cimahi
PENDAHULUAN
1.1 Latar Belakang MasalahDewan Perwakilan Rakyat Daerah Kota Cimahi (DPRD Kota Cimahi) adalah sebuah Lembaga Perwakilan Rakyat di daerah kota yang terdiri atas anggota partai politik,peserta pemilihan umum (Pemilu) yang dipilih berdasarkan hasil pemilihan umum. DPRD Kota juga berkedudukan sebagai Lembaga Pemerintahan Daerah Kota yang memiliki fungsi legislasi, anggaran dan pengawasan. DPRD Kota berada di setiap kota di Indonesia. Anggota DPRD Kota berjumlah 20-450 orang. Masa jabatan anggota DPRD adalah 5 tahun, dan berakhir bersamaan pada saat anggota DPRD yang baru mengucapkan sumpah/janji. DPRD Kota merupakan mitra kerja walikota (eksekutif). Sejak diberlakukannya Undang-Undang Nomor 32 Tahun 2004 tentang Pemerintahan Daerah, Walikota tidak lagi bertanggung jawab kepada DPRD Kota, karena dipilih langsung oleh rakyat melalui Pilkada.
Dengan berlatar pada slogan dari rakyat untuk rakyat maka pemerintah kota cimahi harus bisa menampung aspirasi dan ketransparanan kinerja DPRD kota Cimahi terhadap masyarakat kota Cimahi.Tapi media untuk menampung aspirasi dan kinerja DPRD kota Cimahi bisa dikatakan belum tersedia,oleh karena itu masyarakat merasa kurang mempercayai kinerja dari DPRD kota Cimahi.
Berdasarkan masalah di atas,maka kami membuat web resmi DPRD kota Cimahi. Web ini dibuat selain karena DPRD cimahi belum memiliki website sendiri,tetapi berguna untuk menampung aspirasi masyarakat kota Cimahi ,menjaga ketransparanan kinerja kota Cimahi terhadap masyarakat kota cimahi dan memperlihatkan produk hukum yg di hasilkan oleh DPRD kota Cimahi. Kami memilih website karena masyarakat kota cimahi akan dengan mudah
(2)
1.2 Perumusan Masalah
Berdasarkan latar belakang masalah yang telah dikemukakan di atas maka dapat dirumuskan permasalahan penelitian sebagai berikut : bagaimana caranya Website sebagai layanan informasi alternatif yang berguna untuk mewujudkan keinginan, apresiasi bahkan suara masyarakat yang
efektif, efisien, dan akomodatif bagi masyarakat.?” 1.3 Maksud dan Tujuan
1.3.1Maksud
1. Memberikan edukasi dan mengembangkan SDM DPRD Kota Cimahi untuk berperan aktif terhadap pengembangan teknologi informasi dan komunikasi sehingga lebih siap mengantisipasi tantangan dalam Era Globalisasi.
2. Website mendekatkan dan memudahkan DPRD Kota Cimahi untuk mengumpulkan data dan analisis tanggapan, pengaduan, saran dan kritik dari masyarakat terhadap program pemerintahan kota Cimahi.
3. Website membangun dan meningkatkan interaksi komunikasi, partisipasi dan mengakomodir laporan masyarakat. Sehingga menjadikan bagian dari tolak ukur profesionalitas, kredibilitas, dam prestise DPRD kota Cimahi.
1.3.2Tujuan
1. Membangun sebuah hubungan kemitraan dengan segala lapisan masyarakat (Polisi, TNI, Toko Ulama, Ormas, Cendikiawan, Swasta).
2. Website adalah etalase informasi pemerintahan. Menjadi pusat sarana bagi masyarakat pengguna internet untuk mempercepat pemahaman dan penyebarluaskan informasi pemerintahan yang dapat diakses kapanpun dan dimanapun.
3. Membangun citra pemerintahan akan pentingnya teknologi informasi dan komunikasi (TIK) dimahkamah masyarakat luas, dimana hal tersebut direprensentasikan pada tampilan website DPRD kota Cimahi.
(3)
1.4 Batasan Masalah
Adapun batasan masalahnya adalah sebagai berikut :
4. Dalam tugas ini beberapa data yang diolah adalah : data anggota DPRD, data fraksi, data partai.
5. Output yang dihasilkan : daftar anggota DPRD, daftar anggota fraksi, daftar anggota partai.
6. Proses Aplikasi : Login admin, Edit Data, Tambah data, Hapus Data.
7. Bahasa yang digunakan adalah PHP dan menggunakan DBMS MySQL versi 5.1.36. 1.5 Metode Penelitian
1.5.1Teknik Pengumpulan Data 8. Metode Wawancara
Wawancara merupakan metode pengumpulan data atau fakta yang penting dan banyak dilakukan dalam pengembangan sistem informasi. Wawancara memungkinkan analis sistem sebagai pewawancara untuk mengumpulkan data secara tatap muka langsung dengan pegawai.
9. Metode Pengamatan Langsung
Metode ini merupakan salah satu metode pengumpulan data dan fakta yang efektif untuk mempelajari suatu sistem. Kegiatan pada metode ini dilakukan dengan melakukan pengamatan langsung terhadap kegiatan yang sedang berjalan.
1.5.2Metode Pengembangan Sistem
Metode yang akan digunakan pada kasus ini adalah model Waterfall. Model ini mengusulkan sebuah pendekatan kepada perkembangan software yang sistematik dan sekuensial yang mulai pada tingkat dan kemajuan sistem pada seluruh analisis, desain, kode, pengujian, dan pemeliharaan. Dimodelkan setelah siklus rekayasa konvensional, model sekuensial linier melingkupi aktivitas – aktivitas sebagai berikut :
(4)
Gambar 1-1 Metode waterfall
1. Analisis Kebutuhan
Proses pengumpulan kebutuhan diintensifkan dan difokuskan, khusunya pada software. Untuk memahami sifat program yang dibangun, analis harus memahami domain informasi, tingkah laku, unjuk kerja, dan interface yang diperlukan.
2. Desain Sistem
Desain software sebenarnya adalah proses multi langkah yang berfokus pada empat atribut sebuah program yang berbeda; struktur data, arsitektur software, representasi interface, dan detail (algoritma) prosedural. Proses desain menterjemahkan syarat/kebutuhan ke dalam sebuah representasi software yang dapat diperkirakan demi kualitas sebelum dimulai pemunculan kode. Sebagaimana persyaratan, desain didokumentasikan dan menjadi bagian dari konfigurasi software.
3. Penulisan Kode Program
Desain harus diterjemahkan kedalam bentuk mesin yang bisa dibaca. Langkah pembuatan kode melakukan tugas ini. Jika desain dilakukan dengan cara yang lengkap, pembuatan kode dapat diselesaikan secaara mekanis.
(5)
4. Pengujian Program
Sekali program dibuat, pengujian program dimulai. Proses pengujian berfokus pada logika internal software, memastikan bahwa semua pernyataan sudah diuji, dan pada eksternal fungsional, yaitu mengarahkan pengujian untuk menemukan kesalahan – kesalahan dan memastikan bahwa input yang dibatasi akan memberikan hasil aktual yang sesuai dengan hasil yang dibutuhkan.
5. Penerapan Program
Software akan diterapkan kepada pelanggan setelah melalui beberapa fase diatas. Jika sudah tidak ada kesalahan maka program siap untuk disampaikan serta dterapkan kepada pelanggan. Dan memungkinkan untuk melakukan training kepada user untuk lebih memahami software tersebut.
1.6 Sistematika Penulisan
Sistematika penuisan laporan ini adalah sebagai berikut: a. BAB I PENDAHULUAN
Berisi latar belakang masalah, perumusan masalah, maksud dan tujuan, batasan masalah, metode penelitian, dan sistematika penulisan.
b. BAB II TINJAUAN PUSTAKA
Berisi profile Tempat Kerja Praktek, Logo Instansi, Badan Hukum instansi, Struktur Organisasi dan Deskripsi Tugas, Landasan Teori
c. BAB III PEMBAHASAN
Berisi pembahasan mengenai apa yang dilakukan saat menjalani kerja praktek d. BAB IV KESIMPULAN DAN SARAN
Bab ini berisi tentang kesimpulan yang diperoleh dari pelaksanaan tugas dan penulis mengajukan beberapa saran yang berkaitan dengan penyusunan tugas ini, sehingga dilakukan perbaikan-perbaikan dimasa yang akan datang.
(6)
6
TINJAUAN PUSTAKA
2.1 Profil tempat kerja praktekDewan Perwakilan Rakyat Daerah KotaCimahi (DPRD Kota) adalah sebuah Lembaga Perwakilan Rakyat di daerah kota Cimahi yang terdiri atas anggota partai politik peserta pemilihan umum (Pemilu) yang dipilih berdasarkan hasil pemilihan umum.DPRD Kabupaten/Kota Cimahi juga berkedudukan sebagai Lembaga Pemerintahan Daerah Kabupaten/Kota yang memiliki fungsi legislasi, anggaran dan pengawasan.DPRD Kabupaten/Kota berada di setiap kabupaten/kota di Indonesia. Anggota DPRD Kabupaten/Kota Cimahi berjumlah 20-450 orang. Masa jabatan anggota DPRD adalah 5 tahun, dan berakhir bersamaan pada saat anggota DPRD yang baru mengucapkan sumpah/janji.DPRD Kabupaten/Kota Ciamhi merupakan mitra kerja bupati/walikota (eksekutif). Sejak diberlakukannya UU Nomor 32 tentang Pemerintahan Daerah, Bupati/Walikota tidak lagi bertanggung jawab kepada DPRD Kabupaten/Kota, karena dipilih langsung oleh rakyat melalui Pilkada.
2.2 Sejarah Instansi
Cimahi mulai dikenal pada tahun 1811, Gubernur Jendral Willem Daendels membuat jalan Anyer - Panarukan, dengan dibuatnya pos penjagaan (loJi) di Alun-alun Cimahi sekarang. Tahun 1874 – 1893, dilaksanakan pembuatan jalan kereta api Bandung - Cianjur sekaligus pembuatan stasiun kereta api Cimahi.Tahun 1886 dimulainya pembangunan pusat pendidikan militer dan fasilitas lainnya (RS Dustira, rumah tahanan militer, dll). Tahun 1935, Cimahi menjadi kecamatan (lampiran staat blad tahun 1935). Tahun 1962 dibentuk setingkat kewedanaan, meliputi 4 kecamatan : Cimahi, Padalarang, Batujajar dan Cipatat. Tahun 1975, ditingkatkan menjadi kota administratip (pp no. 29 tahun 1975), diresmikannya pada tanggal 29 Januari 1976, merupakan Kotip pertama di Jawa Barat dan ketiga di Indonesia. Tahun 2001 ditingkatkan statusnya menjadi kota otonom.
Cimahi yang berasal dari status Kecamatan yang berada di wilayah Kabupaten Bandung sesuai dengan perkembangan dan kemajuannya maka berdasarkan Undang-undang Republik Indonesia Nomor 5 Tahun 1974 tentang Pemerintahan dan Otonomi Daerah dan Peraturan
(7)
Pemerintah Nomor 29 Tahun 1975 tentang Pembentukan Kota Administratif, Cimahi dapat ditingkatkan statusnya dari Kecamatan menjadi Kota Administratif yang berada di wilayah Kabupaten Bandung yang dipimpin oleh Walikota Administratif yang bertanggungjawab kepada Bupati Kepala Daerah Kabupaten Bandung.Dan dengan dibentuknya Kota Administratif maka Cimahi dengan resmi mempunyai kantor DPRD Cimahi sebagi wakil dari daerah pemerintah kota cimahi (Pemkot Cimahi,Kota Administrasi dengan luas wilayah keselurahan mencapai 4.025,73 Ha, yang merupakan bagian dari Kabupaten Bandung Utara sebagaimana dimaksud dalam Undang-undang Nomor 14 Tahun 1950 tentang Pembentukan Daerah-Daerah Kabupaten dalam lingkungan Propinsi Jawa Barat.
Cimahi telah menunjukkan perkembangan yang pesat, khususnya dibidang pelaksanaan pembangunan dan peningkatan jumlah penduduk, yang pada tahun 1990 berjumlah 290.202 jiwa dan pada tahu 2000 meningkat menjadi 352.005 jiwa dengan pertumbuhan rata-rata 2,12 % per tahun. Hal ini mengakibatkan bertambahnya beban tugas dan Wewenang kerja dalam penyelenggaraan pemerintahan, pelaksanaan pembangunan dan pelayanan kemasyarakatan. Oleh karena itu, sangat diperlukan adanya peningkatan dibidang penyelenggaraan pemerintahan, pelaksanaan pembangunan dan pelayanan kemasyarakatan dalam rangka meningkatkan taraf hidup dan kesejahteraan masyarakat di wilayah Cimahi.Kota Administratif Cimahi, sebagaimana diatur dalam Peraturan Pemerintah Nomor 29 tahun 1975 tentang Pembentukan Kota Administratif Cimahi.
Kewenangan Kota Cimahi sebagai Daerah Otonom mencakup seluruh kewenangan bidang pemerintahan, termasuk kewenangan wajib yaitu pekerjaan umum, kesehatan, pendidikan dan kebudayaan, perhubungan, industri dan perdagangan, penanaman modal, lingkungan hidup, pertahanan, koperasi dan tenaga kerja kecuali bidang politik luar negeri, pertahanan keamanan, peradilan, moneter fisikal, agama serta kewenangan bidang lain sesuai dengan peraturan Perundang-undangan Nomor I tahun 2003 tentang Kewenangan Kota Cimahi sebagai Daerah Otonom.
(8)
Nama Pemkot : CIMAHI (Citra Mandiri Hidup Insani) Bentuk Kubah : Kenyamanan dalam perlindungan
Bentuk 2 Pilar Bangun : Pembangunan bertitik pada keseimbangan (Agama & Dari Agama)
Bentuk Tatar Bunga : Lahan kehidupan strategis yang bermanfaat
Bentuk Riak Air : Dinamika SDM (POLEKSOSBUD) dan sumber kehidupan Bentuk Irama Bukit : Sumber Daya Alam untuk kemakmuran
Bentuk Wadah atau Tempat : Kehidupan yang produktif dan efektif Slogan : Saluyu Ngawangun Jati Mandiri
Konsep : Pembangunan Masa Depan Cimahi
Slogan
Saluyu Ngawangun Jati Mandiri , yang artinya memiliki pengertian berjalan harmonis serasi dengan selaras, bahu membahu dalam membangun citra diri yang mandiri dalam kemajuan
Makna Bentuk dan Warna
Kubah Jingga, merupakan semangat yang tiada henti untuk membangun dalam rangka mengantisipasi pertumbuhan dan perkembangan kemandirian, yang didukung secara bersama-sama oleh seluruh potensi sumber daya manusia yang rendah hati dan berilmu, berakhlak dan beretika, sehat dan cerdas, kreatif dan inofatif serta produktif
(9)
Bukit Biru, merupakan anugerah berupa alam yang penuh potensi dari Tuhan Yang Maha Esa, untuk dimanfaatkan sebaik-baiknya sehingga mendorong rasa syukur, menumbuh kembangkan ilmu selaras, menserasikan keadilan untuk kemakmuran, menciptakan pemerataan dalam keragaman yang sejahtera. Air Biru Jernih, merupakan sumber kehidupan dalam dinamika masyarakat yang multi dimensi, pengayoman dan pelindung serta serta pembawa solusi bagi seluruh warga. Tatar dan Wadah Jingga Putih dan 2 Pilar Bangun Hijau, merupakan bentuk keseimbangan agama dan dari agama dalam pembangunan rohani dan jasmani, menumbuh kembangkan rasa cinta, ketulusan sekaligus kebanggan terhadap nusa dan bangsa, tanah air serta ibu pertiwi dengan tatanan wilayah yang kondusif, strategis dan sinergis, memiliki struktur dan sistem yang bertumpu pada sendi politik, ekonomi, sosial kemasyarakatan, budaya dan berorientasi masa depan. Tameng (Perisai), merupakan ungkapan totolitas citra bentuk rasa aman dan nyaman, serasi dalam keselarasan, dinamis dalam keharmonisan, kuat dan taat dalam kemandirian
2.4 Badan Hukum Instansi
Badan hukum yang ada di instansi ini adalah UU no 9 tahun 2001 tentang pembentukan kota Cimahi/Pemerintahan kotaCimahi(ekslusif dan legislative/DPRD)
2.5Struktur Organisasi dan Deskripsi Tugas
Struktur Organisasi adalah suatu susunan dan hubungan antara tiap bagian serta posisi yang ada pada suatu organisasi atau perusahaan dalam menjalankan kegiatan operasional untuk mencapai tujuan. Struktur Organisasi menggambarkan dengan jelas pemisahan kegiatan pekerjaan antara yang satu dengan yang lain dan bagaimana hubungan aktivitas dan fungsi dibatasi.
(10)
DPRD kota Cimahi mempunyai struktur organisasi sebagai berikut:
Tugas-tugas DPRD kota Cimahi a. Ketua DPRD kota Cimahi
Ketua DPRD kota Cimahi bertugas memimpin rapat paripurna dan mengesahkan semua keputusan hasil rapat paripurna.
b. Wakil ketua DPRD kota cimahi
Wakil ketua DPRD kota cimahi bertugas membantu Ketua DPRD dalam memusyawarahkan dan mengesahkan hasil keputusan.
c. Komisi I
Komisi I bertugas dalam bidang Pemerintahan yang meliputi Pemerintahan, Ketertiban, Kependudukan, Penerangan atau Pers, Hukum dan Perundang-undangan, Kepegawaian atau Aparatur, Perijinan, Sosial Politik, Organisasi Masyarakat dan Pertahanan.
(11)
d. Komisi II
Komisi II bertugas dalam bidang Perekonomian dan Keunagan yang meliputi Perdagangan, Perindustrian, Pertanian, Perikanan, Peternakan, Perkebunan, Kehutanan, Pengadaan Pangan, Logistik, Koperasi, Pariwisata, Keuangan, Perpajakan, Retribusi, Perbankan, Perusahaan Daerah/BUMN/PLN, Perusahaan Patungan dan Penanaman Modal.
e. Komisi III
Koimisi III bertugas dalam Pembidangan Pembangunan yang meliputi Pekerjaan Umum, Tata Kota, Pertamanan, Kebersihan, Perhubungan, Perumahan Rakyat, Lingkungan Hidup, Pertambangan dan Energi.
f. Komisi IV
Komisi IV bertugas dalam bidang Kesejahteraan Rakyat yang Meliputi Ketenagakerjaan, Pendidikan, Ilmu Pengetahuan dan Teknologi, Kepemudaan, Olahraga, Agama, Kebudayaan, Sosial, Kesehatan dan Keluarga Berencana, Peranan Wanita dan Transmigrasi. 2.6Landasan Teori
2.6.1 Website
Sebuah website bisa berupa hasil kerja dari perorangan atau individu, atau menunjukkan kepemilikan dari sebuah organisasi, perusahaan, dan biasanya website itu menujukkan beberapa topik khusus, atau kepentingan tertentu. Sebuah website bisa berisi hyperlink (pranala) yang menghubungkan ke website lain, jadi, kadangkala perbedaan antara website yang dibuat oleh individu perseorangan dengan website yang dibuat oleh organisasi bisnis bisa saja tidak kentara.
Website ditulis, atau secara dinamik di konversi menjadi HTML dan diakses melalui sebuah program software yang biasa disebut dengan web browser, yang dikenal juga dengan HTTP Client. Halaman web dapat dilihat atau diakses melalui jaringan komputer dan internet, perangkatnya bisa saja berupa komputer pribadi, laptop, PDA ataupun telepon selular.
(12)
biasa digunakan dalam sebuah webserver, kemudian setelah itu adalah Microsoft Internet Information Services (IIS).
Secara terminologi, website adalah kumpulan dari halaman-halaman situs, yang biasanya terangkum dalam sebuah domain atau subdomain, yang tempatnya berada di dalam World Wide Web (WWW) di Internet. Sebuah halaman web adalah dokumen yang ditulis dalam format HTML (Hyper Text Markup Language), yang hampir selalu bisa diakses melalui HTTP, yaitu protokol yang menyampaikan informasi dari server website untuk ditampilkan kepada para pemakai melalui web browser. Semua publikasi dari website-website tersebut dapat membentuk sebuah jaringan informasi yang sangat besar.
Halaman-halaman dari website akan bisa diakses melalui sebuah URL yang biasa disebut Homepage. URL ini mengatur halaman-halaman situs untuk menjadi sebuah hirarki, meskipun, hyperlink-hyperlink yang ada di halaman tersebut mengatur para pembaca dan memberitahu mereka sususan keseluruhan dan bagaimana arus informasi ini berjalan.
Beberapa website membutuhkan subskripsi (data masukan) agar para user bisa mengakses sebagian atau keseluruhan isi website tersebut. Contohnya, ada beberapa situs-situs bisnis, situs-situs e-mail gratisan, yang membutuhkan subkripsi agar kita bisa mengakses situs tersebut. [ 1 ]
2.6.2 DFD
Data Flow Diagram (DFD) adalah representasi grafik dari sebuah sistem. DFD menggambarkan komponen-komponen sebuah sistem, aliran-aliran data di mana komponen-komponen tersebut, dan asal, tujuan, dan penyimpanan dari data tersebut.
Kita dapat menggunakan DFD untuk dua hal utama, yaitu untuk membuat dokumentasi dari sistem informasi yang ada, atau untuk menyusun dokumentasi untuk sistem informasi yang baru.
DFD dibagi menjadi 3 jenis yaitu ; 1. Context Diagram (CD)
Diagram konteks adalah diagram yang terdiri dari suatu proses dan menggambarkan ruang lingkup suatu sistem. Diagram konteks merupakan level tertinggi dari DFD yang menggambarkan seluruh input ke sistem atau output dari sistem. Ia akan memberi gambaran tentang keseluruhan sistem. Sistem dibatasi oleh boundary (dapat digambarkan
(13)
dengan garis putus). Dalam diagram konteks hanya ada satu proses. Tidak boleh ada store dalam diagram konteks.
Diagram konteks berisi gambaran umum (secara garis besar) sistem yang akan dibuat. Secara kalimat, dapat dikatakan bahwa diagram konteks ini berisi “siapa saja yang memberi data (dan data apa saja) ke sistem, serta kepada siapa saja informasi (dan
informasi apa saja) yang harus dihasilkan sistem.”
Jenis pertama Context Diagram, adalah data flow diagram tingkat atas (DFD Top Level), yaitu diagram yang paling tidak detail, dari sebuah sistem informasi yang menggambarkan aliran-aliran data ke dalam dan ke luar sistem dan ke dalam dan ke luar entitas-entitas eksternal.
2. DFD Fisik
DFD Fisik adalah representasi grafik dari sebuah sistem yang menunjukan entitas-entitas internal dan eksternal dari sistem tersebut, dan aliran-aliran data ke dalam dan keluar dari entitas-entitas tersebut. Entitas-entitas internal adalah personel, tempat (sebuah bagian), atau mesin (misalnya, sebuah komputer) dalam sistem tersebut yang mentransformasikan data. Maka DFD fisik tidak menunjukkan apa yang dilakukan, tetapi menunjukkan dimana, bagaimana, dan oleh siapa proses-proses dalam sebuah sistem dilakukan. (Tidak Bahas).
Perlu diperhatikan didalam memberikan keterangan di lingkaran-lingkaran (simbol proses) dan aliran-aliran data (simbol aliran data) dalam DFD fisik menggunakan label/keterangan dari kata benda untuk menunjukan bagaimana sistem mentransmisikan data antara lingkaran-lingkaran tersebut.
3. DFD Logis
DFD Logis adalah representasi grafik dari sebuah sistem yang menunjukkan proses-proses dalam sistem tersebut dan aliran-aliran data ke dalam dan ke luar dari proses-proses tersebut. Kita menggunakan DFD logis untuk membuat dokumentasi sebuah sistem informasi karena DFD logis dapat mewakili logika tersebut, yaitu apa yang
(14)
2.6.3 ERD
Model Entity Relationship Adalah suatu penyajian data dengan menggunakan Entity dan relationship
Entity
a. Entity adalah obyek yang dapat dibedakan dalam dunia nyata. b. Entity set adalah kumpulan dari entity yang sejenis.
c. Entity set dapat berupa :
1. Obyek secara fisik : Rumah, Kendaraan, Peralatan 2. Obyek secara konsep : Pekerjaan, Perusahaan, Rencana Atribut
Atribut adalah karakteristik dari entity atau relationship, yang menyediakan penjelasan detail tentang entity atau relationship tersebut.
Jenis – jenis atribut 1. Key
2. Atribut Simple 3. Atribut Multivalue 4. Atribut Composite 5. Atribut Derivatif Relationship
a. Relationship adalah hubungan yang terjadi antara satu atau lebih entity. b. Relationship set adalah kumpulan relationsjop yang sejenis. [ 3 ] 2.6.4 PHP
PHP adalah bahasa pemrograman script yang paling banyak dipakai saat ini. PHP pertama kali dibuat oleh Rasmis Lerdorf pada tahun 1995. Pada waktu itu PHP masih bernama FI (Form Interpreted) yang wujudnya berupa sekumpulan script yang digunakan untuk mengolah data form dari web. PHP banyak dipakai untuk membuat situs web yang dinamis, walaupun tidak tertutup kemungkinan digunakan untuk pemakaian lain. PHP
(15)
biasanya berjalan pada system operasi LINUX (PHP juga bisa dijalankan dengan hosting windows).
Beberapa Kelebihan PHP dari bahasa pemrograman lain :
a) Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaanya.
b) Dalam sisi pemahamanan, PHP adalah bahasa scripting yang paling mudah karena referensi yang banyak.
c) PHP adalah bahasa open source yang dapat digunakan di berbagai mesin (linux, unix, windows) dan dapat dijalankan secara runtime melalui console serta juga dapat menjalankan perintah-perintah system.
Web Server yang mendukung PHP dapat ditemukan dimana – mana dari mulai IIS sampai dengan apache, dengan configurasi yang relative mudah. Dalam sisi pengembangan lebih mudah, karena banyaknya milis – milis dan develover yang siap membantu dalam pengembangan. [ 1 ]
2.6.5 MySQL
MySQL dikembangkan sekitar tahun 1994 oleh sebuah perusahaan pengembang software dan konsultan database bernama MYSQL AB yang berada di Swedia. Waktu itu perusahaan tersebut masih bernama TcX DataKonsult AB, dan tujuan awal dikembangkannya MySQL adalah untuk mengembangkan aplikasi berbasis web pada client. Awalnya Michael "Monty" Widenius, pengembang satu-satunya di TcX memiliki sebuah aplikasi UNIREG dan rutin ISAM buatannya sendiri dan sedang mencari antarmuka SQL yang cocok untuk diimplementasikan ke dalamnya. Mula-mula Monty memakai miniSQL (mSQL) pada eksperimennya itu, namun SQL dirasa kurang sesuai, karena terlalu lambat dalam pemrosesan query. Akhirnya Monty menghubungi David Hughes, pembuat mSQL yang sedang merilis versi kedua dari mSQL. Kemudian Monty mencoba membuat sendiri mesin SQL yang memiliki antarmuka mirip dengan
(16)
Adapun manfaat dari My SQL adalah sebagai berikut :
Sebagai database server yang memiliki konsep database modern, MySQL memiliki banyak sekali keistimewaan. Berikut ini beberapa keistimewaan yang dimiliki oleh MySQL:
1. Portability
MySQL dapat berjalan stabil pada berbagai OS seperti Windows, Linux, Unix, Mac OS, Solaris, Unix, Amiga, HP-UX, Symbian.
2. Open Source “limited”
Dahulu MySQL didistribusikan secara open source (gratis), dibawah lisensi GPL sehingga kita dapat menggunakannya secara cuma-cuma tanpa dipungut biaya. Namun, saat ini karena MySQL telah dibeli oleh SUN, maka kita tidak dapat lagi menikmati fitur-fitur baru yang ada di MySQL, karena SUN akan membatasi fitur-fitur baru ini hanya untuk user yang membeli lisensinya. Sehingga MySQL tidak lagi sebuah opensource yang benar-benar gratis lagi. MySQL sekarang hanya menyediakan fitur-fitur "dasar" saja yang saat ini sudah menggunakan versi 5.1. Untuk mendownloadnya silahkan download di sini dan dicari versi MySQL dengan OS kita.
3. Multiuser
MySQL dapat digunakan oleh beberapa user dalam waktu yang bersamaan tanpa mengalami konflik. Hal ini memungkinkan sebuah database server MySQL dapat diakses klien secara bersamaan.
4. Performance Tuning
MySQL memiliki kecepatan yang menakjubkan dalam menangani query sederhana, dengan kata lain dapat memproses lebih banyak SQL per satuan waktu.
5. Column Types
MySQL memiliki tipe kolom yang sangat kompleks, seperti signed/unsigned integer, float, double, char, varchar, text, blob, date, time, datetime, timestamp, year, set serta enum. 6. Command dan Functions
MySQL memiliki operator dan fungsi secara penuh yang mendukung perintah SELECT dan WHERE dalam query.
(17)
7. Security
MySQL memiliki beberapa lapisan sekuritas seperti level subnetmask, nama host, dan izin akses user dengan sistem perizinan yang mendetail serta password terenkripsi.
8. Scalability dan Limits
MySQL ammpu menangani database dalam skala besar dengan jumlah records lebih dari 50 juta dan 60 ribu tabel serta 5 miliar baris. Selain itu, batas index yang dapat ditampung mencapai 32 indeks pada tiap tabelnya.
9. Connectivity
MySQL dapat melakukan koneksi dengan klien menggunakan TCP/IP, Unix soket (Unix), atau Named Pipes (NT).
10. Localisation
MySQL dapat mendeteksi pesan kesalahan (error code) pada klien dengan menggunakan lebih dari dua puluh bahasa.
11.Interface
MySQL memiliki interface terhadap berbagai aplikasi dan bahasa pemrograman dengan menggunakan fungsi API (Application Programming Interface).
12.Client dan Tools
MySQL dilengkapi dengan berbagai tool yang dapat digunakan untuk administrasi database, dan pada setiap tool yang ada disertakan petunjuk online.
13. Struktur Tabel
MySQL memiliki struktur table yang lebih flexsibel dalam menangani ALTER TABLE dibandingkan database lainnya. [ 4 ]
2.6.6 Wamp Server
WampServer adalah lingkungan pengembangan web Windows yang memungkinkan membuat aplikasi web dengan Apache, PHP dan database MySQL. Wamp Server juga dilengkapi dengan PHPMyAdmin untuk dengan mudah mengelola database Anda.
(18)
WampServer merupakan satu-satunya solusi yang memungkinkan kita untuk membuat server produksi sendiri. Setelah Wamp Server terinstal, maka kitamemiliki kemungkinan untuk menambahkan banyak Apache, MySQL dan PHPyang diinginkan.WampServer juga memiliki trayicon untuk mengelola serverdan pengaturannya.
Berikut adalah beberapa fungsi dari Wamp Server : 1. Mengelola layanan Apache dan MySQL. 2. Switch online / offline
3. Menginstal dan beralih Apache, MySQL dan PHP rilis. 4. Mengelola pengaturan server.
5. Akses log.
6. Pengaturan akses file. 7. Membuat alias
WampServer memungkinkan Anda untuk menginstal semua yang ada dari Apache, PHP dan MySQL sehingga Anda dapat membuat persis pengaturan server produksi Anda. [ 2 ]
2.6.7 Macromedia Dreamweaver
Macromedia Dreamweaver adalah sebuah HTML editor profesional untuk mendesain secara visual dan mengelola situs web maupun halaman web. Bilamana kita menyukai untuk berurusan dengan kode-kode HTML secara manual atau lebih menyukai bekerja dengan lingkungan secara visual dalam melakukan editing, Dreamweaver mambuatnya menjadi lebih mudah dengan menyediakan tool-tool yang sangat berguna dalam peningkatan kemampuan dan pengalaman kita dalam mendesain web.
Dreamweaver MX dalam hal ini digunakan untuk web desain.dreamweaver MX mengikutsertakan banyak tool untuk kode-kode dalam halaman web beserta fasilitas-fasilitasnya, antara lain : Referensi HTML, CSS dan Javascript, Javascript debugger, dan editor kode ( tampilan kode dan Code inspector) yang mengizinkan kita mengedit kode Javascript, XML, dan dokumen teks lain secara langsung dalam Dreamweaver. Teknologi Dreamweaver Roundtrip HTML mampu mengimpor dokumen HTML tanpa perlu memformat ulang kode tersebut dan
(19)
kita dapat menggunakan Dreamweaver pula untuk membersihkan dan memformat ulang HTML bila kita menginginkannya.
Selain itu Dreamweaver juga dilengkapi kemampuan manajemen situs, yang memudahkan kita mengelola keseluruhan elemen yang ada dalam situs. Kita juga dapat melakukan evaluasi situs dengan melakukan pengecekan broken link, kompatibilitas browser, maupun perkiraan waktu download halaman web.
Ada beberapa keuntungan yang bisa diperoleh dari penciptaan website melalui Macromedia Dreamweaver, antara lain:
a) Memudahkan dalam me-manage situs b) Web yang dibuat tersusun secara hierarki
c) Memudahkan dalam mem-publis halaman situs (website) d) Kita bisa menentukan teknologi server side yang digunakan e) Memudahkan dalam pengaturan CSS (Cascading Style Sheet)
Macromedia Dreamweaver merupakan software yang paling mudah untuk digunakan dalam mendesain web. Banyak sekali fitur-fitur didalamnya yang sangat memudahkan kita untuk merancang desain web tanpa harus mengerti kode-kode HTML. Kita dapat berkreasi sendiri didalamnya sesuai dengan jiwa seni kita yang kita miliki, karena pada program ini dituntut untuk mampu membuat desain web yang interaktif dan menarik. Untuk kalangan pendidik dapat memasukkan materi bahan ajarnya ke dalam bentuk web yang didesain menggunakan Macromedia Dreamweaver. Bagi para pemula program ini sangat memudahkan kita untuk dapat merancang desain web tanpa harus belajar mahal, pasalnya sekarang banyak sekali CD Tutorial yang menyajikan berbagai panduan untuk belajar secara autodidak. [ 1 ]
(20)
20
PEMBAHASAN
3.1Lokasi dan Jadwal Kerja Praktek 3.1.1 Lokasi Kerja Praktek
Berikut ini lokasi kerja praktek :
1. Perusahaan : Dewan Perwakilan Rakyat Daerah kota Cimahi (DPRD Cimahi). 2. Bidang : Badan Anggaran.
3. Lokasi : jalan Dra.Hj.Djulaeha Karmita no. 5 Kota Cimah.
3.1.2
Jadwal Kerja PraktekKerja praktek dilakukan sesudah menghadapi Ujian Akhir Semester 6, yang dilakukan selama satu bulan yang di mulai pada tanggal 12 juli 2010 sampai dengan tanggal 13 agustus 2010. Selanjutnya bisa dilihat secara terperinci pada table di bawah ini
Table 0-1 jadwal kerja praktek
Tahap Juli Agustus
Analisis 12 13 14 15 16
Desain 19 20 21 22 23
Penulisan kode program 26 27 28 29 30
Pengujian Program 2 3 4 5 6
9 10 11
(21)
3.2Cara Kerja Praktek
Metode pengerjaan yang kami lakukan yaitu wawancara dengan pembimbing kerja praktek yang diteruskan dengan pembuatan aplikasi. Kerja Praktek dilakukan pada jam, dan hari kerja yang dilakukan ditempat kerja dan sisanya dikerjakan dirumah.
3.3Data hasil Kerja Praktek 3.3.1.1 Analisis Saat Berjalan
Sistem yang ada pada website DPRD Cimahi khususnya pada tambah data anggota DPRD dan edit data anggota DPRD masih dilakukan secara manual. Database yang di inputkan juga masih manual. Badan anggaran yang menjadi admin harus login terlebih dahulu untuk dapat ke menu admin, badan anggaran dapat menambah dan mengedit data anggota DPRD menggunakan mouse dan keyboard.
3.3.1.2 Analisis Kebutuhan Non Fungsional
Analisis kebutuhan non fungsional untuk menjalankan aplikasi ini dibagi menjadi 3 bagian, yaitu 1. Perangkat keras
2. Perangkat lunak 3. Pemakai atau user 3.3.1.2.1 Perangkat Keras
Untuk menjalankan aplikasi ini user hanya membuthkan komputer atau notebook yang terhubung dengan jaringan Local Area Network. Adapun perangkat hardware yang dibutuhkan untuk menjalankan aplikasi ini adalah :
a) Processor AMD/Intel (min Pentium 4) b) RAM 256
(22)
3.3.1.2.2 Perangkat lunak
Perangkat lunak yang dipakai untuk membangun aplikasi ini adalah sebagai berikut : a) Adobe Dreamweaver
b) Adobe Photoshop CS3 c) MySQL
Adapun perangkat lunak yang harus dibutuhkan untuk menjalankan aplikasi ini adalah sebgai berikut :
a) Web browser b) Wamp Server 3.3.1.2.3 Pemakai
Pengguna Sistem ini adalah badan anggaran DPRD kota Cimahi yang tingkat kemampuan dalam menggunakan aplikasi sangat bervariasi sehingga rancangan antarmuka pemakai harus sederhana dan mudah untuk digunakan. Karena system yang akan dibangun berbasis web, maka pengimputan teks hanya dapat dilakukan melalui keyboard.
Table 0-2 spesifikasi pemakai
Frekuensi yang Dipakai Pelatihan System yang Dipakai
Rendah Tidak ada Mandatory
Tugas Utama Struktur Tugas Kategori
Rendah Sedang Eksekutif
Kesalahan Buta Warna
Rendah Tidak
Dalam penggunaan aplikasi ini user minimal sudah pernah menggunakan komputer dan bisa mengoperasikannya.
(23)
3.3.1.3Analisis Basis Data
Dalam memodelkan data dan menggambarkan hubungan antara data yang ada pada sistem yang sedang berjalan digunakan alat bantu yaitu Entity Relationship Diagram (ERD)
(24)
3.3.1.4Diagram konteks
Diagram konteks atau disebut juga dengan model sistem fundamental merepresentasikan seluruh elemen system sebagai sebuah bubble tunggal dengan data input output yang ditunjukkan oleh anak panah yang masuk dan keluar secara berurutan.
(25)
3.3.1.5DFD Level 0
1. Proses login
Proses ini adalah proses login yang digunakan admin untuk masuk kedalam proses pengolahan data.
2. Proses Tambah Data Partai
Proses ini adalah proses yang dilakukan admin untuk menambah data partai. 3. Proses Pengolahan Data Fraksi
Proses ini adalah proses yang dilakukan admin untuk menambah data fraksi. Gambar 0-3 DFD Level 0
(26)
3.3.1.6DFD Level 1 Tambah dan Ubah Data Fraksi
Gambar 0-4 DFD Level 1 Tambah dan Ubah Fraksi
1. Proses Tambah Fraksi
Proses ini adalah untuk menambahkan data Fraksi. 2. Proses Ubah Fraksi
(27)
3.3.1.7DFD Level 1 Tambah dan Edit Partai
Gambar 0-5 DFD Level 1 Tambah dan Edit Partai
1. Proses Tambah Partai
Proses ini adalah untuk menambahkan data Partai 2. Proses Edit Partai
(28)
3.3.1.8DFD Level 1 Proses Login
1. Verifikasi Username
Proses ini adalah proses pengecekan username didalam database yang nantinya akan memavalidasi apakah admin sudah terdaftar
2. Verifikasi Password
Proses ini adalah proses pengecekan password didalam database dimana system akan melakukan validasi. Jika valid maka akan menampilkan informasi sesuai dengan username. Kemudian jika invalid maka akan kembali ke menu login dimana admin harus mengisikan username dan password secara benar.
(29)
3.3.2 Kamus Data
a. Auntentifikasi Badan Anggaran : user name + password
b. Tambah partai : Id_partai + nama partai c. Tambah fraksi :
Id_fraksi + nama fraksi + nama _partai d. edit fraksi
Id_fraksi + nama_fraksi 3.3.3 Perancangan
Perancangan dibagi menjadi 2 bagian :
1. Parancangan data, pada bagian ini model perancangan dibagi lagi menjadi 2 : a. Skema Relasi
b. Struktur data
2. Berisi tentang perancangan antarmuka dan perancangan menu a. Perancangan menu
b. Perancangan antarmuka 3.3.3.1Perancangan Data
3.3.3.1.1 Skema Relasi
Relasi table menggambarkan hubungan antara table-tabel yang ada pada snatu sistem pengolahan data. Model basis data relation sering disebut sebagai model relation atau basis data relasional menunjukan suatu cara mekanisme yang digunakan untuk mengelola atau mengorganisasi data secara fisik.
(30)
Gambar 0-7 Skema relasi 3.3.3.1.2 Struktur Data
Dalam system yang digunakan, terdapat beberapa tabel-tabel yaitu, tabel admin, tabel badan anggaran, tabel badan kehormatan, tabel badan legislasi, tabel badan musyawarah, tabel fraksi, tabel komisi, tabel partai, tabel pimpinan.
1. Tabel admin
Tabel admin digunakan menyimpan data mitra yang berisi beberapa atribut diantaranya id, user dan pass. Dapat dilihat pada tabel
Table 0-3 Admin
(31)
Id_admin int(11) No Primary Key
User varchar(40) No
Pass varchar(41) No
3. Tabel Fraksi
Tabel Fraksi digunakan menyimpan data mitra yang berisi beberapa atribut diantaranya id, nama, tempat_lahir, tanggal_lahir, pendidikan, alamat, jabatan_fraksi, jabatan_badan_musyawarah, jabatan_bidang_komisi, jabatan_badan_kehormatan, jabatan_badan anggran, jabatan_bidang_legislasi, fraksi, foto. Dapat dilihat pada tabel
Table 0-4 Fraksi
Field Type Null Default
Id_fraksi int(11) No Foreign Key
nama varchar(40) No
tempat_lahir varchar(40) No
tanggal_lahir varchar(20) No
pendidikan varchar(30) No
alamat varchar(250) No
jabatan_fraksi varchar(20) No
(32)
jabatan_badan_anggaran varchar(20) No jabatan_badan_legislasi varchar(20) No
Foto varchar(100) No default.jpg
Id_fraksi int(11) No Foreign Key
Id_admin int(11) No Foreign Key
4. Tabel partai
Tabel partai digunakan menyimpan data mitra yang berisi beberapa atribut diantaranya id, fraksi dan partai. Dapat dilihat pada tabel
Table 0-5 Partai
Field Type Null Default
Id_partai int(11) No Primary Key
Id_admin int(11) No Foreign Key
Id_fraksi varchar(20) No Foreign Key
Partai varchar(30) No
3.3.3.2Perancangan Menu
Perancangan menu terdiri dari 2 bagian yaitu: 1. Perancangan menu user
(33)
3.3.3.2.1 Perancangan Menu User
Perancangan menu user ini adalah semua tampilan menu-menu yang ada pada halaman utama menu user, yang terdiri dari menu home, profile, bidang dan tugas, gallery foto, download, dan peraturan.
(34)
3.3.3.2.2 Perancangan Menu Admin
Perancangan menu admin ini terdiri dari 2 menu utama yaitu menu data tambah anggota DPRD, dan menu Edit data anggota DPRD.
(35)
3.3.3.2.3 Perancangan antar muka Home T01
-klik home menuju T01 -klik PROFIL menuju T01.2.1.u -klik BIDANG DAN TUGAS menuju T01.3.1.u
-Klik PEMERINTAHAN menuju
T01.4.1
-Klik GALERY FOTO menuju
T01.4.2.2
-Klik DOWNLOAD menuju
T01.4.2.3.1.u
-Klik PERATURAN menuju T01.5.3
General Layout
Ukuran tampilan : 900 X 2800 pixel Font color :
Font size : Font Typefaces :
(36)
3.3.3.2.4 Perancangan antarmuka Fraksi-Fraksi T01.2.1.u
-klik home menuju T01
-klik PROFIL menuju
T01.2.1.u
-klik BIDANG DAN TUGAS menuju T01.3.1.u
-Klik PEMERINTAHAN
menuju T01.4.1
-Klik GALERY FOTO menuju T01.4.2.2
-Klik DOWNLOAD menuju T01.4.2.3.1.u
-Klik PERATURAN menuju T01.5.3
General Layout
Ukuran tampilan : 900 X 2800 pixel Font color :
Font size : Font Typefaces :
(37)
3.3.3.2.5 Perancangan antar muka Ketua, Wakil Ketua, Sekertaris T01.2.2.u
-klik home menuju T01
-klik PROFIL menuju T01.2.1.u
-klik BIDANG DAN
TUGAS menuju
T01.3.1.u
-klik fraksi-fraksi menuju T01.2.1.u -Klik PEMERINTAHAN menuju T01.4.1 -Klik GALERY FOTO menuju T01.4.2.2
-Klik DOWNLOAD
menuju T01.4.2.3.1.u
-Klik PERATURAN
menuju T01.5.3u
General Layout
Ukuran tampilan : 900 X 2800 pixel Font color :
Font size : Font Typefaces :
(38)
3.3.3.2.6 Perancangan antarkmuka Badan Musyawarah T01.3.1.u
-klik home menuju T01 -klik PROFIL menuju T01.2.1.u -klik BIDANG DAN TUGAS menuju T01.3.1.u
-Klik PEMERINTAHAN menuju T01.4.1
-Klik GALERY FOTO menuju T01.4.2.2
-Klik DOWNLOAD menuju
T01.4.2.3.1.u
-Klik PERATURAN menuju
T01.5.3u General Layout
Ukuran tampilan : 900 X 2800 pixel Font color :
Font size : Font Typefaces :
(39)
3.3.3.2.7 Perancangan antarmuka Komisi I T01.3.2.u
-klik home menuju T01 -klik PROFIL menuju T01.2.1.u -klik BIDANG DAN TUGAS menuju T01.3.1.u
-Klik PEMERINTAHAN menuju T01.4.1
-Klik GALERY FOTO menuju T01.4.2.2
-Klik DOWNLOAD menuju
T01.4.2.3.1.u
-Klik PERATURAN menuju
T01.5.3u
General Layout
Ukuran tampilan : 900 X 2800 pixel Font color :
Font size : Font Typefaces :
(40)
3.3.3.2.8 Perancangan antarmuka Komisi II T01.3.3.u
-klik home menuju T01 -klik PROFIL menuju T01.2.1.u -klik BIDANG DAN TUGAS menuju T01.3.1.u
Klik komisi I menuju T01.3.2.u -Klik PEMERINTAHAN menuju T01.4.1
-Klik GALERY FOTO menuju T01.4.2.2
-Klik DOWNLOAD menuju
T01.4.2.3.1.u
-Klik PERATURAN menuju
T01.5.3u
General Layout
Ukuran tampilan : 900 X 2800 pixel Font color :
Font size : Font Typefaces :
(41)
3.3.3.2.9 Perancangan antarmuka Komisi III T01.3.4.u
-klik home menuju T01 -klik PROFIL menuju T01.2.1.u -klik BIDANG DAN TUGAS menuju T01.3.1.u
Klik komisi II menuju T01.3.3.u -Klik PEMERINTAHAN menuju T01.4.1
-Klik GALERY FOTO menuju T01.4.2.2
-Klik DOWNLOAD menuju
T01.4.2.3.1.u
-Klik PERATURAN menuju
T01.5.3u
General Layout
Ukuran tampilan : 900 X 2800 pixel Font color :
Font size : Font Typefaces :
(42)
3.3.3.2.10Perancangan antar muka Komisi IV T01.3.5.u
-klik home menuju T01 -klik PROFIL menuju T01.2.1.u -klik BIDANG DAN TUGAS menuju T01.3.1.u
Klik komisi III menuju T01.3.4.u -Klik PEMERINTAHAN menuju T01.4.1
-Klik GALERY FOTO menuju
T01.4.2.2
-Klik DOWNLOAD menuju
T01.4.2.3.1.u
-Klik PERATURAN menuju
T01.5.3u
General Layout
Ukuran tampilan : 900 X 2800 pixel Font color :
Font size : Font Typefaces :
(43)
3.3.3.1.9 Perancangan antarmuka Badan Kehormatan T01.3.6.u
-klik home menuju T01 -klik PROFIL menuju T01.2.1.u -klik BIDANG DAN TUGAS menuju T01.3.1.u
-Klik PEMERINTAHAN menuju T01.4.1
-Klik GALERY FOTO menuju
T01.4.2.2
-Klik DOWNLOAD menuju
T01.4.2.3.1.u
-Klik PERATURAN menuju
T01.5.3u
General Layout
Ukuran tampilan : 900 X 2800 pixel Font color :
Font size : Font Typefaces :
(44)
3.3.3.2.11Perancangan antar muka Badan Anggaran T01.3.7.u
-klik home menuju T01 -klik PROFIL menuju T01.2.1.u -klik BIDANG DAN TUGAS menuju T01.3.1.u
Klik badan kehormatan menuju T01.3.6.u
-Klik PEMERINTAHAN menuju T01.4.1
-Klik GALERY FOTO menuju
T01.4.2.2
-Klik DOWNLOAD menuju
T01.4.2.3.1.u
-Klik PERATURAN menuju
T01.5.3u
General Layout
Ukuran tampilan : 900 X 2800 pixel Font color :
Font size : Font Typefaces :
(45)
3.3.3.2.12Perancangan antar muka Badan Legislasi T01.3.8.u
-klik home menuju T01 -klik PROFIL menuju T01.2.1.u -klik BIDANG DAN TUGAS menuju T01.3.1.u
Klik badan kehormatan menuju T01.3.6.u
Klik badan anggaran menuju T01.3.7.u
-Klik PEMERINTAHAN menuju T01.4.1
-Klik DOWNLOAD menuju
T01.4.2.3.1.u
-Klik DOWNLOAD menuju
T01.4.2.3
-Klik PERATURAN menuju
T01.5.3u
General Layout
Ukuran tampilan : 900 X 2800 pixel Font color :
Font size : Font Typefaces :
Gambar 0-20 Perancangan antar muka Badan Legislasi
(46)
3.3.3.2.13Perancangan antarmuka Sejarah Cimahi T01.4.1
-klik home menuju T01 -klik PROFIL menuju T01.2.1.u -klik BIDANG DAN TUGAS menuju T01.3.1.u
-Klik PEMERINTAHAN menuju T01.4.1
-Klik GALERY FOTO menuju T01.4.2.2
-Klik DOWNLOAD menuju
T01.4.2.3.1.u
-Klik PERATURAN menuju
T01.5.3u
General Layout
Ukuran tampilan : 900 X 2800 pixel Font color :
Font size : Font Typefaces :
(47)
3.3.3.2.14Perancangan antar muka Visi Misi T01.4.2
-klik home menuju T01 -klik PROFIL menuju T01.2.1.u -klik BIDANG DAN TUGAS menuju T01.3.1.u
-Klik PEMERINTAHAN menuju T01.4.1
-Klik GALERY FOTO menuju T01.4.2.2
-Klik DOWNLOAD menuju
T01.4.2.3.1.u
-Klik PERATURAN menuju
T01.5.3u
General Layout
Ukuran tampilan : 900 X 2800 pixel Font color :
Font size : Font Typefaces :
(48)
3.3.3.2.15Perancangan antar muka Arti Dari Lambang T01.4.2.1
-klik home menuju T01 -klik PROFIL menuju T01.2.1.u -klik BIDANG DAN TUGAS menuju T01.3.1.u
-Klik PEMERINTAHAN menuju T01.4.1
Klik Visi Misi menuju T01.4.2 -Klik GALERY FOTO menuju T01.4.2.2
-Klik DOWNLOAD menuju
T01.4.2.3.1.u
-Klik PERATURAN menuju
T01.5.3u
General Layout
Ukuran tampilan : 900 X 2800 pixel Font color :
Font size : Font Typefaces :
(49)
3.3.3.2.16Perancangan antarmuka Galery Foto T01.4.2.2
-klik home menuju T01 -klik PROFIL menuju T01.2.1.u
-klik BIDANG DAN TUGAS menuju T01.3.1.u
-Klik PEMERINTAHAN menuju T01.4.1 -Klik GALERY FOTO menuju T01.4.2.2
-Klik DOWNLOAD menuju
T01.4.2.3.1.u
-Klik PERATURAN menuju T01.5.3u
General Layout
Ukuran tampilan : 900 X 2800 pixel Font color :
Font size : Font Typefaces :
(50)
3.3.3.2.17Perancangan antar muka Download Perda 2003 T01.4.2.3.1.u
-klik home menuju T01 -klik PROFIL menuju T01.2.1.u -klik BIDANG DAN TUGAS menuju T01.3.1.u
-Klik PEMERINTAHAN menuju
T01.4.1
-Klik GALERY FOTO menuju
T01.4.2.2
-Klik DOWNLOAD menuju
T01.4.2.3.1.u
-Klik PERATURAN menuju T01.5.3u
General Layout
Ukuran tampilan : 900 X 2800 pixel Font color :
Font size : Font Typefaces :
3.3.3.2.18Perancangan antarmuka Download Perda 2004 T01.4.2.3.2.u
-klik home menuju T01 -klik PROFIL menuju T01.2.1.u -klik BIDANG DAN TUGAS menuju T01.3.1.u
-Klik PEMERINTAHAN menuju
T01.4.1
-Klik GALERY FOTO menuju
T01.4.2.2
-Klik DOWNLOAD menuju
T01.4.2.3.1.u Gambar 0-25 Perancangan antar muka Download Perda 2003
(51)
-Klik PERATURAN menuju T01.5.3u
General Layout
Ukuran tampilan : 900 X 2800 pixel Font color :
Font size : Font Typefaces :
(52)
3.3.3.2.19Perancangan antarmuka Download Perda 2005 T01.4.2.3.3.u
-klik home menuju T01 -klik PROFIL menuju T01.2.1.u -klik BIDANG DAN TUGAS menuju T01.3.1.u
-Klik PEMERINTAHAN menuju
T01.4.1
-Klik GALERY FOTO menuju
T01.4.2.2
-Klik DOWNLOAD menuju
T01.4.2.3.1.u
Klik perda 2004 menuju
T01.4.2.3.2.u
-Klik PERATURAN menuju T01.5.3u
General Layout
Ukuran tampilan : 900 X 2800 pixel Font color :
Font size : Font Typefaces :
(53)
3.3.3.2.20Perancangan antarmuka Download Perda 2006 T01.4.2.3.4.u
-klik home menuju T01 -klik PROFIL menuju T01.2.1.u -klik BIDANG DAN TUGAS menuju T01.3.1.u
-Klik PEMERINTAHAN menuju
T01.4.1
-Klik GALERY FOTO menuju
T01.4.2.2
-Klik DOWNLOAD menuju
T01.4.2.3.1.u
Klik perda 2004 menuju
T01.4.2.3.2.u
Klik perda 2005 menuju
T01.4.2.3.3.u
-Klik PERATURAN menuju T01.5.3u
General Layout
Ukuran tampilan : 900 X 2800 pixel Font color :
Font size : Font Typefaces :
(54)
3.3.3.2.21Perancangan antamuka Download Perda 2007 T01.4.2.3.5.u
-klik home menuju T01 -klik PROFIL menuju T01.2.1.u -klik BIDANG DAN TUGAS menuju T01.3.1.u
-Klik PEMERINTAHAN menuju
T01.4.1
-Klik GALERY FOTO menuju
T01.4.2.2
-Klik DOWNLOAD menuju
T01.4.2.3.1.u
Klik perda 2004 menuju
T01.4.2.3.2.u
Klik perda 2005 menuju
T01.4.2.3.3.u
Klik perda 2006 menuju
T01.4.2.3.4.u
-Klik PERATURAN menuju T01.5.3u
General Layout
Ukuran tampilan : 900 X 2800 pixel Font color :
Font size : Font Typefaces :
(55)
3.3.3.2.22Perancangan antamuka Download Perda 2008 T01.4.2.3.6.u
-klik home menuju T01 -klik PROFIL menuju T01.2.1.u -klik BIDANG DAN TUGAS menuju T01.3.1.u
-Klik PEMERINTAHAN menuju
T01.4.1
-Klik GALERY FOTO menuju
T01.4.2.2
-Klik DOWNLOAD menuju
T01.4.2.3.1.u
Klik perda 2004 menuju
T01.4.2.3.2.u
Klik perda 2005 menuju
T01.4.2.3.3.u
Klik perda 2006 menuju
T01.4.2.3.4.u
Klik perda 2007 menuju
T01.4.2.3.5.u
-Klik PERATURAN menuju T01.5.3u
General Layout
Ukuran tampilan : 900 X 2800 pixel Font color :
Font size : Font Typefaces :
(56)
3.3.3.2.23Perancangan antamuka Download Perda 2009 T01.4.2.3.7
-klik home menuju T01 -klik PROFIL menuju T01.2.1.u -klik BIDANG DAN TUGAS menuju T01.3.1.u
-Klik PEMERINTAHAN menuju
T01.4.1
-Klik GALERY FOTO menuju
T01.4.2.2
-Klik DOWNLOAD menuju
T01.4.2.3.1.u
Klik perda 2004 menuju
T01.4.2.3.2.u
Klik perda 2005 menuju
T01.4.2.3.3.u
Klik perda 2006 menuju
T01.4.2.3.4.u
Klik perda 2007 menuju
T01.4.2.3.5.u
Klik perda 2008 menuju
T01.4.2.3.6.u
-Klik PERATURAN menuju T01.5.3u
General Layout
Ukuran tampilan : 900 X 2800 pixel Font color :
Font size : Font Typefaces :
(57)
3.3.3.2.24Perancangan antamuka Download Perda 2010 T01.4.2.3.8.u
-klik home menuju T01 -klik PROFIL menuju T01.2.1.u -klik BIDANG DAN TUGAS menuju T01.3.1.u
-Klik PEMERINTAHAN menuju
T01.4.1
-Klik GALERY FOTO menuju
T01.4.2.2
-Klik DOWNLOAD menuju
T01.4.2.3.1.u
Klik perda 2004 menuju
T01.4.2.3.2.u
Klik perda 2005 menuju
T01.4.2.3.3.u
Klik perda 2006 menuju
T01.4.2.3.4.u
Klik perda 2007 menuju
T01.4.2.3.5.u
Klik perda 2008 menuju
T01.4.2.3.6.u
Klik perda 2009 menuju
T01.4.2.3.7.u
-Klik PERATURAN menuju T01.5.3u
General Layout
Ukuran tampilan : 900 X 2800 pixel Font color :
(58)
3.3.3.2.25Perancangan antamuka Peraturan Pemertintah T01.5.3
-klik home menuju T01 -klik PROFIL menuju T01.2.1.u -klik BIDANG DAN TUGAS menuju T01.3.1.u
-Klik PEMERINTAHAN menuju
T01.4.1
-Klik GALERY FOTO menuju
T01.4.2.2
-Klik DOWNLOAD menuju
T01.4.2.3
-Klik PERATURAN menuju T01.5.3u
General Layout
Ukuran tampilan : 900 X 2800 pixel Font color :
Font size : Font Typefaces :
3.3.3.2.26Perancangan antamuka Peraturan Pemertintah T01.5.3
-klik home menuju T01 -klik PROFIL menuju T01.2.1.u -klik BIDANG DAN TUGAS menuju T01.3.1.u
-Klik PEMERINTAHAN menuju
T01.4.1
-Klik GALERY FOTO menuju
T01.4.2.2
-Klik DOWNLOAD menuju
T01.4.2.3.1.u Gambar 0-33 Perancangan antamuka Peraturan Pemertintah
(59)
-Klik PERATURAN menuju T01.5.3u
General Layout
Ukuran tampilan : 900 X 2800 pixel Font color :
Font size : Font Typefaces :
3.3.4 Implementasi
3.3.4.1Implementasi Database
A. Implementasi struktur tabel admin
CREATE TABLE IF NOT EXISTS `admin` (
`id_admin` int(11) NOT NULL AUTO_INCREMENT, `user` varchar(40) NOT NULL,
`pass` varchar(41) NOT NULL, PRIMARY KEY (`id_admin`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=2 ; B. Implementasi struktur tabel fraksi
CREATE TABLE IF NOT EXISTS `fraksi` (
`id_partai` int(11) NOT NULL AUTO_INCREMENT, `id_admin` int(11) NOT NULL AUTO_INCREMENT,
(60)
`alamat` varchar(250) NOT NULL,
`jabatan_fraksi` varchar(20) NOT NULL,
`jabatan_badan_musyawarah` varchar(20) NOT NULL, `jabatan_bidang_komisi` varchar(20) NOT NULL, `jabatan_badan_kehormatan` varchar(20) NOT NULL, `jabatan_badan_anggaran` varchar(20) NOT NULL, `jabatan_badan_legislasi` varchar(20) NOT NULL, `fraksi` varchar(20) NOT NULL,
`foto` varchar(100) NOT NULL DEFAULT 'default.jpg', FOREIGN KEY 1 (`id_admin`)
FOREIGN KEY 2 (`id_partai`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=16 ; C. Implementasi struktur tabel partai
CREATE TABLE IF NOT EXISTS `partai` (
`id_partai` int(11) NOT NULL AUTO_INCREMENT, `id_fraksi` int(11) NOT NULL AUTO_INCREMENT, `id_admin` int(11) NOT NULL AUTO_INCREMENT, PRIMARY KEY (`id_partai`)
FOREIGN KEY (`id_admin`)
(61)
3.3.4.2Implementasi Antarmuka 3.3.4.2.1 Home Admin
Gambar 3-35 adalah tampilan utama dari pembuatan web DPRD Cimahi ( admin ) melakukan login . Didalamnya berisi menu utama yang mempunya 4 link yaitu home, Tambah Data Anggota DPRD, Tampilan Data Anggota DPRD, Logout.
3.3.4.2.2 Tambah Data Anggota DPRD
Gambar 3-36 adalah halaman untuk menulis Data Anggota DPRD dimana ada beberapa hal yang harus diinputkan seperti nama, tempat lahir, tanggal lahir, pendidikan, jabatan fraksi, jabatan bidang komisi, jabatan badan kehormatan, jabatan badan anggaran, jabatan badan legislasi, partai, alamat, foto.
(62)
Gambar 0-36 Tambah Data Anggota
3.3.4.2.3 Data Anggota DPRD
Gambar 3-37 berfungsi untuk melihat data anggota DPRD, untuk bisa melihat data data anggota DPRD admin harus memasukan terlebih dahulu nama, tempat tanggal lahir, pendidikan serta bisa mengubah atau mengapus data yg sudah dimasukan.
Gambar 0-37 Tampilan Data Anggota DPRD
3.3.4.2.4 Tampil Home
Gambar 3-38 adalah tampilan utama dari aplikasi pembuatan web DPRD cimahi. Didalamnya berisi menu utama yang mempunya 7 link yaitu home, Profil, Bidang dan Tugas, Pemerintahan, Galery Foto, Download dan Peraturan.
(63)
3.3.4.2.5 Tampil Profil Pimpinan DPRD
Gambar 3-39 berfungsi untuk melihat Data Pimpinan Anggota DPRD, untuk bisa melihat data Profil Pimpinan DPRD admin harus memasukan terlebih dahulu nama, tempat tanggal lahir, pendidikan, jabatan fraksi, fraksi, alamat.
(64)
3.3.4.2.6 Tampil Profil Fraksi-Fraksi Anggota DPRD
Gambar 3-40 berfungsi untuk melihat Data Fraksi-fraksi Anggota DPRD, untuk bisa melihat Data Fraksi-fraksi Anggota DPRD admin harus memasukan terlebih dahulu memasukan nama, tempat tanggal lahir, pendidikan, jabatan fraksi, fraksi, alamat.
(65)
Gambar 0-40 Fraksi-Fraksi
3.3.4.2.7 Tampil Bidang dan Tugas Badan Musyawarah
Gambar 3-41 berfungsi untuk melihat Data Bidang dan Tugas Badan Musyawarah Anggota DPRD, untuk bisa melihat Data Bidang dan Tugas Badan Musyawarah Anggota DPRD admin harus memasukan terlebih dahulu nama, tempat tanggal lahir, pendidikan, jabatan badan musyawarah, fraksi, partai, alamat.
(66)
3.3.4.2.8 Tampil Bidang dan Tugas Komisi I
Gambar 3-42 berfungsi untuk melihat Data Bidang dan Tugas Komisi I Anggota DPRD, untuk bisa melihat Data Bidang dan Tugas Komisi I Anggota DPRD admin harus memasukan terlebih dahulu nama, tempat tanggal lahir, pendidikan, jabatan komisi I, fraksi, alamat, foto.
Gambar 0-42Bidang Komisi I
3.3.4.2.9 Tampil Bidang dan Tugas Komisi II
Gambar 3-43 berfungsi untuk melihat Data Bidang dan Tugas Komisi II Anggota DPRD, untuk bisa melihat Data Bidang dan Tugas Komisi II Anggota DPRD admin harus memasukan terlebih dahulu nama, tempat tanggal lahir, pendidikan, jabatan komisi II, fraksi, alamat, foto.
(67)
Gambar 0-43Bidang Komisi II
3.3.4.2.10Tampil Bidang dan Tugas Komisi III
Gambar 3-44 berfungsi untuk melihat Data Bidang dan Tugas Komisi III Anggota DPRD, untuk bisa melihat Data Bidang dan Tugas Komisi III Anggota DPRD admin harus memasukan terlebih dahulu nama, tempat tanggal lahir, pendidikan, jabatan komisi III, fraksi, alamat, foto.
(68)
3.3.4.2.11Tampil Bidang dan Tugas Komisi IV
Gambar 3-45 berfungsi untuk melihat Data Bidang dan Tugas Komisi IV Anggota DPRD, untuk bisa melihat Data Bidang dan Tugas Komisi IV Anggota DPRD admin harus memasukan terlebih dahulu nama, tempat tanggal lahir, pendidikan, jabatan komisi IV, fraksi, alamat, foto.
Gambar 0-45 Bidang Komisi IV
3.3.4.2.12Tampil Bidang dan Tugas Badan Anggaran
Gambar 3-46 berfungsi untuk melihat Data Bidang dan Tugas Komisi I Anggota DPRD, untuk bisa melihat Data Bidang dan Tugas Komisi Anggota DPRD admin harus memasukan terlebih dahulu nama, tempat tanggal lahir, pendidikan, jabatan komisi I, fraksi, alamat.
(69)
Gambar 0-46 Badan Anggaran
3.3.4.2.13Tampil Bidang dan Tugas Badan Legislasi
Gambar 3-47 berfungsi untuk melihat Data Bidang dan Tugas Badan Legislasi Anggota DPRD, untuk bisa melihat Data Bidang dan Tugas Badan Legislasi Anggota DPRD admin harus memasukan terlebih dahulu nama, tempat tanggal lahir, pendidikan, jabatan badan legislasi, fraksi, alamat.
(70)
3.3.4.2.14Tampil Pmerintahan Sejarah Cimahi
Gambar 3-48 berfungsi untuk melihat Pemerintahan Sejarah Cimahi.
Gambar 0-48 Sejarah Cimahi
3.3.4.2.15Tampil Pemerintahan Visi Misi
(71)
Gambar 0-49 Visi Misi
3.3.4.2.16Tampil Pmerintahan Arti Dan Lambang
(72)
3.3.4.2.17Galery Foto
Gambar 3-51 berfungsi untuk melihat Pemerintahan Sejarah Cimahi.
(73)
KESIMPULAN DAN SARAN
4.1.Kesimpulan
Berdasarkan proses perancangan program pengarsipan ini, maka dapat ditarik sejumlah kesimpulan, yaitu:
a. Program ini berfungsi dengan baik sesuai dengan tujuannya yaitu mengarsipkan data anggota DPRD.
b. Prosedur-prosedur yang ada telah dijalani dengan baik.
c. Pengguna dapat memasukkan data anggota dan melakukan pengeditan data anggota DPRD dengan cepat menggunakan program ini.
4.2.Saran
Penulis mengharapkan program pengarsipan ini dapat dikembangkan lebih lanjut sehingga dapat bermanfaat bagi perusahaan dan diharapkan program ini dapat dipakai dengan mudah oleh semua karyawan yang belum terlatih sekalipun.
(74)
iv
DAFTAR GAMBAR
Gambar 1-1 Metode waterfall ... 4
Gambar 2-1 Logo Instansi ... 9
Gambar 2-2 Struktur Organisasi ... 11
Gambar 3-1 Entity Relationship Diagram ... 29
Gambar 3-2 Diagram Konteks ... 30
Gambar 3-3 DFD Level 0 ... 31
Gambar 3-4 DFD Level 1 Tambah dan Ubah Fraksi ... 32
Gambar 3-5 DFD Level 1 Tambah dan Edit Partai... 33
Gambar 3-6 DFD Level 1 Proses Login ... 34
Gambar 3-7 Skema relasi ... 36
Gambar 3-8 Perancangan Menu User ... 39
Gambar 3-9 Perancangan Menu Admin ... 40
Gambar 3-10 Perancangan Antar Muka Home ... 41
Gambar 3-11 Perancangan antarmuka Fraksi-Fraksi ... 42
Gambar 3-12 Perancangan antar muka Ketua, Wakil Ketua, Sekertaris ... 43
Gambar 3-13 Perancangan antarkmuka Badan Musyawarah ... 44
Gambar 3-14 Perancangan antarmuka Komisi I ... 45
Gambar 3-15 Perancangan antarmuka Komisi II ... 46
Gambar 3-16 Perancangan antarmuka Komisi III ... 47
Gambar 3-17 Perancangan antar muka Komisi IV ... 48
Gambar 3-18 Perancangan antarmuka Badan Kehormatan ... 49
Gambar 3-19 Perancangan antar muka Badan Anggaran ... 50
Gambar 3-20 Perancangan antar muka Badan Legislasi ... 51
Gambar 3-21 Perancangan antarmuka Sejarah Cimahi ... 52
Gambar 3-22 Perancangan antar muka Visi Misi ... 53
Gambar 3-23 Perancangan antar muka Arti Dari Lambang ... 54
Gambar 3-24 Perancangan antarmuka Galery Foto ... 55
Gambar 3-25 Perancangan antar muka Download Perda 2003 ... 56
(75)
Gambar 3-27 Perancangan antarmuka Download Perda 2005... 58
Gambar 3-28 Perancangan antarmuka Download Perda 2006... 59
Gambar 3-29 Perancangan antamuka Download Perda 2007 ... 60
Gambar 3-30 Perancangan antamuka Download Perda 2008 ... 61
Gambar 3-31 Perancangan antamuka Download Perda 2009 ... 62
Gambar 3-32 Perancangan antamuka Download Perda 2010 ... 63
Gambar 3-33 Perancangan antamuka Peraturan Pemertintah ... 64
Gambar 3-34 Perancangan antamuka Peraturan Pemertintah ... 65
Gambar 3-35 Home Admin ... 67
Gambar 3-36 Tambah Data Anggota ... 67
Gambar 3-37 Tampilan Data Anggota DPRD ... 68
Gambar 3-38 Home ... 68
Gambar 3-39 Pimpinan ... 69
Gambar 3-40 Fraksi-Fraksi ... 70
Gambar 3-41 Badan Musyawarah... 70
Gambar 3-42 Bidang Komisi I ... 71
Gambar 3-43 Bidang Komisi II ... 72
Gambar 3-44 Bidang Komisi III ... 72
Gambar 3-45 Bidang Komisi IV ... 73
Gambar 3-46 Badan Anggaran ... 73
Gambar 3-47 Badan Legisalasi ... 74
Gambar 3-48 Sejarah Cimahi ... 74
Gambar 3-49 Visi Misi ... 75
Gambar 3-50 Arti Dan Lambang ... 75
(76)
ii
DAFTAR ISI
KATA PENGANTAR... i
DAFTAR ISI ... ii
DAFTAR GAMBAR ... iv
DAFTAR TABEL ... vi
BAB 1 PENDAHULUAN ... 1
1.1 Latar Belakang Masalah ... 1
1.2 Perumusan Masalah... 2
1.3 Maksud dan Tujuan ... 2
1.3.1 Maksud ... 2
1.3.2 Tujuan ... 2
1.4 Batasan Masalah ... 3
1.5 Metode Penelitian ... 3
1.5.1 Teknik Pengumpulan Data ... 3
1.5.2 Metode Pengembangan Sistem ... 3
1.6 Sistematika Penulisan ... 5
BAB 2 TINJAUAN PUSTAKA ... 7
2.1 Profil tempat kerja praktek ... 7
2.2 Sejarah Instansi ... 7
2.3 Logo Instansi ... 8
2.4 Badan Hukum Instansi ... 10
2.5 Struktur Organisasi dan Deskripsi Tugas ... 10
2.6 Landasan Teori ... 12
2.6.1 Website ... 12
2.6.2 DFD ... 13
2.6.3 ERD ... 15
2.6.4 PHP ... 15
2.6.5 MySQL ... 16
(77)
2.6.7 Macromedia Dreamweaver ... 19
BAB 3 PEMBAHASAN ... 26
3.1 Lokasi dan Jadwal Kerja Praktek ... 26
3.1.1 Lokasi Kerja Praktek ... 26
3.2 Cara Kerja Praktek ... 27
3.3 Data hasil Kerja Praktek ... 27
3.3.2 Kamus Data ... 35
3.3.3 Perancangan... 35
3.3.4 Implementasi ... 65
BAB 4 KESIMPULAN DAN SARAN ... 72
4.1. Kesimpulan ... 72
4.2. Saran ... 72
(78)
73
1. Andi. (2008). Medesain Website dengan PHP-MySQL. Jakarta : Madcoms.
2. Hoffer, Jeffey A. (2002). Modern Database Management 7ed. Indianapolis : Prentice Hall. 3. Kadir, Abdul. (2007). Sistem Basis Data. Jakarta : MTI.
4. Prasetyo, Didik Dwi. (2009). Administrasi Database Server. Surabaya : Elex Media Komputindo.
(79)
Data Pribadi
Nama : Mustopa
Jenis Kelamin : Laki-laki
Tempat, tanggal lahir : Bandung,20 januari 1988 Kewarganegaraan : Indonesia
Status Perkawinan : Belum Menikah Tinggi, berat : 178 cm , 65 kg
Agama : Islam
Alamat Lengkap : Jl. Budi no.8 RT.01 RW.04, Pasirkaliki Cimahi Utara Kota Cimahi 40514
No Telepon : 022-92422001
E-mail : mustopa89@gmail.com
Pendidikan :
1994-1995 : TK Pamekar Budi
1995-2001 : SDN Pasirkaliki II Kota Cimahi 2001-2004 : SMP Negeri 12 Kota Bandung 2004-2007 : SMA Negeri 3 Kota Cimahi
(80)
Data Pribadi
Nama : RD Gilang Yudiaputra
Jenis Kelamin : Laki-laki
Tempat, tanggal lahir : Ciamis, 17 Agustus 1989 Kewarganegaraan : Indonesia
Status Perkawinan : Belum Menikah Tinggi, berat : 175 cm , 60 kg
Agama : Islam
Alamat Lengkap : Jl. Tubagus Ismail Dalam No 28, Bandung No Telepon : 022 92699884
E-mail : gil_evl@yahoo.com
Pendidikan :
Formal
1994-1995 : TK Cibuntu
1995-2001 : SD Negeri 4 Kertasari 2001-2004 : SMP Negeri 1 Cijunjing 2004-2007 : SMA Negeri 3 Ciamis
(81)
KATA PENGANTAR
Pertama-tama penulis panjatkan puji dan syukur kehadirat Allah SWT atas segala rahmat dan karunia-Nya, sehingga laporan kerja praktek yang berjudul “PEMBUATAN WEB DPRD CIMAHI” ini dapat diselesaikan dengan baik.
Laporan ini diajukan untuk memenuhi salah satu tugas mata kuliah Kerja Praktek Program Strata Satu Jurusan Teknik Informatika. Dalam pembuatan laporan ini juga tidak akan lepas dari bantuan, bimbingan serta dorongan dari berbagai pihak. Oleh karena itu, pada kesempatan ini penulis ingin menyampaikan ucapan terima kasih sebesar-besarnya kepada Bapak Ipung Mustopa selaku pembimbing kerja praktek pada divisi Badan Anggaran dan Ibu Dian Dharmayanti selaku pembimbing kerja praktek kelas IF3/2007 jurusan Teknik Informatika Universitas Komputer Indonesia. Dan juga kepada kedua orang tua yang telah memberi dukungan dan motivasi dalam hal ini, dan teman-teman yang telah memberi semangat kepada penulis.
Semoga laporan ini dapat bermanfaat bagi semua pihak dan juga semoga Allah SWT membalas kebaikan semua pihak yang telah berjasa selama pengerjaan laporan ini dengan pahala yang berlipat. Amin.
(82)
(1)
iii
2.6.7 Macromedia Dreamweaver ... 19
BAB 3 PEMBAHASAN ... 26
3.1 Lokasi dan Jadwal Kerja Praktek ... 26
3.1.1 Lokasi Kerja Praktek ... 26
3.2 Cara Kerja Praktek ... 27
3.3 Data hasil Kerja Praktek ... 27
3.3.2 Kamus Data ... 35
3.3.3 Perancangan... 35
3.3.4 Implementasi ... 65
BAB 4 KESIMPULAN DAN SARAN ... 72
4.1. Kesimpulan ... 72
4.2. Saran ... 72
(2)
73
DAFTAR PUSTAKA
1. Andi. (2008). Medesain Website dengan PHP-MySQL. Jakarta : Madcoms.
2. Hoffer, Jeffey A. (2002). Modern Database Management 7ed. Indianapolis : Prentice Hall. 3. Kadir, Abdul. (2007). Sistem Basis Data. Jakarta : MTI.
4. Prasetyo, Didik Dwi. (2009). Administrasi Database Server. Surabaya : Elex Media Komputindo.
(3)
DAFTAR RIWAYAT HIDUP
Data Pribadi
Nama : Mustopa
Jenis Kelamin : Laki-laki
Tempat, tanggal lahir : Bandung,20 januari 1988 Kewarganegaraan : Indonesia
Status Perkawinan : Belum Menikah Tinggi, berat : 178 cm , 65 kg
Agama : Islam
Alamat Lengkap : Jl. Budi no.8 RT.01 RW.04, Pasirkaliki Cimahi Utara Kota Cimahi 40514
No Telepon : 022-92422001
E-mail : mustopa89@gmail.com
Pendidikan :
1994-1995 : TK Pamekar Budi
1995-2001 : SDN Pasirkaliki II Kota Cimahi 2001-2004 : SMP Negeri 12 Kota Bandung 2004-2007 : SMA Negeri 3 Kota Cimahi
(4)
DAFTAR RIWAYAT HIDUP
Data Pribadi
Nama : RD Gilang Yudiaputra Jenis Kelamin : Laki-laki
Tempat, tanggal lahir : Ciamis, 17 Agustus 1989 Kewarganegaraan : Indonesia
Status Perkawinan : Belum Menikah Tinggi, berat : 175 cm , 60 kg
Agama : Islam
Alamat Lengkap : Jl. Tubagus Ismail Dalam No 28, Bandung No Telepon : 022 92699884
E-mail : gil_evl@yahoo.com
Pendidikan :
Formal
1994-1995 : TK Cibuntu
1995-2001 : SD Negeri 4 Kertasari 2001-2004 : SMP Negeri 1 Cijunjing 2004-2007 : SMA Negeri 3 Ciamis
(5)
i
KATA PENGANTAR
Pertama-tama penulis panjatkan puji dan syukur kehadirat Allah SWT atas segala rahmat dan karunia-Nya, sehingga laporan kerja praktek yang berjudul “PEMBUATAN WEB DPRD CIMAHI” ini dapat diselesaikan dengan baik.
Laporan ini diajukan untuk memenuhi salah satu tugas mata kuliah Kerja Praktek Program Strata Satu Jurusan Teknik Informatika. Dalam pembuatan laporan ini juga tidak akan lepas dari bantuan, bimbingan serta dorongan dari berbagai pihak. Oleh karena itu, pada kesempatan ini penulis ingin menyampaikan ucapan terima kasih sebesar-besarnya kepada Bapak Ipung Mustopa selaku pembimbing kerja praktek pada divisi Badan Anggaran dan Ibu Dian Dharmayanti selaku pembimbing kerja praktek kelas IF3/2007 jurusan Teknik Informatika Universitas Komputer Indonesia. Dan juga kepada kedua orang tua yang telah memberi dukungan dan motivasi dalam hal ini, dan teman-teman yang telah memberi semangat kepada penulis.
Semoga laporan ini dapat bermanfaat bagi semua pihak dan juga semoga Allah SWT membalas kebaikan semua pihak yang telah berjasa selama pengerjaan laporan ini dengan pahala yang berlipat. Amin.
Bandung, 26 Januari 2010
(6)