Migrasi dan menerbit web

LnP 04.01
Migrasi dan Backup Sistem
SAP 4403 MIGRASI DAN MENERBIT WEB

HASIL PEMBELAJARAN
Di akhir LA ini, para pelajar akan boleh:-
Mengaplikasikan proses migrasi sistem ke server
Mengaplikasikan proses backup system dengan betul
Melaksanakan proses menerbit (publish) laman web
Melaksanakan proses menentusahkan kebolehfungsian
sistem berasaskan web

PENILAIAN
TEORI MARKAH
LnP 04.01 LnP 04.02
70%
KUIZ 4% 4%
TUGASAN 4% 4%
PERSEMBAHAN PROJEK 4%
AMALI
AMALI 10% 10%
PROJEK 30%

4.1 DEFINISI MIGRASI SISTEM
KE SERVER

4.1.1 KONSEP MIGRASI SISTEM
KE SERVER
• Xampp Server disarankan digunakan sebagai simulasi
sebelum diaplikasikan perubahan sebenar di laman web
di internet.
• Ia sesuai juga digunakan untuk menguji kesesuaian
rekabentuk antaramuka dan pangkalan data. Setelah
rekabentuk antaramuka dan pangkalan data selesai
diubahsuai, barulah fail-fail yang telah diubahsuai
dimuatnaik semula.
Menggunakan Xampp Server sebagai Server Hosting

4.1.1 KONSEP MIGRASI SISTEM
KE SERVER
Dilakukan menggunakan local server
Dilakukan menggunakan web server

4.2 KAEDAH PEMINDAHAN FAIL LAMAN
WEB DAN PANGKALAN DATA KE
DESTINASI SERVER MENGGUNAKAN
APLIKASI SERVER YANG SESUAI
• Penggunaan Xampp server sebagai destinasi server
• Pelaksanaan instalasi Xampp server perlu dilakukan
untuk menggunakan aplikasi Xampp server. (instalasi
Xampp server telah dibuat di LA01)

4.2.1 LANGKAH PEMINDAHAN FAIL
LAMAN WEB KE DESTINASI
SERVER (XAMPP SERVER)
Langkah 1
•Pastikan apache dan mysql di Xampp control panel aktif
(running)

Langkah 2
•Cipta folder tempat penyimpanan di htdocs dalam xampp
Folder htdocs berada di dalam folder xampp di drive c:
C:/xampp/htdocs/
Di dalam folder htdocs, cipta folder sebagai media
penyimpanan. (contoh folder yang dicipta : lamanwebKu)

Langkah 3
•Pindahkan semua fail laman web ke dalam folder yang
dicipta.
Contoh : Pindahkan semua fail laman web ke dalam
folder lamanwebKu

Langkah 4
•Buka browser web
•Taipkan url :
localhost/nama_folder_dihtdocs_tempat_anda_menyimpan
_file.php
Contoh : localhost/lamanwebKu

4.2.2 LANGKAH PEMINDAHAN
PANGKALAN DATA KE DESTINASI
Langkah 1
•Pastikan apache dan mysql di Xampp control panel aktif
(running)

Langkah 2
•Uji konfigurasi sambungan aplikasi PHP dengan pangkalan
data MySQL (aplikasi phpMyAdmin)
Aplikasi phpMyAdmin ialah di dalam pakej Xampp server
Xampp menyediakan aplikasi ini untuk memudahkan capaian
pangkalan data. Jika sebelum biasanya pangkalan data dicapai
menggunakan console atau cmd Windows
Aplikasi phpMyAdmin merupakan sebuah aplikasi pengurusan
pangkalan data MySQL yang berasaskan web

Langkah 2
•Pengujian capaian phpMyAdmin adalah seperti berikut :
Taip alamat URL berikut di web browser :
http://localhost/phpmyadmin/

Langkah 2
•Atau pengujian capaian phpMyAdmin adalah seperti
berikut :
Taip alamat URL berikut di web browser :
http://localhost/xampp
Pilih menu phpMyAdmin

Langkah 2
•Jika muncul paparan seperti berikut, bermaksud MySQL
Server belum aktif (running). Aktifkan MySQL dari Xampp
Control Panel

Langkah 3
•Untuk memindahkan dail pangkalan data, pastikan fail
pangkalan data adalah dalam format .sql

