RANCANG BANGUN WEBSITE PROGRAM STUDI UNIVERSITAS MURIA KUDUS DENGAN MEMANFAATKAN OPENSOURCE SOFTWARE



dokumen-dokumen yang mirip
PANDUAN PENGGUNAAN. Joomla! Versi 1.5. Oleh: Anon Kuncoro Widigdo

ANALISA WEBSITE UNIVERSITAS MURIA KUDUS

ANALISA WEBSITE UNI UNIVERSITAS MURIA KUDUS

Pengguna CMS Joomla Oleh: Herman Dwi Surjono, Ph.D.

JEN Archive Tutorial Mambo by IT-Community (1)

Instalasi XAMPP di Windows

REKAYASA CONTENT MANAGEMENT SYSTEM (CMS) JOOMLA BERBASIS OPEN SOURCE UNTUK PENGEMBANGAN SISTEM INFORMASI BERBASIS ONLINE

BAB 1 PENDAHULUAN. suatu komputer untuk saling berkomunikasi dengan komputer lain.

APLIKASI E-TUGAS BERBASIS WEB CMS STUDI KASUS AMIK TUNAS BANGSA PEMATANGSIANTAR

PEMBERDAYAAN SISTEM PEMERINTAHAN DAN POTENSI DESA PADA KABAPUTEN PRINGSEWU BERBASIS WEB

PENGEMBANGAN APPLICATION MANAGEMENT SYSTEM PADA WEBSITE JURUSAN ILMU KOMPUTER

Practical Web Development Using CMS (Joomla)

Mengelola Bagian Utama Website Sekolah

PENERAPAN CONTENT MANAGEMENT SYSTEM (CMS) PADA PEMBANGUNAN SITUS WEB SMA PERINTIS DEPOK. Hanum Putri Permatasari. Konita Shabrina

PERANCANGAN SISTEM INFOMASI RESELLER PADA TOKO GUDANG BUKU ACEH MENGGUNAKAN PHP DAN MYSQL

Mengenal Joomla. 3.1 Sejarah Joomla

Panduan Pengelolaan Web Berbasis WordPress IICACS

BAB III PERANCANGAN DAN PEMBUATAN SISTEM

MANUAL WORDPRES DAN JOMMLA UNTUK E-COMMERCE. Disusun oleh: NURHUDA ZAKARIA

Mengembangkan Website Berbasis Wordpress

: Keterampilan Komputer dan Pengelolaan Informasi : Menginstal Tema dan Menulis Artikel (Pos) MENGINSTAL TEMA DAN MENULIS ARTIKEL (POS)

BAB II LANDASAN TEORI. produk itu baik atau rusak ataupun untuk penentuan apakah suatu lot dapat diterima

CMS Joomla. Materi Kuliah Rekayasa Web Universitas Budi Luhur. A. Pengenalan Joomla

BAB III METODE PENYUSUNAN DAN PENYAJIAN PRODUK DIREKTORI ONLINE

2.8.1 PHP (Hypertext Preprocessor)... II MySQL... II Macromedia Dreamweaver 8... II-12 BAB III ANALISIS SISTEM 3.

BAB IV RANCANGAN SISTEM USULAN

MID-TERM EXAM ASSIGNMENT E-COMMERCE

APLIKASI BERBASIS WEB PEMETAAN INFORMASI PADA GAMBAR BITMAP

MODUL 7. Apakah Joomla itu? A. Pra-Instalasi Joomla. Tujuan : 1. Pengenalan Joomla 2. Installasi Joomla 3. Pengenalan Section dan Categories

BAB I PENDAHULUAN. Membuat modul tutorial dasar-dasar Microsoft Sharepoint 2010 dengan

Membuat web CMS dengan JOOMLA

BAGAIMANA MEMBUAT SITUS?

Bab IV. Mengisi Fitur Website Sekolah. A. Mengelola Agenda

RANCANG BANGUN CONTENT MANAGEMENT SYSTEM UNTUK APLIKASI WEBSITE PROGRAM STUDI

Buku Panduan Administrator Portal IT

RANCANG BANGUN WEBSITE JURNAL ILMIAH BIDANG KOMPUTER (STUDI KASUS : PROGRAM STUDI ILMU KOMPUTER UNIVERSITAS MULAWARMAN)

PERANCANGAN DAN IMPLEMENTASI SISTEM INFORMASI E_LEARNING UNTUK PEMBELAJARAN BAHASA PEMROGRAMAN PHP

Manual Joomla dan Wordpress untuk E-commerce

BAB II LANDASAN TEORI

1. Pendahuluan. 1.1 Latar belakang. 1.2 Perumusan masalah

BAB 3 PERANCANGAN SISTEM. 3.1 Mendefenisikan Web dalam Macromedia Dreamweaver 8

