Animated Cool Shiny Blue Pointer

วันพุธที่ 25 พฤษภาคม พ.ศ. 2559

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

ระบบสารสนเทศ เป็นระบบที่ช่วยเสริมประสิทธิภาพการทำงานโดยใช้เทคโนโลยีสารสนเทศและสื่อสาร ระบบสารสนเทศประกอบด้วย
1. ฮาร์ดแวร์ (hardware) หมายถึง ตัวเครื่องคอมพิวเตอร์และอุปกรณ์ต่อพ่วงต่างๆ เช่น คีย์บอร์ด (keyboard) เมาส์ (mouse) จอภาพ (monitor) จอภาพสัมผัส (touch screen) ปากกาแสง (light pen) เครื่องอ่านรหัสแท่ง (barcode reader) เครื่องพิมพ์ (printer) ฮาร์ดดิสก์ (hard disk) รวมทั้งอุปกรณ์สื่อสารสำหรับเสื่อมโยงคอมพิวเตอร์เข้าเป็นเครือข่าย เช่น โมเด็ม (modem) และสายสัญญาณ
2. ซอฟต์แวร์ (software) หมายถึง โปรแกรมหรือชุดคำสั่ง ( instruction ) ที่ใช้ควบคุมการทำงานของเครื่องคอมพิวเตอร์และอุปกรณ์ต่อพ่วงต่างๆ เพื่อให้ทำงานตามคำสั่งของผู้ใช้
3. ข้อมูล(date) ข้อมูลจะถูกรวบรวมและป้อนข้อมูลเข้าสู่เครื่องคอมพิวเตอร์ โดยผ่านอุปกรณ์ของหน่วยรับเข้า เช่น คีย์บอร์ด และ สแกนเนอร์ (scanner) ข้อมูลต้องมีโครงสร้างในการจัดเก็บที่เป็นระบบเพื่อการสืบค้นที่รวดเร็วและมีประสิทธิภาพ ข้อมูลจะถูกจัดเก็บอยู่ในหน่วยความจำ (memory unit) ก่อนที่จะถูกย้ายไปเก็บที่หน่วยเก็บข้อมูล (storage unit) เช่น ฮาร์ดดิสก์ และแผ่นซีดี (compact Disc : CD)
4. บุคลากร (people) เป็นองค์ประกอบที่สำคัญที่สุดของระบบสารสนเทศ ในที่นี้หมายถึงบุคลากรที่เป็นผู้พัฒนาระบบสารสนเทศ  บุคลากรที่เป็นผู้พัฒนาระบบสารสนเทศจะต้องมีความรู้ความสามารถในการพัฒนาระบบสารสนเทศให้มีประสิทธิภาพให้สามารถทำงานได้ตามความต้องการของผู้ใช้ ง่ายและสะดวก ส่วนผู้ใช้ต้องมีความรู้ ความเข้าใจ และมีความสามารถในการใช้งานระบบ สารสนเทศและการสื่อสารต่างๆ ได้อย่างถูกต้องจึงเกิดสารสนเทศที่เป็นประโยชน์
5. ขั้นตอนการปฏิบัติงาน (procedure) ระบบสารสนเทศต้องมีขั้นตอนการปฏิบัติงานที่เป็นลำดับขั้นชัดเจน เพื่อให้ผู้ใช้สามารถเข้าใจได้ง่าย และดำเนินงานได้อย่างมีประสิทธิภาพ ทั้งในสถานการณ์ปกติและสถานการณ์ฉุกเฉิน เช่น ขั้นตอนการบันทึกข้อมูล ขั้นตอนการทำสำเนาข้อมูลขั้นตอนการปฏิบัติเมื่อข้อมูลได้รับความเสียหาย หรือเมื่อเครื่องคอมพิวเตอร์ และอุปกรณ์ต่างๆ เกิดการชำรุดเสียหาย ขั้นตอนต่างๆ เหล่านี้ควรได้รับการรวบรวมและจัดทำให้เป็นรูปเล่ม ของคู่มือการใช้งาน
ที่มา : https://sites.google.com/site/kruyutsbw/xngkh-prakxb
เขียนโดย ที่ ไม่มีความคิดเห็น:

HTML

