Portal Manual Web

1

Portal Whizz 1

PENGENALAN

Portal Whizz merupakan sebuah aplikasi Laman Web yang memiliki ciri-ciri istimewa yang membolehkan pemiliknya mengemaskinikan laman web mereka dengan mudah dan pantas tanpa memerlukan kepakaran teknikal yang tinggi. Apa yang diperlukan adalah pengguna hanya perlu tahu mengendalikan MS Words dengan baik. Portal Whizz direka cipta bagi memenuhi keperluan pemilik laman web masa kini yang rata-ratanya menghadapai masalah apabila ingin mengemaskini laman web mereka termasuklah menambah muka surat baru, memuatnaik atau memuaturun dokumen atau gambar dan sebagainya. 2

MENGAPA PORTAL WHIZZ?

Aplikasi online Portal Whizz merupakan sebuah sistem yang telah direka khas untuk memenuhi keperluan anda di dalam membina dan mengemaskini laman web atau portal anda. Portal Whizz didatangkan dengan berbagai ciri tambahan yang mesra pengguna selaras dengan teknologi masa kini. 3

CIRI-CIRI PORTAL WHIZZ Content Management System (CMS)

4

PERLU BANTUAN?

P Content Manager P Article Manager P Built in Forum P Site Map P Guest Book P Directory P Event Manager P Internal Messaging

P P P P P P P P P

Visitor Statistic and Tracking Site Survey Form Manager Multimedia Gallery Classified Ads Calendar Download Manager Member Manager Banner Manager

Hubungi Khidmat Pelanggan Whizz untuk bantuan 1. Emel pertanyaan anda ke “[email protected]” Type “Nama Domain Anda - Bantuan diperlukan” di dalam ruangan Subjek. 2. Bantuan menerusi telefon disediakan di dalam waktu pejabat. Hubungi +60 (3) 9172 5811. 2

5

PAPARAN PORTAL WHIZZ Logo Syarikat

Margin Atas

Nama Syarikat Slogan Syarikat

Menu Atas Bar Carian

Bar Login

Menu Sisi & Kategori

Kaji Selidik

Margin Bawah Margin Kiri

Main Area

Margin Kanan

3

6

PANDUAN LANGKAH DEMI LANGKAH

Anda akan mengetahui bagaimana untuk mengakses dan menggunakan Portal Whizz anda di bahagian ini. Sebelum anda mula... A Buka alamat domain anda “http://www.DomainAnda.com” atau sebagainya Buka pelayar internet anda. Cth. Internet Explorer, Mozilla Firefox, Opera dan sila masukkan alamat portal anda seperti contoh di atas. B

Login masuk dengan menggunakan ID Pengguna dan Kata Laluan yang diberi. Sila taip ID Pengguna dan Kata Laluan pada ruangan yang berkenaan dan klik butang “OK”

Sekarang portal anda telah bersedia untuk digunakan....

6.1 Login Masuk ke Portal Whizz Bagi membolehkan anda mengubah suai portal anda, anda haruslah mempunyai ID pengurusan dan kata laluan yang sah. Ikuti langkah berikut: 1. 2. 3.

Klik ikon “Login” (Gambarajah 6.1a). Masukkan ID Pengguna dan Kata Laluan yang sah. Klik “Ok”.

Gambarajah 6.1a - Login masuk ke dalam Portal Whizz.

4

6.2 Menukar ID Pengguna dan Kata Laluan Setelah anda “Login” ke dalam portal anda, anda adalah dinasihatkan agar menukar ID Pengguna dan Kata Laluan untuk tujuan keselamatan agar portal anda tidak dicerobohi. Sila ikuti langkah berikut: 1. 2. 3. 3. 4. 5. * Nota

Klik ikon “Administration” dan paparan Panel Kawalan akan dibuka. Klik “Moderation” (Gambarajah 6.2a). Klik “Members” (Gambarajah 6.2a). Klik ID anda (baisanya “whizz”). Sila masukkan ID dan kata laluan baru and di ruangan “Username” dan “Password” (Gambarajah 6.2a). Klik butang “OK” di bahagian bawah. Anda disarankan agar melengkapkan lain-lain ruangan maklumat yang ada dibahagian ini. Setelah anda berada di dalam Panel Kawalan, sila klik butang di bahagian atas sebelash kanan panel kawalan untuk ke laman utama.

Gambarajah 6.2a - Menukar ID Pengguna dan Kata Laluan.

Gambarajah 6.2b - Menukar ID Pengguna dan Kata Laluan. 5

6.3 Menukar Konfigurasi Portal Whizz Untuk menukar konfigurasi portal anda sila ikuti langkah berikut: 1. Dari laman utama klik ikon “Administration” dan paparan Panel Kawalan akan dibuka. 2. Klik “Setting” di bahagian “Main” di panel kawalan. 3. Anda disarankan untuk mengubah konfigurasi portal anda dibahagian ini. Sila rujuk jadual berikut untuk melihat fungsi ruangan dibahagian ini.

Gambarajah 6.3a - Konfigurasi Portal Whizz. 6

Ruangan

Deskripsi

1

URL Laman (Website URL)

2

