Anda di halaman 1dari 52

Membangun Situs Pendidikan

Berbasis Aura CMS

Di sampaikan pada
Bimbingan Pengelolaan Web Sekolah
Kabupaten Sumenep

2007

PT Eklik Solusi Bisnis


Jl.Manyar Tirtoyoso Utara V/7
Surabaya, 60117
Manfaat Situs Web Bagi Sekolah

1. Memiliki wadah atau media guna menginformasikan profil, potensi, kegiatan,


dan berbagai keunggulan yang dimiliki sekolah kepada masyarakat umum

2. Memiliki media untuk menginformasikan berbagai pesan atau berita baik


untuk para staf pengajar, siswa maupun untuk para pengakses situs web
tersebut

3. Memiliki wadah untuk mengembangkan pustaka sumber belajar yang


berisikan berbagai materi / soal / artikel per bidang studi yang bermanfaat bagi
siswa.

4. Memiliki media komunikasi berupa : e-mail maupun forum yang dapat


digunakan untuk berdiskusi antara siswa, guru, dan sekolah.

5. Meningkatkan image sekolah di masyarakat umum.

Bimbingan Mengelola Web Sekolah - Sumenep 2007 2


Tujuan Pelatihan


Bisa menginstalasi Aura dan menjalankannya

Melakukan pengaturan konten sesuai dengan
kebutuhan sekolah

Bisa mengelola Back Office situs.

Bisa Memodifikasi tampilan situs.

Bimbingan Mengelola Web Sekolah - Sumenep 2007 3


Hasil Pelatihan Yg Diharapkan
Situs Sekolah Yang Siap Di Online

Bimbingan Mengelola Web Sekolah - Sumenep 2007 4


Apa Aura CMS ?

Aura CMS adalah Situs Web Dynamic yang


dibuat oleh anak bangsa dan bersifat Free dan
Opensource
Keterangan tentang auracms bisa dilihat di
http://auracms.org

Bimbingan Mengelola Web Sekolah - Sumenep 2007 5


Aura yang digunakan pada pelatihan ini adalah
aura yang telah dimodifikasi dengan harapan bisa
diimplementasikan oleh orang yang belum
mengenal teknologi web sebelumnya.

Bimbingan Mengelola Web Sekolah - Sumenep 2007 6


Level Modifikasi Aura

Pengguna -> Bisa melakukan manajemen
konten sebuah situs. Tidak ada syarat tertentu,
yang penting bisa mengoperasikan komputer.

Desainer -> Bisa membuat tampilan situs
sendiri. Syaratnya mengerti HTML, Sedikit
CSS, sedikit Photoshop, sedikit HTML.

Programmer -> Bisa membuat modul-modul
tambahan lainnya.

Bimbingan Mengelola Web Sekolah - Sumenep 2007 7


web server
Untuk menjalankan AuraCMS dibutuhkan
Webserver Apache
PHP Engine
Database MySQL

Namun jika kita tidak mengerti tentang semuai


