Thursday, 1 November 2018

ASK T1 Kod HTML mudah untuk panduan..


Contoh Tag HTML dan kegunaannya:

1. set background page color
<body bgcolor="#E6E6FA">

* boleh juga masukkan imej gif pada background
<body background="drkrainbow.gif">


2. Masukkan imej / gambar
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
** gambar boleh tukar ke format gif jugak, utk gambar animasi bergerak


3.senarai tidak bernombor(unordered list)
<ul> 
<li>Coffee</li>  
<li>Tea</li>  
<li>Milk</li>
</ul>


4. senarai bernombor (ordered list)
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>


5. tulisan saiz, warna, jenis tulisan
<font size="3" color="red">This is some text!</font>
<font face="verdana" color="green">This is some text!</font>


6. Membuat link / pautan ke laman lain
 Click <a href="http://www.yahoo.com">Yahoo Homepage</a> to go to yahoo.


7. Membina jadual.
<table>
<tr> <td>This is row one, left side.</td> <td>This is row one, right side.</td> </tr>
<tr> <td>This is row two, left side.</td> <td>This is row two, right side.</td> </tr>
</table>


8. Membina frame
Ini contoh frame 2 lajur:

<frameset cols="120,*" >
<frame src="menu.htm" name="menu" >
<frame src="frontf.htm" name="main" >
</frameset> 


Ini contoh frame 3 section : TOP (untuk banner/tajuk), LEFT(untuk menu), RIGHT(untuk papar kandungan):

<html>
<head><title>ASK T1 : BELAJAR HTML MUDAH</title>
</head>

<frameset rows="30%,70%">
  <frame src="frametop.html">
  <frameset cols="25%,75%">
    <frame src="framemenu.html" name="menu">
    <frame src="framecontent.html" name="content">
  </frameset>
</frameset>
<body>
</body>
</html>



9. Pulldown Menu
<p> Pilih makanan kegemaran anda:</p>
<select> 
<option value="burger">BURGER</option>
<option value="capati">CAPATI</option>
<option value="rojak">ROJAK</option>
<option value="dimsum">DIM SUM</option>
</select>


10. Form / Borang untuk memasukkan nama

<form action="/action_page.php">
First name : <input type="text" name="firstname" value=" "><br><p>
Last name :  <input type="text" name="lastname" value=" "><br>
<br>  <input type="submit" value="HANTAR">
</form>

**  HTML color code boleh rujuk di sini  dan di sini


Wednesday, 31 October 2018

ASK T2 BAB 3 KOD ARAHAN 3.2

3.2 STRUKTUR KOD ARAHAN

Struktur Kawalan ada 4:

1. Struktur Kawalan Jujukan 
  • aliran secara sehala mengikut urutan linear.
  • sk yang paling mudah difahami
  • melaksanakan arahan baris demi baris mengikut urutan satu aliran sahaja dari atas ke bawah.

2. Struktur Kawalan Pilihan - ada 3 jenis
  • Pilihan Tunggal (Kenyataan if ..... mempunyai satu cabang pilihan)  
  • Dwipilihan (Kenyataan if-else ..... mempunyai 2 cabang pilihan)
  • Pelbagai Pilihan (kenyataan if-elif-else  ......mempunyai lebih dari 2 cabang pilihan)

Contoh mudah:

Copy kod aturcara SK Pilihan Tunggal di bawah dan paste ke IDLE Python. Kemudian laksanakan (RUN) untuk melihat output yang terhasil.

#STRUKTUR KAWALAN PILIHAN TUNGGAL#
nom = int(input("Masukkan satu nombor  "))
if nom>0:
    print(nom , " ialah nombor positif. ")
print("\nTAMAT SK PILIHAN TUNGGAL IF")








Copy kod aturcara SK DwiPilihan di bawah dan paste ke IDLE Python. Kemudian laksanakan (RUN) untuk melihat output yang terhasil.

