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

ใบงานที่ 10 เรื่อง : รูปแบบของคำสั่งHTML + ตัวอย่างคำสั่ง

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


คำสั่งพื้นฐาน
< !– ข้อความ –>คำสั่ง หมายเหตุ ใช้อธิบายความหมาย ขื่อผู้เขียนโปรแกรม และอื่นๆ
<br>คำสั่งขึ้นบรรทัดใหม่
<p> ข้อความ </p>คำสั่งย่อหน้าใหม่
<hr width=”50%” size = “3”>คำสั่ง ตีเส้น, กำหนดขนาดเส้น
&nbsp;คำสั่ง เพิ่มช่องว่าง
<IMG SRC = “PHOTO.GIF”>คำสั่งแสดงรูปภาพชื่อ Photo.gif
<CENTER> ข้อความ </CENTER>คำสั่งจัดให้ข้อความอยู่กึ่งกลาง
<HTML> </HTML>คำสั่ง <HTML> คือคำสั่งเริ่มต้นในการเขียนโปรแกรม HTML และมีคำสั่ง </HTML> เพื่อบอกจุดสิ้นสุดโปรแกรม
<HEAD> </HEAD>คำสั่ง <HEAD> คือคำสั่งบอกส่วนที่เป็นชื่อเรื่อง โดยมีคำสั่งย่อย <TITLE> อยู่ภายใน
<TITLE> </TITLE>คำสั่ง <TITLE> คือคำสั่งบอกชื่อเรื่อง จะไปปรากฏที่ Title Bar
<BODY> </BODY>คำสั่ง <BODY> คือคำสั่งบอกส่วนเนื้อเรื่อง ที่จะถูกแสดงผลในเวปบราวเซอร์ ประกอบด้วยรูปภาพ ตัวอักษร ตาราง เป็นต้น

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

       







อ้างอิง : http://support.tarad.com/help/908

ใบงานที่ 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 เรื่อง : การเขียนผังงาน[Flowchart]

Flowchart


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

                                                                 (คลิ๊กที่ภาพเพื่อดูรูปใหญ่)

แบ่งได้ 2 ประเภท คือ

 1.ผังงานระบบ (System Flowchart) หมายถึง ส่วนต่างๆที่เกี่ยวข้องทั้งหมด และขั้นตอนการเริ่มต้นว่ามีเอกสารเบื้องต้นเริ่มจากส่วนใดของระบบงาน จะไปยังหน่วยงานใด ส่งต่อไปที่ใดจึงจะเสร็จ

                                                                                      (คลิ๊กที่ภาพเพื่อดูรูปใหญ่)


  2.ผังงานโปรแกรม(Progarm Flowchart) หมายถึง ผังขั้นตอนในการทำงานโปรแกรม มีส่วนแสดงการทำงานในขั้นตอนการรับข้อมูล การคำนวณหรือประมวณผล และแสดงผลลัพธ์

(คลิ๊กที่ภาพเพื่อดูรูปใหญ่)

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

Pseudo Code


   ซูโดโค้ด (Pseudocode) หรือ ในภาษาไทย เรียกว่า รหัสจำลอง หรือ รหัสเทียม คือ การจำลองการเขียนโปรแกรม โดยเขียนคำสั่งเป็นภาษาอะไรก็ได้ เช่น ไทย หรือ อังกฤษ ฯลฯ ที่ไม่ใช่ภาษาคอมพิวเตอร์ขั้นสูงอย่าง ภาษา C หรือ Java ซูโดโค้ดนี้จะไม่ขึ้นกับภาษาคอมพิวเตอร์ใดๆ โดยเฉพาะ ใช้อธิบายการทำงานของโปรแกรม เนื่องจากสื่อด้วยภาษาง่ายๆ อย่าง ไทย, อังกฤษ ทำให้ผู้อ่านเข้าใจได้ง่าย และตรงกัน โดยปกติแล้วมักใช้ภาษาอังกฤษ เนื่องจากสามารถแปลเป็นภาษาคอมพิวเตอร์ได้ง่าย

ใบงานที่ 5 เรื่อง : อัลริทึม[Algorithm]

Algorithm


  อัลกอริทึม(Algorithm) หมายถึง ขั้นตอนหรือลําดับการประมวลผลในการแกปัญหาใด ปญหาหนึ่ง ซึ่งจะช่วยให้โปรแกรมเมอร์ เห็นขั้นตอนของการเขียนโปรแกรมงายขึ้น

  ลักษณะของอัลกอริทึม มีลักษณะเป็นการเขียนคําสั่งตางๆ ที่ทําใหผูเขียนโปรแกรมสามารถเขาใจ งาย ซึ่งคําสั่งที่ใช้จะเป็นคำพูดธรรมดาไม่ยึดหลังภาษาและไวยกรณ์ของคอมพิวเตอร์

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

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

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




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

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

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




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

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

Course Outline [OT32201]

Course Outline มัธยมศึกษาปีที่ 5
ภาคเรียนที่ 1/2560



^
^
^
(Click here)


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


การวิเคราะห์และกำหนดลายละเอียดของปัญหา




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

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

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

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




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

My Profile (≧▽≦)/



==============================
ジャヤチチ テョンジエウ

  『モース

=============================
      (เสื้อเขียว)

ชื่อ. จรรยาทิต 
นามสกุล. ทองจิ๋ว
ชื่อเล่น. โมสท์
อายุ. 16
วันเกิด. 26 พฤศจิกายน พ.ศ. 2543
กรุ๊ปเลือด. A
ส่วนสูง. 163 เซนติเมตร
สีที่ชอบ. สีเขียว สีดำ สีน้ำเงิน
งานอดิเรก. วาดภาพ อ่านการ์ตูน
แผนการเรียน. วิทย์-คณิต
เรียนอยู่ที่. โรงเรียนอัสสัมชัญระยอง




วันอาทิตย์ที่ 19 มีนาคม พ.ศ. 2560

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


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




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

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