Apa itu HTML? Pengenalan

Salam Hari Jumaat Semua!

Post pertama untuk tahun 2017! Yeah, azam baru walaupun dah tengah bulan 2. Sorry sangat kalau ada yang tunggu post since 2014 😐 (Buat muka sekupang).

Tanpa cakap banyak, kita fokus pada topik kita pada hari ni. HTML, apa tu? Nama panjang dia Hyper Text Markup Language so jadilah HTML. HTML ni Bahasa Markup atau paling mudah cara kita bagitau macam mana kita nak text kosong kita nampak samada tebal (bold) ka, senget (italic) dan lain2 lagi. Sekian. (Takkan habis dah? Buang masa aku mai sini 😕 ) .

Sorry2, cuma nak bagi korang trill sikit nak belajarkan. Sebelum belajar, aku nak hampa download satu software nama dia Notepad++, hampa boleh pakai Notepad yang standard dalam window tu tak da masalah tapi yang aku suggest ni warna-warni, lagi cantik. Sebetulnya bukan pasai cantik la 😉 , tapi nak bagi hampa senang tengok, sebab nanti lecey nak tukar code HTML tu. Boleh muat turn (download) kat sini dan of course free of charge!

capture1

Contoh Screen Shot

Fahamkan pasai pa aku suruh hampa download?, kalau pakai yang ni hampa pun senang nak tengok dan tak sakit mata. Kita akan bincangkan 4 komponen asas yang aku dah point dekat atas.

Sebelum mula, sila tekan (dalam Notepad++) ‘Language‘ lepas tu amik ‘HTML’. Ini bagi memudahkan colouring tu ikut jenis bahasa yang kita nak belajar ni.

  1. <!DOCTYPE html>- Tudia! 😯 apa ni? Jangan risau! , benda ni by default kita letak kat atas sebelum kita mula taip code yang lain. Cuma penanda untuk kita nak suruh pelayar (browser) tu pakai HTML5 dan bukan HTML4 ke bawah. Sekarang ni dah HTML5 tau, take note! ❗ Kalau ada permintaan nak aku terangkan beza HTML5 dan yang HTML yang versi lama, cuma komen/email dan inshaAllah aku akan post pada entry akan datang.
  2. <html></html>- Kalau korang sedar, <html> ni ada pembuka dan penutup. Maksud dia kita suruh pelayar ni baca kandungan dalam tu sebagai komponen HTML. Tapi kalau hampa taip merapu-rapu pun dia keluaq jugak kat pelayar cuma tak ikut standard la. Pastikan hampa taip natang ni dulu tau!
  3. <head></head> – Macam manusia, komponen HTML ada kepala dan badan, analoginya kalau orang nak perkenal diri kita tengok muka dulu kan? Sama la fungsi <head> ni, kita boleh letak tajuk, boleh letak laman web kita ni pasai pa dan lain2. Bila orang cari laman web kita dari enjin carian contohnya google atau bing dia akan periksa ni, nak tengok apa kandungan laman web kita. Itulah serba sikit kegunaan dia. Untuk makluman tambahan, bila pelayar baca laman web kita, dia baca <head> dulu baru <body> umpama kita baca buku la, kita baca dari atas ke bawah kan? Sama la pelayar dan kebanyakkan bahasa lain.
  4.  <body></body> – Yang ni la asas (core/foundation), semua code kita letak dalam . Kita nak buat borang, nak letak gambaq, nak bubuh video dan banyak lagi boleh buat.

Macam mana? Boleh catchup tak? Kita baru nak masuk gear 1, tadi tu baru mukhadimah/pengenalan tau! 😆

Jom! Kita buat latihan santai, apa korang kena buat?

Langkah2nya: (Nak pandai dak? Nak pandai kena follow elok… Hahaha :mrgreen: )

  1. Dalam <head> aku nak korang taip “<title>Latihan Bersama DIY IT</title>“.
  2. Dalam <body> plak, korang taip “<h1>Aku nak Pandai!</h1>“.
  3. Dalam  <head> selepas <h1> korang taip “<p>Kenapa aku kena buat menda hampeh ni?</p>“.

Lepas tu korang simpan (save) pastikan dalam format .html tau. (Kalau aku, malas sikit nak tukar nama (selalu rajin k… 😡 ), jadi nama fail aku “new 1.html“).

capture1

Contoh HTML

Korang jangan malas2 nak taip, aku habaq betui. Kalau hampa malas nak taip nanti lambat pandai, sebab bila hampa taip hampa belajar dan praktis dalam masa yang sama. Hampa tau pasai pa lepas diploma/ijazah ada praktikal? Pasai belajar tanpa praktis tu takdak hasil (Nampak bijak tak? 😎 ). Wasiat Imam Ghazali, dia kata “Ilmu tanpa amal umpama orang gila“. Hampa nak gila ka? lekaih taip. Kah3x… 😆

