วันอังคารที่ 28 มีนาคม พ.ศ. 2560

ใบงาน 10 รูปแบบคำสั่ง HTML,ตัวอย่างคำสั่ง


รูปแบบคำสั่ง HTML

รูปแบบของ tag แบ่งออกเป็น 2 กลุ่ม คือ
1. tag เดี่ยว
คือ รูปแบบค าสั่งที่มีเพียงค าสั่งเดียวหรือมีเพียงแท็กเดียว ก็สามารถใช้งานได้ เช่น <br>
2. tag คู่
คือ รูปแบบค าสั่งที่เป็นสองส่วน คือ มีส่วนเริ่มต้นและต้องมีส่วนจบของค าสั่งถึงจะสามารถท างานได้
สมบูรณ์ โดยส่วนจบของแต่ละค าสั่งจะมีเครื่องหมาย Slash (/) ไว้หน้าแท็กค าสั่งนั้น เช่น
<html>......</html>
tag คู่ มีทั้งหมด 4 แท็ก คือ
1. <html>...</html>
2. <head>....</head>
3. <title>....</title>
4. <body>....</body>
tag เดี่ยว มีทั้งหมด 1 แท็ก คือ <br>
tag คำสั่งหลัก ของการเขียนโปรแกรมด้วยภาษา HTML
การเขียนโปรแกรมด้วยภาษา HTML จะมีโครงสร้างและการจัดวางค าสั่งหลักที่เป็น
มาตรฐานเหมือนกันทั่งโลก โดยจะประกอบด้วยค าสั่งหลักๆ อยู่ 4 ค าสั่งด้วยกัน ดังนี้
1. <html>........</html>
เป็นค าสั่งที่ท าหน้าที่บอกจุดเริ่มต้นและจุดสิ้นสุดของเอกสาร HTML
2. <head>........</head>
เป็นค าสั่งที่ท าหน้าที่ก าหนดส่วนหัวเรื่อง
3. <title>.........</title>
เป็นค าสั่งที่ใช้ก าหนดข้อความที่ต้องการน ามาแสดงผลบนแถบ Title Bar ค าสั่งนี้จะอยู่ภายในค าสั่ง
ส่วน <head>......</head> โดยก าหนดความยาวของตัวอักษรไม่เกิน 64 ตัวอักษร
4. <body>.........</body>
เป็นคำสั่งที่กำหนดข้อความและรูปแบบของค าสั่งต่างๆ ที่ใช้ส าหรับปรับแต่งเอกสารที่จะน าเสนอออก
ทางส่วนแสดงผลหลักของ Web Browser

ตัวอย่างคำสั่ง










ใบงานที่ 9 ความหมายของ HTML



ความหมายของ HTML

HTML หรือ HyperText Markup Language เป็นภาษาคอมพิวเตอร์รูปแบบหนึ่ง ที่มีโครงสร้างการเขียนโดยอาศัยตัวกำกับ (Tag) ควบคุมการแสดงผลข้อความ, รูปภาพ หรือวัตถุอื่นๆ ผ่านโปรแกรมเบราเซอร์ แต่ละ Tag อาจจะมีส่วนขยายที่เรียกว่า Attribute สำหรับระบุ หรือควบคุมการแสดงผล ของเว็บได้ด้วย
HTML เป็นภาษาที่ถูกพัฒนาโดย World Wide Web Consortium (W3C) จากแม่แบบของภาษา SGML (Standard Generalized Markup Language) โดยตัดความสามารถบางส่วนออกไป เพื่อให้สามารถทำความเข้าใจและเรียนรู้ได้ง่าย และด้วยประเด็นดังกล่าว ทำให้บริการ WWW เติบโตขยายตัวอย่างกว้างขวางตามไปด้วย



วันพฤหัสบดีที่ 23 มีนาคม พ.ศ. 2560

ใบงานที่ 7 เรื่องการเขียนผังงาน ( Flow Chart )

  การเขียนผังงาน

