Kita tahu template joomla itu seperti template lainnya yang merupakan susunan html, tag-tag php dan css-nya. Jadi halaman web  joomla yang kita akses merupakan bagian-bagian inti yang menjadi satu kesatuan termasuk di dalamnya adalah template. Ilustrasinya seperti di bawah ini:

Semua bagian-bagian seperti modul komponen plugin di tampilkan bersaman pada template saat website yang kita buat di akses di internet :

Jadi kalau di lihat dari template frame work  pada suatu halaman website joomla ilustrasinya adalah sebagai berikut:

Nah dengan melihat ilustrasi ini mudah-mudahan bagi rekan yang ingin mengenal dan belajar template joomla semakin memahami dengan membaca tulisan konsep template dan bagian-bagiannya ini, Hal ini tentu sangat berguna saat kita akan merancang sebuah template untuk joomla.

Nah jika Anda telah mempunyai web yang dibangun dengan Joomla versi 1.0.XX dan berencana migrasi dengan Joomla 1.5 dapat dengan mudah kita memindahkan seluruh database dari joomla 1.0 ke 1.5, namun ada beberapa yang perlu di perhatikan diantaranya:
1. Template harus ganti
2. Modul/component yang sudah terinstal terutama dari pihak ketiga jika berhubungan dengan database tidak ikut serta.

Jadi sebelum melakukan migrasi pastikan Modul dan component yang sebelumnya telah terinstall, Anda cari juga versi 1.5 nya

Nah untuk cara migrasinya sangat mudah yaitu:
1. Instal component migratior pada joomla 1.0 donload componentnya silahkan Disini
2. Setelah donlot dan instal buka component tersebut kemudian pilih Create Migration SQL File.

3. Pilih Start Migrations

4. Pilih Donlot

5. Pilih Donlot lagi

Baik sampai di isni proses donlot data base sudah selesai.
Langkah selanjutnya adalah Anda tinggal menginstall Joomla versi 1.5.8. Proses instal Joomla tidak berbeda seperti pada joomla 1.0.XX yang perlu di perhatikan adalah Anda telah membuat databasenya.

Urutan Proses intstall dari langkah pertama sampai ke lima saya kira tidak ada masalah. Nah pada saat langkah ke 6 yang perlu di perhatikan adalah :

Nah jika berhasil maka akan keluar informasi migrasi telah berhasil. Proses selanjutnya pada saat diklik next adalah kembali ke Langkah 6 jadi Anda tinggal mengisi Nama situs, Alamat email dan password untuk Admin Joomla 1.5.8 selanjutnya Next Proses berhasil. Jangan lupa hapus folder installations.

Sekarang Anda tinggal berkreasi dengan joomla 1.5.8. Yang saya coba di atas adalah migrasi 1.0.15 ke 1.5.8 di localhost dengan webserver xampp, jika Anda lakukan di server luar prosessnya tidak berbeda dan berhasil juga dengan baik.

Struktur file template joomla standar terdiri dari beberapa file diantaranya :

1. CSS Folder
2. Images Folder
3. Index.php
4. Index. html
5. Template_thumbnail.png
6. TemplateDetails.xml

Struktur diatas hanyalah template yang standar, setiap template strukturnya akan berbeda tergatung si Empu/ pembuat template, apakah ada file javascriptnya atau lain sebagainya.

Nah mari kita coba kenali satu persatu file-file tersebut:

1. CSS folder ini merupakan tempat disimpannya file-file berextensen .css (Cascading style sheet) yaitu file-file yang fungsinya untuk mengatur tampilan atau wajah dari web kita. mulai dari lebar template, margin, font, warna, sampai ke pengaturan image baground yang akan di tampilkan di halaman web kita.



2. Image folder ini merupakan tempat disimpannya file gambar/image template kita. seperti file header, list, buton, baground dan sebagainya. formatnya ada yang jpg, png, gif dan lain sebagainya.



3. Index.php ini merupakan file utama template dimana di dalamnya merupakan program-program yang meramu semua komponen dan susunan modul-modul yang akan di tampilkan di halaman website kita. kayaknya perlu mengupas tersendiri tentang file index.php ini.
4. Index.html file ini tidak berisikan file apa alias kosong hal ini berfungsi jika ada yang mengakses langsung ke folder ini dan menggunakan file index.html maka file inilah yang akan dieksekusi. dan jika di lihat di browser maka tidak akan terlihat apa-apa. begitu juga dengan file yang sama yang berada dalam folder css dan image.
5. Template_thumnail.png ini hanyalah screen shoot dari template kita. File ini akan berfungsi saat kita akan memilih template mana yang akan di pake baik itu di menu beckend maupun frontend. kalau nama mungkin bisa lupa tapi kalau ngelihat gambarnya kita akan ingat..tampilan template-nya.
6. TemplateDetails.xml biasanya ini merupakan file tempat menyimpan instruksi-instruksi saat penginstallan juga berisikan info si pembuat tempalte yang akan tampil pada menu beckend. Dan file ini juga sebagai insttalernya template joomla kita.

