วันเสาร์ที่ 22 พฤศจิกายน พ.ศ. 2557

ประโยชน์และการนำไปใช้ของ CSS

CSS คืออะไร
   CSS ย่อมาจาก Cascading Style Sheets เป็นภาษาที่มีรูปแบบการเขียน Syntax ที่เฉพาะ และถูกกำหนดมาตรฐานโดย W3C (World Wide Web Consortium) เช่นเดียวกับ HTML และ XHTML    ใช้สำหรับตกแต่งเอกสาร HTML/ XHTML ให้มีหน้าตา สีสัน ตัวอักษร เส้นขอบ พื้นหลัง ระยะห่าง ฯลฯ อย่างที่เราต้องการ ด้วยการกำหนดคุณสมบัติให้กับ Element ต่างๆ ของ HTML เช่น <body>, <p>, <h1> เป็นต้น

ประโยชน์ของ CSS
   1.  การใช้ CSS ในการจัดรูปแบบการแสดงผล จะช่วยลดการใช้ภาษา HTML ในการตกแต่งเอกสารเว็บเพจ ทำให้ code ภายในเอกสาร HTML เหลือเพียงส่วนเนื้อหา ทำให้เข้าใจง่ายขึ้น การแก้ไขเอกสารทำได้ง่ายและรวดเร็ว   2.  เมื่อ code ภายในเอกสาร HTML ลดลง ทำให้ขนาดไฟล์เล็กลง จึงดาวน์โหลดได้เร็ว   3.  สามารถกำหนดรูปแบบการแสดงผลจากคำสั่ง style sheet ชุดเดียวกัน ให้มีผลกับเอกสาร HTML ทั้งหน้า หรือทุกหน้าได้ ทำให้เวลาแก้ไขหรือปรับปรุงทำได้ง่าย ไม่ต้องไล่ตามแก้ที่ HTML tag ต่างๆ ทั่วทั้งเอกสาร    4.  สามารถควบคุมการแสดงผลให้เหมือนกัน หรือใกล้เคียงกัน ได้ในหลาย Web Browser   5. สามารถกำหนดการแสดงผลในรูปแบบที่เหมาะกับสื่อชนิดต่างๆ ไม่ว่าจะเป็นการแสดงผลบนหน้าจอ, บนกระดาษเมื่อสั่งพิมพ์, บนมือถือ หรือบน PDA โดยที่เป็นเนื้อหาเดียวกัน   6. ทำให้เป็นเว็บไซต์ที่มีมาตรฐาน ปัจจุบันการใช้ attribute ของ HTML ตกแต่งเอกสารเว็บเพจ นั้นล้าสมัยแล้ว W3C แนะนำให้เราใช้ CSS แทน ดังนั้นหากเราใช้ CSS กับเอกสาร HTML ของเรา ก็จะทำให้เข้ากับเว็บเบราเซอร์ในอนาคตได้ดี

http://www.enjoyday.net/webtutorial/css/css_chapter01.html

การเตรียมตัวสอบปลายภาค ( Eng I )

การเตรียมตัวสอบปลายภาคภาษาอังกฤษ ดั้งนี้

1. อ่านหนังสือ Straight Forward
2. เเปลคำศัพท์ที่ไม่เข้าใจ
3. ทำเเบบฝึกหัดในเล่ม
4. ทำเเบบฝึกหัดผ่านท่างเวปของหนังสือ
5. ทำการบ้านที่อาจารย์สั่ง
6. อ่าน External readings
7. หาข้อสอบเก่าฝึกมาทำ
8. ฝึกฟัง Audio ทุกบท ดาวน์โหลดจาก Straight Forward

การทำงานและประโยชน์ของ CGI