1. Kedua orang tua, dan saudara penulis yang selalu memberikan doa dan semangat untuk penulis.

Sistem Informasi Praktik Industri Fakultas Teknik Universitas Negeri Yogyakarta Berbasis Web

Bu k u Ma n u a l Web Si t e SK PD Pem er i n t a h K a b u pa t en Ma l a n g

BAB I PENDAHULUAN. yang berdiri sendiri. Menurut Keputusan Presiden RI no. 99 tahun 1998

dapat diakses melalui salah satu menu yang berkaitan dengan komponen pada halaman administrator.

BAB 1 PENDAHULUAN. 1.1 Latar Belakang Masalah

PERANCANGAN SISTEM INFORMASI PENYEWAAN MOBIL PADA RENTAL BERBASIS WEB

BAB II TINJAUAN PUSTAKA

REKAYASA WEB SESI - 2 Dosen : Tri Ari Cahyono, S.Kom, M.Kom

Mengenal Module Joomla

BAB 3 PERANCANGAN SISTEM. sistem baik yang lama maupun untuk mulai memiliki sistem yang baru. Perancangan

PERANGKAT LUNAK BANTU TRY OUT UJIAN NASIONAL BERBASIS MULTI USER MENGGUNAKAN VISUAL BASIC 6.0 DAN MYSQL

1 A p l i k a s i D e s a O n l i n e BAB I PENDAHULUAN

DIREKTORI PERGURUAN TINGGI SWASTA WILAYAH II

soal tes + ujian asil + ujian BUKU PANDUAN SISTEM MANAJEMEN KONTEN PADA PLATFORM MOODLE Buku Panduan CMS pada Platform Moodle 1

SISTEM INFORMASI MONITORING GURU AGAMA KATHOLIK TINGKAT SEKOLAH DASAR BERBASIS WEB

1. BAB 1 PENDAHULUAN. 1.1 Latar Belakang

SISTEM INFORMASI GEOGRAFIS BANGUNAN CAGAR BUDAYA DI KABUPATEN KUDUS BERBASIS WEB

BAB 2 LANDASAN TEORI

Lebih Dekat Dengan Component Joomla

BAB II KAJIAN PUSTAKA DAN KERANGKA PEMIKIRAN. CMS secara sederhana dapat diartikan sebagai berikut:

Modul Pembuatan Website Menggunakan

Gambar 1. Halaman Awal Website

BAB IV HASIL DAN PEMBAHASAN

BAB III LANDASAN TEORI

ANALISA KEBUTUHAN & SPESIFIKASI. Erick Kurniawan, S.Kom, M.Kom

INFORMASI ALAT MUSIK TRADISIONAL INDONESIA BERBASIS WEB

PENGGUNAAN APLIKASI E-LEARNING (MOODLE)

2.1 Instalasi Joomla Secara Lokal

BAB II LANDASAN TEORI. suatu maksud tertentu adalah bagian dari suatu sistem, yang mana sistem

BAB III 3. LANDASAN TEORI

BAB IV HASIL DAN PEMBAHASAN

PEMBANGUNAN SISTEM INFORMASI PEMESANAN PAKET TOUR PADA PERANGKAT MOBILE (STUDI KASUS : ARUNA TRAVEL)

BAB III LANDASAN TEORI. permasalahan yang dibahas. Hal ini sangat penting karena teori-teori tersebut

SKRIPSI PERANCANGAN SISTEM INFORMASI MANAJEMEN PADA TOKO ADHA COMPUTER MENGGUNAKAN DELPHI 6.0

2 KATA PENGANTAR. Bandung, September Penulis. iii

Jurnal Ilmiah d ComPutarE Volume 2 Juni 2012

PANDUAN PENGELOLAAN SITUS WEB BPKP

BAB III PERANCANGAN APLIKASI PROFILE BERBASIS WEB. 3.1 Sekilas Tentang Perancangan Aplikasi Web Profile

Membangun Website dengan Joomla!

BAB II LANDASAN TEORI

PENGEMBANGAN APLIKASI LAYANAN PERTANAHAN BERBASIS WEB PADA KANTOR BPN (BADAN PERTANAHAN NASIONAL) KABUPATEN BADUNG

Langkah-langkah Pembuatan Web dengan Joomla

PENERAPAN FRAMEWORK DENGAN ARSITEKTUR MODEL-VIEW-CONTROLLER PADA PENGELOLAAN DATA PENELITIAN DAN PENGABDIAN KEPADA MASYARAKAT

Pengertian Mambo BAB Apa itu Mambo?

Manual CMS Wordpress

BAB II TINJAUAN PUSTAKA

MENGAPLIKASIKAN DOCMAN JOOMLA UNTUK SISTEM PERPUSTAKAAN DIGITAL

