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

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

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

ส่วนประกอบที่สำคัญของระบบสารสนเทศมี 5 ส่วน คือ

1. ฮาร์ดแวร์(เครื่องจักรอุปกรณ)์

2. ซอฟต์แวร์

3. ข้อมูล

4. บุคลากร

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

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

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

ขั้นตอนการปฏิบัติ    เป็นระเบียบวิธีการปฏิบัติงานในการจัดเก็บรักษาข้อมูลให้อยู่ในรูปแบบที่จะทำให้เป็นสารสนเทศได้ เช่น กำหนดให้ มีการป้อนข้อมูลทุกวัน ป้อนข้อมูลให้ทันตามกำหนดเวลา มีการแก้ไขข้อมูลให้ถูกต้องอยู่เสมอ กำหนดเวลาในการประมวลผล การทำรายงาน การดำเนินการ ต่าง ๆ ต้องมีขั้นตอน หากขั้นตอนใดมีปัญหาระบบก็จะมีปัญหาด้วย เพราะทุกขั้นตอนมีผลต่อระบบสารสนเทศ

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

ซอฟต์แวร์    คือลำดับขั้นตอนคำสั่งให้เครื่องคอมพิวเตอร์ ทำงานตามวัตถุประสงค์ที่วางไว้ ซอฟต์แวร์ จึงหมายถึงชุดคำสั่งที่เรียง เป็นลำดับขั้นตอนสั่งให้คอมพิวเตอร์ทำงานตามต้องการ และประมวลผลเพื่อให้ได้สารสนเทศที่ต้องการ
    ✮  แบ่งออกเป็น 2 ประเภทใหญ่ คือ
          ❶ ซอฟต์แวร์ระบบ ( system software ) หมายถึง ชุดคำสั่งที่ทำหน้าที่ควบคุมการทำงานของเครื่องคอมพิวเตอร์ และอุปกรณ์ต่อพ่วงต่างๆ และทำหน้าที่เป็นตัวกลางระหว่างผู้ใช้กับเครื่องคอมพิวเตอร์  ซอฟต์แวร์ระบบแบ่งออกเป็น
                 1.1) ระบบปฏิบัติการ(Operating System: OS) เป็นซอฟต์แวร์ที่หน้าที่ควบคุมการทำงานของอุปกรณ์และซอฟต์แวร์ทั้งหมดภายในเครื่องคอมพิวเตอร์

                 1.2) โปรแกรมอรรถประโยชน์ (utilities program) เป็นโปรแกรมที่ช่วยเสริมการทำงานของคอมพิวเตอร์ หรือช่วยโปรแกรมใช้งานอื่นๆ ให้มีความสามารถใช้งานได้สะดวกและรวดเร็วยิ่งขึ้น 

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

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

ข้อมูล    เป็นวัตถุดิบที่ทำให้เกิดสารสนเทศ ข้อมูลที่เป็นวัตถุดิบจะต่างกัน ขึ้นกับสารสนเทศที่ต้องการ เช่น ในสถานศึกษามักจะต้องการ สารสนเทศที่เกี่ยวข้องกับข้อมูลนักเรียน ข้อมูลผลการเรียน ข้อมูลอาจารย์ ข้อมูลการใช้จ่ายต่าง ๆ ข้อมูลเป็นสิ่งที่สำคัญประการหนึ่งที่มีบทบาทต่อการให้เกิด สารสนเทศ
       ✮✮ ข้อมูล(date)  จะถูกรวบรวมและป้อนข้อมูลเข้าสู่เครื่องคอมพิวเตอร์ โดยผ่านอุปกรณ์ของหน่วยรับเข้า เช่น คีย์บอร์ด และ สแกนเนอร์ (scanner) ข้อมูลต้องมีโครงสร้างในการจัดเก็บที่เป็นระบบเพื่อการสืบค้นที่รวดเร็วและมีประสิทธิภาพ ข้อมูลจะถูกจัดเก็บอยู่ในหน่วยความจำ (memory unit) ก่อนที่จะถูกย้ายไปเก็บที่หน่วยเก็บข้อมูล (storage unit) เช่น ฮาร์ดดิสก์ และแผ่นซีดี (compact Disc : CD) การป้องกันข้อมูลเข้าสู่เครื่องคอมพิวเตอร์

