2.1 Teori Content Management System Drupal

dokumen-dokumen yang mirip
Pengguna CMS Joomla Oleh: Herman Dwi Surjono, Ph.D.

RANCANG BANGUN CONTENT MANAGEMENT SYSTEM UNTUK APLIKASI WEBSITE PROGRAM STUDI

7 PERANCANGAN PORTAL MANAJEMEN PENGETAHUAN

BAB III PERANCANGAN DAN PEMBUATAN SISTEM


BAB IV IMPLEMENTASI DAN PENGUJIAN

Mengembangkan Website Berbasis Wordpress

Gambar 1. Halaman Awal Website

BAB IV HASIL DAN UJI COBA

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

BAB 4 IMPLEMENTASI DAN EVALUASI SISTEM

BAB III ANALISA DAN PERANCANGAN SISTEM. permasalahan yang ada sebagai dasar untuk membuat sebuah solusi yang

BAB IV IMPLEMENTASI DAN EVALUASI. Sistem yang dibangun pengembang adalah berbasis web. Untuk dapat

PANDUAN PENGGUNAAN. Joomla! Versi 1.5. Oleh: Anon Kuncoro Widigdo

PANDUAN MANUAL JENTERPRISE

BAB IV HASIL DAN UJI COBA

Mengelola Bagian Utama Website Sekolah

PERANCANGAN SISTEM INFORMASI SEMINAR DAN TUGAS AKHIR JURUSAN TEKNIK ELEKTRO UNIVERSITAS DIPONEGORO ABSTRACT

BAB IV ANALISIS DAN PERANCANGAN SISTEM

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

BAB IV HASIL DAN UJI COBA. Berikut ini akan dijelaskan tentang tampilan hasil rancangan dari

BAB IV HASIL DAN UJI COBA

Makalah Seminar Tugas Akhir SISTEM APLIKASI PENCATATAN TINDAK KEJAHATAN PADA POLSEK TEGAL SELATAN BERBASIS WEB. Abstrak

BAB IV HASIL DAN UJI COBA

DAFTAR ISI. LAPORAN TUGAS AKHIR... ii

BAB IV HASIL DAN UJI COBA

BAB IV HASIL DAN PEMBAHASAN

Sistem Informasi Praktik Industri Fakultas Teknik Universitas Negeri Yogyakarta Berbasis Web

APLIKASI PEMANTAUAN KERJA BERBASIS WEB

BAB IV IMPLEMENTASI SISTEM

BAB 2 LANDASAN TEORI

PERTEMUAN 4 MANAJEMEN WEB

BAB IV HASIL DAN IMPLEMENTASI. belajar dan bertukar ilmu dilingkungan jurusan Teknologi Informasi. Halaman-halaman

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB III ANALISIS DAN DESAIN SISTEM

BAB III CARA DAN METODOLOGI PENELITIAN

Manual Book Website Adverse Drug Report

BAB III RANCANGAN PENGUJIAN. aplikasi ini adalah black box testing. Black box testing atau tes fungsional adalah

BAB III ANALISA DAN PERANCANGAN SISTEM

BAB IV TESTING DAN IMPLEMENTASI

BAB IV HASIL DAN UJI COBA

BAB V IMPLEMENTASI DAN KESIMPULAN

BAB IV HASIL DAN PEMBAHASAN

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

PEMANFAATAN WINDOWS MANAGEMENT INSTRUMENTATION (WMI) DAN VISUAL BASIC 6 DALAM INVENTARISASI JARINGAN

PENGEMBANGAN SISTEM INFORMASI AKREDITASI

BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM

BAB IV IMPLEMENTASI SISTEM. analisis dan perancangan dijadikan acuan dalam pembuatan kode program. Pada

MAKALAH SEMINAR KERJA PRAKTEK Aplikasi Sistem Informasi Sertifikasi Kompetensi Pegawai PLN Distribusi Jawa Tengah dan D. I Yogyakarta.

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

BAB IV IMPLEMENTASI DAN PENGUJIAN

USER MANUAL E-PROCUREMENT CKB (Vendor)

Gambar Halaman File Download (buat baru/edit) (Admin) Gambar di atas merupakan halaman file download untuk admin.

Gambar Rancangan Layar Halaman Kuis Guru (Langkah Dua)

SISTEM INFORMASI PENJUALAN HANDPHONE VELIN PHONE TANGERANG BERBASIS WEB

APLIKASI BERBASIS WEB PEMETAAN INFORMASI PADA GAMBAR BITMAP

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB III ANALISIS DAN PERANCANGAN

SISTEM PEMANTAUAN DISTRIBUSI PEMBAYARAN PARKIR MELALUI INTERNET

BAB IV IMPLEMENTASI DAN PENGUJIAN

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

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB V IMPLEMENTASI DAN PENGUJIAN Gambaran Umum Pembangunan Sistem. aplikasi ini yaitu menggunakan pemrograman prosedural yakni tidak seperti

BAB IV ANALISIS DAN PERANCANGAN SISTEM. yang utuh ke dalam bagian-bagian komponennya dengan maksud untuk

BAB 4 RENCANA IMPLEMENTASI. Client yaitu User Interface dan Function, dimana komponen User Interface

