1
รายงาน วิชา ITEC1200 การปฏิบัติการเทคโนโลยีสารสนเทศ
เสนอ อาจารยสืบทัศน ลิ่มสายหั้ว
จัดทําโดย นายพงษพัชร ลิ้มสมุทรชัยกุล รหัสนักศึกษา 5514110005
คณะวิทยาการและเทคโนโลยีสารสนเทศ มหาวิทยาลัยเทคโนโลยีมหานคร 2
คํานํา รายงานนี ้เป็ นส่วนหนึง่ ของวิชา การปฏิบตั กิ ารเทคโนโลยีสารสนเทศ 1 รหัสวิชา ITEC1200 ซึง่ ในรายงานเล่มนี ้ได้ กล่าวถึงเรื่ องการทํางานเกี่ยวกับเว็บไซด์ ซึง่ ในปั จจุบนั การทํางานหรื อการใช้ งาน ระบบเน็ตเวิร์คยิ่งวันยิ่งเพิ่มขึ ้นอย่างเห็นได้ ชดั การเขียนเว็บก็เป็ นอีกประการที่จะช่วยในการจัดการระบบ การทํางานในปั จจุบนั ให้ มีประสิทธิภาพมากยิ่งขึ ้น ภายในรายงานเล่มนี ้ประกอบด้ วยเรื่ องนี ้เป็ นเนื ้อหาสําคัญต่างๆ ดังนี ้ - การเชื่อมต่อฐานข้ อมูล (Connect MySQL) - การทํางานเกี่ยวกับฐานข้ อมูล (SELECT INSERT DELETE UPDATE) - ฟอร์ มกรอกข้ อมูล และการส่งข้ อมูล - การใช้ งาน Regular Expression - การอัพโหลดไฟล์ และการทํางานเกี่ยวกับรูปภาพ - การใช้ งาน Rewrite URL การเนื ้อหาสําคัญภายในเล่มนี ้เป็ นเนื ้อหาพื ้นฐานการทํางานของเว็บไซด์ในปั จจุบนั มีการใช้ ้ งานอย่างแพร่หลาย และกว้ างขวางของมาก พื ้นฐานสําคัญเป็ นรากฐานสําคัญของหลายๆสิง่ ดังนันรายงาน นี ้เป็ นการแสดงพื ้นฐานการทํางานของเว็บไซด์ที่นําเสนอเท่านัน้ ขอบคุณครับ
3
สารบัญ ลําดับ 1 2 3 4 5 6 7
รายการ คํานํา สารบัญ เกณฑ์การให้คะแนน ระบบฐานข้อมูล แผนการทํางานของระบบ หน้าเว็บ ตามเกณฑ์การให้คะแนน - บทที่่ 2-5 Connect MySQL, Select, Insert Update Delete - บทที่ 6 Checkbox, Radio, Select, SQL join table - บทที่ 7 Regular Expression - บทที่ 8 Upload, Hash Function, gd2 - บทที่ 9 Cookie, Session , URL Rewrite
หน้า 3 4 5 5 6 7 10 11 13 14 15
4
เกณฑการใหคะแนน บทที่
ทฤษฏี
คะแนน
2-5
Connect MySQL, Select, Insert Update Delete ในตารางข้ อมูลอย่างน้ อย 5 attribute จะต้ อง เชื่อมต่อ อ่านค่า เพิ่ม แก้ ไข และลบข้ อมูลในตารางได้
10
6
Checkbox, Radio, Select, SQL join table 1 checkbox, 1 textbox, 1 radio, 1 file, 3 submit,1 select, join 2 ตาราง Regular Expression ตรวจสอบค่า 4 รูปแบบสตริ ง Upload, Hash Function, gd2 อัพโหลดไฟล์ อ่านไฟล์ จัดการรูป เข้ ารหัส Cookie, Session , URL Rewrite ค่าคุกกี ้ เซ็กชัน rewrite url
5
7 8 9
5 5 5 30
ระบบฐานขอมูล
5
แผนการทํางานของระบบ
6
หนาเว็บ (Web Page)
หนาเริ่มตนเว็บ
หน้ าเว็บ index.php เป็ นหน้ าสําหรับการทําการ Log in ผู้ใช้ งานในระบบ เพื่อเข้ าสูก่ ารใช้ งานที่สมบูรณ์
หนาเว็บสําหรับแสดงสถานะ
เป็ นหน้ าสําหรับแสดงผล status ต่างๆ ที่ผ้ ใู ช้ งานได้ ทําการแสดง จะเป็ น status ที่เป็ นสาธารณะ การแสดงผล หน้ าที่สามารถเพิ่มเติม การแสดงความคิดเห็นได้ ทนั ที
7
หนาเว็บหลัก
เป็ นหน้ าหลัก เป็ นหน้ าโปรไฟล์แสดงรายละเอียดข้ อมูลผู้ใช้ งานในระบบ มีการแสดงสถานที่ใน Google Map มี การแสดงภาพเป็ นอัลบัมภาพของบุคคล และแสดงรายละเอียด status ของผู้ใช้ งานนันๆ ้ สามารถแสดงความคิดเห็นใน สถานะต่างๆ ของเราเองได้ แก้ ไข และลบได้
8
หนาเว็บแกไขสถานะ
เป็ นหน้ าเว็บสําหรับการแก้ ไขสถานะของผู้ใช้ งาน
หนาเว็บแกไขสถานะแผนที่
เป็ นหน้ าจอสําหรับการสร้ างสถานที่ และกําหนดตําแหน่งในการแสดงสถานที่ ในหน้ านี ้จะมี ปุ่ ม Radio Button มี Select มี Text Box และปุ่ ม Submit ความสามารถของหน้ าจอนี ้สามารถบันทึกสถานที่ได้ และสามารถเลือกสถานที่ที่ ต้ องการจะเลือก หรื อแสดงก็ได้
9
บทที่ 2-5 Connect MySQL, Select, Insert Update Delete ในตารางข้ อมูลอย่างน้ อย 5 attribute จะต้ อง เชื่อมต่อ อ่านค่า เพิ่ม แก้ ไข และลบข้ อมูลในตารางได้
Connect MySQL
SELECT
INSERT
10
DELETE
UPDATE
บทที่ 6 Checkbox, Radio, Select, SQL join table 1 checkbox, 1 textbox, 1 radio, 1 file, 3 submit,1 select, join 2 ตาราง
หน้ าล็อกอิน - มี text box 2 อัน - มี submit 1 ปุ่ ม - มี check box 1 อัน
11
หน้ าการตังค่ ้ า Google Map - มี Radio 2 อัน - มี Select 1 อัน - มี Text box 3 อัน - มี Submit 1 ปุ่ ม - มี ปุ่ ม Button 2 ปุ่ ม
หน้ าการจัดการรูปภาพ - มี Input file 1 อัน - มี ปุ่ ม Submit 1 ปุ่ ม - มี ปุ่ ม Button 2 ปุ่ ม
Join table การรวมตารางระหว่าง ตารางข้ อมูลสมาชิก กับตารางข้ อมูล Google Map
12
บทที่ 7 Regular Expression ตรวจสอบค่า 4 รูปแบบสตริ ง
ส่วนตรวจสอบข้ อความ ให้ ใช้ ภาษาไทยเท่านัน้
ส่วนตรวจสอบข้ อความ ให้ ใส่ตวั เลขและตามด้ วยทศนิยม 4 ตําแหน่งเท่านัน้
ส่วนตรวจสอบข้ อความ ให้ ใส่ตวั เลขและตามด้ วยทศนิยม 4 ตําแหน่งเท่านัน้
ส่วนตรวจสอบข้ อความ ในการใส่คา่ ข้ อความ ที่เป็ นลักษณะของ Emotion Text
13
บทที่ 8 Upload, Hash Function, gd2 อัพโหลดไฟล์ อ่านไฟล์ จัดการรูป เข้ ารหัส
การอัพโหดลไฟล์ผา่ น form ที่มีการ enctype=”multipart/form-data” เก็บในตัวแปร $_FILES
การเข้ ารหัส เพื่อทําการเปลีย่ นชื่อ ในการเซฟไฟล์ในเครื่ อง Server
เป็ นการจัดการไฟล์ โดยปรับเมื่ออัพโหดลไฟล์มาแล้ ว จะทําการแปลงค่าให้ เป็ นนามสกุล JPEG เพื่อง่ายต่อการใช้ งานภายในระบบ
14
บทที่ 9 Cookie, Session , URL Rewrite ค่าคุกกี ้ เซ็กชัน rewrite url
การนําค่า session และ cookie เข้ ามาใช้ งานในเว็บ โดย session ชื่อ IST_Webboard และ cookie ชื่อ IST_Webboard
ส่วนของ URL Rewrite แปลง URL
15