membina emajalah - komunitipintar.mcmc.gov.my · about us kepada profil sekolah) ￮ menambah menu...

Membina eMajalah

Menggunakan JOOMLA!

Objektif Pembelajaran Di akhir bengkel ini, para peserta akan dapat: ￮ Mempelajari asas-asas menggunakan

Joomla! 3.x ￮ Menghasilkan sebuah laman web

sekolah/eMajalah sekolah

2

Pengenalan kepada Content

Management System (CMS)

1

Apa itu Content Management System (CMS)?

Sebuah sistem Web (web-based) yang MUDAH untuk: Mengurus, mengemaskini,

menambah isi kandungan, dokumen, gambar, audio, video dan maklumat yang berkaitan di dalam sesebuah laman web.

Mengurus pengguna dan pentadbir laman web.

4

Apa itu Joomla! ￮ Joomla! adalah Sistem Pengurusan

Kandungan (CMS) yang percuma dan sumber terbuka untuk menerbitkan kandungan web dan merupakan salah satu perisian laman web yang paling popular

￮ www.joomla.org

5

http://www.joomla.org/

Kenapa Joomla!?

￮ Laman Web Korporat / Profesional ￮ Portal Komuniti ￮ Web Aplikasi Kerajaan ￮ Majalah Online (eMAJALAH) ￮ Suratkhabar Online ￮ Laman Web Perniagaan ￮ E-commerce dan sistem tempahan

online ￮ Laman Web keluarga atau individu ￮ Pelbagai lagi laman web mengikut

kehendak anda! 6

Joomla boleh diaplikasikan untuk pelbagai jenis laman web seperti berikut:

Contoh Website Joomla!

Jabatan Kerajaan • www.jpbdselangor.gov.my

Swasta • www.commercedc.com.my

7

http://www.jpbdselangor.gov.my/

http://www.commercedc.com.my/

Contoh Website Sekolah

SMKA Durian Guling • http://www.smkadg.edu.my/v1/

SMK Panji Alam • http://www.smkpanjialam.net/v1/

8 http://www.alfarabi.edu.my/

https://www.assyakirin.com.my/

http://www.smkadg.edu.my/v1/

http://www.smkpanjialam.net/v1/

http://www.alfarabi.edu.my/

https://www.assyakirin.com.my/

Contoh CMS yang Lain • Wordpress

WordPress merupakan sistem penerbitan blog yang ditulis dalam bahasa pengaturcaraan PHP dan disokong oleh pangkalan data MySQL.

• Drupal Drupal / druːpəl / adalah [5] rangka kerja

pengurusan kandungan bebas dan terbuka yang ditulis dalam PHP dan diedarkan di bawah GNU General Public License.

• Magento Magento adalah platform e-dagang sumber

terbuka yang ditulis dalam PHP.

• Mambo Mambo adalah sistem pengurusan

kandungan / open source percuma (CMS) untuk membuat dan menguruskan laman web melalui antara muka web yang mudah.

9

10

Senarai Semak Keperluan Pembangunan eMajalah

Pengenalan Kepada Content


Pengurusan & Pentadbiran

eMajalah

Penyuntingan Kandungan

Pengurusan Kandungan

Penerbitan eMajalah

Pengurusan dan

Pentadbiran eMajalah

2

Keperluan Asas Membina eMajalah Menggunakan Joomla!

Web browser Mozilla Firefox / Chrome www.mozilla.com XAMPP – program bundle Web Server www.apachefriends.org Kod Sumber Joomla! 3.x www.Joomla.org Program “archive utility” (WinZip, WinRAR atau 7-Zip) - www.7zip.com Program FTP FileZilla/ CPanel (Linux) – untuk pemindahan fail ke server / hosting - www.filezilla-project.org

12 * Semua keperluan diatas akan dibekalkan oleh pihak UCT

http://www.mozilla.com/

http://www.apachefriends.org/


http://www.7zip.com/

http://www.filezilla-project.org/



Pemasangan (Installation) WebServer

2.1

Perisian XAMPP 1. Perisian XAMPP adalah satu pakej

perisian yang mengandungi: a. X – cross platform (dimana ianya

boleh digunakan untuk pelbagai OS seperti Windows, Linux, Mac dsbnya)

