Presentasi sedang didownload. Silahkan tunggu

Presentasi sedang didownload. Silahkan tunggu

Muhammad Yusuf Laboratorium Sistem Informasi Universitas Trunojoyo /FB :

Presentasi serupa


Presentasi berjudul: "Muhammad Yusuf Laboratorium Sistem Informasi Universitas Trunojoyo /FB :"— Transcript presentasi:

1 Muhammad Yusuf Laboratorium Sistem Informasi Universitas Trunojoyo /FB :

2  Joomla ! Adalah salah satu aplikasi untuk membuat website yang bersifat open source  Dengan Joomla ! Bisa membuat website tanpa membutuhkan pengetahuan tentang desain atau pemrograman web.  Dengan Joomla! Dapat membuat website dengan waktu yang relatif singkat  Beberapa kemudahan yang ditawarkan Joomla! adalah: a. Gratis Bisa didownload secara gratis di terdapat juga forumhttp://www.joomla.org diskusi mengenai Joomla di

3 b. Kemudahan mengelola website Mengelola isi website dengan Joomla ! Lebih mudah karena sudah disediakan untuk pengaturannya. Pengguna Joomla ! Tinggal membuat apa yang ingin diisikan ke dalam website-nya. c. Kemudahan mengganti tampilan website Tampilan atau yang biasa disebut template Joomla! Sangat banyak dan beragam sesuai dengan versi Joomla!.

4  Instalasi Joomla! secara Offline. Sebelum menginstal secara online, sebaiknya Joomla diinstal pada komputer kita sendiri. Yang perlu disiapkan adalah : - Server lokal yakni XAMPP Source Joomla! yang akan digunakan, kali ini kita memakai Joomla Joomla! Feature, yaitu semua elemen yang dibutuhkan untuk memodifikasi website, seperti module, component, dan template.

5  Instalasi local server XAMPP Sebelum menginstal Joomla!, kita memerlukan server sehingga Joomla! Dapat diinstal dan dijalankan di komputer local tanpa harus terhubung ke internet. Cara menginstall XAMPP yaitu : 1. Klik 2x icon XAMPP yang ada di komputer anda.

6 2. Pilih English pada pilihan bahasa yang disediakan 3. Klik OK

7 4. Klik Next pada halaman setup wizard

8 Server XAMPP akan diinstall dalam folder C:\Program File

9

10

11 9. Klik Yes, jika anda ingin langsung menjalankan control panel XAMPP server.

12  Setelah menginstall XAMPP, langkah berikutnya adalah menginstall Joomla!. Namun, sebelumnya harus menjalankan service Apache dan MySQL terlebih dahulu. Caranya adalah : 1. buka XAMMP melalui start-> All Program ->apachefriends->XAMPP->control panel XAMPP service Panel 2. Klik Start pada bagian Apache 3. Klik Start pada bagian MySQL

13 Dengan munculnya tulisan running, maka apache dan MySQL telah berjalan

14  Cara menginstalnya adalah : 1. Buka folder di C:/Program Files/XAMPP/htdocs/. Buat folder dengan nama Lab Komputasi 2. Copy seluruh isi folder Joomla! Buka browser, lalu ketik localhost/labkomputasi, lalu tekan ENTER. Secara otomatis akan membuka file index.php di folder lab komputasi/installation. Kemudian, klik Next.

15

16 4. Klik Next

17

18

19

20

21 Ini adalah username dan password untuk masuk/login ke Administrator Joomla.

22 Pada tampilan ini anda diminta untuk menghapus folder installation di dalam folder labkomputasi Buka kembali Windows Explorer dan hapus folder installation di folder labkomputasi

23

24

25  Pertama harus masuk terlebih dahulu ke Adminstrator. Caranya adalah : 1. Buka tab browser baru 2. Ketikkan di url address 3. Akan muncul seperti ini :

26 4. Masukkan username dan password di login administrator. Lalu klik Login. Masuklah ke control panel seperti dibawah : 5. Klik Language Manager

27 6. Klik New, untuk menambahkan bahasa baru