PEMBUATAN WEBSITE DENGAN JOOMLA

APLIKASI DAFTAR HADIR PERKULIAHAN MAHASISWA FKTI UNIVERSITAS MULAWARMAN BERBASIS WEB

BAB III TINJAUAN PUSTAKA. atau untuk menyelesaikan suatu sasaran tertentu (Hartono, 2005). atau komponen yang terpadu untuk suatu tujuan.

Bab 3. Metode Perancangan

SISTEM INFORMASI BANK DATA DAN PENELUSURAN TUGAS AKHIR DAN SKRIPSI BERBASIS WEB ( STUDY KASUS STMIK PRINGSEWU)

BAB III PERANCANGAN MODUL PELATIHAN DAN SITUS WEB FTEK

Publikasi Website Di Geocities.ws

BAB III LANDASAN TEORI. Landasan teori ini merupakan dasar tentang teori-teori dalam melakukan

DAFTAR ISI... 0 KATA PENGANTAR... 3 BAB I PENDAHULUAN...

Kamus Indonesia - Jawa Berbasis Sinonim

PEMBANGUNAN ONLINE FASHION MARKET PASAR TANAH ABANG JAKARTA PUSAT

Transkripsi:

RANCANG BANGUN WEBSITE PROGRAM STUDI UNIVERSITAS MURIA KUDUS DENGAN Yudie Irawan 1 Murya Arief Basuki 2 ISSN : 1979-6870 ABSTRACT Research report titled "Rancang Bangun site Program Studi Sistem Informasi Universitas Muria Kudus" has been implemented. The research report was made with Mambo a CMS (Content Management System) which is Open Source and licensed for free, create a website using Mambo is easy to use solution, with no need to get better of the code website programming. Convenience is applied to create a site Program Studi Sistem Informasi Universitas Muria Kudus. Results of this Research is a site Program Studi Sistem Informasi Universitas Muria Kudus shaped sample and stored in a compact disk. Keywords: Mambo, site ABSTRAK Laporan Penelitian dengan judul Rancang Bangun site Program Studi Sistem Informasi Fakultas Teknik Universitas Muria Kudus dengan Memanfaatkan Open Source Software telah dilaksanakan. Laporan Penelitian tersebut dibuat dengan Mambo sebuah CMS (Content Management System) yang bersifat Open Source dan berlisensi gratis, membuat site menggunakan Mambo merupakan solusi yang mudah digunakan, dengan tidak perlu susah payah mengetik kode program yang begitu banyak untuk membuat sebuah site. Kemudahan tersebut diterapkan untuk membuat site Program Studi Sistem Informasi Universitas Muria Kudus. Hasil dari Laporan Penelitian ini adalah sebuah site Program Studi Sistem Informasi Universitas Muria Kudus yang berbentuk sampel dan disimpan dalam compact disk. Kata kunci : Mambo, site I. PENDAHULUAN 1.1. LATAR BELAKANG Peningkatan kualitas pelayanan dalam suatu institusi akademis telah menjadi kebutuhan yang sangat penting. Karena hal tersebut berdampak terhadap tingkat kepuasan masyarakat akan pelayanan yang disajikan. Secara tidak langsung peningkatan pelayanan tersebut menjadi indikator kualitas institusi akademik dan sekaligus menjadi media 1 Dosen Fakultas Teknik Universitas Muria Kudus 2 Dosen Fakultas Teknik Universitas Muria Kudus APLIKASI BIBLIOGRAFI PERPUSTAKAAN BERBASIS TEKNOLOGI SEMANTIK Mukhamad Nurkamid 1

publikasi yang efektif. Dengan bantuan teknologi informasi dan komunikasi yang lebih baik pada saat ini, maka website adalah salah satu alat yang dapat digunakan sebagai sarana peningkatan kualitas pelayanan terhadap masyarakat. Pemanfaatan website dapat berupa sarana pelayanan dalam penyajian informasi yang dibutuhkan masyarakat dengan cepat dan lengkap. Antara lain informasi pendaftaran mahasiswa baru, kurikulum, bahan ajar, dan jadwal perkuliahan. Dapat juga dijadikan media diskusi jarak jauh antara pengajar dan mahasiswa. Bertolak dari pentingnya sebuah informasi untuk disampaikan dan disajikan tepat waktu, maka sudah selayaknya Program Studi Sistem Informasi Fakultas Teknik Universitas Muria Kudus mempunyai wadah tersendiri untuk menyajikan berbagai informasi penting kepada seluruh mahasiswa, yaitu berupa site. 1.2. BATASAN MASALAH Dalam batasan masalah penelitian ini penulis membatasi hanya pada masalah pemanfaatan Open Source Software untuk site Program Studi Sistem Informasi Universitas Muria Kudus. 1.3. TUJUAN PENELITIAN Sebagai sarana pertukaran informasi bagi mahasiswa dan dosen dalam peningkatan kapasitas dan kualitas Program Studi Sistem Informasi Fakultas Teknik Universitas Muria Kudus. II. LANDASAN TEORI 2.1. Konsep Dasar Sistem Informasi Menurut Jogiyanto HM (2003) : Secara umum sistem informasi dapat diartikan suatu prosedur yang menyediakan informasi yang mendukung didalam operasi suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi, bersifat manajerial, dan kegiatan strategi dari suatu organisasi serta menyediakan pihak luar tertentu dengan laporan-laporan yang dibutuhkan (Robert A. Leitch dan K. Roscoe Davis). Sistem informasi adalah sekumpulan prosedur yang terorganisasi untuk menyediakan informasi yang mendukung organisasi.

