Website Fakultas Pendidikan Ekonomi dan Bisnis (FPEB) Universitas Pendidikan Indonesia (http://fpeb.upi.edu)

KATA PENGANTAR Dalam memenuhi kebutuhan informasi profil, kegiatan dan informasi-informasi lainnya dari Fakultas Pendidikan Ekonomi dan Bisnis (FPEB), Universitas Pendidikan Indonesia (UPI) untuk kalangan civitas akademika pada khususnya dan untuk kalangan masyarakat pada umumnya, maka dibuatlah sebuah website yang berfungsi sebagai wadah untuk penyampaian informasi-informasi tersebut. Buku ini berisi tata cara melakukan administrasi data dan informasi yang akan ditampilkan di website FPEB (http://fpeb.upi.edu). Di dalam buku ini juga diberikan penjelasan mengenai konfigurasi user yang diberi authorisasi untuk melakukan administrasi data dan informasi website. Website FPEB ini mulai diimplementasikan pada bulan April 2012 dengan harapan seluruh kegiatan publikasi informasi dapat dilakukan dengan mudah dan cepat. Sehingga keberadaan website ini dapat menjadi sumber informasi yang sah dan terpercaya bagi siapa saja yang membutuhkan informasi tersebut. Sebuah sistem yang pada dasarnya buatan manusia tentu masih memiliki beberapa kekurangan dan ketidak sempurnaan, oleh karena itu diharapkan kritik dan saran yang membangun dari berbagai pihak, sehingga website FPEB akan terus berkembang. Bandung, Mei 2012

I. Authorisasi User Login Untuk melakukan administrasi data (tambah, edit, hapus) di website FPEB dibutuhkan hak akses (akun login) tertentu yag dibagi menjadi dua tipe, yaitu admin dan superadmin. Superadmin memiliki authorisasi untuk mengakses menu Manajemen User yang berfungsi untuk mengelola user-user yang bertipe admin, seperti menambah user baru, mengedit, mereset password, me-nonaktifkan dan menghapus user. User yang sedang login akan tampil di sudut kiri atas halaman administrator. Di sudut kanan atas juga terdapat link untuk menuju halaman front-end website, menu Settings digunakan untuk merubah nama, email dan password user yang sedang login, dan menu Logout untuk keluar dari authorisasi sistem (pastikan Anda klik menu ini saat keluar dari halaman administrator). Setiap kegiatan administrasi yang dilakukan oleh setiap user baik admin maupun superadmin akan tercatat di data log yang dapat di akses melalui menu Log, sehingga setiap kegiatan administrasi data dapat dipertanggung-jawabkan oleh masing-masing user. II. Struktur Menu Halaman Administrator Secara umum struktur menu halaman administrator disusun berdasarkan struktur menu dan sub menu yang ada di halaman front-end. Jadi untuk perubahan data pada halaman dari menu dan submenu tertentu pada front-end, dapat dilakukan melalui menu dan sub menu yang sama pada halaman administrator. Kecuali untuk halaman-halaman yang berisi informasi yang memiliki authorisasi di tingkat prodi (bukan di tingkat fakultas), seperti: Data Mahasiswa. Untuk konten yang tidak memiliki menu, halaman administrasinya disesuaikan dengan namanya. Misalkan konten link, halaman administrasinya ada di menu link administrator.

Contoh: Melakukan Perubahan pada halaman front-end: Akademik Kalender Akademik Dapat dilakukan melalui Akademik Kalender Akademik:

III. Menggunakan Text-Editor Aplikasi ini dilengkapi oleh text-editor yang hampir mirip fungsinya dengan tools-tools yang sering kita gunakan pada aplikasi desktop word precessing seperti Ms. Word. Beberapa menu yang menggunakan text-editor; Berita Fakultas, Profil, Fasilitas, dll. Berikut tips yang perlu diperhatikan ketika menggunakan text-editor: 1. Untuk menambah baris gunakan tombol Shift + Enter. 2. Untuk menambah paragraf gunakan tombol Enter. 3. Untuk keseragaman tulisan, ketika melakukan copy-paste text dari manapun, gunakan icon Paste as Plain Text, baru kemudian rapihkan kembali. 4. Jangan mengupload gambar dengan ukuran besar, walaupun bisa dikecilkan pada jendela Image Properties, namun hal ini akan mengakibatkan pembengkakan pada space hosting dan loading gambar menjadi lama. a. Memasukkan Gambar kedalam text-editor 1. Letakkan kursor pada tempat dimana gambar akan ditampilkan. 2. Klik icon pada toolbar text-editor. Maka akan muncul jendela Image Prperties berikut:

3. Jika gambar yang akan dimasukkan merupakan gambar dari website lain, masukkan alamat gambar tersebut pada field URL, kemudian klik OK. Jika tidak maka, klik Browse Server. 4. Akan muncul jendela File Manager berikut: Jendela File Manager ini menampilkan struktur direktori dan file yang digunakan oleh aplikasi ini. 5. Jika gambar yang akan di masukkan belum ada pada file manager tersebut, kita harus meng-upload nya terlebih dahulu. Dengan cara, klik tombol Browse, pilih file gambar yang akan di upload, kemudian klik tombol Upload. 6. Klik gambar yang akan dimasukkan, akan tampil:

Klik tombol Select, maka gambar tersebut akan tampil pada jendela Image Properties: 7. Pada Jendela ini kita dapat mengatur ukuran gambar (width & hight), border, jarak gambar dengan text (Hspace & VSpace), letak (Aligment). Sesuaikan dengan kebutuhan. Kemudian Klik OK. 8. Gambar sudah masuk kedalam text-area: dan jika akan diedit lagi, klik kanan gambarnya kemudian klik Image Properties.

b. Menambahkan link Cara menambahkan link pada text-editor pada dasarnya sama dengan menambahkan gambar. 1. Blok/sorot kata atau kalimat yang akan dijadikan link 2. Klik icon, akan muncul jendela link berikut: 3. Jika link yang akan dimasukkan merupakan link menuju halaman lain, maka masukkan alamat halaman tersebut pada field URL.

4. Jika link berupa link download (seperti contoh diatas), klik Browse Server dan akan muncul jendela File Manager berikut: 5. Jika file yang dimaksud belum ada, maka silahkan upload terlebih dahulu (caranya sama dengan upload gambar). Klik filenya kemudian klik tombol Select. Jendela File Manager akan hilang dan muncul kembali jendela Link nya dengan field URL yang sudah terisi. 6. Silahkan atur link sesuai keinginan, misalkan diinginkan target nya jika di klik muncul jendela baru, maka setting target ke New Windows / _blank. 7. Klik OK, dan link sudah berhasil di tambahkan. Untuk fungsi icon-icon lain pada toolbar text-editor, silahkan dicoba sendiri yah. IV. Administrasi Gambar Slide Header Website FPEB memiliki fitur untuk merubah gambar slide yang berada di header website, sehingga website terlihat lebih dinamis. Gambar slide header dibatasi hanya 5 gambar saja, supaya tidak memberatkan website pada saat di-load, jika ada lebih dari 5 gambar yang aktif, maka hanya akan ditampilkan 5 gambar terbaru. Syarat dan ketentuan: Supaya gambar terlihat menyatu dengan background, gambar harus sesuai dengan pola background yang dapat didownload melalui tombol Download Master Header PSD di bawah ini. Tipe gambar harus jpg, jpeg, atau png. Ukuran gambar harus width: 540px, height: 173px dengan besar maksimal 100KB. Halaman administrasi header dapat diakses melalui menu Home Header.

Download Pola Gambar Tombol Edit Tombol Hapus a. Menambah Gambar Slide Header Berikut cara menambah header web: 1. Pada kotak Tambah Header, klik Browse lalu pilih gambar header yang akan ditambahkan. 2. Klik radio-button Y/N untuk status header, apakah Aktif (ditampilkan) atau tidak. Klik tombol SIMPAN. b. Mengubah Gambar Header 1. Pilih gambar yang akan diubah, klik tombol pada kolom AKSI. Akan tampil halaman edit header berikut:

2. Klik Browse dan pilih gambar header baru, jika gambar tidak di ganti kosongkan saja. 3. Ubah status aktif Y atau N. 4. Klik Tombol UPDATE. c. Menghapus Gambar Header 1. Pilih gambar yang akan dihapus, klik tombol pada kolom AKSI. 2. Akan muncul pesan konfirmasi berikut: 3. Klik OK untuk menghapus gambar, klik Cancel untuk membatalkan perintah hapus. V. Administrasi Banner Banner terletak di halaman home pada front-end website, posisinya berada di atas photo galeri. Syarat dan ketentuan: Banner ini hanya bersifat temporeri, maksudnya hanya akan aktif pada periode tertentu. Periode ini diatur melalui halaman administrator. Banner yang diizinkan hanya file bertipe gambar (jpg, gif) dan flash (swf). Berapa pun ukuran gambar yang diupload akan di resize secara otomatis oleh sistem, namun sebaiknya ukuran gambar bertipe landscape, dengan width >= 740px. Untuk file swf harus berukuran w:740px, h:150px. Banner yang tampil diwebsite (front-end) hanya 1 saja. Jika tidak ada banner yang aktif, maka tentu saja tidak ada banner yang ditampilkan. Jika ada 2 atau lebih banner yang aktif, maka hanya akan ditampilkan 1 banner yang terakhir ditambahkan. Karena itu, sebaiknya atur periode aktif banner seefektif mungkin. Halaman administrasi banner dapat diakses melalui menu Home Banner.

Tombol Kalender Tombol Edit Tombol Hapus a. Menambah Banner 1. Isi field nama, field file harus diisi sesuai dengan ketentuan banner di atas. 2. Periode aktif diisi dengan tanggal awal banner aktif s/d tanggal berakhirnya masa aktif banner. Klik tombol untuk memunculkan jendela kalender, kemudian klik tanggal yang anda inginkan. 3. Klik SIMPAN 4. Jika proses tambah berhasil maka banner akan muncul pada tabel semua banner. b. Mengubah Banner 1. Pilih banner yang akan diubah, klik tombol pada kolom AKSI. Akan tampil halaman edit banner berikut: 2. Ubah data yang ingin diubah, kosongkan file jika tidak diubah. Klik UPDATE.

c. Menghapus Banner 1. Pilih Banner yang akan dihapus, klik tombol pada kolom AKSI. 2. Akan muncul pesan konfirmasi, klik OK untuk menghapus banner, klik Cancel untuk membatalkan perintah hapus. VI. Administrasi Album dan Foto Galeri Pada halaman front-end galeri ditampilkan di home dan http://fpeb.upi.edu/galeri.html yang bisa diakses melalui tombol semua galeri. 10 Foto yang ditampilkan pada halaman home diambil secara acak dari album-album yang aktif. Ketika Semua Galeri diklik maka akan muncul galeri foto yang ditampilkan per album (hanya album yang statusnya aktif):

Syarat dan ketentuan: Galeri foto per album, dapat diakses melalui menu Home Album Gleri dan semua foto dari semua Album dapat diakses melalui menu Home Foto Galeri File foto yang diizinkan hanya file bertipe gambar (jpg, gif). Berapa pun ukuran foto yang diupload akan di resize secara otomatis oleh sistem, namun sebaiknya ukuran gambar bertipe landscape, dengan width >= 600px. Jika Status Album tidak aktif, maka album dan foto-foto pada album tersebut tidak akan ditampilkan di front-end website. Cover Album bisa diambil dari salah satu foto yang ada pada album tersebut, jika tidak ada foto yang diset menjadi cover album, maka cover album diset secara otomatis oleh sistem dengan gambar berikut: a. Menambah Album dan Foto Untuk menambah foto galeri, dapat dilakukan melalui 2 cara. Jika menambah foto pada album baru, bisa melalui menu Home Album Galeri. Jika menambah foto pada album yang sudah ada, bisa melalui menu Home Foto Galeri dan pilih album yang ada. Pada kesempatan ini, akan dijelaskan cara menambah foto dengan terlebih dahulu menambahkan album nya. Misalkan kita akan menambahkan foto dengan nama Album Wisuda 2011. 1. Klik menu Home Album Galeri, akan tampil: 2. Pada Kotak Tambah Album, masukkan nama dan status album. Klik SIMPAN.

3. Album yang baru saja kita tambahkan, akan tampil pada tabel Semua Album : Tombol Ubah Album Tombol Hapus Album 4. Kenapa Cover album nya masih default..?? Ya, karena belum ada foto pada album tersebut. Mari kita tambahkan. 5. Klik Tombol pada kolom AKSI. Akan tampil: 6. Isi field-field yang mendeskripsikan foto yang akan ditambahkan. Ketentuan foto dapat dilihat di syarat dan ketentuan di atas. Pilihan Album hanya ada Wisuda 2011 (album yang baru kita tambahkan tadi), pilih Y pada field Cover Album, jika foto ini akan dijadikan cover Album. Kemudian klik SIMPAN.

7. Lihat Pada Kotak Semua Foto pada Album Wisuda 2011 (nama album sesuai dengan Album yang kita pilih sebelumnya), tampil foto yang kita tambahkan tadi: Tambahkan foto jika masih ada foto lain, dan untuk melihat hasilnya, lihat Semua Galeri pada halaman front-end (http://fpeb.upi.edu/galeri.html): Album Wisuda 2011 yang baru ditambahkan Klik albumnya untuk melihat foto-foto pada album tersebut. b. Mengubah Album 1. Klik menu Home Album Galeri. 2. Pilih Album yang akan diubah, klik tombol pada kolom AKSI. 3. Ubah isi field-field yang ingin diubah, klik tombol UPDATE. c. Menghapus Album 1. Klik menu Home Album Galeri. 2. Pilih Album yang akan dihapus, klik tombol pada kolom AKSI. 3. Akan muncul pesan konfirmasi, klik OK untuk menghapus Album, klik Cancel untuk membatalkan perintah hapus. Hati-hati, menghapus Album juga akan menghapus seluruh foto yang ada pada album tersebut.

d. Mengubah Foto Mengubah foto bisa dilakukan pada menu Home Foto Galeri atau melalui halaman per Album nya. Tombol Ubah Foto Tombol Hapus Foto 1. Pilih foto yang akan diubah, klik tombol pada foto tersebut, akan tampil: 2. Ubah nilai field2 yang ingin diubah, kosongkan field Foto jika foto tidak diubah. Mengubah cover album juga dapat dilakukan melalui cara ini dengan merubah nilai field Cover Album menjadi Y. Kemudian klik tombol UPDATE.

e. Menghapus Foto 1. Pilih foto yang akan dihapus, klik tombol. 2. Klik OK untuk melanjutkan proses hapus, klik Cancel untuk membatalkan. VII. Administrasi Berita Fakultas Website FPEB memiliki keterkaitan data dengan website Prodi, sehingga ada data-data tertentu yang berasal dari prodi dapat digunakan dan ditampilkan di website FPEB, seperti data berita ini. Berikut tampilan 10 berita dengan nomor urut terkecil yang ditampilkan di halaman home front-end website: Judul Nama Admin yang mempublikasi Berita Waktu publikasi/posting Link Arsip Berita Highlight Untuk melihat seluruh isi berita, klik selengkapnya atau judul berita dan untuk melihat semua berita yang aktif klik Arsip Berita yang berada di bawah list berita. Tampilan isi berita:

Berikut ini halaman adminstrasi berita fakultas yang dapat diakses melalui menu Home Berita Fakultas: Keterangan: Tombol TAMBAH BERITA FAKULTAS digunakan untuk membuka halaman untuk menambahkan berita fakultas. Tombol BERITA PROGRAM STUDI digunakan untuk membuka halaman berita-berita yang dipublish oleh admin program studi di website mereka masing-masing. Berita yang memiliki tombol pada kolom AKSI menandakan bahwa berita tersebut merupakan Berita Program Studi. Admin Fakultas tidak memiliki authorisasi untuk mengubah dan menghapus Berita Program Studi. Tombol digunakan untuk menghapus berita tersebut dari Berita Fakultas, namun tidak menghapus berita tersebut dari program studi. Tombol digunakan untuk merubah urutan tampilnya berita di halaman Home front-end website. Tombol dan digunakan untuk mengubah dan menghapus Berita Fakultas.

a. Menambah Berita Fakultas 1. Melalui menu Home, Berita Fakultas, klik Tombol TAMBAH BERITA FAKULTAS, akan tampil: 2. Isi Judul, Highlight, Isi Berita dan status berita (aktif/tidak). Dalam menulis isi berita melalui text-editor, sebaiknya Anda mengikuti tutorial menggunakan Text-Editor yang sudah dijelaskan di atas. 3. Untuk field No. Urut pada saat penambahan berita diisi otomatis oleh sistem dengan Nomor 1, karena diasumsikan berita terbaru idealnya berada di urutan pertama. Namun jika tidak, Anda bisa merubah nomor urut berita melalui cara merubah berita. 4. Klik tombol SIMPAN. b. Mengubah dan Menghapus Berita Fakultas Pada dasarnya cara mengubah dan menghapus Berita Fakultas sama dengan konten lainnya, jadi sepertinya tidak perlu dijelaskan secara rinci karena akan mengulang cara yang sama. Silahkan dicoba dan di-ulik sendiri yha, mudah kok.

VIII. Administrasi Profil (Visi Misi, Sejarah dan Struktur Organisasi) Karena cara mengubah visi misi, sejarah dan struktur organisasi ini sama dan cukup mudah, maka tutorialnya digabungkan. Semua submenu dari halaman yang akan diubah berada di bawah menu Profil. 1. Klik Submenu sesuai dengan halaman yang akan di ubah, maka akan tampil text-editor yang berisi konten dari halaman tersebut. Misalkan merubah visi-misi: 2. Lakukan perubahan sesuai keinginan, supaya lebih nyaman menggunakan text-editor nya silahkan baca kembali cara menggunakan text-editor. 3. Klik tombol UPDATE untuk menyimpan perubahan. IX. Administrasi Personalia, Karyawan dan Dosen Proses administrasi ketiganya hampir sama, hanya untuk personalia ada hubungan dengan master jabatan. Walaupun ada data personalia yang sama dengan data dosen, keduanya berdiri sendiri, dan tidak saling berhubungan. Untuk menu-menu dan modul lainnya, sepertinya tidak perlu dijelaskan secara rinci, karena proses administrasinya cukup simpel dan sama dengan tutorial-tutorial di atas. Dengan memahami beberapa tutorial di atas, kami harapkan Anda sudah mampu melakukan administrasi semua modul yang ada di website FPEB ini.

Jika Anda mengalami kesulitan, menemukan bugs dan error saat melakukan administrasi data website atau mengirimkan saran silakan hubungi: Nama : Deni Setiawan Email dan YM : awanxp_v2@yahoo.com HP : 085669604758 / 085367800123 Terima kasih