MEMBANGUN E-COMMERCE UNTUK MENINGKATKAN JARINGAN PEMASARAN KERAJINAN KAIN KHAS PALEMBANG

MID-TERM EXAM ASSIGNMENT E-COMMERCE

BAB III ANALISA DAN PERANCANGAN SISTEM

Gambar 4.22 Layar Tambah Instruktur Admin

BAB 4 IMPLEMENTASI DAN EVALUASI. Dalam mengimplementasikan sistem yang dijalankan, maka diperlukan beberapa

BAB III METODE PENYUSUNAN DAN PENYAJIAN PRODUK DIREKTORI ONLINE

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB III ANALISA DAN PERANCANGAN

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB III METODOLOGI PENELITIAN. Pada pembuatan Plugin Penjadwalan Seminar pada Jurusan Ilmu

PERANCANGAN PERANGKAT LUNAK MONITORING PROCESSING DAN PERFORMANCE CALCULATING

BAB I PENDAHULUAN Latar Belakang

BAB IV HASIL DAN UJI COBA

IMPLEMENTASI DAN PENGUJIAN

WEBSITE PEMILIHAN CALON KETUA HIMPUNAN JURUSAN SISTEM KOMPUTER UNIVERSITAS KRISTEN MARANATHA. Angga Indrajaya /

MAKALAH SEMINAR TUGAS AKHIR PERANCANGAN APLIKASI AGENDA UJIAN TUGAS AKHIR BERBASIS WEB

MAKALAH SEMINAR TUGAS AKHIR. APLIKASI BUKU ELEKTRONIK (e-book) BERBASIS WEB Anandianingsih (L2F304211)*, Agung BP, ST. MIT**, Aghus Sofwan, ST.

PERANCANGAN DAN IMPLEMENTASI SISTEM INFORMASI E_LEARNING UNTUK PEMBELAJARAN BAHASA PEMROGRAMAN PHP

BAB IV IMPLEMENTASI DAN PENGUJIAN

SKRIPSI PERANCANGAN SISTEM INFORMASI PENCARIAN DAN PEMESANAN RUMAH KOS BERBASIS WEB DAN SMS GATEWAY STUDI KASUS KECAMATAN BEKASI SELATAN KOTA BEKASI

BAB IV IMPLEMENTASI DAN EVALUASI. Sistem yang dibangun merupakan sistem yang berbasis web. Untuk dapat

Pelatihan Penggunaan Aplikasi E-Learning Moodle 1

BAB IV HASIL DAN UJI COBA

Sistem Informasi Manajemen Aset Berbasis Intranet

APLIKASI INVENTARIS BUKU UNTUK PERPUSTAKAAN BERBASIS WEB. Sir Kalifatullah Ermaya. Abstrak

BAB IV HASIL DAN UJI COBA

Lebih Dekat Dengan Component Joomla

SISTEM INFORMASI KEPEGAWAIAN DEPARTEMEN PENDIDIKAN NASIONAL DOSEN

BAB IV PEMECAHAN MASALAH DAN UJI COBA APLIKASI

BAB III ANALISIS DAN PERANCANGAN

Modul Pengguna SCeLE

PENGGUNAAN APLIKASI E-LEARNING (MOODLE)

Tutorial Menggunakan webpraktis profil bisnis

Transkripsi:

