Album dan Yahoo! Messenger Status.

dokumen-dokumen yang mirip
Universitas Bina Nusantara. Jurusan Sistem Informasi. Skripsi Sarjana Komputer. Semester Ganjil 2005 / 2006

MANUAL USER Website KLA

PANDUAN MANUAL JENTERPRISE

SITUS PEMBELAJARAN ELEKTRONIK MIKROSKIL

Berikut ini merpakan prosedur penggunaan pada pengunjung yang belum mendaftar : Gambar 1 Halaman Home pada Guest

[CMS Website Organisasi Kemahasiswaan FEB Unpad] Fakultas Ekonomi dan Bisnis Universitas Padjadjaran

CARA MEMBUAT BLOG MENGGUNAKAN WORDPRESS SECARA ONLINE

Manual Book Penggunaan CMS Website SMA Negeri 3 Cibinong (Untuk Administrator)

Petunjuk Pengembangan Course dalam Elearning berbasis Moodle

BAB III PERANCANGAN DAN PEMBUATAN SISTEM

PANDUAN PENGGUNAAN VCLASS PERSIAPAN MATERI BAGI PENGGUNA DOSEN

Layar Halaman Laporan Soal Guru

Tutorial Membuat Blog Menggunakan Layanan WORDPRESS

Gambar Halaman Pop Up Window Payment Detail/Transaction Detail

SITUS PEMBELAJARAN ELEKTRONIK MIKROSKIL

PANDUAN PENGGUNAAN VCLASS PERSIAPAN MATERI BAGI PENGGUNA DOSEN

MEMBUAT WEB DENGAN WEBNODE

E-commerce Development Berbasis Wordpress

MODUL ADMINISTRATOR WEBSITE SATUAN KERJA PERANGKAT DAERAH (SKPD) PEMERINTAH KABUPATEN KLUNGKUNG

Sehingga akan muncul window baru seperti ini :

Pengguna CMS Joomla Oleh: Herman Dwi Surjono, Ph.D.

User Manual Guide Salesman USER MANUAL GUIDE. Salesman. E-Learning PT. Suzuki Indomobil Sales E-Learning SIS Page 1 of 19

Aplikasi Document Imaging untuk PT. XYZ dapat diakses melalui web browser

CENTER for Monitoring and Learning Development

PANDUAN PENGGUNAAN VCLASS PERSIAPAN MATERI BAGI PENGGUNA DOSEN

User Guide to Create Competition

LAYANAN PERENCANAAN DAN PENJADWALAN PARIWISATA MASYARAKAT INDONESIA DENGAN KONSEP JEJARING SOSIAL BERBASIS WEB

PETUNJUK PENGGUNAAN E-LEARNING UNIVERSITAS KRISTEN MARANATHA. Divisi Web Administrasi

CARA PENGGUNAAN WEBSITE

Gambar 4.76 Tampilan admin home

USER MANUAL GUIDE. Training for Trainer

Daftar Isi. User Manual Website Universitas PGRI Adi Buana Surabaya

COURSE MANAGEMENT SYSTEM MOODLE. Pengisian Content CMS Moodle

Cara Upload Web Repositori Persampahan Indonesia. Setelah berhasil login, akan muncul halaman DASHBOARD, seperti berikut ini:

PANDUAN SITU [ MANAJEMEN WEBSITE ] MANAJEMEN BERITA MANAJEMEN AGENDA MANAJEMEN GALERY MANAJEMEN HALAMAN COSTUMIZE MENU PENGATURAN PRODI / JURUSAN

Manual Book Aplikasi Pendaftaran Ujian. Manual Book Aplikasi Pendaftaran Ujian

BAB III PERANCANGAN SISTEM

USER S GUIDE Content Management System (CMS)

Tutorial penggunaan CMS / Application By. Steph/IT/04/2010

Panduan E-Learning Untuk Dosen S2 S1 D-IV DIII

Panduan Mengelola Website Pribadi Mengelola WordPress

Cara penggunaaan Admin Catalog Database :

Tutorial Menggunakan webpraktis profil bisnis

PANDUAN ADMIN WEB BLOG PRIBADI MAHASISWA. Oleh: A. Fathurohman

Prosedur Penggunaan Aplikasi LMS

PANDUAN PENGGUNAAN. Joomla! Versi 1.5. Oleh: Anon Kuncoro Widigdo

Universitas Nadhlatul Ulama Surabaya USER GUIDE SISTEM INFORMASI MANAJEMEN AKADEMIK (UNUSA) MAHASISWA

SITUS PEMBELAJARAN ELEKTRONIK MIKROSKIL

