Tutorial step by step web berbasis joomla

| Senin, 18 Februari 2013

TUTORIAL INSTALLASI WEB DESIGN
Joomla Versi “ 2.5.8 “

1.       Perangkat Dukungan Installasi Joomla Versi “2.5.8”
a.      Database
b.      Xammp
c.       Folder “ smkinformatika “
d.      Gambar tambahan untuk mengganti template.
2.Langkah awal Installasi Joomla Versi “2.5.8”
- Sebelum Memulai menginstal joomla . terlebih dahulu membuat file didalam folder htdocs
Local disk (C)→ xampp→htdocs→buat folder “Tikahsari”(nama folder) atau
1.Masuk ke Local disk , Misal Klik Local disk(C:) dan pastikan di file C pada PC anda terdapat Sistem Aplikasi Xampp
001.png
2. Kemudian akan tampil seperti table dibawah ini da klik” xampp”
awal2.png

3. Kemudian Klik htdocs
awal1.png
4.Setelah anda masuk ke Htdocs, kemudian anda buat folder baru,misal “Tikahsari“
awal3.png
5.Setelah selesai membuat folder, kemudian anda masuk ke Local disk D
0.png
6.Setelah anda masuk ke file D, kemudian anda masuk ke folder Sistem Aplikasi.
00.png
G. Setelah anda masuk ke folder Sistem Aplikasi, kemudian ada file yang bertuliskan Joomla 2.5.8. Dan pastikan sebelumnya aplikasi tersebut sudah berada di PC anda.
000.png7.Setelah itu anda klik 2x file Joomla 2.5.8 dan kemudian extract.
aaa.png
8.Langkah selanjutnya setelah itu anda extract ke File C/Xamp/htdocs/tikahsari kemudian ok.

bbb.png
ccc.png



ddd.png
zzz.png
9. kemudian klik folder “Tikahsari”(nama folder) akan menampilkan tampilan segabai berikut :
xxx.png
K. Kemudian klik OK . Kemudian tunggu extracting joomla
fff.png
10.Setelah proses extract selesai, kemudian anda masuk ke browser dan tuliskan “localhost/tikahsari (folder yang telah dibuat sebelumnya di file C/Xampp/htdocs/tikahsari), kemudian panggil.
12.png
M. Setelah itu langkah selanjutnya, anda telah masuk ke langkah penginstallan Joomla Versi 2.5.8, dan pilih bahasa yang akan anda gunakan pada proses Installasi Joomla tersebut,misal “English (United States)
015.png
11.Setelah anda pilih bahasa apa yang digunakan pada proses installasi, kemudian anda klik berikutnya di tampilan atas.
015.png
12.Setelah itu anda akan masuk ke langkah ke 2 pada installasi Joomla dan pastikan pada keadan baik semua yang akan di install.
017.png

13.Setelah anda mengecek pada tampilan installasi joomla langkah kedua kemudian anda klik next
017.png












14.Langkah selanjutnya anda akan masuk pada langkah ke 3 installasi Joomla dan pastikan terlebih dahulu anda membacanya.setelah itu klik next
019.png15.”. Setelah itu masuk ke Database Configuration, dan isi semua perintah yang telah disediakan seperti Database Type “Mysql”, Host Name “localhost”, user name “root”, seperti yang telah tercantum di perintah sebelumnya, password tidak usah diisi, dan Database Name “Tikahsari”(folder yang telah dibuat sebelumnya di C/Xampp/htdocs/Tikahsari).
iii.png
16. Setelah semua perintah di isi kecuali password, klik next.
iii.png
17.Langkah selanjutnya, anda masuk ke FTP Configuration, dan langsung saja klik next, karena pada proses FTP Configuration tidak usah di isi dan tercantum perintah “ Optional-Most Users Can Skip This Step-Press Next to Skip”. Kemudian klik next
jjj.png

18.Langkah selanjutnya yaitu masuk ke Main Configuration dan isi semua perintah yang telah disediakan Basic Setting>Site Name “Tikah Tekaje”), e-mail misal tikahskinfa@yahoo.co.id“, Admin username “admin”, Admin password “admin” confirm admin password “admin”, setelah semunya terisi, kemudian klik install sample data
vvv.png
Kemudian setelah mengklik “ install sample data” akan berubah sample data installed successfully , kemudian next,,
11.png
19. Pada saat tampilan menu terakhir installasi Joomla 2.5.8, akan ada peringatan seperti di bawah ini
ooo.pngSetelah ada peringatan “Hapus Folder Installasi”, kemudian anda masuk ke local disk  CXampphtdocstikahsari installation/delete, dan setelah itu kemudian anda cek kembali.

001.png
awal2.png
109.png

2.    Cara mengganti Menu bawaan Joomla, dan  teks posting pada Joomla.
1.Masuk dulu ke admin joomla dan isi yang seharusnya di isi pada tampilan awal masuk admin di joomla dan kemudian login.
x.png
2.Untuk langkah selanjutnya, apabila anda ingin mengganti menu pada bawaan joomla, anda masuk ke menusmain menu
ea1.png
3.jika akan diganti beri ceklis terleih dahulu kemudian edit
ea2.png
4.setelah itu , ganti home menjadi beranda / semau anda ,setelah diganti klik saveclose
ea3.png
CARA MENAMBAH TEMPLATE PADA JOOMLA

