SOP UNTUK MENGGUNAKAN JOOMLA – Zulkifly Hashim

Gambar 1, Alamat laman web data PPK Awam

Masuk ke Joomla Data PPK Awam melalui alamat www.civil.eng.usm.my/data (paparan web).Kita boleh melihat apakah data web yang terdapat di sini yang dibenarkan dilihat oleh admin sistem. Untuk masuk sebagai administrator, kita perlulah menggunakan alamat www.civil.eng.usm.my/data/administrator. Ianya merupakan ’jalan belakang’- back end users untuk masuk ke Joomla dan kita boleh edit Joomla bergantung kepada permission yang dibenarkan pihak Admin. Username dan password – sila hubungi saya.

Gambar 2, Alamat untuk masuk sebagai Administrator. masukkan Username dan

password

Selepas login ke Joomla, paparan tersebut (Gambar 3) akan timbul di skrin. Ini bermakna kita berjaya masuk sebagai back end user Joomla Data PPK Awam. Tahniah anda telah berjaya setakat ini. Untuk makluman semua, lifetime untuk editing hanya 15 minit sahaja.Jika tiada aktiviti, sistem akan logout secara automatik dan anda perlu login kembali untuk masuk.

Gambar 3, Paparan back end user Joomla (main page)

Untuk mengubah data di One stop center (section) maka kita perlulah mengetahui konsep Joomla iaitu: 1. Section ( Tajuk utama data) 2. Category ( Sub tajuk utama data) 3. Articles (Artikel yang kita tulis untuk sesuatu cerita) Kedudukannya seperti berikut:

Section

Category Category Category

Article Article Article Article Article

Gambar 4, Konsep Joomla yang menghuraikan susunan rekod data dari section ke

Category dan seterusnya kepada Articles

Kita perlu faham konsep ini sebelum kita masukkan data atau membuat editing di Joomla. Jika tak faham, mungkin nanti akan mengakibatkan kehilangan data rakan-rakan yang lain dan mungkin mengubah kedudukan data sediada dan ini akan menyebabkan kita dimarahi boss. Kita ambil satu contoh untuk kita lebih faham:

One stop center

Keratan akhbar

Student exchange

Industrial training

Keratan akhbar tahun

2010

Keratan akhbar tahun

2009 List of

student send abroad

List pelajar Industrial

training 2010

List pelajar Industrial

training 2009

Gambar 5, Contoh sususan di one stop center kita untuk 3 kategori iaitu Keratan akhbar,

Student exchange dan Industrial training.

Dah faham dah ka…Ok kita teruskan dengan apa yang dimaksudkan dengan article. setiap artikel yang kita tulis wajib mempunyai category dan section. dalam contoh gambar 5 di atas kita ambilkan artikel, List of student send abroad yang mana kategorinya adalah student exchange dan section dia adalah one stop center. Kita tidak boleh tulis artikel tanpa ada kategori dan section. kita mesti create section dulu kemudian create category barulah kita tulis articles. Saya harap anda telah faham perkara ini. Dalam kes kita, saya dah set semua itu, cuma anda perlu susun baik-baik sahaja.

Gambar 6, Article Manager adalah tempat di mana kita akan edit dan tambah artikel

yang akan kita buat, klik pada Article Manager

Gambar 7, Paparan Article Manager, semua artikel ditempatkan di sini.

walaubagaimanapun jika kita perhatikan, sangat banyak artikel di sini dan ini akan mengganggu kita. Oleh itu kita perlu memilih hanya section kita sahaja iaitu One stop

center

Gambar 8, Perhatikan pada ‘select section’ dan ‘select category’.

Pilih section kita iaitu One stop center dan pilih pula category kita, contohnya keratan akhbar

Gambar 9, Sesudah kita pilih section – one stop center, kita pilih category kita, jika saya

adalah keratan akhbar, jika Shally mungkin kejayaan pelajar dsb.

Gambar 10, saya select section – one stop center dan category – keratan akhbar. jadi

Joomla akan display hanya dalam kategori ini sahaja dan kita klik pada tajuk article tersebut, kita ambil artikel – Keratan akhbar 2010

Sesudah kita klik pada Keratan akhbar 2010 tersebut paparan ini akan dipapar iaitu article: (edit)

Gambar 10, Paparan article: (Edit) untuk tajuk Keratan akhbar 2010. Jadi, kita boleh edit

artikel ini dan kita save sebelum keluar. ianya adalah editor biasa dan kita boleh link dengan fail kita yang akan kita simpan di server.

Gambar 11, Tambah taipkan ayat dan kita highlight

