CIKGU HARITH

Sunday, 15 May 2016

BAB 10 WEB DEVELOPMENT

WEB DEVELOPMENT

APAKAH ITU WEB DEVELOPMENT?

· Merupakan satu proses konsep, perancangan, perstrukturan dan penyampaian kandungan media melalui internet menggunakan teknologi berkaitan yang dapat dipaparkan semula oleh laman web.

APAKAH PULA HTML?

· HTML singkatan dari Hyper Text Markup Language.

· Merupakan bahasa standard programmer untuk membuat satu halaman web yang terdiri dari kod-kod singkatan tertentu, dimana dengan kod tersebut akan memerintah web brower untuk menampilkan halaman web yang terdiri pelbagai format antaranya menampilkan seperti text, grafik, animasi, audio ataupun video.

· Contoh web brower yang kita dapat lihat adalah internet explorer, Mozilla firefox, google crome dan lain-lain.

· Untuk menulis kod-kod tersebut memerlukan editor seperti Notepad, Word pad contoh kod yang di maksudkan adalah seperti ini :-

<html>

<head>

<title>Titel Website</title>

</head>

<body>

Ini adalah dokumen

HTML

</body>

</html>

KOD ASAS HTML

<HTML>	Untuk membuat halaman Web.
<HEAD>	Semua elemen head diletakkan disini, apa yang anda tulis di kurungan ini tidak akan ditampilkan atau terlihat. Elemen didalam head tag termasuk script, meta informasi, memerintahkan browser dimana untuk membuat style sheet
<TITLE>	Menampilkan judul di title bar
<BODY>	Apa yang anda tulis disini akan terlihat dan ditampilkan pada browser
<B>	Menebalkan huruf teks
<l>	Membuat tulisan dalam model italics
<u>	Membuat garisan bawah teks
<strike>	Membuat garisan ditengah teks
<CENTER>	Membuat struktur ayat di posisi tengah laman web
<H1><H2>	Heading 1, Heading 2
<BR>	Membuat line baru
<HR>	Membuat garisan Horizontal pada laman web
Maksud singkatan dalam membuat laman web
<b> maksud "bold" <i> maksud "italics" <em> maksud "emphasis" <u> maksud "underline" <h1> maksud "heading 1" <br> maksud "break" <p> maksud "paragraph" <hr> maksud "horizontal" <ul> maksud "unordered list" <ol> maksud "ordered list"

Contoh HTML YANG SAYA LAKUKAN

KOD UNTUK MEMBUAT TITLE WEB DAN TULISAN BOLD (CIKGU HARITH)

KOD UNTUK MEMBUAT HEADING 1 DAN KOD UNTUK MEMBUAT BACKGROUND COLOUR

KOD UNTUK MEMBUAT CENTER TITLE

KOD UNTUK MEMBUAT HEADING BY HEADING

KOD UNTUK MEMBUAT TITLE LAMAN WEB

REFLEKSI

Hasil pembelajaran web development ini sungguh menarik perhatian saya kerana sebelum ini saya hanya menggunakan sahaja laman web ini tetapi setelah mempelajarinya saya sudah mempunyai perkara asas untuk membuat web browers dengan sendiri. Ia merupakan satu perkara yang menarik bagi saya kerna iainya agak unik dengan perlu memasukkan tag yang telah disetkan. Dengan mempelajari html ini saya dapat mengaplikasinya dalam pembelajaran dan berguna pada masa akan datang. Sekian, terima kasih.

BAB 9 APLIKASI INTERNET

APLIKASI INTERNET

MAKSUD INTERNET

· Internet merupakan satu rangkaian besar dan umum yang menghubungkan banyak rangkaian-rangkaian komputer di seluruh dunia, ianya bersifat awam dan boleh dicapai oleh sesiapa sahaja.

· Kegunaannya adalah alat untuk berkomunikasi dan berkongsi pengetahuan

KEBAIKAN INTERNET