1.ความหมายของผังงาน ?
ตอบ  รูปภาพ (Image) หรือสัญลักษณ์(Symbol) ที่ใช้เขียนแทนขั้นตอน คำอธิบาย ข้อความ หรือคำพูด ที่ใช้ในอัลกอริทึม (Algorithm) เพราะการนำเสนอขั้นตอนของงานให้เข้าใจตรงกัน ระหว่างผู้เกี่ยวข้อง ด้วยคำพูด หรือข้อความทำได้ยากกว่าการใช้ผังงาน ผังงาน เป็นเครื่องมือแสดงขั้นตอน หรือกระบวนการทำงาน โดยใช้สัญลักษณ์ที่เป็นมาตรฐานเดียวกัน ซึ่งในสัญลักษณ์จะมีข้อความสั้น ๆ อธิบายข้อมูลที่ต้องใช้ ผลลัพธ์ หรือคำสั่งประมวลผลของขั้นตอนนั้น ๆ และเชื่อมโยงขั้นตอนเหล่านั้นด้วยเส้นที่มีลูกศรชี้ทิศทางการทำงานตั้งแต่เริ่มต้นจนจบกระบวนการ [1]p.208
ผังงานแบ่งได้ 2 ประเภท
1.1 ผังงานระบบ (System Flowchart)
คือ ผังงานที่แสดงขั้นตอนการทำงานในระบบอย่างกว้าง ๆ แต่ไม่เจาะลงในระบบงานย่อย
1.2 ผังงานโปรแกรม (Program Flowchart)
คือ ผังงานที่แสดงถึงขั้นตอนในการทำงานของโปรแกรม ตั้งแต่รับข้อมูล คำนวณ จนถึงแสดงผลลัพธ์


2.ลักษณะผังงาน ?
ตอบ สัญลักษณ์เหล่านี้เมื่อถูกนำมาเชื่อมต่อกัน จะกลายเป็น "ผังงาน (Flowchart)" ที่แสดงลำดับขั้นตอนการทำงานเพื่อเป็นเครื่องมือในการจัดลำดับความคิดเห็นลำดับขั้นตอนการทำงานที่ชัดเจน




ใบงานที่ 6 เรื่อง การเขียนรหัสจำลอง ( Pseudo Code )

  การเขียนรหัสจำลอง ( Pseudo code )

ตอบ  การเขียนรหัสจำลอง (Pseudo Code ) คือ การเขียนอัลกอริทึมโดยใช้ประโยคภาษาอังกฤษที่สื่อความหมายง่าย ๆ สามารถอ่านแล้วเข้าใจได้โดยทันที แต่ก็สามารถใช้รูปแบบที่เป็นภาษาพูดด้วยภาษาไทยและภาษาอังกฤษก็ได้โครงสร้างของรหัสจำลองเริ่มต้นด้วยข้อความ Begin แล้วอธิบายขั้นตอนการทำงานโดยใช้คำสั่งต่าง ๆ ที่ใกล้เคียงกับภาษาคอมพิวเตอร์ในการเขียนโปรแกรม เช่น
คำสั่ง read หมายถึง การอ่านค่าหรือรับค่าข้อมูลตัวแปรตามที่กำหนดไว้
คำสั่ง print หมายถึง การแสดงผลลัพธ์ที่ได้จากการคำนวณ
และพิมพ์ข้อความ End เมื่อจบการทำงานการเขียนรหัสจำลองจะต้องมีการวางแผนสำหรับการอ้างอิงถึงข้อมูลที่จะต้องนำไปใช้ภายในโปรแกรมด้วยการสร้างตัวแปร โดยใช้เครื่องหมายเท่ากับ (= ) แทนการกำหนดค่าตัวแปร 


ใบงานที่ 5 เรื่อง อัลกอริทึม ( Algorithm )

     อัลกอริทึม ( Algorithm )

