ใบงานที่ 10 รูปแบบคําสั่งhtml

คำสั่ง HTML

< !-- ข้อความ -->คำสั่ง หมายเหตุ ใช้อธิบายความหมาย ขื่อผู้เขียนโปรแกรม และอื่นๆ
<br>คำสั่งขึ้นบรรทัดใหม่
<p> ข้อความ </p>คำสั่งย่อหน้าใหม่
<hr width="50%" size = "3">คำสั่ง ตีเส้น, กำหนดขนาดเส้น&nbsp;คำสั่ง เพิ่มช่องว่าง
<IMG SRC = "PHOTO.GIF">คำสั่งแสดงรูปภาพชื่อ Photo.gif
<CENTER> ข้อความ </CENTER>คำสั่งจัดให้ข้อความอยู่กึ่งกลาง

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

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

HTML (Hyper Text Markup Language) เป็นภาษามาตรฐานสากลที่ใช้นำเสนอข้อมูลแบบผสมผสานในการสื่อสารแบบ World-Wide-Web :WWW ( Web) ซึ่งเป็นการเชื่อมต่อเครือข่ายของเครื่องคอมพิวเตอร์ทั่วโลก (Internet) รูปแบบหนึ่ง ข้อมูลในรูปแบบต่างๆ ไม่ ว่าจะเป็นข้อความ รูปภาพ เสียง ภาพเคลื่อนไหว หรือ อื่นๆ จะถูกเชื่อมโยงเข้าหากัน ด้วยชุดคำสั่งต่างๆ เพื่อให้แสดงผลออกมาคล้ายกับ สิ่งพิมพ์ สไลด์ หรือ แบบมัลติมีเดีย ซึี่่งเป็นภาษาคอมพิวเตอร์รูปแบบหนึ่ง ที่มีโครงสร้างการเขียนโดยอาศัยตัวกำกับ (Tag) ควบคุมการแสดงผลข้อความ, รูปภาพ หรือวัตถุอื่นๆ ผ่านโปรแกรมเบราเซอร์ แต่ละ Tag อาจจะมีส่วนขยายที่เรียกว่า Attribute สำหรับระบุ หรือควบคุมการแสดงผล ของเว็บได้ด้วยHTML เป็นภาษาที่ถูกพัฒนาโดย World Wide Web Consortium (W3C) จากแม่แบบของภาษา SGML (Standard Generalized Markup Language) โดยตัดความสามารถบางส่วนออกไป เพื่อให้สามารถทำความเข้าใจและเรียนรู้ได้ง่าย และด้วยประเด็นดังกล่าว ทำให้บริการ WWW เติบโตขยายตัวอย่างกว้างขวางตามไปด้วย Tag       Tag เป็นลักษณะเฉพาะของภาษา HTML ใช้ในการระบุรูปแบบคำสั่ง หรือการลงรหัสคำสั่ง HTML ภายในเครื่องหมาย less-than bracket ( < ) และ greater-than bracket ( > ) โดยที่ Tag HTML แบ่งได้ 2 ลักษณะ คือTag เดี่ยวเป็น Tag ที่ไม่ต้องมีการปิดรหัส เช่น <HR>, <BR> เป็นต้น     ที่มา https://sites.google.com/site/easyhtmllanguage/khwam-hmay-khxng-html

ใบงานเรื่อง flowchart

Flowchart from sittikorn Phongsuwan

ใบงานที่ 7 การเขียนผังงาน(Floechart)

การเขียนผังงาน ( Flowchart )

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

 

ประโยชน์ของผังงาน

• ช่วยลำดับขั้นตอนการทำงานของโปรแกรม และสามารถนำไปเขียนโปรแกรมได้โดยไม่สับสน

• ช่วยในการตรวจสอบ และแก้ไขโปรแกรมได้ง่าย เมื่อเกิดข้อผิดพลาด

• ช่วยให้การดัดแปลง แก้ไข ทำได้อย่างสะดวกและรวดเร็ว

• ช่วยให้ผู้อื่นสามารถศึกษาการทำงานของโปรแกรมได้อย่างง่าย และรวดเร็วมากขึ้น

