ระบบเว็บ v3.8c
ประวัติย่อของระบบเว็บ (PHP) | ||
---|---|---|
พ.ย. 42 - มี.ค. 43 | [W] | ทำเว็บ MYR, B83, Siriwat (งานจ้าง) |
ส.ค. 43 - ม.ค. 44 | [B] | webboard v1 สร้างเพื่อใช้ภายในเว็บ
B83![]() ![]() ![]() ตั้งกระทู้และเม้นต์ได้, รองรับ html tag, ค้นหา, อัปโหลดรูป, ใส่แบนเนอร์ มีระบบ login-logout, ระบบ admin+spec, ระบบส่งอีเมล |
เม.ย. 44 | [B] | นำไปดัดแปลงเป็นเว็บทะเบียนรุ่น Tumwan41 |
ธ.ค. 44 | [W] | เริ่มเขียนเว็บไดอะรี่โดยใช้บริการของยี่ห้ออื่น |
ม.ค. - ก.ค. 45 | [B] | นำไปดัดแปลงเป็นเว็บไดอะรี่
kanuay![]() ![]() ![]() ![]() |
ส.ค. 45 | [B] | นำไปใช้เป็นบอร์ดสนทนา ตอนทำเว็บค่าย
e-camp![]() |
ต.ค. 45 - ก.พ. 46 | [B] | นำไปใช้เป็นเว็บไดอะรี่ หรือบอร์ดสนทนาอีกหลายที่ เช่น Bokit![]() เพิ่มเว็บไดอะรี่ Zalaoat ![]() |
ส.ค. - พ.ย. 46 | [W] | ทำเว็บรูปรับปริญญา, เว็บ gallery รวมรูปถ่ายเอง |
ก.พ. 47 | [B] | เพิ่มเว็บไดอะรี่ Shauฯ![]() |
พ.ค. 47 | [W] | ทำเว็บ Math E-Book แบบยังไม่มีบอร์ด |
ก.ย. 47 | [B] | webboard v2 ปรับปรุงเพื่อผนวกเข้าเว็บ Math E-Book![]() เริ่มใช้ css บ้าง, แยกส่วน header-footer |
ต.ค. 48 | [B] | เริ่มพิมพ์สมการได้ โดยใช้ jsMath |
มี.ค. - พ.ค. 49 | [B] | นำไปใช้เป็นเว็บไดอะรี่
kanuay![]() ![]() ![]() เพิ่มระบบตั้งชื่อและรหัสส่วนตัว, แสดงหัวข้อใน titlebar |
ก.ย. 49 - ก.พ. 50 | [B] | นำไปใช้เป็นบอร์ด
MYR![]() เริ่มใช้ RSS, favicon, smiley, กระทู้ก่อน-หลัง, ลิสต์ปักหมุด+อัปเดต เพิ่มระบบ quote+edit ข้อความ, ปุ่มกด smiley+tag, backup zip ทดสอบเพื่อรองรับ firefox, IE และภายหลัง opera |
พ.ค. 50 | [B] | เพิ่มการแสดงผลแบบ blog (ภายหลังเลิกใช้ใน v3) |
ก.พ. 51 | [W] | จดชื่อโดเมน kanuay.com![]() ทำเว็บ bkkspoon.com (งานจ้าง) |
ก.พ. - เม.ย. 51 | [B] | เปลี่ยนสมการเป็น MimeTeX, เพิ่มช่องทดสอบพิมพ์, ปุ่มกดสมการ ตัวเก็บสถิติ phpMyVisites, ระบบ cookie จำกระทู้ที่อ่านแล้ว |
พ.ค. 51 | [W] | ทำเว็บ upload |
พ.ค. - มิ.ย. 51 | [B/W] | webboard v3 เปลี่ยนเทมเพลตเว็บ Math![]() เปลี่ยนตัวเก็บสถิติเป็น Piwik, เพิ่มระบบ audio player |
มิ.ย. 51 | [B] | นำไปใช้เป็นเว็บไดอะรี่
Shauฯ![]() ![]() |
ส.ค. 51 - ม.ค. 52 | [W] | ทำเว็บ MYR10 |
ม.ค. 52 | [B] | เพิ่ม htaccess ป้องกันฮอตลิงก์, ระบบใส่แท็ก, แต้มสมาชิก |
ต.ค. 53 | [B/W] | เพิ่มปุ่ม facebook like, ทดลอง @font-face, แปลงเว็บเป็น UTF-8 |
ต.ค. 55 - ม.ค. 56 | [W] | เว็บ Math / ทำระบบสั่งซื้อ, ระบบล็อกอิน, อีเมลตอบอัตโนมัติ |
ธ.ค. 57 | [W] | เว็บ Math / เริ่มทำรูป HD, เพิ่มไอคอน add to home ในสมาร์ตโฟน |
ธ.ค. 58 | [W] | เว็บ Math / ทำระบบพรีเทสต์ ตอบและตรวจคะแนน |
ม.ค. - มี.ค. 60 | [B/W] | ปรับปรุงการแสดงผลใน facebook share และ search engine เพิ่มช่อง facebook comment, เปลี่ยนสมการเป็น MathJax เปลี่ยนฟอนต์ เพื่อใช้ @font-face และทำ vector graphic เต็มรูปแบบ ทดสอบเพื่อรองรับ chrome/android, firefox, IE/edge, safari/iOS |
พ.ค. 60 | [W] | เว็บ Math / อัปเกรดเป็น https, ย้ายจากซับโดเมนมาอยู่โดเมนหลัก ระบบดูด html meta tag, ใช้ mod_rewrite รีไดเรคและ friendly URL |
มิ.ย. - ส.ค. 61 | [B/W] | เว็บ Math / responsive รองรับขนาดจอโทรศัพท์และแทบเล็ต แถบเมนูเกาะขอบบน สไลด์ได้ และ auto-float, ลองใช้ css sprites |
ม.ค. 62 | [W] | เปลี่ยนตัวเก็บสถิติเป็น Google Analytics เว็บ Math / ทำระบบสมาชิกพรีเมียม, session login, modal, PDF.js ระบบสร้าง PDF พร้อมใส่ watermark, bookmark, metadata |
พ.ย. 62 | [W] | เว็บ Math / เล่นวีดิโอใน modal iframe, ทำระบบเรียนเลข |
มิ.ย. 63 | [W] | เว็บ Math / เข้าสู่ระบบด้วย Facebook ครอบคลุม 3 อย่าง คือ เรียนเลข, สมาชิกพรีเมียม, ล็อกอิน |
kanuay.com changelog |
• kanuay.com v3.6 -- "Responsive Outside" • 14/04–04/07/61
ทยอยทำสะสม 14–21/04, 23–24/05, 20/06–04/07 (เริ่มใช้ 21/06)
[N] ปรับปรุงเว็บสำหรับจอขนาดกลางและเล็ก โดยอาศัย responsive css
ออกแบบโดยย้าย sidebar ลงด้านล่างเป็น 3 ลักษณะ ดังนี้
• mobile = บอดี้แบบบีบ (ทดสอบที่ 320-375px) + แถบล่างแบบ 1 คอลัมน์
• tablet = บอดี้เต็ม 664px + แถบล่าง 2 คอลัมน์
• desktop = บอดี้เต็ม 664px + แถบข้าง + กรอบ 20px + พื้นหลังเทา ไม่เปลี่ยนแปลง
โดยจุดแบ่งความกว้างจอที่เลือกใช้คือ 666px และ 959px
=== สำหรับจอขนาดกลางและเล็ก ===
[N] แถบเมนูสไลด์ซ้ายขวาได้ และมีลูกศรดุ๊กดิ๊กที่ริมขวา
[I] ปรับความกว้าง FB box ไปตามขนาด sidebar โดยอัตโนมัติ
[I] จัดตำแหน่งภายใน sidebar ใหม่, ซ่อน thankbox และ stdbox
[I] ขยายฉากหลังของ head/tail ให้สุดขอบจอ (เฉพาะจอกลาง)
[I] การวางรูปในบางหน้าที่เคยเป็น 2 คอลัมน์ ต้องยุบเหลือ 1 คอลัมน์ (เฉพาะจอเล็ก)
[I] ซ่อนวันที่แก้ไขล่าสุด ที่อยู่มุมบนขวา (เฉพาะจอเล็ก)
[I] แสดงช่อง input ให้พอดีความกว้างจอ สวยงามและพิมพ์สะดวก (เฉพาะจอเล็ก)
[F] ตรวจแก้ลักษณะการตัดบรรทัดและตัดคอลัมน์ในแต่ละหน้า ไม่ให้น่าเกลียดในจอเล็ก
=== การปรับปรุงประสิทธิภาพ ทุกขนาดจอ ===
[N] ทำแถบเมนูให้ยึดเกาะที่ขอบบนของหน้าต่างเสมอ เวลาสกรอลขึ้น
[N] ทดลองเปลี่ยนรูป thumbnail บางส่วนเป็น css sprites
[I] ปรับปรุงวิธีแสดงผล iframe ของรูปและวีดิโอให้ได้มาตรฐาน
• kanuay.com v3.7 -- "Responsive Inside" • 07–15/08/61
[I] ลดทอนองค์ประกอบของเว็บบอร์ด ให้ยัดลงหน้าจอเล็กได้ เช่น
=== หน้าสารบัญ ===
- เปลี่ยนมาใช้ css text-overflow ย่อชื่อกระทู้ส่วนที่ยาวเกินจอให้เป็นจุดไข่ปลา …
- เพิ่มทางเลือก แสดงวันเดือนปีในแบบ พ.ศ. หรือย่อเป็น 2 หลักได้ และไม่แสดงเวลาได้
- ระบุได้ว่าจะซ่อนเลขหน้าซ้ายขวาที่ห่างจากปัจจุบันเกินกี่หน้า โดยจะแสดงเป็นจุด
- เลขหน้าที่แสดง ประหยัดเนื้อที่โดยเปลี่ยนจาก [ ] มาเป็นพื้นสี่เหลี่ยม
=== หน้าแสดงกระทู้ / ช่องพิมพ์ข้อความ ===
- แสดงวันเดือนปีในแบบ พ.ศ. หรือย่อเป็น 2 หลัก สอดคล้องไปตามหน้าสารบัญ
- ใช้ html placeholder ย้ายป้ายกำกับ input/textbox ไปไว้ด้านใน
- ซ่อนส่วนทดลองพิมพ์สมการไว้ก่อน เมื่อจะใช้ค่อยสับสวิตช์เปิด
- ลบ smiley ทิ้งไปครึ่งนึง คือชุดแรกที่ไม่ดุ๊กดิ๊ก ให้ใช้วิธีพิมพ์ utf-8 emoji แทน
[I] ปรับปรุงการแสดงผลเพื่อจอที่ละเอียด
- ปรับ smiley และปุ่มแท็กให้เป็นแบบ HD (รวมทั้งเพิ่มปุ่มกดของ good, bad)
- เตรียมปุ่มสมการแบบ svg ให้เบราเซอร์เรียกใช้ในจอที่ละเอียด หรือเมื่อซูม
[I] ปรับปรุงประสิทธิภาพอื่นๆ ของบอร์ด
- บีบโค้ด svg ภายใน css ให้ไฟล์เล็กลง โดยอาศัยเว็บ SVGOMG
- ยกเลิกไฟล์ wbkillsm.inc มาเขียนเป็นฟังก์ชันแทน
- รีไดเรคหลังโพสข้อความ เปลี่ยนเป็น location.replace ป้องกันการโพสซ้ำโดยกดรีเฟรช
[I] แถบเมนูสำหรับจอกลางและเล็ก จะย้ายไอเทมปัจจุบันมาไว้ลำดับแรกสุด
[F] แก้ปัญหาเมื่อเปิดใช้ FB comment จะไม่มีช่องให้เม้นต์ตอนอ้างข้อความ
• kanuay.com v3.8a -- "PREMIUM (PDF)" • 31/12/61–26/01/62
[I] เลิกใช้ Matomo เพราะมีปัญหาในการเข้าถึง เปลี่ยนเป็น Google Analytics
[N] ระบบบริการสมาชิกพรีเมียม แสดงข้อมูลและไฟล์รายบุคคล
- เพิ่มการแสดง modal ด้วยจาวาสคริปต์ รองรับทั้งจอคอมและจอสัมผัส
- เพิ่มระบบตรวจสอบการเหลื่อมกันของช่วงเวลา (ระหว่างเวลาของสมาชิกกับของไฟล์)
- เพิ่มระบบ session login และ logout โดยอาศัย cookie
- เพิ่มตัวอ่าน PDF.js ให้เปิดดูไฟล์ได้โดยตรง ปรับสีและฟอนต์ UI ให้เข้ากับธีมเว็บ
- สร้าง PDF อัตโนมัติเพื่อแปะลายน้ำเป็นชื่อสมาชิก โดยอาศัย FPDF+FPDI
- ใส่ bookmark & metadata (title, author ฯลฯ) ลงในไฟล์ PDF ที่สร้างขึ้น
- 04/02 แสดง ip address ด้วยค่าสี RGB เพื่อตรวจความเรียบร้อยได้โดยกวาดสายตา
- 29/03 จุดสีแดงกำกับไฟล์และลิงก์ที่มีการอัปเดตใหม่ หลังการเปิดดูครั้งล่าสุด
- 30/03 สมาชิกเลือก "ปลดล็อก" ไฟล์พิเศษเองได้ ตามจำนวนสิทธิ์ที่เหลืออยู่
[N] 26/07 ตารางแสดงวันที่อัปเดตไฟล์ คลิกหัวข้อเพื่อเรียงลำดับได้
• kanuay.com v3.8b -- "CLASS (VDO)" • 23–28/11/62
[N] สมัครบริการ vimeo plus รายปี เพื่อใช้เก็บวีดิโอพรีเมียมและสอนออนไลน์
- นำมาทดลองในระบบสมาชิกพรีเมียม สั่งเล่นทั้ง playlist ภายใน modal iframe
[N] ระบบสอนออนไลน์ #เรียนเลขพี่นวย ดัดแปลงจากระบบสมาชิกพรีเมียม
- ดึงระบบมาใช้ทุกอย่าง เช่น modal, session login/logout, PDF, video
- สั่งเล่นวีดิโอภายใน iframe ปกติ เมื่อกดปุ่มเรียกวีดิโอแล้วจะสกรอลไปยัง iframe ให้
- เพิ่มช่องจดโน้ตใต้คลิป จะแสดงปุ่มบันทึกเมื่อมีการแก้ไขข้อความ
- 12/12 เพิ่มแอคเค้าท์ Demo ให้คนที่สนใจเข้ามาทดลองเรียนได้
- 30/01 เปลี่ยนวิธีกำหนดคอร์สที่สมัคร จากเดิมตรวจสอบวันที่ มาเป็นระบุชื่อคอร์สโดยตรง
- 01/02 เพิ่มปุ่มกดเพื่อเลือก (ข้ามไปยัง) เฉลยข้อที่ต้องการ
[F] 19/02 ปรับให้เข้ากับ PHP7 (แก้ REMOTE_ADDR เป็นตัวใหญ่, เลิกใช้ eregi)
[F] 02/03 ปรับให้เข้ากับ PHP7 (ใส่ ' ' ที่ REQUEST_URI, ใส่ (int) กำกับบางจุด)
[F] 16/03 อัปเกรดระบบสมการเป็น MathJax 3 และย้ายไปเซิร์ฟเวอร์สาธารณะ
[F] 16/03 อัปเดต PDF.js, FPDF, FPDI เป็นรุ่นล่าสุด
[I] 25/03 (ตามคำขอ) รองรับรหัส ID ที่สมาชิกพรีเมียมกำหนดขึ้นเอง
[N] 28/03-01/04 อัปเกรดการเล่นวีดิโอในระบบสมาชิกพรีเมียม
- เปลี่ยนจากการเล่นทั้ง playlist เป็นแสดงรายชื่อคลิปให้กดเลือก
- เปลี่ยนจาก modal เป็นเฟรมปกติ เพื่อแสดง description, ปุ่มเลือก chapter ใต้คลิป
[I] 14/05 ช่องกรอก ID พิมพ์รหัสครบ 5 หลักจะส่งทันที ไม่ต้องเคาะ Enter/Go
[I] 19/05 ในโทรศัพท์ตะแคง ไม่ใช้แถบเมนูยึดเกาะด้านบน เพราะบังเนื้อที่
[I] 19/05 ในระบบสมาชิกพรีเมียม แสดงวันเวลาที่ไฟล์หรือคลิปอัปเดตล่าสุด
• kanuay.com v3.8c -- "LOGIN (FB)" • 20/05–14/07/63
ทยอยทำสะสม 20/05, 23/05, 13/06, 06–15/07 (เริ่มใช้ 11/07)
[N] 10/06 เพิ่ม modal ยินยอมให้ใช้คุกกี้ ตามกฎหมายใหม่ ที่ช่องกรอก ID
[N] ระบบล็อกอินทุกอย่างด้วย Facebook
- ร้องขอข้อมูล 1. profile name 2. email - ถ้ายังไม่อนุญาตจะไม่ให้เข้าด้วย FB
- ผู้ใช้สามารถเพิ่มหรือแก้ไขรหัสในเว็บ 3 อย่าง คือ เรียนเลข, พรีเมียม, โอเน็ต
- แต่ละรหัสใช้ได้ 1 ครั้ง ไม่สามารถกรอกซ้ำกับผู้อื่น ต้องให้แอดมิน comment out ให้
- ยังไม่เปิดให้ลบรหัสเอง / กรณีกรอกผิดหรือมั่ว จะแสดงข้อความให้ทราบว่ารหัสผิด
- เมื่ออยู่หน้าล็อกอิน แถบเมนูจะแสดงคำว่า "เข้าสู่ระบบ" แทนคำว่า "หน้าแรก"
- รีไดเรคไปยัง "โซน" ที่กดเข้ามา 1 ใน 3 อย่างโดยอัตโนมัติ หรือจะกดหยุดก็ได้
- ซ่อนช่องกรอก ID ของระบบเรียนเลข และพรีเมียม เปลี่ยนเป็นปุ่มเข้าสู่ระบบ FB login
- ถ้ากดปุ่มเข้าสู่ระบบค้างไว้สักครู่ จะแปลงร่างเป็นช่องกรอก ID แบบเดิม
- เปลี่ยนระบบล็อกอินโอเน็ตมาเป็น cookie session และใช้ปุ่มเข้าสู่ระบบ FB login
- ยกเลิก เพิ่มรหัสห้าหลักเข้าระบบ, จดล็อกรหัสห้าหลัก, ตั้งชื่อและรหัสส่วนตัว, ส่งคำถาม
[I] แอดมินของล็อกอิน ส่งอีเมลยืนยันการสั่งซื้อและการเข้าระบบ ได้ทั้ง 3 แบบ
[F] 15/07 แก้ปัญหาจำนวน like+share ของแต่ละกระทู้ที่หน้าสารบัญหายไป
[F] 15/07 แก้ปัญหามี scrollbar ที่แถบเมนูใน iOS13 ทำให้เลือกเมนูยาก
[I] 16/07 ปรับปรุงแถบเมนูในโทรศัพท์ตะแคงให้ดีขึ้น คือเป็น auto-hide
[I] 21/07 เมื่ออยู่หน้าล็อกอินแต่เตรียมรีไดเรค แถบเมนูจะชี้ค้างที่ "โซน" นั้น
[F] 21/07 อัปเดต PDF.js, FPDI เป็นรุ่นล่าสุด
[I] 25/07 ปรับปรุงสวิตช์เปิดปิดทุกหน้า 1. เปิดทีละอันเดียวได้ 2. ไม่เก็บแคช
[I] 25/07 ปรับปรุง scrollintoview ไปยังหัวข้อหรือวีดิโอ ไม่ต้องเลื่อน 2 จังหวะ
[I] 25/07 แสดงเลขหน้าและปุ่ม prev/next ที่รูปเอกสารในล็อกอินโอเน็ต
[I] 30/07 ปรับปรุง FB login รองรับการแจกรหัส demo ที่บันทึกซ้ำกันได้
[I] 31/07 ระบบเรียนเลข ปิดไม่ให้ผู้ใช้รหัส demo จดโน้ตส่วนตัว เพราะใช้รหัสเดียวกัน
[I] 31/07 แอดมินของล็อกอิน สร้างรหัสเรียนเลข และคลิกเพื่อ copy to clipboard
[I] 03/12 ระบบเรียนเลข เพิ่มจุดสีเหลืองหรือเขียว กำกับคลิปที่มีการจดโน้ต
[I] 05/02/64 ตั้งค่าคุกกี้ทั้งหมดเป็น Secure & SameSite เพื่อรองรับอนาคต
[I] 05/02/64 ตรวจสอบปัญหา FB login แยกได้ 3 กรณี แล้วเขียนเป็นคำแนะนำ
[I] 05/02/64 ใส่ข้อความไว้ใต้ปุ่ม FB login ให้ผู้ใช้สังเกตเห็นเมื่อปุ่มถูกบล็อก
[I] ปรับปรุง FB login รองรับกรณีเปลี่ยนชื่อหรืออีเมลอย่างใดอย่างหนึ่ง (ยังไม่ทำ)
• kanuay.com v3.8xx -- ""
[N] เพิ่มระบบ FB notification
[I] นำ tag ของแต่ละกระทู้เพิ่มลงไปใน html meta tag "keywords"
[I] ปรับแก้ title/description แต่ละหน้าอีกครั้ง เพื่อผลดีขึ้นใน FB, google (เว็บ math)
[I] ผนวกรหัสล็อกอินให้มาใช้ได้ในบอร์ด โดยแสดงไอคอนตามหลัง (เว็บ math)
[I] wbnav ในหน้ากระทู้ยังไม่สวย
[F] ตรวจแก้ข้อความทุกหน้าอีกที บางหน้าก็ยังไม่ได้ทำเช่น index-port
[N] เพิ่มระบบ session ในบอร์ด และระบบ notification หรืออย่างน้อยอีเมลแจ้ง
[I] ในฟอนต์ CSPraKas ยังไม่มีบางสัญลักษณ์, ฟอนต์ prompt ตัว v หายไป
[F] วันเวลาที่แสดงหน้าอัปเดต บางครั้งต้องมาจากการแก้ข้อความ ไม่ใช่เม้นต์สุดท้ายเสมอไป
[I] แสดงเช็คบ็อกซ์เพื่ออ้างข้อความมาแค่บางบรรทัด
• โครงการในอนาคต
1. สร้างฟังก์ชันใช้ในงานที่ซ้ำๆ กัน เพื่อให้โค้ดสั้นลงและดูแลแก้ไขง่าย
2. ระบบแปลงทุกหน้าให้เป็น .rtf อย่างเรียบง่าย (เพื่อนำไปใช้งาน offline หรือจัดเก็บ)
3. ระบบจาวาสคริปต์ AJAX เพื่อให้การส่งข้อความและแสดงผลเป็นไปอย่างราบรื่นยิ่งขึ้น
4. ระบบสารบัญแบบ blog และ rss feed แบบมีเนื้อความ (ทำอีกครั้งหลังจากยกเลิกไปใน v3.0)
5. สิ่งที่ไม่น่าได้ใช้ แบ่งกระทู้เป็นหลายหน้า / ค้นหาหลายคำ / โคตรแอดมิน อัพไฟล์ระบบ