#STRUKTUR KAWALAN DWIPILIHAN IF-ELSE#
nom = int(input("Masukkan satu nombor bukan sifar, antara -10 to 10: "))
if nom>0:
    print(nom, " ialah nombor positif. ")
else:
    print(nom, " ialah nombor negatif. ")
print("\nTAMAT SK DWIPILIHAN IF-ELSE")





Copy kod aturcara SK Pelbagai Pilihan di bawah dan paste ke IDLE Python. Kemudian laksanakan (RUN) untuk melihat output yang terhasil.

#STRUKTUR KAWALAN PELBAGAI PILIHAN IF-ELIF-ELSE#
nom = int(input("Masukkan satu nombor : "))
if nom > 0:
    print(nom, "ialah positif.")
elif nom < 0:
    print(nom, "ialah negatif.")
else:
    print(nom, "ialah sifar.")
print("\nTAMAT SK PELBAGAI PILIHAN IF-ELIF-ELSE")







3.Struktur Kawalan Pilihan Bersarang 

  • terdiri daripada beberapa struktur pilihan yang terbenam bersama.
  • sk pilihan berada di dalam suatu sk yang lain.

4. Struktur Kawalan Ulangan -melaksanakan langkah-langkah tertentu berulang kali. Ada 2 jenis


  • For (Untuk) - dikawal dengan bilangan lelaran yang diketahui
  • While (Selagi) -dikawal dengan bilangan lelaran yang tidak diketahui
  •  
        SK Ulangan penting supaya kod yang ditulis tidak panjang dan memakan ruang storan.
        Bahagian kod yang mempunyai syarat dan langkah-langkah berulang disebut gelung (loop).
        Setiap pusingan ulangan disebut lelaran (iteration).


    Rujukan dari Youtube yang bagus untuk SK Ulangan menggunakan Python:

    Tutorial 9: Struktur Kawalan Ulangan(Loops) dalam Python, AllAce Institute
    https://www.youtube.com/watch?v=ne9WSAbgRak

    3.2.1 (IV) STRUKTUR KAWALAN ULANGAN FOR DAN WHILE DALAM ATURCARA

    ASK T2 BAB 3 KOD ARAHAN 3.1


    3.1 PERSEKITARAN KOD ARAHAN

    3.1.1 Jenis Data dalam segmen kod
    3.1.2 Perbezaan antara pembolehubah dan pemalar dalam segmen kod
    3.1.3 Menghasilkan segmen kod menggunakan fungsi input dan fungsi output
                    -Operator Perbandingan
                    -Operator Logik
    3.1.4 Mengesan dan membaiki ralat pada segmen kod dalam penyelesaian masalah
    3.1.5 Menggunakan gabungan jenis data, pembolehubah, pemalar dan operator untuk menyelesaikan
             masalah.


    3.1          PERSEKITARAN KOD ARAHAN

    Kod Arahan = satu arahan yang ditulis dalam bahasa komputer untuk mengarahkan komputer melaksanakan sesuatu tugas.

    Satu set kod arahan = segmen kod

    Kod arahan ditulis oleh pengaturcara menggunakan bahasa pengaturcaraan komputer seperti Scratch, HTML, C, Java, Python dan lain-lain.

    Persekitaran kod arahan = persediaan peralatan dan perisian yang diperlukan untuk menulis kod arahan.

    Persekitaran kod arahan  merujuk kepada perkakasan, sambungan internet, pelayar web dan perisian aplikasi yang diperlukan untuk pembangunan aturcara.

    Kod arahan perlu diterjemahkan ke bahasa mesin sebelum dilaksanakan.

    Setiap bahasa pengaturcaraan mempunyai penterjemah tersendiri.

    Terdapat 3 jenis penterjemah: Penghimpun, Pengkompil dan Pentafsir.


    3.1.1      Jenis data dalam segmen kod

    Jenis data digunakan semasa pengisytiharan suatu pembolehubah untuk membenarkan aturcara mengenalpasti kegunaan pembolehubah tersebut dalam storan ingatan dengan berkesan.

    Jenis data ini dikelaskan kepada 3 bahagian utama : nombor, teks dan nilai logik.

    i) nombor = nilai berangka yang terdiri daripada nombor bulat dan nombor perpuluhan.
    ii)teks  = seperti satu aksara atau satu rentetan aksara.
    iii)logik = mempunyai 2 keadaan sahaja iaitu “Benar” dan “Palsu”


    Jenis data: integer, double/float, boolean, char, string.

    i) integer = nombor yang tidak mempunyai bahagian pecahan dan tidak mempunyai titik perpuluhan. Integer juga dikenali sebagai nombor bulat. Integer terdiri daripada nombor positif, sifar dan nombor negatif.

    ii) Double = nombor yang mengandungi bahagian pecahan, iaitu nombor mempunyai titik perpuluhan.
    Python tidak menyokong double tetapi menggunakan jenis data float.
    Perbezaan antara double dan float ialah double menggunakan memori sebanyak 64 bit manakala float menggunakan 32 bit.
    Fungsi round() digunakan untuk membundarkan nilai float kepada bilangan tempat perpuluhan yang dikehendaki.

    iii) Char = jenis data yang digunakan untuk mewakili aksara (character).
    Aksara terdiri daripada huruf abjad, angka dan simbol.
    Bahasa pengaturcaraan Python tidak menyokong jenis data char, tetapi menyokong string.
    String = satu perkataan yang dibina daripada aksara.
    String terdiri daripada urutan aksara-aksara yang berjujukan yang membentuk satu rentetan(string).

    Nilai string perlu diletakkan simbol (‘……’) atau (“…..”).
    Ruang kosong dalam satu string juga dikira sebagai satu aksara.
    Simbol , menggabungkan dua string dengan satu ruang kosong.
    Simbol + menggabungkan dua string tanpa sebarang ruang kosong
    Simbol * mengulang string dengan bilangan yang dinyatakan.

    iv) Boolean =mempunyai hanya 2 nilai “True” atau “False”
    Dua nilai ini digelar nilai logik 1 dan 0. (1=Benar, 0= Palsu)



    3.1.2      Perbezaan antara pembolehubah dan pemalar dalam segmen kod


    Pembolehubah

    Pembolehubah - storan ingatan dalam komputer yang digunakan oleh aturcara.

    Pembolehubah digunakan untuk mewakili data yang perlu digunakan berulangkali oleh aturcara.

    Pembolehubah yang diiisytiharkan perlu diberi satu label (pengecam) yang sesuai dan disertakan dengan nilai.

    Semasa pembolehubah diisytiharkan, ruang ingatan dalam komputer disediakan berdasarkan jenis data yang diberi kepada pembolehubah.

    Contoh pengisytiharan pembolehubah:

    tempatlahir = str("Perlis")

    Syarat-syarat menamakan pembolehubah:
    • nama pembolehubah hanya boleh mengandungi aksara (a hingga z atau A hingga Z)  dan digit (0 hingga 9)
    • nama pembolehubah harus menggambarkan nilai yang dipegang oleh pembolehubah tersebut.
    • nama bagi pembolehubah TIDAK BOLEH dimulakan dengan nombor
    • nama bagi pembolehubah TIDAK BOLEH ada ruang kosong


    Pemalar

    Nilainya tidak akan berubah  sepanjang perlaksanaan aturcara.

    Perbezaan pembolebubah dan pemalar:

    Pembolehubah Pemalar
    Nilainya boleh berubah-ubah Nilainya adalah tetap dan tidak akan berubah
    Pengaturcara perlu mengingat label dan
    nilai yang digunakan
    Pengaturcara tidak perlu mengingat label dan
    nilai yang digunakan.




    3 jenis operator
    • Operator Perbandingan
    • Operator Logik
    • Operator Matematik

    3.1.3 Menghasilkan segmen kod menggunakan fungsi input dan fungsi output

    Fungsi Input

    • maklumat yang dimasukkan oleh pengguna melalui papan kekunci, klik tetikus, pangkalan data, skrin sentuh, gerakan atau internet.
    • untuk mendapatkan data input daripada pengguna, biasanya menggunakan papan kekunci
    • Apabila sintak input() dibaca, aturcara akan menunggu input daripada pengguna.

    Fungsi Output

    • maklumat yang dipaparkan pada skrin komputer
    • maklumat yang dipaparkan adalah hasil daripada proses yang dilakukan oleh segmen kod.
    • Apabila sintak print() dibaca, aturcara akan memaparkan teks yang berada dalam tanda (""). 

    Fungsi input dan output membolehkan  mesej yang hendak disampaikan difahami oleh pengguna dan diterima oleh komputer.


    3.1.4 Mengesan dan membaiki ralat pada segmen kod dalam penyelesaian masalah

    Ralat - kesilapan atau kesalahan  dalam pembangunan aturcara atau segmen kod.

    Ada 3 jenis ralat:

    • ralat sintaks - disebabkan kesilapan ejaan atau kesilapan peraturan bahasa pengaturcaraan
              Contohnya : penggunaan sintaks yang tidak betul, perkataan sintaks / arahan dieja salah,      
              tertinggal simbol seperti titik bertindih, petikan atau tanda kurungan, penggunaan inden yang 
              salah.
    • ralat masa larian - segmen kod aturcara berhenti secara tiba-tiba disebabkan yang berikut : pembahagian dengan sifar, penambahan pembolehubah yang berlainan jenis data, tidak mentakrifkan pembolehubah, fungsi, modul atau objek sebelum digunakan, mengakses fail yang tidak wujud.

    • ralat logik - disebabkan kecuaian pengaturcara seperti kesalahan menggunakan operator. Ralat logik tidak mengganggu perlaksanaan segmen kod tetapi akan mengeluarkan output yang salah.


    Ulangkaji Bab 3 Tingkatan 4 Pangkalan Data

    Fungsi ERD (Gambar Rajah Hubungan Entiti)
    -menjelaskan hubungan antara atribut-atribut dalam pangkalan data berdasarkan entiti-entiti.


    Table / Jadual
    -digunakan untuk menyimpan data dalam pangkalan data


    Jenis data 
    -teks
    -nombor
    -date/time
    -currency
    -autonumber


    Makro
    -memudahkan automasi pangkalan data dan interaksi dengan pengguna.


    Switchboard
    -sebagai antaramuka bagi MsAccess
    -memudahkan tugas pengguna mencari dan melaksanakan tugasan untuk borang dan laporan


    8 Aktiviti Pembangunan Pangkalan Data Hubungan
    -Bina Pangkalan Data 
    ..Bina jadual 
    ..Isi Jadual 
    ..Wujudkan hubungan(relationship) 
    ..Bina dan Isi borang (form) 
    ..Sunting Rekod 
    ..Bina Query 
    ..Bina Laporan (report)

    Wednesday, 24 October 2018

    Hubungkan Borang Pendaftaran HTML ke Pangkalan Data MySQL PHP

    #learnfromUtube

    Credit to Youtube# @ this address: https://www.youtube.com/watch?v=qm4Eih_2p-M&vl=en
    Tqvm


    Credit to Youtube# @ this address: https://www.youtube.com/watch?v=J2-neLr7MXM
    Tqvm to Mr John Morris

    Sunday, 21 October 2018

    SK T4 Pernormalan Pangkalan Data

    #bacaantambahan


    Di sini saya mohon keizinan tuan empunya blog untuk saya letakkan link tentang tajuk Pernormalan Pangkalan Data untuk bacaan  dan rujukan. 

    1. Pernormalan 1

    2. Blog Cikgufariddiah..


    Rujukan lain tentang PERNORMALAN dan ANOMALI:


    APAKAH PERNORMALAN?

    Ini adalah proses mengurangkan pertindihan/pengulangan data dalam jadual dan meningkatkan integriti data serta menghapuskan anomali.

     

    Tanpa Pernormalan, kita mungkin menghadapi banyak masalah seperti: 

    • ·         Meningkatkan penyimpanan data (membazir ruang simpanan komputer)
    • ·         Masalah anomali sisipan, anomali kemaskini dan anomali hapusan.


    Anomali sisipan:

    Berlaku apabila kita tidak dapat memasukkan data ke jadual tanpa adanya atribut lain

     

    Kemas kini anomali:

    Data menjadi tidak konsisten disebabkan oleh pertindihan data dan kemas kini menjadi tidak menyeluruh. (Kita mungkin mengemaskini sebahagian data sahaja, tetapi data yang sama di lokasi yang lain tidak dikemaskini.)

    * Data yang sama, mungkin ada dalam beberapa baris. 
    Sebagai contoh jika nombor pejabat berubah, maka banyak kemas kini yang perlu dibuat. 
    Sekiranya kita tidak mengemas kini semua baris, maka data menjadi tidak konsisten.

     

    Penghapusan Anomali:

    Ia berlaku apabila atribut tertentu terhapus/ terpadam/ hilang kerana kita penghapusan atribut lain.

     

    Secara ringkas, pernormalan adalah proses menyusunatur data dalam pangkalan data.

    Biasanya memecahkan jadual besar menjadi jadual-jadual yang lebih kecil, adalah lebih efisien.

    Pada tahun 1970 Bentuk Normal Pertama ditakrifkan oleh Edgar F Codd dan akhirnya, Bentuk Normal lain ditakrifkan.

     

    *************************************************************************


    Pernormalan adalah pendekatan untuk reka bentuk pangkalan data yang digunakan dalam pangkalan data hubungan untuk meminimumkan pertindihan/pengulangan data (data redundancy).

     

    Bentuk normal pertama (1NF)

    Jadual dalam pangkalan data hubungan adalah mematuhi bentuk normal pertama (1NF) apabila memenuhi kriteria berikut:

     

    • ·         Semua data adalah atomik
    • ·         Semua lajur jadual mengandungi nilai

     

    Dengan kata mudah, satu sel tidak boleh menyimpan banyak nilai.


    Bentuk normal kedua (2NF)

    Jadual yang sesuai dengan bentuk normal kedua mesti memenuhi semua syarat bentuk normal pertama selain yang berikut:

     

    • ·         Setiap atribut bukan kunci mesti bergantung fungsi sepenuhnya pada kunci primer. (Each non-key attribute must be fully functional, dependent on the primary key)

     

    Bentuk normal ketiga (3NF)

    Sekiranya jadual hendak ditukar ke bentuk normal ketiga, semua prasyarat normal pertama dan kedua mesti dipenuhi serta yang berikut:

     

    • ·         Tidak ada atribut bukan kunci yang bergantung pada atribut bukan kunci lain

    Pergantungan transitif berlaku apabila atribut bukan kunci bergantung pada atribut bukan kunci yang lain.

     

    Mari kita ringkaskan…

    1NF - Maklumat disimpan dalam jadual hubungan dengan setiap lajur mengandungi nilai atomik. Tidak ada kumpulan lajur yang berulang.

    2NF - Jadual dalam bentuk normal pertama dan semua lajur bergantung pada kunci primer jadual.

    3NF - jadual dalam bentuk normal kedua dan tidak ada atribut bukan kunci yang bergantung pada atribut bukan kunci lain


    Featured post

    SK T5 : Perkaitan HTML, CSS, Javascript, JAVA dan PHP dan kenapa HTML dianggap superior berbanding yang lain.

    Pernahkan anda tertanya-tanya.......... Kenapa HTML dianggap superior dan sebagai tapak asas kepada bahasa pengaturcaraan lain seperti CSS, ...

     

    SAINS KOMPUTER & ASAS SAINS KOMPUTER Template by Ipietoon Cute Blog Design