Lepas tu nanti dia simpan dia akan keluar ikon pelayar hampa. Cer tekan, jadi pa?

capture1

Lepas aku buka dalam Pelayar

Kalau hampa keluaq macam aku tahniah! Hampa dah satu tapak nak jadi Pereka Web (Web Designer). “Pasai pa hampa kena buat menda hampeh ni? ” Pasai hampa nak jadi pandai… Hahaha 😉

Nampak dak dekat tab atas dalam pelayar tu? Ada keluar nama kan? Tu la fungsi <head>, tu cuma fungsi kecik dalam <head> yang hampa boleh guna.

Aku sampai sini dulu, hampa hadam betui2 dulu. Ada apa2 penambahan atau salah kat mana2 boleh email atau letak kat ruang komen no.

Kalau hampa rasa boleh pergi lagi atau semangat berkobar-kobar sampai tak menyempat nak tunggu minggu depan cuba follow tutorial ni. Dan bagi korang yang nak belajaq hardware boleh mula belajar dari sini.

Salam. Semoga ilmu diberkati. Jumpa Jumaat minggu depan plak!

Apa itu Motherboard? Pengenalan

Assalam, Salam Sejahtera….

Hari ni macam aku janjikan, tapi agak lewat sikit daripada masa yang aku janji. Hehehe… Aku akan terangkan tentang motherboard, jadi apa tu motherboard? Eh, dia ni, orang tanya dia, dia tanya kita balik… 😐 Jangan marah, nanti cepat tua…
Kalau kita anggap CPU tu umpama otak komputer, jadi kita boleh anggap motherboard ni umpama tulang belakang dalam badan manusia, yang mana tulang belakang yang menghubungkan bahagian2 yang lain melalui spinal cord (cewahh… pandai biologi sekarang) yang mana melalui motherboard, cell-cell otak boleh berhubung 🙂 (iklan2)…
Kalau kita tengok pada motherboard tu sendiri, dia x ada processor sendiri dan bergantung pada processor lain samada cpu ataupun gpu. Motherboard juga memiliki software sendiri atau dipanggil firmware yang mana digunakan untuk mengawal motherboard (kadang2 dipanggil BIOS/UEFI). Motherboard bukan macam lego yang kita boleh plug-n-play, setiap komponen yang dislotkan perlu mempunyai penghubung iaitu driver, selain itu motherboard juga datang dalam saiz yang berlainan mengikut keperluan dan saiz cpu yang kita pilih.

Saiz motherboard juga memainkan peranan dalam memastikan pengudaraan untuk setiap komponen berada pada tahap yang optimum dan memanjangkan jangka hayat komponen. Saiz yang aku mentioned ni tak konsisten untuk pada setiap pengeluar, yang mana pengeluar komponen komputer seperti Asus boleh ja tambah kelas baru di dalam saiz motherboard. Besar saiz motherboard x bermaksud banyak komponen yang boleh dimasukkan, seperti saiz standard-ATX, yang menyediakan 4 slot untuk RAM, tapi ada saiz yang besar daripada standard ATX yang dipanggil XL-ATX yang juga masih menggunakan 4 slot RAM, jadi kenapa perlu besar? 🙂

untuk rujukan lebih lanjut, aku selitkan url tentang pengenalan motherboard dan saiz, channel Techquickie antara channel aku jadikan rujukan (sila subscribe kalau nak pandai) 🙂

Apa itu Motherboard?

Jenis-jenis Saiz Motherboard

Sampai sini saja dulu untuk pengenalan, aku akan sambung tentang jenis slot dan penghubung di dalam motherboard pulak lepas ni. Dan korang yang berminat nak cari komponen lain yang berkaitan, korang boleh tekan sini.

Ada apa dalam CPU? Komponen-komponen Asas Komputer

Assalamualaikum dan Salam Sejahtera… 😉 ,

Aku berdoa pada Allah yang Maha Pemurah semoga pembaca sihat2 saja, Ameen. Rasanya tajuk pun dah paham kan? Aku akan mula terangkan komponen asas dalam CPU bagi newbie yang baru nak belajar macam mana nak bina komputer custom, tp INGAT!!!, (Wah, marahnya.. 😡 ) post2 aku dalam blog ni santai sahaja, kalau pembaca nak tau dengan lebih lanjut, sila buat kajian sendiri atau panjangkan pada email aku nanti ya.

CPU tu sebenarnya otak computer, sebab dia duduk dalam kotak atau casing jadi aku panggil cpu saja. Jadi kita akan sembang kencang yang ada dalam kotak tu ja taupasai aku tahu hampa sedia maklum apa kat luar kotak tu ada apa? Ada tikus(baca: mouse), monitor, dan mungkin speaker kot.

Antara komponen penting kena ada:

  • Motherboard

Individu bertanggungjawab pegang dan menghubungkan semua komponen di dalam kotak cpu. Datang dalam banyak saiz dan aku akan terang pada post akan datang. Kalau korang nak penjelasan lagi jelas, tekan sini.

  • RAM