HTML หรือชื่อเต็มๆ ก็คือ Hypertext Markup Language เป็นภาษาประเภท Markup ที่ออกแบบมาเพื่อใช้ในการสร้างเว็บเพจ มีโครงสร้างการเขียนโดยอาศัยตัวกำกับ (Tag) ควบคุมการแสดงผลข้อความ รูปภาพ เสียง อื่นๆ ที่สามารถเรียกดูผ่านทางเว็บเบราว์เซอร์ได้ แต่ละ Tag สามารถระบุหรือควบคุมการแสดงผลของเว็บให้เป็นไปตามที่ผู้ออกแบบเว็บไซต์กำหนดไว้ หรือจะให้เข้าใจง่ายๆ ก็คือ เว็บที่เราเข้าอยู่ในทุกๆ วันนี้ ก็ล้วนถูกแสดงผลด้วยโค้ด HTML ทั้งนั้น
HTML พัฒนามาจากภาษา SGML และถูกพัฒนามาเรื่อยๆ ตั้งแต่เวอร์ชั่นแรก สู่เวอร์ชั่น HTML 2.0, HTML 3.2, HTML 4.1 และตัวล่าสุดคือ HTML 5 (ซึ่งอยู่ในระหว่างการพัฒนา) และยังมีการพัฒนารูปแบบของ HTML แบบใหม่ที่เรียกกันว่า XHTML ซึ่งมีความสามารถและมาตราฐานที่รัดกุมกว่าอีกด้วย
HTML มีรูปแบบการทำงานง่ายๆ HTML จะอ่านจากซ้ายไปขวา จากบนลงล่าง เมื่อเราพิมพ์ข้อความตัวอักษรธรรมดาลงไปแล้วทำการบันทึก พอเราเปิดไฟล์นั้นๆ มาดูผลลัพธ์ที่จะแสดงผลที่หน้าจอก็จะเป็นเหมือนตอนที่พิมพ์ข้อความตัวอักษรธรรมดาลงไป หากต้องการผลลัพธ์ที่แตกต่างต้องใช้ Tag ในการควบคุมการแสดงผล
ตัวอย่าง CODE ภาษา HTML
1
จากภาพจะเห็นว่า… HTML มีรูปแบบการเขียนที่ชัดเจน จะประกอบด้วย Tag พื้นฐาน ดังนี้
Tag  <html>…</html>  เป็นส่วนประกาศที่กำหนดหัวละท้ายของเอกสาร เพื่อให้บราว์เซอร์ทราบและแสดงผลได้ถูกต้อง
Tag <head>…</head>  เป็นส่วนหัวเรื่องของเอกสาร ภายในจะมี Tag <title>…</title> ใช้สำหรับการกำหนดชื่อของเอกสาร
Tag <body>…</body>   เป็นส่วนที่มีรายละเอียดมากที่สุด จะบรรจุข้อมูลต่างๆ ที่ต้องการให้แสดงบนหน้าเว็บไซต์ของเรา ทั้งข้อความ รูปภาพ เป็นต้น
ผลลัพธ์หน้าจอแสดงผล
2
ในการสร้างเว็บเพจโดยใช้ภาษา HTML เขียนนั้น สามารถใช้โปรแกรม Text Editor ต่างๆ เขียนได้ เช่น Note Pad , Word Pad ฯลฯ หรือจะใช้โปรแกรมประเภท WYSIWYG (What You See Is What You Get) ที่เป็นเครื่องมือช่วยสร้างเว็บเพจซึ่งอํานวยความสะดวกในการสร้างหน้า HTML เช่น Dream Weaver, Microsoft FrontPage ฯลฯ
ส่วนในการเรียกใช้งานหรือทดสอบการทำงานของเอกสาร HTML ที่เราได้เขียนไว้นั้นจะใช้โปรแกรมเว็บเบราว์เซอร์ (web browser) เช่น Internet Explorer (IE), Google Chrome, Mozilla Firefox, Safari และอื่นๆ เป็นต้น เป็นเครื่องมือแสดงผลไฟล์ HTML ของเราออกมาเป็นตัวอักษร ภาพและเสียง
ที่มา : http://www.fusionidea.biz/html-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3/#prettyPhoto
เขียนโดย ที่ ไม่มีความคิดเห็น:

วันพุธที่ 18 พฤษภาคม พ.ศ. 2559