Nah itu hanya sebatas file template setandar lain halnya jika File tersebut ada Javasriptnya maupun ada Flash biasanya file-file tersebut disimpan dalam folder sendiri-sendiri. Jika sudah mengerti minimal yang standar ini mudah-mudahan dalam mengedit template joomla akan lebih mudah dan cepat. Selamat berexperimen dan mengedit template joomla.

Baik kita tidak akan membahas terlalu jauh bagaimana itu Apache dan PHP ataupun Mysql, kita kembali ke Laptop maksud saya ke Webserver for Windows tadi.

Untuk bisa menjalankan Joomla atau CMS lainnya yang berbasiskan PHP, Mysql kita harus menginstal Apache sebagai webservernya, PHP untuk menjalankan script PHP Nya dan Mysql untuk databasenya selain itu kita perlu Phpmyadmin untuk mengelola database.

Kalau kita menginstall satu-satu report juga kita, namun jangan khawatir karena beberapa webserver yang sudah bundleingt dengan PHP, Mysql, Phpmyadmin dan lainya. Ada beberapa webserver for Windows yang kita bisa pakai untuk menjalankan CMS joomla dan lainnya di komputer yang berbasiskan Windows. Webserver for Widows yang bisa kita pakai diantaranya:

1. Xampp Download di  Sini
   
2. Msas Download di  Sini
   
3. Wamp Server Download di  Sini
   
4. Appserver Download di Sini
5. HP Triad Download di Sini
   
6. Abyss Web Server Download di Sini
7. Dan Webserver Lainnya

Baik saya tidak akan membahas semua webserver diatas, karena pada prinsipnya semua sama tinggal Anda suka yang mana. Saya akan bahas salah satunya saja yaitu Xampp yang menurut saya sudah lengkap juga.

Cara Install Xmapp di Windows

1. Download Xampp versi terakhir di sini
2. Setelah di download buka file Klik kanan lau Install (Proses install seperti biasanya saja)
3. Setelah Xampp di install pada Server anda jika anda tidak merubah setingan atau Depault maka Xampp akan terlihat di bawah Drive C : Komputer Anda

Seperti pada gambar dibawah ini:

Dan dapat dilihat subfolder yang terdapat pada Folder utama Xampp:

Secara depault Xampp akan menjalankan beberapa program sekaligus, dan untuk menjalankan joomla minimal 2 saja sudah cukup yaitu Apache dan Mysql dan bila anda akan menjalankan program lainnya silahkan saja anda berkreasi sendiri :

Baik sampai disini Webserver sudah bisa bekerja di Komputer anda yang berbasiskan Keluarga Jendela (Windows) untuk mengeceknya anda bisa mengetikan url berikut http://localhost pada Aplikasi Browser kesukaan Anda. Jika keluar Tampilan berikut maka Xampp anda sudah bisa anda mainkan.

Ok Menginstall Webserver sudah di lakukan, Sekarang tinggal menginstall Joomla pada webserver Xampp

Tunggu Postingan saya berikutnya Ok..

Untuk Cara Install Joomla di server Xampp (lokal ) Klik disini

Sebelum melangkah lebih jauh saya ingin jelaskan sedikit apa itu CMS sudah saya tulis di atas CMS adalah merupakan suatu aplikasi berbasis web yang memiliki system sedemikian rupa sehingga memberikan kemudahan kepada pemakainya.

Saya tidak ingin membandingkan antara CMS satu dengan yang lainnya yang jelas menurut saya diantara CMS itu pasti ada kelebihan dan kekurangannya. Jadi bagi kita yang ingin belajar saya kira satu saja sampai ngelotok alias bisa banget itu sudah bagus sekali…gaya kayak saya sudah Jago aza hi..hi…

Kembali ke Joomla mugkin di dalam Intentet sudah banyak sekali artikel mengenai Joomla, tapi gak apa2 saya akan menjabarkan tentang Joomla menurut caraku sendiri..toh ini blog milik aku selain sebagai diary buat aku, mungkin bagi yang memerlukan ini sangat berarti sekali siapa tahu gaya saya menuturkan mudah di pahami bagi sebagian rekan lain..ya gak..

Joomla mulai di perkenalkan awal tahun 2006 hasil karya para developer Mambo versi 4.5.3 sejak itulah Joomla mulai berkembang pesat, selain berbasis Open Source di bawah licency GPL . Joomla saat tulisan ini di tulis sudah mencapai Versi 1.0.15 selain versi 1.0 joomla juga telah merilis versi 1.5 yang kini telah mencapai versi 1.5.7.

Yang ingin saya belajar bersama di blog ini bareng anda yaitu versi 1.0.XX

Sebagai acuan untuk tulisan kedepannya saya akan mulai belajar bersama mengenai Joomla mulai dari:

1. Cara menginstal Joomla di server local berbasis Windows yang meliputi,

• Memilih Webserver for Windows
• Menginstall webserver

2. Menginstall Joomla di webserver local berbasis Windows

• Membuat data base dengan PHPMyadmin
• Install Joomla

3. Cara menginstal Joomla di public server dengan nama domain kita

• Install Joomla secara manual
• Instal Joomla memakai Fantastico

