ISSN Nomor :1412-9434
Volume 12 No : 2
J
lZOtf
URNAL ILMIAH
KOMPUTASI Komputer & Sistem lnformasi l-r0 Rancang Bangun Aplikasi Pembelajnran Budaya Indonesia Untuk Anak Sekolah Dasar Berbasis
Android Glenn Lauren dan Murtiwiyati I r-18
Aplikasi Pengenalan Alat Musik Tradisional Indonesia Berbasis Android Santi Widianti, Herul Fitman Hermawan dan lwan Setiadi I
9-30
Perancangrn Sistem Informasi Berbasis \ilebsite Dengan Menggunakan Macromedia Dreamweaver 8.0 (Sttrdi Kasus di Organisasi Formasi) Yudi Irawan Chandra dan Kosdiana
3l-36 Perancangan dan Pembuatan Portal Kemahasiswaan STMIK JAKAR?A STI&K Dengan Menggunakan Macromedia Dreamweaver 8.0, PHP dan MySQL Neneng Mariana dan Aqwam Rosadi Kardian
37-M Analisa Perkiraan Jumlah Penerimaan Mahasisws Baru Dengan Menggunakan Metode Kuadrat Terkecil dan SPSS I7.0 Studi Kasus : STMIK JAKARTA (STI&K) GilangWisnu Pamungkas dan Aqwam Rosadi Kardian 45-50
Pelabelan Jurnlsh Pada Graf Baling-Bnling Serttngkai Dina Indarti, Ias Sri Wahyuni dan Sri Syamsiah 5l -56 Pengemhangan Sistem Visualisasi Pemhelajaran Matematika Berbasis Multimedia Bagi Siswa SI) Mohamad Saefudin dan Munich Heindari Ekasari 57-62 Penerapan Teknologi VOm Pada Laboratorium Teknik Komputer STMIK Jakarta Shandi Noris dan Melani Dewi Lusita
STI&K
63-69
Pengembangan Aplikasi Objek Wisata Candi Borobudur Menggunakaa Teknologi Augmented Reality Vivit Ardyansah dan Bheta Agus V/ardijono
STMIKJAKARTA STI&K
Vol. 12, Nomor: 2 Desember 2013
J
URNAL ILMIAH
KOMPUTASI Komputer & Sistem lnformasi Prof. ES. Margianti, SE., MM Prof. SuryadiH.S., SSi., MM Drs. Agus Sumin, MMSI
Penanggung Jawab:
I -10 Rancang Bangun Aplikasi Pembelajaran Budaya Indonesia Untuk Anak Sekolah Dasar Berbasis Android Glenn Lauren dan Murtiwiyati
Prof. Dr. Sarifuddin Madenda
Dewan Redaksi/Reviewer:
1. Prof. Dr. Didin Mukhodim 2. Drs. Tjahjo DwinurtiT., MM 3. Prof. Dr. Sarifuddin Madenda 4. Dr. Lussiana ETP 5. Hj. Latifah, SSi., MMSI 6. Rosalina Lokolo, SE., MM 7. Eko Hadiyanto, SSi., MMSI 8. Dr. Pipit DewiArnesia Pimpinan Pelaksana Redaksi
lt-18 Aplikasi Pengenalan Alat Musik Tradisional lndonesia Berbasis Android Santi Widianti, Herul Fitman Hermawan dan lwan Setiadi
:
lre Puspa Wardhani, SKom., MM
Editor dan Layout:
1. Dr. Sunny Arief Sudiro 2. Dr. Bheta Agus Wardijono 3. Yudi lrawan Chandra, SKom., MMSI Sekretariat Redaksi l.Sahni Damerianta P, SKom.,
MMSI
(Koordinator) 2.Don Elsyafitra, SKom (Pj. Web) 3.Maria SriWulandari, (Pj. Adrn)
Adm dan Sirkulasi
:
1. EdiPranoto, SE., MM 2. Fitri Sjafrina, SKom., MMSI 3. Sunarto Usna, Drs., MMSI Alamat Redaksi
:
Kampus STMIK Jakarta STI&K Jln. BRI Radio Dalam Kebayoran Baru Jakarta Selatan Telp. (02'l ) 7 397 97 3, 7 21 A722 Fax. (021) 7210720 Email :
[email protected]
ISSN Nomor 1412-9434 Volume 12 Nomor 2Tahun 2013
19-30 Perancangan Sistem Informasi Berbasis Website Dengan Menggunakan Macromedia Dreamweaver 8.0 (Studi Kasus di Organisasi Formasi) Yudi
lrawan Chandra dan Kosdiqna 31-36
Perancangan dan Pembuatan Portal Kemahasiswaan STMIK JAKARTA STI&K Dengan Menggunakan Macromedia Dreamweaver 8.0, PHP dan MySQL Neneng Mariana dan Aqwam Rosqdi Kordian
37-44 Analisa Perkiraan Jumlah Penerimaan Mahasiswa Baru Dengan Menggunakan Metode Kuadrat Terkecil dan SPSS 17.0 Studi Kasus : STMIK JAKARTA (STI&K) Gilangl|tisnu Pamungkas dan Aqwam Rosadi Kardian 45-50 Pelabelan Jumlah Pada Graf Baling-Baling Bertangkai Dina Indarti,las Sri Wahyuni dan Sri Syamsiah
51-56 Pengembangan Sistem Visualisasi Pembelajaran Matematika Berbasis Multimedia Bagi Siswa SD Mohamad Saefudin dan Munich Heindari Ekasari 57-62 Penerapan Teknologi VOIP Pada Laboratorium Teknik
Komputer STMIK Jakarta STI&K Shandi Noris dan Melani Dewi Lusita 63-69 Pengembangan Aplikasi Objek Wisata Candi Borobudur
Menggunakan Teknologi Augmented Reality Vivit Ardvansqh dctn Bheta Agus Wardijono
Jurnal Ilmiah KOMPUTASI, Volume 12 Nomor : 2, Desember 2013 ISSN : 1412-9434
Perancangan dan Pembuatan Portal Kemahasiswaan STMIK JAKARTA STI&K Neneng Mariana dan Aqwam Rosadi Kardian STMIK JAKARTA STI&K Jl. BRI Radio Dalam, Jakarta Selatan
[email protected],
[email protected] Abstrak Pesatnya perkembangan teknologi informasi dan komunikasi memungkinkan pengembangan layanan informasi yang lebih baik dalam suatu institusi pendidikan. Saat ini di lingkungan perguruan tinggi, dimana juga seharusnya dapat memanfaatkan sarana ini sebagai pendukung penyelenggaraan pendidikan sehingga perguruan tinggi dapat menyediakan layanan informasi yang lebih baik kepada pihak terkait.
Salah satu bagian yang ada di perguruan
tinggi adalah mahasiswa, oleh karena itu disetiap perguruan tinggi ada suatu bidang yang menangani tentang kemahasiswaan.
Bagian yang menangani kegiatan yaitu bidang kema-
hasiswaan, sehingga informasi tentang beasiswa secara terbuka dapat diketahui oleh semua dosen dan mahasiswa dengan cepat dari mana saja dapat di akses, dan informasi tersebut disa jikan dalam bentuk portal kemahasiswaan.
Kata Kunci
: Kemahasiswaan,Portal, PHP
Pendahuluan Pemanfaatan
layanan informasi yang terkini kepada pihak terkait baik didalam atau diluar perguruan
teknologi
internet
sudah
di-
tinggi tersebut dengan berbasis web
rasakan hampir di segala bidang, antara lain bidang Ekonomi [1] dan pendidikan .
Den-
gan demikian, website sangat diperlukan oleh Perguruan Tinggi sebagai salah satu pelayanan informasi,
baik untuk dosen,mahasiswa dan
masyarakat.Website
adalah
salah
satu
ben-
Tinjauan Pustaka Pengertian Perancangan
tuk media massa yang publikasinya melalui
Perancangan
jaringan internet.
adalah
design
sistem
sebagai
Kelebihan lain dari pub-
penggambaran, perencanaan dan pembuatan
likasi melalui website adalah kemampuan inter-
sketsa atau pengaturan beberapa elemen yang
aktif, inovatif serta penyebarannya yang cepat.
terpisah kedalam satu kesatuan yang utuh dan
Sehingga, website dapat menjadi gerbang in-
berfungsi. Proses perancangan bisa melibatkan
stitusi pendidikan untuk go public.
pengembangan beberapa model sistem pada
Melalui
website, institusi pendidikan dapat mempub-
tingkat abstraksi yang berbeda-beda.
Apa-
likasikan pro l lembaga dan dapat memberikan
bila pada saat perancangan tersebut ditemukan
kesempatan kepada Mahasiswa dan Dosen un-
kesalahan, maka kesalahan tersebut akan di
tuk mempublikasikan artikel, pengalaman, dan
kembalikan pada proses sebelumnya untuk di-
karya ilmiah.
lakukan perbaikan. [2]
Salah satu bagian yang ada di perguruan tinggi adalah mahasiswa, oleh karena itu disetiap perguruan tinggi ada suatu bidang yang menangani tentang kemahasiswaan. Tujuan
dari
penelitian
ini
adalah
Pengertian Kemahasiswaan Menurut Kamus Bahasa Indonesia Kemaha-
un-
siswaan Adalah Seluk-beluk Mahsiswa;
yang
tuk mendukung penyelenggaraan pendidikan,
bersangkutan dengan mahasiswa.
sehingga
itu sendiri adalah Orang yang belajar di pergu-
bidang
perguruan
tinggi
kemahasiswaan
khususnya
dapat
pada
menyediakan
Mahasiswa
ruan tinggi. [3]
31
Jurnal Ilmiah KOMPUTASI, Volume 12 Nomor : 2, Desember 2013 ISSN : 1412-9434
Word Wide Web (WWW)
lagi yaitu HTML ( Hypertext Markup Language ) yaitu sebuah bahasa Script-
World Wide Web adalah nama yang diberikan
ing yang dapat menghasilkan halaman
untuk semua bagian Internet yang dapat diakses dengan software web browser. pai
saat
browser
ini
ada
yang
beberapa
sering
Mozilla,Opera,
software
digunakan
Microsoft
antara
Internet
dan Netscape Navigator.
web site sehingga halaman tersebut dapat
Sam-
di akses pada setiap komputer pengakses
web
(client).
lain
Explorer
Software-software
ini nanti akan dibahas secara detail dalam bagian lain di Mata Kuliah Desain Gra s Web. World Wide Web atau WWW atau singkatnya web, terdiri dari jutaan situs web (web site) dan setiap web site terdiri banyak halaman web (web page).
Halaman-halaman
web ini tersebar di seluruh dunia di komputer-
Gambar 1: Hubungan antar Protocol, Address dan HTML
komputer server yang terhubung dengan Internet.
Situs-situs seperti www.yahoo.com atau
www.microsoft.com adalah web site yang sudah lama ada dan menyediakan banyak sekali
Pada gambar-1 terlihat menggunakan ala-
fasilitas sehingga halaman dalam situs ini juga
mat dengan adanya sub path direktori yang di
sangat banyak.
tandai dengan (~), yaitu /~bun 10026/ meru-
Jika di lihat dari proses kerjanya WWW
pakan alamat path direktori yang ada di dalam
(Word Wide Web) dibagi menjadi beberapa
server.
komponen, sebagai berikut:
masih dapat dibagi menjadi beberapa bentuk
pada gambar-1, protocol di atas juga
lagi, yaitu:
1. Protocol : adalah sebuah media yang di standarkan untuk dapat mengakses kom-
1. http :
man yang dapat di akses adalah halaman web site.
WWW memiliki standar pro-
2. ftp :
nakan protocol ini sebuah halaman yang
Protocol yang di gunakan untuk
mendapatkan informasi pada server ftp.
tocol yang bernama HTTP atau (Hypertext Transfer Protocol). Dengan menggu-
Protocol yang di gunakan untuk
mendapatkan informasi pada server www.
puter di dalam sebuah jaringan , hala-
3. le :
Protocol yang di gunakan untuk
mendapatkan informasi pada sistem lo-
ada di dalam komputer jaringan dapat di
cal.
buka dan di Akses.
4. Protocol : yang di gunakan untuk men-
2. Address
:
Merupakan
alamat
yang
dapatkan link ke pelayanan email server.
berkaitan dengan penaman sebuah computer di dalam jaringan. sebenarnya
merupakan
Misalnya : http://mail.yahoo.com
Alamat ini
sebuah
nomor
5. news
:
Protocol
yang
di
gunakan
yang dimiliki sebuah computer yang ser-
untuk mendapatkan link(hubungan) ke
ing
pelayanan newsgroup.
di
sebut
dengan
nomor
IP,
akan
tetapi dengan adanya perkembangan zaman,
maka di bentuklah metode baru
yang bernama Domain Name, sehingga Nomor gan URL
IP
sebuah (
tersebut alamat
Uniform
di
den-
UML adalah suatu bahasa yang digunakan un-
namakan
tuk memvisualisasikan, membangun dan men-
gantikan
yang
di
Resource
Uni ed Modeling Language(UML)
Locator
)
dokumentasikan
suatu
sistem
informasi
[4].
yang berkaitan dengan nama suatu in-
UML dikembangkan sebagai suatu alat un-
stant pemilik computer tersebut, misal-
tuk analisis dan desain berorientasi objek oleh
nya: http://www.jak-stik.ac.id
Grady Booch,Jim Rumbaugh, dan Ivar Jacobson.
3. HTML : selain dari kedua media tersebut masih membutuhkan sebuah media
Namun demikian UML dapat digunakan
untuk memahami dan mendokumentasikan setiap sistem informasi..
32
Jurnal Ilmiah KOMPUTASI, Volume 12 Nomor : 2, Desember 2013 ISSN : 1412-9434
Metode Penelitian Untuk
memperoleh
2. Area Member (Anggota Lembaga Kemahasiswaan) :
data
sebagai
bahan
lembaga
Digunakan bagi anggota
kemahasiswaan
yang
telah
penyusunan penulisan ini, dilakukan beberapa
melakukan registrasi dan login sekaligus
cara pengumpulan data dengan maksud untuk
dapat mengupload kegiatan terbaru.
memperoleh keterangan dan penjelasan mengenai permasalahan yang ada.
Metode yang
3. Area Admin :Digunakan bagi admin untuk mengatur data-data yang telah ada.
dilakukan antara lain:
Admin dapat menambah dan menghapus 1. Analisis Kebutuhan Saat ini sudah ada website jakstik namun Informasi infor-
data-data yang ada pada database kemahasiswaan
masi kegiatan yang ada di website tersebut
tidak
focus
hasiswaan.
kepada
bidang
kema-
Hal ini dikarenakan web-
site tersebut menyajikan informasi yang menampilkan semua bidang yang ada di STMIK JAKARTA STI&K sehingga informasi yang di berikan bidang kemahasiswaan menjadi terbatas.
Keadaan
ini diperparah karena tidak ada admin khusus
untuk
menanggani
sub-domain
website kemahasiswaan tersebut. Dengan keterbatasan admin yang harus mengupload semua data satu persatu kedalam website.
Hal ini menyebabkan adanya
penumpukan data yang berakibat terGambar 2: Struktur Navigasi Admin
hambatnya informasi. 2. Perancangan gan
website
penulis
Web
Dalam
perancan-
kemahasiswaan
membuat
ini
struktur
maka
navigasi
dan mende nisikan rancangan database melalui use case diagram, class diagram, diagram acti ty dan sequence diagram.
Use Case Diagram Dalam
membuat
use
case
diagram
website
kemahasiswaan, maka use case diagram dibagi
Struktur Navigasi
menjadi tiga bagian, yaitu: use case diagram admin, use case diagram member dan use case
Pembuatan struktur navigasi pada website ini
diagram user.
digunakan untuk menggambarkan secara garis besar isi dari seluruh website dan bagaimana hubungan antara content tersebut.
Struktur
navigasi website ini adalah struktur navigasi campuran. Dalam membuat website Kemahasiswaan, struktur navigasi dibagi menjadi tiga bagian, yaitu: 1. Area
Publik
:
Informasi
yang
dita-
mpilkan dapat diakses secara umum baik yang menjadi member atau tidak.
Se-
hingga pengunjung bisa melihat infor-
Gambar 3: Use Case Diagram Admin
masi antara lain Pro l Bidang Kemahasiswaan,
Berita
yang
berisi
tentang
kegiatan, lomba dan seminar.
33
Jurnal Ilmiah KOMPUTASI, Volume 12 Nomor : 2, Desember 2013 ISSN : 1412-9434
Class Diagram
Sequance Diagram Situs
Dalam membuat class diagram website kema-
Dalam
hasiswaan, maka Class diagram dibagi menjadi
siswaan, maka sequence diagram di bagi men-
tiga bagian, yaitu: class diagram admin, class
jadi tiga yaitu sequence diagram admin, se-
diagram member dan class diagram user.
quence diagram diagram member dan sequence
sequence
diagram
website
kemaha-
diagram user.
Gambar 4: Class Diagram Member
Activity Diagram Activity diagram menggambarkan berbagai alir aktivitas dalam sistem yang sedang dirancang, bagaimana masing-masing alir berawal, decision yang mungkin terjadi,
dan bagaimana
mereka berakhir. Activity diagram juga dapat menggambarkan proses paralel yang mungkin terjadi pada beberapa eksekusi. Berikut adalah salah satu acti ty diagram yang ada dalam website kemahasiswaan:
Gambar 6: Sequence Diagram data Member
Struktur Database Dalam perancangan website kemahasiswaan ini penulis
menggunakan
database
MySQL
un-
tuk menampung dan mengorganisasikan datadata
yang
digunakan
[5].
Database
yang
digunakan di dalam website kemahasiswaan ini diberi nama kemahasiswaan. kemahasiswaan
terdiri
tabel yaitu admin, tbukm,
tbkegiatan,
siswaortu,
dari
tbmember,
dan
Database (dua
mhs,
tbbeasiswapri,
tbbeasiswatmb,
tbbeasiswastudi
12
belas) berita, tbbea-
tbbeasiswaprnh,
tbpro lukm.
Berikut
adalah salah satu tabel yang ada di website kemahasiswaan serta detail atributnya. Nama Tabel : berita.sql Primary key : id_berita Jumlah eld : 6
Gambar 5: Diagram Aci ty Member
34
Jurnal Ilmiah KOMPUTASI, Volume 12 Nomor : 2, Desember 2013 ISSN : 1412-9434
Hasil dan Pembahasan
1. Processor N550
Untuk mengetahui sejauh mana situs ini bekerja net
dengan yang
baik
terhadap
sebenarnya
jaringan
melakukan
proses
up-
load situs ke penyedia layanan hosting dapat dilakukan. yar
atau
masing.
Layanan hosting yang berba-
gratis
memiliki
kelebihan
masing-
Salah satu penyedia layanan host-
ing gratis adalah www.000webhost.com yang memberikan layanan hosting gratis situs yang telah menjadi member.
2. Memory DDR3 1GB
inter-
Tetapi layanan host-
ing ini memiliki keterbatasan terhadap le- le yang di upload dan penggunaan script tertentu
3. HDD 160 GB 4. Mouse 5. Printer Sedangkan perangkat lunak yang digunakan adalah 1. Microsoft Windows XP 2. Microsoft Visio 2003
yang tidak diperbolehkan. Hal ini yang membuat fungsi-fungsi tertentu dalam situs yang in-
2. XAMPP
Version
1.7.3
(PHP
5.2.5,
gin di upload tidak bekerja dengan seharusnya
MySQL 5.0.51, Apache 2.0, phpMyAd-
pada jaringan internet yang sebenarnya. Prose-
min 2.11.4)
dur upload situs pada layanan hosting gratis www.000webhost.com adalah sebagai berikut : 1. Registrasi username dan password serta menentukan
nama
domain
yang
3. Google Chrome 4. Macromedia Dreamweaver 8.0
di-
inginkan situs.
Salah satu tampilan output pada website kema-
2. Setelah registrasi berhasil, lakukan login
hasiswaan yaitu:
dengan memasukan username dan password yang telah di registrasi. 3. Masuk ke bagian PhpMyAdmin untuk mengatur dibuat.
database
sesuai
situs
yang
Untuk keamanan akan diminta
username dan password tersendiri untuk mengakses database. Buat database sesuai dengan database yang telah dibuat pada situs yang ingin diupload. 4. Masuk
ke
bagian
File
Manager
yang
merupakan tempat menampung seluruh le situs.
Lakukan proses upload le
situs yang telah dibuat dari mulai le script,
gambar
atau
video
yang
men-
dukung tampilan dari situs 5. Untuk melihat hasil dari situs yang telah diupload ketikan pada browser nama domain yang telah didaftarkan pada proses registrasi.
Spesi kasi Hardware dan Software Dalam
membuat
aplikasi
berbasis
website
ini, ada dua peralatan yang harus disiapkan dan dibutuhkan,
yaitu perangkat keras dan
perangkat lunak.
Perangkat keras yang digu-
Gambar 7: Tampilan output Beranda
nakan oleh penulis dalam proses pembuatan website ini yaitu:
35
Jurnal Ilmiah KOMPUTASI, Volume 12 Nomor : 2, Desember 2013 ISSN : 1412-9434
Simpulan
Pustaka
Untuk menyampaikan informasi khususnya ten-
[1] Triwibowo,Aan.,2013.Pembuatan
aplikasi
tang kemahasiswaan agar dapat diterima dan
e-commerce pusat oleh-oleh khas pacitan
dimengerti banyak orang dapat dikatakan tidak
pada
cukup.
Anonimjournal on networking and security,
Perkembangan
teknologi
informasi
yang pesat menuntut adanya sarana penyampaian
informasi
yang
lebih
baik.
toko
sari
rasa
pacitan.
Indonesian
oktober, volume 2 No 4.
Dengan ten-
[2] Agus Mulyanto, Sistem Informasi Konsep
tang lembaga kemahasiswan yang disajikan, da-
dan Aplikasi , Pustaka Pelajar, Yogyakar-
pat diperoleh tanpa terhalang jarak dan da-
ta, 2009.
menggunakan
media
internet
informasi
pat diakses oleh orang banyak tanpa mengenal batas waktu serta dapat meningkatkan kualitas. Oleh karena itu, informasi Kemahasiswaan
[3] Anonim, http://www.kamusbahasa indonesia.org , Jakarta, 2011.
melalui media internet perlu dikembangkan.
[4] Adi Nugroho, Rekayasa Perangkat Lunak
Dengan adanya website mini lembaga kemaha-
Menggunakan UML dan JAVA , Andi, Yo-
siswaan maka mahasiswa aktif (member) dapat
gyakarta, 2009.
mempromosikan KM atau UKM yang dapat memudahkan dalam memperkenalkan KM atau
[5] Rahmat Priyanto, Belajar Sendiri Mengua-
UKM member kepada mahasiswa agar dapat
sai MySQL 5, Elex Media Komputindo, Ja-
melakukan akti tas atau memaintenance web-
karta,2007.
site tersebut.
36