Responsive web คืออะไร ?

  • Responsive Design คือ แนวคิดการออกแบบที่เรียกว่า One Size Fit All คือ ออกแบบเพียงครั้งเดียว แต่สามารถใช้ได้กับทุกขนาดของหน้าจอ โดยเว็บไซต์จะสามารถตรวจจับขนาดของหน้าจอ และปรับขนาด และ Layout ให้เหมาะสม ตามขนาดของหน้าจอโดยอัตโนมัติ โดยอาศัยการทำงานร่วมกันระหว่างเทคโนต่างๆ ดังต่อไปนี้ คือ Layout ของเว็บแบบ Flexible Grid, รูปภาพแบบ Flexible Image และ CSS3 Media Query
  • บางคนอาจถามว่า ปัจจุบัน เราก็สามารถดูเว็บไซต์ต่างๆบนมือถือได้อยู่แล้ว โดยไม่เห็นต้องออกแบบเว็บไซต์ให้เป็นแบบ 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)







          • ปัจจุบันแม้แต่ทาง Google เอง ก็ได้ออกมาชักชวนให้เหล่าบรรดา Web Master ทั้งหลาย พัฒนาเว็บไซต์ของตน ในแบบ Responsive คือ พัฒนาเพียงเว็บไซต์เดียว แต่ให้ใช้งานได้บนหน้าจอขนาดอื่นๆด้วย ซึ่งการที่ Google ออกโรงมาผลักดันด้วยตัวเอง ก็น่าจะพอเห็นทิศทางการพัฒนาเว็บไซต์ในอนาคตได้ว่า กำลังจะไปในทิศทางใด
          • Responsive Design ได้รับการออกแบบมาเพื่อช่วยในเรื่องของการปรับรูปแบบแสดงผลเป็นหลัก แต่ก็ยังขาดสมบูรณ์ในเรื่องของความสามารถในการช่วยแก้ปัญหาในเรื่องของ Bandwidth ยกตัวอย่างเช่น การแสดงผลรูปภาพ ซึ่งใช้วิธีการ ย่อ/ขยาย scale ของรูป เพื่อให้แสดงผลได้เหมาะสมบนหน้าจอขนาดต่างๆ แต่ในความเป็นจริงแล้ว ยังคงใช้ไฟล์รูปภาพไฟล์เดียวกันกับที่ใช้แสดงผลบน Notebook/PC ซึ่งโดยทั่วไปมักจะมีขนาดใหญ่ และมีความต้องการ Bandwidth สูง ทำให้เมื่อนำมาแสดงผลบน Mobile Device ถึงแม้จะปรับย่อขนาดให้ดูเล็กลง แต่เนื่องจากขนาดของไฟล์ที่ยังคงมีขนาดเท่าเดิม ทำให้แสดงผลได้ช้า และเป็นการสิ้นเปลือง Bandwidth โดยไม่จำเป็น ซึ่งมาตรฐานในส่วนนี้ กำลังอยู่ระหว่างการพัฒนา ซึ่งคาดว่าคงจะมีให้ใช้กันในอีกไม่ช้านี้
          • ซึ่งในระหว่างรอมาตรฐานใหม่ที่กำลังจะออกมา ทางทีมงานของ 8columns จึงได้พัฒนาความสามารถเพิ่มเติม เพื่อมาช่วยแก้ปัญหาในเรื่องของ Bandwidth ดังกล่าว โดยใช้เทคนิคการ switch ไฟล์รูปภาพ เพื่อให้เหมาะสมกับ Device ต่างๆ ทำให้ Mobile Web ที่เราพัฒนา สามารถแสดงผลได้อย่างรวดเร็ว เพราะไฟล์รูปภาพที่แสดงผลมีขนาดเล็ก เพราะได้รับการย่อขนาดลงจริงๆ ซึ่งทำให้ Mobile Web ที่เราให้บริการ มีความแตกต่างจาก Mobile Web อื่นๆโดยทั่วไป
          • จากที่กล่าวมาทั้งหมดนี้ น่าจะพอเข้าใจถึงประโยชน์ และ ความสำคัญของเทคนิคการออกแบบที่เรียกว่า Responsive Design กันบ้างพอสมควร จากการขยายตัวเพิ่มมากขึ้นของผู้ใช้งาน Mobile Device คาดว่าในปี 2014 ที่กำลังจะมาถึง เราน่าจะได้เห็นเว็บไซต์แบบ Responsive เพิ่มมากขึ้นอย่างแน่นอน ดังนั้นหากคุณคิดที่พัฒนาเว็บไซต์ หรือ ปรับปรุงเว็บไซต์ใหม่ อย่าลืมตรวจสอบดูก่อนนะครับว่า เว็บไซต์ที่กำลังจะพัฒนา หรือ กำลังจะปรับปรุง เป็นแบบ Responsive หรือยัง ไม่อย่างนั้น ผมรับรองได้เลยว่า นอกจากคุณจะตกเทรนด์ คุณยังจะพลาดโอกาสทางธุรกิจที่จะมีเข้ามาทาง Mobile อีกจำนวนมากอย่างแน่นอน!
เขียนโดย ที่ ไม่มีความคิดเห็น:
สมัครสมาชิก: ความคิดเห็น (Atom)