b. Apache - web server c. MySQL – pangkalan data

(database) d. PHP – skrip pengaturcaraan e. Perl - skrip pengaturcaraan

2. Untuk mendapatkan perisian ini, anda boleh download di web rasmi iaitu www.apachefriends.org

14

http://www.apachefriends.org/

Place your screenshot here

15

Install fail yang telah di muat turun ke dalam PC anda.


16

18

Laman web XAMPP akan dipaparkan seperti di bawah.

19

Tunggu sehingga proses installation selesai.

Pilih Bahasa

￮ Sila pilih Bahasa mengikut kesesuaian anda.

20


21

Klik Start seperti di gambar untuk memulakan aplikasi.

22

1. Pastikan kedua-dua status Apache dan MySQL di bawah berwarna hijau (menandakan ianya running)

1

23

1. Klik Admin untuk memaparkan dashboard XAMPP.

1


24

Paparan seperti berikut akan diperolehi. Ini bermakna web server anda berfungsi dengan baik.

Persediaan Pemasangan

Joomla!

26

Pemasangan Joomla! 3.8

Joomla! boleh dipasang di local pc iaitu di komputer masing-masing.

Sebagai Web Developer / Administrator – lebih praktikal membangunkan web di local pc dahulu sebelum diletak di Internet. (namun emel tidak akan berfungsi – ia tidak penting di local pc)

Selepas selesai pembangunan web di PC, web Joomla! boleh diletakkan di Internet @ Hosting (jika ada hosting).

27

Cara Persediaan Pemasangan Joomla!

Fail Joomla! core yang telah dimuat turun dari web Joomla.org perlu diletakkan di dalam fail web server.

Oleh kerana kita menggunakan XAMPP, dan lokasi XAMPP adalah di C, maka kita perlu mencari lokasi XAMPP tersebut dan dapatkan folder yang bernama htdocs.

Letakkan fail Joomla! core tersebut di dalam folder htdocs.


28

1. Buka folder xampp yang telah di‘install’ (rujuk muka surat 16)

Local Disk (C) > xampp > htdocs 2. Masukkan folder

Core Joomla yang diberikan

1

2


29

3. Klik kanan folder Core Joomla tersebut

4. Pilih Extract to Joomla_3.8.11-Stable-Full_Package

3

4

30

5. Tunggu sehingga selesai folder di‘unzip’

5


31

6. Klik kanan folder Joomla_3.8.11-Stable-Full_Package

7. Pilih Rename.

6

7


32

8. Tukarkan nama Joomla_3.8.11-Stable-Full_Package kepada nama sekolah anda.

Cth: smkk / semsas

8

Memasang Joomla! 3.8

1. Untuk melakukan pemasangan Joomla!, buka web browser dan taipkan localhost/<nama_sekolah> Contoh: localhost/semsas

33


34

Configuration Tab: 1. Isikan tajuk Site

Name Cadangan: Nama sekolah/ nama majalah sekolah 2. Isikan Super User

Account Details: Email: emel sekolah/individu Username: emajalah Password: emajalah2018 3. Klik Next

Username &

Password perlu

diingat. Sila

emelkan

username &

password pada

emel anda untuk

rujukan

2 3

1


35

Database Tab: 1. Isikan nama

username : root

2. Password kosongkan

3. Isikan database Name: gunakan nama sama seperti folder yang di‘rename’ di m/s32

4. Klik Next

1

2

3

4


36

Overview Tab: 1. Klik pada Install

Sample Data > Brochure English untuk tujuan melihat contoh paparan web.

2. Klik Install

1

2


37

Proses installation sedang berjalan. Sila tunggu sehingga selesai.


38

1. Paparan menunjukkan proses pemasangan selesai.

2. Klik pada Remove installation folder.

2

1

39

1. Paparan menunjukkan proses Remove installation folder selesai.

2. Klik pada Site untuk memaparkan laman web Joomla!.

2

1


40

Laman Web Joomla! telah diperolehi seperti gambar di sebelah.

Panduan Fungsi

Pentadbiran Web Joomla!

(Administrator)

2.2

Mengenai Joomla! Joomla! terbahagi kepada dua (2):

Back-End Front-End

Front-End adalah paparan laman web Joomla! yang dilihat oleh pengunjung