วิธีการเขียนผังงานที่ดี

• ใช้สัญลักษณ์ตามที่กำหนดไว้

• ใช้ลูกศรแสดงทิศทางการไหลของข้อมูลจากบนลงล่าง หรือจากซ้ายไปขวา

• คำอธิบายในภาพควรสั้นกะทัดรัด และเข้าใจง่าย

• ทุกแผนภาพต้องมีลูกศรแสดงทิศทางเข้า - ออก

• ไม่ควรโยงเส้นเชื่อมผังงานที่อยู่ไกลมาก ๆ ควรใช้สัญลักษณ์จุดเชื่อมต่อแทน

• ผังงานควรมีการทดสอบความถูกต้องของการทำงานก่อนนำไปเขียนโปรแกรม

ผังงานระบบ (System Flowchart)

            จะแสดงภาพรวมของระบบ เน้นแสดงเฉพาะสื่อที่ทำหน้าที่นำข้อมูลเข้าและออก โดยจะไม่แสดงถึงรายละเอียดวิธีการประมวลผล ซึ่งจะนำไปแสดงไว้ในส่วนของผังงานโปรแกรมแทน

ผังงานโปรแกรม ( Program Flowchart )

                  การเขียนผังโปรแกรมจะประกอบไปด้วยการใช้สัญลักษณ์มาตรฐานต่าง ๆ ที่เรียกว่า สัญลักษณ์ ANSI ( American National Standards Institute ) ในการสร้างผังงาน

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

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

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

   โครงสร้างของรหัสจำลองเริ่มต้นด้วยข้อความ Begin   แล้วอธิบายขั้นตอนการทำงานโดยใช้คำสั่งต่าง ๆ ที่ใกล้เคียงกับภาษาคอมพิวเตอร์ในการเขียนโปรแกรม เช่น

คำสั่ง  read    หมายถึง  การอ่านค่าหรือรับค่าข้อมูลตัวแปรตามที่กำหนดไว้

คำสั่ง  print    หมายถึง  การแสดงผลลัพธ์ที่ได้จากการคำนวณ

และพิมพ์ข้อความ End  เมื่อจบการทำงาน

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

การสร้างตัวแปร   โดยใช้เครื่องหมายเท่ากับ  (= )  แทนการกำหนดค่าตัวแปร    

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

อัลกอริทึม

1.อัลกอริทึม(Algorithm) คือ กระบวนการแก้ปัญหาที่สามารถอธิบายออกมาเป็นขั้นตอนที่ชัดเจน

2.ลักษณะ

2.1.ลักษณะการบรรยาย (Narrative Description)

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

อัลกอริทึ่มแบบบรรยาย ใส่คะแนนสอบทั้ง 5 วิชา คอมพิวเตอร์คำนวนค่าเฉลี่ยโดยการบวกคะแนนทั้ง 5 วิชา แล้วหาร 5 ถ้าค่าเฉลี่ยต่ำกว่า 50 แสดงข้อความสอบไม่ผ่าน  แต่ถ้าค่าเฉลี่ยสูงกว่า 50 แสดงข้อความสอบผ่าน

2.2.การเขียนผังงาน (Flowchart) คือ การใช้รูปภาพสัญลักษณ์ แทนขั้นตอนการเขียนโปรแกรม

รูปแบบ Algorithm 

<ชื่อของอัลกอริทึม>

START

1……………………………….

2……………………………….

3…………………………………

END

ตัวอย่างโจทย์

จงเขียนโปรแกรมคำนวณหาพื้นที่ สามเหลี่ยมทั่วไป โดยให้โปรแกรมมีการรับค่า ฐาน และ สูงจากทาง Keyboard จากนั้นแสดงผลลัพธ์ของพื้นที่ออกทางจอภาพ

ตัวอย่าง  การเขียนอัลกอริทึม  คำนวณหาพื้นที่สามเหลี่ยม

อัลกอริทึม (Algorithm) การหาพื้นที่สามเหลี่ยม

เริ่มต้น

รับค่าความยาวของฐานมาเก็บในตัวแปร BASE

