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

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

ระบบสารสนเทศ เป็นระบบที่ช่วยเสริมประสิทธิภาพการทำงานโดยใช้เทคโนโลยีสารสนเทศและสื่อสาร ระบบสารสนเทศประกอบด้วย

1. ฮาร์ดแวร์ (hardware) หมายถึง ตัวเครื่องคอมพิวเตอร์และอุปกรณ์ต่อพ่วงต่างๆ เช่น คีย์บอร์ด (keyboard) เมาส์ (mouse) จอภาพ (monitor) จอภาพสัมผัส (touch screen) ปากกาแสง (light pen) เครื่องอ่านรหัสแท่ง (barcode reader) เครื่องพิมพ์ (printer) ฮาร์ดดิสก์ (hard disk) รวมทั้งอุปกรณ์สื่อสารสำหรับเสื่อมโยงคอมพิวเตอร์เข้าเป็นเครือข่าย เช่น โมเด็ม (modem) และสายสัญญาณ

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

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

ซอฟต์แวร์ระบบแบ่งออกเป็น

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

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

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

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

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

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

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

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

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

HTML

HTML คืออะไร?

             HTML (ย่อมาจาก Hyper Text Markup Language) เป็นภาษาประเภท Markup Language ที่ใช้ในการสร้างเว็บเพจ มีแม่แบบมาจากภาษา SGML (Standard Generalized Markup Language) ที่ตัดความสามารถบางส่วนออกไป เพื่อให้สามารถทำความเข้าใจและเรียนรู้ได้ง่าย ปัจจุบันมีการพัฒนาและกำหนดมาตรฐานโดยองค์กร World Wide Web Consortium (W3C)

        ภาษา HTML ได้ถูกพัฒนาขึ้นอย่างต่อเนื่องตั้งแต่ HTML Level 1, HTML 2.0, HTML 3.0, HTML 3.2 และ HTML 4.0 ในปัจจุบัน ทาง W3C ได้ผลักดัน รูปแบบของ HTML แบบใหม่ ที่เรียกว่า XHTML ซึ่งเป็นลักษณะของโครงสร้าง XML แบบหนึ่ง ที่มีหลักเกณฑ์ในการกำหนดโครงสร้างของโปรแกรมที่มีรูปแบบที่มาตรฐานกว่า มาทดแทนใช้ HTML รุ่น 4.01 ที่ใช้กันอยู่ในปัจจุบัน

        HTML มีโครงสร้างการเขียนโดยอาศัย Tag ในการควบคุมการแสดงผลของข้อความ รูปภาพ หรือวัตถุอื่น ๆ แต่ละ Tag อาจจะมีส่วนขยาย เรียกว่า Attribute สําหรับจัดรูปแบบเพิ่มเติม

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

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

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

ที่มา : http://www.enjoyday.net/webtutorial/html/html_chapter01.html

responsive web design

Responsive Web Design

ความหมาย และ ความสำคัญ ของ 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 Web Design

        การจะทำ Responsive Web Design มักใช้เทคนิคหลายๆ อย่าง ร่วมกัน ไม่ว่าจะเป็น Fluid Grid, Flexible Images และ CSS3 Media Queries

        เริ่มแรกคือการทำ Fluid Grid ซึ่งก็คือการออกแบบ Grid ให้เป็นแบบ Relative ซึ่งก็คือการที่ไม่ได้กำหนดขนาดของ Grid แบบตายตัว แต่จะกำหนดให้สัมพันธ์กับสิ่งอื่นๆ เช่น กำหนดความกว้างแบบเป็น % หรือการใช้ font-size หน่วยเป็น em เป็นต้น

        ต่อมาคือการทำ Flexible Images หรือการกำหนดขนาดของ Images ต่างๆ ให้มีความสัมพันธ์กับขนาดของหน้าจอแสดงผล หากรูปต้นฉบับมีขนาดใหญ่มาก เวลาแสดงในมือถือที่มีจอขนาดเล็ก ก็ควรลดขนาดลงมา เพื่อให้แสดงผลได้อย่างสวยงาม เป็นต้น

        สุดท้ายคือการใช้ CSS3 Media Queries ซึ่งจะช่วยให้เราสามารถกำหนด style sheets สำหรับ Devices ต่างๆ ได้ โดยส่วนใหญ่ เราจะเขียน style sheets พื้นฐานเอาไว้ ซึ่งกลุ่มนี้ จะไม่ขึ้นอยู่กับ Devices ใดๆ หลังจากนั้นให้เราเขียน style sheets สำหรับ Devices ที่มีขนาดหน้าจอที่เล็กสุด เพิ่มขึ้นไปเรื่อยๆ จนถึงขนาดใหญ่สุด ซึ่งการเขียนแบบนี้ จะช่วยลดความซ้ำซ้อนของโค้ด และยังทำให้การแก้โค้ดในภายหลังทำได้ง่ายอีกด้วย

