Modul pelatihan-web-joomla
Upcoming SlideShare
Loading in...5
×
 

Modul pelatihan-web-joomla

on

  • 2,248 views

WEB JOMLA

WEB JOMLA

Statistics

Views

Total Views
2,248
Views on SlideShare
1,594
Embed Views
654

Actions

Likes
0
Downloads
93
Comments
0

23 Embeds 654

http://omenkgokile.blogspot.com 558
http://omenkgokile.blogspot.ru 28
http://omenkgokile.blogspot.com.br 14
http://omenkgokile.blogspot.in 10
http://translate.googleusercontent.com 8
http://omenkgokile.blogspot.co.uk 7
http://omenkgokile.blogspot.de 4
http://omenkgokile.blogspot.ca 4
http://omenkgokile.blogspot.kr 3
http://omenkgokile.blogspot.mx 2
http://omenkgokile.blogspot.com.ar 2
http://omenkgokile.blogspot.it 2
http://omenkgokile.blogspot.com.es 2
http://omenkgokile.blogspot.pt 1
http://omenkgokile.blogspot.jp 1
http://omenkgokile.blogspot.com.tr 1
http://omenkgokile.blogspot.co.il 1
http://www.tubebox.us 1
http://omenkgokile.blogspot.no 1
http://omenkgokile.blogspot.nl 1
http://omenkgokile.blogspot.com.au 1
http://omenkgokile.blogspot.ro 1
http://omenkgokile.blogspot.ie 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Modul pelatihan-web-joomla Modul pelatihan-web-joomla Document Transcript

  • Modul Pelatihan Pengembangan Website Sekolah berbasis Joomla 2011 I. Instalasi XAMPP di Windows Sebuah PC atau Laptop dapat kita jadikan sebagai web server. Disini akan dibahas installasiweb server dengan fasilitas Apache 2, PHP 5, dan MySQL 5 dengan menggunapak paket softwareXAMPP. Paket XAMPP ini merupakan satu paket installasi yang nantinyaakan menginstall Server Apache, PHP, dan MySQL. Paket ini dapat di download di http://www.apachefriends.org/en/xampp-windows.htmldengan mengikuti petunjuk yang ada pada situs tersebut. Setelah mendapatkan software XAMPPtersebut langsung saja Double klik atau jalankan klik kanan lalu klik Run.Double klik 1Universitas Negeri Semarang :: http://unnes.ac.id |Teknologi Pendidikan :: http://teknodik.unnes.ac.id
  • Modul Pelatihan Pengembangan Website Sekolah berbasis Joomla 2011Klik Next.Klik Next. 2Universitas Negeri Semarang :: http://unnes.ac.id |Teknologi Pendidikan :: http://teknodik.unnes.ac.id
  • Modul Pelatihan Pengembangan Website Sekolah berbasis Joomla 2011Pilih Install Apache as service dan Install MySQL as service, jika Filezilla ftp server ingin diinstall jugasebagai service pilih juga. Lalu klik Install.Setelah instalasi selesai, muncul message berikut : 3Universitas Negeri Semarang :: http://unnes.ac.id |Teknologi Pendidikan :: http://teknodik.unnes.ac.id
  • Modul Pelatihan Pengembangan Website Sekolah berbasis Joomla 2011Klik Finish, dan kemudian muncul message box berikut :Klik Ok.Klik Yes, jika ingin segera menjalankan XAMPP Control Panel.Instalasi XAMPP 1.6.6 selesai dilakukan.Tampilan XAMPP Control Panel. 4Universitas Negeri Semarang :: http://unnes.ac.id |Teknologi Pendidikan :: http://teknodik.unnes.ac.id
  • Modul Pelatihan Pengembangan Website Sekolah berbasis Joomla 2011Setingan pada kontrol panelnya cukup sederhana. Pada bagian Svc ada bagian yang tanpa centang,itu tandanya service dari Aplikasi belum terinstal pada windows. Agar Service terinstall padaWindows Services, klik pada bagian Svc.Untuk start/stop service tinggal klik pada tombol Start/Stop.Untuk mengetes apakah server yang kita buat berjalan dengan baik, silahkan Akses server denganmengetikkan http://localhost/Berikut tampilan web administrasi pada XAMPP. 5Universitas Negeri Semarang :: http://unnes.ac.id |Teknologi Pendidikan :: http://teknodik.unnes.ac.id
  • Modul Pelatihan Pengembangan Website Sekolah berbasis Joomla 2011 II. Installasi Joomla 1.5.xx Joomla 1.5 adalah salah satu proyek open source di bidang web developer.Turunan dari CMS Mambo ini telah menjadi sangat populer dan telah mendapatkanbeberapa penghargaan prestisius. Dalam artikel ini kita aakn membahas bagaimanamenginstalasi CMS Joomla ini. Namun sebelumnya, pada komputer anda harus terinstallsebuah web server virtual, yang disini kita menggunakan XAMPP.Proses Instalasi CMS Joomla 1.5Jika anda belum mempunyai package Joomla 1.5 maka anda dapat mendownloadnyaterlebih dahulu di website resmi joomla www.joomla.org1. Download Joomla_1.5.10-Stable-Full_Package.zip2. Buat folder di dalam folder www pada direktori XAMPP Server dengan namafolder menyesuaikan nama proyek. Sebagai contoh websekolah3. Ekstaksi file yang ada di dalam Joomla_1.5.10-Stable-Full_Package.zip kedalam direktori yang telah dibuat tersebut.4. Setelah proses ekstrak selesai langsung akses http://localhost/websekolah5. Kemudian akan muncul halaman pertama instalasi Joomla6. Pilih bahasa yang akan anda gunakan dalam pengembangan halaman web sekolah 6Universitas Negeri Semarang :: http://unnes.ac.id |Teknologi Pendidikan :: http://teknodik.unnes.ac.id
  • Modul Pelatihan Pengembangan Website Sekolah berbasis Joomla 20117. Selanjutnya adalah proses checking system & hardware support untuk instalasi Joomla. 7Universitas Negeri Semarang :: http://unnes.ac.id |Teknologi Pendidikan :: http://teknodik.unnes.ac.id
  • Modul Pelatihan Pengembangan Website Sekolah berbasis Joomla 20118. Setelah Pre-Installation Check selesai dilakukan, maka proses instalasi akan dilanjutkan ke LicenseAgreement 8Universitas Negeri Semarang :: http://unnes.ac.id |Teknologi Pendidikan :: http://teknodik.unnes.ac.id
  • Modul Pelatihan Pengembangan Website Sekolah berbasis Joomla 20119. Setelah license agreement disetujui, proses intalasi dilanjutkan ke konfigurasi Database10. Setelah proses pengkonfigurasian database selesai, maka instalasi akan dilanjutkan ke proseskonfigurasi File Transfer Protocol (FTP). Proses ini dapat langsung kita lewati jika kita tidakmengetahui konfigurasi FTP-nya 9Universitas Negeri Semarang :: http://unnes.ac.id |Teknologi Pendidikan :: http://teknodik.unnes.ac.id
  • Modul Pelatihan Pengembangan Website Sekolah berbasis Joomla 201111. Setelah proses konfigurasi FTP selesai, kita lanjutkan ke proses konfigurasi halaman web yangakan kita buat. 10Universitas Negeri Semarang :: http://unnes.ac.id |Teknologi Pendidikan :: http://teknodik.unnes.ac.id
  • Modul Pelatihan Pengembangan Website Sekolah berbasis Joomla 201112. Setelah proses konfigurasi halaman selesai, kita lanjutkan ke proses selanjutnya. Maka akanmuncul halaman seperti ini. 11Universitas Negeri Semarang :: http://unnes.ac.id |Teknologi Pendidikan :: http://teknodik.unnes.ac.id
  • Modul Pelatihan Pengembangan Website Sekolah berbasis Joomla 201113. Sebelum kita mem-preview halaman web kita atau masuk ke site administrator, ada peringatanuntuk menghapus folder instalasi pada package joomla yang telah diekstrak tadi. 12Universitas Negeri Semarang :: http://unnes.ac.id |Teknologi Pendidikan :: http://teknodik.unnes.ac.id
  • Modul Pelatihan Pengembangan Website Sekolah berbasis Joomla 201114. Setelah kita hapus folder instalasi pada folder proyek kita maka ketika kita mem-previewhalaman yang telah kita buat hasilnya adalah sebagai berikut. 13Universitas Negeri Semarang :: http://unnes.ac.id |Teknologi Pendidikan :: http://teknodik.unnes.ac.id
  • Modul Pelatihan Pengembangan Website Sekolah berbasis Joomla 201115. Jika kita masuk ke site administrator, maka kita akan dihadapkan pada halaman login (verifikasiuser). Masukkan username dan password. Halaman Administrator dapat diakses dihttp://localhost/websekolah/administrator/16. Setelah berhasil login, maka akan dihadapkan ke Joomla Control Panel seperti berikut. 14Universitas Negeri Semarang :: http://unnes.ac.id |Teknologi Pendidikan :: http://teknodik.unnes.ac.id
  • Modul Pelatihan Pengembangan Website Sekolah berbasis Joomla 201117. Pada tahap ini Anda telah berhasil melakukan installasi joomla. Dan Anda bisa bebas berkreasi. III. Konfigurasi Control Panel Joomla Setelah melewati halaman login, anda akan dibawa ke sebuah sistem control panel. Dari sinikita bisa mengatur keseluruhan isi dari Joomla yang kita buat. Ada berbagai menu yang bisa kitagunakan disini diantaranya site, menus, content, components, extensions, tools, dan help. a. Menu site digunakan untuk mengakses konfigurasi situs secara umum. b. Menus digunakan untuk mengatur menu-menu yang ada pada situs. c. Content digunakan untuk mengatur isi dari situs, baik itu section, category, maupun artikel- artikel di dalamnya. d. Menu components digunakan untuk mengatur komponen-komponen yang ada pada Joomla. Komponen ini bisa berupa komponen bawaan maupun hasil installasi kita. e. Menu extension berisi konfigurasi modul, template, plugin, serta bahasa. Modul-modul ini bisa ditambahkan atau dihapus melalui menu ini juga. 15Universitas Negeri Semarang :: http://unnes.ac.id |Teknologi Pendidikan :: http://teknodik.unnes.ac.id
  • Modul Pelatihan Pengembangan Website Sekolah berbasis Joomla 2011 1. Menu Sebagaimana dijelaskan pada awal bagian ini, menu yang dimaksud disini merupakan menu-menu yang nantinya akan muncul pada halaman website. Menu ini bisa diatur melalui menumanager dengan tamplan sebagai berikut. Disini kita bisa menambahkan menu, menghapus menu, serta mengatur item-item yangdimuat dari masing-masing menu. Item ini nantinya akan di list pada tampilan menu di website.Item ini dapat berupa link ke salah satu isi dari situs seperti artikel, berita, pencarian, pengguna, danlain-lain. Juga dapat berupa link ke situs-situs di luar website kita. Pemilihan tipe menu item yang akan kita buat merupakan langkah pertama yang dilakukan 16Universitas Negeri Semarang :: http://unnes.ac.id |Teknologi Pendidikan :: http://teknodik.unnes.ac.id
  • Modul Pelatihan Pengembangan Website Sekolah berbasis Joomla 2011untuk menambahkan menu item sebelum mengatur isi dari itemnya. Tampilannya dapat dilihatseperti gambar berikut. Setelah tipe menu item dipilih, kita akan dibawa ke halaman menu editor dimana kitadiminta mengisikan detail dari item suatu menu. - judul dari menu ini, - alias yang akan dimunculkan pada menu, - link tujuan dimana halaman akan berpindah bila menu ini di akses, serta lokasi item menu ini. Lokasi ini meliputi nama menu tempat item ini diletakkan, 17Universitas Negeri Semarang :: http://unnes.ac.id |Teknologi Pendidikan :: http://teknodik.unnes.ac.id
  • Modul Pelatihan Pengembangan Website Sekolah berbasis Joomla 2011 - level menu ini, apakah menu utama atau sub menu darimenu lain yang sudah ada juga urutan item ini dari item-item yang lain pada satu menu. - Selain itu kita juga perlu mengatur apakah menu ini dipublikasikan atau tidak, - juga akses level yang menunjukkan user level apakah yang bisa mengakses menu ini. Apakah publik bisa mengaksesnya, atau harus register dan login terlebih dahulu. - Pengaturan terakhir adalah bagaimana bila menu ini diakses, apakah dibuka pada halaman yang sama ataukah akan membuka halaman baru. Tampilan pengaturan detail menu itemnya adalah seperti gambar berikut. 18Universitas Negeri Semarang :: http://unnes.ac.id |Teknologi Pendidikan :: http://teknodik.unnes.ac.id
  • Modul Pelatihan Pengembangan Website Sekolah berbasis Joomla 2011 2. ContentDalam Joomla dikenal istilah section, category, dan article. Keseluruhan konten pada joomladikelompokkan dalam section-section. Pada setiap section ini dibagi lagi menjadi beberapa kategoriyang mengelompokkan artikel-artikel pada joomla. Artikel inilah nantinya yang akan menjadi kontenatau isi dari situs yang kita buat.Halaman depan section manager dan category manager dapat dilihat seperti pada gambar berikut. 19Universitas Negeri Semarang :: http://unnes.ac.id |Teknologi Pendidikan :: http://teknodik.unnes.ac.id
  • Modul Pelatihan Pengembangan Website Sekolah berbasis Joomla 2011 Melalui kedua halaman manajemen ini kita bisa menambahkan maupun menghapus sectiondan category dari artikel isi dari situs kita. Sedangkan artikel itu sendiri merupakan suatu isi darisitus. Dapat berupa gambar, tulisan, dan lain-lain sesuai dengan yang kita kehendaki. Pengaturan artikel dapat melalui article manager maupun pada halaman control paneldengan menekan tombol add new article. Perintah penambahan artikel baru akan membawa kita ke halaman editor artikel sepertitampak pada gambar berikut. 20Universitas Negeri Semarang :: http://unnes.ac.id |Teknologi Pendidikan :: http://teknodik.unnes.ac.id
  • Modul Pelatihan Pengembangan Website Sekolah berbasis Joomla 2011 3. Templates, Languages, Plugins Template merupakan tampilan dari suatu situs. Disini diatur posisi tiap-tiap menu sertaberbagai bentuk yang ada pada tampilan suatu situs. Bisa dibilang template merupakan komposisipengaturan susunan suatu situs. Template pada Joomla dapat dikonfigurasi melalui template manager. Disini kita bisamengatur template-template yang tersedia pada joomla. Kita bisa memilih template mana yangakan digunakan sebagai default, kita bisa juga mengubah isi dari template-template yang adasesuai dengan fitur yang disediakan template tersebut. Tampilan template manager dapat dilihatpada gambar berikut. 21Universitas Negeri Semarang :: http://unnes.ac.id |Teknologi Pendidikan :: http://teknodik.unnes.ac.id
  • Modul Pelatihan Pengembangan Website Sekolah berbasis Joomla 2011 Template hanya bisa ditambahkan maupun dihapus melalui menu install/uninstall.Install/Uninstall dapat diakses dari menu ekstension. Untuk menginstall cukup kita masukkan filehasil installasi kita pada halaman module manager bagian install. Sedangkan untuk menghapustemplate, pada extension manager ada menu template. Disana nantinya kita bisa melihat template-template yang ada dan dapat kita hapus. Perlu diketahui, template yang bisa dihapus hanyatemplate yang tidak sedang digunakan sebagai default. Tampilan extension managernya adalahsebagai berikut. Selain template, kita juga bisa menambahkan komponen, bahasa, dan lain-lain melaluiextension manager dengan cara yang sama. Komponen-komponen ini bisa kita download dariinternet di berbagai situs yang ada. 22Universitas Negeri Semarang :: http://unnes.ac.id |Teknologi Pendidikan :: http://teknodik.unnes.ac.id
  • Modul Pelatihan Pengembangan Website Sekolah berbasis Joomla 2011 4. Module Modul merupakan bagian dari Joomla yang dapat ditambahkan pada situs yang kita buat. Kitadapat mengatur modul-modul yang ada pada situs kita melalui modul manager. Tampilan modulmanager dapat kita lihat pada gambar berikut. Pada Modul Manager semua modul yang ada pada situs kita akan tampak sebagai list. Disinikita bisa mengatur posisi modul-modul tersebut, mengaktifkan dan menon-aktifkan sertamenghapus dan menambah modul baru. Setiap kali menambah modul baru, kita diminta memilihtipe modul tersebut. Tipe-tipe modul yang ada dapat dilihat pada gambar berikut 23Universitas Negeri Semarang :: http://unnes.ac.id |Teknologi Pendidikan :: http://teknodik.unnes.ac.id
  • Modul Pelatihan Pengembangan Website Sekolah berbasis Joomla 2011Tipe-tipe itu antara lain adalah:➢Archived Content : Daftar Konten yang tersimpan pada situs➢Banner : Banner atau iklan.➢Breadcrumbs : Lokasi pengunjung saat ini pada situs.➢Custom HTML : Modul dengan script yang bisa kita isi sendiri.➢Feed Display : Feeder untuk menampilkan membaca isi situs melalui situs lain maupun feedreader lain.➢Footer : Bagian bawah situs, biasa berisi copyright dan identitas pemilik serta pengembang situs.➢ImageSlideShow : Penampil gambar secara acak yang bergantian berupa slide dari satu gambarke gambar lain.➢Latest News : Berita terbaru pada situs.➢Login : Form login, lengkap dengan menu registrasi. 24Universitas Negeri Semarang :: http://unnes.ac.id |Teknologi Pendidikan :: http://teknodik.unnes.ac.id
  • Modul Pelatihan Pengembangan Website Sekolah berbasis Joomla 2011➢Menu : Menu baru.➢Most Read Content : Daftar konten atau isi situs yang paling sering dibaca.➢Newsflash : Tampilan satu kategori tertentu yang dijadikan sekilas info atau news flash padasitus.➢Poll : Pemilihan polling, serta menu untuk melihat hasilnya.➢Random Image : Penampilan gambar secara acak dari suatu folder yang ada pada situs. Berubahbila kita berpindah halaman.➢Related Articles : Artikel-artikel yang berhubungan.➢Search : Modul pencarian dari artikel yang ada pada situs.➢Sections : Menu section yang ada pada situs untuk melihat artikel apa saja yang ditulis padasection tersebut.➢Statistics : Statistik pengunjung situs.➢Syndicate : Konetifitas situs dengan situs-situs lain yang saling berhubungan.➢Whos Online : Daftar pengunjung yang sedang mengunjungi situs.➢Wrapper : Frame dari web atau situs lain yang hendak ditampilkan pada situs kita. 25Universitas Negeri Semarang :: http://unnes.ac.id |Teknologi Pendidikan :: http://teknodik.unnes.ac.id