Installing Joomla and Plug In

Presentasi berjudul: "Installing Joomla and Plug In"— Transcript presentasi:

1 Installing Joomla and Plug In
Tresna Maulana F 1D4 ITA

2 Buka dan aktifkan dahulu XAMPP, dengan mengklik button “start”

3 Extract file rar joomla ke sebuah folder kosongan (new folder)

4 Ini adalah hasil install-an dari file joomla rar.

5 Setelah terinstall file , masukkan folder yang sudah terisi file joomla tersebut ,ke folder XAMPP, dan masukkan ke folder htdocs

6 Folder joomla sudah masuk ke folder htdocs

7 Selanjutnya masuk ke localhost untuk dapat masuk ke phpmyadmin
Selanjutnya masuk ke localhost untuk dapat masuk ke phpmyadmin., dan buat database sesuai nama folder jommla yang kita buat tadi

8 Ini adalah hasil joomla yang akan diinstall ,klik button next

9 Klik button next

10 Klik Button Next

11 Di tabel ini bisa diisi dengan Host Name: Localhost, Username :root, password: bisa dikosongi, dan Database Name : joomla

12 Klik Button Next

13 Disini ,isikan nama admin pada username , isikan password

14 Setelah itu, klik Remove Instalation folder, tunggu sampai tampilan succesed, lalu klik button administrator atau Site

15 Instalasi joomla berhasil, isikan username dan password anda, lalu klik log in

16 Ini adalah tampilan administrator, media pengeditan

17 Untuk menginstall plug in, pilih extensions,masuk ke extensions Manager

18 Pada package file, pilih telusuri dan masukkan file yang dipilih , next ke upload file

19 File plug in telah terinstall

20 Ini adalah hasil installan plug in

21 Untuk mengisi konten, pilih article manager, add new article, setelah itu isikan pada tabel new article yakni title, dan tulisan yang akan ditampilkan

22 Untuk menyisipkan gambar pada konten , pilih menu image, choose file, pilih gambar yang akan ditampilkan , start upload, klik gambar yang telah terupload masukkan ke image URL

23 Ini adalah hasil upload di konten edit

24 Ini adalah hasil pada home yang berisi konten article

25 Untuk menambah menu , pilih menus -> menu manager-> pilih add new menu

26 Edit nama menu ,contoh :product

27 Ini adalah hasil edit menu