PERANCANGAN DAN PEMBUATAN SITUS KEMAHASISWAAN STMIK JAKARTA STI&K DENGAN MENGGUNAKAN MACROMEDIA DREAMWEAVER 8.0,

Transkripsi

1

2 PERANCANGAN DAN PEMBUATAN SITUS KEMAHASISWAAN STMIK JAKARTA STI&K DENGAN MENGGUNAKAN MACROMEDIA DREAMWEAVER 8.0, PHP dan MYSQL. I. Pengantar Pesatnya perkembangan teknologi informasi dan komunikasi memungkinkan pengembangan layanan informasi yang lebih baik dalam suatu institusi pendidikan. 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. Pada kegiatan bidang kemahasiswaan tersebut maka disaajikan informasi bidang kemahasiswaan dalam bentuk website. Pembuatan struktur navigasi pada situs ini digunakan untuk menggambarkan secara garis besar isi dari seluruh situs dan bagaimana hubungan antara content tersebut. Struktur navigasi situs ini adalah struktur navigasi campuran. Dengan membuat struktur navigasi ini dapat memberikan petunjuk kepada user sebagai pedoman dalam mencari informasi yang ada dalam situs. Pembuatan struktur navigasi situs ini sangat membantu nantinya ketika akan membuat rancangan seluruh halaman situs. Dalam membuat situs kemahasiswaan, struktur navigasi dibagi menjadi tiga bagian, yaitu: a. Area Publik : Informasi yang ditampilkan dapat diakses secara umum baik yang menjadi member atau tidak. Sehingga pengunjung bisa melihat informasi antara lain Profil Bidang Kemahasiswaan dan Lembaga Kemahasiswaan yang ada di STMIK JAKARTA STI&K, Berita yang berisi tentang kegiatan, lomba dan seminar. b. Area Member (Anggota Lembaga Kemahasiswaan) : Digunakan bagi anggota lembaga kemahasiswaan yang telah melakukan registrasi dan login sekaligus dapat mengupload kegiatan terbaru. c. Area Admin : Digunakan bagi admin untuk mengatur data-data yang telah ada. Admin dapat menambah dan menghapus data-data yang ada pada database kemahasiswaan. II. Struktur Navigasi 2.1. Struktur Navigasi Admin -1-

3 Dalam membuat situs bidang kemahasiswaan ini dirancang struktur navigasi yang terbagi menjadi tiga bagian area, yaitu area publik, area member dan admin. Pada struktur navigasi admin ini digunakan oleh admin yang mengatur kinerja situs utama. Pada area ini admin harus login terlebih dahulu untuk dapat masuk ke area pengaturan situs. Admin dapat memasukkan berita yang terbaru tentang bidang kemahasiswaan serta dapat melakukan perubahan atau menghapus terhadap berita yang sebelumnya telah diinput. Selain itu admin juga dapat mengatur member yang mendaftar pada situs ini serta dapat melihat informasi member dan melakukan hapus member. Login Admin Member Berita Beasiswa Kegiatan Laporan LogOut Tambah Lihat Hapus Tambah Edit Lihat Hapus Lihat Hapus Lihat Hapus Gambar-1 : Struktur Navigasi Admin 2.2 Struktur Navigasi Member Pada area member dapat digunakan bagi member yang telah registrasi dan login. Member dapat mengedit profil dari website, membuat website mini lembaga kemahasiswaan yang informasinya terdiri dari profil lembaga kemahasiswaan dan kegiatan lembaga tersebut. Area member diutamakan untuk mahasiswa aktif yang hendak mempromosikan KM atau UKM member melalui fasilitas website mini yang memudahkan dalam memperkenalkan KM atau UKM member kepada mahasiswa agar dapat melakukan aktifitas atau maintenance website tersebut. -2-