2.2. Alat Bantu Perancangan Sistem 2.2.1. Diagram Konteks Diagram konteks menggambarkan sistem dalam satu lingkaran dan hubungan dengan entitas luar. Diagram konteks seringkali dikatakan sebagai gambaran yang mendasar, karena hanya digambarkan oleh tiga simbol atau gambar. Adapun simbol-simbol yang digunakan adalah sebagai berikut : Simbol Nama Simbol Fungsi Terminator Digunakan untuk mewakili entitas luar dimana sistem berkomunikasi Arus data Digunakan untuk menggambarkan gerakan paket data informasi dari satu bagian ke bagian lain dari sistem Proses Digunakan untuk menunjukkan transformasi dari masukan menjadi keluaran Tabel 2.1 : Simbol Diagram Konteks menurut Gane and Sarson 2.2.2. Data Flow Diagram (DFD) Data Flow Diagram merupakan gambaran yang mendetail dari sebuah Diagram Konteks. DFD menunjukkan lokasi secara fisik dan detail arah dari suatu data dan informasi. 2.3. Open Source Menurut Fathul Wahid (2002) : Open Source adalah standar sertifikasi yang dikeluarkan oleh Open Source Initiative (OSI) yang menunjukkan bahwa kode sumber perangkat lunak dapat diperoleh secara gratis oleh masyarakat umum. Alasannnya adalah bahwa programmer yang tidak mengharapkan keuntungan finansial dapat membuat produk yang berguna dan bebas bug (kesalahan pada program yang membuat perangkat lunak tidak berjalan semestinya) untuk semua orang. Cara ini akan membuat penemuan bug yang mungkin RANCANG BANGUN WEBSITE PROGRAM STUDI UNIVERSITAS MURIA KUDUS DENGAN Yudie Irawan, Murya Arief Basuki 3

ada dan pengembangan software akan lebih cepat dibanding dengan cara tradisional yang digunakan oleh penghasil software yang komersial. 2.4. CMS (Content Management System) Content Management System atau lebih populer dengan singkatan CMS, pertama kali muncul sebagai jawaban atau solusi dari kebutuhan manusia akan penyediaan informasi yang sangat cepat. Di era tahun 90-an sebuah website perusahaan hanya mengandalkan bahasa pemograman HTML dan beberapa gambar serta informasi yang statis, sebuah perusahaan berusaha sebaik mungkin menampilkan informasi secukupnya kepada para pengunjung. Setiap kali ada perubahan informasi dalam perusahaan, pihak manajeman harus berhubungan terlebih dahulu dengan pihak Humas sebelum semua bahan diserahkan kepada pihak webmaster. Pihak inilah yang nantinya akan mengadakan perubahan terhadap isi website. Menurut Kemas Yunus Antonius (2003) : CMS adalah Sebuah sistem yang memberikan kemudahan kepada para penggunanya dalam mengelola dan mengadakan perubahan isi sebuah website dinamis tanpa sebelumnya dibekali pengetahuan tentang hal-hal yang bersifat teknis. Dengan demikian, setiap orang, penulis maupun editor, setiap saat dapat menggunakannya secara leluasa untuk membuat, menghapus atau bahkan memperbaharui isi website tanpa campur tangan langsung dari pihak webmaster. 2.5. Mambo Open Source Mambo adalah Proyek Open Source CMS yang cukup sederhana dan mudah digunakan. Setiap orang dapat membangun websitenya dalam waktu singkat. Cukup sederhana untuk Bisnis Usaha Kecil Menengah, juga mampu mengelola website berskala besar. 2.1. Rekayasa Perangkat Lunak Adalah disiplin ilmu rekayasa atau teknik yang berkaitan dengan semua aspek dalam membuat perangkat lunak yang mengharuskan mengikuti pendekatan yang sistematis dan teratur dan menggunakan alat dan teknik yang cocok sesuai dengan masalah yang akan dipecahkan, batasan pembangunan dan sesumber yang tersedia. Ada beberapa model dalam proses Rekayasa perangkat lunak, namun dalam Rekayasa Perangkat Lunak untuk site Program Studi Sistem Informasi Universitas Muria