ที่มา : www.chakkham.ac.th

html

โครงสร้างคำสั่งของ HTML ✹

HTML

☼ การใช้งาน

รายละเอียดคำสั่งของ HTML โดยการใช้งานหลักจะมีดังนี้ ..

 

1. คำสั่ง หรือ Tag

         Tag เป็นลักษณะเฉพาะของภาษา HTML ใช้ในการระบุรูปแบบคำสั่ง หรือการลงรหัสคำสั่ง HTML ภายในเครื่องหมาย less-than bracket ( < ) และ greater-than bracket ( > ) โดยที่ Tag HTML แบ่งได้ 2 ลักษณะ   คือ

Tag เดี่ยว         เป็น Tag ที่ไม่ต้องมีการปิดรหัส    เช่น <HR>, <BR> เป็นต้น

Tag เปิด/ปิด    รูปแบบของ tag นี้จะเป็นแบบ <tag> .... </tag> โดยที่

<tag>   เราเรียกว่า tag เปิด

</tag>  เราเรียกว่า tag ปิด

2. Attributes

Attributes เป็นตัวบอกรายละเอียดของ tag นั้นเช่น <span align = 'left'> ... </span> เป็นการบอกว่าให้อักษรที่อยู่ใน tag นี้ชิดซ้าย

3. not case sensitive
หมายถึง คุณจะพิมพ์ <BR> หรือ <br> ก็ได้ ผลลัพธ์ออกมาไม่ต่างกัน

โครงสร้างของหลักของ HTML  ♛

      โครงสร้างหลักของ HTML ก็จะเริ่มด้วย <html> และจบด้วย </html> เสมอ ซึ่งชุดคำสั่งที่ใช้จะแยกเป็น 2 ส่วนคือ

     1. head คำสั่งที่อยู่ในส่วนนี้จะใช้บรรยายรายละเอียดเกี่ยวกับ web page ซึ่งจะไม่แสดงผลที่ web page โดยตรง

     2. body คำสั่งที่อยู่ในส่วนนี้จะใช้ในการจัดรูปแบบตัวอักษร จัดหน้า ใส่รูปภาพ ซึ่งตัวอักษรในส่วนนี้จะแสดงที่ web brower โดยตรง

<html>     <head>              คำสั่งในหัวข้อของ head     </head>     <body>              คำสั่งในหัวข้อของ body ในส่วนนี้จะเป็นส่วนที่ใช้แสดงผล     </body> </html>

1. คำสั่งในหัวข้อของ head (Head Section)

     Head Section เป็นส่วนที่ใช้อธิบายเกี่ยวกับข้อมูลเฉพาะของหน้าเว็บนั้นๆ เช่น ชื่อเรื่องของหน้าเว็บ (Title), ชื่อผู้จัดทำเว็บ (Author), คีย์เวิร์ดสำหรับการค้นหา (Keyword) โดยมี Tag สำคัญ คือ

<HEAD>             <TITLE>ข้อความอธิบายชื่อเรื่องของเว็บ</TITLE>             <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">             <META NAME="Author" CONTENT="ชื่อผู้พัฒนาเว็บ">             <META NAME="KeyWords" CONTENT="ข้อความ 1, ข้อความ 2 "> </HEAD>

TITLE

     ข้อความที่ใช้เป็น TITLE ไม่ควรพิมพ์เกิน 64 ตัวอักษร, ไม่ต้องใส่ลักษณะพิเศษ เช่น ตัวหนา, เอียง หรือสี โดยข้อความในส่วนนี้จะแสดงผลใน title bar ของ web browser