28 6. Akan muncul tampilan dibawah ini. Lalu klik Telusur/Browser.

29

30

31 10. Klik opsi Bahasa Indonesia, lalu klik Publish

32  Template Joomla ! Standar bisa diubah sesuai dengan keinginan kita. Jika tidak mahir dalam bahasa pemrograman dapat menggunakan template yang sudah ada dan bisa di download dari internet.  Berikut ini langkah-langkah modifikasi template Joomla : 1. Klik menu Installer -> Template-site seperti gambar dibawah ini.

33 2. Klik Telusuri/Browse seperti gambar dibawah ini

34

35

36

37

38

39 • Dari menu yang diberikan oleh Joomla, mungkin banyak yang tidak diperlukan. Anda bisa mengubah namanya atau menonaktifkan jika tidak diperlukan.  Untuk modifikasi menu dengan cara : Klik Menu yang ada di control panel Administrator, lalu pilih mainmenu. Setelah masuk ke halaman Menu Manager [mainmenu], klik tulisan Home dan ganti menjadi HALAMAN UTAMA seperti dibawah ini.

40 Jika menu lain tidak diperlukan, klik unpublish atau hilangan menu tersebut dengan cara : 1.Pada halaman Menu Manager, ceklist item menu yang akan dihilangkan 2.Klik ikon Unpublish dibagian atas. Item menu yang tidak dipakai adalah : Joomla!! Licence, Links, Search, News Feed, FAQs, Wrapper.

41

42  Selain main menu, ada juga item menu pada bagian atas yang disebut Top Menu.  Sekarang kita akan mengubah item Top Menu menjadi HALAMAN UTAMA, TENTANG LAB KOMPUTASI dan FORUM LAB KOMPUTASI  Caranya adalah : 1. Dari halaman control panel, klik Menu dan pilih topmenu.

43 2. Klik Home

44 3. Ubah menjadi HALAMAN UTAMA 4. Klik Save, tampilan halaman menu Manager pun akan berubah seperti dibawah ini. Untuk mengatur posisi item Top Menu Untuk menampilkan atau tidak item Top Menu pd halaman website

45  Untuk keperluan tertentu, kita perlu menambahkan beberapa menu sesuai dengan kebutuhan.  Caranya adalah : 1. Klik ikon menu di halaman Menu Manager (top menu).

46

47 3. Klik Save Pada Link, ketikkan dulu tanda ‘/’ karena kita akan membuat link halamannya nanti.

48 Tampilan Top Menu setelah diubah seperti gambar berikut :

49  Pada sebuah website, biasanya ada profil pemilik website tersebut atau memberikan informasi yang berkaitan dengan website itu.  Caranya adalah : 1. Pada control panel, klik Menu lalu pilih Menu Manager

50

51 Dapat kita lihat Menu TENTANG LAB KOMPUTASI yang kita buat sudah ada pada daftar menu, tetapi belum berfungsi. Agar dapat berfungsi seperti yang diharapkan, maka harus memodifikasinya lewat Site Modul.

52 1. Klik tab Module-> Site Module 2. Klik TENTANG LAB KOMPUTASI

53

54 Dengan demikian, menu TENTANG LAB KOMPUTASI sudah dapat berfungsi, tetapi belum ada isinya. Untuk membuat isi menu (content) Tentang Lab Komputasi, klik tab Content dan pilih Static Content Manager Pilih Static Content Manager Klik New

55

56

57 Pada bagian select to menu, klik Tentang Lab Komputasi Ketik nama menu item yaitu Tentang lab Komputasi. Setelah itu, klik Link To Menu

58

59 Sorot dan copy alamat yang tampil saat kita mengklik menu Tentang Lab Komputasi. (Bukan yang ada di top menu)

60 Jadi ketika mengklik TENTANG LAB KOMPUTASI baik yang ada di Top Menu maupun Main Menu, akan menampilkan halaman yang sama.

61 1. Klik Media Manager pada control panel

62 3. Pada bagian Create directory, ketik gambarcontent (disarankan tanpa spasi), Kemudian klik ikon create.

63 5. Klik Telusuri/browse untuk mencari gambar di komputer kita, pada bagian File Upload

