Buku Panduan (Manual Book) : Situs Book...  MACROMEDIA DREAMWEAVER 8.0, PHP dan MYSQL. I....

download Buku Panduan (Manual Book) : Situs Book...  MACROMEDIA DREAMWEAVER 8.0, PHP dan MYSQL. I. Pengantar

of 22

  • date post

    06-Aug-2019
  • Category

    Documents

  • view

    216
  • download

    0

Embed Size (px)

Transcript of Buku Panduan (Manual Book) : Situs Book...  MACROMEDIA DREAMWEAVER 8.0, PHP dan MYSQL. I....

  • Buku Panduan (Manual Book) : Situs Bidang Kemahasiswaan STMIK JAKARTA STI&K

    -1-

    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

  • Buku Panduan (Manual Book) : Situs Bidang Kemahasiswaan STMIK JAKARTA STI&K

    -2-

    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 Kegiatan Beasiswa

    Tambah Lihat Hapus Tambah Edit Lihat Hapus Lihat Hapus Lihat Hapus

    Laporan LogOut

    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.

  • Buku Panduan (Manual Book) : Situs Bidang Kemahasiswaan STMIK JAKARTA STI&K

    -3-

    Login Member

    Data Pribadi Profil UKM/KM

    Update

    Kegiatan

    Tambah

    Ubah Password Ubah Profil UKM/KM Logout

    Edit Hapus Lihat Hapus UbahSimpan

    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.

    Beranda

    Profil

    Gallery

    Berita

    Visi & Misi

    Pendaftaran Beasiswa Form Beasiswa

    Keterangan

    Tugas

    Pengurusan

    Beasiswa

    Pembinaan

    mahasiswa Baru

    Penegakan

    Disiplin mhasiswa

    BEM

    GITA

    PASUATIKA

    PALATIKA

    PO

    TUMORITIS

    KOMPUTIKA

    SJFC

    VOSTA

    BOMBASTIK

    Tae Kwon Do

    Lomba

    Seminar

    Foto

    Lembaga

    Kemahasiswaan

    LDK

    alHikmah

    BPM

    Lokasi kami

    Login Member

    Keterangan

    Kegiatan Lembaga Keterangan

    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

  • Buku Panduan (Manual Book) : Situs Bidang Kemahasiswaan STMIK JAKARTA STI&K

    -4-

    Gambar-4 Tampilan Output Beranda

    3.2 Tampilan Output Halaman Profil

    Dalam halaman profil terdapat halaman Visi,misi dan Tugas.

    3.2.1 Tampilan Output Halaman Visi Misi

    Gambar-5 Tampilan Output Halaman Visi Misi

    3.2.2 Tampilan Output Halaman Tugas

    Dalam Halaman terdapat submenu pengurusan beasiswa,

    pembinaan mahasiswa baru dan penegakkan disiplin mahsiswa.

    3.2.2.1 Tampilan Output Halaman Pengurusan Beasiswa

  • Buku Panduan (Manual Book) : Situs Bidang Kemahasiswaan STMIK JAKARTA STI&K

    -5-

    Gambar-6 Tampilan Output Pengurusan Beasiswa

    3.2.2.2 Tampilan Output Halaman Pembinaan Mahasiswa

    Baru

    Gambar-7 Tampilan Output Pembinaan Mahasiswa Baru

    3.2.2.3 Tampilan Output Halaman Penegakkan Disiplin

    Mahasiswa

  • Buku Panduan (Manual Book) : Situs Bidang Kemahasiswaan STMIK JAKARTA STI&K

    -6-

    Gambar-8 Tampilan Output Penegakkan Disiplin Mahasiswa

    3.2.2.4 Tampilan Output Halaman Berita

    Dalam Halaman berita terdapat halaman lomba dan seminar.

    3.2.2.4.1 Tampilan Output Halaman Lomba

    Gambar-9 Tampilan Output Halaman Lomba

    3.2.2.4.2 Tampilan Output Halaman Seminar

  • Buku Panduan (Manual Book) : Situs Bidang Kemahasiswaan STMIK JAKARTA STI&K

    -7-

    Gambar-10 Tampilan Output Halaman Seminar

    3.2.2.5 Tampilan Output Halaman Gallery

    Gambar-11 Tampilan Output Halaman Gallery

    3.2.2.6 Tampilan Output Halaman Lembaga Kemahasiswaan

  • Buku Panduan (Manual Book) : Situs Bidang Kemahasiswaan STMIK JAKARTA STI&K

    -8-

    Dalam Halaman BEM terdapat halaman LDK Al-Hikmah, PO,

    KOMPUTIKA, TUMORITIS, SJFC, BOMBASTIK, VOSTA

    dan Tae Kwon Do.

    3.2.2.6.1 Tampilan Output Halaman BPM

    Gambar-12 Tampilan Output Halaman BPM

    3.2.2.6.2 Tampilan Output Halaman BEM

  • Buku Panduan (Manual Book) : Situs Bidang Kemahasiswaan STMIK JAKARTA STI&K

    -9-

    Gambar -13 Tampilan HalamanOutput BEM

    3.2.2.6.3 Tampilan Output Halaman LDK Al Hikmah

    Gambar-14 Tampilan Halaman Output LDK Al-Hikmah

    3.2.2.6.4 Tampilan Output Halaman PO

  • Buku Panduan (Manual Book) : Situs Bidang Kemahasiswaan STMIK JAKARTA STI&K

    -10-

    Gambar-15 Tampilan Halaman Output PO

    3.2.2.6.5 Tampilan Output Halaman KOMPUTIKA

    Gambar-16 Tampilan Halaman Output KOMPUTIKA

    3.2.2.6.6 Tampilan Output Halaman TUMORITIS

  • Buku Panduan (Manual Book) : Situs Bidang Kemahasiswaan STMIK JAKARTA STI&K

    -11-

    Gambar-7 Tampilan Halaman Output TUMORITIS

    3.2.2.6.7 Tampilan Output Halaman SJFC

    Gambar-18 Tampilan Halaman Output SJFC

  • Buku Panduan (Manual Book) : Situs Bidang Kemahasiswaan STMIK JAKARTA STI&K

    -12-

    3.2.2.6.8 Tampilan Output Halaman BOMBASTIK

    Gambar-19 Tampilan Halaman Output BOMBASTIK

    3.2.2.6.9 Tampilan Output Halaman VOSTA

    Gambar-20 Tampilan Output Halaman Output VOSTA

  • Buku Panduan (Manual Book) : Situs Bidang Kemahasiswaan STMIK JAKARTA STI&K

    -13-

    3.2.2.6.10 Tampilan Output Halaman Tae Kwon Do

    Gambar- 21 Tampilan Halaman Output Tae Kwon Do

    3.2.2.7 Tampilan Output Halaman GITA PASUATIKA

    Gambar-22 Tampilan Halaman Output GITA PASUATIKA

  • Buku Panduan (Manual Book) : Situs Bidang Kemahasiswaan STMIK JAKARTA STI&K

    -14-

    3.2.2.8 Tampilan Output Halaman PALATIKA

    Gambar- 23 Tampilan Halaman Output PALATIKA

    3.2.3 Tampilan Output Halaman Lokasi

    Gambar-24 Tampilan Output Halaman Lokasi

  • Buku Panduan (Manual Book) : Situs Bidang Kemahasiswaan STMIK JAKARTA STI&K

    -15-

    3.2.4 Tampilan Output Halaman Kegiatan UKM,KM

    Gambar-25 Tampilan Output Halaman Kegiatan UKM/KM

    3.2.5 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