Tempat simpanan data sementara untuk kegunaan cpu untuk mempercepatkan proses pengurusan data. (#Garu kepala)…. Jangan risau, aku akan terang dalam post akan datang… 🙂

  • CPU (Otak komputer)

Komponen yang paling penting, penulis ada soalan cepu emas, kenapa kotak cpu yang ada dalam kotak tu orang panggil cpu walhal banyak sj komponen dalam kotak tu, kenapa tak panggil kotak RAM? Tu sebabnya cpu adalah komponen yang paling penting daripada komponen yang lain. (Aku rasalah 🙄 )

  • Power Supply

Yang ni rasanya semua dah tahu jadi aku x terang kot…. Tp aku nak tulis jugak, fungsinya nak bagi sumber tenaga yang cukup untuk semua komponen berfungsi dengan effisiennya

  • Memory (Hard Disk/SSD)

Hard Disk (HDD) atau Solid State Drive (SSD), ada perbezaan pada dua2 drive ni yang mana aku akan terangkan pada post akan datang.

  • DVD/Blue-ray Drive

Tempat nak letak dvd or blue-ray, drive ni mungkin akan berevolusi pada masa hadapan, mungkin akan terima nasib macam disket jugak, hilang ditelan zaman. Tapi agak penting sekarang pasal nak install window sekarang pun masih menggunakan dvd drive.

  • Casing (Kalau nak gunalah)

Pilihan pembaca nak guna atau tak, mungkin aku lebih selesa nak letak kat open air (kat luar), sebab sejuk tp seeloknya letak di tempat yang tertutup pasal masalah persekitaran mcm habuk atau kelembapan dalam udara yang mana boleh merosakkan komponen computer. Setiap saiz mempunyai nama yang berbeza, tu pun penulis akan tekankan dalam post akan datang.

Woi! Mana graphic card? Ang ni tahu tak klu graphic card tak dak mana boleh komputer jalan (#sambil hentak kepala atas meja) 👿 , jangan mencarut dulu, aku tak letak pasai ada sebabnya…. Hahahahaha…. 😆

 

Sebenarnya kebanyakkan CPU ada integrated GPU (dalam cpu kecik tu ada graphic card) sendiri, itu termasuklah dua pengeluar cpu terbesar sekarang ni iaitu Intel dan AMD. Bagi yang mempunyai bajet yang lebih sikit, bolehlah nak tambah graphic card tapi bagi yang x ada bajet integrated gpu dah cukup untuk kegunaan harian. Kalau ikut susunan yang aku susun, aku akan mula dengan Motherboard dulu. Tapi sebab kesuntukan masa, aku akan terangkan detailnya pada post yang terdekat nnti, insyaAllah. Mungkin senarai yang aku tulis x lengkap, atau salah klu hampa rasa ada something yang perlu tambah kita boleh sembang di dalam ruangan komen… Berjumpa lagi nanti… InsyaAllah…

Wassalam…

Mukhadimah

Assalamualaikum dan salam sejahtera…

Mesti ramai tertanya-tanya ni blog apa? Kan2…. Dah la bahasa melayu, tak standard langsung. Apa DIY tu? Pelik kot, macam ada agenda tersembunyi? Mungkin ya atau tidak…(#sambil kerut dahi 😕 )… Sebenarnya DIY itu bawa maksud dia Do It Yourself (buat sendiri la). Jadi sebab utama perkongsian blog ini aku nak berkongsi tentang macam mana nak jadi seorang engineer dalam software dan hardware, ceewaahh… Hebat bunyiknya, tapi lebih kurang macam tu lah.

Kenapa bahasa melayu? Hang x reti bahasa inggeris ke? Mesti hang ni x tahu bahasa inggeris kan… Hahahaha, sebenarnya jawapannya mungkin, (aku rasa aku power BI, hampa apa tau, aku sembang BI macam ayaq kot 😆 ) tapi jawapan sebenarnya aku banyak surfing internet dan aku dapati rujukan dalam bahasa melayu amat kurang dan hampir tak  dak di dalam carian pak cik google, jadi aku mengambil inisiatif nak perkasakan bahasa ibunda ini dan berkongsi supaya semua orang termasuklah pak cik yang membajak sawah mahupun yang duduk lenggang kaki kat pejabat faham apa yang aku nak sampaikan. Ni semua poyo!!!!… 😛

Jadi salam perkenalan dan tunggulah update2 daripada aku yang tak seberapa ni. Semoga bermanfaat dan aku harap pembaca juga dapat berkongsi dengan yang lain…

Mungkin hampa ada idea yang nak dikongsi, mungkin boleh panjangkan ke email aku…

Kalau ada yang tak kenai aku, ataupun tak tahu cara macam mana nak hubungi aku hampa tekan sini. Bak kata orang lama tak kenal maka tak cinta… 😆

Wassalam….