องค์ประกอบสารสนเทศ

องค์ประกอบสารสนเทศ

1.ฮาร์ดแวร์

ฮาร์ดแวร์  หมายถึง เครื่องคอมพิวเตอร์อุปกรณ์รอบข้าง รวมทั้งอุปกรณ์สื่อสารสำหรับเชื่อมโยงคอมพิวเตอร์เข้าเป็นเครือข่าย เช่น เครื่องพิมพ์ เครื่องกราดตรวจเมื่อพิจารณาเครื่องคอมพิวเตอร์ สามารถแบ่งเป็น  3 หน่วย คือ

·       หน่วยรับข้อมูล (input unit) ได้แก่ แผงแป้นอักขระ เมาส์

·       หน่วยประมวลผลกลาง (Central Processing Unit : CPU)

·       หน่วยแสดงผล (output unit) ได้แก่ จอภาพ เครื่องพิมพ์

2 . ซอฟต์แวร์

ซอฟต์แวร์ คือ  ชุดคำสั่งที่สั่งงานคอมพิวเตอร์ แบ่งออกได้หลายประเภท เช่น

1.ซอฟต์แวร์ระบบ ( system software ) หมายถึง ชุดคำสั่งที่ทำหน้าที่ควบคุมการทำงานของเครื่องคอมพิวเตอร์ และอุปกรณ์ต่อพ่วงต่างๆ และทำหน้าที่เป็นตัวกลางระหว่างผู้ใช้กับเครื่องคอมพิวเตอร์ ซอฟต์แวร์ระบบแบ่งออกเป็น

1) ระบบปฏิบัติการ(Operating System: OS) เป็นซอฟต์แวร์ที่หน้าที่ควบคุมการทำงานของอุปกรณ์และซอฟต์แวร์ทั้งหมดภายในเครื่องคอมพิวเตอร์ โดยจะทำหน้าที่ดูแลและจัดหาให้ฮาร์ดแวร์และซอฟต์แวร์ที่ติดตั้งอยู่ทำงานประสานกันอย่างเป็นระบบ ตัวอย่างระบบปฏิบัติการ เช่น วินโดวส์ (windows) ลินุกซ์ (Linux) และแมคโอเอส

2) โปรแกรมอรรถประโยชน์ (utilities program) เป็นโปรแกรมที่ช่วยเสริมการทำงานของคอมพิวเตอร์ หรือช่วยโปรแกรมใช้งานอื่นๆ ให้มีความสามารถใช้งานได้สะดวกและรวดเร็วยิ่งขึ้น เช่นโปรแกรมที่ใช้ในการจัดเก็บข้อมูล (file manager) โปรแกรมที่ใช้งานได้สะดวกและรวดเร็วยิ่งขึ้น เช่น (back and restore) โปรแกรมที่ใช้ในการบีบอัดแฟ้มข้อมูล (file compression) และโปรแกรมที่ใช้ในการจัดพื้นที่ของดิสก์ (disk defragmenter)

3) โปรแกรมขับอุปกรณ์ หรือดีไวซ์ไดร์ฟเวอร์ (device driver) เป็นโปรแกรมที่ช่วยในการติดตั้งระบบเพื่อให้คอมพิวเตอร์สามารถติดต่อหรือใช้งานอุปกรณ์ต่างๆ ได้

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

2.ซอร์ฟแวร์ประยุกต์ (application software) หมายถึง ชุดคำสั่งที่เขียนขึ้นเพื่อให้เครื่องคอมพิวเตอร์ทำงานตามวัตถุประสงค์เฉพาะอย่าง ซอร์ฟแวร์ประยุกต์อาจเขียนขึ้นโดยใช้โปรแกรมภาษาคอมพิวเตอร์ เช่น เบสิก (basic) ปาสคาล (pascal) โคบอล (cobol) ซี (C) ซีพลัสพลัส (C ++) และวาจา (Java)

3. ข้อมูล

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

4. บุคลากร

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

5. ขั้นตอนการปฏิบัติงาน

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

 ที่มา :https://sites.google.com/site/kruyutsbw/xngkh-prakxb

          https://sites.google.com/site/mju5303103351cs203/xngkh-prakxb-khxng-rabb-sarsnthes-prakxb-dwy-xari-bang-cng-xthibay

HTML

HTML

HTML หรือชื่อเต็มๆ ก็คือ Hypertext Markup Language เป็นภาษาประเภท Markup ที่ออกแบบมาเพื่อใช้ในการสร้างเว็บเพจ มีโครงสร้างการเขียนโดยอาศัยตัวกำกับ (Tag) ควบคุมการแสดงผลข้อความ รูปภาพ เสียง อื่นๆ ที่สามารถเรียกดูผ่านทางเว็บเบราว์เซอร์ได้ ซึ่งแต่ละ Tag สามารถระบุหรือควบคุมการแสดงผลของเว็บให้เป็นไปตามที่ผู้ออกแบบเว็บไซต์กำหนดไว้

ความเป็นมาของ HTML