itu tidak usah bingung. Gunakan server2go
(http://www.server2go-web.de/). Dengan
server2go semua itu akan dipaket menjadi satu
paket.

Bimbingan Mengelola Web Sekolah - Sumenep 2007 8


keunggulan server2go

* Free! No royalties
* Poor configuration
* Complete WAMPP Server
* Full featured webserver (based on apache)
* PHP 5.x support with many extensions installed (i.e. gd)
* Supports SQLite databases
* Running on all Windows Win 98 and newer
* Support for MySQL 5 Databases
* Supports many PHP extensions (GD-Lib, PDO...) by
default

Bimbingan Mengelola Web Sekolah - Sumenep 2007 9


Instalasi server2go

Install server2go amat gampang, tinggal


ekstrak langsung pakai

ambil server2go-modify.zip

Ekstrak misalnya di drive C sehingga pathnya
menjadi C:/server2go/

Untuk menjalankannya klik server2go.exe yang
ada dalamfolder server2go

Taruh semua file yang akan di jalankan ke
C:/server2go/htdocs/
Bimbingan Mengelola Web Sekolah - Sumenep 2007 10
Instalasi Aura CMS

Langkah 1 : Ambil Skrip auracms21-modify.zip
dan taruh di “document root”. htdocs pada
server2go

Langkah 2 : Exstrak di dengan nama yang
dikehendaki, misalnya sekolahku.

Langkah 3 : Buka “phpmyadmin” ->
http://localhost/phpmyadmin/

Langkah 4 : Buat database dengan nama yang
dikehendaki misalnya sekolahku.

Bimbingan Mengelola Web Sekolah - Sumenep 2007 11



Langkah 5 : Memasukkan data SQL dengan
nama auracms-modify.sql

Bimbingan Mengelola Web Sekolah - Sumenep 2007 12



Langkah 6 : Setting include/config.php
Konfigurasikan Database dan setting yang ada
di dalamnya

$mysql_user = 'usernamenya';
$mysql_password = 'passwordnya';
$mysql_database = 'sekolahku';
$mysql_host = 'localhost';

$email_master='achedy@yahoo.com';
$theme='Default';
$judul_situs='Situs Sekolahku';
$url_situs='http://sekolahku-smn.sch.id';
$slogan = 'Maju Terus Pendidikan Indonesia';

Bimbingan Mengelola Web Sekolah - Sumenep 2007 13


Tampilan Awal Aura CMS

Bimbingan Mengelola Web Sekolah - Sumenep 2007 14


Bagian-bagian Aura CMS
HEADER

Pengantar

Modul

News/ Berita
Blok
Bimbingan Mengelola Web Sekolah - Sumenep 2007 15
Header

Header adalah bagian situs yang ada dibagian paling atas.


Selain mengetengahkan Nama Situs, header bisasnya berisigambar-gambar
yang menggambarkan identitas situs.

Bimbingan Mengelola Web Sekolah - Sumenep 2007 16


Top Menu

Lokasi : themes/Default/header.php
<td width="75%" align="right">
<a href="index.php" title="AuraCMS v2.1"><b>Home</b></a> |
<a href="?pilih=hal&id=2" title="About AuraCMS"><b>About
AuraCMS</b></a> |
<a href="?pilih=recommend&mod=yes"
title="Recommend"><b>Recommend</b></a> |
<a href="?pilih=contact&mod=yes" title="Contact Us"><b>Contact
Us</b></a></td>

Bimbingan Mengelola Web Sekolah - Sumenep 2007 17


KotakMenu

Kotak Menu dibagi menjadi tiga :



Kotak Menu tetap, terdiri dari login, menu,dan
topik. Tidakbisa dipindah kecuali dengan
manual

Kotak Modul : Kotak yang berisiprogramdan
bisa dipindah ke kiri dan kekekanan

Kotak box. Kotak yang hanya berisi tulisan
informasi saja.

Bimbingan Mengelola Web Sekolah - Sumenep 2007 18


Kotak menu untuk login, menu, dan topik tidak
bisa dipindah secara otomatis.Namun dia bisa
dipindah secara manual.

Lokasinya di themes/Default/header.php
include "mod/login.php";
include "content/menu.php";
include "content/topikbox.php";

Bimbingan Mengelola Web Sekolah - Sumenep 2007 19


Halaman Selamat Datang

Halaman selamat datang diambil dari page dengan id = 1

Bimbingan Mengelola Web Sekolah - Sumenep 2007 20


News

Adalah bagian situs yang berisi daftar berita terbaru

Bimbingan Mengelola Web Sekolah - Sumenep 2007 21


Rubrik

Rubrik adalah baris daftar berita (news)

Bimbingan Mengelola Web Sekolah - Sumenep 2007 22


Back Office

Merupakan bagian belakang dari sebuah


situs, tempat konten sebuah situs dikelola.
Untuk masuk ke halaman ini diperlukan
password. Ada dua level pengguna di
Administrator dan User.

User hanya bisa mnegirimkan berita.

Admin bisa mempublish berita dan
melakukan pengelolaan web secara penuh

Bimbingan Mengelola Web Sekolah - Sumenep 2007 23


Edit Admin

Digunakan untuk mengganti password administrator web

Bimbingan Mengelola Web Sekolah - Sumenep 2007 24


Menu Manager

Digunakan untuk membuat menu-menu dan


memasukkannya ke dalam kotak menu

Bimbingan Mengelola Web Sekolah - Sumenep 2007 25


Pages Manager

Adalah modul yang berfungsi untuk mengelola halaman


web yang bersifat statik,atau jarang mengalami perubahan.
Halaman-halaman tersebut bisa langsung dibuatkan link
nya di kotak menu
Jangan menghapus ucapan selamat datang (record no 1),
namun edit saja, karena posting selamat datang nggak
bisa digantikan.
Bimbingan Mengelola Web Sekolah - Sumenep 2007 26
Polling Manager

Digunakan untuk menset Polling. Hanya ada satu polling yang


diizinkan.

Bimbingan Mengelola Web Sekolah - Sumenep 2007 27


Artikel Masuk

Setiap artikel yang di kirimoleh pengguna akan masuk ke


daftar artikel masuk.

Tugas Administrator adalah melakukan approve


(persetujuan) terhadap publikasi artikel. Administrator juga
bisa melakukan edit atau menghapus sendiri artikel yang
masuk.

Bimbingan Mengelola Web Sekolah - Sumenep 2007 28


News Manager

Bimbingan Mengelola Web Sekolah - Sumenep 2007 29


Buku Tamu Manager

Bimbingan Mengelola Web Sekolah - Sumenep 2007 30


Blok Manager

Bimbingan Mengelola Web Sekolah - Sumenep 2007 31


Blok berisi gambar atau catatan yang akan ditampilkan di
sidebar (kiri atau kanan) situs web

Bisa berisi iklan, pengumuman penting, dan sebagainya.

Bimbingan Mengelola Web Sekolah - Sumenep 2007 32


Module Manager
Modul adalah blok yang berisi program

Modul hanya bisa dibuat oleh orang yang mengerti


pemrograman, tetapi bisa dipasang oleh sembarang
orang

Bimbingan Mengelola Web Sekolah - Sumenep 2007 33


Files Manager

Digunakan untuk mengunggah (mengupload) file atau gambar.

File diambil dengan sintak <a href=”files/namafile.zip”>Tulisan </a>

Image diambil dengan <img src=”files/namafile.jpg” />

Untuk pengguna htmlarea atau tinymce, sintak-sintak diatas tidak diperlukan.


diperlukan
Bimbingan Mengelola Web Sekolah - Sumenep 2007 34
Download Manager

File Manager

Bimbingan Mengelola Web Sekolah - Sumenep 2007 35


Weblink Manager

Weblink manager digunakan untuk mengelola


weblink. Membuat kategori, dan link yang ada di
bawahnya.

Bimbingan Mengelola Web Sekolah - Sumenep 2007 36


FORUM
Forum adalah bagian situs yang digunakan untuk
melakukan diskusi

Bimbingan Mengelola Web Sekolah - Sumenep 2007 37


Perijinan forum dibagi tiga

1. Pengguna biasa : hanya bisa melihat


2. Pengguna terdaftar : bisa mempost, dan
menanggapi posting
3. Admin : Bisa melakukan apa saja termasuk
menghapus posting dan komentar

Bimbingan Mengelola Web Sekolah - Sumenep 2007 38


Memodifikasi Aura CMS

Kita bisa melakukan modifikasi Aura sesuai dengan keinginan kita.


Ada tiga level modifikasi yang bisa dilakukan dengan tinggat
pengetahuan modifikator yang bermacam-macam
1. Modifikasi Menu-Menu : bisa dilakukan oleh siapa saya yang
sudah mengetahui user manual (cara penggunaan) Aura.
2. Modifikasi Interface (Desain) : bisa dilakukan oleh orang yang
mengerti HTML, sedikit CSS, dan sedikit Photoshop.
3. Modifikasi Program : hanya bisa dilakukan oleh orang yang telah
mempelajari pemrograman PHP

Bimbingan Mengelola Web Sekolah - Sumenep 2007 39


Modifikasi Header

Theme : Default

Header dapat diubah dengan mengubah gambar


header yang ada di
themes/default/images/header.jpg

Gambar bisa dibuat dengan menggunakan editor


gambar seperti Adobe Photoshop

Bimbingan Mengelola Web Sekolah - Sumenep 2007 40


Modifikasi Top Menu
Theme : Default
Lokasi : themes/Default/header.php

SKRIP :

<a href="index.php" title="AuraCMS


v2.1"><b>Home</b></a> |
<a href="?pilih=hal&id=2" title="About AuraCMS"><b>About
AuraCMS</b></a> |
<a href="?pilih=recommend&mod=yes"
title="Recommend"><b>Recommend</b></a> |
<a href="?pilih=contact&mod=yes" title="Contact
Us"><b>Contact Us</b></a>
Bimbingan Mengelola Web Sekolah - Sumenep 2007 41
Modifikasi Bottom Menu
Letaknya di themes/defaults/footer.php
<a href="index.php" title="Home"><b>Home</b></a> |
<a href="?pilih=hal&id=2" title="About
AuraCMS"><b>About AuraCMS</b></a> | <a
href="?pilih=gallery&mod=yes" title="Album"><b>Album
Photo</b></a> | <a href="?pilih=recommend&mod=yes"
title="Recommend"><b>Recommend</b></a> | <a
href="?pilih=contact&mod=yes"
title="Contact"><b>Contact</b></a>

Bimbingan Mengelola Web Sekolah - Sumenep 2007 42


Modifikasi Footer

Lokasi : themes/Default/footer.php

Kita bisa melakukan editing terhadap kata-kata yang ada di


footer, namun kita tidak di perkenankan menghilangkan
copyright © Aura. Untuk menghilangkannya kita harus
membayar biaya sebesar (US$6.5 per website)

Bimbingan Mengelola Web Sekolah - Sumenep 2007 43


Memodifikasi CSS

CSS berguna untuk mengatur style situs. dan


berbagai properti tampilan.
CSS pada theme Defaults ada di
theme/Default/css/style.css

Bimbingan Mengelola Web Sekolah - Sumenep 2007 44


Mengganti Properti Link
Lokasi : themes/Default/css/style.css
a:link{
color: #2666B9; font-size: 11px; font-family: Verdana, Helvetica;
text-decoration:none;
}
a:active{
color: #2666B9; font-size: 11px; font-family: Verdana, Helvetica;
text-decoration:none;
}
a:visited{
color: #2666B9; font-size: 11px; font-family: Verdana, Helvetica;
text-decoration:none;
}
a:hover{
color: #FF5500; font-size: 11px; font-family: Verdana, Helvetica;
text-decoration:none;
}

Bimbingan Mengelola Web Sekolah - Sumenep 2007 45


Mengubah Warna Kotak
.bgcolor4{
background-color:
th { ....} #D1D8EC;
}

.bgcolor1{
background-
color: #FFFFFF;
}
.bgcolor1{
background-color:
#FFFFFF;
Garis Pinggir KotakJudul }
.bgcolor2{
background-color:
.titleline{ #FAFAFA;
border: 1px #EC1510 }
solid;
}
Bimbingan Mengelola Web Sekolah - Sumenep 2007 46
Memperbesar Tulisan Situs

font, td, p {
font-size: 11px; font-family: Verdana,
Helvetica;
}

Bimbingan Mengelola Web Sekolah - Sumenep 2007 47


CSS : Mengubah Kotak Berita

fieldset{
border: solid #2666B9 1px;
}

Bimbingan Mengelola Web Sekolah - Sumenep 2007 48


CSS : Mengubah Judul Berita

.judul{
font-family: Verdana, Helvetica; font-size: 18px;
color: #FF5500; font-weight: bold;
}

Bimbingan Mengelola Web Sekolah - Sumenep 2007 49


Backup Situs Web

Ada dua hal yang harus dibackup dalam aplikasi


berbasis web

1. Backup file : Dilakukan dengan mengkopi


seluruh file situs web

2. Backup Database dilakukan dengan bantuan


PHPMyAdmin

Bimbingan Mengelola Web Sekolah - Sumenep 2007 50


Pilih Database lalu Pilih menu Export

Bimbingan Mengelola Web Sekolah - Sumenep 2007 51


PT Eklik Solusi Bisnis
Jl.Manyar Tirtoyoso Utara V/7
Surabaya, 60117