MAKALAH TUGAS AKHIR PERANCANGAN WEBSITE PRIBADI SECARA KOLEKTIF DI FAKULTAS TEKNIK UNIVERSITAS DIPONEGORO Siti Mulyanah Rifai*, Adian Fatchur Rochim**, Achmad Hidayatno** Abstrak- Teknologi informasi yang berkembang saat ini memberikan banyak kemudahan di segala bidang termasuk dalam bidang pendidikan. Salah satunya lah dalam mempublikasikan abstrak jurnal penelitian para dosen, yang merupakan pakar di bidangnya, di universitas. Selain itu salah satu penilaian universitas berbobot lah jurnal internasional dosen universitas bersangkutan. Namun selama ini Fakultas Teknik Universitas Diponegoro (UNDIP) belum mempunyai website untuk menampilkan karya ilmiah civitas akademikanya, yang berupa abstrak jurnal penelitian dan tawaran judul Tugas Akhir. Oleh karena itu diperlukan Website Civitas Akademika Fakultas Teknik UNDIP sebagai salah satu media untuk mempublikasikan hasil karya Civitas Akademika Fakultas Teknik secara internasional, terutama abstrak jurnal penelitiannya. Langkah yang dilakukan dalam menyusun tugas akhir ini lah sebagai berikut. Langkah pertama lah melakukan analisis kebutuhan dosen sebagai Civitas Akademika Fakultas Teknik UNDIP sebagai terhp website yang akan dibuat. Langkah kedua lah melakukan perancangan untuk mewujudkan kebutuhan tersebut. Langkah ketiga lah membuat atau menyusun website yang telah dirancang. Langkah terakhir lah melakukan pengujian terhp fungsi p website tersebut. Metode yang digunakan dalam merancang aplikasi ini lah metode UML (Unified Modeling Language). Berdasarkan dari hasil pengujian yang dilakukan, CMS (Content Management Sytem) Drupal dapat memenuhi kebutuhan website dan fungi-fungsinya dapat berjalan dengan baik. Perancangan Website Civitas Akademika Fakultas Teknik UNDIP ini memudahkan Civitas Akademika Fakultas Teknik UNDIP ataupun dari luar Universitas Diponegoro untuk mengakses karya tulis ilmiah dan biodata Civitas Akademika Fakultas Teknik UNDIP. Dengan demikian website telah dapat memenuhi kebutuhan Civitas Akademika Fakultas Teknik UNDIP dalam hal mempublikasikan karya tulis ilmiahnya. Kata-kunci: Jurnal, Drupal, Fakultas Teknik Universitas Diponegoro, UML I PENDAHULUAN 1.1 Latar Belakang Teknologi informasi yang berkembang saat ini memberikan banyak kemudahan di segala bidang termasuk dalam bidang pendidikan. Salah satunya lah dalam mempublikasikan abstrak jurnal penelitian para dosen, yang merupakan pakar di bidangnya, di universitas. Selain itu salah satu penilaian universitas berbobot lah jurnal internasional dosen universitas bersangkutan. Namun selama ini Fakultas Teknik Universitas Diponegoro (UNDIP) belum mempunyai website untuk menampilkan karya ilmiah civitas akademikanya, yang berupa abstrak jurnal penelitian dan tawaran judul Tugas Akhir. Oleh karena itu diperlukan Website Civitas Akademika Fakultas Teknik UNDIP sebagai salah satu media untuk mempublikasikan hasil karya Civitas Akademika Fakultas Teknik UNDIP secara nasional ataupun internasional, terutama abstrak jurnal penelitiannya. CMS (Content Management System) lah sebuah perangkat lunak yang memfasilitasi pembuatan, pengorganisasian, pemanipulasian, dan penghilangan informasi baik dalam bentuk gambar, dokumen, dan skrip yang digunakan untuk pembuatan isi sebuah website. Drupal merupakan CMS yang sifatnya opensource dengan source code yang digunakan tersedia dan dapat digunakan serta dimodifikasi oleh pengguna sesuai dengan kebutuhan sistem yang akan dibuat. 1.2 Tujuan Tugas Akhir Tugas akhir ini bertujuan untuk merancang Website Civitas Akademika Fakultas Teknik UNDIP yang berguna sebagai media bagi dosen Fakultas Teknik UNDIP untuk mempublikasikan hasil karya tulis ilmiahnya. 1.3 Pembatasan Masalah P tugas akhir ini pembahasan masalah hanya akan dibatasi p hal-hal berikut. 1. Sistem Informasi yang dibuat merupakan Website Civitas Akademika Fakultas Teknik UNDIP. 2. CMS yang digunakan lah Drupal. 3. Bahasa pemrograman skrip yang digunakan lah PHP. 4. Perangkat lunak yang digunakan untuk basis data lah MySql. 5. Web server yang digunakan lah Apache. 6. Tidak membahas spesifikasi perangkat keras yang digunakan. II DASAR TEORI 2.1 Teori Content Management System Drupal CMS (Content Management System) lah sebuah perangkat lunak yang memfasilitasi pembuatan, pengorganisasian, pemanipulasian, dan penghilangan informasi dalam bentuk gambar, dokumen, dan skrip yang digunakan untuk pembuatan isi website secara bersamaan. Sebuah CMS lah perpaduan antara basisdata, sistem file, dan modul perangkat lunak lainnya yang dapat digunakan untuk menyimpan dan menampilkan sejumlah besar data. Sistem ini agak Mahasiswa Teknik Elektro UNDIP Dosen Teknik Elektro UNDIP 1

