kanuay.com history


ประวัติย่อของระบบเว็บ (PHP)
พ.ย. 42 - มี.ค. 43[W]ทำเว็บ MYR, B83, Siriwat (งานจ้าง)
ส.ค. 43 - ม.ค. 44[B]webboard v1 สร้างเพื่อใช้ภายในเว็บ B83, MYR, Tumwan41
ตั้งกระทู้และเม้นต์ได้, รองรับ html tag, ค้นหา, อัปโหลดรูป, ใส่แบนเนอร์
มีระบบ login-logout, ระบบ admin+spec, ระบบส่งอีเมล
เม.ย. 44[B]นำไปดัดแปลงเป็นเว็บทะเบียนรุ่น Tumwan41
ธ.ค. 44[W]เริ่มเขียนเว็บไดอะรี่โดยใช้บริการของยี่ห้ออื่น
ม.ค. - ก.ค. 45[B]นำไปดัดแปลงเป็นเว็บไดอะรี่ kanuay, Pood, Ton, Tookta
ส.ค. 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, Shauฯ และบอร์ด B83 (1 เดือน)
เพิ่มระบบตั้งชื่อและรหัสส่วนตัว, แสดงหัวข้อใน titlebar
ก.ย. 49 - ก.พ. 50[B]นำไปใช้เป็นบอร์ด MYR (1.5 ปี)
เริ่มใช้ 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 เพื่อใช้ css 100%
เปลี่ยนตัวเก็บสถิติเป็น Piwik, เพิ่มระบบ audio player
มิ.ย. 51[B]นำไปใช้เป็นเว็บไดอะรี่ Shauฯ, kanuay ที่ออกแบบใหม่หมด
ส.ค. 51 - ม.ค. 52[W]ทำเว็บ MYR10
ม.ค. 52[B]เพิ่ม htaccess ป้องกันฮอตลิงก์, ระบบใส่แท็ก, แต้มสมาชิก
ต.ค. 53[B/W]เพิ่มปุ่ม facebook like, ทดลอง @font-face, แปลงเว็บเป็น UTF-8
ต.ค. 55 - ม.ค. 56[W]เว็บ Math / ทำระบบสั่งซื้อ, ระบบ login, อีเมลตอบอัตโนมัติ
ธ.ค. 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, ทำระบบสอนออนไลน์


kanuay.com changelog

[N] = new   [I] = improve/change   [F] = fix

version 1.0–1.7

version 2.0–2.5

version 3.0–3.5

version 3.6–3.9

  • 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 เป็นรุ่นล่าสุด
[N] 28/03-01/04 อัปเกรดการเล่นวีดิโอในระบบสมาชิกพรีเมียม
- เปลี่ยนจากการเล่นทั้ง playlist เป็นแสดงรายชื่อคลิปให้กดเลือก
- เปลี่ยนจาก modal เป็นเฟรมปกติ เพื่อแสดง description, ปุ่มเลือก chapter ใต้คลิป
  • kanuay.com v3.8xx -- "LOGIN (FB)"
[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. สิ่งที่ไม่น่าได้ใช้ แบ่งกระทู้เป็นหลายหน้า / ค้นหาหลายคำ / โคตรแอดมิน อัพไฟล์ระบบ