สรุป PHP 16/09/2556

PHP คืออะไร

     PHP ย่อมาจาก PHP Hypertext Preprocessor แต่เดิมย่อมาจาก Personal Home Page Tools

     PHP คือภาษาคอมพิวเตอร์จำพวก scripting language ภาษาจำพวกนี้คำสั่งต่างๆจะเก็บอยู่ในไฟล์ที่เรียกว่า script และเวลาใช้งานต้องอาศัยตัวแปรชุดคำสั่ง ตัวอย่างของภาษาสคริปก็เช่นJavaScript , Perl เป็นต้น ลักษณะของ PHP ที่แตกต่างจากภาษาสคริปต์แบบอื่นๆ คือ PHP ได้รับการพัฒนาและออกแบบมา เพื่อใช้งานในการสร้างเอกสารแบบ HTML โดยสามารถสอดแทรกหรือแก้ไขเนื้อหาได้โดยอัตโนมัติ ดังนั้นจึงกล่าวว่า PHP เป็นภาษาที่เรียกว่า server-side หรือ HTML-embedded scripting language นั้นคือในทุกๆ ครั้งก่อนที่เครื่องคอมพิวเตอร์ซึ่งให้บริการเป็นWeb server จะส่งหน้าเว็บเพจที่เขียนด้วย PHP

ชนิดของตัวแปร (Vriable Types) มีตังต่อนี้

1. Array ชุดของข้อมูลที่เป็นชนิดเดียวกัน

2. Boolean ข้อมูลชนิดตรรกะจะให้ผลลัพธ์เป็นจริง (True) หรือ (False) เท่านั้น

3. Float เป็นข้อมูลชนิดตัวเลขจำนวนจริง เช่น 1.2 ,22.22 , 7A-20

4. Integer (int) เลขจำนวนเต็มที่เป็นฐานสิบ ฐานแปด หรือฐานสิบหก โดยจะมีเครื่องหมายบวก + หรือ ลบ - ประกอบอยู่ด้วยก็ได

- เลขฐานสิบ แทนด้วยเลข 0-9 เช่น 1 ,12 , -24 ,+15 เป็นต้น

- เลขฐานแปด แทนด้วยเลย 0-8 โดยจะต้องมี 0 นำหน้าเสมอ เช่น 0123 (เท่ากับ 83 ในฐานสิบ)

- เลขฐานสิบหก แทนด้วย 0-9 และ A-F โดยจะต้องใช้ 0x นำหน้าเสมอ เช่น 0x1A (เท่ากับ 26 ในเลขฐานสิบ)

5. Object การกำหนดให้ตัวแปรนั้นเก็บคุณสมบัติของออบเจ็กต์ไว้ (ซึ่งก็คือ Attribute และ Method) โดยใช้ชื่อคลาสเป็นตัวกำหนด

6. String ตัวอักษรต้องอยู่ภายใต้เครื่องหมาย Double Quotes (" ") หรือ Single Quotes (' ')

7 Object       สำหรับจัดเก็บข้อมูลที่เป็น Class Object หรือเป็น Method

PHP keywords

Operator

สรุป JavaScript วันที่ 09/09/2556

1Ajax-Enabled Rich Internet Applications with XML and JSON

Introduction

 (RIAs)โปรแกรมประยุกต์เว็บที่ประมาณลักษณ์ความรู้สึกและการใช้งานของโปรแกรมสก์ท็อปสองคุณสมบัติที่สำคัญที่มีประสิทธิภาพและอุดมไปด้วย GUIประสิทธิภาพการทำงานของ RIAมาจากอาแจ็กซ์ (Asynchronous JavaScript และ XML) ซึ่งใช้การเขียนสคริปต์ฝั่งไคลเอนต์ที่จะทำให้การใช้งานเว็บตอบสนองมากขึ้นซึ่งใช้การเขียนเว็บเพื่อให้ใช้งานได้เร็วขึ้น และสามารถใช้กับ Ajax เช่น jQuery, ASP.NET Ajax และ JSF