berbeda dengan basisdata dalam hal jenis data yang dapat disimpannya, karena CMS dapat menyimpan data suara, video, dan gambar. Para pengguna dari CMS dapat mencari informasi yang dibutuhkannya dari basisdata dengan cara mencari kata kuncinya, penulis artikel, tanggal pembuatan, dan informasi lainnya. CMS dapat juga dimanfaatkan untuk membangun portal informasi yang ditunjang oleh manajemen data yang baik. Bersamaan dengan kemampuan suatu basisdata dalam menangani jenis data, modul perangkat lunak yang digunakan sudah dapat menangani kebutuhan pengguna akan graphical user interface (GUI). Modul-modul ini biasanya berbasis p prewritten template yang berfungsi sebagai platform p setiap halaman p suatu website bahkan sebelum halaman tersebut dibuat. Spesifikasi dasar dari CMS terdiri dari: - Content management : merupakan bagian terpenting dari sistem yang berguna untuk menyimpan semua isi di dalam basisdata dan kemudian dapat menampilkan isi tersebut kembali p saat diminta. - User authentication : fungsinya untuk membatasi akses oleh pengguna, hanya pengguna yang telah diberi ijin oleh administrator saja yang bisa mengakses ke dalam website. Admin area lah ruang kerja dari content manager, yaitu area administrator untuk mengedit, menambah, menghapus, dan menerbitkan isi. - Theme : sistem harus memiliki tampilan yang seragam di semua segi, dan elemen desain ini akan menjadi panduan dasar bagi pengisian isi oleh content manager. Content management memiliki beberapa kegunaan, yaitu: 1) Dapat memudahkan proses pengaturan, upload, dan penggabungan file data di dalam suatu perusahaan, 2) Dapat menjadi media komunikasi di antara messaging system yang terintegrasi, dan 3) Dapat menampilkan dan mengatur isi untuk dipublikasikan melalui internet. P tingkatan perusahaan atau organisasi, CMS menyimpan dan mengatur dokumen elektronik dari perusahaan atau organisasi tersebut dan isi dari websitenya, sehingga para pegawai atau dapat menggunakan informasinya berulang kali. Isi dari website dapat juga disebarluaskan kep pelanggan dan rekan bisnis yang ber di luar organisasi. Aplikasi inti dari CMS lah untuk mengatur isi selama proses siklus hidup isi tersebut, mulai dari pembuatan isi sampai dengan publikasinya. Website dengan CMS selain akan memberikan tampilan dan sentuhan secara konsisten di seluruh bagian website, juga akan memudahkan tim penulis atau pembuat isi yang memiliki terlalu banyak latar belakang keilmuan tentang desain website untuk membuat, menerbitkan, dan mengedit isi secara mudah dan cepat hanya dengan menggunakan internet browser. Tingkatan pengguna dalam CMS dibagi ke dalam empat tingkatan sebagai berikut. 1. Public user : ini lah tingkatan pengguna yang paling dasar, fasilitas pengguna p tingkatan ini lah dapat mengakses dan bernavigasi ke sejumlah isi p website. P tipe tingkatan pengguna ini, kebutuhan yang harus dipenuhinya lah isi harus diatur secara baik dengan aturan yang user-friendly dan memungkinkan setiap orang untuk mengakses isi tersebut. 2. Anggota : ini lah tingkatan pengguna yang dapat memilih alur kerjanya sendiri. Anggota dapat mengajukan jadwal kegiatan dan memasukkannya ke dalam public section dari websitenya. Anggota yang diberi ijin khusus oleh administrator dapat memberikan ijin, mengubah atau menolak beberapa jadwal kegiatan. 3. Editor/author : author harus memiliki latar belakang pengetahuan tentang HTML, karena CMS menyediakan tool yang mudah digunakan oleh setiap orang. Author dapat dengan cepat membuat materi isi dengan menggunakan aplikasi desktop standard dan dapat memanfaat semua jenis media seperti gambar, suara, dan video. Setelah materi isi dikembangkan, author dapat memasukkannya ke dalam website dengan menggunakan format template tertentu. 4. Administrator : administrator mengatur keseluruhan isi dari suatu website, termasuk juga aliran kerja, siklus hidup, kategori, dan tipe-tipe isi. Anggota yang masuk ke dalam administrator memiliki tingkatan ijin yang tertinggi. Administrator CMS bertanggung jawab dalam hal menambah pengguna baru, memberi nama grup pengguna, keamanan website, memelihara struktur, dan kesatuan websitenya, serta memenuhi semua kebutuhan yang diperlukan oleh websitenya. Administrator bertindak juga sebagai contact person dari semua tingkatan pengguna di bawahnya. P dasarnya perangkat CMS digunakan untuk membuat isi website dari dasar dan CMS tersebut masih berupa mentahan programnya. Lalu mentahan program tersebut diubah, diedit atau diperbaharui sesuai dengan kebutuhan website yang akan dibuat. Kemudian beberapa tingkatan pengguna dapat mengedit isi website tersebut bersama-sama. CMS Drupal lah sebuah CMS yang bersifat open source dengan source code yang digunakan tersedia sehingga dapat dimodifikasi oleh pengguna seusai dengan kebutuhan website yang akan dibuat. Mentahan CMS drupal dapat diunduh secara gratis di website resminya www.drupal.org. P website resmi drupal ini terdapat banyak modul-modul yang dapat diunduh secara gratis oleh pengguna. 2

