Membangun Situs Pendidikan Berbasis Aura CMS

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.


3

Hasil Pelatihan Yg Diharapkan Situs Sekolah Yang Siap Di Online


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


5

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


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.


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.


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


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.


11



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


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


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.


16

Top Menu

Lokasi : themes/Default/header.php Home | About AuraCMS | Recommend | Contact Us


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. 


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


20

News

Adalah bagian situs yang berisi daftar berita terbaru


21

Rubrik

Rubrik adalah baris daftar berita (news)


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 


23

Edit Admin

Digunakan untuk mengganti password administrator web


24

Menu Manager

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


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.


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.


28

News Manager


29

Buku Tamu Manager


30

Blok Manager


31

Blok berisi gambar atau catatan yang akan ditampilkan di sidebar (kiri atau kanan) situs web Bisa berisi iklan, pengumuman penting, dan sebagainya.


32

Module Manager Modul adalah blok yang berisi program

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


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


35

Weblink Manager

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


36

FORUM Forum adalah bagian situs yang digunakan untuk melakukan diskusi


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


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


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


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)


43

Memodifikasi CSS

CSS berguna untuk mengatur style situs. dan berbagai properti tampilan. CSS pada theme Defaults ada di theme/Default/css/style.css


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; }


46

Memperbesar Tulisan Situs

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


47

CSS : Mengubah Kotak Berita

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


48

CSS : Mengubah Judul Berita

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


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


51

PT Eklik Solusi Bisnis

Jl.Manyar Tirtoyoso Utara V/7 Surabaya, 60117

Membangun Situs Pendidikan Berbasis Aura CMS

Recommend Documents