ชื่อโครงงานเรื่อง โลชั่นน้ำมันมะพร้าว

http://coconutoillotion.blogspot.com/

ประโยชน์ที่ได้รับจากการทำโครงงาน

1. ได้รู้ถึงวิธีการทำโลชั่นจากน้ำมันมะพร้าว

2. ได้ประโยชน์จากน้ำมันมะโดย ทำให้ผิวเนียนนุ่ม

3. ได้รู้ถึงประโยชน์ต่างๆจากน้ำมันมะพร้าว เช่น

      -ใช้ปรุงอาหารแทนน้ำมันพืชชนิดอื่น ๆ ได้ทันที

      - ใช้แทนเนยเทียม สำหรับปรุงอาหาร ,ทาขนมปัง

      - ให้ภายนอกตั้งแต่ศรีษะจรดปลายเท้า หมักผม,เช็ดเครื่องสำอางค์,ทาผิว,นวดผิว

4. น้ำมันมะพร้าวสามารถใช้ในการรับประทานเพื่อลดอัตราน้ำหนักตัวได

5. สามารถผลิตขายในท้องถิ่นได้จากการเรียนรู้ในการทำโครงงาน

โครงงานคอมพิวเตอร์

โครงงานคอมพิวเตอร์ from Nattaporn Bunmak

ใบงาน-บริการ

work sheet 19 from khwan_thananda

ใบงานที่4

บริการต่างๆบนระบบเครื่องข่ายอินเตอร์เน็ต

1. Electronic Mail (E-mail) เป็นรูปแบบการให้บริการที่ให้ผู้ใช้งาน รับ-ส่ง ข้อมูลหรือ แมสเสจ(Message) ที่เป็นข้อความไปยังผู้อื่นผ่านทางอินเตอร์เน็ต นอกจากนี้ผู้ส่งยังสามารถส่งไฟล์อื่นๆไปพร้อมกับแมสเสจนี้ได้ด้วย

2.โทรศัพท์อินเทอร์เน็ต (Internet Phone) บริการโทรศัพท์ฟรี จากคอมพิวเตอร์ไปเข้าโทรศัพท์บ้านในอเมริกาเคยมี แต่บริการเหล่านั้นได้หายไป เหลือเพียงบริการที่มีราคาถูกมาก บางเว็บให้บริการโทรเข้าอเมริกาเพียงนาทีละ 2 cent เท่านั้น แต่ถ้าใช้ ICQ จะสามารถโทรจากคอมพิวเตอร์ถึงคอมพิวเตอร์ได้ฟรี แต่ถ้าต้องการโทรศัพท์เข้าบ้านในประเทศต่าง ๆ สามารถตรวจสอบบริการของเว็บเหล่านี้ได้ เช่น net2pone.com, mediaring.com, iconnecthere.com, hottelephone.com และ dialpad.com เป็นต้น

3.เกมออนไลน์ (Game online)  เด็กชอบเล่นเกม ปัจจุบันเกมถูกพัฒนาไปมาก ไม่จำเป็นต้องไปซื้อโปรแกรมเกมจากร้าน มาติดตั้งในเครื่องอีกต่อไป เพราะท่านสามารถเลือกเกม เล่นผ่านระบบอินเทอร์เน็ตได้ทันที และมีเว็บที่ให้บริการอยู่มากมาย แต่ถ้าเล่นคนเดียวแล้วเบื่อ ก็สามารถเล่นแบบเป็นกลุ่มกับผู้ใช้อินเทอร์เน็ตท่านอื่น ที่ติดต่อเข้ามาในระบบ มีผู้นักเล่นเกมมากมาย ที่พร้อมจะเล่นกับท่าน