CGI คืออะไร
    CGI ย่อมาจาก Common Gateway Interfaces คือ โปรโตคอลที่ใช้ในการติดต่อระหว่าง ฺBrowser กับ Server เจ้า CGI นี้เป็นตัวกลางคอยประสานงานระหว่าง Server และโปรแกรม  Gateway หรือที่เรียกกันว่า CGI Script ภายใน Server CGI จะเป็นตัวกำหนดว่าข้อมูลจะส่งไปยัง โปรแกรม Gateway และข้อมูลจะถูกส่งกลับมาโดยโปรแกรม gateway ภายใน server และกลับไปยัง browser อย่างไรปกติการเรียกบริการผ่าน WWW นั้นข้อมูลจะถูกเก็บในรุปแบบของเอกสาร HTML เมื่อเซิร์ฟเวอร์ได้รับการร้องขอจากไคล์เอนต์ เว็บเซิร์ฟเวอร์ก็จะทำการค้นหาและส่งไฟล์ที่ไคล์เอนต์ต้องการกลับไปให้ ซึ่งข้อมูลที่เก็บอยู่ในรูปของแบบของ HTML จะเป็นรูปแบบที่ตายตัว(static) การแก้ไขข้อมูลจะเป็นงานที่ยุ่งยากและเสียเวลาเป็นอย่างมากถ้ามีข้อมูลมากการจัดเก็บแบ่งออกเป็นไฟล์ ๆ ยิ่งจะทำให้การแก้ไขยากขึ้นมากเท่านั้น
     รูปแบบการ้องขอไฟล์เอกสาร HTML จากเซิร์ฟเวอร์

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

     รูปแบบการร้องข้อเอกสาร HTML ที่ผ่าน CGI
การทำงานของ CGI
   การทำงานของ CGI อาศัยหลักการพื้นฐานของ ไคลเอ็นต์-เซิร์ฟเวอร์ โดยเว๊บเซิร์ฟเวอร์จะเป็นผู้ติดต่อขอใช้บริการและรอรับผลลัพธ์ของ CGI กลับมาแล้วส่งต่อให้กับยูสเซอร์ที่ใช้งานเจ้า CGI นี้ถูกสร้างขึ้นมาเนื่องจากโปรโตคอลพื้นฐานของเว็บ คือ HTTP ไม่เปิดโอกาสให้เว็บไคลเอนต์และเว็บเซิร์ฟเวอร์โต้ตอบกันในลักษณะสองทิศทางได้จึงถือได้ว่า CGI เป็นการเพิ่มเติมความสามารถของโปรโตคอล HTTP 

เครดิต
http://www.mindphp.com/คู่มือ/73-คืออะไร/2126-cgi-คืออะไร.html

วันพุธที่ 19 พฤศจิกายน พ.ศ. 2557

My resume

Personal Website Resume


SOMBOON MAYOE
Phone : 080-1234567 E-mail : a5710211@gmail.com

Personal Details

Name : Somboon Mayoe
ID : 57-010126-1021-1
Birth : October 18, 1995

Education
- 2013 - 2017 King Mongkut's University of Technology North Bangkok

Special Skill
- Fluent in spoken and written English

Work Experience
- Work in mantainance sector for 2 month

วันพุธที่ 29 ตุลาคม พ.ศ. 2557

My Resume

Personal Website 5730174 Resume


Personal Details

Miss:
ID :
Date of Birth :
Tel.
E-mail :
Facebook :

Education


Special Skill



Work Experiences



References

References will be sent on request

Unit 1-5