64

65  Membuat Section Pada website ini akan ditampilkan informasi mengenai buku baru dan buku yang sedang laris dipasaran (Best Seller). Untuk menampilkan informasi tersebut, kita harus membuat dua section. Supaya lebih mudah, kita akan memanfaatkan section yang sudah ada, yaitu The News yang akan diubah menjadi BUKU BARU dan Newsflash diubah menjadi BUKU BEST SELLER. Langkah-langkahnya adalah :

66 2. Klik section The News

67 3. Ubah Title dan section name menjadi BUKU BARU. Pada bagian published, klik option Yes. Lalu klik SAVE 4. Lakukan hal yang sama untuk mengubah Newsflashes menjadi Buku Best Seller

68  Setelah membuat section Buku Baru dan Buku Best Seller, sekarang kita buat juga kategori buku untuk section buku Baru dan Best Seller. Kategorinya adalah : Buku Baru (section) - Buku Komputer - Buku Umum - Buku Teknologi dan Handphone

69 Buku Best Seller (Section) - Buku Komputer - Buku Umum - Buku Teknologi dan Handphone Kategori Buku untuk Section Buku Baru Sekarang kita akan membuat kategori di section Buku Baru. Caranya : 1. Klik tab Content, pilih Category Manager.

70 3. Di halaman Category : New [Content], ketikkan pada : Category Title : Buku Komputer Baru Category Name : Buku Komputer Baru Section : pilih BUKU BARU Published : pilih option Yes Ketikkan pada Description : Buku tentang computer baru terbit

71 4. Klik SAVE pada pojok kanan atas. Sekarang lakukan hal yang sama untuk membuat kategori Buku Teknologi dan Handphone Terbaru dan Buku Umum Terbaru

72 Kemudian kita akan menghilangkan kategori yang tidak perlu. Ceklist pada : latest News, Newsflash, dan Example FAQs. Setelah itu klik ikon Unpublished.

73 Mengisi content pada kategori buku baru. Caranya adalah : 1. Klik tab Content->Content by Section-> Buku Baru->Buku Baru items.

74 3. Lalu isikan Title dan Title Alias dengan BELAJAR MS WORD 2007, Lalu pilih Section dengan BUKU BARU, Category dengan Buku Komputer Baru

75 4. Isikan Intro Text dan Main Text seperti gambar dibawah :

76

77 6. Klik tab Images, lalu pada MOSImage Control, klik combo box Sub-Folder dan pilih folder /gambarcontent

78

79

80 10. Klik tab MetaInfo, lalu klik AddSect/Cat/Title. Akan muncul pada Keyword BUKU BARU (Section), Buku Komputer Baru (Kategori), BELAJAR MS WORD 2007 (Title Content).

81 11. Klik Tab Publishing Jika content ingin ditampilkan di halaman Utama, berikan ceklist

82

83 Informasi yang ditampilkan pada website tidak hanya produk saja, tetapi juga kegiatan yang akan dan telah dilakukan. Untuk itu perlu membuat section informasi dengan kategori Berita dan Agenda. Caranya seperti yang dijelaskan sebelumnya. Hasilnya di Category Manager menjadi seperti ini :

84 1. Klik Content ->Content by Section -> INFORMASI ->INFORMASI Items seperti gambar berikut :

85 3. Lalu ketikkan pada Title dan Title Alias : AGENDA SEMINAR BUKU MS WORD. Pada Category pilih AGENDA. Lalu intro Text isikan mengenai informasi dari Seminar tersebut sepeti Hari/Tanggal, Waktu, Tempat, dsb. Lalu klik SAVE.

86 1.Klik NEW, pilih Blog - Content Section dan klik NEXT

87 3. Pada Menu Manager, terdapat INFORMASI LAB KOMPUTASI

88

89

90

91

92

93

94

95

96

97

98 Setelah selesai melakukan perubahan setting silahkan save changes


Download ppt "Muhammad Yusuf Laboratorium Sistem Informasi Universitas Trunojoyo /FB :"

Presentasi serupa


Iklan oleh Google