1. KEMUDAHAN MEMPEROLEHI SUMBER MAKLUMAT

· Sumber maklumat seluruh dunia sangat meluas

· Terdapat maklumat terkini diseluruh dunia hanya beberapa minit sudah terpapar dalam media sosial seperti facebook, paper online

2. MEDIUM KEMUDAHAN BERKOMUNIKASI

· Media komunikasi yang murah hanya memerlukan rangkaian internet sahaja.

· Cepat, tangkas dan efisyen dalam menghantar maklumat tidak kira dimana dan bila.

· Memerlukan medium aplikasi seperti whatapps, wechat, facebook, the star online, gmail, yahoo mail, MOOC, skype dan lain-lain.

APLIKASI INTERNET DALAM PEMBELAJARAN DAN PENGAJARAN (P&P)

· Aplikasi yang digunakan dalam aktiviti pembelajaran sebagai medium kemudahan yang boleh digunakan oleh pelajar dan guru.

· Contoh aplikasi internet, seperti facebook, wechat, google, gmail, yahoo mail, e-learning, portal, MOOC dan lain-lain.

KEMUDAHAN APLIKASI INTERNET

· Komunikasi

· Penghantaran dokumen

· Media sosial

· Perhubungan dua hala

· Blog pembelajaran

TERDAPAT DUA KAEDAH KOMUNIKASI MELALUI RANGKAIAN INTERNET

APLIKASI (ASYNCHRONOUS)	APLIKASI (SYNCHRONOUS)
Komunikasi berlaku bukan pada waktu yang sama	Komunikasi berlaku pada waktu yang sama
Contoh aplikasi perbincangan forum, email.	Contoh aplikasi skype, video call, voice call
Mempunyai masa untuk berfikir mengenai maklumat yang ingin dibalas, mempunyai masa untuk rujuk nota untuk membalas.	Perbualan secara langsung dan terhad untuk mencari idea. Terhad untuk berfikir.
Mengambil masa yang lama untuk bertindak balas	Masa yang singat untuk bertindak balas

REFLEKSI

Tedapat pelbagai kemudahan dalam dunia teknologi pada masa kini. Disebalik kemudahan ini kita harus menggunakannya kejalan yang betul. kerana jika tidak menggunakan ke jalan yang benar buruk padahnya kerana terpengaruhi dengan anasir yang tidak baik. Terdapat pelbagai aplikasi internet yang boleh kita gunakan dalam pembelajaran salah satunya adalah facebook, wechat, skype, dan gmail. Saya menggunakan gmail sebagai medium dalam (P&P) saya kerana terdapat pelbagai kemudahan dalam aplikasi gmail. Dalam komunikasi internet terdapat dua cara aplikasi iaitu aplikasi (synchrounous) dan aplikasi (asynchrounous). Synchronous merupakan komunikasi yang berlaku pada waktu yang sama contoh penggunaan skype. Manakala Asynchronous pula komunikasi yang berlaku bukan pada waktu yang sama contoh perbincangan forum. Kedua-dua jenis komunikasi ini mempunyai kebaikannya. kebaikan bagi asynchronous ialah memberi masa yang banyak untuk pelajar memberi maklum balas serta dapat memberi peluang kepada pelajar untuk berfikir dahulu tentang apa yang akan diceritakan atau dikongsi. synchronous pula ialah memberi dorongan kepada pelajar supaya tidak gugup untuk bercakap secara bersemuka . terdapat pelbagai kemudahan aplikasi internet untuk digunakan kearah kebaikkan. Sekian, terima kasih.

APLIKASI YANG SAYA GUNAKAN UNTUK AKTIVITI PEMBELAJARAN DAN PENGAJARAN (P&P) ADALALAH GMAIL.

BAB 8 EMAIL

EMAIL

DEFINISI EMAIL

· Email adalah singkatan perkataan Elektronik Mel Surat Elektronik yang menggunakan rangkaian internet untuk menghantar email.

