Instalasi Aura

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='[email protected]'; $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 Home | About AuraCMS | Recommend | Contact Us

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 Tulisan Image diambil dengan 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 : Home | About AuraCMS | Recommend | Contact Us Bimbingan Mengelola Web Sekolah - Sumenep 2007

41

Modifikasi Bottom Menu Letaknya di themes/defaults/footer.php Home | About AuraCMS | Album Photo | Recommend | Contact

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: #D1D8EC; }

th { ....}

.bgcolor1{ backgroundcolor: #FFFFFF; } .bgcolor1{ background-color: #FFFFFF; }

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

.bgcolor2{ background-color: #FAFAFA; }

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