Unit 1: Introduction to Computer
·        คอมพิวเตอร์คืออะไร?
·        อุปกรณ์อิเล็กทรอนิกส์ (เครื่องคำนวณ) ที่ถูกสร้างขึ้นเพื่อช่วยทำงานแทนมนุษย์ ใช้ช่วยคิดคำนวณและจดจำข้อมูล (ตัวเลข ตัวอักษร และ สัญลักษณ์)
·        Computer VS. Calculator >>> Computer is ‘Programmable’
·        คุณสมบัติของคอมพิวเตอร์
·        ความเร็ว
·        ความน่าเชื่อถือ
·        ความเที่ยงตรงและแม่นยำ
·        จัดเก็บข้อมูลได้ปริมาณมาก
·        ความสามารถในการสื่อสารและเครือข่าย
·        ส่วนประกอบของคอมพิวเตอร์
·        Input Device
·        อุปกรณ์ที่ทำให้คอมพิวเตอร์สามารถสัมผัสและรับรู้สิ่งต่างๆ จากภายนอกเครื่อง
·        Output Device
·        อุปกรณ์ที่ทำให้คอมพิวเตอร์ควบคุมหรือแสดงผลออกมาสู่ภายนอกตัวเครื่อง
·        แบ่งออกเป็น 2 ประเภทหลักๆ
·        Hard copy - แสดงผลลัพธ์ถาวร
·        Soft copy - แสดงผลลัพธ์ชั่วคราว
·        System Unit
·        CPU (Central Processing Unit)
·        Memory
·        RAM (Random Access Memory)
·        ROM (Read Only Memory)
·        Storage
·        เครือข่ายคอมพิวเตอร์
·        กลุ่มของคอมพิวเตอร์และอุปกรณ์คอมพิวเตอร์ที่ถูกนำมาเชื่อมต่อกันผ่านอุปกรณ์ด้านการสื่อสารหรือสื่ออื่นใด (ผ่านตัวกลาง) ทำให้ผู้ใช้ในระบบเครือข่ายสามารถติดต่อสื่อสารแลกเปลี่ยนและใช้อุปกรณ์ต่าง ๆ ร่วมกันภายในเครือข่ายได้
·        Internet
·        ระบบเครือข่ายนานาชาติ (Inter-Net)
·        เกิดจากการรวมเครือข่ายคอมพิวเตอร์ย่อยๆเข้าด้วยกัน
·        การใช้งาน (ขอคนเติมด้วย จำได้ว่าอ.เค้าพูดๆอยู่)
·        ชนิดของคอมพิวเตอร์ (ใหญ่>>>เล็ก)
·        Supercomputers
·        ขนาดใหญ่ที่สุด, ทำงานรวดเร็ว, ประสิทธิภาพสูง, ราคาแพง
·        ใช้ในงานที่มีการคำนวณที่ซับซ้อนมากๆ เช่น การวิจัยทางด้านวิทยาศาสตร์และวิศวกรรม การพยากรณ์อากาศ การบิน ฯลฯ
·        Mainframe Computers
·        ประสิทธิภาพรองลงมาจาก Super Computer
·        ใช้ตามหน่วยงานธุรกิจขนาดใหญ่ ที่มีการรับและแสดงผลข้อมูลจำนวนมากๆ
·        สามารถทำงานได้พร้อมกันหลายงาน (Multi-Tasking) และใช้งานได้ พร้อมกันหลายคน (Multi-User)
·        Minicomputers
·        Mainframe ที่มีขนาดเล็กกว่า ประสิทธิภาพต่ำกว่า ราคาถูกกว่า
·        Workstations
·        ประสิทธิภาพเทียบเท่ากับ Minicomputer แต่มีสถาปัตยกรรมไม่เหมือนกัน
·        ใช้กับงานด้านวิทยาศาสตร์ วิศวกรรมศาสตร์ และการออกแบบกราฟิกอะนิเมชั่น
·        Microcomputers
·        ขนาดเล็กที่สุด, หน่วยความจำและความเร็วในการประมวลผล น้อยที่สุด สามารถใช้งานได้ด้วยคนเดียว

·        Microcomputers = Personal computer (คอมพิวเตอร์ส่วนบุคคล)

Unit 2: The Internet and World Wide Web
·        WWW (เวิลด์ไวด์เว็บ)
·        ที่เก็บข้อมูลที่เชื่อมต่อกันทางอินเทอร์เน็ต
·        เชื่อมต่อโดยการกำหนด URL
·        ‘WWW = บริการหนึ่งบนอินเทอร์เน็ต
·        Internet
·        เครือข่ายคอมพิวเตอร์ที่เชื่อมต่อกันเป็นจำนวนมากที่ครอบคลุมทั่วโลก
·        ใช้โครงสร้างระบบสื่อสารโทรคมนาคมเป็นตัวกลางในการแลกเปลี่ยนข้อมูลภายใต้มาตรฐานเดียวกัน
·        องค์ประกอบของระบบเครือข่าย
·        เครื่องคอมพิวเตอร์
·        สื่อเชื่อมต่อทางกายภาพ
·        กฏระเบียบหรือข้อตกลงของการสื่อสาร (Protocol)