Kudus ini menggunakan 2 model proses yang digabungkan yaitu model proses spiral dan model proses air terjun. Model air terjun merupakan model klasik yang bersifat sistematis, berurutan dalam membangun software. Tahapan dalam model air terjun meliputi : a. Pendefinisian Masalah dan Analisis Kebutuhan b. Perancangan Sistem dan Perangkat Lunak c. Implementasi dan Unit Testing d. Integrasi dan Pengujian Sistem e. Pengoperasian dan Perawatan Requirement Definition Systems & Software Design Implementation & Unit Testing Integration & System Testing. Sumber : Ummi Purboyekti, www.ukdw.ac.id Operation & Maintenance Gambar 2.1 : Tahapan dalam model air terjun III. PEMBAHASAN DAN IMPLEMENTASI Pembahasan dan Implementasi ini akan dijelaskan secara urut sesuai dengan Metode pengembangan sistem yang dipilih yaitu metode Waterfall, yaitu mulai dari : 1. Pendefinisian Masalah 2. Perancangan Sistem dan Perangkat lunak 3. Implementasi dan Unit Testing 4. Integrasi dan Pengujian Sistem 5. Pengoperasian dan Perawatan 2.7. Pendefinisian Masalah Pada studi kasus penelitian yang dibuat permasalahan yang terjadi adalah : RANCANG BANGUN WEBSITE PROGRAM STUDI UNIVERSITAS MURIA KUDUS DENGAN Yudie Irawan, Murya Arief Basuki 5

- Tuntutan akan kebutuhan materi mata kuliah di saat jam jam dosen tidak bisa mengajar karena suatu alasan tertentu - Memanfaatkan website sebagai jalur alternatif untuk pertukaran informasi - Mengoptimalkan penggunaan website kepada mahasiswa sistem informasi sehingga mahasiswa tidak gagap teknologi 2.8. Perancangan Sistem dan Perangkat Lunak Setelah tahap analisis kebutuhan selesai dan dikumpulkan dengan lengkap, tahap selanjutnya adalah merancang sebuah sistem untuk diterapkan pada Mambo. Selain hal tersebut, tujuan dari tahap perancangan sistem adalah untuk memberikan gambaran yang jelas kepada user dan manajemen mengenai sistem yang dirancang dan dibangun. Sebelum melakukan perancangan sistem hal yang perlu dilakukan adalah mengidentifikasi data dan informasi sebagai berikut : 4.2.1. Identifikasi Data Data yang masuk ke sistem yang diolah dalam penelitian ini adalah sebagai berikut : - Data Anggota (Dosen, Mahasiswa) - Data Super Administrator - Data mengenai konten atau isi website yaitu berita, materi kuliah, tutorial dan informasi lain. 4.2.2. Identifikasi Informasi Informasi yang akan dihasilkan oleh site Program Studi Sistem Informasi yaitu sebagai berikut : - Informasi Anggota (Dosen, Mahasiswa) - Informasi mengenai konten atau isi website yaitu berita, materi kuliah, tutorial dan informasi lain.informasi perkembangan sistem informasi. 4.2.3. Diagram Konteks (Context Diagrams) Diagram konteks menggambarkan menggambarkan hubungan antar entitas luar dengan sistem yang dibangun. Sistem usulan yang dibangun adalah site Program Studi Sistem Informasi.Sistem ini melibatkan 4 entitas yaitu Super Administrator, Dosen Program Studi SIstem Informasi UMK (berperan sebagai author), Mahasiswa Program Studi SIstem Informasi UMK (berperan sebagai anggota terdaftar), dan site Program Studi SIstem Informasi UMK (sebagai terminal akhir dari hubungan antar entity). Sehingga hubungan antar entity ditunjukkan dalam diagram konteks berikut :

c Project Name: Project Path: Chart File: Chart Name: Created On: Created By: Modified On: Modified By: site With Mambo d:\proyekku\ dc.dfd SI Pengelolaan Konten Dec-05-2006 BASUKI Dec-05-2006 BASUKI Data Dosen Dosen(Author) a Data Super Admin P0 b Super Administrator SI Pengelolaan Konten Data Mhs MHS(User Registered) Artikel/Konten Profil Dosen Profil S. Admin d site Profil MHS Gambar 4.1 : Diagram Konteks Sistem Informasi Pengelolaan site RANCANG BANGUN WEBSITE PROGRAM STUDI UNIVERSITAS MURIA KUDUS DENGAN Yudie Irawan, Murya Arief Basuki 7