4. Tehnik -tehnik joomla lanjutan seperti

• Menginstall Modul, Component, Language, Mambot, plugin
• Teknik-teknik modifikasi
• Membuat Template sendiri
• Teknik memindahkan joomla dari satu server ke server lainnya
• Trial & Eror dan cara mengatasinya

Ok sampai ketemu di tulisan berikutnya..ya

Bagi rekan yang ingin mengotak-atik thema/ template wordpress yang berbasis PHP dan CSS tentu akan kesulitan mencari tag-tag mana yang akan dirubah. Selain harus menggunakan webserver local, untuk melihat hasilnya dengan bantuan extension baru dari adobe dreamweaver yang di beri nama Extension theme dreamer sedikitnya akan lebih memudahkan dalam mengedit sasaran yang akan di rubah.

Extension baru ini bisa menampilkan file index.php pada tab design Dreamweaver kita dengan warna sesuai kodenya pada style CSSnya, untuk mendapatkan extension baru Dreamweaver ini kita harus membayar , namun jangan khawatir untuk sekedar mencoba bagaimana mudahnya edit wordpress kita, kita bisa mendownload extension trialnya di sini. Oh ya untuk bisa mendownload filenya Anda harus registrasi dulu .

Ini saya coba tampilkan bagaimana mengedit tanpa theme dreamer dan menggunakan extension theme dreamer pada tampilan Design

Tanpa Extension	Dengan Extension

Jadi buat rekan yang baru kayak saya sepertinya akan memudahkan edit file Index WP anda, dan akan lebih cepat mengetahui struktur file PHP di WordPress. Selamat mencoba ya….

• Adobe Photoshop : Desain berbasis titik ( bitmap )
• Corel Draw : Desain berbasis vector
• Adobe Image Ready : Memotong gambar-gambar ke dalam format html
• Adobe Illustrator : Desain berbasis vector
• Adobe Freehand : Desain berbasis vector (Catatan Macromedia sudah diakuisisi oleh Adobe)

Efek Desain : Hal ini dilakukan untuk menghidupkan desain yang telah kita rancang. Seperti menambah efek cahaya, textur dan manipulasi teks.

• Adobe Firework : Efek teks
• Painter : Memberikan efek lukisan
• Ulead Photo Impact : Efek frame dan merancangan icon yang cantik.
• Plugins Photoshop : Seperti Andromeda, Alien Skin, Eye Candy, Kai’s Power Tool dan
• Xenofex juga sangat mendukung untuk memberi efek desain sewaktu anda mendesain layout homepage di Photoshop.

Animasi : Penambahan animasi perlu untuk membuat homepage agar kelihatan menarik dan hidup.

• 3D Studio Max : Untuk membuat objek dan animasi 3D.
• Gif Construction Set : Membuat animasi file gif
• Adobe Flash : Menampilkan animasi berbasis vector yang berukuran kecil.
• Microsoft Gif Animator : Membuat animasi file gif
• Swift 3D : Merancang animasi 3D dengan format file FLASH.
• Swish : Membuat berbagai macam efek text dengan format file FLASH.
• Ulead Cool 3D : Membuat animasi efek text 3D.

Web Editor : Menyatukan keseluruhan gambar dan tata letak desain, animasi, mengisi halaman web dengan teks dan sedikit bahasa script.

• Alaire Homesite
• Cold Fusion
• Microsoft Frontpage
• Adobe Dreamweaver
• Net Object Fusion

Programming : Hal ini dilakukan setelah sebagian besar desain homepage telah rampung. Programming bertugas sebagai akses database, form isian dan membuat web lebih interaktif. Contoh : Membuat guestbook, Form isian, Forum, Chatting, Portal, Lelang dan Iklanbaris.

• ASP ( Active Server Page )
• Borland Delphy
• CGI ( Common Gateway Interface )
• PHP
• Perl

Upload : File html kita perlu di letakkan ( upload ) di suatu tempat ( hosting ) agar orang di seluruh dunia dapat melihat homepage kita.

• Bullet FTP
• Cute FTP
• WS-FTP
• Adobe Dreamweaver : dengan fasilitas Site FTP
• Microsoft Frontpage : dengan fasilitas Publish
• Sound Editor : Homepage kita belum hidup tanpa musik. Untuk mengedit file midi atau wav, perlu alat khusus untuk itu.

Sound Forge : Mengedit dan menambah efek file yang berformat mp3 dan wav.

Wah hampir kelupaan agar Web kita Interaktif dan dinamis maksudnya dapat berkomunikasi dengan pengunjung tentu perlu juga kita sedikit (bagusnya) banyak mengenal data base. Web data base yang biasa dipakai dan banyak digunakan saat ini seperti Mysql atau Accses.

Mungkin ini hanya sekelumit software, bagi sebagian orang software-software ini sudah tidak asing lagi, namun bagi yang baru terjun dalam dunia internet tentu hal yang asing. Namun haruslah kita punya keyakinan bahwa kita juga bisa asal, kita mau belajar dan terus belajar dan jangan lupa terus mempraktekannya.