1.อัลกอริทึม ( Algorithm ) หมายถึง ?

ตอบ เป็นวิธีการ และขั้นตอนของการควบคุมการปฏิบัติงานตามหน้าที่ อย่างใดอย่างหนึ่ง ตัวอย่าง algorithm เช่น เครื่องปรุงอาหาร ในหนังสือวิธีทำกับข้าว จัดว่าเป็น algorithm ได้อย่างหนึ่ง กล่าวคือ จะบอกวิธีว่า แกงชนิดนั้นมีเครื่องปรุงอะไรบ้าง และมีวิธีปรุงอย่างไร ใส่อะไรก่อน อะไรหลัง เป็นต้น



2.ลักษณะของ อัลกอริทึม ( Algorithm ) ?

ตอบ กระบวนการแก้ปัญหาที่สามารถอธิบายออกมาเป็นขั้นตอนที่ชัดเจน เมื่อนำเข้าอะไร แล้วจะต้องได้ผลลัพธ์เช่นไร กระบวนการนี้ประกอบด้วยจะประกอบด้วย วิธีการเป็นขั้นๆ และมีส่วนที่ต้องทำแบบวนซำอีก จนกระทั่งเสร็จสิ้นการทำงาน 
Algorithm ไม่ใช่คำตอบแต่เป็นชุดคำสั่งที่ทำให้ได้คำตอบ วิธีการในการอธิบาย Algorithm ได้แก่
1. Natural Language อธิบายแบบใช้ภาษาที่เราสื่อสารกันทั่วไป
2.Pseudocode อธิบายด้วยรหัสจำลองหรือรหัสเทียม
3.Flowchart อธิบายด้วยแผนผัง




 

วันพุธที่ 22 มีนาคม พ.ศ. 2560

ใบงานที่ 4 เรื่อง การดำเนินการแก้ปัญหา การตรวจสอบ เเละ ปรับปรุง

  การดำเนินการแก้ปัญหา ตรวจสอบ เเละ ปรับปุง

1.การตรวจสอบเเละการปรับปรุงโดยผู้ออกแบบ





2.การตรวจสอบโดยผู้ใช้งานจริง






ใบงานที่ 3 เรื่อง การเลือกเครื่องมือและออกแบบขั้นตอน

   การเลือกเครื่องมือและออกแบบขั้นตอน

1.การเลือกเครื่องมือที่ใช้ในการแก้ปัญหา : การกำหนดทรัพยากรที่ต้องใช้ในการแก้ปัญหา

   





2.การออกแบบขั้นตอนในการปฏิบัติงาน : เป็นการกำหนดแนวทางการแก้ปัญหาก่อนปฏิบัติจริง โดยจะต้องกำหนดแนวทางเเละขั้นตอนการปฏิบัติงานเป็นลำดับขั้น เเละจึงนำมาระบุผู้รับผิดชอบและระยะเวลาการปฏิบัติงานในตารางปฏิบัติงาน



ใบงานที่ 2 เรื่องการวิเคราะห์เเละกำหนดรายละเอียดของปัญหา

มีวิธีการดังนี้

   1.วิเคราะห์สิ่งที่ต้องการโดยวิเคราะห์ว่าต้องการเเก้ปัญหาอะไร ผลผลิคอะไรหรืองานอะไร เเล้วกำหนดวัตถุประสงค์ของสิ่งที่ต้องการนั้น ยกตัวอย่างต้องการแก้ปัญหาการขาดทุนของร้านเช่าหนังสือ



   2.วิเคราะห์ผลลัพธ์ที่ต้องการโดยวิเคราะห์สิ่งที่คาดว่าจะได้รับจากการแก้ปัญหาในสิ่งที่ต้องการมากกว่า1ข้อ เช่น มีความสะดวกรวดเร็วในการเช่าหนังสือ ป้องกันไม่ให้หนังสือหาย มีกำไรมากยิ่งขึ้น


   3.วิเคราะห์ทรัพยากรโดยคำนึงทรัพยากรที่สามารถนำมาใช้แก้ปัญหาซึ่งควรเป็นทรัพยากรที่มีอยู่เเล้วเป็นหลัก เช่น วัสดุอุปกรณ์ ความรู้ของบุคลากร เเรงงานและงบประมาณ


   4.วิเคราะห์ตัวแปรหรือผลกระทบในด้านต่างๆ เช่น ทำไมหนังสือสูญหาย พนักงานไม่มาทำงานบ่อย


  5.วิเคราะห์วิธีการแก้ปัญหา เช่น เก็บค่าสมาชิกสูงขึ้น โดยผ่านกระบวนการความคิด เช่น ทำได้ จิงหรือไม่จะได้ผมลัพธ์ที่ดีหรือไม่