Langkah 4
•Apabila berjaya pengujian capaian ke aplikasi
phpMyAdmin, bina pangkalan data baru (contoh :
db_webku)
1
2

Langkah 5
•Klik pada pilihan pangkalan data yang baru dibina,

Langkah 6
•Klik tab menu Import

Langkah 7
•Klik pada butang Choose File

Langkah 8
•Pilih fail pangkalan data di lokasi penyimpanan
1
2

Langkah 9
•Klik butang Go

Langkah 10
•Status berjaya import akan dipaparkan jika proses
memindahkan pangkalan data ke xampp server berjaya

4.3 KONFIGURASI SAMBUNGAN
PANGKALAN DATA KE SERVER

• Ikuti langkah-langkah berikut untuk membuat konfigurasi
sambungan pangkalan data ke server
1. Buka folder yang menyimpan fail-fail laman web (contoh
: lamanwebKu)
2. Cari fail config.php

Konfigurasi
sambungan

4.4 DEFINISI BACKUP SISTEM
Backup ialah satu proses melakukan salinan pendua untuk data
biasanya dilakukan dengan tujuan untuk melindungi data jika storan
gagal berfungsi dan melindungi data jika berlaku bencana seperti
banjir , kebakaran dan sebagainya

4.5 KEPENTINGAN BACKUP
SISTEM
Melindungi keselamatan data daripada
bencana dan kerosakan storan secara fizikal.
Menjimatkan masa dan wang sekiranya
berlaku kerosakan atau kehilangan data ,
data asal boleh diperolehi daripada
media backup tanpa perlu membuatnya
semula.
Melindungi daripada kerosakan
data akibat
serangan virus komputer atau
yang seumpama dengannya.

4.5.1 KATEGORI BACKUP
• Data peribadi
• Data rasmi jabatan
• Data laman web
• Data kod aplikasi
• Data manual pengguna
• Data arkib
• Data pangkalan data
• Data server
• Data drive komputer
• Data installer perisian komputer

4.5.2 BILA BACKUP
DILAKSANAKAN?
• Aplikasi baru
• Upgrade server
• Format PC
• Dokumentasi
• Membangunkan sistem
• Update Patches
• Backup berkala data

4.6 JENIS MEDIA STORAN
Media backup dan kesesuaiannya
•Tentukan kuantiti dan saiz fail
•Anggarkan tambahan saiz
•Tentukan jenis data

• DISKET
 Cakera liut atau disket ialah perantara storan yang
mudah dibawa dan murah.
Ia boleh digunakan dari satu komputer dengan
komputer yang lain.
Sebelum menyimpan data dalam disket ia mestilah di
format dahulu.
'Formatting' ialah proses memformat sesuatu disket
atau cakera keras dengan aplikasi tertentu.

• PENDRIVE
Memberikan lebih ruang saiz kapasiti storan
berbanding disket atau cakera zip
Jenis pendrive yang terdapat di pasaran:-
• Kingston
• Kingmax
• Toshiba

• CAKERA KERAS (Hard Disk)
Memberikan lebih ruang saiz kapasiti storan
berbanding USB flash drive atau disket
Cakera keras terletak dalam unit sistem utama
Terdapat portable hardisk yang lebih ringan dan kecil
yang boleh dibawa ke mana-mana tetapi
penggunaannya masih kurang.

• CD - ROM
Compact Disc Read-Only Memory
Ianya tidak boleh dipadamkan atau diubahsuai. Oleh
itu namanya hanya untuk baca sahaja.
CD - ROM boleh menyimpan 650 MB data hingga
100 GigaByte, pengajaran dan maklumat.
Saiz CD adalah bergaris pusat 4.6”

37
• DISK VIDEO DIGITAL ( DVD )
• Jenis DVD mengikut versi:
1. DVD-ROM. Boleh mencapai
2. 4.7 GBSaiz tertinggi sehingga 17
GB.
3. DVD-R (recordable) boleh
mencapai saiz 3.9 GB per side.
4. DVD RAM boleh tulis dan baca
seperti HD• ZIP DISK
Zip Disk boleh menyimpan data
sehingga 100MB hingga 750MB
yang biasanya digunakan untuk
menyimpan fail bagi tujuan backup
External
Zip drive
Zip disk