Nama Laman (Site name)

3

Slogan

4

Tajuk META (META Title)

Domain name or IP address untuk laman web anda. (Example: http://www.yoursite.com or http://192.168.100.1) Ini adalah untuk nama laman web anda, di mana ia akan di paparkan pada muka hadapan laman web. Ini adalah untuk slogan laman web anda, juga akan di paparkan pada muka hadapan laman web anda. Letakkan tajuk portal anda disini. Enjin carian akan memerlukan maklumat ini.

5

Katakunci META (META Keywords)

6

Deskripsi META (META Description)

Taipkan kata kunci laman portal anda disini. Enjin carian memerlukan maklumat ini. Sila gunakan koma (,) untuk menjarakkan kata kunci anda. Taipkan pengenalan portal anda disini. Enjin carian memerlukan maklumat ini.

7

Bar Menu (Menu bar)

Pilih sama jenis paparan menu portal.

8

Tema (Theme)

Pilih ON untuk memaparkan ruangan pilihan TEMA di muka hadapan portal anda. Pengunjung anda boleh menukar tema mengikut tema kegemaran mereka.

9

Skin

Pilih reka bentuk laman web atau antara muka daripada pilihan yang diberikan.

10

Lebar Paparan (Page Width)

Pilih ukuran lebar portal anda. Disarankan memilih “1024 px”.

11

Bahasa (Language)

Bahagian ini secara otomatik akan menukarkan laman web anda kepada bahasa yang anda pilih.

12

Dwi Bahasa (Multi Language)

Pilih samada anda mahu menggunakan 1 bahasa atau dwi-bahasa

14

Date Format

Pilih format tarikh yang ingin anda gunakan.

15

Halaman Pertama (Frontpage)

Ini adalah untuk muka surat pengenalan anda, di mana ia akan di paparkan apabila pelayar internet melayari portal anda sebelum pergi ke laman utama.

16

Logo path

Taipkan capaian pautan anda untuk logo atau fail gambar anda.(Example: media/ yourlogo.jpg or http://www.othersite.com/yourlogo.jpg)

17 18

Hakcipta (Copyright) Goolge Analytics & Adsense Code

Teks hak cipta ini akan di paparkan pada di bawah laman pada setiap muka surat. Masukkan kod Google Analytics atau Google Adsense di sini jika anda memiliki kod tersebut.

7

6.4 Menukar Konfigurasi Fungsi Email (Email Functionalities) Anda disarankan untuk menetapkan fungsi email bagi membolehkan beberapa ciri tambahan lain berfungsi dengan sepenuhnya seperti borang, forum dan sebagainya. Untuk menetapkan konfigurasi email anda sila ikuti langkah berikut: 1. 2. 3. 4. 5. 6.

Dari laman utama klik ikon “Administration” dan paparan Panel Kawalan akan dibuka. Klik “Email Functionalities” di bawah “Main” di panel kawalan. Sila pilih komponen emel “JMail” (lihat gambar di bawah. Masukkan emel anda diruangan “Administrator Email”. Masukkan alamat Domain portal yang anda daftarkan di ruangan “SMTP Server”. Klik butang “OK” setelah selesai.

6.5 Menetapkan SEO (Search Engine Optimization). Portal Whizz telah dilengkapkan dengan SEO di mana SEO merupakan satu fungsi yang sangat unik dan istimewa. SEO merupakan kaedah untuk membolehkan enjin carian membaca dan menyimpan data mengenai laman web atau portal anda. Tanpa SEO, pengguna internet mungkin tidak akan menjumpai portal anda. Untuk menetapkan SEO bagi portal anda, sila ikuti langkah berikut: 1. 2. 3. 4.

8

Dari laman utama klik ikon “Administration” dan paparan Panel Kawalan akan dibuka. Klik “Setting” di bahagian “Main” di panel kawalan. Sila isikan ruangan “META Title”, “META Keywords” dan “META Description”. (Gambarajah 6.3a) Klik butang “OK” setelah selesai.

6.6 Menggunakan Kategori Dengan menggunakan Kategori anda boleh membahagikan laman web anda kepada beberapa kategori yang tertentu. Sebagai contoh Menu, Member Area, Staff Area dan sebagainya. Untuk menggunakan kategori, sila ikuti langkah berikut: 1. 2. 3.

Dari laman utama klik ikon “Administration” dan paparan Panel Kawalan akan dibuka. Klik “Content”. Klik “Category”. (Gambarajah 6.6a)

Gambarajah 6.6a - Panel Kawalan Kategori

Untuk mencipta kategori baru sila ikuti langkah berikut: 1. 2. 3. 3. 4. 5. 6. 7. 8.

Klik butang di sebelah kanan panel kawalan Kategori dan anda akan melihat paparan “Categories Manager” (Gambarajah 6.6b) akan dibuka. Masukkan nama bagi kategori baru (Contoh Staff Area) di ruangan “Name”. Anda boleh memilih untuk memaparkan tajuk kategori & garisan sempadan (“Border”) di ruangan “Show Title” & “Show Border” Pilih posisi kategori diruangan “Position”. Pilihan terdiri daripada kiri, kanan atau off. Pilih jenis akses yang hendak diberi kepada pengujung yang datang. Pilihan terdiri daripada Anonymous, Member atau Administrator. Pilih cara muka laman di dalam kategori tersebut akan disusun. Pilihan terdriri daripada Publication Date, Page Title atau ID. Pilih samada kategori tersebut hendak dipaparkan atau tidak. Pilihan terdiri daripada Yes atau No. Setelah selesai klik butang “OK” untuk menerima atau “Cancel” untuk batal. Klik ikon untuk ke laman utama.

9

Gambarajah 6.6b - Mencipta Kategori Baru

Untuk menyunting atau memadam kategori sila ikuti langkah berikut: 1. 2.

Dari laman utama klik ikon . (disebelah nama kategori) untuk terus menyunting (edit) kategori yang anda kehendaki. (Gambarajah 6.6c) Lakukan suntingan dan klik butang “OK” setelah selesai atau klik butang Padam (Delete”) untuk memadamkan kategori.

Gambarajah 6.6c - Menyunting Kategori

10

6.7 Menggunakan Halaman (Pages) Anda boleh mencipta seberapa banyak halaman bagi setiap Kategori. Jumlah had halaman adalah bergantung kepada pakej Portal Whizz yang anda daftarkan. Halaman juga boleh dikenali sebagai Menu yang terdapat di dalam portal anda. Portal Whizz membolehkan anda mencipta sehingga 4 level sub-halaman (Sub-Pages) di mana anda hanya perlu klik butang “Add a page…” pada menu halaman yang anda mahu. Untuk menambah halaman baru sila ikuti langkah berikut: 1.

Dari laman utama klik butang “Add a page…” (Gambarajah 6.7a ) pada kategori yang berkenaan dan paparan “Webpage Administrator” akan dibuka. 2. Pilih Kategori bagi halaman anda (jika perlu). 3. Pilih “Parent Page” (jika perlu) untuk menjadikan halaman baru ini sebagai sub-halaman (SubPages). 4. Masukkan nama Moderator (jika perlu). 5. Masukkan nama halaman diruangan Tajuk Halaman (“Page Title”). 6. Masukkan kandungan halaman anda (jika perlu) diruangan “Editor” seperti anda menggunakan MS Word. 7. Masukkan External Link (jika perlu). 8. Pilih jenis tetapan paparan margin untuk menetapkan paparan margin kiri sahaja atau kanan sahaja atau kedua-dua margin diruangan “Margins”. 9. Pilih samada halaman akan dipaparkan (Yes) atau tidak (No) diruangan “Publication”. 10. Masukkan tarikh halaman ini hendak dipaparkan di ruangan “Publication Date”. 11. Masukkan tarikh luput halaman (jika perlu) diruangan Tarikh Luput (“Expiration Date”). 12. Klik butang “OK” setelah selesai atau butang Batal (“Cancel”).

Gambarajah 6.7a - Menambah Halaman Baru.

11

Gambarajah 6.7b - Menambah Halaman Baru.

12

Untuk menyunting atau memadam halaman sila ikuti langkah berikut: 1. 2.

Dari laman utama klik ikon . (disebelah tajuk halaman) untuk terus menyunting (edit) halaman yang anda kehendaki. Lakukan suntingan dan klik butang “OK” setelah selesai atau klik butang Padam (“Delete”) untuk memadamkan halaman.

Untuk mengakses panel kawalan halaman, sila ikuti langkah barikut: 1. 2. 3. 4. 5.

Dari laman utama klik ikon “Administration” dan paparan Panel Kawalan akan dibuka. Klik menu “Content”. (Gambarajah 6.7c) Klik menu “Pages”. Paparan “Webpage Administrator” yang memaparkan semua halaman yang terdapat di dalam portal anda akan dipaparkan. Sila klik pada pautan tajuk halaman untuk menyunting/memadam halaman tersebut atau klik butang “Create” untuk membuat halaman baru.

Gambarajah 6.7c - Panel Kawalan Halaman.

13

6.8 Menggunakan Kandungan/Artikel (Content/Article) Anda boleh mencipta seberapa banyak kandungan/artikel bagi setiap halaman anda. Anda boleh memasukkan seberapa banyak kandungan artikel tanpa had bagi setiap halaman. Kandungan/artikel ini boleh letakkan di margin kiri atau kanan atau di bahagian “Main Area” portal anda. Untuk menambah kandungan/artikel baru sila ikuti langkah berikut: 1.

Dari laman utama klik butang “Add an article…” pada halaman yang berkenaan dan paparan “Contents Manager” akan dibuka. 2. Pilih halaman di mana kandungan/artikel baru hendak diletakkan pada ruangan “Webpage”. Pilih “All the pages” jika anda mahu kandungan/artikel tersebut dipaparkan pada semua halaman. 3. Pilih posis kandungan/artikel pada ruangan “Posistion”. 4. Masukkan tajuk kandungan/artikel pada ruangan “Content Title”. 5. Masukkan isi kandungan/artikel pada ruangan “Headlines”. 6. Masukkan isi kandungan/artikel tambahan pada ruangan “Body”. Nota: Jika anda mengisi maklumat pada ruangan “Headlines” dan “Body”, pengunjung portal anda akan melihat ikon >> Baca seterusnya (>> Read more) yang menunjukkan terdapat maklumat selanjutnya. 7. Masukkan Nama Pengarang diruangan “Author”. 8. Klik butang “+ Show advance fields” jika anda ingin mengubah tetapan tambahan. 9. Pilih samada kandungan/artikel akan dipaparkan (Yes) atau tidak (No) diruangan “Publication”. 10. Masukkan tarikh kandungan/artikel baru ini hendak dipaparkan di ruangan “Publication Date”. 11. Masukkan tarik luput kandungan/artikel (jika perlu) diruangan Tarikh Luput (“Expiration Date”). 12. Klik butang “OK” setelah selesai atau butang Batal (“Cancel”).

Gambarajah 6.8a - Menambah Kandungan/Aritkel Baru.

14

Gambarajah 6.8b - Menambah Kandungan/Aritkel Baru.

15

Untuk menyunting atau memadam kandungan/artikel sila ikuti langkah berikut: 1. 2.

Dari laman utama klik ikon . (disebelah tajuk kandungan/artikel ) untuk terus menyunting (edit) kandungan/artikel yang anda kehendaki. Lakukan suntingan dan klik butang “OK” setelah selesai atau klik butang Padam (“Delete”) untuk memadamkan halaman.

Gambarajah 6.8c - Menyunting Kandungan/Artikel Untuk mengakses panel kawalan kandungan/artikel, sila ikuti langkah barikut: 1. 2. 3. 4. 5.

16

Dari laman utama klik ikon “Administration” dan paparan Panel Kawalan akan dibuka. Klik menu “Content”. Klik menu “Content” di bahagian bawah sekali lagi. Paparan “Content Manager” yang memaparkan semua kandungan/artikel yang terdapat di dalam portal anda akan dipaparkan. Sila klik pada pautan tajuk kandungan/artikel untuk menyunting/memadam kandungan/artikel tersebut.

6.9 Memasukkan Gambar atau Animasi GIF. Anda boleh memasukkan imej atau animasi GIF ke dalam portal anda menerusi ruangan “Editor” pada halaman atau kandungan/artikel. Imej yang hendak dimasukkan hendaklah di dalam salah satu format berikut: JPEG, TIFF, GIF, PNG, BMP dan sebagainya. Tips untuk anda - Anda adalah disarankan untuk mengecilkan saiz imej agar ianya tidak menjadi terlalu besar dan berat untuk dibuka oleh pengunjung portal anda. Untuk tujuan ini anda perlu menggunakan perisian pihak ketiga seperti IrfanView yang boleh di muat turun secara percuma dari http://www.irfanview.com. Untuk memasukkan gambar di halaman atau kandungan/artikel, sila ikuti langkah berikut: 1. 2.

3. 4. 5. 6. 7. 8.

Diruangan Editor, klik ikon dan paparan “Image Properties” akan dipaparkan. Klik butang “Browse Server” untuk memilih imej yang ada di dalam server. Jika imej tersebut tiada di dalam ruangan senarai gambar diserver, sila ikuti langkah 3 untuk memuatnaik imej atau sebaliknya sila terus ke langkah 6. Pada paparan “FCKeditor - Resources Browser” sila klik butang “Browse” dibahagian bawah dan paparan “Choose File” akan dipaparkan. Sila pilih fail gambar di dalam komputer anda dan kilik butang “Open”. klik butang “Upload” di bahagian bawah paparan “FCKeditor - Resources Browser” dan tunggu sehingga fail imej tersebut selesai dimuatnaik. Di ruangan senarai imej sila klik gambar yang ingin dimasukkan. Imej yang dipilih akan di paparkan diruangan “Preview” di paparan “Image Properties”. Sila tetapkan pilihan yang berikut: “Height” “Width” “Border” “HSpace” “VSpace” “Align”

Saiz tinggi imej Saiz lebar imej Saiz Border disekeliling imej. Letakkan “0” jika mahu tiada “Border” Jarak Horizontal teks dengan imej Jarak Vertikal teks dengan imej Tetapan jajaran teks dengan imej

9.

Untuk memasukkan hiperrangkai (Hyperlink) sila klik tab “Link” dan masukkan alamat URL yang berkenaan atau klik butang “browse” untuk pautan kepada fail lain di dalam server. 10. Sila klik butang “OK” setelah selesai atau butang “Cancel” untuk membatalkan. Untuk membuka semula paparan “Image Properties” sila klik butang kanan tetikus anda di atas imej dan pilih menu “Properties”.

17

6.10

Memasukkan Animasi Flash.

Selain imej dan animasi GIF, anda boleh memasukkan animasi “Flash” ke dalam portal anda menerusi ruangan “Editor” pada halaman atau kandungan/artikel. Animasi “Flash” yang hendak dimasukkan hendaklah di dalam salah satu format “.swf” atau “.flv”. Untuk memasukkan animasi “Flash” di halaman atau kandungan/artikel, sila ikuti langkah berikut: 1. 2.

3. 4. 5. 6. 7. 8.

9.

Diruangan Editor, klik ikon dan paparan “Flash Properties” akan dipaparkan. Klik butang “Browse Server” untuk memilih fail flash yang ada di dalam server. Jika imej tersebut tiada di dalam ruangan senarai gambar diserver, sila ikuti langkah 3 untuk memuatnaik imej atau sebaliknya sila terus ke langkah 6. Pada paparan “FCKeditor - Resources Browser” sila klik butang “Browse” dibahagian bawah dan paparan “Choose File” akan dipaparkan. Sila pilih fail flash di dalam komputer anda dan kilik butang “Open”. klik butang “Upload” di bahagian bawah paparan “FCKeditor - Resources Browser” dan tunggu sehingga fail flash tersebut selesai dimuatnaik. Di ruangan senarai fail flash sila klik nama fail flash yang ingin dimasukkan. Flash yang dipilih akan di paparkan diruangan “Preview” di paparan “Image Properties”. Sila tetapkan pilihan yang berikut: “Height” Saiz tinggi animasi flash “Width” Saiz Lebar animasi flash Sila klik butang “OK” setelah selesai atau butang “Cancel” untuk membatalkan.

Untuk membuka semula paparan “Flash Properties” sila klik butang kanan tetikus anda di atas ikon fail flash dan pilih menu “Properties”.

“EDITOR” 18

6.11

Menggunakan Jadual (Table).

Sepertimana anda menggunakan MS Word, anda boleh memasukkan jadual (Table) ke dalam Portal Whizz untuk merekacipta susun atur kandungan portal anda samada di halaman atau pada kandungan/artikel. Dengan cara ini anda dapat menghasilkan sebuah portal yang mempunyai susunatur imej dan teks yang menarik Untuk menggunakan jadual di halaman atau kandungan/artikel, sila ikuti langkah berikut: 1. 2. 3.

Diruangan Editor, klik ikon dan paparan “Table Properties” akan dipaparkan (seperti rajah di bawah). Anda perlu membuat tetapan bagi jadual yang ingin anda masukkan. Klik butang “OK” setelah selesai atau butang Batal (“Cancel”).

.

Menggabungkan 2 Sel. Untuk menggabungkan sel sila ikuti langkah berikut: 1. Klik pada sel pertama yang ingin digabungkan. 2. Klik butang kanan (Right Click) tetikus pada sel tersebut dan paparan menu pilihan akan dipaparkan 3. Bawa cursor tetikus ke menu “Cell” —> pilih “Merge Right” atau “Merge Down”. Membahagikan Sel. Untuk membahagikan sel sila ikuti langkah berikut: 1. Klik pada sel pertama yang ingin dibahagikan. 2. Klik butang kanan (Right Click) tetikus pada sel tersebut dan paparan menu pilihan akan dipaparkan 3. Bawa cursor tetikus ke menu “Cell” —> pilih “Split Cell Horizontally” atau “Split Cell Vertically”. 19

Mewarnakan Latarbelakang Sel (“Cell”) dan Garis Sempadan (“Border”). Untuk mewarnakan latarbelakang sel atau garis sempadan sila ikuti langkah berikut: 1. Klik pada sel yang ingin diwarnakan. 2. Klik butang kanan (Right Click) tetikus pada sel tersebut dan satu paparan menu pilihan akan dipaparkan 3. Bawa kursor tetikus ke menu “Cell” —> pilih “Cell Properties” dan paparan “Cell Properties akan dibuka. 4. Di bahagian “Background Color” sila klik “Select…” dan paparan pilihan warna akan dibuka. 5. SIla pilih dan klik warna latarbelakang yang dikehendaki dan kemudian klik butang “OK”. 6. Di bahagian “Border Color” sila klik “Select…” dan paparan pilihan warna akan dibuka. 7. SIla pilih dan klik warna garis sempadan yang dikehendaki dan kemudian klik butang “OK”. 8. Klik butang “OK” setelah selesai atau butang Batal (“Cancel”).

6.12

Mencipta Pautan (Link) Teks / Imej

Anda boleh membuat pautan teks atau imej ke alamat laman web lain atau fail di dalam Pelayan (“Server”). Sila ikuti langkah berikut untuk membuat pautan teks atau imej. 1. 2. 3.

4.

20

Bagi pautan teks sila pilih (“Hightlight”) teks yang ingin dibuat pautan. Manakala bagi imej pula sila klik pada imej tersebut. Klik ikon (Insert/Edit Link) & paparan tetingkap pautan (“Link”) akan dipaparkan (rajah di bawah. Sila masukkan alamat web/URL yang berkenaan untuk pautan ke laman web lain. Untuk pautan kepada fail dokumen seperti Word, Excel, Powerpoint atau Acrobat (PDF), sila klik butang “Browse Server” untuk mencari fail dokumen tersebut. Klik butang “OK” setelah selesai atau butang Batal (“Cancel”).

6.13

Memasukkan Kod Sumber HTML/JAVA

Portal Whizz membenarkan anda untuk memasukkan apa sahaja kod sumber seperti HTML, JAVA, PHP, CGI, Pearl dan sebagainya. Kod tersebut boleh dimasukkan ke dalam halaman atau kandungan/artikel. Antara contoh kod sumber tersebut adalah kod jam, kalendar, video “Youtube”, “No right click”, dan sebagainya. Kod tersebut boleh diperolehi dari laman web yang ada di internet. Sila rujuk bab Pautan Sumber untuk mendapatkan senarai laman web yang member kod sumber secara percuma. SIla ikuti langkah berikut untuk memasukkan kod sumber ke dalam portal anda. 1. 2. 3. 4.

6.14

Sila salin (“Copy”) kod sumber yang ingin dimasukkan terlebih dahulu. Diruangan Editor, klik ikon (lihat contoh seperti di dalam rajah di bawah) Tekan kekunci “Ctrl + V” atau klik butang kanan tetikus anda di ruangan editor dan klik “Paste”. Setelah kod dimasukkan, sila ikon “Save” atau klik butang “OK” dibahagian bawah.

Memasukkan Borang.

Dengan menggunakan Portal Whizz anda kini boleh membuat berbagai jenis borang dengan begitu mudah. Antara jenis borang yang biasanya digunakan adalah seperti borang pesanan, pertanyaan, laporan dan sebagainya. Sila ikut langkah berikut untuk membuat borang yang anda inginkan. Mencipta Borang Baru. 1. 2. 3. 4. 5.

Dari laman utama klik ikon “Administration” dan paparan Panel Kawalan akan dibuka. Klik menu “Tools” di bahagian panel kiri di panel kawalan. Klik “Form Manager” dan paparan “Form” akan dibuka di bahagian panel kanan. Klik butang “Create” di bahagian kanan panel kawalan dan paparan borang baru akan dipaparkan. Sila isikan ruangan yang berkenaan dengan butiran yang perlu.

21

“Form Name”

Masukkan nama borang anda. Cth: Borang Pesanan

“Intro”

Sila masukkan mesej permulaan untuk borang anda. Cth: “Sila lengkapkan borang pesanan berikut. SIla semak dengan teliti sebelum menghantar borang.”

“Confirmation” Sila masukkan mesej setelah pelawat menghantar borang. Cth: “Terima kasih. Borang pesanan anda telah dihantar. Untuk sebarang pertanya sila hubungi 03-1234 5678.

6. 7. 8. 9.

“Send Email To”

Masukkan alamat emel di mana borang tersebut akan dihantar. Cth: [email protected]

“Active”

Sila pilih “Yes” untuk mengaktifkan borang atau “No” untuk tidak mengaktifkan borang.

Setelah selesai klik butang “Continue”. Borang anda telah dicipta. Klik ikon “Add/Edit Fields” untuk memasukkan ruangan yang akan diisikan oleh pengunjung portal. Klik ikon “Add Field” disebelah kanan paparan. Sila isikan ruangan yang berkenaan. “Field Name” “Field Type”

“Required Field” “List Item”

Masukkan nama ruangan anda. Cth: Nama Anda. Pilih jenis ruangan. Pilihan adalah terdiri daripada: “Single-line box” - Sesuai untuk nama, no. telefon, alamat emel dan sebagainya. “Multi-line box” - Sesuai untuk alamat, komen, cadangan dan sebagainya. “Dropdown list” - Sesuai untuk beri pengunjung pilihan yang telah ditetapkan. Cth: kod produk, jenis bayaran, negeri dan sebagainya. “Radio Buttons” - Sesuai untuk beri pengunjung pilihan yang telah ditetapkan. Pengunjung hanya boleh memilih satu pilihan sahaja. Cth: kod produk, jenis bayaran, negeri dan sebagainya. “Checkbox” - Sesuai untuk beri pengunjung pilihan yang telah ditetapkan. Pengunjung boleh memilih lebih daripada satu pilihan. Cth: Buku kegemaran, Hobi dan sebagainya. Menetapkan samada ruangan tersebut wajib diisi atau tidak. Masukkan senarai pilihan sekiranya anda memilih “Dropdown List”, “Radio Buttons” atau “Checkbox” untuk “Field Type” di atas. Asingkan setiap pilihan dengan koma.

10. Sila ulangi langkah 8 & 9 untuk memasukkan ruangan yang seterusnya. 11. Setelah selesai semua ruangan dimasukkan, sila klik butang “Done”. 12. Proses mencipta borang telah selesai.

22

Memasukkan borang di halaman portal anda. Setelah borang anda siap dicipta. Seterusnya anda perlu memasukkan borang tersebut ke dalam halaman portal anda. Sila ikuti langkah yang berikut: 1. 2. 2. 4. 5.

7

Anda perlu membuat satu halaman baru terlebih dahulu seperti biasa (klik burang “Add a page…”. Masukkan nama halaman di bahagian “Page Title”. Cth: “Borang Pesanan”, “Daftar” dan sebagainya. Di bahagian “External Link” sila klik “Dropdown Box” dan pilih nama borang yang telah anda cipta sebelum ini. Klik butang “OK” setelah selesai atau butang Batal (“Cancel”). Klik pada nama halaman baru yang anda cipta untuk melihat borang tersebut.

PAUTAN SUMBER

Dibahagian ini disediakan beberapa pautan sumber yang berguna untuk portal anda. 1. 2. 3. 4. 5. 6. 7. 8. 9. 10.

http://www.javascriptkit.com http://www.csalim.com http://www.clocklink.com http://www.e-solat.gov.my http://www.123-banner.com http://www.bannerbreak.com http://www.javascriptfreecode.com http://www.hscripts.com http://www.irfanview.com http://hijriah.jentayu.com

11. http://www.islamicfinder.org 12. http://www.iconfinder.net

Memasukkan Kaunter Bilangan Pengunjung. Sila salin dan tampal “Paste” kod berikut menggunakan “Add an article…”

23

Emel Whizz 1

Pengenalan

Penggunaan email pada hari ini merupakan salah satu alat untuk berkomunikasi. Mengikut kajian yang dilakukan oleh IDC, menganggarkan sejumlah 31 bilion email dihantar pada tahun 2002 dan jumlah ini meningkat kepada 60 bilion pada tahun 2006. Kajian tersebut juga menganggarkan jumlah saiz yang dihantar adalah sebanyak 3.5 bilion gigabait pada tahun 2006. Dengan itu, email bukan lagi merupakan alat komunikasi yang mewah tetapi ianya merupakan satu keperluan bagi komunikasi, kerjasama dan pengendalian dalam tugas harian

2

Perlu Bantuan?

Hubungi Khidmat Pelanggan Whizz untuk bantuan 1. Emel pertanyaan anda ke “[email protected]” Type “Nama Domain Anda - Bantuan diperlukan” di dalam ruangan Subjek. 2. Bantuan menerusi telefon disediakan di dalam waktu pejabat. Hubungi +60 (3) 9172 5811.

3

Panduan Langkah Demi Langkah

Anda akan mengetahui bagaimana untuk mengakses emel anda dan membuat akaun emel baru di bahagian ini. Sebelum anda mula... A Buka alamat panel emel anda “http://mail.DomainAnda.com” atau “http://www.DomainAnda.com/mail” Buka pelayar internet anda. Cth. Internet Explorer, Mozilla Firefox, Opera dan sila masukkan alamat panel emel seperti di atas. B

Login masuk dengan menggunakan ID Pengguna dan Kata Laluan. Sila taip ID Pengguna dan Kata Laluan pada ruangan yang berkenaan dan klik butang “Login”

Sekarang sistem emel anda telah bersedia untuk digunakan....

24

3.1 Mencipta Akaun Emel Baru Untuk pengetahuan anda, hanya pengguna Portal Whizz Super sahaja yang diberikan kelebihan untuk mencipta akaun emel sendiri. Untuk melakukannya sila login masuk dengan menggunakan ID Pengurusan Emel (Mailadmin) dan kata laluan yang sah dan ikuti langkah berikut. 1. Klik butang “Options” di panel kiri. 2. Klik “MDaemon Settings” di bahagian panel kiri dan satu paparan baru akan dibuka iaitu “WebAdmin”. 3. Klik “Users” di panel kiri. 4. Klik butang “+New” dan paparan akaun baru akan dibuka. 5. Masukkan Nama Penuh akaun emel baru yang anda ingin cipta di ruangan “Full Name”. 6. Masukkan nama akaun emel di ruangan “Mailbox”. 7. Masukkan kata laluan bagi akaun emel tersebut pada ruangan “Password”. 8. Klik butang “Save”. 3.2 Menukar Kata Laluan Akaun Emel 1. 2. 3. 4. 5.

Klik butang “Options” di panel kiri. Masukkan kata laluan baru anda pada ruangan “Password” Masukkan kata laluan anda sekali lagi pada ruangan “Confirm Password” Klik butang “Save”. Kata laluan baru anda akan aktif pada login yang berikutnya.

3.3 Jawapan Automatik (Autoresponder) Apa?

Fungsi ini membolehkan akaun emel anda menghantar emel secara automatic kepada penghantar emel. Mengapa? Berguna untuk menghantar emel apabila anda tiada masa untuk membaca emel kerana sibuk bekerja atau bercuti. Bagaimana? Anda perlu konfigur akaun emel anda untuk menggunakan fungsi ini. SIla klik “Option” >>> “Personalize”. 3.4 Emel “Forwarding” Apa?

Fungsi ini membolehkan emel yang anda terima dihantar ke alamat akaun emel lain yang biasa digunakan. Mengapa? Berguna untuk menghantar salinan emel yang terima ke akaun emel lain. Bagaimana? Anda perlu konfigur akaun emel anda untuk menggunakan fungsi ini. SIla klik “Option” >>> “Personalize”.

25

4

PERSEDIAN TETAPAN EMEL PELANGGAN (“Email Client”)

Konfigur perisian emel anda berdasarkan maklumat yang berikut. Cth: Ms Outlook 2003/XP, Ms Outlook Express, Mozilla Thunderbird, Eudora dan sebagainya.

• • • •

“Outgoing Mail (SMTP) Server: www.DomainAnda.com “Incoming Mail (POP3) Server: www.DomainAnda.com “Email Account Username”: Alamat penuh emel anda “ Email Account Password”: Kata laluan akaun emel anda

4.1 MS Outlook 2003/XP 1. 2. 3. 4.

5.

6. 7. 8. 9.

26

Open Outlook, go to the ‘Tools’ menu, and click on ‘Email Accounts..’. Click Add, and then click Mail to open the Internet Connection Wizard. Click the circle next to ‘POP3’ and then click ‘Next’. This screen requires you to enter all your e-mail account information. Your Name : The name you want to appear on all e-mails you send out. E-mail Address : Your full E-mail Address User Name : Your full e-mail address with @yourdomain.com Password : Incoming Mail server (POP3) : www.yourdomain.com Outgoing Mail server (SMTP) : www.yourdomain.com Once you have filled in the blanks, click on ‘More Settings..’. In this window, click on the ‘Outgoing Server’ tab and ensure that the checkbox ‘My outgoing server (SMTP) requires authentication’ is checked. Make sure -Log on using Secure Password Authentication- is CHECKED. Click ‘Next’. The -Congratulations- window will appear. Click ‘Finish’ to complete the account setup.

4.2 MS Outlook Express 1. 2. 3. 4. 5. 6.

7. 8.

9. 10. 11. 12.

13. 14. 15.

Start Outlook Express, and on the Tools menu, click "Accounts" Click "Add", and then click Mail to open the Internet Connection Wizard On the Your Name page of the wizard, type your name as you want it to appear to everyone who gets e -mail from you, and then click "Next". On the Internet Explorer Address page, type your e-mail address, and then click "Next". The -Internet E-mail Address- screen will appear, enter your e-mail address, ([email protected]) Click -Next-. The E-Mail Server Names - screen will appear, enter the following information: My incoming mail server is a POP3 Incoming mail (POP3) server: mail.yourdomain.com Outgoing mail (SMTP) server: mail.yourdomain.com The Internet Mail Logon - screen will appear. Click the first -log on using- radio button and enter the following information: POP account name: Password: Click -Next-. The -Congratulations- window will appear. Click -Finish- to complete the account setup. The e-mail account that you have just set up will appear on the original Internet Accounts window. Highlight the account you have just set up by clicking on the account name once. Click on the Properties button to view the account properties Click on the Servers tab sheet. Click on the "My server requires authentication" tick box. Your e-mail account has now been set up!

4.3 Netscape Communicator 4.x 1. 2. 3. 4. 5. 6. 7. 8. 9. 10.

Open Netscape Communicator 4.x From the menu click Edit: The Edit menu will drop down. Click Preferences: The Preferences screen will open. In the -E-mail Address- box, type your full e-mail address (e.g. [email protected]). Click the -Next- button. In the Choose Name and Directory for your profile, click the -Next- button. Delete the contents of the -Outgoing mail (SMTP) server- box, and type -mail.yourdomain.com-. Click the -Next- button. In the -Mail server user name- box, type your full e-mail address (e.g. [email protected]). Delete the contents of the -Incoming Mail Server- box, and type mail.yourdomain.com Click the -POP3- radio button in the -Mail Server type- area. Click the -Next- button. Click the -Finish- button.

27

4.4 Mozilla Thunderbird 1.5 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21.

Start Mozilla. Once it's open, select -Tools- on the navigation bar and then click on “Account Settings”. Click “Add Account”. Select “E-mail account” then click “Next”. Enter “Your Name” and “Email Address” then click “Next”. Check “POP” and enter “mail.yourdomain.com” and then click”Next”. Type-in your incoming user name (e.g. [email protected]). Enter your account name e.g. Business Email Congratulations! You're done. Click 'Finish' to complete your setup.6.5 MOZILLA 1.x Start Mozilla and click on the -Mail- icon in the lower left corner. Once mail is open, click -Edit- then -Mail & Newsgroups Account Settings-. Click -Add Account-. Select -E-mail account- then click -Next-. Enter -Your Name- and -E-mail Address- then click -Next-. Select -POP- and enter mail.domain.com as shown then click -Next-. Enter your complete e-mail address for -User Name- then click -Next-. Enter your complete e-mail address for -Account Name- then click -Next-. Click -Finish- to save settings. Again, click -Edit- then -Mail & Newsgroups Account Settings-. Select -Outgoing Server (SMTP)-. Enter mail.yourdomain.com and your -User Name-. Click -OK- to save.

4.5 Eudora 5.x & 6.x 1. 2. 3. 4. 5. 6. 7. 8. 9.

28

In Eudora, go to the -Tools- menu and select -Options-. In the Options window, you will see several icons on the left. Select -Getting Started-. In the -Real Name- field, type your name the way you would like people to see it when they get e-mail from you. For example, John Doe. In the -Return Address- field, enter your e-mail address. For example: [email protected]. In the -Mail Server (Incoming)- field, enter the POP mail server as mail.yourdomain.com In the -Login Name- field, enter the login name as [email protected] In the -SMTP Server (Outgoing)- field, enter the SMTP or Outgoing mail server as mail.yourdomain.com There should be a check in the -Allow Authentication- field. Leave the check there. If you do not see a check in the box, click on the box with your mouse until a check appears. Click -OK-. This completes the basic setup - you should now be able to send and receive e-mail in Eudora.

29