4. ไออาซี (IRC - Internet relay chat)  บริการที่ทำให้คนทั่วโลกสามารถคุยกันผ่านแป้นพิมพ์ พร้อมกันหลายคน หรือจะกระซิบคุยกัน 2 คนก็ได้ โดยเลือกห้องที่ตนสนใจ และในห้องนั้นจะมีผู้ได้รับสิทธิ์ในการดูแล หากผู้ใดประพฤติตัวไม่เหมาะสมกับกลุ่ม ก็จะถูกขับออกไป การที่อินเทอร์เน็ตได้รับความนิยมอย่างสูงในหมู่วัยรุ่น ก็เพราะพวกเขาสามารถคุยเปิดใจกับใครก็ได้ โดยไม่ต้องบอกชื่อจริง หรือจะโกหกก็ไม่มีใครทราบ ในผู้ใช้บางกลุ่มจะสร้างสังคม และติดต่อสื่อสาร เพื่อช่วยเหลือสมาชิก มีการนัดพบปะสังสรรค์ แต่มีด้านดีก็ย่อมมีด้านเสีย เพราะบางคนอาจสนใจจะใช้ IRC หาเพื่อนเพียงอย่างเดียว โดดเรียน ไม่อ่านหนังสือ นั่งคุยกันได้จนดึก บางครั้งอาจถูกผู้ไม่หวังดีหลอกลวง โดยไม่พิจารณาข้อมูลที่ได้รับ จนก่อให้เกิดความเสียหาย โปรแกรมที่ได้รับความนิยมคือ PIRCH และ MIRC เป็นต้น เว็บที่หาข้อมูลเรื่องนี้ได้คือ pirchat.com, pirch.com, mirc.com, thaiirc.in.th, irc.narak.com, irchelp.org และ irc.org เป็นต้น

5. พาณิชย์อิเล็กทรอนิกส์ (e-Commerce)  วิธีการหนึ่งที่เอื้อให้การค้าขายเกิดขึ้น เป็นการใช้ประโยชน์จากอิเล็กทรอนิกส์ เพื่อทำให้บรรลุเป้าหมายขององค์กร พาณิชย์อิเล็กทรอนิกส์ใช้เทคโนโลยีที่หลากหลาย และครอบคลุมรูปแบบทางการเงินในปัจจุบันเช่น ธนาคารอิเล็กทรอนิกส์ การค้าอิเล็กทรอนิกส์ การแลกเปลี่ยนข้อมูลอิเล็กทรอนิกส์ ไปรษณีย์อิเล็กทรอนิกส์ หรือการประชุมทางไกล เป็นต้น 

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

ใบงานที่ 3

                                                 

                                                    Google Chrome

กูเกิล โครม (อังกฤษ: Google Chrome) เป็นซอฟต์แวร์เว็บเบราว์เซอร์แบบโอเพนซอร์ซ พัฒนาโดยกูเกิล ใช้เว็บคิตเป็นเรนเดอริงเอนจินสำหรับวาดหน้าจอ และนำบางส่วนจากเว็บเบราว์เซอร์ไฟร์ฟอกซ์มาพัฒนาต่อโครมมีให้ดาวน์โหลดเพื่อทดสอบใช้งานสำหรับวินโดวส์ และมีภาษาที่ให้ใช้ได้มากกว่า 50 ภาษารวมถึงภาษาไทย รุ่นสำหรับแมคโอเอส และ ลินุกซ์ นั้นกำลังอยู่ระหว่างการพัฒนา ซึ่งจะเปิดให้ทดสอบในอนาคตโครมเป็นตัวพัฒนาจากโค้ดของซอฟต์แวร์ โครเมียม ซึ่งใช้สัญลักษณ์เดียวกัน แต่คนละสี

ประวัติ  กูเกิลเปิดตัวโครมด้วยหนังสือการ์ตูนความยาวเกือบ 40 หน้า เล่ารายละเอียดของเบราว์เซอร์ เล่าว่าได้ทีมงานพัฒนาเบราว์เซอร์ไฟร์ฟอกซ์และอดีตทีมงานมอซิลลามากกว่า 2 คนร่วมพัฒนา

รูปแบบ รุ่นทดสอบ 0.2 ซึ่งมีจุดเด่นเรื่องการปกป้องความเป็นส่วนตัวของผู้ใช้ เน้นการจัดการหน่วยความจำเพื่อรักษาประสิทธิภาพด้านความเร็วในการเปิดเว็บไซต์ และสิ่งที่แตกต่างจาก ไออี 8 อย่างหน้าตาโปรแกรมให้ใช้งานสะดวกมีการปรับให้แท็บย้ายไปอยู่เหนือแอดเดรสบาร์ (address bar) และการฝังระบบบริการจากกูเกิลและค่ายอื่นลงไป เหมือนกับไฟร์ฟอกซ์ (Firefox) และไออี 8 (IE 8) และยังมีการแสดงรายชื่อมัลแวร์ (malware) หรือซอฟต์แวร์ประสงค์ร้าย เพื่อเตือนผู้ใช้ และลูกเล่นอื่น ๆ