• BACKUP TAPE
Antara media backup yang paling banyak digunakan.
Sesuai untuk backup pangkalan data.

• Online Storage
http://www.ibackup.com/
http://www.datadepositbox.com/
http://www.idrive.com/
http://www.backupright.com/
http://www.dropbox.com/

• OFFSITE BACKUP
Biasanya dilakukan untuk backup keseluruhan
sistem aplikasi di lokasi yang berlainan. Kaedah ini
memerlukan kos yang tinggi.
• SERVER
Biasanya pembangunan aplikasi akan menggunakan
server lain untuk backup data sistem yang sedang
dibangunkan.

• Perisian untuk backup data
Microsoft SyncToy
• http://www.microsoft.com/windowsxp/using/digitalphotography/prophoto/synctoy.mspx
Microsoft Windows XP Backup
• http://www.microsoft.com/windowsxp/using/setup/learnmore/bott_03july14.mspx
Third Party Software
• Roxio Backup My PC
• Nero BackItUp
Ghost
• http://www.symantec.com/norton/products/overview.jsp?pcid=br&pvid=ghost12

4.7 JENIS PROSES BACKUP
• Full backup backup keseluruhan data yang terlibat.
Kaedah ini sesuai untuk backup keseluruhan server,
pangkalan data dan maklumat serta dokumen yang
bukan sulit.
• Differential backup : backup hanya data yang
berubah sahaja. Kaedah ini sesuai untuk backup
seperti contohnya fasa pembangunan sistem. Apabila
selesai satu modul pembangunan sistem hanya perlu
backup modul yang terlibat sahaja.

4.7.1 KEKERAPAN BACKUP
1. Backup harian
2. Backup mingguan
3. Backup bulanan
4. Mengikut keperluan

4.7.2 LANGKAH KESELAMATAN
DATA BACKUP
• Guna katalaluan
• Simpan data backup jauh dari lokasi data asal
• Log data backup
• Buat lebih dari satu salinan backup
• Jalankan penyelenggaraan berkala
• Simpan data backup sulit ditempat yang selamat
• Jangan backup data di storan yang dijangkiti virus

4.8 KAEDAH MELAKUKAN BACKUP
SISTEM
• Proses backup ialah langkah - langkah yang diambil
apabila melaksanakan proses backup. Satu langkah
yang tersusun perlu diambil bagi memastikan data yang
berkaitan sentiasa berada dalam keadaan yang selamat.

SISTEM
• Kaedah dan contoh kes backup (untuk sistem baru)
Keterangan :
Sistem baru ialah aplikasi baru yang ingin di masukkan ke dalam server. Ada 2 kes
berasingan iaitu kes A : server yang sudah mempunyai aplikasi di dalamnya dan kes
B : server baru.

SISTEM

SISTEM
• Kaedah dan contoh kes backup (penyelenggaraan)
Keterangan : Penyelenggaraan ialah kerja pengemaskinian perkakasan . Ada 2 kes
berasingan iaitu kes A :Penyelenggaraan PC kes B : Pangkalan Data kes C :
Server

4.8 KAEDAH MELAKUKAN BACKUP SISTEM

SISTEM
• Kaedah dan contoh kes backup (sistem dalaman)
Keterangan : Sistem dalaman ialah sistem atau aplikasi yang dibangunkan di dalam
jabatan atau organisasi itu sendiri.

SISTEM
• Kaedah dan contoh kes backup (pangkalan data)
Keterangan : Merujuk kepada semua data yang telah dimasukkan ke dalam pangkalan
data dari mana sistem online yang berkaitan.

LnP 04.02
Menerbit (Publish) Laman Web
SAP 4403 MIGRASI DAN MENERBIT WEB

4.1 KONSEP MENERBIT (PUBLISH)
LAMAN WEB

LAMAN WEB
1. Client browser send a request for HTML document to web server
2. Web server try to find and read the document at server directory
3. Web server send the HTML document to the client browser
4. User may click a submit button in the HTML form that make a call to web server
to run CGI program at server directory
5. If CGI program is exist, web server will try to invoke the OS to run it
6. CGI program may make a connection to database application to retrieve data
7. CGI program then pass any data requested by user to the Web server
8. Web server send the data to client browser