4 Login Member Data Pribadi Ubah Password Kegiatan Profil UKM/KM Ubah Profil UKM/KM Logout Update Tambah Edit Hapus Lihat Simpan Hapus Ubah Gambar-2 : Struktur Navigasi Member 2.3 Struktur Navigasi User Pada area publik informasi yang ditampilkan dapat diakses secara umum baik yang menjadi member atau tidak. Sehingga pengunjung bisa melihat informasi seperti berita dari bidang kemahasiswaan terbaru, kegiatan lembaga kemahasiswaan hingga informasi beasiswa. Pendaftaran Beasiswa Form Beasiswa Visi & Misi Keterangan Profil Pengurusan Beasiswa Tugas Pembinaan mahasiswa Baru Penegakan Disiplin mhasiswa Lomba Berita Seminar Gallery Foto BPM LDK alhikmah PO Beranda KOMPUTIKA TUMORITIS BEM SJFC Lembaga Kemahasiswaan BOMBASTIK VOSTA Tae Kwon Do GITA PASUATIKA PALATIKA Kegiatan Lembaga Keterangan Lokasi kami Keterangan Login Member Gambar-3 Struktur Navigasi User III. Tampilan Output Situs Dalam Situs Kemahasiswaan, ditampilkan output dari halaman beranda, profil, berita, gallery, lembaga kemahasiswaan, lokasi hingga kegiatan UKM,KM. 3.1 Tampilan Output Halaman Beranda -3-

5 Gambar-4 Tampilan Output Beranda 3.2 Tampilan Output Halaman Profil Dalam halaman profil terdapat halaman Visi,misi dan Tugas Tampilan Output Halaman Visi Misi Gambar-5 Tampilan Output Halaman Visi Misi Tampilan Output Halaman Tugas Dalam Halaman terdapat submenu pengurusan beasiswa, pembinaan mahasiswa baru dan penegakkan disiplin mahsiswa Tampilan Output Halaman Pengurusan Beasiswa -4-

6 Gambar-6 Tampilan Output Pengurusan Beasiswa Tampilan Output Halaman Pembinaan Mahasiswa Baru Gambar-7 Tampilan Output Pembinaan Mahasiswa Baru Tampilan Output Halaman Penegakkan Disiplin Mahasiswa -5-

7 Gambar-8 Tampilan Output Penegakkan Disiplin Mahasiswa Tampilan Output Halaman Berita Dalam Halaman berita terdapat halaman lomba dan seminar Tampilan Output Halaman Lomba Gambar-9 Tampilan Output Halaman Lomba Tampilan Output Halaman Seminar -6-

8 Gambar-10 Tampilan Output Halaman Seminar Tampilan Output Halaman Gallery Gambar-11 Tampilan Output Halaman Gallery Tampilan Output Halaman Lembaga Kemahasiswaan -7-

9 Dalam Halaman BEM terdapat halaman LDK Al-Hikmah, PO, KOMPUTIKA, TUMORITIS, SJFC, BOMBASTIK, VOSTA dan Tae Kwon Do Tampilan Output Halaman BPM Gambar-12 Tampilan Output Halaman BPM Tampilan Output Halaman BEM -8-

10 Gambar -13 Tampilan HalamanOutput BEM Tampilan Output Halaman LDK Al Hikmah Gambar-14 Tampilan Halaman Output LDK Al-Hikmah Tampilan Output Halaman PO -9-

11 Gambar-15 Tampilan Halaman Output PO Tampilan Output Halaman KOMPUTIKA Gambar-16 Tampilan Halaman Output KOMPUTIKA Tampilan Output Halaman TUMORITIS -10-

12 Gambar-7 Tampilan Halaman Output TUMORITIS Tampilan Output Halaman SJFC Gambar-18 Tampilan Halaman Output SJFC -11-

13 Tampilan Output Halaman BOMBASTIK Gambar-19 Tampilan Halaman Output BOMBASTIK Tampilan Output Halaman VOSTA Gambar-20 Tampilan Output Halaman Output VOSTA -12-