ความสามารถ

• V8 JavaScript engine - ตัวประมวลผลจาวาสคริปต์ ซึ่งสามารถทำงานได้เร็วกว่าจาวาสคริปต์เอนจินของเว็บเบราว์เซอร์ตัวอื่น พัฒนาโดยกูเกิลเดนมาร์ก โดยมี ลารส์ บัก เป็นวิศวกรหลัก
• incognito mode (โหมดไม่ระบุตัวตน) - เล่นเว็บโดยไม่แสดงข้อมูลส่วนตัว โดยเมื่อปิดเบราว์เซอร์ โปรแกรมจะลบข้อมูลส่วนตัวในหน้าเว็บที่เข้าชมออก ไม่เก็บไว้ในระบบ

ฃอ้างอิง

https://www.google.co.th/search?q=%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B8%A7%E0%B8%B1%E0%B8%95%E0%B8%B4Google+Chrome&espv=2&biw=1280&bih=933&site=webhp&source=lnms&tbm=isch&sa=X&ei=kpdmVcLhM8mLuAThzYCYCA&ved=0CAcQ_AUoAg&dpr=1#imgrc=_

ใบงานที่ 2

ให้นักเรียน ตอบคำถามต่อไปนี้


1. อินเทอร์เน็ต หมายถึงอะไร?


ตอบ อินเทอร์เน็ต(Internet) คือ เครือข่ายนานาชาติ ที่เกิดจากเครือข่ายขนาดเล็กมากมาย รวมเป็นเครือ

ข่ายเดียวทั้งโลก หรือเครือข่ายสื่อสาร ซึ่งเชื่อมโยงระหว่างคอมพิวเตอร์ทั้งหมด

2. ประวัติความเป็นมาของอินเทอร์เน็ตในประเทศ ไทย