Back-End adalah ruangan untuk pentadbir membuat pengubahsuaian terhadap web Joomla! dan terbahagi kepada beberapa bahagian: Component Module Plugin Template

42

43

Front-End adalah paparan laman web Joomla! yang dilihat oleh pengunjung

Front-End


44

Taip: localhost/<nama folder>/administrator rujuk nama folder di m/s 32

Login page administrator akan diperolehi. Sila masukkan username dan password di ruang pentadbir Joomla! yang telah anda tetapkan semasa proses installation.

Back-End

Component: Components are the major portion of your page because a component is driven by a menu item and every menu item runs a component.

Modules: Modules are lightweight and flexible extensions used for page rendering. These modules are often “boxes” arranged around a component on a typical page. Module Position: A module position is a placeholder in a template.

Plugin: Plugins are more advanced extensions and are in essence event handlers. In the execution of any part of Joomla, be it the core, a module or a component, an event can be triggered.

Template: A template is basically the design of your Joomla! powered website.

45

Nota Tambahan

https://docs.joomla.org/Template

Ubahsuai / Customize

Joomla! Ubahsuai/Customize Joomla! Mangikut

keperluan majalah sekolah.

2.3

47

1. Joomla! Core menyediakan template. Anda boleh melihat template yang diberikan di ruangan berikut: Extension > Templates > Styles

2. Terdapat hanya 2 site template (Front-End) yang diberikan di dalam Joomla! Core iaitu Beez3 dan My Default Style.

Template Joomla!

1

2

48

1. Anda boleh mencari template Joomla! yang serasi untuk di‘install’ di dalam Joomla! Core anda. Template boleh didapati secara percuma atau berbayar.

2. Cari template Joomla di web carian Google atau lain-lain.

3. Buka pautan web yang dikehendaki

Muat Turun Template

49

1. Klik “Download Now!”

2. Klik pada icon muat turun

3. Pilih Save File dan klik OK

1

2

3

50

1. Pilih lokasi untuk simpan

2. Klik Save

2

1


51

Untuk meng‘install’ Template Joomla!, anda perlu ke: 1. Extension >

Manage > Install 2. Klik pada Upload

Package File tab. Browse File dan pilih fail template yang ingin di install.

Menginstall Template Joomla!

1

2

52

1. Pilih fail template yang ingin di install. Klik Open.

2. Mesej pemasangan template berjaya akan dipaparkan.

Menginstall Template Joomla!

4

1 2

Keselamatan Joomla!

2.4

Keselamatan Joomla! Adakah Joomla! Selamat?

￮ Tiada satu pun sistem di dunia yang boleh dijamin 100% selamat. Ia bergantung kepada bagaimana kita menjaga keselamatan sistem tersebut.

￮ Pihak komuniti Joomla! akan selalu meningkatkan tahap keselamatan Joomla! melalui info-info terkini atau newsletter yang diberikan pada laman web rasmi Joomla.org

￮ Maklumat lengkap berkenaan keselamatan Joomla boleh didapati di laman ini: http://docs.joomla.org/Security atau http://docs.joomla.org/Joomla_Administrators_Security_Checklist

54

http://docs.joomla.org/Security

http://docs.joomla.org/Security

Sambungan…

Langkah-langkah asas dan terpenting dalam keselamatan Joomla! adalah:

a. Tidak meletakkan nama id admin untuk login pentadbir (Back-End). Gunakan password yang sukar dijangka. Gabungan antara huruf dan angka dan simbol adalah password paling selamat.

b. Selalu mengemaskini update patches Joomla! core. Contohnya jika versi Joomla! yang digunakan sekarang ialah 3.8 manakala versi terbaru ialah 3.9 maka anda perlu mengemaskini dengan kadar segera versi Joomla! terbaru tersebut.

c. Selalu mengemaskini extensions luar yang digunakan. Apa saja extension luar yang digunakan di dalam Joomla! Core perlu dikemaskini jika terdapat versi terbaru pada extensions tersebut.

55

d. Membuang extensions yang tidak diperlukan lagi. Extensions yang tidak digunakan perlu dibuang terus dari Joomla! core anda.

e. Melindungi ruang pentadbir (Back-End) dari di akses oleh umum. Ini boleh dilakukan dengan melindungi localhost/umpct/administrator page.

