Volume
12
No : 2
ISSN Nomor
:1412-9434
lZOtf
J
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
STI&K
Shandi Noris dan Melani Dewi Lusita63-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
Prof. ES. Margianti, SE., MM Prof. SuryadiH.S., SSi., MM Drs. Agus Sumin, MMSI
Penanggung Jawab:
Prof. Dr. Sarifuddin Madenda
Dewan Redaksi/Reviewer:
1.
Prof. Dr. Didin Mukhodim2.
Drs. Tjahjo DwinurtiT., MM3.
Prof. Dr. Sarifuddin Madenda4.
Dr. Lussiana ETP5.
Hj. Latifah, SSi., MMSI6.
Rosalina Lokolo, SE., MM7.
Eko Hadiyanto, SSi., MMSI8.
Dr. Pipit DewiArnesiaPimpinan Pelaksana Redaksi :
lre Puspa Wardhani, SKom., MM
Editor dan Layout:
1.
Dr. Sunny Arief Sudiro2.
Dr. Bheta Agus Wardijono3.
Yudi lrawan Chandra, SKom., MMSISekretariat 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., MM2.
Fitri Sjafrina, SKom., MMSI3.
Sunarto Usna, Drs., MMSIAlamat 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 : lp2m@jak-stik.ac.id ISSN Nomor 1412-9434 Volume 12 Nomor 2Tahun 2013
KOMPUTASI
Komputer &
Sistem
lnformasi
I -10
Rancang Bangun Aplikasi Pembelajaran Budaya Indonesia Untuk Anak Sekolah Dasar Berbasis Android
Glenn Lauren dan Murtiwiyati
lt-18
Aplikasi Pengenalan Alat Musik Tradisional lndonesia Berbasis Android
Santi Widianti, Herul Fitman Hermawan dan lwan Setiadi
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
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 mariana@jak-stik.ac.id, aqwam@jak-stik.ac.id
Abstrak
Pesatnya perkembangan teknologi informasi dan komunikasi memungkinkan pengemban-gan layanan informasi yang lebih baik dalam suatu institusi pendidikan. Saat ini di lingkun-gan perguruan tinggi, dimana juga seharusnya dapat memanfaatkan sarana ini sebagai pen-dukung 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 disajikan dalam bentuk portal kemahasiswaan.
Kata Kunci : Kemahasiswaan,Portal, PHP
Pendahuluan
Pemanfaatan teknologi internet sudah di-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-tuk media massa yang publikasinya melalui jaringan internet. Kelebihan lain dari pub-likasi melalui website adalah kemampuan inter-aktif, inovatif serta penyebarannya yang cepat. Sehingga, website dapat menjadi gerbang in-stitusi pendidikan untuk go public. Melalui website, institusi pendidikan dapat mempub-likasikan prol lembaga dan dapat memberikan kesempatan kepada Mahasiswa dan Dosen un-tuk mempublikasikan artikel, pengalaman, dan karya ilmiah.
Salah satu bagian yang ada di perguruan tinggi adalah mahasiswa, oleh karena itu dis-etiap perguruan tinggi ada suatu bidang yang menangani tentang kemahasiswaan.
Tujuan dari penelitian ini adalah un-tuk mendukung penyelenggaraan pendidikan, sehingga perguruan tinggi khususnya pada bidang kemahasiswaan dapat menyediakan
layanan informasi yang terkini kepada pihak terkait baik didalam atau diluar perguruan tinggi tersebut dengan berbasis web
Tinjauan Pustaka
Pengertian Perancangan
Perancangan adalah design sistem sebagai penggambaran, perencanaan dan pembuatan sketsa atau pengaturan beberapa elemen yang terpisah kedalam satu kesatuan yang utuh dan berfungsi. Proses perancangan bisa melibatkan pengembangan beberapa model sistem pada tingkat abstraksi yang berbeda-beda. Apa-bila pada saat perancangan tersebut ditemukan kesalahan, maka kesalahan tersebut akan di kembalikan pada proses sebelumnya untuk di-lakukan perbaikan. [2]
Pengertian Kemahasiswaan
Menurut Kamus Bahasa Indonesia Kemaha-siswaan Adalah Seluk-beluk Mahsiswa; yang bersangkutan dengan mahasiswa. Mahasiswa itu sendiri adalah Orang yang belajar di pergu-ruan tinggi. [3]
31
Jurnal Ilmiah KOMPUTASI, Volume 12 Nomor : 2, Desember 2013 ISSN : 1412-9434
Word Wide Web (WWW)
World Wide Web adalah nama yang diberikan untuk semua bagian Internet yang dapat di-akses dengan software web browser. Sam-pai saat ini ada beberapa software web browser yang sering digunakan antara lain Mozilla,Opera, Microsoft Internet Explorer dan Netscape Navigator. Software-software ini nanti akan dibahas secara detail dalam bagian lain di Mata Kuliah Desain Gras Web. World Wide Web atau WWW atau singkat-nya web, terdiri dari jutaan situs web (web site) dan setiap web site terdiri banyak ha-laman web (web page). Halaman-halaman web ini tersebar di seluruh dunia di komputer-komputer server yang terhubung dengan Inter-net. Situs-situs seperti www.yahoo.com atau www.microsoft.com adalah web site yang su-dah lama ada dan menyediakan banyak sekali fasilitas sehingga halaman dalam situs ini juga sangat banyak.
Jika di lihat dari proses kerjanya WWW (Word Wide Web) dibagi menjadi beberapa komponen, sebagai berikut:
1. Protocol : adalah sebuah media yang di standarkan untuk dapat mengakses kom-puter di dalam sebuah jaringan , hala-man yang dapat di akses adalah halahala-man web site. WWW memiliki standar pro-tocol yang bernama HTTP atau (Hyper-text Transfer Protocol). Dengan menggu-nakan protocol ini sebuah halaman yang ada di dalam komputer jaringan dapat di buka dan di Akses.
2. Address : Merupakan alamat yang berkaitan dengan penaman sebuah com-puter di dalam jaringan. Alamat ini sebenarnya merupakan sebuah nomor yang dimiliki sebuah computer yang ser-ing di sebut dengan nomor IP, akan tetapi dengan adanya perkembangan za-man, maka di bentuklah metode baru yang bernama Domain Name, sehingga Nomor IP tersebut di gantikan den-gan sebuah alamat yang di namakan URL ( Uniform Resource Locator ) yang berkaitan dengan nama suatu in-stant pemilik computer tersebut, misal-nya: http://www.jak-stik.ac.id
3. HTML : selain dari kedua media terse-but masih memterse-butuhkan sebuah media
lagi yaitu HTML ( Hypertext Markup Language ) yaitu sebuah bahasa Script-ing yang dapat menghasilkan halaman web site sehingga halaman tersebut dapat di akses pada setiap komputer pengakses (client).
Gambar 1: Hubungan antar Protocol, Address dan HTML
Pada gambar-1 terlihat menggunakan ala-mat dengan adanya sub path direktori yang di tandai dengan (~), yaitu /~bun 10026/ meru-pakan alamat path direktori yang ada di dalam server. pada gambar-1, protocol di atas juga masih dapat dibagi menjadi beberapa bentuk lagi, yaitu:
1. http : Protocol yang di gunakan untuk mendapatkan informasi pada server www. 2. ftp : Protocol yang di gunakan untuk mendapatkan informasi pada server ftp. 3. le : Protocol yang di gunakan untuk
mendapatkan informasi pada sistem lo-cal.
4. Protocol : yang di gunakan untuk men-dapatkan link ke pelayanan email server. Misalnya : http://mail.yahoo.com 5. news : Protocol yang di gunakan
untuk mendapatkan link(hubungan) ke pelayanan newsgroup.
Unied Modeling Language(UML)
UML adalah suatu bahasa yang digunakan un-tuk memvisualisasikan, membangun dan men-dokumentasikan suatu sistem informasi [4]. UML dikembangkan sebagai suatu alat un-tuk analisis dan desain berorientasi objek oleh Grady Booch,Jim Rumbaugh, dan Ivar Jacob-son. Namun demikian UML dapat digunakan untuk memahami dan mendokumentasikan se-tiap sistem informasi..
Metode Penelitian
Untuk memperoleh data sebagai bahan penyusunan penulisan ini, dilakukan beberapa cara pengumpulan data dengan maksud untuk memperoleh keterangan dan penjelasan men-genai permasalahan yang ada. Metode yang dilakukan antara lain:
1. Analisis Kebutuhan Saat ini sudah ada website jakstik namun Informasi infor-masi kegiatan yang ada di website terse-but tidak focus kepada bidang kema-hasiswaan. Hal ini dikarenakan web-site tersebut menyajikan informasi yang menampilkan semua bidang yang ada di STMIK JAKARTA STI&K sehingga in-formasi yang di berikan bidang kema-hasiswaan menjadi terbatas. Keadaan ini diperparah karena tidak ada admin khusus untuk menanggani sub-domain website kemahasiswaan tersebut. Dengan keterbatasan admin yang harus mengu-pload semua data satu persatu kedalam website. Hal ini menyebabkan adanya penumpukan data yang berakibat ter-hambatnya informasi.
2. Perancangan Web Dalam perancan-gan website kemahasiswaan ini maka penulis membuat struktur navigasi dan mendenisikan rancangan database melalui use case diagram, class diagram, diagram actity dan sequence diagram.
Struktur Navigasi
Pembuatan struktur navigasi pada website ini 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-masi antara lain Prol Bidang Kema-hasiswaan, Berita yang berisi tentang kegiatan, lomba dan seminar.
2. Area Member (Anggota Lembaga Kema-hasiswaan) : Digunakan bagi anggota lembaga kemahasiswaan yang telah melakukan registrasi dan login sekaligus dapat mengupload kegiatan terbaru. 3. Area Admin :Digunakan bagi admin
un-tuk mengatur data-data yang telah ada. Admin dapat menambah dan menghapus data-data yang ada pada database kema-hasiswaan
Gambar 2: Struktur Navigasi Admin
Use Case Diagram
Dalam membuat use case diagram website kemahasiswaan, maka use case diagram dibagi menjadi tiga bagian, yaitu: use case diagram admin, use case diagram member dan use case diagram user.
Gambar 3: Use Case Diagram Admin
33
Class Diagram
Dalam membuat class diagram website kema-hasiswaan, maka Class diagram dibagi menjadi tiga bagian, yaitu: class diagram admin, class diagram member dan class 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, deci-sion yang mungkin terjadi, dan bagaimana mereka berakhir. Activity diagram juga dapat menggambarkan proses paralel yang mungkin terjadi pada beberapa eksekusi.
Berikut adalah salah satu actity diagram yang ada dalam website kemahasiswaan:
Gambar 5: Diagram Acity Member
Sequance Diagram Situs
Dalam sequence diagram website kemaha-siswaan, maka sequence diagram di bagi men-jadi tiga yaitu sequence diagram admin, se-quence diagram diagram member dan sese-quence diagram user.
Gambar 6: Sequence Diagram data Member
Struktur Database
Dalam perancangan website kemahasiswaan ini penulis menggunakan database MySQL un-tuk menampung dan mengorganisasikan data-data yang digunakan [5]. Database yang digunakan di dalam website kemahasiswaan ini diberi nama kemahasiswaan. Database kemahasiswaan terdiri dari 12 (dua belas) tabel yaitu admin, tbmember, mhs, berita, tbukm, tbkegiatan, tbbeasiswapri, tbbea-siswaortu, tbbeasiswatmb, tbbeasiswaprnh, tbbeasiswastudi dan tbprolukm. Berikut adalah salah satu tabel yang ada di website kemahasiswaan serta detail atributnya.
Nama Tabel : berita.sql Primary key : id_berita Jumlah eld : 6
Hasil dan Pembahasan
Untuk mengetahui sejauh mana situs ini bek-erja dengan baik terhadap jaringan inter-net yang sebenarnya melakukan proses up-load situs ke penyedia layanan hosting da-pat dilakukan. Layanan hosting yang berba-yar atau gratis memiliki kelebihan masing-masing. Salah satu penyedia layanan host-ing gratis adalah www.000webhost.com yang memberikan layanan hosting gratis situs yang telah menjadi member. Tetapi layanan host-ing ini memiliki keterbatasan terhadap le-le yang di upload dan penggunaan script tertentu yang tidak diperbolehkan. Hal ini yang mem-buat fungsi-fungsi tertentu dalam situs yang in-gin di upload tidak bekerja dengan seharusnya pada jaringan internet yang sebenarnya. Prose-dur upload situs pada layanan hosting gratis www.000webhost.com adalah sebagai berikut : 1. Registrasi username dan password serta menentukan nama domain yang di-inginkan situs.
2. Setelah registrasi berhasil, lakukan login dengan memasukan username dan pass-word yang telah di registrasi.
3. Masuk ke bagian PhpMyAdmin untuk mengatur database sesuai situs yang dibuat. Untuk keamanan akan diminta username dan password tersendiri un-tuk 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 do-main yang telah didaftarkan pada proses registrasi.
Spesikasi 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-nakan oleh penulis dalam proses pembuatan website ini yaitu:
1. Processor N550 2. Memory DDR3 1GB 3. HDD 160 GB
4. Mouse 5. Printer
Sedangkan perangkat lunak yang digunakan adalah
1. Microsoft Windows XP 2. Microsoft Vi-sio 2003
2. XAMPP Version 1.7.3 (PHP 5.2.5, MySQL 5.0.51, Apache 2.0, phpMyAd-min 2.11.4)
3. Google Chrome
4. Macromedia Dreamweaver 8.0
Salah satu tampilan output pada website kema-hasiswaan yaitu:
Gambar 7: Tampilan output Beranda
35
Jurnal Ilmiah KOMPUTASI, Volume 12 Nomor : 2, Desember 2013 ISSN : 1412-9434
Simpulan
Untuk menyampaikan informasi khususnya ten-tang kemahasiswaan agar dapat diterima dan dimengerti banyak orang dapat dikatakan tidak cukup. Perkembangan teknologi informasi yang pesat menuntut adanya sarana penyam-paian informasi yang lebih baik. Dengan menggunakan media internet informasi ten-tang lembaga kemahasiswan yang disajikan, pat diperoleh tanpa terhalang jarak dan da-pat diakses oleh orang banyak tanpa mengenal batas waktu serta dapat meningkatkan kuali-tas. Oleh karena itu, informasi Kemahasiswaan melalui media internet perlu dikembangkan. Dengan adanya website mini lembaga kemaha-siswaan maka mahasiswa aktif (member) dapat mempromosikan KM atau UKM yang dapat memudahkan dalam memperkenalkan KM atau UKM member kepada mahasiswa agar dapat melakukan aktitas atau memaintenance web-site tersebut.
Pustaka
[1] Triwibowo,Aan.,2013.Pembuatan aplikasi e-commerce pusat oleh-oleh khas pacitan pada toko sari rasa pacitan. Indonesian Anonimjournal on networking and security, oktober, volume 2 No 4.
[2] Agus Mulyanto,Sistem Informasi Konsep dan Aplikasi, Pustaka Pelajar, Yogyakar-ta, 2009.
[3] Anonim, http://www.kamusbahasa indo-nesia.org, Jakarta, 2011.
[4] Adi Nugroho, Rekayasa Perangkat Lunak Menggunakan UML dan JAVA, Andi, Yo-gyakarta, 2009.
[5] Rahmat Priyanto, Belajar Sendiri Mengua-sai MySQL 5, Elex Media Komputindo, Ja-karta,2007.