META

     Tag META จะไม่ปรากฏผลบนเบราเซอร์ แต่จะเป็นส่วนสำคัญ ในการจัดอันดับบัญชีเว็บ สำหรับผู้ให้บริการสืบค้นเว็บ (Search Engine เช่น google , yahoo)

    charset=TIS-620 ใช้บอกว่าใช้ชุดตัวอักษรแบบใดในการแสดงผล ภาษาไทยเราใช้ charset=TIS-620 หรืออาจเป็น charset=windows-874 ก็ได้ ตอนนี้แนะนำให้ใช้เป็น charset=utf-8

     keyword ดังภาพด้านบนจะเห็นว่าเราสามารถใช่ keywords มากกว่า 1 คำได้โดยใช้เครื่องหมาย (,) ในการคั่นระหว่างคำ

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

2. คำสั่งในส่วนของ (Body Section)

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

ส่วนเนื้อหาเอกสารเว็บ เป็นส่วนการทำงานหลักของหน้าเว็บ ประกอบด้วย Tag มากมายตามลักษณะของข้อมูล ที่ต้องการนำเสนอ การป้อนคำสั่งในส่วนนี้ ไม่มีข้อจำกัดสามารถป้อนติดกัน หรือ 1 บรรทัดต่อ 1 คำสั่งก็ได้ แต่มักจะยึดรูปแบบที่อ่านง่าย คือ การทำย่อหน้าในชุดคำสั่งที่เกี่ยวข้องกัน ทั้งนี้ให้ป้อนคำสั่งทั้งหมดภายใต้ Tag <BODY> </BODY> และแบ่งกลุ่มคำสั่งได้ดังนี้

➽ กลุ่มคำสั่งเกี่ยวกับการจัดรูปแบบเอกสาร

➽ กลุ่มคำสั่งจัดแต่ง/ควบคุมรูปแบบตัวอักษร

➽ กลุ่มคำสั่งการทำเอกสารแบบรายการ (List)

➽ กลุ่มคำสั่งเกี่ยวกับการทำลิงค์

➽ กลุ่มคำสั่งจัดการรูปภาพ

➽ กลุ่มคำสั่งจัดการตาราง (Table)

➽ กลุ่มคำสั่งควบคุมเฟรม

➽ กลุ่มคำสั่งอื่นๆ

ที่มา : www.hellomyweb.com

Responsive Web คืออะไร?

ความหมาย และ ความสำคัญ ของ Responsive Web Design

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

Responsive Web Design คือ ...

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

        

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

        เว็บไซต์ที่ออกแบบมาตามปกติ โดยไม่ได้ใช้เทคนิค Responsive เวลาแสดงผลบน Mobile Device จะเป็นเพียงแค่การ ย่อ ขนาด เพื่อให้สามารถแสดงผลได้บนหน้าจอเท่านั้น แต่จะไม่สามารถปรับรูปแบบ หรือ Layout ให้เหมาะสมตามขนาดหน้าจอ ในขณะนี้เว็บที่ได้รับการออกแบบมาโดยใช้เทคนิคการออกแบบเว็บไซต์แบบ Responsive จะสามารถปรับ Layout และ ขนาดของรูปภาพ ให้เหมาะสม ตามขนาดของหน้าจอ ทำให้มี User Experience ที่ดีกว่า

ประโยชน์ของการออกแบบเว็บไซต์แบบ Responsive

1 .   แสดงผลได้สวยงาม บนขนาดหน้าจอที่แตกต่าง

2 .   ออกแบบเพียงครั้งเดียว แต่สามารถใช้ได้กับขนาดหน้าจอที่หลากหลาย
3 .  มี Experience ในการใช้งานที่ดีกว่า ดูข้อมูลได้ง่าย โดยไม่ต้อง Zoom

4 .  ประหยัดเวลา และ ค่าใช้จ่ายได้มากกว่าการทำ 2 เว็บไซต์
5 .  ช่วยในเรื่องของการทำ SEO (Search Engine Optimization)

ที่มา : www.8columns.com
        : www.comscicafe.com