4.2.5. DFD Leveled (Tingkatan DFD) DFD Leveled menggambarkan lebih jelas mengenai proses-proses yang ada dalam Sistem Informasi Pengelolaan Konten site Program Studi SIstem Informasi UMK. DFD Leveled tersebut yaitu : 1. Data Flow Diagram level 0 Project Name: Project Path: Chart File: Chart Name: Created On: Created By: Modified On: Modified By: site With Mambo d:\basuki\ono\proyekku\ dfd0.dfd DFD Level 0 Dec-05-2006 BASUKI Dec-07-2006 BASUKI c Dosen(Author) Data Dosen P1 pengelolaan mll frontend Data Mhs b MHS(User Registered) Data Mhs Data Dosen Profil Dosen Profil MHS D1 mos_users D2 mos_content a P2 d Super Administrator Data Super Admin pengelolaan mll backend Profil S. Admin site Artikel/Konten Artikel/Konten Gambar 4.2 : Data Flow Diagram level 0

4.2.6. Data Flow Diagram level 1 Proses 1 Pengelolaan konten melalui Frontend Project Name: Project Path: Chart File: Chart Name: Created On: Created By: Modified On: Modified By: site With Mambo d:\basuki\ono\proyekku\ dfdl1p1.dfd DFD level 1 Proses 1 Dec-05-2006 BASUKI Dec-07-2006 BASUKI b MHS(User Registered) Data Mhs Data Dosen D1 mos_users c Dosen(Author) Data Dosen P1.1 Login mll frontend Data Mhs Profil MHS D1 mos_users d Artikel/Konten site Profil Dosen P1.2 D2 mos_content upload konten/artikel Artikel/Konten P1.3 download konten/artikel Artikel/Konten Gambar 4.3 : DFD level 1 Proses 1 Pengelolaan konten melalui Frontend 4.2.7. Data Flow Diagram level 1 Proses 3 Pengelolaan Konten melalui Backend Project Name: site With Mambo Project Path: d:\basuki\ono\proyekku\ Chart File: dfdl1p2.dfd Chart Name: DFD Level 1 Proses 2 Created On: Dec-05-2006 Created By: BASUKI Modified On: Dec-07-2006 Modified By: BASUKI Data Super a Admin P2.1 Super Administrator login mll backend Profil S. Admin d Data Super Admin D1 mos_users site P2.2 Upload konten/artikel D2 mos_content P2.3 Artikel/Konten Download Konten/artikel Artikel/Konten Gambar 4.4 : DFD level 1 Proses 2 Pengelolaan konten melalui Backend RANCANG BANGUN WEBSITE PROGRAM STUDI UNIVERSITAS MURIA KUDUS DENGAN Yudie Irawan, Murya Arief Basuki 9

4.2.9. Perancangan site 1. Perancangan Struktur Menu site Untuk menggambarkan secara jelas rancangan struktur menu site Program Studi SIstem Informasi UMK. Berikut ditampilkan gambar struktur rancangan menu site tersebut : a. Struktur Menu dalam site Program Studi SIstem Informasi UMK Gambar 4.5 : Struktur Menu site Sistem Informasi Pengelolaan Konten site Program Studi SIstem Informasi UMK b. Struktur Menu Sajian Utama Gambar 4.6 : Struktur Menu Sajian Utama

c. Submenu Profil Gambar 4.7 : Struktur SubMenu Profil d. Submenu Penelitian Gambar 4.8 : Struktur SubMenu Penelitian e. Submenu Laboratorium Gambar 4.9 : Struktur Submenu Laboratorium RANCANG BANGUN WEBSITE PROGRAM STUDI UNIVERSITAS MURIA KUDUS DENGAN Yudie Irawan, Murya Arief Basuki 11

f. Struktur Menu Layanan Progdi Gambar 4.10 : Struktur Menu Layanan Progdi g. Srtuktur Menu User menu Gambar 4.11 : Stuktur Menu User Menu 2. Perancangan tampilan site Program Studi SIstem Informasi UMK Pada tahap ini desain web yang tidak kurang ahli dalam pemrograman berbasis web tidak perlu bersusah payah untuk membuat rancangan masukan dan keluaran pada program, karena Mambo telah menyediakan rancangan tersebut dan sudah terintegrasi dengan baik. Sehingga yang perlu dilakukan adalah merancang halaman frontend atau tampilan site dan menambahkan atau meletakkan modul ke dalam site sesuai dengan kebutuhan yang telah ditentukan. Untuk site berikut adalah rancangan tampilan yang diusulkan.

