instalasi aura

52
Di sampaikan pada Bimbingan Pengelolaan Web Sekolah Kabupaten Sumenep 2007 Membangun Situs Pendidikan Membangun Situs Pendidikan Berbasis Aura CMS Berbasis Aura CMS PT Eklik Solusi Bisnis PT Eklik Solusi Bisnis Jl.Manyar Tirtoyoso Utara V/7 Surabaya, 60117

Upload: denisyes

Post on 11-Jun-2015

596 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: Instalasi Aura

Di sampaikan pada Bimbingan Pengelolaan Web Sekolah

Kabupaten Sumenep

2007

Membangun Situs Pendidikan Membangun Situs Pendidikan Berbasis Aura CMSBerbasis Aura CMS

PT Eklik Solusi BisnisPT Eklik Solusi BisnisJl.Manyar Tirtoyoso Utara V/7Surabaya, 60117

Page 2: Instalasi Aura

Bimbingan Mengelola Web Sekolah - Sumenep 2007 2

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.

Page 3: Instalasi Aura

Bimbingan Mengelola Web Sekolah - Sumenep 2007 3

Tujuan Pelatihan

Bisa menginstalasi Aura dan menjalankannya Melakukan pengaturan konten sesuai dengan

kebutuhan sekolah Bisa mengelola Back Office situs. Bisa Memodifikasi tampilan situs.

Page 4: Instalasi Aura

Bimbingan Mengelola Web Sekolah - Sumenep 2007 4

Hasil Pelatihan Yg DiharapkanSitus Sekolah Yang Siap Di Online

Page 5: Instalasi Aura

Bimbingan Mengelola Web Sekolah - Sumenep 2007 5

Apa Aura CMS ?

Aura CMS adalah Situs Web Dynamic yang dibuat oleh anak bangsa dan bersifat Free dan

OpensourceKeterangan tentang auracms bisa dilihat di

http://auracms.org

Page 6: Instalasi Aura

Bimbingan Mengelola Web Sekolah - Sumenep 2007 6

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

Page 7: Instalasi Aura

Bimbingan Mengelola Web Sekolah - Sumenep 2007 7

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.

Page 8: Instalasi Aura

Bimbingan Mengelola Web Sekolah - Sumenep 2007 8

web server

Untuk menjalankan AuraCMS dibutuhkan Webserver Apache

PHP EngineDatabase 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.

Page 9: Instalasi Aura

Bimbingan Mengelola Web Sekolah - Sumenep 2007 9

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

Page 10: Instalasi Aura

Bimbingan Mengelola Web Sekolah - Sumenep 2007 10

Instalasi server2go

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/

Install server2go amat gampang, tinggal ekstrak langsung pakai

Page 11: Instalasi Aura

Bimbingan Mengelola Web Sekolah - Sumenep 2007 11

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/http://localhost/phpmyadmin/

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

Page 12: Instalasi Aura

Bimbingan Mengelola Web Sekolah - Sumenep 2007 12

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

Page 13: Instalasi Aura

Bimbingan Mengelola Web Sekolah - Sumenep 2007 13

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

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

$email_master='[email protected]';$theme='Default';$judul_situs='Situs Sekolahku';$url_situs='http://sekolahku-smn.sch.id';$slogan = 'Maju Terus Pendidikan Indonesia';

Page 14: Instalasi Aura

Bimbingan Mengelola Web Sekolah - Sumenep 2007 14

Tampilan Awal Aura CMS

Page 15: Instalasi Aura

Bimbingan Mengelola Web Sekolah - Sumenep 2007 15

Bagian-bagian Aura CMS

Pengantar

HEADERHEADER

BlokNews/ Berita

Modul

Page 16: Instalasi Aura

Bimbingan Mengelola Web Sekolah - Sumenep 2007 16

Header

Header adalah bagian situs yang ada dibagian paling atas.Selain mengetengahkan Nama Situs, header bisasnya berisigambar-gambar

yang menggambarkan identitas situs.

Page 17: Instalasi Aura

Bimbingan Mengelola Web Sekolah - Sumenep 2007 17

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>

Page 18: Instalasi Aura

Bimbingan Mengelola Web Sekolah - Sumenep 2007 18

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.

Page 19: Instalasi Aura

Bimbingan Mengelola Web Sekolah - Sumenep 2007 19

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

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

Page 20: Instalasi Aura

Bimbingan Mengelola Web Sekolah - Sumenep 2007 20

Halaman Selamat Datang

Halaman selamat datang diambil dari page dengan id = 1

Page 21: Instalasi Aura

Bimbingan Mengelola Web Sekolah - Sumenep 2007 21

News

Adalah bagian situs yang berisi daftar berita terbaru

Page 22: Instalasi Aura

Bimbingan Mengelola Web Sekolah - Sumenep 2007 22

Rubrik

Rubrik adalah baris daftar berita (news)

Page 23: Instalasi Aura

Bimbingan Mengelola Web Sekolah - Sumenep 2007 23

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

Page 24: Instalasi Aura

Bimbingan Mengelola Web Sekolah - Sumenep 2007 24

Edit Admin

Digunakan untuk mengganti password administrator web

Page 25: Instalasi Aura