SITUS PEMBELAJARAN ELEKTRONIK MIKROSKIL

LANGKAH LANGKAH PENGUNAAN KORPORAT

REFERENSI SINGKAT (STEP BY STEP TUTORIAL)

Untuk dapat memasuki aplikasi KUTAHU e-learning system anda Pertama-tama memasuki login. Login ini dimaksudkan untuk memasuki sistem aplikasi.

ELEARNING UNIVERSITAS PEMBANGUNAN NASIONAL VETERAN JAKARTA

MODUL PENGEMBANGAN WEBSITE UNIVERSITAS NEGERI YOGYAKARTA. (Web Fakultas, Program Pascasarjana, & Lembaga Versi Inggris)

DAFTAR ISI DAFTAR ISI... KATA PENGANTAR... PENDAHULUAN...

FAKULTAS TEKNIK UNIVERSITAS NEGERI YOGYAKARTA BAHAN AJAR TEKNOLOGI INFORMASI

Bab IV. Analisa Perancangan Desain

Pada Halaman ini user dapat mengganti password yang sudah ada dengan melakukan :

Panduan Singkat Kuliah Secara E-learning Dengan LMS Moodle. bagi Mahasiswa

Berikut ini adalah petunjuk pemakaian aplikasi basis data layanan online pada. Dimulai dengan halaman login.

PANDUAN PELATIHAN E LEARNING DASAR

1. Prosedur penggunaan aplikasi Gambar 1.1 Gambar Tampilan Layar Login

PETUNJUK TEKNIS PEMBUATAN WEBSITE SEKOLAH sch.co.id

PRAKTIKUM 10 REPORT LANJUTAN 72 C. TUGAS PENDAHULUAN Buat perancangan report untuk pegawai dan kerja seperti contoh dibawah ini : D. PERCOBAAN Buka da

Panduan Dasar Pengisian Konten Web

Petunjuk Penggunaan Moodle Bagi Pengajar

BAB IV IMPLEMENTASI DAN PENGUJIAN

PENDAHULUAN. Cara menggunakan menu

DAFTAR ISI... 2 PENDAHULUAN... 6 PERANGKAT YANG DIBUTUHKAN... 7 CARA MEMBUKA SITUS a. Aktivasi Akun Operator b. Login Akun Operator...

UB Virtual Learning. Selanjutnya akan dijelaskan langkah-langkah menggunakan UBVL : Gambar 1

KKN TEMATIK. Manual Book Website