ความเป็นมาของ HTML เริ่มขึ้นเมื่อปี 1980 เมื่อ Tim Berners Lee เสนอต้นแบบสำหรับนักวิจัยใน CERN เพื่อแลกเปลี่ยนเอกสาร ข้อมูลด้านการวิจัย โดยใช้ชื่อว่า Enquire ในปี 1990 เค้าได้เขียนโปรแกรมเบราเซอร์ และทดลองรันบนเซิฟเวอร์ที่เค้าพัฒนาขึ้น HTML ได้รับการรู้จักจาก HTML Tag ซึ่งมีอยู่ 18 Tag ในปี 1991  HTML ถูกพัฒนาจาก SGML และ Tim ก็คิดเสมือนว่า HTML เป็นโปรแกรมย่อยของ SGML อยู่ในตอนนั้น ต่อมาในปี 1996 เพื่อกำหนดมาตรฐานให้ตรงกัน W3C World Wide Web Consortium จึงเป็นผู้กำหนดสเปกทั้งหมดของ HTML และปี 1999 HTML 4.01 ก็ถือกำเนิดขึ้น โดยมี HTML 5 ซึ่งเป็น Web Hypertext Application ถูกพัฒนาต่อมาในปี 2004 นอกจากนี้ยังมีการพัฒนาไปเป็น XHTML ซึ่ง คือ Extended HTML ซึ่งมีความสามารถและมาตรฐานที่รัดกุมกว่าอีกด้วย โดยอยู่ภายใต้การควบคุมของ W3C (World Wide Web Consortium)

รูปแบบการทำงานของ HTML

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

การสร้างเว็บเพจ โดยใช้ภาษา HTML สามารถทำโดยใช้โปรแกรม Text Editor ต่างๆ เช่น Notepad, EditPlus หรือจะอาศัยโปรแกรมที่เป็นเครื่องมือช่วยสร้างเว็บเพจ เช่น Microsoft FrontPage, Dream Weaver ซึ่งอํานวยความสะดวกในการสร้างหน้า HTML ในลักษณะ WYSIWYG (What You See Is What You Get)

ข้อเสียของ HTML

มีข้อเสียคือ โปรแกรมเหล่านี้มัก generate code ที่เกินความจำเป็นมากเกินไป ทําให้ไฟล์ HTML มีขนาดใหญ่ และแสดงผลช้า ดังนั้นหากเรามีความเข้าใจภาษา HTML จะเป็นประโยชน์ให้เราสามารถแก้ไข code ของเว็บเพจได้ตามความต้องการ และยังสามารถนำ script มาแทรก ตัดต่อ สร้างลูกเล่นสีสันให้กับเว็บเพจของเราได้

ตัวอย่างโค้ด HTML

จากภาพจะเห็นว่า… HTML มีรูปแบบการเขียนที่ชัดเจน จะประกอบด้วย Tag พื้นฐาน ดังนี้
Tag  <html>…</html>  เป็นส่วนประกาศที่กำหนดหัวละท้ายของเอกสาร เพื่อให้บราว์เซอร์ทราบและแสดงผลได้ถูกต้อง

Tag <head>…</head>  เป็นส่วนหัวเรื่องของเอกสาร ภายในจะมี Tag <title>…</title> ใช้สำหรับการกำหนดชื่อของเอกสาร
           Tag <body>…</body>   เป็นส่วนที่มีรายละเอียดมากที่สุด จะบรรจุข้อมูลต่างๆ ที่ต้องการให้แสดงบนหน้าเว็บไซต์ของเรา ทั้งข้อความ รูปภาพ เป็นต้น

ผลลัพธ์หน้าจอแสดงผล

การเรียกใช้งานหรือทดสอบการทำงานของเอกสาร HTML จะใช้โปรแกรม Internet Web Browser เช่น Internet Explorer (IE), Mozilla Firefox, Safari, Opera, และ Google Chrome เป็นต้น

ที่มา : http://www.codingbasic.com/html.html

        http://www.enjoyday.net/webtutorial/html/html_chapter01.html

        http://www.fusionidea.biz/html

ง 32101 2559/1

Responsive Web คืออะไร?

          Responsive Web เป็นแนวคิดการออกแบบเว็บไซต์เพียงครั้งเดียว แต่สามารถแสดงผลได้บนทุกขนาดของหน้าจอ โดยเว็บไซต์จะตรวจสอบขนาดของอุปกรณ์ และจะปรับขนาด Layout ให้เหมาะสมกับการแสดงผลโดยอัตโนมัติ ซึ่งแตกต่างจากเว็บไซต์ที่ออกแบบมาตามปกติ โดยไม่ได้ใช้เทคนิค Responsive เมื่อแสดงผลบน Mobile Device จะเป็นเพียงแค่การย่อขนาด เพื่อให้สามารถแสดงผลได้บนหน้าจอเท่านั้น แต่จะไม่สามารถปรับรูปแบบหรือ Layout ให้เหมาะสมตามขนาดหน้าจอ ซึ่ง Responsive Web อาศัยการทำงานร่วมกันระหว่างเทคโนโลยีต่างๆ ได้แก่ Layout ของเว็บแบบ Flexible Grid รูปภาพแบบ Flexible Image และ CSS3 Media Query

  

          โดยใช้ โค้ดร่วมกัน URL เดียวกัน เพื่อแก้ปัญหาการทำเว็บไซต์ออกมาหลายๆ version เนื่องจากปัจจุบัน Mobile Internet Users ได้มีจำนวนเพิ่มขึ้น และมีแนวโน้มที่จะแซง Desktop Internet Users ซึ่ง Mobile Devices นั้นมีความหลากหลาย ด้านขนาดและความละเอียดของหน้าจอแสดงผล (screen size and resolution) แนวของการแสดงผล (orientation) หรือระบบปฏิบัติการ (OS)

ที่มา : http://8columns.com/articles/50009/1387278156096
         http://www.siamhtml.com/responsive-web-design-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3/