XMLHttpRequest คือ ส่วนที่จะทำการจัดการเชื่อมการทำงานระหว่าง client กับ server เรียกสั้นๆ ว่า XHR

การทำงานแบบเดิมของ web application

                                                     

  

                                                              

การทำงานแบบใหม่ของ web application

2Web Servers (Apache and IIS)

(URL) web server ที่ตอบสนองต่อการร้องขอของ client (ปกติจาก web browser) โดยการให้ทรัพยากรเช่นเอกสาร HTML เมื่อผู้ใช้ป้อนที่อยู่ Resource Locator (URL

ตัวอย่างการร้องขอ(ภาพ 1)และการส่งข้อมูล(ภาพ 2)ระหว่าง client และ server

HTTPS ย่อมาจาก Hypertext Transfer Protocol over Secure Socket Layer หรือ http over ssl คือ โปรโตคอลที่ระบุถึงการเชื่อมต่อแบบ Secure http โปรโตคอล https สร้างเพื่อความปลอดภัย ในการสื่อสารผ่านอินเตอร์เน็ตข้อมูลที่ทำการส่งได้ถูกเข้ารหัสเอาไว้ โดยใช้ Asymmetric Algorithm ซึ่งถ้าถูกดักจับได้ก็ไม่สามารถที่จะอ่านข้อมูลนั้นได้รู้เรื่อง โดยข้อมูลนั้นจะสามารถอ่านได้เข้าใจเฉพาะClient กับเครื่อง Server เท่านั้น นิยมใช้กับเว็บไซต์ที่ต้องการความปลอดภัยสูง เช่น เว็บไซต์ของธนาคาร ร้านค้าออนไลน์ เป็นต้น

3. Database: SQL, MySQL, LINQ and Java DB

database จะถูกเรียกใช้หลังจากที่ web server ได้มีการดึงข้อมูลเพื่อส่งไปให้ web client

database จะถูกเก็บไว้ในรูปแบบของตาราง และจะมีการเชื่อมกันโดยใช้ primary key (ทั้งคอลัมภ์) ความสัมพันธ์ก็จะมีแบบ one to one , one to many, many to one , many to many

MySQL   คือ Open Source Relational Database Management System (RDBMS) ซึ่งเป็นที่นิยมใช้กันมากในปัจจุบัน โดยเฉพาะอย่างยิ่งในโลกของ internet เนื่องจาก

-mysql เป็นฟรีแวร์ทางด้านฐานข้อมูลที่มีประสิทธิภาพสูง

-นักพัฒนาฐานข้อมูลที่เคยใช้ mysql ต่างยอมรับในความรวดเร็ว การรองรับจำนวนผู้ใช้ และขนาดของข้อมูลจำนวนมหาศาล

-สนับสนุนการใช้งานบนระบบปฏิบัติการมากมาย เช่น UNIX OS/2 MAC OS Windows

-สามารถใช้งานร่วมกับ Web Development platform เช่น C, C++ , Java, Perl, PHP, Python, TCL, หรือ ASP

-ได้รับความนิยมอย่างมากในปัจจุบัน และมีแนวโน้มสูงขึ้นเรื่อยๆในอนาคต

                MySQL จัดเป็นซอฟท์แวร์ประเภท open source software สามารถ download ซอร์สโคดต้นฉบับได้จากอินเทอร์เนทโดยไม่เสียค่าใช้จ่ายใดๆ การแก้ไขสามารถทำได้ตามต้องการ mysql ยึดถือสิทธิบัตรตาม GPL (GNU General Public License) ซึ่งเป็นข้อกำหนดของซอฟท์แวร์ประเภทนี้ โดยจะเป็นการชี้แจงว่าสิ่งใดทำได้ หรือทำไม่ได้ในกรณีต่างๆ สามารถหาข้อมูลเพิ่มเติมได้จากเว็บไซท์ www.gnu.org

ตัวอย่าง code การ query

SELECT * FROM tableName

SELECT AuthorID, FirstName, LastName

            FROM Authors

            WHERE LastName LIKE '_o%'

 

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

Document Object Model (DOM) 02/09/56

Document Object Model (DOM) เป็นวิธีการอธิบายว่าข้อมูลต่างๆ ในเอกสาร HTML หรือ XML จัดเรียงตัวแบบเชิงวัตถุ (object oriented) อย่างไร DOM เป็นวิธีในการสร้าง API ให้สามารถควบคุมเนื้อหา โครงสร้าง และรูปแบบของเอกสารได้เดิมทีนั้นเว็บเบราว์เซอร์แต่ละค่ายมีการพัฒนา DOM โดยใช้จาวาสคริปต์ที่แตกต่างกันออกไป ทาง W3C จึงได้ร่างมาตรฐานกลางที่เรียกว่า W3C Document Object Model (W3C DOM) โดยไม่ขึ้นกับภาษาโปรแกรมมิ่งภาษาใดภาษาหนึ่ง

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

ตามมาตรฐานของ W3C นั้น ได้แบ่ง DOM เป็นระดับชั้น (level) ที่มีข้อกำหนดแตกต่างกันออกไป ปัจจุบันมี Level 0-3

 12.2  Modeling a Document: DOM Nodes and Trees

- มองโครงสร้างเป็น DOM Tree

- จะมองความสัมพันธ์เป็นแบบพ่อ แม่ และลูก

- โหนดแต่ละโหนดสามารถมีลูกได้เยอะ แต่มีพ่อแม่ได้แค่คู่เดียว

- โหนดที่มีโหนดแม่เดียวกันจะเรียกว่าพี่น้อง

- html ที่โหนดในต้นไม้ DOM จะเรียกว่าโหนดรากเพราะมีไม่มีพ่อแม่

         12.3 Traversing and Modifying a DOM Tree

CSS class highlighted 12.4 DOM Collections สามารถ add remove select ใน form ของHTML ได้เลย

         12.4 DOM Collections

- DOM มีกลุ่มคอลเลกชันของวัตถุที่เกี่ยวข้องในหน้า

- คอลเลกชัน DOM มีการเข้าถึงเป็นคุณสมบัติของวัตถุ DOM เช่นวัตถุเอกสารหรือโหนด DOM

- คุณสมบัติความยาวของสะสมระบุจำนวนของรายการในการเก็บรวบรวม

         12.5 Dynamic Styles

- รูปแบบขององค์ประกอบสามารถเปลี่ยนแปลงได้แบบไดนามิก

- สามารถสร้างผลกระทบเมาส์เลื่อนเมนูแบบโต้ตอบและภาพเคลื่อนไหว

- วิธี setAttribute จะใช้ในการกำหนดคุณลักษณะอย่างมีสไตล์ด้วยสีที่ผู้ใช้กำหนดสำหรับ background-colorคุณสมบัติ CSS

- หากคุณมีการกำหนดไว้ล่วงหน้าวินาทีกับการเรียนรูปแบบที่กำหนดไว้สำหรับเอกสารของคุณคุณยังสามารถใช้วิธีการ setAttribute เพื่อตั้งค่าแอตทริบิวต์ชั้น

         12.6 Using a Timer and Dynamic Styles  to Create Animated Effects

- ตัวอย่างต่อไปแนะนำวิธีการ setInterval และ clearInterval วัตถุหน้าต่างของรวมพวกเขามีรูปแบบแบบไดนามิกเพื่อสร้างผลภาพเคลื่อนไหว

- ตัวอย่างนี้เป็นโปรแกรมดูภาพขั้นพื้นฐานที่ช่วยให้คุณสามารถเลือกปกหนังสือและจะดูในขนาดที่ใหญ่กว่า. เมื่อผู้ใช้คลิกที่ภาพรุ่นใหญ่เติบโตจากมุมบนซ้ายของพื้นที่ภาพหลัก