Di gambar 11, kita taipkan contohnya ‘dr hamidi di utusan Malaysia 19/10/2010’ untuk kita masukkan satu lagi keratan akhbar baru untuk tahun 2010 dan kita highlightkan dan

kita akan linkkan dengan fail yang telah kita pilih nanti.

Gambar 12, Kita klik pada Insert/Edit link untuk kita hubungkan dengan fail yg kita

tentukan nanti.

Gambar 13, paparan Advanced Link ini akan timbul dan di sinilah kita pilih nanti fail yg akan kita upload ke server joomla ini untuk disimpan dan kita linkkan dengan ayat yg

kita highlight tadi.

Gambar 14, Kita klik pada browse untuk melihat paparan kedudukan directory kita

dalam Joomla

Gambar 15, Browser untuk directory kita di Joomla dipaparkan. inilah kedudukan fail kita

di server Joomla. jangan sesekali delete yg kawan punya. Perhatikan d sebelah kiri adalah root directory dan di sebelah kanan sekali adalah

details file dan yang di tengah adalah gabungan keduanya.

Ok. katalah kita nak adakan satu sub directory di dalam directory one stop center, kita klik pada one stop center seperti di bawah

Gambar 16, Klik pada directory one stop center dan paparan di bawah timbul

Gambar 17, Paparan untuk directory one stop center

Gambar 18, Perhatikan betul-betul yg kita berada dalam directory one stop center

dengan perhatikan yang saya bulatkan itu dan paparan di tengah adalah sub directory dan fail dalam directory one stop center.

Gambar 19, klik pada new folder (yang dibulatkan) untuk kita create satu directory dalam directory one stop center dan kita namakan directory tersebut dan klik ok. Satu directory

baru akan dicreate. begitulah cara untuk create directory

Ok link kita belum selesai lagi, ayat yang kita highlight tadi belum ada link file lagi. Katakan contoh fail kita adalah JPG Image. Fail tersebut telah kita scan dan save dalam PC kita,contohnya di sini nama utusan hamidi.jpg Pertamanya kita klik pada directory yang akan kita upload file tersebut, di sini adalah ppka in press

Gambar 20, Kita klik pada dir ppka in press (sub directory pada one stop center)

Gambar 21, tiada lagi file di sana dan kita akan mula upload file utusan hamidi.JPG ke

sini

Gambar 22, kita klik pada upload (yang dibulatkan) dan kita akan dapati skrin di bawah

ini timbul (upload)

Gambar 23, Upload editor. Klik pada add dan select fail di PC kita

Gambar 24, Pilih fail kita – utusan hamidi.jpg dan open. selepas itu fail ini dimasukkan ke queue dan klik upload. Ianya akan masuk ke directory paper in press. close upload

editor

Gambar 25, klik pada file utusan hamidi dan klik insert

Gambar 26, klik pada insert

Gambar 27, selepas kita klik insert, paparan advance link seperti yg mula-mula tadi

(Gambar 13) akan muncul. Perhatikan URLnya telah ada berbanding dengan gambar 13 dan selepas itu pergi ke target (dibulatkan) dan select open in new window. Ini

bermaksud, jika pengguna klik nanti semasa dipaparkan diweb ianya akan timbul pada window yang baru (jadi dua paparan internetlah). kemudian klik insert (di bawah-kiri)

Gambar 28, Jadi, di editor kita ini untuk artikel bertajuk Keratan akhbar 2010 telah

dimasukkan link kepada file utusan hamidi.jpg

Gambar 29, klik save dan kita telah siapkan satu editing artikel bertajuk Keratan akhbar

2010

Gambar 30, klik preview untuk melihat hasil kerja kita tadi, adakah ianya berfungsi

seperti sepatutnya

Gambar 31, kita berjaya….untuk yang lain lain, ulangi proses yang sama

Gambar 32, Untuk create article yang baru, contohnya di sini bertajuk ‘laporan

perundingan bulan oktober’. Kita perlu mengenalpasti lokasi artikel ini di mana category dan sectionnya. Untuk kes ini, select section one stop center dan select

category – Rekod kerja perundingan dan ujian. kemudian klik New (yang dibulatkan) dan paparan artikel baru muncul.

Gambar 33, Namakan tajuk kita dan sila perhatikan section dan category. Ianya perlu

betul seperti sepatutnya

Gambar 34, Kita taiplah apa sahaja laporan seperti kita edit Microsoft Word, gunakan segala function yang editor ini ada. Gambar juga boleh dimasukkan, paste dari word

dsb. Kemudian kita save dan satu artikel telah dibuat dalam section one stop center dan category – Rekod kerja perundingan dan ujian

sekian, terima kasih