วันจันทร์ที่ 20 มีนาคม พ.ศ. 2560

My Profile

ประวัติส่วนตัว





ชื่อ นายธิติ    ฉี๋   ชื่อเล่น เปา
เกิดวันที่ 18 กรกฏาคม พศ.2543
อายุ 16 ปี
หมู่เลือด โอ
ศึกษาที่ โรงเรียนอัสสัมชัญระยอง
ที่อยู่ 101/44 หมู่7 ต.เนินพระ อ.เมือง จ.ระยอง
เรียนอยู่ชั้น มัธยมศึกษาปีที่ 5/5 อยู่สายศิลป์ภาษาจีน
สิ่งที่ชอบ เล่นกีฬาปิงปอง สิ่งที่ไม่ชอบ การฟังเพลง
งานอดิเรก เล่นกีต้าร์
ความฝันในอนาคต อยากเป็นนักกีฬาทีมชาติ

ใบงานที่1 เรื่อง กระบวนการเทคโนโลยีสารสนเทศ

กระบวนการเทคโนโลยีสารสนเทศ


ข้อ1.ความหมายของกระบวนการเทคโนโลยีสารสนเทศ
ตอบ กระบวนการจัดเก็บรวบรวมข้อมูลเพื่อกระทำให้เป็น
สารสนเทศ
การจัดเก็บและการนำเสนอสารสนเทศให้เป็นปัจจุบันทันต่อเหตุการณ์


ข้อ2.ขั้นตอนของกระบวนการเทคโนโลยีคอมพิวเตอร์
ตอบ มี 6 ขั้นตอน 

1.การรวบรวมข้อมูล วิธีการดำเนินการเพื่อเก็บข้อมูลเเละบันทึกข้อมูล
2.การตรวจสอบข้อมูล ตรวจสอบเพื่อหาข้อผิดพลาดหรือความสมเหตุสมผล
3.การประมวลผลข้อมูล วิธีการดำเนินการกระทำข้อมูลให้เป็นสารสนเทศ
4.การจัดเก็บข้อมูล การเก็บรักษาข้อมูลเพื่อบริหารรูปแบบต่างๆ
5.การคิดวิเคราะห์ ขั้นตอนการดำเนินการเพื่อสรุปความสำคัญของข้อมูล
6.การนำข้อมูลไปใช้  การนำข้อมูลไปใช้ในลักษณะต่างๆ

ข้อ3.การแก้ปัญหาด้วยกระบวนการเทคโนโลยีสารสนเทศ
ตอบ 1.การวิเคระห์เเละกำหนดรายละเอียดของปัญหา
2.การเลือกเครื่องมือเเละออกแบบขั้นตอน
3.การดำเนินการเเก้ไขปัญหา
4การตรวจสอบเเละปรับปรุง






เว็บไซต์ตัวอย่างโครงงาน

1.เว็บไซต์ตัวอย่าง 5 เว็บ 1.1 http://www.kroobannok.com 1.2  http://www.kanzuksa.com/ 1.3 http://www.thaiteachers.tv/ 1.4  http://w...