tempat.
1. PENDAHULUAN Beberapa tahun yang lalu, sumber
Internet
merupakan
suatu
jaringan yang saling terhubung satu sama
informasi hanya diperoleh melalui media
lain,
massa baik itu media cetak seperti surat
jaringan-jaringan lain yang lebih kecil,
kabar atau buku, maupun melalui media
dimana ribuan jaringan-jaringan kecil ini
elektronik seperti radio dan televisi.
dimiliki dan didirikan baik oleh institusi,
Semua
lembaga
pendidikan,
memiliki keunggulan dan kelemahan
komersil,
organisasi,
masing-masing, sebagian besar media
individual [6]. Internet juga banyak
informasi pada saat itu belum bisa
dimanfaatkan oleh alat-alat komunikasi
diakses secara bebas, efektif dan efisien
seperti telepon seluler sebagai salah satu
dalam kehidupan sehari-hari. Namun
fitur andalan yang diharapkan bisa
seiring berkembangnya jaman, dunia
mengakomodir kebutuhan masyarakat
komputer
informasi
yang haus akan informasi. Mahasiswa
mengalami perkembangan yang begitu
Universitas Dian Nuswantoro merupakan
pesat, internet merupakan salah satu
salah satu jaringan kecil atau komunitas
aspek penting yang sangat berpengaruh
yang sangat membutuhkan informasi,
dalam
baik
informasi
media
dan
informasi
teknologi
perkembangan diseluruh
tersebut
teknologi
dunia.
yang
anggotanya
informasi
dari
terdiri
dari
perusahaan dan
bahkan
intern
kampus
Hampir
maupun informasi yang bersumber dari
seluruh media informasi yang ada saat
luar. Hampir semua informasi yang
ini sudah mulai memanfaatkan internet
mereka butuhkan bisa didapat dari
untuk memperluas jangkauan informasi
internet, misalkan informasi tentang
yang mereka berikan. Tetapi masih
profil kampus, kurikulum, informasi
banyak aspek kehidupan yang ada di
akademik,
dunia ini belum terkoneksi dengan
kampus, dan lain-lain yang dapat diakses
internet, seperti kutipan dari CISCO
melalui
Networking yaitu “more than 99% of
www.udinus.ac.id. Selain membutuhkan
things in the physical world are still not
informasi,
connected to the internet” (lebih dari
menjalin
99% benda di dunia ini belum terkoneksi
mahasiswa baik secara langsung maupun
dengan internet) [7].
tidak langsung.
Dengan adanya internet, kita dapat mencari
informasi
apapun
yang
dibutuhkan tanpa terbatas oleh waktu dan
bahkan
sistem
akademik
website
tentunya sebuah
kampus
mereka
juga
komunikasi
antar
Komunikasi adalah suatu proses penyampaian
informasi
(pesan,
ide,
gagasan) dari satu pihak kepada pihak
lain [6]. Pada umumnya, komunikasi
dunia nyata. Namun faktanya media
dilakukan secara lisan atau verbal yang
komunikasi tidak langsung inilah yang
dapat dimengerti oleh kedua belah pihak.
paling diminati oleh sebagian kalangan
Komunikasi
mahasiswa,
secara
langsung
dalam
hal
ini
dikarenakan
lingkup mahasiswa biasa dilakukan salah
perkembangan teknologi informasi yang
satunya
begitu pesat sekarang ini sehingga akses
dengan
perkumpulan
atau
membentuk komunitas
yang
didalamnya terdapat anggota yang bisa
terhadap
informasi
dan
komunikasi
menjadi bebas dan tidak terbatas.
saling bertukar informasi dan melakukan kegiatan-kegiatan Namun
bagi
tergabung mereka
yang
bermanfaat.
mereka
dalam
dapat
yang
sebuah
tidak
komunitas
berkomunikasi
langsung dengan teman
secara
2. RUMUSAN MASALAH Berdasarkan latar belakang yang diuraikan
diatas,
merumuskan
maka
penulis
permasalahan
sebagai
pada saat
berikut : Bagaimana membuat sebuah
perkuliahan, berdiskusi di kantin atau
website forum diskusi mahasiswa teknik
area disekitar kampus pada saat jam
informatika-D3
istirahat, dan lain-lain. Sedangkan bentuk
pendapat, ide dan gagasan mahasiswa
komunikasi
serta
tidak
langsung
dilakukan
mahasiswa
memanfaatkan
fasilitas
biasa dengan
internet
dan
untuk
memudahkan
berbagi
menampung
komunikasi
informasi
antar
dan
sesama
mahasiswa teknik informatika-D3?
bergabung dengan situs-situs jejaring sosial
atau
sosial
media
seperti
Facebook, Twitter, dan lain-lain atau
3. BATASAN MASALAH Sesuai
dengan
rumusan
masalah
memanfaatkan aplikasi chatting seperti
diatas maka masalah yang dibahas hanya
BBM
meliputi
Masanger,
Whatsapp,
Line,
pembuatan
website
forum
WeChat, dan lain-lain yang bisa diunduh
seperti : proses desain tampilan website
secara gratis dengan gadget mereka.
menggunakan Adobe Muse dan Adobe
Dengan
Dreamweaver,
fasilitas-fasilitas
yang
bisa
penggunaan
diakses melalui internet meraka bisa
pemrograman
bebas mengekprisikan apapun yang ada
pembuatan basis data
dalam diri mereka serta menambah
fasilitas
banyak teman melalui dunia maya,
hosting atau upload website ke server
bahkan terkadang teman di dunia maya
menggunakan software filezilla.
mereka lebih banyak dari pada teman di
PHP
PhpMyAdmin
dan
bahasa MySql,
menggunakan dan
proses
pemakai komputer dari suatu negara ke
4. TUJUAN Untuk merancang bangun sebuah
Negara lain di seluruh dunia, dimana di
website forum diskusi mahasiswa yang
dalamnya terdapat berbagai sumber daya
menarik dan mudah digunakan sebagai
informasi dari mulai yang statis hingga
media informasi dan komunikasi antar
yang
mahasiswa diploma teknik informatika
Perkembangan
Udinus,
bisa
pernyataan Bill Gates, Chairman of
menyampaikan aspirasi, gagasan, dan ide
Microsoft Corp, “Internet akan menyapu
mereka melalui website forum ini, serta
kita seperti sebuah gelombang pasang
sebagai salah satu media komunikasi
yang akan menenggelamkan setiap orang
antar mahasiswa.
yang dilewatinya yang tidak siap untuk
sehingga
mereka
dinamis
hidup
interaktif
Internet
sebuah
[7].
Mengutip
masyarakat
informasi”. Mungkin interaktifitas tanpa
5. MANFAAT 1) Bagi
dalam
dan
sarana
batas yang ditawarkan oleh internet
komunikasi, bertukar informasi serta
kepada umat manusialah yang membuat
sebagai wadah aspirasi mahasiswa.
internet tersosialisasi secara cepat.
2) Bagi
Mahasiswa,
Universitas,
sebagai
sebagai
media
pelengkap sistem akademik yang telah dibagun
sebelumnya
menunjukkan umum
kepada
bahwa
6.2. Pengertian Website Website merupakan salah satu
dan
aplikasi internet yang sangat popular
masyarakat
dikalangan masayarakat. Perkembangan
Universitas
Dian
World Wide Web atau yang lebih sering
Nuswantoro mempunyai komitmen
dikenal dengan website bermula pada
dalam
tahun 1989 di Consei Europian pour la
pengembangan
teknologi
informasi.
Recherce Nuclaire (CERN). Website ini
3) Bagi Penulis, menambah wawasan
merupakan
sebuah
sistem
informasi
tentang perancangan website forum
hypermedia kolaboratif terdistribusi yang
dan pengelolaan sebuah website yang
digunakan sebagai sebuah protokol untuk
bersifat dinamis.
menghubungkan
6. LANDASAN TEORI
dapat
yang
ditempatkan
komputer
manapun
dalam
pada
internet.
sebagai
Lee yang bekerja pada Laboratorium
jaringan komputer luas dan besar yang
Fisika Partikel Eropa di Genewa, Swiss
mendunia,
[3]. Website merupakan sebuah sistem
yaitu
diartikan
dokumen
Sistem ini dirancang oleh Tim Berners-
6.1. Sejarah Internet Internet
keanekaragaman
menghubungkan
dimana informasi dalam bentuk teks,
berita,
gambar, suara, dan lainya yang tersimpan
menambah artikel, dll.
dalam webserver ditampilkan dalam
website
bentuk hypertext. Kadir menyatakan
komplikatif tergantung fitur-fitur yang
bahwa website merupakan salah satu
diinginkan. Untuk membangun web
aplikasi internet yang saat ini telah
dinamis tidak cukup dengan bahasa
berkembang pesat, berisi informasi yang
HTML tetapi juga
didistribusikan
menggabungkan
dengan
pendekatan
mengganti
dinamis
banner/
header,
Pembuatan
lebih
rumit
dan
harus antara
web
hypertext yang memungkinkan suatu teks
(apache,IIS,tomcat)
pendek dapat menjadi acuan untuk
pemrograman disisi server (PHP, ASP,
membuka dokumen yang lain [4].
dll) serta database.
6.3. Jenis-Jenis Website
dan
server bahasa
6.4. Pengertian Forum Internet
1) Website Statis (Static Website)
Forum internet merupakan fasilitas
Jenis website yang hanya memiliki
yang
tersedia
di
internet,
dan
front-end, yaitu halaman situs yang bisa
penggunanya dapat berdiskusi. Forum
diakses oleh pengunjung. Biasanya web
berbasis internet ini sudah dikenal sejak
jenis ini hanya dibuat dengan kode
tahun 1995, dan fungsinya mirip bahkan
HTML (Hypertext
lebih baik dari papan buletin dan milis
Language)
Markup
dan
kadang-kadang
internet yang sudah ada sejak tahun
dilengkapi dengan script javascript dan
1980-an. Perasaan komunitas virtual
flash
sering muncul pada fourm-forum yang
untuk
memperindah
tampilan
website. Konten website statis tidak bisa
memiliki
diupdate
karena
permainan
fasilitas
untuk
merombak
tidak itu
menyediakan
kecuali
kode-kode
dengan
HTML
nya,
anggota
tetap.
komputer,
Teknologi,
dan
politik
merupakan tema paling populer yang menjadi pokok bahasan forum internet,
tentuya akan memakan banyak waktu.
tetapi masih banyak lagi topik-topik
2) Website Dinamis (Dynamic Website)
lainnya.
Website dinamis memiliki halaman frontend dan back-end. Back-end atau yang biasa disebut dengan CMS (Content Management Administrator,
System)
/
halaman
berfungsi
untuk
7. METODE PENCIPTAAN KARYA 7.1. Batasan Sistem Dalam
perancangan
website
perlu
adanya batasan sistem agar desain sistem
mengupdate informasi yang ada di
yang
kita
rancang
sesuai
dengan
halaman front-end. Seperti ; update
keinginan kita serta sistem yang kita
rancang memiliki tujuan yang jelas.
12) Member bisa me-like atau memberi
Berikut ini adalah batasan sistem dari
jempol hanya pada thread yang dibuat
rancangan website FOKUS :
member lain.
1) Website forum mahasiswa ini hanya
13) Satu
member
hanya
bisa
dapat diakses oleh member yang
memberikan 1 jempol pada setiap
terdaftar. Pengunjung umum (guest)
thread.
hanya dapat melihat update info dari admin,
membaca
thread
dan
komentar.
14) Semakin banyak jempol pada thread maka thread tersebut akan berpeluang menjadi hot thread, setelah thread
2) Forum dan subforum dibuat oleh admin.
diverifikasi oleh admin. 7.2. Pemilihan Alat
3) Admin bisa menambahkan update informasi melalui halaman admin. 4) Admin dapat menghapus komentar dan thread yang dibuat oleh member. 5) Admin dapat menonaktifkan member
Perangkat keras atau hardware yang
digunakan
dalam
pembuatan website ini adalah komputer dengan spesifikasi : Processor : Intel Core i5 2.5
(banned). 6) Admin dapat menambah forum dan
GHz Memory : 2GB RAM
subforum baru. 7) Admin melakukan validasi hot thread berdasarkan
1) Komputer
jumlah
jempol
yang
didapat dari thread tertentu.
OS : Windows 8.1 Interprise VGA : Ati Radeon HD 5470 Hardisk
: 500 GB
form
Monitor
: 14.0” widescreen
pendaftaran akan otomatis menjadi
2) Software
8) User
yang
telah
mengisi
member.
a) Adobe Muse CC (Creative
9) Member bisa menambahkan thread
Cloud),
merupakan
software
pada forum dan subforum yang
utama dalam perancangan desain
diingikan.
website. Software ini digunakan
10) Member
dapat
mengirimkan
dalam
perancangan
desain
komentar kepada thread yang dibuat
website yang telah terintegrasi
oleh member lain.
dengan CSS 3 dan HTML 5.
11) Member hanya dapat menghapus komentar yang dibuatnya sendiri.
b) Adobe
Dreamweaver
CC,
merupakan
software
yang
digunakan untuk mengedit script HTML, CSS, dan PHP. Serta penulis gunakan untuk membuat form yang akan dilooping dengan script PHP. c) Adobe software
Photoshop untuk
CC,
mendesain
gambar raster seperti gambar, banner, dll. d) Corel Draw, software untuk menggambar vector, seperti logo, dll. e) Xampp, merupakan software untuk membuat local server untuk mengeksekusi perintah PHP dan MySql. f) Mozzila
Firefox,
browser
untuk melihat tampilan serta hasil akhir project.
yang
digunakan
dalam pembuatan website ini terdiri dari
beberapa
format
file
dan
disesuaikan dengan kebutuhan yang akan ditampilkan seperti file icon dan gambar, adapun bahan sekunder yang berisi tentang metode dan teknik perancangan website didapat dari buku maupun internet. Sedangkan source atau bahan yang diunduh dari internet
1. Teknik pemilihan software Sebelum
merupakan
source
yang
bersifat free lisence, sehingga bebas untuk digunakan dan dimodifikasi.
pembuatan
diperlukan pemilihan
website
software yang
tepat, agar dapat mempermudah kinerja dan memiliki hasil yang baik dan sesuai. Dalam hal ini penulis memilih software Adobe dreamweaver CC dan Adobe Muse
CC
sebagai
software
pembuatan
website.
Selain
utama software
tersebut penulis juga memakai software pendukung lain , seperti : PSPad Editor, Adobe Photoshop CC, Xampp, dan Mozzila Firefox. 2. Teknik pembuatan layout Proses pembuatan layout website menggunakan script html dan css yang sudah terintegrasi dengan Adobe Muse CC.
7.3. Pemilihan Bahan Bahan-bahan
7.4. Teknik dan Proses Berkarya
Css
digunakan
pembuatan
layout
sebagai
supaya
dasar
tampilan
website menjai lebih menarik, sedangkan script html digunakan untuk memanggil fungsi css yang sudah dibuat. 3. Teknik perancangan database Sebuah website tidak lepas dari adanya database yang merupakan tempat menyimpan
data-data
Teknik
perancangan
website
ini
dari
website.
database
menggunakan
pada
software
PhpMyadmin untuk membuat database dan tabel.
akan diaplikasikan ke dalam layout
8. PROSES BERKARYA a)
Tahap
perencanaan
website
website, sebagai contoh pada desain
(planning)
tombol, header, background, komposisi
Sebelum merancang website , perlu
warna, jenis font dan sebagainya.
adanya perencanaan untuk menjadi
c) Tahap penyusunan script (coding)
dasar dalam proses perancangan
Tahan penyusunan script (coding)
website
secara
nantinya,
pada
website
forum diskusi mahasiswa udinus, penulis mempunyai konsep sebagai
detail
meliputi
sebagai berikut: 1) penyusunan
berikut :
(HTML
1) Penentuan warna website
pembuatah
Script
HTML
coding),
meliputi
halaman
design
Website forum ini menggunakan
dengan tampilan sederhana dan
dominasi warna biru, putih, dan
penyusunan content website.
orange. Penulis memilih warna
2) penyusunan Script PHP (PHP
biru, putih, dan orange karena
coding),
ketiga warna tersebut merupakan
fitur atau modul dinamis sesuai
identitas
dengan
masing-masing
fungsi
dan
pembuatan
sistem
dari
warna
kampus
udinus. 2) Penentuan
jumlah
halaman
website
empat
website halaman
halaman home, forum,
terdiri
pembuatan
komputerisasi atas input data
inti,
dari
3) penyusunan Script Cascade Style
yaitu
Sheet (CSS coding), meliputi
halaman index
halaman
content
dan
halaman profil HDTI.
rancangan
layout
penentuan
layout
(kerangka
dasar
website website),
penentuan properti atau karakter
3) Rancangan layout yang dibuat merupakan
rancangan dasar sebelum website di buat. Tahap
meliputi
yang masuk ke dalam website.
halaman
b)
item-item
fitur ataupun modul dinamis, penentuan tipografi website dan karakter warna website. 4) penyusunan Script SQL (SQL
perancangan
website
coding),
meliputi
(designing)
system
Tahap ini merupakan tahap pembuatan
database website dan pemilihan
desain
data atas rekam data yang masuk
website
secara
grafis
yaitu
pembuatan desain dasar yang nantinya
write,
pembuatan
melalui website.
read,
record
d) Tahap pengujian (testing) Pada tahap pengujian, ada dua metode yang dilakukan yaitu: 1) pengujian secara offline (offline testing),
meliputi
pengujian
layout website terhadap berbagai resolusi
layar
komputer, pengujian
tampilan
Halaman Login Admin
desain agar sesuai dengan script coding. Pengujian tautan terhadap masing-masing
hyperlink
object, Pengujian semua fungsi fitur agar berjalan dengan baik. 2) Pengujian secara online (online testing),
meliputi
pengujian
semua fungsi fitur agar berfungsi baik secara online, pengujian website di semua jenis browser (Internet
Explorer,
Mozilla
Firefox, Google Chrome, dll), pengujian
integrasi
website
terhadap website lainnya.
Halaman Utama Administrator 2. Halaman utama merupakan halaman yang bisa diakses oleh user. Pada halaman ini user dapat mengakses berbagai macam informasi dan fasilitas forum, misalnya mengenai informasi komunitas, berita terbaru seputar kampus Udinus, dan sebagainya.
9. PRINT OUT KARYA 1. Halaman
administrator
(backend)
merupakan halaman yang digunakan admin untuk mengolah data website, seperti input data mahasiswa, input forum dan subforum, input thread, dan sebagainya. Pada halaman ini juga terdapat beberapa halaman yang berfungsi untuk update dan verifikasi data.
Halaman Utama User
11. SARAN Dari hasil penyusunan Proyek Akhir “Perancangan Website
yang berjudul Forum
Diskusi
Mahasiswa
Progdi
Teknik Informatika-D3 Udinus Sebagai Media
Komunikasi
dan
Informasi
Mahasiswa”, penulis memberikan saran Halaman Aktifasi User
sebagai berikut: 1. Dalam
10. KESIMPULAN Dari hasil penyusunan Proyek Akhir
perancangan
website
hendaknya seorang perancang juga
yang berjudul “Perancangan Website
harus
Forum
sistem supaya website terhindar dari
Diskusi
Mahasiswa
Progdi
Teknik Informatika-D3 Udinus Sebagai Media
Komunikasi
dan
Informasi
memperhatikan
keamanan
serangan keamanan. 2. Modul-modul yang dipakai perlu
Mahasiswa”, penulis dapat mengambil
dikembangkan
kesimpulan sebagai berikut.
memperkaya fasilitas yang ada pada
1. Website forum diskusi mahasiswa
website ini.
teknik
informatika-D3
(Fokus)
merupakan
sulitnya
dari teknik
informatika-D3 dalam berkomunikasi dan berbagi informasi dengan sesama mahasiswa teknik informatika-D3. 2.
Website forum diskusi mahasiswa teknik terbentuk
informatika-D3 menggunakan
Udinus bahasa
pemrograman PHP dan basis data MySql sebagai dasar perancangan website dinamis. Sedangkan untuk desain
tampilan
website
menggunakan program Adobe Muse dan Adobe Dreamweaver.
untuk
Udinus
solusi
mahasiswa
lagi
DAFTAR PUSTAKA [1]Hakim, Lukmanul dan Musalini, Uus (2004). Cara Mudah Memadukan Web Design dan Web Programming. Jakarta:Elex Media Komputindo. [2] Kadir, Abdul (2002). Pemrograman Web Mencakup: HTML, CSS, Javascript, & PHP. Yogyakarta : Andi. [3] Kantor Urusan Internasional Universitas Gadjah Mada (2012). Workshop Nasional Manajemen Kantor Urusan Internasional : Program Book. Yogyakarta : UGM.
[4] Kasman, Akhmad Darma (2013). Membuat sendiri Website Pertemanan dengan PHP dan Jquery. Yogyakarta : Lokomedia. [5] Mulyanto, Agus (2009). Sistem Informasi. Jakarta : Pustaka Pelajar. [6] Pikatan, Sugata (1997). Laporan penelitian : Kajian Pengelolaan Website untuk Universitas Surabaya. Surabaya : Ubaya. [7] Sutanta, Edhy (2005). Pengantar Teknologi Informasi. Yogyakarta : Andi. [8] Vaugan, Tay (2006). Multimedia : Making It Work. Yogyakarta : Andi. [9] Wahana Komputer (2005). Menjadi Seorang Desainer Website. Yogyakarta : Andi. [10] Msn, M.(2011).Seri Panduan Lengkap: Adobe Dreamweaver CS6 PHP dan MySQL. Yogyakarta: Andi.