f. Tidak menggunakan XAMPP untuk production site. XAMPP hanya sesuai untuk local site / development sahaja. Anda boleh menggunakan Ubuntu atau WAMP untuk production server.

56

Sambungan…

57

Buka XAMPP Control Panel 1. Klik pada MySQL -

Admin

Reset Password Administrator *Terlupa Kata Laluan (Password)

1

58

Paparan berikut akan diperolehi 1. Klik pada nama

database yang telah dibuat (rujuk m/s 35 Database Name)

1


59

Paparan berikut akan diperolehi 1. Klik pada nama

database yang telah dibuat (rujuk m/s 35 Database Name)

1


60

Paparan berikut akan diperolehi 1. Klik Edit 1


61

Paparan berikut akan diperolehi 1. Pada Column

password pilih MD5 1


62

Paparan berikut akan diperolehi 1. Taip kata laluan

yang baru 1


63

Scroll page ke bawah 1. Klik Go

1


64

Paparan berikut akan diperolehi menunjukkan kata laluan berjaya ditukar.


65



Pengurusan & Pentadbiran eMajalah



Penerbitan eMajalah



(Categories & Article)

3

Asas Joomla! 1. Pengurusan Menu & Submenu

￮ Menukar Nama Menu (Contoh: About Us kepada Profil Sekolah)

￮ Menambah Menu Baru ￮ Membuang Menu yang tidak perlu ￮ Mengubah kedudukan Menu ￮ Membuat Sub-Menu

2. Menguruskan Halaman Utama o Membuat artikel baru o Memasukkan gambar dan video ke

dalam artikel o Menghubungkan antara Menu dan

artikel yang telah di bina. 3. Pengurusan Modul (Modules)

67

Pengurusan Menu & Submenu (Menu Manager)

3.1

69

1. Pergi di Back-End. Menus > Main Menu

2. Klik pada menu About Us

Membina Menu Utama

2

1

70

1. Tukarkan menu title About Us kepada Profil Sekolah

2. Klik Save & Close

Menukar Nama Menu Utama

2

1

71

Paparan Senarai Main Menu akan diperolehi seperti berikut.

72

1. Klik pada New untuk tambah menu baru

2. Namakan Menu Title: cth: Carta Organisasi

3. Klik pada Select Menu Item Type

4. Pilih System Links > Menu Heading


Menambah Menu Utama Baru

5

2

1

3

4

73

1. Tick menu title: News 2. Klik Trash

Membuang Menu yang tidak perlu

1

2

74

1. Letakkan cursor

pada menu title: Drag Carta Organisasi bawah Profil Sekolah

2. Susun menu mengikut turutan yang dikehendaki

Mengubah Kedudukan Menu Utama

1

75

1. Klik pada New

untuk tambah menu baru

2. Namakan menu title Cth: Visi Misi Sekolah

3. Select menu item type : Single Article

4. Select Article 5. Pilih Parent Item >

Profil Sekolah dibahagian kanan


Membina Sub Menu

5 1

3

6

2

4

Menguruskan Halaman

Utama (Featured

Article)

3.2


77

1. Pergi di Back-End. Content > Articles > Add New Article

Membina Artikel

1

78

2. Masukkan Title, contohnya Kata-kata Aluan

3. Masukkan Isi Kandungan Artikel pada Content tab.


2

4

3

79

Memasukkan Gambar ke dalam Artikel

1. Pergi di Back-End. Content > Articles >

2. Pilih article > Kata-kata Aluan

2

1

80

1. Klik Image 2. Klik Browse 3. Start Upload untuk

memasukkan gambar.

4. Tick gambar yang telah diupload dan klik Insert.


1

2 3

4

5

Memasukkan Gambar ke dalam Artikel


81

Menghubungkan antara Menu dan Artikel yang telah di Bina

1. Pergi ke Menus > Main Menu > Add New Menu

2. Taipkan Menu Title. Cth: Kata-Kata Aluan

3. Pilih Menu Item Type sebagai Single Article.

4. Pilih Select Article > Kata-kata Aluan


1

2

3

5

4

Pengurusan Modul

(Modules)

3.3

83

Muat Turun Extension 1. Anda boleh mencari