III PERANCANGAN PERANGKAT LUNAK Perancangan aplikasi ini menggunakan pendekatan berorientasi objek dengan menggunakan metode UML. 3.1 Use Case Use Case yang digunakan p tugas akhir ini ditunjukkan oleh Gambar 3.1. administrator Mengakses area administrator Mengakses area umum Mengakses area tamu login Secara garis besar, diagram kelas dari rancangan perangkat lunak Tugas Akhir ini dapat dilihat p Gambar 2. P halaman depan terdapat form login, Website Civitas Akademika Fakultas Teknik, dan menu utama. 3.3 Diagram aktivitas Diagram tingkah laku terdiri dari diagram urutan, diagram kolaborasi, diagram aktifitas, dan diagram kean. Diagram-diagram ini dikelompokkan menjadi 4 bagian menurut proses yang dilakukan oleh pengguna. 1. Login Diagram tingkah laku dari proses login ditunjukkan oleh Gambar 3. Gambar 1 Diagram use case. website Tampilan halaman login Sebagaimana yang terlihat dalam Gambar 3.1, aktor dari website tiga macam, yaitu administrator,, dan tamu. Anggota website lah semua dosen Fakultas Teknik UNDIP yang memiliki kean di dalam sistem dengan hak akses untuk menuliskan data. Administrator website lah yang memiliki kean di dalam website dengan hak akses sebagai administrator untuk mengelola pengguna lainnya dan menambah fungsi untuk digunakan oleh pengguna lain. Sedangkan aktor yang dikategorikan sebagai tamu lah pengguna yang memiliki kean atau yang belum melakukan proses login sehingga hanya dapat mengakses area yang disediakan untuk umum. 3.2 Diagram kelas Diagram kelas yang digunakan dalam tugas akhir ini dapat dilihat p Gambar 2. masukkan NIP dan password Ambil data dari MySql Verifikasi data Data sesuai Data sesuai area (a) : pengguna / login : form login masuk : tombol user : database : mysql : theme 1: request 2: masuk 3: tampilkan 4: muat theme 5: masukkan data artikel terbaru topik forum terbaru judul artikel terbaru judul topik forum terbaru lihat artikel() lihat topik forum() topik forum aktif selanjutnya() lihat topik selengkapnya() judul topik forum aktif lihat topik forum() lihat topik selengkapnya() pengguna online jumlah pengguna jumlah guest komentar terbaru judul komentar lihat komentar() index header word of today footer file.txt pengguna terbaru nama pengguna lihat pengguna() login form website civitas nama pengguna menu website pribadi password artikel artikel() website pribadi() tombol masuk() personal() website civitas jurusan() pengguna baru() tulis artikel() forum() daftar pengguna() <<subscribe>> keluar() isi pilihan menu informasi pengguna artikel no login Artikel terbaru forum Kategori artikel Judul artikel list nama grup forum tab masuk() list jumlah topik tab pengguna baru() list jumlah tulisan baca artikel() list detail tulisan terbaru lihat penulis() lihat komentar() baca artikel selengkapnya() kirim topik forum baru() masuk pengguna baru lihat grup forum() lihat topik grup forum() nama pengguna nama pengguna lihat penulis terbaru() password domain login tombol masuk() verifikasi() tab view() tab edit() view pengguna history artikel terbaru edit pengguna lama member grup forum domain biodata nama grup forum name list topik forum comment signature list jumlah topik locale settings lihat artikel() list jumlah tulisan list tulisan terbaru tombol submit() kembali ke forum() kirim topik forum baru() lihat topik forum() lihat penulis terbaru() Gambar 2 Diagram kelas konfigurasi isi web kategori artikel Pengaturan() konfigurasi biodata biodata simpan() 2.2:verifikasi 9: ubah status : pengguna / 1.2:tampil 2.3:ubah status 8: verifikasi 1:request 2:masukkan data tampilan : halaman depan website 6: masuk 1.1:masuk 2.1:masuk (b) masuk : tombol 7: ambil data 2.1.1:ambil data user : database 1.1.1:muat theme : theme : mysql (c) Gambar 3 (dilanjutkan) (a) Diagram aktivitas dari proses login. (b) Diagram urutan dari proses login. (c) Diagram kolaborasi dari proses login 3

tampilkan event Halaman depan/ menunggu masukkan data masukkan data masuk verifikasi event Memeriksa data MySql/ [ gagal ] / menampilkan pesan gagal Diagram tingkah laku dari proses p area umum ditunjukkan oleh Gambar 5. : pengguna / : halaman depan : tampilan user : database : mysql : theme 1: request 2: baru 3: muat theme [ berhasil ] / masuk ke sistem 4: baru 5: ambil data 6: tampilkan Gambar 3 (lanjutan) (d) Diagram kean dari proses login. Proses login diawali dengan permintaan pengguna p halaman depan. P halaman depan ini terdapat form login. Pengguna memasukkan NIP dan password p form login. Namun bagi pengguna yang belum mengaktifkan keannya harus mengaktifkan keannya terlebih dahulu untuk dapat menjadi website, dengan menekan link aktivasi ID baru. Gambar 4 menunjukkan diagram urut dari proses aktivasi baru. klik aktivasi NIP baru w ebsite Tampilan halaman login Database Gambar 5 Diagram urutan dari proses yang terjadi saat pengguna mengakses area umum. 3. Area Area merupakan area yang dapat diakses oleh pengguna dengan tipe. : pengguna / login : form login masuk : tombol user : database : mysql : theme 1: request 2: cek status 3: masuk 5: masuk 4: muat theme masukkan NIP dan Nama Lengkap koneksi database MySql Penduplikasian data dari sik ke database sistem 7: tampilkan 6: ambil data klik aktivasi pengguna Gambar 4 Diagram urutan aktivasi ID baru Setelah mengaktivasi kennya dengan memasukkan data NIP dan nama lengkap, maka pengguna dapat langsung melakukan proses login dengan memasukkan NIP dan password. Apabila data yang dimasukkan benar, pengguna berubah status menjadi dan masuk ke dalam area. Data NIP dan password yang dimasukkan lah sesuai dengan data pengguna yang terdapat p basisdata SIK Fakultas Teknik UNDIP. Jika data NIP dan password itu, maka status pengguna akan diubah sesuai dengan data yang di dalam basisdata, yaitu. Sebaliknya, jika data tersebut ditemukan, maka pengguna akan diberi pesan bahwa data yang diberikan dan diharuskan untuk melakukan proses login ulang atau aktivasi baru, apabila belum mengaktivasi keannya. 2. Area Umum Area umum merupakan area yang dapat diakses oleh siapa saja. Oleh karena itu, p area ini terdapat pemeriksaan terhp status dari pengguna dan langsung menampilkan halaman yang diminta oleh pengguna. Gambar 6 Diagram urutan dari proses yang terjadi saat pengguna mengakses area. Memilih menu tulis artikel Masukkan judul artikel dan isi Menguload file jurnal / artikel Kirim artikel website Tampilan menu utama Simpan data di database Gambar 7 Diagram Aktivitas menulis dan mengupload file. 4