LAMAN WEB
Penerangan gambarajah:
1.Fail laman web perlu disimpan dalam Server Web Hosting
2.Pengunjung mengunjung laman web tersebut melalui alamat URL atau Nama
Domain

4.2 PENGENALAN ISTILAH
HOSTING, DOMAIN & SUBDOMAIN
Istilah Hosting :
Sebuah komputer biasa tetapi mempunyai kelebihan dari
hardware dan software untuk dijadikan sebuah server,
serta mempunyai kemampuan online 24 jam setiap hari
atau sering disebut 24/7 iaitu 24 jam 7 hari.
Istilah Domain :
Adalah nama unik yang diberikan untuk identiti nama
server komputer. Nama Domain membolehkan pengguna
internet membuat capaian kepada laman web.
Contoh nama domain :
•lamanwebKu.com atau 202.123.44.233

HOSTING DAN DOMAIN
Istilah subdomain:
Subdomain merupakan bahagian dari nama domain.
Contoh subdomain :
•www. lamanwebKu.com
•blogs. lamanwebKu.com
•support. lamanwebKu.com
•Id. lamanwebKu.com
Daripada contoh diatas, subdomain adalah : www, blogs,
support dan id

HOSTING, DOMAIN & SUBDOMAIN
www.lamanwebKu.com
blogs.webku.com
Hosting
Hosting
Domain
Domain
Pengguna internet

4.3 PROTOKOL PINDAHAN FAIL
(FILE TRANSFER PROTOKOL)
• Merupakan satu kaedah piawai memindahkan fail
melalui internet.
• Adalah cara termudah untuk bertukar-tukar fail antara
komputer-komputer dalam internet
• Digunakan untuk memuat naik dan memuat turun
laman-laman web, perisian-perisian, klip video dan
muzik digital serta berkongsi fail dengan pengguna lain.

4.3 PROTOKOL PINDAHAN FAIL

4.3.1 JENIS PROTOKOL PINDAHAN FAIL
• Terdapat dua jenis FTP, iaitu:
– Pelayan FTP terkawal : memberikan servis berbayar
dan pengguna perlu mempunyai akaun.
– Pelayan FTP Anonymous : servis percuma.

4.3.1 JENIS PROTOKOL PINDAHAN FAIL
• Terdapat banyak tapak FTP yang popular yang
mempunyai pelbagai tapak lain dengan informasi yang
sama. Tapak ini dikenali sebagai tapak cermin (mirror
site), bertujuan membantu mengurangkan kesesakan
pada tapak popular dengan menawarkan tapak alternatif
kepada pengguna. Ia menghasilkan sambungan yang
lebih cepat.

4.3.2 FUNGSI PROTOKOL
PEMINDAHAN FAIL (FTP/SFTP)
• Salah satu perkhidmatan yang dapat diperolehi daripada
kemudahan internet.
• Ia menggunakan protokol pindahan fail iaitu satu
protokol aplikasi yang turut menggunakan protokol
internet TCP/IP

4.3.3 PROSES PEMINDAHAN FAIL
• Terdapat 2 proses yang terlibat dalam pemindahan fail
iaitu:
– Proses muat naik (Upload)
– Proses muat turun (download)
• Muat naik – merujuk kepada pindahan fail-fail daripada
pengguna kepada pelayan FTP
• Muat turun – merujuk kepada pindahan fail-fail daripada
pelayan FTP kepada komputer pengguna

Rajah di bawah menunjukkan sambungan pengguna/pelayan FTP
UPLOAD
DOWNLOAD
PELAYAN FTPKOMPUTER PENGGUNA
4.3.4 PROSES PEMINDAHAN FAIL

4.3.5 PENGGUNA-PELAYAN FTP
• Pelayan FTP ialah komputer yang telah dikonfigurasi
untuk menerima permintaan FTP
• Ia menyimpan berbagai-bagai jenis maklumat yang
sangat banyak dan boleh diakses oleh sesiapa sahaja
melalui FTP
• Dalam sambungan pengguna-pelayan FTP (FTP
client/server), komputer pengguna dipanggil komputer
tempatan
• Pelayan FTP pula dipanggil sebagai hos atau komputer
jauh