a. Halaman utama website JUDUL Search Home Profil Penelitian Laboratorium Berita dan Kegiatan Kontak Kami Sekilas Info Berita Utama Jam dan Kalender Sajian Utama Home Profil Penelitian Laboratorium Berita dan Kegiatan Kontak Kami Isi website Menu Login User Polling Layanan Progdi Download Materi Tutorial Penghitung jml pengunjung Statistiks Gambar 4.12 : Halaman utama site 2.6. Implementasi dan Unit Testing Pada tahap ini desain sistem diterjemahkan ke dalam kode-kode dengan menggunakan bahasa pemrograman yang sudah ditentukan. Program yang dibangun kemudian diuji unit per unit. Namun Mambo merupakan proyek site yang sudah jadi, sehingga hal yang dilakukan pada tahap ini adalah menerapkan desain sistem dan desain site ke dalam Mambo. Langkah dalam penerapan sistem ini adalah menambahkan modul-modul dan komponen tambahan pada site dengan cara melakukan instalasi modul dan komponen tersebut ke site melalui halaman Administrasi. RANCANG BANGUN WEBSITE PROGRAM STUDI UNIVERSITAS MURIA KUDUS DENGAN Yudie Irawan, Murya Arief Basuki 13

Gambar 4.13 : Halaman Administrasi Setelah masuk ke halaman Administrasi melalui login Super Administrator. Hal yang dilakukan adalah melakukan instalasi modul dan komponen. Untuk melakukan instalasi modul, dengan cara membuka halaman instalasi modul pada menu Install / Uninstall pada tab menu Modules. Gambar 4.14 : Form untuk melakukan Instalasi modul Menu Browse pada gambar mengartikan letak modul yang akan diinstalkan di suatu direktori pada komputer. Jika Browse diklik akan tampil dialog box untuk mengambil modul di direktori komputer 2.7. Integrasi dan Pengujian Sistem Pengujian modul-modul dan komponen secara keseluruhan (system testing) pada halaman site dilakukan dengan cara menguji apakah link menu pada site berjalan dengan baik. Karena pada penerapannya penggunaan modul dan komponen berkaitan dengan menu-menu yang ditampilkan di site.

1. Pengujian pada halaman user view - Menjalankan halaman utama website melalui server localhost Gambar 4.15 : Halaman utama site Program Studi Sistem Informasi Program Studi SIstem Informasi UMK - Mengklik menu berita di menu sajian utama Gambar 4.16 : Tampilan konten Menu Berita RANCANG BANGUN WEBSITE PROGRAM STUDI UNIVERSITAS MURIA KUDUS DENGAN Yudie Irawan, Murya Arief Basuki 15

- Mengklik menu Download di menu Layanan Program Studi Gambar 4.17 : Tampilan konten menu download materi 2.8. Pengoperasian dan Perawatan Pada tahap ini akan dijelaskan mengenai cara-cara pengoperasian site melalui halaman Administrator. Untuk dapat masuk ke halaman Adminstrator, dilakukan login melalui halaman backend, dengan cara mengetikan http://localhost/sisfo/administrator pada address bar di internet browser.maka halaman login untuk akses ke halaman Backend ditampilkan. Gambar 4.18 : Tampilan Halaman backend

Untuk pengelolaan site dilakukan melalui menu bar, menu tersebut antara lain: 1. Menu Site Untuk pengaturan situs. Yang terdiri dari: o Menu Manager : Untuk mengatur menu-menu yang akan dimunculkan di web frontend. Pada Main Menunya berisikan item-item menu top-level sekaligus sublevel dalam satu tampilan dan untuk menambahnya tekan ikon New pada toolbar Anda dengan menentukan tipenya terlebih dahulu. Tersedia 10 tipe menu, yaitu MOS Component, Content Category (Archives), Content Selection(Archives), Content Blog Category, Content Blog Selection, Content Category, Content Selection, Typed Content, Separator, dan URL Link. o Template Manager : menyediakan fungsi-fungsi untuk memasang template baru dan melakukan modifikasi terhadap template yang telah ada. o Language Manager : Menu ini untuk melakukan instalasi bahasa. Cara lain untuk mengganti bahasa adalah dari menu Site>Global Configuration>Locate, lalu pilih combobox Language. o User Manager : Terdiri dari Add/Edit User berfungsi untuk menambah atau mengedit user dan Mass Mail untuk mengirimkan pesan yang hanya dapat diakses oleh user sebagai super administrator. 2. Menu Content Menu dropdown untuk Content secara default terdiri dari: o Add/Edit Sections : Menu ini berguna untuk menambah, mengubah, dan mennghapus Section. Item-item di bawah Add/Edit Section dapat berubah-ubah sesuai dengan setting. o News Categories dapat digunakan untuk menambah atau mengubah serta melihat informasi tentang kategori-kategori yang terdapat di News Section. o News Item akan muncul jika telah terdapat kategori dalam section yang bersangkutan. Halaman ini akan menampilkan daftar item-item dalam section dan kategorinya. Anda dapat meng-filter daftar yang ditampilkan serta dapat menambahkan item baru dengan mengklik ikon New di tollbar. 3. Menu Components Komponen adalah elemen content khusus atau sebuah aplikasi mini, yang biasanya disisipkan ke dalam area content utama.agar development site mambo tidak menjadi semakin bertambah besar. Instalasi komponen, modul, template, dan bahasa pada site mambo menggunakan Package Management System (PMS) dalam RANCANG BANGUN WEBSITE PROGRAM STUDI UNIVERSITAS MURIA KUDUS DENGAN Yudie Irawan, Murya Arief Basuki 17