extension Joomla! yang diperlukan untuk di‘install’ di dalam Joomla! Core. Extension boleh didapati secara percuma atau berbayar.

2. Laman rasmi Joomla menyediakan lebih 8000 extension untuk dimuat turun.

3. Buka website rasmi Joomla www.joomla.org

4. Klik pada Download & extend > Extension

1

2


84

Boleh taip untuk cari extension yang dikehendaki atau klik pada kategori Contoh: 1. Klik kategori Photo

& Images > Slideshow

1

Muat Turun Extension

85

1. Klik Slideshow CK

1


86

1. Klik GET SLIDESHOW CK (V1.4.47)

1


87

Klik Download 1. Pilih Save File dan

klik OK 2. Rujuk m/s 63 untuk

simpan

2 1


88

Install Module

1. Pergi ke Back-End. Extensions > Manage > Install

2. Klik pada Upload Package File tab.

3. Choose File dan pilih fail extensions yang ingin di install.

1

2 3

89

1. Mesej pemasangan module Berjaya.

1

Install Module

90

1. Pergi ke Back-End. Extensions > Modules

2. Pilih Module yang telah di install “Slideshow CK”

1

2

91

1. Pilih Position 2. Tukar Status

pada Published

2

1

92

1. Klik Tab Menu Assignment

2. Select Only on the pages selected

1

2

93






Penerbitan eMajalah



(Elemen Multimedia )

4

Menguruskan Gambar

(Media Manager)

Credit to SlidesCarnival

4.1

96

1. Pergi ke Back-End. Content> Media

1

97

1. Klik Upload untuk memasukan gambar

2. Klik Browse, pilih gambar dan klik Open

3. Klik Start Upload

1

2

3

98

1. Klik Create New Folder

2. Taip nama folder

3. Klik Create Folder

1

2

3

Memasang Komponen

Galeri Gambar


4.2

100

1. Pergi ke Back-End. Extension> Manage>Install

2. Klik pada Upload Package File tab.

3. Choose File dan pilih fail komponen yang ingin di ‘install’.

4. Klik Open

1

2

3 4

101

1. Mesej pemasagan komponen berjaya

1

102

1. Klik Component > Huge-IT Gallery

1

103

1. Klik new untuk tambah galeri

1

104

1. Tukar nama New Gallery pada tajuk galeri yang ingin dibuat

2. Rujuk tajuk menguruskan gambar untuk tambah gambar

3. Klik save

1 2

3

105

1. Klik Extension > Modules

1

106

1. Klik Huge-IT Gallery Module

1

107

1. Pilih Position yang sesuai dengan template

2. Tukar status pada Published

1

2

1. Klik pada Menu Assignment Tab

2. klik Only on the pages selected

* pastikan tick pada Home sahaja 3. Klik save

1

2

3

108

Pengenalan kepada Web Tool Canva


4.3

110

Pengenalan Canva.com Canva.com digunakan sebagai platform

untuk penyuntingan gambar. Menyediakan pelbagai jenis template

untuk penyuntingan dan boleh ubahsuai (customize) saiz gambar mengikut keperluan.

Canva.com boleh di akses menggunakan akaun Facebook, Gmail, Emel untuk pendidikan dan emel-emel lain (contoh: Yahoo mail dan sebagainya).

1. Taip https://www.canva.com/ pada web browser (Mozilla/ Chrome/ Internet Explorer)

2. Paparan menunjukkan halaman utama Canva.com


1

2

https://www.canva.com/

111

Login Log masuk sebagai:

1. Education (teacher or student), atau

2. Personal (home, family or friends)


2

1

112

Login sebagai Education (teacher or student)

Sign up dengan akaun 1. Google, atau 2. Email

(menggunakan email untuk pendidikan)


1

2

113

Login sebagai Personal (home, family or friends)

Sign up dengan akaun 1. Facebook, atau 2. Google, atau 3. Email

(menggunakan emel selain emel Google)


2

3

1

114

Login menggunakan Akaun/emel Google

Masukkan: 1. Email dan 2. Password


1 2

115

Login menggunakan Email untuk pendidikan

Masukkan maklumat seperti: o Full Name o Your Education Email o Confirm Email o Password o Tick ‘I’m not a robot’ o Click button ‘Sign up’


116

Mencipta Rekabentuk