· Email adalah satu bentuk alat yang pantas untuk menghantar surat dan tidak menggunakan sebarang kos yang tinggi hanya memerlukan rangkaian internet sahaja.

· Email merupakan aplikasi yang banyak digunakan dalam surat menyurat.

KEBAIKAN DAN KEBURUKAN EMAIL

KEBAIKAN	KEBURUKAN
Satu alat yang pantas menghantar surat menyurat	Jika alamat salah penerima surat tidak akan terima surat
Merupakan satu alat global terdapat hampir semua orang menggunakannya	SPAM mesej berupa penipuan membahayakan pengguna
Tidak terhad kepada text yang ingin dihantar	Email boleh dicuri oleh hacker
Jimat dari kos dan tahap keselamatan tinggi	Pengendali surat susah banyak masa terbuang untuk menguruskan fail surat

EMAIL ADDRESS

Email address adalah alamat penerima atau penghantar email contoh :-

Muhammadharith14@gmail.com

muhamadharith	Adalah nama pengguna penerima atau penghantar
@gmail.com	Nama domain yang mengendalikan penerimaan mel

EMAIL SOFWARE

Sofware yang digunakan untuk menghantar email contoh gmail.com , yahoo.my dan lain-lain.

CC & BCC?

· Carbon Copy Section (CC)

Menghantar email lebih dari satu penerima, semua penerima dapat melihat senarai alamat email yang dihantar

· Blind Carbon Copy Section (BCC)

Tidak semua penerima yang dapat melihat alamat email kecuali penerima yang mempunyai BCC, hanya pengirim dan penerima email sahaja yang mengetahui.

UNTUK LEBIH MEMAHAMI CARA EMAIL BEKERJA BOLEH MENONTON LINK DIBAWAH

https://youtu.be/GDajvxusBDg

TERDAPAT 3 CARA EMAIL BEKERJA IAITU :-

	SIMPLE MAIL TRANSFER PROTOCOL (SMTP)	- A protocol for sending e-mail messages between servers. - Email systems send mail over the internet use SMTP to send messages from one server to another - Generally used to send messages from a mail client to a mail server
	POST OFFICE PROTOCOL (POP)	- POP was designed to support "offline" mail processing. In the offline paradigm, mail is delivered to a ( usually shared ) server, and a personal computer user periodically invokes a mail "client" program that connects to the server and doenloads all of the pending mail to the user's own machine. - Thereafter, all mail processing is local to the client machine. - Once deliverd to the PC or Mac, the messages are then deleted from the mail server.
	INTERNET MESSAGE ACCESS PROTOCOL (IMAP)	- It is a Method of accessing electronic mail. or bulletin board messages that are kept on a (possibly shared) mail server. In other words, it permits a "client program to access remote message stores at if they were local. - For example, mai stored on an IMAP server can be manipulated from a desktop computer at home, a workstation at the office, and a notebook computer while traveling, without the need to transfer messages or files back and forth between these computers.

TERDAPAT JUGA VIRUS DALAM EMAIL

1. MEMORY RESIDENT VIRUS

2. OVERWRITE VIRUS

3. WEB SCRIPTING VIRUS

4. WORMS

5. TROJAN

6. SPAM

BAGAIMANAKAH HACKER MENDAPAT MAKLUMAT ANDA?

1. Dari name card, letter head, published papers

2. Laman web yang pernah anda kunjungi

3. Tidak mendaftar logout selepas menggunakan mana-mana aplikasi

BAGAIMANA UNTUK MENGELAK DARI VIRUS INI?

1. Menggunakan anti virus

2. Membuat tapisan sebelum mengguna laman web

3. Melihat dan scan virus sebelum download

REFLEKSI DIRI