bentuk zip maka PHP Anda harus mendukung zlib. Untuk menginstal komponen baru yang terdapat pada package file tertentu, tekan tombol Browse untuk memilih file, kemudian tekan tombol Upload File. 4. Menu Modules Modul merupakan aplikasi mini yang biasanya ditampilkan di samping kiri, kanan, atas, atau bawah area kontent utama. Beberapa komponen mungkin menggunakan modul untuk mempresentasikan informasi tambahan. Modul tidak mempunyai fungsi khusus seperti komponen hanya untuk pengatur posisi, muncul di halaman apa, dan parameter. o Install/Unistall : Untuk memanggil pilih menu Modules > Install/Unistall. Menginstal modul baru yang tersimpan dalam sebuah package file, klik tombol Browse kemudian Upload File. o Manage Modules : Akan ditampilkan semua modul-modul yang telah terinstal, status publikasi, posisi, akses level dan urutannya. Untuk mengedit setting pada modul, langsung klik nama modul tersebut, karena merupakan sebuah hyperlink. V. KESIMPULAN DAN SARAN 5.1. Kesimpulan Setelah melalui pembahasan pada bab-bab yang telah diuraikan maka dapat ditarik beberapa kesimpulan dalam Sistem Informasi site pada Program Studi Sistem Informasi Universitas Muria Kudus bahwa : 1. Telah dibuat site Program Studi Sistem Informasi UMK dalam kondisi offline,dan disimpan dalam bentuk CD. 2. Solusi menggunakan Mambo merupakan solusi pembelajaran tentang membuat site dengan mudah dan bebas untuk dimodifikasi dan digunakan. 5.2 Saran Adapun saran-saran yang perlu disampaikan penulis adalah : 1. Program Studi Sistem Informasi Universitas Muria Kudus yang saat ini belum memiliki sebuah site yang dinamis, site yang telah dibuat yang berbasiskan Mambo tersebut dapat dijadikan sebagai bahan pertimbangan untuk dijadikan site Program Studi Sistem Informasi.

DAFTAR PUSTAKA Abdul Kadir, Pemrograman, Andi, Yogyakarta, 2003 Ahdi Rachdian & Andy Sikumbang, Mastering CMS dengan Mambo/Joomla, Elex Media Komputindo, Jakarta, 2006 Didik Dwi Prasetyo, Solusi Pemrograman Berbasis WEB Menggunakan PHP5, Elex Media Komputindo, Jakarta, 2004 Fathul Wahid, Kamus Istilah Teknologi Informasi, Penerbit Andi, Yogyakarta, 2002 H. Hadari Nawawi dan H. Mimi Martini, Penelitian Terapan, Gajah Mada Univerty Press, Yogyakarta, 1994 Ian Leonardo, Instalasi dan Administrasi Mambo Open Source, Elex Media Komputindo, Jakarta, 2004. Jogiyanto, H.M, Akt, MBA, Ph.D, Analisa dan Desain Sistem Informasi, Andi, yogyakarta, 2005. Kemas Yunus Antonius, Pengantar Content Management System (CMS), www.lmukomputer.com, 2003 Komputer Aktif, Kamus Komputer untuk Semua Orang, PT Gramedia, Jakarta, 2006 M. Eka Suryana dan Rachmad Laksana, Konsep Perangkat Lunak Bebas, http://bebas.vlsm.org/v06/kuliah/sistemoperasi/2004/58/bahan-8.1.pdf, 2004 Madcoms, Aplikasi Program PHP & MySQL untuk Membuat site Interaktif, Andi, Yogyakarta, 2004. Muhammad Resha, Mambo CMS Membangun site Profesional dengan Mudah, Dian Rakyat, Jakarta, 2005. Prof. Dr. Suharsimi Arikunto, Prosedur Penelitian Suatu Pendekatan Praktek,Rineka Cipta, Jakarta, 1998 RANCANG BANGUN WEBSITE PROGRAM STUDI UNIVERSITAS MURIA KUDUS DENGAN Yudie Irawan, Murya Arief Basuki 19