1. Boleh pilih rekabentuk mengikut template sedia ada. 2. Untuk ubahsuai (customize) saiz gambar boleh klik ‘Use custom dimensions’ 3. Ruangan paparan gambar yang telah disunting.


3

2

1

117

Penyuntingan Gambar

1. Klik More… untuk memaparkan semua template yang disediakan dalam Canva.com.

2. Paparan senarai template sedia ada.

3. Klik X untuk meminimumkan paparan template.

1

2

3

118

Canva juga boleh diubahsuai mengikut kretiviti sendiri. 1. Klik Use custom dimensions 2. Isikan saiz lebar (width) dan

tinggi (height) gambar dan klik Design!.

3. Paparan saiz gambar mengikut saiz yang telah dimasukkan.

1

2 3

Penyuntingan Gambar

119

Template: Presentation 1. Klik templat Presentation. 2. Paparan ruangan bagi

penyuntingan gambar untuk saiz template Presentation.

3. Boleh pilih Canva Layouts yang disediakan mengikut kesesuaian.

4. Item yang disediakan untuk penyuntingan gambar:

a) Elements b) Text c) Background d) Uploads (Muat naik

gambar dari local PC)

1

4

3

2

120

Penggunaan Canva Layouts

1. Klik layouts (pilih layouts yang percuma (FREE) sahaja)

2. Ruangan penyuntingan gambar akan dipaparkan seperti layouts yang dipilih.

1

2

121

Ubahsuai/ edit Canva Layouts 1. Klik pada teks untuk

ubah teks atau hapus (delete) teks tersebut.

2. Pilih untuk ubah format teks, saiz dan sebagainya, dan boleh hapuskan (delete) teks yang tidak diperlukan dengan klik .

2

1

122

Muat Naik Gambar (Images)

1. Klik UPLOADS. 2. Klik Upload your own

images. 2

1

123

1. Pilih gambar untuk di muat naik dan klik Open.

1


124

1. Tunggu sehingga proses memuat naik gambar selesai.

2. Klik pada gambar yang telah di muat naik.

1

2


125

Muat Turun Gambar yang disunting (edited)

1. Klik Download. 2. Pilih File Type (JPG/

PNG/ PDF-Standar/ PDF-Print(Recommend))

3. Klik Download untuk muat turun gambar yang telah disunting.

4. Tunggu sehingga proses muat turun gambar selesai.

5. Gambar telah berjaya di muat turun.

2

4

3

1

5

126

Pengenalan Kepada Content Management

System (CMS)




Penerbitan eMajalah


Penerbitan eMajalah

5

Kaedah Penerbitan eMajalah eMajalah yang telah disiapkan, perlu dimuat naik

supaya ia boleh diakses di internet. Terdapat pelbagai cara untuk memuat naik

kandungan eMajalah antaranya: 1) Menggunakaan keadah backup & restore; 2)Memindahkan semua fail dan database ke dalam Webhost Nota : Pengguna juga boleh menghasilkan eMAJALAH secara

atas talian melalui mana-mana Webhosting yang bersesuaian.

128

129

Senarai semak untuk menerbitkan eMajalah ( kaedah backup & restore)

Menyediakan fail joomla yang telah di compress (.jpa) Menyediakan fail Kickstart (kickstart.php) Nota : Disediakan oleh pihak UCT Memuat naik fail (.jpa) dan (kickstart.php) ke

dalam Webhosting (percuma/berbayar) Restore file yang telah dimuat naik

130

Backup Website