4.3.6 JENIS-JENIS PROGRAM FTP
1. Freeware (perisian percuma)
Perisian yang boleh diperolehi secara percuma
dari Internet
1. Shareware (perisian kongsi)
Perisian percubaan yang boleh digunakan
secara percuma dalam tempoh masa tertentu.
Setelah tamat tempoh, pengguna akan diminta
untuk membuat bayaran sekiranya pengguna
berminat meneruskan penggunaannya.
1. Text files (Fail teks)
Fail berbentuk teks semata-mata. Juga dikenali
sebagai fail ASCII.

4. Binary Files (Fail Binari)
Fail yang mungkin terdiri daripada program
(aturcara), gambar, bunyi atau video.
5. Compressed Files (Fail Pemampatan)
Kebanyakan fail besar yang disimpan di tapak FTP
akan dimampatkan (dikecilkan saiznya).
Ia bertujuan menjimatkan ruangan dan
mempercepatkan pemindahan fail ke komputer.
Fail akan dinyahmampat (dikembangkan semula ke
saiz asal) sebelum boleh digunakan.
Contoh fail: .arc, .arj, .ihz, .pak, .zip

6. Archived Files (Fail Arkib)
Aturcara, disimpan di tapak FTP, memerlukan
kumpulan fail yang besar untuk berfungsi.
Kesemua fail ini dibungkus atau diarkibkan ke
dalam satu fail.
6. Full Motion, Full-Screen Video (Video Skrin Penuh
pergerakan penuh)
Penggunaan MPEG untuk menyahmampat fail
video dengan tujuan memindahkan fail video ke
komputer dengan lebih cepat.

4.3.7 WinZip
• Fail dan perisian dalam Internet biasanya disimpan
dalam fail arkib.
• Pengarkiban ialah proses mengambil satu atau lebih fail,
memampatkan fail dan kemudian menyimpannya dalam
fail arkib.
• Fail arkib ini adalah lebih kecil daripada jumlah fail yang
terkandung di dalamnya.

• Banyak perisian pengarkiban yang ada pada masa ini,
tetapi yang biasa digunakan ialah .zip.
• Format ini digunakan untuk memampat dan
menyahmampat kebanyakan jenis fail termampat yang lain.
• Proses memampatkan data, bukan sahaja
mempercepatkan penghantaran fail menerusi Internet,
malah dapat menjimatkan ruang pada peranti-peranti
storan.

Samb…
• Contoh Perisian Memampat Fail
– Winzip : www.winzip.com
– Pkzip : www.pkware.com
– winace : www.winace.com

4.4 LANGKAH-LANGKAH MENERBIT
(PUBLISH ) LAMAN WEB

4.4.1 MUATNAIK FAIL LAMAN WEB
MENGGUNAKAN PERISIAN FTP
(FileZilla)
Langkah 1
•Pastikan software Filezilla telah dipasang (install) di
komputer anda. Jika belum anda dapat memuat turun
software filezilla secara percuma di www.filezilla
-project.org/download.php atau
http://sourceforge.net/projects/filezilla. Setelah selesai
memuat turun, anda perlu membuat proses instalasi
program tersebut.

(FileZilla)
Langkah 2
•Buka FTP Client FileZilla :

(FileZilla)
Langkah 3
•Masukan Host, Username, dan Password :
•Maklumat tersebut boleh diperolehi di emel pengaktifan akaun
cPanel
•Klik Quickconnect untuk membuat sambungan ke FTP
•Tunggu sehingga status berjaya
Host : Di isi dengan domain anda (tanpa www) atau temporary IP yang di
berikan melalui email pada subject “Detail Hosting Anda”
Username : Masukan username cPanel anda
Password : Masukan password cPanel anda
Port : Kosongkan Port, untuk menggunakan port default

(FileZilla)
1
2
3

(FileZilla)
Langkah 4
•Sediakan lokasi folder fail web. Pastikan semua fail web
berada dalam satu folder
•Sedia untuk di muatnaik (upload) melalui FTP client dari
PC/Notebook anda dan pastikan semua fail web
dimuatnaik

(FileZilla)
Langkah 5
•Pastikan lokasi folder fail web pada localhost anda (di
sebelah kiri FileZilla Client anda) seperti pada gambar
berikut :