ข้อดีของ Responsive Web Design

1. Responsive Web Design ได้รับการรับรองจาก google ช่วยให้ติด index google ได้ทั้ง desktop และ mobile ในหน้าเดียว

2. การทำ Responsive เพียงแค่ไซต์เดียวก็รองรับทุกอุปกรณ์ และไม่ต้องทำหลายๆหน้า ช่วยให้ไม่หนักเซิฟเวอร์

3. ประหยัดค่าใช้จ่ายในการจัดทำ โดยที่เราไม่ต้องทำหน้าต่างแยกกันระหว่าง mobile และ desktop

4. นอกจากนี้ยังประหยัดเวลาลดระยะเวลาในการทำงานหลายๆหน้า โดยที่เราก็วางแผนครั้งเดียว และทำเพียงแค่หน้าเดียวเท่านั้นเอง

5. รวดเร็วในการดูแล จัดการเว็บไซต์ ไม่ยุ่งยาก และไม่ต้องไปเปลี่ยนแปลงเว็บไซต์หลายๆหน้า

6. รองรับผู้ใช้ทุกอุปกรณ์ เพราะสุดท้ายผู้คนจากหลายอุปกรณ์ก็มีความต้องการเดียวกัน

7. เว็บไซต์ไม่ต้อง redirect หน้าไปหาหน้า mobile ให้เสียเวลา ช่วยให้เซิฟเวอร์ไม่ทำงานหนักและไม่วุ่นวาย

8. Googlebot-Mobile จะสนใจกับไซต์ที่รองรับอุปกรณ์ประเภท mobile ดังนั้นมั่นใจได้เลยว่า Googlebot-mobile

9. จะเข้ามาเก็บข้อมูลในเว็บไซต์ที่ทำออกมารองรับ mobile ของคุณอย่างแน่นอน หลังจากนี้เราก็มาเริ่มทำ seo ผ่าน mobile กันต่อไป

10. ช่วยทำให้การค้นหาผ่าน mobile เป็นไปได้ง่ายมากยิ่งขึ้น

ข้อเสียของ Responsive Web Design

        อย่างไรก็ตาม Responsive Web Design ก็ยังมีข้อเสียอยู่บ้าง เนื่องจากการเขียนโค้ดเดียว ให้รองรับหลายๆ Devices จึงอาจทำให้เกิดปัญหา เช่น โทรศัพท์มือถือที่มีหน้าจอขนาดเล็ก ถึงแม้เราจะซ่อนเนื้อหาบางส่วนที่ไม่จำเป็นเอาไว้ เช่น โฆษณา แต่ในบางเว็บบราวเซอร์ ข้อมูลเหล่านี้ยังจะถูกโหลดเข้ามาอยู่ รวมไปถึงเรื่องของ Image Resizing ที่เราไม่ได้ไปลด File Size ของตัว Image จริงๆ ทำให้โทรศัพท์มือถือจำเป็นต้องโหลดรูปเดียวกับรูปที่ใช้แสดงบน Desktop ทำให้เสียเวลาโดยไม่จำเป็น

ที่มา : http://www.siamhtml.com/responsive-web-design

        : http://www.km-web.rmutt.ac.th/?p=1889