Bimbingan Mengelola Web Sekolah - Sumenep 2007 25

Menu Manager

Digunakan untuk membuat menu-menu dan memasukkannya ke dalam kotak menu

Page 26: Instalasi Aura

Bimbingan Mengelola Web Sekolah - Sumenep 2007 26

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.

Page 27: Instalasi Aura

Bimbingan Mengelola Web Sekolah - Sumenep 2007 27

Polling Manager

Digunakan untuk menset Polling. Hanya ada satu polling yang diizinkan.

Page 28: Instalasi Aura

Bimbingan Mengelola Web Sekolah - Sumenep 2007 28

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.

Page 29: Instalasi Aura

Bimbingan Mengelola Web Sekolah - Sumenep 2007 29

News Manager

Page 30: Instalasi Aura

Bimbingan Mengelola Web Sekolah - Sumenep 2007 30

Buku Tamu Manager

Page 31: Instalasi Aura

Bimbingan Mengelola Web Sekolah - Sumenep 2007 31

Blok Manager

Page 32: Instalasi Aura

Bimbingan Mengelola Web Sekolah - Sumenep 2007 32

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

Bisa berisi iklan, pengumuman penting, dan sebagainya.

Page 33: Instalasi Aura

Bimbingan Mengelola Web Sekolah - Sumenep 2007 33

Module ManagerModul adalah blok yang berisi program

Modul hanya bisa dibuat oleh orang yang mengerti pemrograman, tetapi bisa dipasang oleh sembarang orang

Page 34: Instalasi Aura

Bimbingan Mengelola Web Sekolah - Sumenep 2007 34

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 diperlukanUntuk pengguna htmlarea atau tinymce, sintak-sintak diatas tidak diperlukan.

Page 35: Instalasi Aura

Bimbingan Mengelola Web Sekolah - Sumenep 2007 35

Download Manager

File Manager

Page 36: Instalasi Aura

Bimbingan Mengelola Web Sekolah - Sumenep 2007 36

Weblink Manager

Weblink manager digunakan untuk mengelola weblink. Membuat kategori, dan link yang ada di bawahnya.

Page 37: Instalasi Aura

Bimbingan Mengelola Web Sekolah - Sumenep 2007 37

FORUM

Forum adalah bagian situs yang digunakan untuk melakukan diskusi

Page 38: Instalasi Aura

Bimbingan Mengelola Web Sekolah - Sumenep 2007 38

Perijinan forum dibagi tiga

1. Pengguna biasa : hanya bisa melihat2. Pengguna terdaftar : bisa mempost, dan menanggapi posting3. Admin : Bisa melakukan apa saja termasuk menghapus posting dan komentar

Page 39: Instalasi Aura

Bimbingan Mengelola Web Sekolah - Sumenep 2007 39

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

Page 40: Instalasi Aura

Bimbingan Mengelola Web Sekolah - Sumenep 2007 40

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

Page 41: Instalasi Aura

Bimbingan Mengelola Web Sekolah - Sumenep 2007 41

Modifikasi Top Menu

Theme : DefaultLokasi : 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>

Page 42: Instalasi Aura

Bimbingan Mengelola Web Sekolah - Sumenep 2007 42

Modifikasi Bottom MenuLetaknya 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>

Page 43: Instalasi Aura

Bimbingan Mengelola Web Sekolah - Sumenep 2007 43

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)

Page 44: Instalasi Aura

Bimbingan Mengelola Web Sekolah - Sumenep 2007 44

Memodifikasi CSS

CSS berguna untuk mengatur style situs. dan berbagai properti tampilan.

CSS pada theme Defaults ada di theme/Default/css/style.css

Page 45: Instalasi Aura

Bimbingan Mengelola Web Sekolah - Sumenep 2007 45

Mengganti Properti LinkLokasi : 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;}

Page 46: Instalasi Aura

Bimbingan Mengelola Web Sekolah - Sumenep 2007 46

Mengubah Warna Kotak

.bgcolor1{background-color: #FFFFFF;}

.bgcolor2{background-color: #FAFAFA;}

.bgcolor1{background-color: #FFFFFF;}

.bgcolor4{background-color: #D1D8EC;}

Garis Pinggir KotakJudul

.titleline{border: 1px #EC1510 solid;}

th { ....}

Page 47: Instalasi Aura

Bimbingan Mengelola Web Sekolah - Sumenep 2007 47

Memperbesar Tulisan Situs

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

Helvetica;}

Page 48: Instalasi Aura

Bimbingan Mengelola Web Sekolah - Sumenep 2007 48

CSS : Mengubah Kotak Berita

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

Page 49: Instalasi Aura

Bimbingan Mengelola Web Sekolah - Sumenep 2007 49

CSS : Mengubah Judul Berita

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

Page 50: Instalasi Aura

Bimbingan Mengelola Web Sekolah - Sumenep 2007 50

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

Page 51: Instalasi Aura

Bimbingan Mengelola Web Sekolah - Sumenep 2007 51

Pilih Database lalu Pilih menu Export

Page 52: Instalasi Aura

PT Eklik Solusi BisnisPT Eklik Solusi BisnisJl.Manyar Tirtoyoso Utara V/7Surabaya, 60117