(FileZilla)
Langkah 6
•Blok (highlight) semua fail web yang akan di upload pada
server hosting anda
•Klik kanan, pilih Upload
•Pastikan untuk upload ke folder public_html pada server
hosting anda.

(FileZilla)

(FileZilla)
Langkah 7
•Tunggu hingga semua file dimuatnaik dengan sempurna
•Status muatnaik boleh dilihat seperti berikut:
Status berjaya
muatnaik
Status bilangan
fail yang masih
dalam proses
muatnaik gagal
muatnaik,
berjaya
dimuatnaik,
Fail web
yang
berjaya
dimuatnaik

4.5 KONSEP KEBOLEHFUNGSIAN
SISTEM BERASASKAN WEB YANG
TELAH DITERBITKAN

4.5.1 KEBOLEHFUNGSIAN
NAVIGASI
• Pembangun web perlu bangunkan web yang
mempunyai sistem navigasi yang baik.
• Navigasi yang baik akan membuat pengunjung
web lebih mudah dan cepat mencari
maklumat dalam halaman web.
• Kemudahan carian maklumat adalah sangat
menjamin kunjungan yang berulang kali dari
pengunjung web.

NAVIGASI
• Ciri-ciri navigasi web yang baik ialah seperti berikut:
1. Membuat fungsi carian (kotak carian)
 Kotak carian akan membuat pengunjung web lebih
mudah untuk mendapatkan maklumat yang dicari.
2. Membuat peta web
 Peta web membantu pengunjung secara visual untuk
mengetahui dimana untuk mendapatkan maklumat yang
dicari pada halaman web.
 Peta web ini sangat disarankan kepada web yang
mempunyai halaman web yang banyak.

NAVIGASI
3. Web multilevel
 Web multilevel memudahkan pengunjung untuk
bergerak dari satu halaman yang mengandungi
maklumat 1 ke maklumat 2
 Ini menjadikan capaian maklumat adalah lebih cepat
4. Penggunaan kata secara tepat
 Penggunaan kata yang tepat pada menu navigasi
adalah sangat penting untuk memastikan pengunjung
mendapat petunjuk yang jelas.
 Setiap menu navigasi melambangkan isi kandungan
halaman.

NAVIGASI
5. Menggunakan menu navigasi yang sama
 Menggunakan menu navigasi yang sama (format sama)
bagi setiap halaman. Ini bertujuan untuk mengelakkan
kekeliruan pengunjung.
6. Penggunaan Menu Drop Down
 Menggunakan menu drop down bagi navigasi yang
mempunyai sub-navigasi (Maklumat yang berkaitan).
 Ini dapat memudahkan dan memberi capaian cepat

NAVIGASI
7. Penggunaan istilah umum
 Menggunakan istilah – istilah umum (seperti home,
service, products, dan lain-lain) untuk penamaan menu
navigasi.

4.5.2 KEBOLEHFUNGSIAN FORMAT
CSS
• Pengujian rekabentuk web dapat diuji dengan berbagai
ukuran revolusi. Penggunaan format CSS juga boleh
menentukan daya tarik sesebuah web
• Penggunaan format CSS seperti :
 Format imej yang digunakan
 Komposisi warna yang konsisten
 Layout grafik yang konsisten
 Teks yang mudah dibaca
 Penggunaan grafik
 Penggunaan animasi

SEMAKAN KANDUNGAN
(CONTENT CHECKING)
• Bahagian kandungan web adalah sangat penting kerana
mengandungi maklumat-maklumat utama.
• Ciri-ciri kandungan web yang bagus ialah seperti berikut:
 Kandungan web relevan dengan tujuan web
dibangunkan
 Kandungan web berguna dan bermanfaat. Setiap
maklumat adalah jelas, sahih dan terkini
 Gaya penulisan dan bahasa adalah sesuai dengan
tujuan web dan target penggunanya
 Memaparkan sumber rujukan maklumat dalam
kandungan web.
 Unsur-unsur multimedia yang dimasukkan perlu selari
dengan kesesuaian objektif web dibangunkan

Migrasi dan menerbit web

More Related Content

What's hot (19)

Viewers also liked (20)

More from cyberns_ (20)

Recently uploaded (20)

Migrasi dan menerbit web

Editor's Notes