memilih menu artikel klik judul artikel yang ingin ditampilkan website tampilan menu utama Ambil data dari MySql 3.4 Diagram Fisik Diagram fisik yang digunakan dalam tugas akhir ini dapat dilihat p Gambar 3.6. Server Website civitas Akademika TCP/I tampilkan artikel selengkapnya tambah komentar MySQL Apache Client Brows er tulis komentar ya Gambar 8 Diagram aktivitas menampilkan artikel oleh. website menu website civitas pribadi Gambar 11 Diagram fisik Website Civitas Akademika Fakultas Teknik UNDIP. IV PEMBAHASAN Halaman depan website ini ditunjukkan oleh Gambar 4.1. P website ini theme yang digunakan lah aquasoft, dengan warna dasar lah warna biru. pengaturan biodata pilih biodata yang ingin ditampilkan ambil data dari MySql Simpan tampilan menampilkan biodata Gambar 9 Diagram aktivitas pengaturan biodata 4. Area administrator Area administrator merupakan area yang hanya dapat diakses oleh pengguna dengan tipe administrator. : pengguna / login : form login masuk : tombol user : database : mysql : theme 1: request 7: tampilkan 2: cek status 3: masuk 5: masuk 4: muat theme 6: ambil data Gambar 12 Halaman depan Website Civitas Akademika Fakultas Teknik. Halaman ini berisi link-link yang mengacu ke jurusan-jurusan di Fakultas Teknik UNDIP, pengunjung dapat langsung masuk ke jurusan yang dimaksud. Apabila pengunjung ingin masuk ke jurusan Teknik Elektro maka pengunjung harus mengarahkan kursor dan menekan link Teknik Elektro. Setelah itu pengunjung dapat langsung mengakses dan melihat informasi yang tersedia di Jurusan Teknik Elektro. Namun untuk menggunakan seluruh fasilitas secara penuh, seorang pengunjung harus login terlebih dahulu dengan cara mengisi NIP dan password p form masuk. Gambar 13 menunjukkan halaman depan Website Civitas Akademika Jurusan Teknik Elektro UNDIP. Gambar 10 Diagram urutan dari proses yang terjadi saat pengguna mengakses area administrator. 5

Gambar 15 Form login. Gambar 13 Halaman depan Website Civitas Akademika Jurusan Teknik Elektro. P website terdapat lima pembagian wilayah, yaitu header, footer, content, left side, dan right side. Pengaturan ini p CMS drupal dilakukan dengan memilih link block p ruang admin. P website ini sendiri, header lah judul halaman website yaitu Website Civitas Akademika Fakultas Teknik UNDIP, footer lah Fakultas Teknik Universitas Diponegoro Semarang, left side lah link-link menu utama, content lah cuplikan artikel-artikel yang ditulis oleh, dan right side lah link-link menuju judul artikel terbaru dan petunjuk pengguna terbaru serta status pengguna yang sedang online. Data yang dimasukkan p Gambar 15 merupakan data yang diinginkan, yaitu data pengguna. Bila NIP dan password yang dimasukkan sesuai dengan yang terdapat di dalam basisdata, maka pengguna tersebut akan diberikan hak akses ke fasilitas yang, sesuai dengan peranannya di dalam sistem ini. Sebaliknya, jika password yang dimasukkan cocok, maka akan tampil pesan sebagaimana ditunjukkan p Gambar 16. Sedangkan apabila kolom NIP dan password dikosongkan dan tombol masuk ditekan, maka akan ditampilkan pesan p Gambar 17. Gambar 16 Pesan kesalahan apabila salah memasukkan password p proses login. 4.1 Pengujian Black Box Terhp Sistem Aplikasi Gambar 14 Halaman aktivasi ID baru. Data yang harus diisi lah NIP dan nama Anda, setelah menekan tombol aktifkan pengguna maka secara otomatis kean dari pengguna tersebut akan diaktifkan. Apabila ingin masuk ke area, maka pengguna diharuskan login terlebih dahulu dengan memasukkan data NIP dan password. Basisdata p website ini dihubungkan dengan basisdata SIK. Jadi password yang dimasukkan oleh pengguna lah harus sesuai dengan password pengguna yang terdapat p basisdata SIK. Form login ditunjukkan p Gambar 15. Gambar 17 Pesan kesalahan apabila memasukkan NIP dan password p proses login. 4.1.1 Fungsi p Area Umum Link utama p area umum, yaitu halaman utama yang me-redirect ke halaman depan website, artikel yang menuju ke seluruh artikel yang terdapat p website, dan website dosen Teknik Elektro UNDIP yang menuju ke halaman website pribadi dosen Teknik Elektro UNDIP. Link artikel ditunjukkan p Gambar 18. Modul yang digunakan untuk menampilkan artikel berdasarkan tipe tulisan atau kategori tulisan lah modul artikel. Dengan nya rangkuman dan pengklasifikasian artikel p link artikel, maka seluruh artikel dapat dilihat cuplikannya terlebih dahulu sebelum isi keseluruhan sebuah artikel dibaca. 6