Unit 3: Application Software
·        Software
·        คำสั่งหรือชุดคำสั่ง สามารถใช้เพื่อสั่งให้คอมพิวเตอร์ทำงาน
·        Computer Languages
·        Low-Level Language
·        Machine Language เลขฐาน 2 แทนคำสั่ง
·        Assembly Language รหัสคำ แทนคำสั่ง
·        High-Level Languageภาษาอังกฤษ แทนคำสั่ง
·        ประเภทของซอฟต์แวร์
·        ซอฟต์แวร์ระบบ (System Software)
·        OS (Operating System)
·        ควบคุมการใช้งานส่วนต่างๆ ของเครื่องคอมพิวเตอร์
·        Translation Program
·        Assembler
·        Assembly à Machine
·        แปลงเป็น Object ก่อนเอาไปทำงาน
·        Interpreter
·        High-Level à Machine
·        แปลงแล้วเอาไปทำงานทีละบรรทัด
·        Compiler
·        High-Level à Machine
·        แปลงเป็น Object ก่อนเอาไปทำงาน
·        Utility Program
·        อำนวยความสะดวกให้กับผู้ใช้เครื่องคอมพิวเตอร์ ให้สามารถทำงานได้สะดวก รวดเร็วและง่ายขึ้น
·        Diagnostic Program
·        ตรวจสอบข้อผิดพลาดในการทำงานของอุปกรณ์ต่างๆ ของเครื่องคอมพิวเตอร์
·        ซอฟต์แวร์ประยุกต์ (Application Software)
·        User Program
·        Package Program
·        Word Processor
·        Spreadsheet (เช่น Excel)
·        Database (เช่น การเก็บสต็อกสินค้าคงคลัง การเก็บประวัติพนักงาน การเก็บรายชื่อนักศึกษาในโรงเรียน ฯลฯ)
·        Graphic
·        Game
·        Simulator
·        Communication
·        Computer Assisted Instruction (โปรแกรมช่วยสอน)

Unit 4: The Components of the System Unit
·        System Unit
·        หน่วยการประมวลผลข้อมูล
·        หน่วยประมวลผลกลาง (CPU)
·        ทำหน้าที่ควบคุมและประมวล ข้อมูล
·        อยู่ภายในวงจรรวมเดียว
·        หน่วยความจำ (Memory)
·        เก็บข้อมูลต่างๆที่จำเป็นต่อการใช้งานและการประมวลผลของคอมพิวเตอร์
·        องค์ประกอบของ CPU (เฉพาะที่สำคัญ)
·        Control Unit
·        ควบคุมการทำงานของเครื่องคอมพิวเตอร์
·        ALU - Arithmetic and Logical Unit
·        ประมวลผลการคำนวณทางคณิตศาสตร์
·        เปรียบเทียบตรรกะ
·        Register
·        ส่วนที่เก็บข้อมูลสำหรับการคำนวณภายในโปรเซสเซอร์
·        Bus Interface
·        ส่วนเชื่อมต่อระหว่างโปรเซสเซอร์กับส่วนต่างๆของคอมพิวเตอร์
·        ประเภทของหน่วยความจำ
·        ROM (Read Only Memory)
PROM ,EPROM ,EEPROM
·        เก็บชุดคำสั่งที่สำคัญของระบบ
·        ไม่ต้องใช้ไฟเลี้ยง
·        แก้ไขหรือเพิ่มเติมชุดคำสั่งไม่ได้
·        ช้ากว่า RAM
·        RAM (Random Access Memory)   
DRAM ,SRAM
·        ความเร็วสูง
·        เก็บโปรแกรมและข้อมูล
·        เขียนและแก้ไขข้อมูลได้
·        ต้องมีไฟเลี้ยง
·        Cache
·        หน่วยความจำอย่างนึงซึ่งมีหน้าที่ในการเก็บข้อมูลที่เราต้องการจะใช้งาน บ่อยๆ
·        ความเร็วสูงมาก
·        พื้นที่เก็บข้อมูลมีขนาดเล็ก

Unit 5: Input
·        Keyed Device (Press)
·        เช่น Keyboard
·        Pointing Devices (Move)
·        Mouse
·        Track Ball
·        Track Point
·        Touch Pad
·        Joy Stick
·        Touch Screen
·        Light Pen
·        Digitizing Tablet (Stylus)
·        Picture/Video
·        Record
·        Process
·        OCR (Optical Character Recognition)
·        Barcode Reader
·        Scanner
·        Digital Camera
·        Digital Video
·        Voice/Audio
·        Record
·        Process
·        Voice Recognition Device
·        Speech Recognition Device
·        Biometric
·        Physical
·        Face
·        Fingerprint
·        Hand
·        Iris
·        DNA
·        Behavioral
·        Signature
·        Voice
·        Keystroke
·        NFC
·        Tag
·        Reader