3.1 3.1.2MENTERJEMAH ATUR CARA MUDAH YANG DIBERI DARIPADA BAHASA PENSKRIPAN KLIEN KEPADA CARTA ALIR101ATURCARA PENGUMPULAN NILAI-NILAI DALAM STRUKTUR QUEUEOUTPUT
3.1 3.1.2MENTERJEMAH ATUR CARA MUDAH YANG DIBERI DARIPADA BAHASA PENSKRIPAN KLIEN KEPADA CARTA ALIR102CARTA ALIR PENGUMPULAN NILAI-NILAI DALAM STRUKTUR QUEUE
3.1 3.1.2MENTERJEMAH ATUR CARA MUDAH YANG DIBERI DARIPADA BAHASA PENSKRIPAN KLIEN KEPADA CARTA ALIR103ATURCARA PENGUMPULAN NILAI-NILAI DALAM STRUKTUR QUEUEOUTPUT
3.1 3.1.2MENTERJEMAH ATUR CARA MUDAH YANG DIBERI DARIPADA BAHASA PENSKRIPAN KLIEN KEPADA CARTA ALIR104CARTA ALIR PENGUMPULAN NILAI-NILAI DALAM STRUKTUR QUEUE
3.1 3.1.3MENGGUNAKAN PEMALAR,PEMBOLEHUBAH DAN JENIS DATA BERLAINAN DALAM ATUR CARA 105PEMBOLEH UBAH• Ruang ingatan yang digunakan untukmenyimpan nilai sementara sewaktu aturcara diproses.•Nilainya boleh berubah-ubah mengikutpenggunaan pemboleh ubah atau arahankepada pemboleh ubah.• Setiap pemboleh ubah akan diberi namamengikut nilai yang disimpan.• Pengecam : Nama yang diberi kepadapemboleh ubah.CONTOH PEMBOLEH UBAHNILAI NAMA PEMBOLEH UBAHNilai Gaji Pekerja gajiPekerjaNama Pelajar namaPelajarPEMALAR• Ruang ingatan yang digunakan untukmenyimpan nilai sementara sewaktu aturcara diproses.• Sama seperti pemboleh ubah tetapi nilainyatidak boleh berubah-ubah kerana nilai yang ditentukan itu merupakan satu nilai yang telah ditetapkan dalam atur cara.CONTOH PEMALAR▪ Nilai pi 3.142▪ Bilangan hari dalam seminggu 7 hariJENIS DATA• Jenis nilai atau pelbagai set data yang digunakan dalam atur cara. JENIS DATA CONTOH DATANombor 5 100.50Rentetan (String) “ Ali bin Abu” “ BMW 318i “Boolean true false
ISIHAN BUIH (BUBBLE SORT) – JENIS DATA NOMBOROUTPUT1063.1 3.1.3MENGGUNAKAN PEMALAR,PEMBOLEHUBAH DAN JENIS DATA BERLAINAN DALAM ATUR CARA
ISIHAN BUIH (BUBBLE SORT) – JENIS DATA STRINGOUTPUT1073.1 3.1.3MENGGUNAKAN PEMALAR,PEMBOLEHUBAH DAN JENIS DATA BERLAINAN DALAM ATUR CARA
ISIHAN PILIH (SELECTION SORT) – JENIS DATA STRINGOUTPUT1083.1 3.1.3MENGGUNAKAN PEMALAR,PEMBOLEHUBAH DAN JENIS DATA BERLAINAN DALAM ATUR CARA
CARIAN PERDUAAN (BINARY SERACH) – JENIS DATA STRINGOUTPUT1093.1 3.1.3MENGGUNAKAN PEMALAR,PEMBOLEHUBAH DAN JENIS DATA BERLAINAN DALAM ATUR CARA
PENGUMPUKAN NILAI DALAM QUEUE– JENIS DATA NOMBOROUTPUT1103.1 3.1.3MENGGUNAKAN PEMALAR,PEMBOLEHUBAH DAN JENIS DATA BERLAINAN DALAM ATUR CARA
PENGUMPUKAN NILAI DALAM QUEUE– JENIS DATA STRINGOUTPUT1113.1 3.1.3MENGGUNAKAN PEMALAR,PEMBOLEHUBAH DAN JENIS DATA BERLAINAN DALAM ATUR CARA
3.1 3.1.4 MENGGUNAKAN STRUKTUR KAWALAN DALAM ATUR CARA112STRUKTUR KAWALAN• Akan mengawal aliran atur cara satu blok kod atur cara.• Pernyataan ini akan menentukan sama ada pernyataan akan dilaksanakan atau tidak, termasuk mengulang pernyataan dalam satu blok kod.STRUKTUR KAWALAN (dalam Javascript)Berjujukan Pilihan UlanganMULAPenyataan 1Penyataan 2Penyataan 3TAMATMULAPenyataan 1 Penyataan 2TAMATSyarat?MULASyarat?TAMATBlok Penyataan
3.1 3.1.4 MENGGUNAKAN STRUKTUR KAWALAN DALAM ATUR CARA113STRUKTUR KAWALAN JUJUKAN• Arahan atau pernyataan dilaksanakan mengikut tertib sepertimana yang diarahkandalam suatu kod atur cara tanpa perlu memeriksa sebarang syarat.• Antara pernyataan yang terdapat dalam struktur kawalan jujukan ialah input data, proses seperti pengiraan (operasi matematik) dan paparan cetakan output.• Input data boleh diterima daripada pengguna (secara interaktif) atau ditetapkandalam atur cara.
1143.1 3.1.4 MENGGUNAKAN STRUKTUR KAWALAN DALAM ATUR CARACONTOH ATUR CARA STRUKTUR KAWALAN JUJUKANATURCARA OUTPUT
3.1 3.1.4 MENGGUNAKAN STRUKTUR KAWALAN DALAM ATUR CARA115STRUKTUR KAWALAN PILIHAN• Memerlukan pernyataan bersyarat yang akan melaksanakan satu pernyataan atausatu blok yang ditutupi “ { “ dan “ }”.• Pernyataan bersyarat dilaksanakan dengan menggunakan pernyataan yang dipanggilungkapan logik yang terdiri daripada operator hubungan.• Ungkapan logik akan menghasilkan nilai Boolean iaitu true atau false untukmenentukan sama ada pernyataan atau satu blok kod akan dilaksanakan atau tidak.• Pernyataan : if … dan if …else…• Dalam pernyataan if..else.., dua atau lebih syarat boolean boleh diuji serentakdengan menggabungkan syarat boolean melalui operator logikal.OPERATOR HUBUNGANDigunakan untuk membandingkan dua nilaibagi menghasilkan keputusan Boolean.== sama dengan!= tidak sama dengan> lebih besar daripada>=lebih besar daripada atau samadengan< Kurang daripada<= Kurang atau sama denganMULAAdakahSyaratbenar?TAMATLaksanakenyataan inijika benarMULALaksanapernyataan inijika palsuLaksanapernyataan inijika benar.TAMATAdakahSyaratbenar?OPERATOR LOGIKAL&& AND|| OR! NOT
1163.1 3.1.4 MENGGUNAKAN STRUKTUR KAWALAN DALAM ATUR CARACONTOH ATUR CARA STRUKTUR KAWALAN PILIHANATURCARAOUTPUT
1173.1 3.1.4 MENGGUNAKAN STRUKTUR KAWALAN DALAM ATUR CARACONTOH ATUR CARA STRUKTUR KAWALAN PILIHANATURCARAOUTPUT
1183.1 3.1.4 MENGGUNAKAN STRUKTUR KAWALAN DALAM ATUR CARACONTOH ATUR CARA STRUKTUR KAWALAN PILIHANATURCARAOUTPUT
1193.1 3.1.4 MENGGUNAKAN STRUKTUR KAWALAN DALAM ATUR CARACONTOH ATUR CARA STRUKTUR KAWALAN PILIHANATURCARA OUTPUT
1203.1 3.1.4 MENGGUNAKAN STRUKTUR KAWALAN DALAM ATUR CARACONTOH ATUR CARA STRUKTUR KAWALAN PILIHANATURCARA OUTPUT
3.1 3.1.4 MENGGUNAKAN STRUKTUR KAWALAN DALAM ATUR CARA121STRUKTUR KAWALAN ULANGAN• Memerlukan pernyataan bersyarat yang akan melaksanakan satu pernyataan atausatu blok berulang kali.• Melaksanakan satu pernyataan yang diberi selagi syaratnya adalah true.• 2 Jenis Struktur Kawalan Ulangan : Ulangan berasaskan pembilang dan Ulanganberasaskan syaratSTRUKTUR KAWALAN ULANGANULANGAN BERASASKAN PEMBILANGULANGAN BERASASKAN SYARAT• menggunakan pernyataanfor..• Mempunyai 3 komponen : Nilai awal, nilai tamat dannilai kemas kini.•menggunakan pernyataanwhile.. dan do…while.•Pernyataan While : Melaksanakan suatupernyataan sekali selagisyarat adalah true.•Pernyataan do..While : Melaksanakan suatupernyataan sekurangkurangnya sekali selagi syaratadalah true
3.1 3.1.4 MENGGUNAKAN STRUKTUR KAWALAN DALAM ATUR CARA122ULANGAN BERASASKAN PEMBILANG• Menggunakan satu pemboleh ubah untuk membuat ulangan kepada pernyataan dansyaratnya bergantung kepada pembilang.PEMBILANGNILAI AWALNilai permulaan untuk membilang.NILAI TAMATNilai untuk menamatkan proses membilang yang menentukan ulangantamat atau diteruskan.NILAI AKHIRProses untuk mengemas kini nilaipembilang.CONTOH ATUR CARA STRUKTUR KAWALAN ULANGANATURCARA OUTPUTKata kunci break akanmenyebabkan penamatan @ perberhentian suatu ulangan.Berlaku di mana-mana sahajadalam blok kod tersebutKata kunci continue akan terusmelaksanakan arahan danmenghabiskan ulangan blok kod
3.1 3.1.4 MENGGUNAKAN STRUKTUR KAWALAN DALAM ATUR CARA123ULANGAN BERASASKAN SYARAT• menggunakan pernyataan while…dan do..whilewhile… do…whileCONTOH ATUR CARA STRUKTUR KAWALAN ULANGANATURCARA OUTPUT
3.1 3.1.5 MENERANGKAN KELEBIHAN STANDARD LIBRARY KEPADA PENGATUR CARA124STANDARD LIBRARY• Merupakan koleksi atau kaedah atau fungsi yang disediakan dan digunapakaisewaktu implementasi dalam kod atur cara.• Standard Library perlu ditakrifkan dalam spesifikasi bahasa pengaturcaraan.• Standard Library juga merupakan sebahagian daripada arahan dalam atur caratermasuk definisi bagi algoritma yang biasa digunakan, struktur data dan mekanismebagi input dan output.KELEBIHAN STANDARD LIBRARYMengurangkan masa pembangunan atur caraBoleh digunakan berulangkali Tak perlu tahu caraperlaksanaannya.CONTOH ATURCARAOUTPUT
3.1 3.1.6 MENGGUNAKAN STANDARD LIBRARY DALAM ATUR CARA125math.js• math.js ialah standard library yang kerap digunakan dalam Javascript.• Terdiri daripada fungsi build-in dan pemalar dengan pelbagai jenis data sepertinombor.• Standard Library dalam Javascript berada pakej “ .js” dan perlu disimpan dahulu.• Seterusnya math.js akan dimuatkan dan seterusnya boleh digunakan dalam aturcara.FUNGSI PENERANGANmath.add (x,y) Menambah dua nombormath.divide (x,y) Membahagi dua nombormath.subtract(x,y) Menolak dua nombormath.pow (x,y) Mengira kuasa kepada nombormath.sqrt (x) Mengira punca kuasa bagi nombormath.cube(x) Mendarab tiga nombor yang sama ( x * x *)math.sort (x) Mengisih unsur-unsur dalam satu matriksFungsi-fungsi dalam math.jsdate.jsFUNGSI PENERANGANDate.today ( ) Menghasilkan Tarikh hari iniDate.parse (‘ today ‘) Menukar bentuk objek kepada bentuk objek DateDate.today ( ).add ( ).days ( ) Menambah hari kepada hari iniCONTOH ATURCARA
3.1 3.1.7 MERINGKASKAN ATUR CARA DENGAN MENGGUNAKAN PROCEDURE, FUNCTION126SUBATUR CARA• Satu atur cara Javascript mempunyai banyak barisan arahan yang dihimpunkandalam satu blok kod yang dikenali sebagai modul.• Barisan arahan tersebut boleh dipecahkan mengikut tugas masing-masing dandihimpunkan dalam modul yang berasingan yang dipanggil subatur cara.JENIS SUBATUR CARAProsedur (Procedure) Fungsi (Function)<Script></Script><Script></Script>Satu ModulSatu Modul(Subatur cara)Modul 1 (Subatur carafungsi)Modul 2 (Subatur caraprosedur)Modul 3 (Subatur caraprosedur)ModulModul utama yang dipecahkan
3.1 3.1.7 MERINGKASKAN ATUR CARA DENGAN MENGGUNAKAN PROCEDURE, FUNCTIONPERBEZAAN ANTARA PROSEDUR DAN FUNGSI• .ASPEK PERBANDINGAN PROSEDUR FUNGSIMemulangkan Nilai Tidak memulangkan nilai Memulangkan NilaiContoh Definisi function toCelcius (fahrenheit){var celcius;celcius = (5/9) * Fahrenheit – 32;document.write (“ Suhu adalah “ + celcius + “ darjah celcius “ );}function toCelcius (Fahrenheit){var celcius;celcius = (5/9) * Fahrenheit – 32;return (celcius); }Contoh Panggilan toCelcius(fahrenheit); Celcius = toCelcius(Fahrenheit)CARA MEMANGGIL/MENGGUNAKAN PROSEDUR DAN FUNGSI• Subatur cara akan menggunakan subatur cara lain bertujuan supaya kod pernyataanpernyataan dalam subatur cara lain akan dilaksanakan.Subatur cara(Pemanggil)Subatur cara(Dipanggil)CONTOH ATURCARA
3.1 3.1.7 MERINGKASKAN ATUR CARA DENGAN MENGGUNAKAN PROCEDURE, FUNCTIONPARAMETER• .Parameter atau argument membolehkan prosedur dan fungsi menghantar nilai(pemanggil) dan diterima oleh prosedur dan fungsi yang dipanggil.• Parameter rasmi (formal parameter) digunakan untuk merujuk parameter bagisubatur cara yang dipanggil.• Parameter sebenar (actual parameter) digunakan untuk merujuk pemboleh ubahdidalam subatur cara pemanggil.CONTOH ATURCARAMEMULANGKAN NILAI• Fungsi (function) akan mengembalikan kawalan kepada pemanggil.• Sesetengah Fungsi (function) juga mengembalikan nilai.CONTOH ATURCARA
3.1 3.1.8 MEMBINA ATUR CARA YANG MELIBATKAN PENGGUNAAN TATASUSUNAN (ARRAY)TATASUSUNAN• Penggunaan tatasusunan adalah untuk menyimpan satu senarai nilai dalam satupemboleh ubah.CONTOH ATURCARASINTAKS CONTOH PENGISYTIHARANvar nama_tatasusunan = [ unsur1, unsur2,…]var no = [5, -1, 4, 12,8 ]@var no [];no [0] = 5;no [1] = -1;no [2] = 4;no [3] = 12;no [4] = 8;
3.1 3.1.8 MEMBINA ATUR CARA YANG MELIBATKAN PENGGUNAAN TATASUSUNAN (ARRAY)CONTOH ATURCARA
3.1 3.1.8 MEMBINA ATUR CARA YANG MELIBATKAN PENGGUNAAN TATASUSUNAN (ARRAY)CONTOH ATURCARA
3.1 3.1.9MENGHASILKAN ATUR CARA INTERAKTIF YANG MENGANDUNGI PENGISYTIHARAN DATA, STRUKTUR KAWALAN, PROCEDURE DAN FUNCTION SERTA TATASUSUNANTAG HTML <button>• Tag HTML <button> boleh digunakan untuk laman web interaktif, iaitu butang akanterhasil dalam dokumen HTML (laman web)CONTOH ATURCARA
3.1 3.1.9MENGHASILKAN ATUR CARA INTERAKTIF YANG MENGANDUNGI PENGISYTIHARAN DATA, STRUKTUR KAWALAN, PROCEDURE DAN FUNCTION SERTA TATASUSUNANTAG HTML <button> (memanggil prosedur/fungsi)• Setelah butang diklik, suatu procedure/function akan dipanggil untuk melaksanakansesuatu tugasan/arahan.CONTOH ATURCARA5 1 4 3 2 1 2 3 4 5
3.1 3.1.9MENGHASILKAN ATUR CARA INTERAKTIF YANG MENGANDUNGI PENGISYTIHARAN DATA, STRUKTUR KAWALAN, PROCEDURE DAN FUNCTION SERTA TATASUSUNANCONTOH ATURCARA<html><body><p> Senarai nama sebelum diisih : </p><button onclick = \"SebelumIsih()\" > Sebelum Isih </button><script>function sebelumIsih(){var no = [5,1,4,3,2];document.write(no);}</script><p> Senarai nama selepas diisih (Isihan Buih): </p><button onclick = \"SelepasIsih()\" > Selepas Isih </button><script>function selepasIsih(){var no = [ 5,1,4,3,2];var panjang = no.lengtgh,i,j;var sementara;isihanBuih (no,panjang,sementara);}</script><script>function isihanBuih (no,panjang,sementara){var i,j;for (i =0;i < panjang ; i++){for (j =0;j < panjang ; j++){if (no[j] > no [j + 1]);{tukarKedudukan (no,sementara, j, j+1);}}}document.write (no);}<script>function tukarKedudukan (no,sementara,i,j){sementara = no[i];no[i] = no [j];no [j] = sementara;}</script></body></html>5 1 4 3 2 1 2 3 4 5
CONTOH ATURCARA3.1 3.1.9MENGHASILKAN ATUR CARA INTERAKTIF YANG MENGANDUNGI PENGISYTIHARAN DATA, STRUKTUR KAWALAN, PROCEDURE DAN FUNCTION SERTA TATASUSUNANTAG HTML <a>…</a> (hyperlink)CONTOH ATURCARA
CONTOH ATURCARA3.1 3.1.9MENGHASILKAN ATUR CARA INTERAKTIF YANG MENGANDUNGI PENGISYTIHARAN DATA, STRUKTUR KAWALAN, PROCEDURE DAN FUNCTION SERTA TATASUSUNANTAG HTML <a>…</a> (hyperlink)
137• Menjelaskan fungsi laman web sebagai penghubung antarapengguna dan sistem dalam rangkaian3.2.1• Menghasil dan menyimpan data dalam fail teks (.txt) 3.2.2• Menggunakan Bahasa Penskripan Pelayan untuk membina laman web yang unik bagisetiap pengguna3.2.3• Menggunakan data yang diimport dari fail teks untuk menyelesaikan masalah.3.2.4• Menggunakan data yang diimport dari fail pangkalan data untukmenyelesaikan masalah3.2.5• Melakukan pengesahsahihan (validation) pada data input dari pengguna3.2.6• Membina (create), mengemaskini (update), membuat sandaran(backup) dan memulihkan (restore) pangkalan data 3.2.7• Melaksanakan beberapa bentuk pertanyaan (query) pangkalan data.3.2.8• Membina daftar (sign up) dan log masuk (login) pada laman web 3.2.9• Menghasilkan atur cara yang dapat mengesahkan pengguna danmengemaskini data di dalam pangkalan data 3.2.10
3.2 3.2.1MENJELASKAN FUNGSI LAMAN WEB SEBAGAI PENGHUBUNG ANTARA PENGGUNA DENGAN SISTEM DALAM RANGKAIANKEPERLUAN LAMAN WEB• Kewujudan laman web adalah untuk menjadiperantara dalam menentukan bagaimana penggunaboleh berinteraksi dengan sesuatu sistem dalaminternet.• Paparan dalam laman web akan menentukan caraseseorang pengguna itu dapat memanipulasimaklumat dalam sesebuah sistem dan menentukansejauh manakah capaian pengguna terhadap system tersebut.KONSEP PELAYAN• Berasaskan pengagihan fungsi antara klien dan pelayan.• Klien : apa-apa mesin atau proses yang memohon servis yang spesifik daripadapelayan.• Pelayan : Mesin atau proses yang memberikan servis kepada klien.• Proses klien dan pelayan ini boleh berlaku dalam satu system komputer yang sama atau dalam satu system komputer yang berbeza yang dihubungkan melaluirangkaian.• Dalam persekitaran internet dan rangkaian, pelayar web (web browser) akanbertindak sebagai klien manakala pelayan web (web server) pula adalah pelayan.
3.2BAHASA PENSKRIPAN PELAYAN• Merupakan program yang dilaksanakan disebelah pelayan atau pelayan web (web server) yang melatari pembangunan web.• Salah satu fungsinya ialah mengakses data daripada pangkalan data.• Sekiranya pengguna memohon suatu laman web dipaparkan dengan menggunakan pelayar(web browser, permintaan tersebut akan dihantar kepada pelayan web (web server) .• Kemudian, pelayan web (web server) akan mencari laman web yang dikehendaki danmemindahkan laman web tersebut kepada pelayar (web browser) untuk diterjemahkan dandipaparkan kepada pengguna.• Bahasa Penskripan Pelayan tidak bergantung pada pelayar (web browser).Kesemuapemprosesan dilakukan disebelah pelayan, maka isu pemprosesan disekat oleh pelayartidak akan timbul.• Namun begitu, kadangkala Bahasa penskripan pelayan tidak begitu selamatmemandangkan penskripan pelayan boleh digunakan untuk menggodam laman web.• Oleh itu, laman web yang bagus perlu menggunakan kedua-dua jenis Bahasa penskripanklien dan pelayan bagi menyokong proses pengesahan disebelah klien dan juga disebelahpelayan untuk tujuan keselamatan laman web tersebut.• Contoh Aplikasi yang boleh digunakan : Papan pesanan dan buku pelawat blog.• Antara Bahasa penskripan pelayan : ASP , Javascript, PHP, Python, Perl.3.2.1MENJELASKAN FUNGSI LAMAN WEB SEBAGAI PENGHUBUNG ANTARA PENGGUNA DENGAN SISTEM DALAM RANGKAIAN
3.2PENGHASILAN DAN PENYIMPANAN DATA DALAM FAIL TEKS• Sesuatu data yang dimasukkan oleh pengguna daripada laman web boleh disimpanke dalam pelayan dalam bentuk fail teks.• Contoh : Apabila pengguna memasukkan nama serta kata laluan, maklumat tersebutboleh disimpan dalam fail teks dalam komputer pelayan.• Fungsi “fopen” akan digunakan digunakan sebagai arahan yang akan dilaksanakandalam pelayan.3.2.2 MENGHASILKAN DAN MENYIMPAN DATA DALAM FAIL TEKS (.TXT)OPERASI ASASFAIL TEKSMenyuntingMembaca dataMenciptaMembuka FailMenulis dataMENCIPTA / MEMBUKA FAIL TEKSSINTAKS CONTOH$f = fopen (“nama fail teks”,mod capaian); $f = fopen (“LogMasuk.txt ”, “w”);MOD CAPAIAN PENERANGANrFail dibuka hanya untuk dibaca sahaja.w Fail dibuka hanya untuk ditulis sahaja (bermula dari awal fail)a Fail dibuka hanya untuk ditulis sahaja (bermula di akhir fail)r+ Fail dibuka untuk dibaca/ditulis.Penunjuk fail bermula daripadapermulaan fail tersebut.w+ Fail dibuka untuk dibaca/ditulis.Memadamkan kandungan fail ataumencipta fail baharu sekiranya fail belum wujud. Penunjuk fail bermula daripada permulaan fail tersebut.a+ Fail dibuka untuk dibaca/ditulis.Kandungan fail tersebutterpelihara. Mencipta fail baharu sekiranya fail belum wujud. Penunjuk fail bermula daripada penghujung fail tersebut.
3.2 3.2.2 MENGHASILKAN DAN MENYIMPAN DATA DALAM FAIL TEKS (.TXT)MENCIPTA / MEMBUKA FAIL TEKSCONTOH ATURCARA<?php$f = fopen (\"LogMasuk.txt\", \"w\");fwrite ($f, \"Selamat Datang\");fclose ($f);?>CONTOH ATURCARA
3.2 3.2.3MENGGUNAKAN BAHASA PENSKRIPAN PELAYAN UNTUK MEMBINA LAMAN WEB YANG UNIK BAGI SETIAP PENGGUNAUNIK BAGI SETIAP PENGGUNA• Sesuatu laman web kelihatan unik bagi setiap pengguna apabila laman web memaparkan maklumat tentang pengguna tersebut sahaja.CONTOH ATURCARA3.2 3.2.4MENGGUNAKAN DATA YANG DIIMPORT DARIPADA FAIL TEKS UNTUK MENYELESAIKAN MASALAHDATA YANG DIIMPORT• Apabila kita mempunyai banyak data yang perlu diproses/dimanipulasikan, adalahlebih baik sekiranya data-data tersebut disimpan dalam fail (contohnya fail teks).• Data-data dalam fail kemudiannya dapat diproses tanpa memerlukan satu persatudata yang diinput oleh pengguna.CONTOH ATURCARA
3.2 3.2.5MENGGUNAKAN DATA YANG DIIMPORT DARIPADA FAIL PANGKALAN DATA UNTUK MENYELESAIKAN MASALAHMENCAPAI DATA DARIPADA PANGKALAN DATACONTOH ATURCARAMembuatsambungan kepangkalan data.Memilih namapangkalan data.Membuatpertanyaanterhadappangkalan data untukmemperolehdata yang dikehendaki.Menamatkansambunganpangkalandata.Membuat Sambungan ke Pangkalan Data MySQLSINTAKS $con = mysql_connect (“hoskomputer”, “ namapengguna”, “katalaluan”);CONTOH $con = mysql_connect (“localhost”, “ halim”, “1234”);Memilih Nama Pangkalan Data MySQLSINTAKS mysqli_select_db (“namasambungan”, “ namapangkalan data”);CONTOH mysqli_select_db ($con, “ dbPelajar”);Membuat Pertanyaan terhadap Pangkalan Data MySQLSINTAKS $hasil = mysqli_query (“namasambungan”, “ pernyataan SQL “);CONTOH $hasil = mysqli_query ($con, “ SELECT * from MURID “);
3.2 3.2.6MELAKUKAN PENGESAHSAHIHAN (VALIDATION) PADA DATA INPUT DARIPADA PENGGUNAMELAKUKAN PENGESAHSAHIHAN (VALIDATION) • Pengesahsahihan (validation) pada input daripada pengguna adalah untukmengelakkan terjadinya ralat semasa proses penyimpanan data ke dalam pangkalandata.CONTOH ATURCARASemak sama ada Form telah dihantar kepada komputer pelayan.Semak kandungan medan input untuk angka sama ada memenuhi kriteria.Semak kandungan medan input sama ada mematuhi format yang ditetapkan.Pastikan kandungan medan input yang wajib diisi dengan data tidak kosong.Antara Cara Pengesahsahihan (Validation)
3.2 3.2.7MEMBINA (CREATE), MENGEMAS KINI (UPDATE), MEMBUAT SANDARAN (BACKUP), DAN MEMULIHKAN (RESTORE) PANGKALAN DATACONTOH3.2 3.2.8 MELAKSANAKAN BEBERAPA BENTUK PERTANYAAN (QUERY) PANGKALAN DATACONTOHMELAKSANAKAN PERTANYAAN (QUERY)• Sesuatu maklumat yang telah disimpan dalam pangkalandata boleh diperoleh semula dengan menggunakanmekanisme pertanyaan (query).• Menggunakan format yang telah ditetapkan oleh kebanyakansystem pengurusan pangkalan data menggunakan Structured Query Language (SQL).• Penggunaan pertanyaan (query) ini akan mencari sertamenyusun data daripada satu atau lebih jadual (table).JENIS PERTANYAAN (QUERY)PERTANYAANTINDAKANMenjalankan tugas bersama-sama data yang sedia ada. Contoh : menciptajadual baharu, menambah, mengemaskini, menghapus data.PERTANYAANMEMILIHMengambil data yang sedia ada daripangkalan data untuk digunakan. Hasildari pertanyaan boleh dipaparkan, dicetak atau disimpan.
3.2 3.2.9 MEMBINA DAFTAR (SIGN UP) DAN LOG MASUK (LOGIN) PADA LAMAN WEBCONTOHDAFTAR (SIGN UP) DAN LOG MASUK (LOGIN) • Kebanyakan laman web menghendaki penggunamendaftar sebagai pengguna/ahli yang sah sebelumdibenarkan untuk mencapai data daripadanya.• Setelah pengesahan dilakukan, barulah penggunadapat melayari laman web tersebut.3.2 3.2.10MENGHASILKAN ATUR CARA YANG DAPAT MENGESAHKAN PENGGUNA DAN MENGEMAS KINI DATA DALAM PANGKALAN DATAMENGESAHKAN PENGGUNA (USER VERIFICATION) • Merupakan salah satu ciri keselamatan dalam pangkalan data yang boleh dicapai oleh pengguna.• Kemudahan capaian ini akan membataskan pengguna untukmelakukan perubahan ke atas pangkalan data.• Contoh : Pengguna yang berbeza memberikan hak capaian yang berbeza dan aktiviti yang boleh dilakukan ke atas pangkalan data.CONTOH
3.2PENGEMASKINIAN DATA • Untuk mengemas kini data dalam pangkalan data, kita memerlukan pencarian rekodyang hendak dikemaskini terlebih dahulu dalam jadual (table) pangkalan data.CONTOH3.2.10MENGHASILKAN ATUR CARA YANG DAPAT MENGESAHKAN PENGGUNA DAN MENGEMAS KINI DATA DALAM PANGKALAN DATASemua rekod dalamjadualPaparkan 1 rekodyang dipilih.Kemas kini data dalam rekodtersebutProses pengemaskinian dataPANGKALANDATA
148• Mengkaji dan merumus prinsip reka bentuk laman web dari sudutkesesuaian pengguna dan tujuan laman web 3.3.1• Mereka bentuk kerangka aplikasi yang akan dibangunkan.3.3.2• Membina laman web mudah menggunakan Hypertext MarkupLanguage (HTML) yang mengandungi: frame, header, paragraph danimage 3.3.3• Menggunakan Cascading Style Sheets (CSS) untukmenggayakan text, font, background, tables, borders dan position .3.3.4• Menggunakan Bahasa Penskripan Klien untuk membina laman web pengguna yang interaktif mengandungi fitur berikut: (i) Pengesahan data(ii) Butang pilihan(iii) Kotak Popup 3.3.5• Menggunakan Bahasa Pengskripan Pelayan untuk membinalamanweb yang boleh mencapai dan mengemaskini data di dalampangkalan data 3.3.6• Menghasilkan sebuah laman web interaktif untuk kegunaanpengguna dan pentadbir sistem dalam menyelesaikan masalah3.3.7
3.3PRINSIP REKA BENTUK LAMAN WEB• Mereka bentuk laman web boleh diibaratkan seperti proses merancang, membinadan mengubahsuai.• Beberapa prinsip atau elemen reka bentuk laman web perlu diberi perhatian agar laman web yang dibina tidak kelihatan pelik atau memberikan pengalaman yang tidak menyenangkan kepada pengguna.• Ini kerana elemen-elemen tersebut mampu memberikan pengalaman yang berbezadan mempengaruhi kepuasan pelanggan untuk melayari laman web yang dibina. 3.3.1MENGKAJI DAN MERUMUS PRINSIP REKA BENTUK LAMAN WEB DARI SUDUT KESESUAIAN PENGGUNA DAN TUJUAN LAMAN WEBPRINSIP ASAS REKA BENTUK LAMAN WEBJenisPersekitaranWeb PerbezaanelemenPenekananMaklumatTypography Warna dangrafikNavigasiKeseimbanganVisual
3.3JENIS PERSEKITARAN WEB YANG DIBINA• Faktor-faktor teknikal mengenai persekitaran laman web yang perlu diambil kira.3.3.1MENGKAJI DAN MERUMUS PRINSIP REKA BENTUK LAMAN WEB DARI SUDUT KESESUAIAN PENGGUNA DAN TUJUAN LAMAN WEB• Pereka web mempertimbangakan jenis dan versi pelayar yang boleh digunakan untuk paparan.• Tidak tertumpa pada 1 versi/ jenis sahaja.KESESUAIAN PENGGUNAAN PELBAGAI JENIS PELAYAR• Kelajuan capaian perlu diambil kira.• Contoh : Laman web permainan atas talian memerlukancapaian yang lebih laju berbanding laman web berita sahaja.KESESUAIAN CAPAIAN INTERNET• Kadangkala sesetengah laman web memerlukan perisiansokongan untuk menyokong paparan. • Comtoh : Flash - untuk memaparkan animasi/videoKEPERLUAN PERISIAN SOKONGAN UNTUK PAPARAN▪ Pereka web harus memastikan laman web yang dipaparkanperlu fleksibel, selari dengan kepelbagaian komputer danperanti pengguna.KEPELBAGAIAN SISTEM KOMPUTER DAN PERANTI MUDAH ALIH YANG DIGUNAKAN OLEH PENGGUNA▪ Pereka web harus memastikan laman web yang dipaparkanperlu fleksibel, selari dengan kepelbagaian saiz skrinpengguna.KEPELBAGAIAN SAIZ PAPARAN MONITOR YANG DIGUNAKAN