14 Tampilan Output Halaman Tae Kwon Do Gambar- 21 Tampilan Halaman Output Tae Kwon Do Tampilan Output Halaman GITA PASUATIKA Gambar-22 Tampilan Halaman Output GITA PASUATIKA -13-

15 Tampilan Output Halaman PALATIKA Gambar- 23 Tampilan Halaman Output PALATIKA Tampilan Output Halaman Lokasi Gambar-24 Tampilan Output Halaman Lokasi -14-

16 3.2.4 Tampilan Output Halaman Kegiatan UKM,KM Gambar-25 Tampilan Output Halaman Kegiatan UKM/KM Tampilan Output Halaman Member Dalam Halaman Member terdapat button link data pribadi, button link ubah password,button link kegiatan, button link profil UKM/KM, button link ubah profil UKM/KM, dan button link logout Tampilan Output Halaman Data Pribadi -15-

17 Gambar-26 Tampilan Output Halaman Data Pribadi Tampilan Output Halaman Ubah Password Gambar-27 Tampilan Output Halaman Ubah Password Tampilan Output Halaman Kegiatan Gambar-28 Tampilan Output Halaman Kegiatan -16-

18 Tampilan Output Halaman Profil UKM/KM Gambar-29 Tampilan Output Halaman Profil UKM/KM Tampilan Output Halaman Ubah Profil UKM/KM Gambar-30 Tampilan Output Halaman Ubah Profil UKM/KM -17-

19 3.2.6 Output Halaman Admin Untuk masuk kedalam halaman admin maka admin harus login terlebih dahulu,dalam halaman admin terdapat button link member, button link berita, button link beasiswa, button link kegiatan, button link laporan dan button link logout Tampilan Output Login Admin Gambar-31 Tampilan Output Halaman login admin Tampilan Output Halaman Member Gambar-32 Tampilan Output Halaman Member Tampilan Output Halaman Berita -18-

20 Gambar-33 Tampilan Output Halaman Berita Tampilan Output Halaman Beasiswa Gambar-34 Tampilan Output Halaman Beasiswa Tampilan Output Halaman Kegiatan -19-

21 Gambar-35 Tampilan Output Halaman Kegiatan Tampilan Output Halaman Laporan -20-

22 Gambar-36 Tampilan Output Halaman laporan. IV. Prosedur dan Menjalankan Untuk mengetahui sejauh mana situs ini bekerja dengan baik terhadap jaringan internet yang sebenarnya melakukan proses upload situs ke penyedia layanan hosting dapat dilakukan. Layanan hosting yang berbayar atau gratis memiliki kelebihan masing-masing. Salah satu penyedia layanan hosting gratis adalah yang memberikan layanan hosting gratis situs yang telah menjadi member. Tetapi layanan hosting ini memiliki keterbatasan terhadap file-file yang di upload dan penggunaan script tertentu yang tidak diperbolehkan. Hal ini yang membuat fungsi-fungsi tertentu dalam situs yang ingin di upload tidak bekerja dengan seharusnya pada jaringan internet yang sebenarnya. Prosedur upload situs pada layanan hosting gratis adalah sebagai berikut : 1. Registrasi username dan password serta menentukan nama domain yang diinginkan situs. 2. Setelah registrasi berhasil, lakukan login dengan memasukan username dan password yang telah di registrasi. 3. Masuk ke bagian PhpMyAdmin untuk mengatur database sesuai situs yang dibuat. 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 file situs. Lakukan proses upload file situs yang telah dibuat dari mulai file script, gambar atau video yang mendukung tampilan dari situs. 5. Untuk melihat hasil dari situs yang telah di upload ketikan pada browser nama domain yang telah didaftarkan pada proses registrasi. V. Penutup Ahirnya dengan penjelasan dari buku manual (manual book) ini diharapkan dapat memberikan pejelasan secara lebih rinci tentang pemanfaatan dan penggunaan situs bidang kemahasiswaan, STMIK Jakarta STI&K sehingga dapat menjadi panduan dalam menjalankan aplikasi kemahasiswaan ini. Terima kasih. -21-