P halaman website peribadi terdapat beberapa menu, yaitu biodata, tulisan oleh pengguna yang bersangkutan, dan yang lainnya lah penelitian, tawaran judul Tugas Akhir, jurnal, dan artikel pendidikan yang terdapat p data website. Tamu juga dapat memberikan komentar p setiap artikel yang ditulis oleh tapi dengan moderasi. Pembuatan halaman website pribadi ini dilakukan dengan menambahkan modul mysite yang dapat didapatkan di www.drupal.org. Dengan modul ini seorang administrator dapat memberikan hak kep setiap website untuk mengkonfigurasikan halaman websitenya sendirisendiri. Administrator hanya memberikan standar pengaturan halaman website pribadi. Gambar 18 Halaman artikel. 4.1.2 Fungsi p Area Anggota Terdapat 2 kategori link utama untuk. Pertama lah link menuju Website Civitas Akademika Fakultas Teknik UNDIP, yang salah satunya terdiri dari halaman website pribadi dan yang kedua lah link utama yang digunakan oleh untuk menyusuri fasilitas yang terdapat p website. Pengaturan p halaman website pribadi ditunjukkan p Gambar 21. Gambar 19 Link Website dosen teknik elektro. Gambar 21 Pengaturan halaman website pribadi Gambar 20 Halaman website pribadi. P website pribadi terdapat enam menu yang dapat dilihat oleh tamu ataupun oleh lain. Karena CMS drupal bersifat open source, maka source code yang dapat dimodifikasi sendiri oleh pengguna. P pembuatan website ini, modul yang dimodifikasi lah modul mysite terutama p plugin profile.inc dengan tujuan agar dapat mengkonfigurasikan biodata pribadinya sendiri, yaitu dengan memilih data apa saja yang ingin ditampilkan di halaman website pribadinya. P gambar 4.21 menunjukkan sebuah halaman pribadi http://localhost/teknik_undip/dosen/elektro/mysite/130 871629. Kombinasi angka 1320871629 merupakan NIP dari. 7

4.1.3 Fungsi p Area Administrator Link utama p area administrator dan area hanya memiliki satu perbedaan, yaitu terdapat Link ruang admin. Ruang admin lah lokasi seorang super administrator untuk mengatur dan mengelola segala sesuatunya yang berhubungan dengan website ini. CMS Drupal sementara ini belum dalam versi Bahasa Indonesia, jadi khusus ruang admin bahasa yang digunakan lah 100% Bahasa Inggris, kecuali yang sudah dialih bahasakan ke Bahasa Indonesia oleh penulis secara manual. Fasilitas yang dimiliki oleh seorang super administrator lah mengakses ruang admin, mengatur fungsi yang dapat dilakukan pengguna, baik itu tamu ataupun, mengatur tampilan halaman website, menambah, dan mengelola modul-modul yang dibutuhkan oleh sistem. P perancangan tugas akhir ini semua fungsi p CMS drupal digunakan. Hanya yang sekiranya dibutuhkan oleh sistem seperti content, blocks, profiles, mysite, article, mysite, dan pathautho. Gambar 22 Konfigurasi biodata. Anggota melakukan konfigurasi item biodata dengan memilih data apa saja yang akan dipublikasikan, kemudian perubahan dilakukan dengan menekan tombol simpan perubahan. Secara default data yang akan dipublikasikan dari seorang lah nama, alamat, kota, telepon, jabatan fungsional, jurusan, dan pendidikan. Pengaturan biodata ini lah salah satu kelebihan CMS drupal. Pengaturan biodata bisa dilakukan p saat pertama kali melakukan pendaftaran atau seperti p Tugas Akhir ini, basisdata biodata langsung diintegrasikan dengan basisdata yang sudah sebelumnya di Fakultas Teknik UNDIP, yaitu SIK Fakultas Teknik UNDIP. Anggota perlu memasukkan biodatanya lagi. 4.2 Pengujian whitebox Dikarenakan senarai kode program yang terdapat p CMS Drupal sangat banyak sekali apabila ingin dibahas p subbab ini, maka penulis hanya membahas senarai kode program yang merupakan tambahan dari penulis sendiri untuk dibahas p pengujian whitebox. Senarai fungsi password bertujuan untuk pengambilan password pengguna p SIK. Fungsi ini menghubungkan antara basisdata SIK p Fakultas Teknik UNDIP dan basisdata Website Civitas Akademika Fakultas Teknik UNDIP. Sehingga pengguna yang sudah terdapat p basis data SIK hanya diminta untuk mengaktifkan keannya p Website Civitas Akademika Fakultas Teknik UNDIP. Gambar 24 Basisdata SIK tabel users. Gambar 23 Menulis dan meng-upload file. Anggota dapat meng-update dan menampilkan karya tulis mereka di Website Civitas Akademika Fakultas Teknik UNDIP. Karena website ini menyediakan fasilitas untuk nya menulis karya tulis mereka dan karya tulis tersebut dapat diakses oleh tamu dan yang lain. Gambar 25 Basisdata Website Dosen Teknik Elektro tabel users. 8