Website Fakultas Pendidikan Ekonomi dan Bisnis (FPEB) Universitas Pendidikan Indonesia (

Petunjuk Penggunaan Portal Compro Compro Portal User Guide

TUTORIAL BLOG STAF UNIVERSITAS MUHAMMADIYAH SURAKARTA UMS Team IT & IT helpdesk Supported

BAB 4 IMPLEMENTASI DAN EVALUASI. Dalam mengimplementasikan sistem yang dijalankan, maka diperlukan beberapa

Bab IV. Mengisi Fitur Website Sekolah. A. Mengelola Agenda

BAB IV IMPLEMENTASI SISTEM

WEB BROWSER World Wide Web WWW SEARCH ENGINE Mesin pencari

Gambar 4.63 Halaman Jenis Download (buat baru) (Admin)

MODUL PELATIHAN ADMINISTRATOR PENGELOLAAN WEBSITE OPD KABUPATEN BADUNG MENGGUNAKAN CMS (CONTENT MANAGEMENT SYSTEM)

TUTORIAL PENGELOLAAN WEB PROFIL OPD

BAB III ANALISIS DAN PERANCANGAN

Petunjuk Singkat Penggunaan Moodle bagi Pengajar. Yudi Wibisono versi dokumen: 1.7 / 16 Agustus 2006

PANDUAN. SisPenA S/M. Untuk Sekolah. Sistem Informasi Penilaian Akreditasi Badan Akreditasi Nasional Sekolah / Madrasah

Link Nama digunakan untuk menuju halaman Data Absensi Siswa.

MODUL PENGEMBANGAN WEBSITE Fakultas BAHASA DAN SENI UNIVERSITAS NEGERI YOGYAKARTA

SITUS PEMBELAJARAN ELEKTRONIK MIKROSKIL

Daftar Isi Pendahuluan Tujuan ILearn Unand Kompetensi Situs ILearn Unand Edit Profil Pribadi... 4

Panduan Penggunaan Website Aceh

MODUL TUTORIAL WORDPRESS

Halaman Utama (Login)

BAB IV HASIL DAN ANALISIS

Gambar 4.84 Layar Tambah Buku. Layar ini menampilkan download materi pokok, dan memberikan

Storyboard. Username: user1. Password : ****** Login

USER MANUAL SUB PORTAL PUBLIK BUMN

HOW TO USE : Cara menjalankan program

SISTEM INFORMASI KEPEGAWAIAN DEPARTEMEN PENDIDIKAN NASIONAL DOSEN

Gambar 4.32 Tampilan Layar Inquiries. Pada halaman ini, terdapat pertanyaan yang ditanyakan oleh user beserta jawaban dari

PETUNJUK PENGGUNAAN SISTEM INFORMASI KURIKULUM 2013

Bu k u Ma n u a l Web Si t e SK PD Pem er i n t a h K a b u pa t en Ma l a n g

Transkripsi:

100 Modul dapat dipilih melalui menu yang terletak pada bagian kanan atas halaman web. Berikut ialah modul yang terdapat dalam aplikasi BeeSisfo CMS yaitu modul Profile, Portfolio, Guest Book, Information Media, Schedule, Discussion, Link, RSS Feeds, Photo Album dan Yahoo! Messenger Status. Gambar 4.25 Jenis Modul Dalam menambah modul terdapat juga pilihan title dan align. Title ialah tulisan yang akan dijadikan header text untuk modul tersebut sedangkan align digunakan untuk mengatur alignment dari content modul yang dipilih. Jika dipilih left maka alignment dari content modul tersebut akan rata kiri, jika dipilih center maka alignment dari content modul tersebut akan rata tengah dan jika dipilih right maka alignment dari content modul tersebut akan rata kanan.

101 Gambar 4.26 Jenis Alignment Untuk meletakkan modul tersebut pada pane yang tersedia, maka pilih nama pane yang tersedia yaitu Top Pane, Left Pane, Content Pane, Right Pane atau Bottom Pane. Setelah itu pilih tombol add. Gambar 4.27 Pilihan Pane Setelah itu maka modul yang dipilih akan langsung ditampatkan pada pane yang dipilih. Contohnya ialah jika memilih modul Profile dan diletakkan dalam content pane, maka akan tampak seperti gambar berikut.

102 Gambar 4.28 Peletakan Modul Modul yang telah diletakkan dalam pane secara umum modul memiliki struktur dasar seperti ditunjukkan gambar berikut. Pada bagian kiri atas terdapat menu untuk melakukan pengaturan. Pada bagian kiri bawah modul terdapat link untuk mengisi atau menambah content modul. Sedangkan pada bagian kanan bawah terdapat link untuk menghapus modul tersebut beserta semua content yang ada. Gambar 4.29 Struktur Umum Modul

103 Pengaturan yang terdapat dalam modul adalah settings (untuk melakukan pengaturan sesuai masing-masing modul), edit (untuk mengubah content modul), delete untuk menghapus modul beserta seluruh content yang terdapat di dalamnya, serta move untuk mengatur letak modul dalam pane. Pengaturan ini terdapat pada sebelah kiri atas tiap modul yang sudah diletakkan dalam pane. Gambar 4.30 Pengaturan Modul ` Move Top ialah pilihan untuk memindahkan modul dalam posisi paling atas sebuah pane. Move Up ialah pilihan untuk memindahkan modul satu tingkat ke atas dalam sebuah pane. Misalnya modul yang dipilih ialah modul ketiga dari atas sebuah pane, maka modul tersebut akan berpindah posisi menjadi modul kedua pada pane tersebut, dan modul yang

104 pada awalnya terletak dalam posisi kedua dari atas akan turun satu tingkat ke bawah Move Down ialah pilihan untuk memindahkan modul satu tingkat ke bawah dalam sebuah pane. Misalnya modul yang dipilih ialah modul kedua dari atas sebuah pane, maka modul tersebut akan berpindah menjadi modul ketiga dari atas pada pane tersebut, dan modul yang pada awalnya terletak dalam posisi ketiga akan naik satu tingkat ke atas. Move Bottom ialah pilihan untuk memindahkan modul dalam posisi paling bawah sebuah pane. Move to Top Pane ialah pilihan untuk memindahkan modul ke top pane. Jika pada tope pane ini sudah ada modul lain, maka modul yang dipindahkan tersebut secara default akan berada di posisi paling bawah dari top pane. Sedangkan jika pada top pane belum terdapat modul maka modul yang dipindahkan tersebut akan berada pada posisi paling atas pada top pane. Move to Left Pane ialah pilihan untuk memindahkan modul ke left pane. Jika pada left pane ini sudah ada modul lain, maka modul yang dipindahkan tersebut secara default akan berada di posisi paling bawah pada left pane. Sedangkan jika pada left pane belum terdapat modul maka modul yang dipindahkan tersebut akan berada pada posisi paling atas pada left pane.

105 Move to Content Pane ialah pilihan untuk memindahkan modul ke content pane. Jika pada content pane ini sudah ada modul lain, maka modul yang dipindahkan tersebut secara default akan berada di posisi paling bawah pada content pane. Sedangkan jika pada content pane belum terdapat modul maka modul yang dipindahkan tersebut akan berada pada posisi paling atas pada content pane. Move to Right Pane ialah pilihan untuk memindahkan modul ke right pane. Jika pada right pane ini sudah ada modul lain, maka modul yang dipindahkan tersebut secara default akan berada di posisi paling bawah pada right pane. Sedangkan jika pada right pane belum terdapat modul maka modul yang dipindahkan tersebut akan berada pada posisi paling atas pada right pane. Move to Bottom Pane ialah pilihan untuk memindahkan modul ke bottom pane. Jika pada bottom pane ini sudah ada modul lain, maka modul yang dipindahkan tersebut secara default akan berada di posisi paling bawah pada bottom pane. Sedangkan jika pada bottom pane belum terdapat modul maka modul yang dipindahkan tersebut akan berada pada posisi paling atas pada bottom pane.

106 Berikut ini ialah penjelasan penggunaan tiap modul yang terdapat dalam BeeSisfo CMS : Profile Modul Profile ialah modul yang dapat digunakan untuk menampilkan informasi mengenai data pribadi dosen. Berikut ini adalah tampilan dari halaman edit profile. Gambar 4.31 Halaman Edit Profile Setelah mengisi data pribadi maka dapat dipilih tombol dan data pribadi akan disimpan. Setelah menginput data pribadi, dosen juga dapat menginput data mengenai pendidikan yang pernah dijalani, pengalaman kerja serta sertifikasi yang pernah diperoleh. Disamping itu dosen juga dapat memasukkan

107 data tambahan yang ingin ditampilkan dalam data pribadinya. Setelah pilih add maka data pendidikan akan disimpan Untuk menginput data pendidikan yang pernah dijalani, user menginput data tersebut pada bagian pendidikan. Gambar 4.32 Input Data Pendidikan Gambar 4.33 Data Pendidikan Lambang dapat dipilih jika ingin menghapus pendidikan tersebut sedangkan lambang dapat dipilih jika ingin mengedit pendidikan tersebut dan akan tampil halaman edit pendidikan. Gambar 4.34 Halaman Edit Pendidikan

108 sertifikasi. Demikian juga halnya dengan pengalaman dan Gambar 4.35 Input Data Pengalaman Gambar 4.36 Input Data Sertifikasi Gambar 4.37 Data Pengalaman Gambar 4.38 Data Sertifikasi Jika lambang dipilih maka pengalaman atau sertifikasi yang bersangkutan akan dihapus. Sedangkan jika lambang

109 dipilih maka akan muncul halaman edit pengalaman atau edit sertifikasi. Gambar 4.39 Halaman Edit Pengalaman Selain dari field yang disediakan BeeSisfo CMS secara default, dosen juga dapat memasukkan informasi tambahan yang ingin ditampilkan dalam halaman webnya, yaitu pada bagian Lain-lain. Gambar 4.40 Input Data Lain-lain Contoh tampilan data lain-lain yang telah diisi ditunjukkan oleh gambar berikut ini. Dimana penggunaannya sama dengan pendidikan, pengalaman, maupun sertifikasi. Pilihan digunakan untuk menghapus data yang bersangkutan dan pilihan digunakan untuk mengedit data lain-lain.

110 Gambar 4.41 Halaman Edit Lain-lain Setelah itu jika dipilih save maka akan kembali ke halaman design, data yang diinput langsung ditampilkan pada halaman design. Gambar 4.42 Tampilan Modul Profile

111 Portfolio Modul Portfolio ialah modul yang dapat digunakan untuk menampilkan informasi mengenai portfolio yang pernah dibuat atau dihasilkan. Berikut ini adalah tampilan dari halaman edit portfolio. Gambar 4.43 Halaman Edit Portfolio Dalam modul portfolio ini, user dapat mengupload file tentang portfolio tersebut beserta keterangan mengenai portfolio tersebut. Gambar 4.44 Upload file mengenai Portfolio

112 Modul Portfolio bisa diatur header text dan alignment dari contentnya, yaitu melalui menu settings pada bagian kiri atas modul, tampilan dari setting untuk modul portfolio adalah : Gambar 4.45 Setting Portfolio Jika modul portfolio sudah diisi dan disimpan maka akan langsung ditampilkan dalam halaman web. Gambar 4.46 Modul Portfolio

113 Guest Book Modul Guest Book adalah modul yang dapat digunakan untuk menampung pendapat dari pengunjung situs web pribadi dosen yang bersangkutan. Berikut adalah tampilan dari halaman edit guest book yang akan dilihat oleh pengunjung situs ketika memberikan kesan, pesan atau komentar terhadap situs web dosen. Gambar 4.47 Halaman Isi Guest Book User dapat melakukan pengaturan terhadap modul Guest Book, yang dapat diatur adalah header text yang akan ditampilkan sebagai header modul, align untuk mengatur alignment content modul serta number of view yang digunakan untuk mengatur banyaknya komentar yang ditampilkan dalam modul. Tampilannya adalah : Gambar 4.48 Setting Guest Book

114 Tampilan dari modul Guest Book adalah sebagai berikut : Gambar 4.49 Modul GuestBook Information Media Information Media adalah modul yang digunakan untuk menampilkan informasi yang diinginkan oleh dosen, dalam modul media informasi dosen dapat menampilkan subject dari informasi yang ditampilkan, penjelasan atau isi dari informasi, attachment file (jika ada) atau link (jika ada). Gambar 4.50 Halaman Edit Information Media

115 Dosen juga dapat melakukan pengaturan terahadap modul information media, tampilannya adalah, Gambar 4.51 Setting Modul Information Media Schedule Modul schedule adalah modul yang digunakan untuk menampilkan informasi mengenai jadwal atau kegiatan sehari-hari dosen, sehingga pengunjung situs mengetahui kapan waktu luang dimana dosen bisa ditemui. Gambar 4.52 Halaman Edit Schedule Tipe jadwal yang dapat dimasukkan oleh dosen ada 3 macam, tipe once only, daily atau weekly. Jika tipe jadwal adalah Once Only maka berarti jadwal kegiatan tersebut hanya berlaku untuk tanggal dan jam yang dipilih saja. Jika tipe jadwal adalah Daily

116 maka berarti jadwal kegiatan tersebut terjadi setiap hari pada jam yang telah ditentukan (jadwal rutin harian). Untuk pilihan tipe Weekly maka berarti jadwal kegiatan tersebut terjadi setiap hari yang sama setiap minggunya pada jam yang telah ditentukan (jadwal rutin mingguan). Gambar 4.53 Pilihan Tipe Schedule Modul schedule juga memiliki fasilitas pengaturan (setting) yang ditunjukkan oleh gambar berikut ini. Gambar 4.54 Setting Link Jika jadwal yang dimasukkan telah dipilih maka pengunjung situs atau dosen bisa melihat jadwal sesuai tanggal yang diinginkan, cara menggunakannya adalah dengan memilih tanggal yang ingin dilihat jadwalnya kemudian memilih. Tampilan modul

117 schedule yang sudah diisi jadwalnya pada halaman web adalah sebagai berikut.: Gambar 4.55 Modul Schedule Discussion Modul Discussion adalah modul yang digunakan untuk melakukan diskusi antara dosen dengan pengunjung situs web pribadinya. Jika user akan mengisi thread baru, maka user akan masuk ke halaman add thread. Gambar 4.56 Halaman Add Thread

118 Jika user ingin mengedit thread yang telah ada, maka user akan masuk ke halaman untuk mengedit thread. Dimana pada halaman ini dosen bisa mengedit atau menghapus thread. Gambar 4.57 Halaman Edit Thread Gambar 4.58 Halaman View Thread Gambar 4.59 Modul Discussion

119 Link Modul Link adalah modul yang digunakan untuk menampilkan link-link yang diinginkan oleh dosen. Yang dimasukkan dalam modul link adalah URL (Uniform Resource Locator) halaman web yang diinginkan, teks yang akan ditampilkan untuk mewakili link tersebut, selain itu bisa juga ditambahkan penjelasan mengenai isi dari link tersebut. Gambar 4.60 Halaman Edit Link Modul Link juga memiliki pengaturan seperti yang ditunjukkan gambar berikut : Gambar 4.61 Setting Link Jika link sudah diisi maka hasilnya akan terlihat pada halaman web seperti yang ditunjukkan gambar berikut :

120 Gambar 4.62 Modul Link RSS Feeds Modul RSS Feeds adalah modul yang digunakan untuk mengambil sebagian isi web lain untuk ditampilkan dalam halaman web pribadi dosen, dengan catatan situs yang isinya ingin ditampilkan memiliki RSS. Aplikasi BeeSisfo CMS juga menyediakan beberapa link RSS dari beberapa situs yang bisa digunakan dosen dalam halaman web pribadinya. Cara menggunakannya adalah dengan memilih menu setting pada bagian kiri atas modul dan dosen akan masuk ke halaman setting, pada halaman ini dosen dapat menentukan header teks untuk RSS tersebut dan link RSS yang ingin ditampilkan. Gambar 4.63 Halaman Setting RSS Dalam BeeSisfo CMS juga disediakan beberapa referensi alamat RSS yang dapat digunakan oleh dosen. Cara memilihnya

121 adalah dengan mengklik dan akan muncul window baru yang menampilkan daftar alamat RSS yang dapat digunakan. Dosen dapat memilih alamat RSS yang diinginkan dengan cara memblok dan menekan CTRL+C (Copy) kemudian menekan CTRL+V (Paste) pada kolom RSS Feed yaitu Tampilan dari window referensi RSS adalah sebagai berikut. Gambar 4.64 Window Referensi RSS Jika setting RSS telah disimpan maka modul RSS akan menampilkan sebagian informasi yang ada pada halaman situs web yang ditunjuk oleh RSS tersebut. Link yang terdapat dalam modul RSS Feed jika diklik akan membuka halaman web yang menampilkan informasi tersebut.

122 Gambar 4.65 Modul RSS Feeds Photo Album Modul Photo Album adalah modul yang digunakan untuk menampilkan foto, kumpulan foto tersebut dikumpulkan dalam modul Photo Album dan dosen dapat memilih foto yang akan ditampilkan pada halaman muka. Caption adalah tulisan atau teks yang akan diletakkan di bawah foto untuk menjelaskan atau memberikan keterangan singkat mengenai foto tersebut. Gambar 4.66 Halaman Pengisian Photo Album

123 Untuk memilih foto yang diinginkan maka foto tersebut harus diupload dengan memilih tombol, dan memilih dari media penyimpanan yang ada. Gambar 4.67 Upload Foto Photo Album juga memiliki fasilitas setting seperti modulmodul lainnya, halaman setting Photo Album ditunjukkan dengan gambar berikut ini : Gambar 4.68 Halaman Setting Photo Album

124 Photo Album memiliki halaman untuk melihat photo yang ada dan memilih salah satu foto yang ada sebagai default foto yang akan ditampilkan pada halaman web. Cara memilihnya adalah dengan menekan tombol yang ada di bawah gambar yang dikehendaki. Gambar 4.69 Halaman Edit Photo Album

125 Setelah foto selesai disimpan maka akan ditampilkan dalam halaman web seperti yang ditunjukkan dengan gambar berikut ini. Gambar 4.70 Modul Photo Album Yahoo! Messenger Status Modul Yahoo! Messenger Status adalah modul yang digunakan untuk menampilkan status Yahoo! messenger tertentu apakan sedang aktif atau tidak. Jika sedang aktif maka pengunjung situs web bisa langsung berkomunikasi dengan pemilik ID Yahoo! Messenger tersebut. Gambar 4.71 Halaman Edit Yahoo! Messenger Status

126 Modul ini juga memiliki fasilitas setting yang ditunjukkan dengan gambar berikut ini : Gambar 4.72 Halaman setting Yahoo! Messenger Status Setelah ID Yahoo! messenger disimpan maka modul ini akan menampilkan status aktif atau tidaknya ID Yahoo! messenger yang bersangkutan. Jika ID tersebut aktif (sedang online) maka icon yang terlihat adalah terlihat adalah, sedangkan jika tidak aktif (offline) maka icon yang. Jika ID yang bersangkutan sedang aktif maka pengunjung situs dapat langsung berkomunikasi dengan pemilik ID tersebut, caranya adalah dengan mengklik icon. Maka akan membuka aplikasi Yahoo! Messenger. Contohnya dapat dilihat pada gambar berikut ini. Gambar 4.73 Modul Yahoo! Messenger Status

127 Pada bagian atas halaman design terdapat menu-menu yang dapat diakses oleh dosen, menu yang terdapat dalam halaman design (home.aspx) ditunjukkan oleh gambar berikut ini : Gambar 4.74 Menu pada Halaman Design 4.6.3.2.2 Halaman Settings Halaman Settings (settings.aspx) digunakan untuk melakukan pengaturan halaman web seperti title halaman web, header image yang ingin digunakan, jenis huruf yang digunakan, warna huruf dan ukuran huruf yang digunakan. User dapat memilih theme untuk halaman webnya, sehingga tampilan dari semua modul, content dan latar belakang dari halaman webnya menjadi seragam sesuai dengan theme yang dipilih. Theme yang disediakan dalam aplikasi BeeSisfo CMS ada 6 Theme, yaitu Blue Theme, Red Theme, Gray Theme, Green Theme, Yellow Theme dan Binus Theme. Secara default theme yang digunakan adalah Binus Theme, namun user dapat menggantinya dengan memilih menu Theme. Setelah disimpan maka tampilan seluruh halaman web akan berubah mengikuti theme yang dipilih.

128 Gambar 4.75 Halaman Settings Berikut ini ialah contoh penggunaan halaman setting : Page Title ialah title yang ingin ditampilkan pada halaman web. Gambar 4.76 Title Halaman Web Page Description ialah deskripsi dari halaman web

129 Header Image ialah image yang ingin ditampilkan sebagai header halaman web, dosen dapat memilih image melalui window Choose File seperti berikut : Gambar 4.77 Window Choose File Contoh hasil penggunaan header image pada halaman web ialah : Gambar 4.78 Penggunaan Header Image

130 Disabled ialah pilihan untuk mengatur apakah halaman tersebut dapat diakses oleh pengunjung situs atau tidak. Font Face, Font Color dan Font Size digunakan untuk pengaturan huruf yang digunakan dalam seluruh modul pada halaman web. Font face ialah jenis huruf yang digunakan, font color ialah warna huruf yang digunakan. Sedangkan untuk font size terbagi menjadi 2 kategori yaitu header dan content. Ukuran header akan digunakan pada header setiap modul yang ada, sedangkan ukuran content akan digunakan untuk content dari setiap modul yang ada. Preview dari jenis ukuran, warna dan ukuran dapat langsunng dilihat. Setelah pengaturan selesai maka user dapat memilih tombol Save untuk menyimpan pengaturan yang telah dilakukan atau memilih tombol Cancel jika ingin membatalkan pengaturan. Selain itu juga terdapat pilihan untuk mengembalikan jenis huruf. Gambar 4.79 Pengaturan Font

131 4.6.3.2.3 Halaman Template Template adalah fasilitas yang disediakan aplikasi BeeSisfo CMS untuk memudahkan dosen dalam memilih format halaman webnya, dimana dalam beberapa contoh template yang disediakan sudah ada modul-modul dan beserta pengaturan letaknya, sehingga dosen hanya mengisi content modul saja. Dosen yang akan menggunakan template dapat memilih dari template yang disediakan, selain itu template yang dipilih juga bisa dilihat dahulu tampilannya sebelum digunakan sebagai template halaman web dosen yang bersangkutan. Jika seorang dosen telah memiliki modul pada halaman webnya sebelum memilih template dan kemudian memilih sebuah template, maka modul yang sebelumnya telah ada tidak hilang melainkan modul pada template akan ditambahkan pada halaman web yang telah memiliki modul tersebut dengan letak default modul pada pane berada paling bawah. Tampilan halaman pemilihan template adalah sebagai berikut : Gambar 4.80 Halaman Pilih Template

132 Jika dosen memilih salah satu template yang ada dan memilih preview maka akan terlihat contoh halaman dengan peletakan dan jenis modul sesuai template yang dipilih. Gambar 4.81 Halaman Setting Template

133 4.6.3.2.4 Halaman Preview Menu Preview adalah menu yang dapat digunakan untuk preview tampilan halaman web yang telah dihasilkan. Contohnya adalah : Gambar 4.82 Preview Halaman Web 4.6.3.2.5 Halaman Help Halaman help adalah halaman yang digunakan untuk membantu user dalam menggunakan aplikasi BeeSisfo CMS. Halaman ini menyediakan informasi tentang cara penggunaan BeeSisfo CMS yang dapat membantu dosen, admin atau supervisor dalam menggunakan aplikasi BeeSisfo CMS.

134 4.6.3.2.6 Menu Logout Menu ini adalah menu yang digunakan untuk logout atau keluar dari aplikasi dan kembali ke halaman login (home.aspx) 4.6.3.3 User Guide Admin Admin memiliki hak untuk mengakses aplikasi dengan fungsi pemeliharaan, yang termasuk ke dalam wewenang admin adalah user management dan template management. Berikut ini adalah tampilan dari halaman user yang rolenya sebagai admin. Dalam menambah user baru maka admin harus memasukkan username, nama user, password dan role. Dimana role terbagi menjadi 3 (dosen, admin atau supervisor). Semua field harus diisi agar data bisa disimpan. Jika data sudah disimpan maka akan tampil dalam table yang ada disampingnya. Gambar 4.83 Halaman Add User

135 Data User yang telah ada bisa diubah atau dihapus dengan memilih edit/delete, setelah itu maka akan muncul halaman untuk mengedit atau menghapus user yang bersangkutan. Gambar 4.84 Halaman Edit/Delete User Data user admin (dengan role sebagai admin secara default dari aplikasi) tidak bisa dihapus, namun hanya bisa diedit datanya, hal ini seperti yang ditunjukkan oleh gambar berikut. Gambar 4.85 Halaman Edit Admin Untuk melakukan reset password atau mengubah password ke passsword default maka admin dapat memilih reset, dan akan muncul halaman untuk mengubah password user yang bersangkutan menjadi password default.

136 Gambar 4.86 Halaman Reset Password Selain hak untuk melakukan user management, admin juga berperan dalam template management, dimana melalui template management ini admin bisa membuat template baru untuk dapat digunakan dosen dalam membuat halaman webnya. Tampilan dari halaman template management adalah sebagai berikut Gambar 4.87 Halaman Template Management Jika admin akan melakukan edit terhadap template maka admin memilih tombol atau jika admin akan menambah template baru maka admin menekan tombol, kemudian admin akan masuk ke halaman edit template. Dalam halaman edit template ini, admin dapat menambah,

137 mengatur posisi serta menghapus modul dalam pane tertentu (Top Pane, Left Pane, Content Pane, Right Pane atau Bottom Pane). Jika admin ingin mengatur posisi modul pada template tertentu maka admin dapat memilih nama template yang ingin diubah modulnya kemudian memilih nama modul yang ada dalam Pane yang diinginkan kemudian memilih button pengaturan letak. Jika memilih maka modul yang dipilih akan pindah ke bagian paling atas dari pane, jika memilih maka modul yang dipilih akan naik satu tingkat posisinya pada pane, jika memilih maka modul yang dipilih akan turun satu tingkat posisinya pada pane dan jika memilih maka modul yang dipilih akan pindah be bagian paling bawah dari pane yang dipilih. Berikut adalah tampilan dari halaman edit template Gambar 4.88 Halaman Edit Template

138 4.6.3.4 User Guide Supervisor Supervisor adalah user yang melakukan pengawasan terhadap content modul yang diisi oleh dosen, melakukan aktivasi user baru agar situs webnya bisa dilihat oleh pengunjungnya dan melakukan monitoring terhadap user (dosen) yang telah lama tidak mengupdate halaman webnya. Supervisor berhak melihat seluruh content modul dari dosen, setiap ada perubahan content modul maka datanya akan dicatat ke dalam history yang akan dilihat laporannya oleh supervisor. Jika supervisor menilai bahwa content modul tersebut tidak layak tampil (tidak sesuai dengan konteks yang ditentukan pihak supervisor) maka supervisor berhak menghapus content modul yang tidak sesuai tersebut. Caranya adalah dengan memilih status menjadi dan menekan tombol. Penyimpanan data dari persetujuan modul dilakukan setiap halaman dari tabel. Misalnya pada gambar berikut, dimana tabel yang aktif adalah tabel halaman 1, maka data yang disimpan persetujuan atau penolakannya adalah data pada tabel halaman 1.

139 Gambar 4.89 Modul Change Report Selain itu supervisor juga bisa melihat data user baru yang halaman webnya akan diaktivasi, hal ini bertujuan agar halaman webnya bisa dilihat oleh pengunjung situs webnya. Tampilannya dari report ini adalah: Gambar 4.90 Web Activation Report Supervisor bisa melihat report user yang sudah lama tidak melakukan update terhadap halaman webnya, berikut ini adalah tampilan dari User Monitoring Report

140 Gambar 4.91 User Monitoring Report 4.7 Evaluasi dari BeeSisfo CMS Setelah tahap perancangan selesai dibuat, maka dapat dievaluasi beberapa kemampuan BeeSisfo CMS yaitu : BeeSisfo CMS dapat membantu dosen untuk membuat serta mengelola content dari situs web pribadi dosen tanpa memerlukan kemampuan bahasa pemrograman web apapun. Dengan adanya modul-modul yang siap pakai, maka dosen dapat dengan mudah membuat situs web pribadinya sesuai dengan kebutuhan seorang dosen. Aplikasi ini memberikan kemudahan dalam melakukan perancangan halaman web melalui penyediaan theme dan template yang siap pakai. Dalam aplikasi ini terdapat pengontrolan terhadap content web, sehingga apa yang terdapat dalam situs web pribadi dosen ini layak untuk ditampilkan. Selain itu aplikasi ini juga dapat memonitor update terakhir dari web dosen, sehingga dapat diketahui dosen yang tidak mengupdate situ webnya untuk jangka waktu tertentu.