1. Pilih “EXTENSIONS”:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK1vV5QMhNAmDYz5JabqipncCU4DrkywlalCvO3dEFVLiV8GchdN7xBBxy1oiJnBcP5MlhGS694sSVLJF_HeSqt90G4MXUIsPUrYUkhTXUaAP5G8drkkSvi0zIHy6Cdwr9c20IU-W6bvQ/s400/ab.JPG
2.LALU “EXTENSION MANAGER” :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYRXvaMARGkEvVFsj-1UhPlB4hGY-JmTLRXg3JXjGI9cZ3sPKUzleShXqaEX5x4yWIY12O0tJSvGPD-ODznjSL_ncEq-BPzQTYqkMgGv2lvNmuuCLte3xOkjDk0kN5BqwzWNgV4oT_zrs/s400/ac.JPG


3. LALU PILIH BROWSE PADA UPLOAD PACKAGE FILE :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVABDMSkuLpwbb_fqogn6BpVijXT9subMJvR8Ns0NJ7pJXc5e9l7acnlo8voXw9FpQPJGhlFKhCeeSM9pCcYNIEdFEmShpok6TzQWUCB7Vjs7j4gIsDwdof80SgAMAGERSKV0LCVkmH6Y/s400/ad.JPG
4. Ini proses browse dan pemilihan file :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp-vpyhEaaom4SNRu1U96IcUokboV_IuJXM_nxbPmvqEL6ftKmeN3mM-H8rmQ_IVVlGZZJk4XzAdR4yQvZiiAP8RGLAPpVZ1VQZSEUcTqQWSm2BG5531kLKdgiBpxXb4Yfi1r89sFwTCw/s400/ae.JPG

pada proses ini saya memilih templates tambahan yaitu MX_JOOFREE.

5. KEMUDIAN KLIK “UPLOAD&INSTALL” dan apabila sukses aka nada tampilan seperti ini:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8cGVOrrTqI3fSLEpmPLreKfPqwWAxO6I1aZCIzeNoJ2EuycG0g4sMpf43CJlrScn8jbwzLd4pkLmPFkVY6GkojPl11Kwdzj5ag5qOQ7y0_7ob4G8drPlViw61eNnblotCQO4rSEu63Gg/s400/af.JPG
lalu kita dapat menggunakan templates mx jofree yg baru..


6.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7rD6y_sSn8peSxI71sMU5WowIZPFiMRdQVYnLXCNQ6CNzkQQQiMgb85XJ33tHyC-WfENlQUafDMM80lpfm68R1VxjLlsRkySowZhQu1NXRgb59nlJTMT9tYpKGWEmE3fFbSHUpZXTuVk/s400/ag.JPG



ea4.png

CARA MERUBAH TEMPLATE BAWAAN JOOMLA

CARA MERUBAH TEMPLATE BAWAAN JOOMLA


1. LOGIN sebagai Admin :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-BWngSId6RH8prjSW0r82NWN0L6s90_OhuJV_DpecHqRTznby5bpdSCkQV1KYsv74hg6FZE3snu1rxAASp7x_tdPfaQLd0PtAI7yrLZycGxJgd-HqsQ0OO6cmiaPV5YxdXzXaRDjps54/s400/admin.JPG

2. Pilih extension kemudian templates manager :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyUeRDASot7jP-uubIDXh9HzpXmVm5QEcAMb787PxI_bBYodS4VSKjKrvGdQ5SdYXY-1Ulcyp4UO8NO1uInfcFDannDMbNoArFqdvPBX6kttsoINvl8qklpjvBpZca9TrEcwezczm59sQ/s400/template.JPG
3.inilah tampilan templates manager :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwcytNY80Wd-t4NDxukR7bjn_k3Ab1yRPujEZmzD0CkYqhOsye5QgFON0DZoVyw7BTwT9KChnJ0gxq9jZwB0GaZXZhN277FiuuNyLgbjYHMujzxmbcxBgpATGDitTddYtsd7J7NlrqJdk/s400/template+manag.JPG
dan yang diberi tanda bintang adalah templates yg sedang digunakan..
kita menggunakan “Hathor” sebagai tampilan admin dan template “bluestork” sebagai tampilan site.

4.cara mengubahnya dengan mengklik kolom kosong yg terdapat di bagian depan template lalu pilih “make default” :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsDjt_hju3wj7iIFGF9XDE3ptPQgCJvnE0uEzs6Yl29ilm9hhZE51xhntD5TG9zDSbqrVUhmTXRMZMWZsm8SQNSHQ95wtPrwkodIW6Bgxve7A6D1-loiHpHG9fGhiAmUHQKUhJ0XtQ3zQ/s400/templates+style.JPG
setelah itu pilih view site :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAmFvRr6FM16W40YOtk70nrGCVijv2ji2IXk_EKJK_NrRoaxyOxyv_1jIwC2aHP9T5uAf7VwfSfpJ9DbhJb6ulqYyqZpcZ9WVaYYD3BnNR87C9f40xUDTMOCrcaCnNhjjPVVmHvI0pRWk/s400/view.JPG


0 komentar:

Posting Komentar

Next Prev
▲Top▲