P fungsi user_login tampak p senarai tersebut beberapa pernyataan kondisional, namun terdapat perulangan sama sekali. Pernyataan kondisional if p fungsi user_login digunakan untuk me-redirect pengguna ke halaman selanjutnya yaitu area. Setelah mengisikan NIP dan password maka data tersebut akan diperiksa oleh fungsi user- _login_validate. Kemudian dengan fungsi user_login_submit NIP pengguna akan dikenali oleh sistem dan sesi untuk pengguna tersebut akan dibuka. Tabel 4.1 lah tabel hasil pengujian pernyataan kondisional p fungsi-fungsi di atas. Tabel 1 Hasil pengujian kondisi logika p fungsi proses login. NIP Password masuk Hasil yang Hasil yang diinginkan diperoleh - verifikasi login verifikasi login isian Kolom lengkap password harus diisi dianggap belum dikirim isian lengkap dianggap belum dikirim isian lengkap dianggap belum dikirim dianggap belum dikirim Kolom NIP harus diisi dianggap belum dikirim Kolom NIP harus Kolom Password harus diisi dianggap belum dikirim diisi. Pernyataan p fungsi user_login_submit akan memeriksa isi variabel NIP dan variabel password yang diperoleh dari hasil kiriman form login, apakah kedua variabel tersebut isinya atau. Bila kedua variabel tersebut berisi, maka proses verifikasi login dilakukan. Dan jika sebaliknya, maka program akan memeriksa variabel submit yang juga diperoleh dari form login yang telah dikirim. Bila variabel ini memiliki isi, hal ini berarti pengguna telah mengirimkan form tersebut akan tetapi salah satu dari variabel user dan password yang kosong. Dengan demikian program akan menampilkan pesan Kolom NIP Harus diisi. Kolom Password harus diisi. V. PENUTUP 5.1 Kesimpulan 1. Penggunaan CMS (Content Management System) Drupal untuk perancangan Website Civitas Akademika Fakultas Teknik UNDIP dapat berjalan dengan baik. 2. Halaman editor dapat digunakan oleh yang mengetahui bahasa skrip HTML. 3. Anggota dapat meng-update karya tulis mereka di Website Civitas Akademika Fakultas Teknik UNDIP berupa hasil penelitian, tawaran judul Tugas Akhir, dan artikel pendidikan. 4. Basisdata SIK (Sistem Informasi Kepegawaian) telah berintegrasi ke dalam sistem ini (Website Civitas Akademika Fakultas Teknik UNDIP). 5.2 Saran Agar dapat diterapkan p sistem nyata, p Website Civitas Akademika Fakultas Teknik UNDIP yang telah dibuat masih terdapat beberapa faktor yang perlu dipikirkan, antara lain: 1. P pengembangan selanjutnya kategori artikel dapat ditambahkan yaitu berupa pemberian tugas kep mahasiswa secara online. 2. Server basisdata yang digunakan p tugas akhir ini lah MySQL yang terkenal mudah digunakan dan merupakan perangkat lunak open source yang mudah didapatkan. Namun untuk perkembangan lebih lanjut dapat menggunakan basisdata lainnya sesuai kinerja yang diinginkan. 2. Tampilan p tugas akhir ini hanya merupakan salah satu contoh pemilihan dari berbagai themes yang. Penerapan p lokasi berbeda dapat menggunakan variasi themes yang berbeda pula disesuaikan dengan selera pengguna akan tampilan yang digunakan. 3. Tugas akhir ini menggunakan satu komputer sebagai web server sekaligus server basisdata sehingga kapasitas yang digunakan sangat besar yang dapat memperlambat proses pengambilan data dari dan ke server. DAFTAR PUSTAKA [1] Ed. I., Aziz, F., Aplikasi Program PHP dan MySql, MADCOMS, Yogyakarta, 2004. [2] Hakim, Lukmanul., Cara Mudah Memadukan Web Design dan Web Programming, Penerbit PT. Elex Media Komputindo Kelompok Gramedia, Jakarta, 2004. [3] Jhonsen, Panduan Lengkap menjadi Web Designer untuk pemula, PT. Elex Media Komputindo, Penerbit PT. Elex Media Komputindo Kelompok Gramedia, Jakarta, 2004 [4] Kadir, A., Konsep dan Tuntunan Praktis Basis Data, Penerbit Andi, Yogyakarta, 1999. [5] Mecer, David., Drupal Creating Blogs, Forums, Portals, and Community Websites, PACKT Publishing, Mumbai, 2002. [6] Rahdian, Adhi., Mastering CMS dengan Mamboo / Joomla, Penerbit PT. Elex Media Komputindo, Jakarta, 2006 [7] ---, www.drupal-id.com [8] ---, www.drupal.org 9

Biodata penulis Siti Mulyanah Rifai, terlahir di kota Jakarta p 27 Mei 1985. Telah menjalani pendidikan Taman Kanak-kanak Pemuda Bangsa Depok, Sekolah Dasar Pemuda Bangsa, Sekolah Lanjutan Pertama Negeri 3 Depok, Sekolah Menengah Umum Negeri 1 Depok. Dan sekarang tengah menyelesaikan Strata Satu di Jurusan Teknik Elektro, Fakultas Teknik, Universitas Diponegoro, Semarang, Indonesia. Menyetujui, Dosen Pembimbing I, Dosen Pembimbing II, Adian FR ST,MT NIP. 132 205 680 Achmad Hidayatno, ST, MT NIP. 132 137 933 10