Backup website menggunakan Akeeba Backup (https://www.akeebabackup.com/download.html) 1. Memasang Akeeba

backup: Extensions > Manage > Install

1

https://www.akeebabackup.com/download.html



131

Memasang Akeeba Backup

1. Klik Or browse for file 2. Pilih pkg_akeeba-

6.1.1-core.zip 3. Klik Open untuk

memasang Akeeba backup

3

2

1

132

1. Akeeba backup berjaya dipasang.

1

Memasang Akeeba Backup

133

Konfigurasi Akeeba Backup

1. Klik Components > Akeeba Backup

2. Popup mesej akan dipaparkan. Klik Configuration Wizard

1

2

134

1. Tunggu sehingga Benchmarking in Progress selesai.

2. Setelah selesai Benchmarking, klik Backup Now.

2

1

Konfigurasi Akeeba Backup

135

Proses Backup Now

1. ANGIE Password dan Backup comment adalah tidak wajib diisi.

2. Klik Backup Now!. 2 1

136

1. Tunggu sehingga Backup Progress selesai.

2. Klik Manage Backups.

2

1

Proses Backup Now

137

Proses Manage Backups

1. Klik Download dan secara automatik rajah di no. 2. akan di

paparkan. 2. Klik Download. 3. Klik OK untuk meneruskan proses muat turun fail ‘backup’ yang

dibuat.

1

2

3

138

Proses Muat Turun fail Backup

1. Fail yang di muat turun adalah site-localhost-20180828-084909utc.jpa.

2. Klik X untuk tutup popup mesej.

1

2

139

Menyediakan fail joomla yang telah di compress (.jpa) Menyediakan fail Kickstart (kickstart.php) Nota : Disediakan oleh pihak UCT Memuat naik fail (.jpa) dan (kickstart.php) ke dalam Webhosting

(percuma/berbayar) Restore file yang telah dimuat naik


140

Contoh Webhost

Percuma 1. https://www.000webhost.com 2. Https://freehostia.com

Berbayar 1. https://www.exabytes.my 2. https://www.jomhosting.net

https://www.000webhost.com/


https://freehostia.com/


https://www.exabytes.my/

https://www.jomhosting.net/

141

Hosting Percuma

Untuk tujuan pembelajaran webhost percuma akan digunakan, Layari website https://www.000webhost.com/


142

Mendaftar Webhost Percuma

1. Layari website https://www.000webhost.com/

2. Klik Free Sign Up

1



143

Penuhkan maklumat yang berkaitan email (email anda) dan Password website name (cth: emajalah skmm) 1. Klik GET FREE

HOSTING

1

Mendaftar Webhost Percuma

144

Verify Email

1. Buka email anda dan Klik verify email

1

145

1. Anda akan dibawa kepada 000webhost control panel setelah click Verify email sebelum ini.

Verify Email

146

Membina Database

1. Klik pada Manage database

2. Klik New Database

2

1

147

1. Masukkan database name

2. Masukkan database username

3. Masukkan password

4. Tekan butang Create

Membina Database

1

3

2

4

148

Sila salin maklumat berikut : 1. DB Name :

id6933567_emajalahsekolah_db

2. DB User : id6933567_emajalahsekolah_user

3. DB Host : localhost 4. Password

database anda

1 3

2

Membina Database

149

Memuat Naik File

1. Klik File Manager 2. Klik Upload file now

1

1

150

1. Klik icon Upload Files

1

Memuat Naik File

151

1. Click SELECT FILES

1

Memuat Naik File

152

Pilih file berikut daripada computer anda: 1. kickstart.php 2. file backup

daripada joomla 3. Klik UPLOAD

3

2

1

Memuat Naik File

153

Menyediakan fail joomla yang telah di compress (.jpa) Menyediakan fail Kickstart (kickstart.php) Nota : Disediakan oleh pihak UCT Memuatnaik fail (.jpa) dan (kickstart.php) ke

dalam Webhosting (percuma/berbayar) Restore file yang telah dimuatnaik


154

Restore Website

1. Buka URL website anda dan tambahkan kickstart.php di belakang URL

2. Klik Click here to press to close this message 2

1

155

1. Klik Start untuk mula restore

1

Restore Website

156

1. Klik Run the Installer 1

Restore Website

157

1. Klik Next

1

Restore Website

158

1. Isi maklumat seperti yang telah di salin di slide 85

2. Klik Next

1

2

Restore Website

159

1. Klik Next

1

Restore Website

160

1. Website anda sekarang sudah boleh diakses online

Restore Website

161

Menyediakan fail joomla yang telah di compress (.jpa) Menyediakan fail Kickstart (kickstart.php) Nota : Disediakan oleh pihak UCT Memuatnaik fail (.jpa) dan (kickstart.php) ke

dalam Webhosting (percuma/berbayar) Restore file yang telah dimuatnaik


162






Penerbitan eMajalah


Terima Kasih

163

membina emajalah - komunitipintar.mcmc.gov.my · about us kepada profil sekolah) ￮ menambah menu...

Documents