รับค่าความยาวของสูงมาเก็บในตัวแปร HEIGHT

คำนวณหาพื้นที่  AREA = 0.5 * BASE*HEIGHT

แสดงผลพื้นที่

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

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

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

    กระบวนการ หรือขั้นตอนที่ใช้ในการแก้ปัญหา เพื่อตอบสนองความต้องการของมนุษย์ ซึ่งปัญหาดังกล่าวจะเกี่ยวข้องกับการจัดการข้อมูล 

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

     เป็นขั้นตอนการทำความเข้าใจกับปัญหา  เพื่อแบ่งแยกให้ชัดเจน

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

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

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

การกำหนดทรัพยากรที่ใช้ในการแก้ปัญหา

2.การออกแบบขั้นตอนในการปฏิบัติงาน :

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

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

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

1.วิเคราะห์สิ่งที่ต้องการว่าต้องการแก้ปัญหาอะไร ผลผลิตอะไรหรืองานอะไร?

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

2.วิเคราะห์ผลลัพธ์

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

3.วิเคราะห์ทรัพยากร 

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

4.วิเคราะห์ตัวแปรหรือผลกระทบในด้านต่างๆ 

เช่น ทำไมหนังสือสูญหาย พนังงานไม่มาทำงานบ่อย

5.วิเคราะห์วิธีการแก้ปัญหา

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

course out line OT 32201

Course out line OT 32201 

ภาคเรียนที่ 1/2560

click here

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

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

 

 1.ความหมายของกระบวนการเทคโนโลยีสารสนเทศ

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

1. เป็นพื้นฐานปัจจัยจำเป็นในการดำเนินชีวิตของมนุษย์.

2. เป็นปัจจัยหลักที่จะมีส่วนร่วมในการพัฒนา.

3. เป็นเรื่องราวของมนุษย์ และธรรมชาติ.

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

ตอบ กระบวนการเทคโลยีสารสนเทศมี6ขั้นตอน

1.การรวบรวมข้อมูล วิธีการดำเนินการ เพื่อเก็บรวบรวมข้อมูล และบันทึกข้อมูลให้อยู่ในรูปแบบใดรูปแบบหนึ่ง

2.การตรวจสอบข้อมูล ขั้นตอนการตรวจสอบข้อมูลในลักษณะต่างๆ เช่น การตรวจสอบ เพื่อหาข้อผิดพลาด

3.การประมวลผลข้อมูล หมายถึง วิธีการดำเนินการกระทำข้อมูลให้เป็นสารสนเทศ

4.การจัดเก็บข้อมูล การเก็บรักษาข้อมูลเพื่อการบริหาร โดยเก็บไว้ในรูปแบบต่างๆ

5.การคิดวิเคราะห์ ขั้นตอนการดำเนินการ เพื่อสรุปความสำคัญของข้อมูลสารสนเทศให้ตรงสภาพที่เป็นจริงตรงตามวัตถุประสงค์ก่อนที่จะนำข้อมูลมาใช้

6.การนำข้อมูลไปใช้ การนำข้อมูลไปใช้ในลักษณะต่างๆ

3.การแก้ปัญหาด้วยกระบวนการเทคโนโลยี

ตอบ การแก้ปัญหาที่ซับซ้อนด้วยวิธีการต่างๆ ที่กล่าวมาแล้ว ส่วนมากจำเป็นต้องใช้เทคโนโลยีสารสนเทศเข้าช่วยเพื่อเพิ่มความรวดเร็ว ถูกต้อง

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

Problem)

2) การเลือกเครื่องมือและออกแบบขั้นตอนวิธี (Tools And Algorithm Development)

3) การดำเนินการแก้ปัญหา (Implementation)

 4) การตรวจสอบและปรับปรุง (Refinement)

My story

Name Sittikorn
Sure Phongsuwan
Nickname Mark
15 year old
Assumption College Rayong
M.5/2 No.12
205 Maptaput Rayong 21150
Like song
Dislike small animal
Hobby sing
Facebook : Mark SP
IG : Marksp37
Line : sittikornmarksp44