ตอบ  อินเทอร์เน็ตในประเทศไทย เริ่มต้นเมื่อปีพ.ศ.2530(ค.ศ.1987) โดยการเชื่อมต่อกับคอมพิวเตอร์ ระหว่างมหาวิทยาลัยสงขลานครินทร์(http://www.psu.ac.th)และสถาบันเทคโนโลยีแห่งเอเชีย (http://www.ait.ac.th) ไปยังมหาวิทยาลัยเมลเบิร์น ประเทศออสเตรเลีย(http://www.unimelb.edu.au) แต่ครั้งนั้นยังเป็นการเชื่อมต่อโดยผ่านสายโทรศัพท์ (Dial-up line) ซึ่งสามารถส่งข้อมูลได้ช้า และไม่เสถียร จนกระทั่ง ธันวาคม ปีพ.ศ.2535 ศูนย์เทคโนโลยีอิเล็กทรอนิกส์และคอมพิวเตอร์แห่งชาติ(NECTEC) ได้ทำการเชื่อมต่อคอมพิวเตอร์ของมหาวิทยาลัย 6 แห่ง เข้าด้วยกัน (Chula, Thammasat, AIT, Prince of Songkla, Kasetsart and NECTEC) โดยเรียกเครือข่ายนี้ว่า ไทยสาร(http://www.thaisarn.net.th) และขยายออกไปในวงการศึกษา หรือไม่ก็การวิจัย การขยายตัวเป็นไปอย่างต่อเนื่องจนเดือนกันยายน ปี พ.ศ.2537 มีสถาบันการศึกษาเข้าร่วมถึง 27 สถาบัน และความต้องการใช้อินเทอร์เน็ตของเอกชนมีมากขึ้น การสื่อสารแห่งประเทศไทย (http://www.cat.or.th) เปิดโอกาสให้ภาคเอกชน สามารถเป็นผู้ให้บริการอินเทอร์เน็ต (ISP - Internet Service Provider) และเปิดให้บริการแก่บุคคลทั่วไป สามารถเชื่อมต่อ Internetผ่านผู้ให้บริการที่ได้รับอนุญาตจากการสื่อสารแห่งประเทศไทย

ใบงานที่1(เทอม1/58)

1.เว็บเบราเซอร์ ( Web Browser ) หมายถึงอะไร
- ภาษาไทย  บราว์เซอร์ หรือ โปรแกรมค้นดูเว็บ คือโปรแกรมคอมพิวเตอร์ ที่ผู้ใช้สามารถดูข้อมูลและโต้ตอบกับข้อมูลสารสนเทศที่จัดเก็บในหน้าเวบที่สร้างด้วยภาษาเฉพาะ เช่น ภาษาเอชทีเอ็มแอล ที่จัดเก็บไว้ที่เว็บเซอร์วิซหรือเว็บเซิร์ฟเวอร์หรือระบบคลังข้อมูลอื่น ๆ โดยโปรแกรมค้นดูเว็บเปรียบเสมือนเครื่องมือในการติดต่อกับเครือข่ายคอมพิวเตอร์ขนาดใหญ่ที่เรียกว่าเวิลด์ไวด์เว็บ

เว็บเบราว์เซอร์ตัวแรกของโลกชื่อ เวิลด์ไวด์เว็บ ขณะเดียวกันเว็บเบราว์เซอร์ที่นิยมมากที่สุดในปัจจุบันคือ อินเทอร์เน็ตเอกซ์พลอ

- ภาษาอังกฤษ  A web browser (commonly referred to as a browser) is a software application for retrieving, presenting and traversing information resources on the World Wide Web. An information resource is identified by a Uniform Resource Identifier (URI/URL) and may be a web page, image, video or other piece of content.^[1] Hyperlinks present in resources enable users easily to navigate their browsers to related resources.

Although browsers are primarily intended to use the World Wide Web, they can also be used to access information provided byweb servers in private networks or files in file systems.

2 การทำงานของเว็บเบราเซอร์  คืออะไร

 การแสดงผลของเว็บเพจที่เราเขียนนั้นอาจแสดงผลไม่เหมือนกันถ้าเราเปลี่ยน Browser เช่น ถ้าเราใช้ Internet Explorer อาจแสดงผลไม่ตรงกับ Firefox ก็ได้ การทำเว็บที่ดีเราควรตรวจสอบผ่าน Browser หลายๆตัว เผื่อไว้สำหรับผู้ใช้งานด้วย

    เมื่อเราลงโปรแกรม Dreamweaver นั้นโปรแกรมจะทำการหา Browser ในเครื่องของเราเตรียมไว้อยู่แล้วซึ่งถ้าเราต้องการจะแสดงผลหน้าเว็บเพจที่เราทำอยู่ก็สามารถ กดปุ่ม F12 ที่คีบอร์ด หรือไปที่ Document tool bar จะเห็นรูปลูกโลกเมื่อคลิกก็จะเป็นการแสดงเว็บเพจของเราใน Browser เหมือนกัน 


3 ยกตัวอย่างเว็บเบราเซอร์ มา 5 โปรแกมพร้อมตัวอย่างหน้าจอโปรแกรม

1 โปรแกรม Internet Explorer เรียกย่อๆ ว่า IE เป็นโปรแกรมเบราเซอร์ที่ใช้ในการเปิดเว็บเพจในอินเทอร์เน็ต ซึ่งเป็น Application Software ที่ผลิตโดยบริษัท Microsoft

โปรแกรมอินเทอร์เน็ตเอกซ์พลอเรอร์ (Internet Explorer) 

2 Firefox เป็นเบราว์เซอร์ประเภทกราฟิก หลายคนคงคิด อ้าว! แล้วเบราว์เซอร์แบบที่ไม่เป็นกราฟฟิกเป็นยังไง มันก็เป็นแบบตัวหนังสืออย่างเดียวเลยไง ซึ่งเจ้าเบราว์เซอร์ตัวแรกของมนุษยชาติก็คือ WorldWideWeb

3 Google Chrome คือเว็บเบราว์เซอร์ที่สร้างโดยกูเกิล เหมือนกับ Firefox อ่ะ แต่ เร็ว กว่า  สวยกว่า  ซึ่งตอนนี้ก็มาถึงเวอชั่น 4 แล้ว ด้วยการใช้งานที่ง่าย ฟรี และติดตั้งได้อย่างรวดเร็วในไม่กี่วินาที ซึ่งมีคุณสมบัติที่น่าสนใจมากมาย

4 Opera คืออะไร Opera เป็นเบราเซอร์แบบ All-in-one คือมีทุกอย่างมาให้ครบถ้วนในตัวมัน (มีทั้ง Email Client, IRC client, Feed Reader,  BitT orrent  และยังมีลูกเล่นอื่น ๆ

5 Netscape คือ นายจิม คลาร์ค อดีตผู้ก่อตั้งบริษัท Silicon Graphic และนายมาร์ค แอนเดรสเซ่น ผู้คิดค้นเว็บบราวเซอร์ตัวแรกของโลกคือ โมเสค (Mosaic) ได้รวมตัวกันตั้งบริษัทNetscape ออกเว็บบราวเซอร์ที่ดีกว่า Mosaic คือ Netscape Navigator สมัยประมาณปี 1994 

อ้างอิง  http://th.wikipedia.org/wiki/%E0%B9%80%E0%B8%A7%E0%B9%87%E0%B8%9A%E0%B9%80%E0%B8%9A%E0%B8%A3%E0%B8%B2%E0%B8%A7%E0%B9%8C%E0%B9%80%E0%B8%8B%E0%B8%AD%E0%B8%A3%E0%B9%8C

การแทรกรูปภาพ

           รูปแบบแท็กการใส่รูปภาพ      <img src = "ชื่อภาพ">

รูปแบบการใส่รูปภาพ

<html>   <head><title> ....การใส่รูปภาพ....</title></head>        <body>                <img src = "lilies.jpg">              </body>   </html>

สำหรับแท็กการใส่รูปภาพ สามารถมี Attribute กำกับเพิ่มเติมได้้ ไม่ว่าจะเป็นขนาดความกว้าง ความสูงของรูปภาพว่าเราต้องการให้แสดงขนาดกว้างและสูง เท่าไหร่ ซึ่งหากเราไม่ได้ระบุภาพจะมีขนาดเท่าขนาดของภาพต้นฉบับ นอกจากนี้เรายังสามารถใส่ขอบของภาพได้ด้วย ซึ่ง Attribute มีดังนี้                 ความกว้าง    width="ตัวเลขระบุความกว้าง"                 ความสูง       height="ตัวเลขระบุความสูง"                 เส้นขอบ      border="ตัวเลขระบุความหนาของเส้นขอบ" ตัวอย่าง    <img src = "lilies.jpg" width="200" height="150" border="1"> จากตัวอย่าง จะแสดงภาพขนาด 200x150 px. (หน่วยการแสดงผลภาพ แสดงเป็น Pixels) และ่มีขอบ หากไม่ต้องการให้แสดงเส้นขอบให้กำหนด border="0" (หากต้องการใ้ห้ขอบมีความหนามาก ระบุตัวเลขให้มาก)

คำสั่ง HTML

ให้นักเรียน สรุปคำสั่ง HTML 10 คำสั่ง



1.  <hr width="50" size="3">    หมายถึง   คำสั่งตีเส้น,กำหนดขนาดเส้น
2.<html> </html>                       หมายถึง   คำสั่งเริ่มต้นเเละคำสิ้นสุดโปรแกรม
3.<title> </title>                        หมายถึง   คำสั่งบอกชื่อเรื่อง  จะไปปรากฏที่ Title Bar
4. <head </head>                      หมายถึง   คือคำสั่งที่บอกชื่อเรื่อง โดยมีคำสั่งย่อย <title> อยู่ภายใน
5. <body> </body>                     หมายถึง   คำสั่งบอกเนื้อเรื่อง ที่จะถูกเเสดงผลในเว็บบราวเซอร์
6. <font  size="3">,</font>       หมายถึง   ขนาดตัวอักษร
7. <font color="red">,</font>   หมายถึง   สีตัวอักษร
8. <b>,</b>                                 หมายถึง   ตัวอักษรหนา
9. <i>,</i>                                   หมายถึง   อักษรเอียง
10. <u>,</u>                               หมายถึง  ขีดเส้นใต้อักษร

ใบงานที่ 6

ให้นักเรียนตอบคำถามต่อไปนี้

1. หลักการเขียนภาษาคอมพิวเตอร์  หมายถึงอะไร?
ตอบ    ขั้นตอนการเขียน ทดสอบ และดูแลซอร์สโค้ดของโปรแกรมคอมพิวเตอร์ ซึ่งซอร์สโค้ดนั้นจะเขียนด้วยภาษาโปรแกรม ขั้นตอนการเขียนโปรแกรมต้องการความรู้ในหลายด้านด้วยกัน เกี่ยวกับโปรแกรมที่ต้องการจะเขียน และขั้นตอนวิธีที่จะใช้ ซึ่งในวิศวกรรมซอฟต์แวร์นั้น การเขียนโปรแกรมถือเป็นเพียงขั้นหนึ่งในวงจรชีวิตของการพัฒนาซอฟต์แวร์

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

3.  ตัวอย่างโปรแกรมึคอมพิวเตอร์ ที่เขียนด้วยภาษาคอมพิวเตอร์ 1 โปรแกรม
ตอบ  ภาษาปาสคาล (Pascal)

          ภาษาปาสคาล เป็นภาษาที่ได้รับการพัฒนาโดยนิคลอส เวิร์ธ (Niklaus Wirth) แห่งสถาบันเทคโนโลยีของรัฐในเมือง ซูริค (Zurick) ประเทศสวิสเซอร์แลนด์ เมื่อปี ค.ศ. 1968 ชื่อของภาษานี้ตั้งชื่อเพื่อเป็นเกียรติแก่นักคณิตศาสตร์ชาวฝรั่งเศสคนสำคัญที่ชื่อว่า Blaise Pascal ภาษานี้ออกแบบมาเพื่อให้ง่ายต่อการเขียนโปรแกรม ง่ายต่อการเรียนรู้ แตกต่างกับภาษาเบสิกก็คือ ภาษาปาสคาลเป็นภาษาโครงสร้าง ( Structure Programming) นิยมใช้เป็นภาษาสำหรับการเรียนการสอน และการเขียนโปรแกรมประยุกต์ต่าง ๆ ภาษาปาสคาลมีตัวแปลภาษาทั้งที่เป็นแบบ Interpreter และ Compiler โดยจะมีโปรแกรม เทอร์โบปาสคาล ( Turbo Pascal) ที่ได้รับความนิยมอย่างสูงทั้งในวงการศึกษา และธุรกิจ เนื่องจากได้รับ การปรับปรุงให้ตัดข้อเสียของภาษาปาสคลารุ่นแรก ๆ ออกไป

          ตัวอย่างการเขียนโปรแกรมด้วยภาษา Pascal

                    

                   PROGRAM AVERAGE OF NUMBER:

                    VAR

                    COUNTER , NUMBER , SUM : INTEGER ;

                    AVERAGE : REAL ;

                    BEGIN

                    SUM := 0 ;

                    COUNTER := 0;

                    WRITELN (‘PLEASE ENTER A NUMBER');

                    READLN ( NUMBER);

                    WHILE NUMBER <> 999 DO

                    BEGIN (* WHILE LOOP *)

                    SUM := SUM + COUNTER;

                    WRITELN (‘PLEASE ENTER THE NEXT NUMBER');

                    READ ( NUMBER);

                    END ; (* WHILE LOOP *)

                    AVERAGE := SUM / COUNTER;

                    WRITELN (‘THE AVERAGE OF THE NUMBERS IS' , AVERAGE : 2 );

                    END.

ใบงานที่ 5

เรื่อง  การเขียนผังงาน < Flow Chart >

ให้นักเรียนตอบคำถามต่อไปนี้ 

1. ความหมาย
ตอบ   ผังงาน (Flowchart) คือ รูปภาพ (Image) หรื อสัญลักษณ์ (Symbol) ที่ใช้ เขียนแทนขันตอน คาอธิบาย ข้ อความ หรื อคาพูด ที่ใช้ ใน ้ อัลกอริทม (Algorithm) เพราะการนาเสนอขันตอนของงานให้ เข้ าใจ ึ ้ ตรงกัน ระหว่างผู้เกี่ยวข้ อง ด้ วยคาพูด หรื อข้ อความ ทาได้ ยากกว่าเมื่อ ใช้ รูปภาพ หรื อสัญลักษณ์ ใช้ สญลักษณ์ภาพที่กาหนดตามมาตรฐาน ANSI (American ั National Standards Institute) และ ISO (International Standard Organization) เพื่อสื่อความหมายไปในแนวทางเดียวกัน


2. สัญลักษณ์ที่ใช้ในการเขียนผังงาน
ตอบ     1. การกำหนดจุดเริ่มต้นและสิ้นสุดโปรแกรม 

                                    โดยการเริ่มต้นผังงานจะใช้คาว่า Start และการสิ้นสุดจะใช้คาว่า Stop ซึ่งข้อความดังกล่าวจะอยู่ในสัญลักษณ์ ดังภาพ

ภาพแสดงตัวอย่างการกาหนดจุดเริ่มต้นและสิ้นสุดของการเขียนผังงาน

2. การกำหนดค่าเริ่มต้นและการคำนวณ

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

ภาพแสดงการกาหนดค่าเริ่มเริ่มต้น ค่าคงที่ และ การคานวณ

 3. การรับข้อมูลนาเข้า

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

ภาพแสดงการรับข้อมูล a , b เข้าสู่โปรแกรมโดยไม่ระบุอุปกรณ์นาเข้า

4. การแสดงผลข้อมูล

                                        เป็นการนาข้อมูลที่ได้จากการกาหนดค่า หรือ การคานวณ หรือการประมวลผลใดใด มาแสดงผลออกทางอุปกรณ์ที่กาหนด จะเขียนข้อความแสดงผล หรือ Print ภายในสัญลักษณ์ ดังภาพ

                      ภาพแสดงการแสดงผลข้อมูล x , y โดยไม่ระบุอุปกรณ์แสดงผล

 5. การตรวจสอบเงื่อนไข

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

ภาพแสดงการเปรียบเทียบเพื่อตรวจสอบข้อมูล G มีค่ามากกว่า 100 ใช่หรือไม่ 

ถ้าหากมากกว่าจริงให้แสดงข้อความ “Over” ถ้าหากเท็จ ให้แสดงข้อความ “Ok”

  6. จุดต่อและการเชื่อมโยงผังงาน

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

ภาพแสดงจุดต่อ A เชื่อมโยงผังงานในหน้าเดียวกัน

 7.เส้นแสดงทิศทาง 

                                         เป็นสัญลักษณ์แสดงทิศทางการทำงานของ Flowchart 

8.การอธิบายผังงาน

                                           เป็นสัญลักษณ์แสดงการอธิบายผังงาน เพิ่มเติมหรือเป็นการหมายเหตุ (Comment)

3. การเขียนผังงาน/ตัวอย่าง

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

                        

                         1. การกำหนดค่าเริ่มต้น เป็นการกำหนดค่าเริ่มต้นให้กับตัวแปรต่างๆ ที่จำเป็นบางตัว ได้แก่ ตัวแปรที่ใช้เป็นตัวนับ หรือตัวแปรที่เป็นตัวคำนวณผลรวมต่างๆ

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

                        3. การประมวลผล เป็นการประมวลผลตามที่ได้มีการกำหนด หรือเป็นการคำนวณต่างๆ ซึ่งจะต้องทำทีละลำดับขั้นตอนและแยกรูปแต่ละรูปออกจากกันให้ชัดเจนด้วย

                        4. การแสดงผลลัพธ์ เป็นการแสดงข้อมูลที่ได้จากการคำนวณหรือผลลัพธ์ที่ต้องการหรือค่าจากตัวแปรต่างๆ ซึ่งการแสดงผลลัพธ์นี้มักจะกระทำหลังจากการประมวลผล

                            หรือหลังจากการรับข้อมูลเข้ามาแล้ว