Hasil pembelajaran saya pada minggu ini adalah mengetahui tentang cara kegunaan email dan cara email bekerja. Bukan itu sahaja, saja juga memgetahui kebaikan dan keburukan email. Email adalah mail yang dihantar secara elektronik melalui internet, tanpa internet email tidak boleh dihantar. Email juga tidak terhad kepada perkataan tetapi terhad kepada gambar kerana mempunyai had saiz yang dibenarkan. Email juga perlu tepat dan betul dengan itu penerima email boleh menerima email yang dihantar oleh pengirim. Saya juga mengetahui cara email bekerja, melalui 3 cara iaitu SMTP, IMAP DAN POP. Dalam pem pembelajaran ini saya memperolehi pengetahuan tentang CC DAN BCC yang selama ini saya tidak mengetahui tentang kewujudan serta fungsi CC dan BCC. Selain itu, setiap komputer harus mempunyai anti virus supaya sebarang aktiviti yang tidak diingini dapat ditapis. Sekian terima kasih.

BAB 7 WEB SEARCHING

WEB SEARCHING

Pada minggu ketujuh ini saya mempelajari tentang web browser. World Wide Web (WWW) adalah satu perkhidmatan internet untuk memaparkan halaman web. Takrif web browser sebenarnya adalah aplikasi perisian yang digunakan untuk mencari dan melihat laman web.

Saya juga mempelajari dua kaedah pencarian maklumat iaitu

Search engine

· Mencari maklumat yang berkaitan dengan topik tertentu

· Contoh search engine : Google, yahoo! , internet explore

Subject directory

· Mengklasifikasikan laman web dalam kategori yang dirancang.

· Contoh subject directory : www.utm.my, www. Academicinfo.us

WEB BROWSER

Web browser adalah aplikasi yangdigunakan untuk mencari dan memaparkan web. Web yang popular adalah IE(internet explorer) mozile firefox, safari, google.

Buttons function : Open & Save

· Techniques to save pictures (jpg,gif), save file, save fail that use frame and etc

· Function of buttons BACK, FORWARD, REFRESH, STOP

· Printing

History, URL and Favourite/bookmark

· Clear history

· Clear Cache

· Clear URL

· Save/using bookmark/favourite

· Setting default page

· Multitasking

Saya juga dapat mengenal pasti cara untuk membuat pencari dengan lebih tepat iaitu dengan advanced search.

Searching Tips
Be natural · is cell phone harmful? · Ask the search engine : "Cell phone" AND harmful?	Capitalize · Always use lowercase · Star will serach "Star,STAR,stAr,..." · The "Star" inless you really want to search "Star".	Use incommon keywords · The more specific resulys will return to you · Think a valid and uncommon keyword	Require words · Add a "+" before the keyword · It will be in every match
Exclude words · Use "-" before the keyword. · In what situation should we use ?	Correct spelling · Beware of the differences between English and American Spellings (Color,Colour) => ( color OR colour )	Stop words · Ignore th emost common words "the,is,..." · "searching the web" and the search engine will ignore " the web". · Add more relevant keyword.	Use wildcards · Use "" in some search engines. · "funk"" => fink, funky, funkiest,..

REFLEKSI

Pembelajaran pada minggu tentang Web Searching. Sering kali kita menggunakannya iaitu WWW atau world wide web merupakan satu perkhidmatan internet yang hampir seluruh dunia menggunakannya. Web merupakan satu kemudahan internet yang menghimpunkan pelbagai maklumat diseluruh dunia, setiap web mempunyai kemudahan pencarian maklumat seperti berbentuk tulisan, gambar, video mahupun audio. Setiap halaman web mempunyai alamat unik tersendiri. Alamat ini yang dimaksudkan adalah (URL) uniform resourse locator. URL mengandungi dua bahagian utama iaitu protocol dan nama domain. Protocol selalu digunakan seperti http:// iaitu singkatan Hyper Text Transfer Protocol. Selain itu, selepas pengajaran yang diberi oleh pensyarah saya didedahkan dengan searching tips yang lebih spesifik iaitu advanced search yang selama ini saya tidak mengetahui akan kewujudannya. Sekian, terima kasih.