kanuay.com history


ประวัติย่อของระบบเว็บ (PHP)
พ.ย. 42 - มี.ค. 43[W]ทำเว็บ MYR, B83, Siriwat (งานจ้าง)
ส.ค. 43 - ม.ค. 44[B]

board 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]

board 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]

board 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] ระบบสั่งซื้อ และล็อกอิน (Order), อีเมลตอบอัตโนมัติ
ธ.ค. 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

kanuay.com v4

responsive รองรับจอโทรศัพท์-แทบเล็ต
แถบเมนูเกาะขอบบน สไลด์ได้ และ auto-float, ลองใช้ css sprites
ม.ค. 62[P] ระบบสมาชิก (Premium), session login, modal, PDF.js
ระบบสร้าง PDF พร้อม watermark/bookmark/metadata
ก.ค. - ต.ค. 62หน้าตาราง update เรียงวันได้, หน้าเฉลยแคปจากคลิป
พ.ย. 62 - ก.พ. 63[C] ระบบเรียนเลข (Class), ช่องจดโน้ต, ปุ่มเลือกข้อ, scrollintoview
มิ.ย. - ก.ค. 63[L] Login with Facebook สำหรับ Premium, Class, Order
มิ.ย. 64[P] ระบบ token ปลดล็อกไฟล์พิเศษ, ดูไฟล์ย้อนหลังได้
ต.ค. 64[L] เขียน Privacy Policy, [C] ปุ่ม force dl, ลิงก์ภายใน PDF
เม.ย. - ก.ค. 65[P+C] ระบบแบล็คลิสต์, dark mode, โค้ดส่วนลด, เขียนลง PDF


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 4.0–4.5

kanuay.com v4.0

"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 v4.1

"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 v4.2a

"PREMIUM (PDF)" • 31/12/61–26/01/62

[I]

เลิกใช้ Matomo เพราะมีปัญหาในการเข้าถึง เปลี่ยนเป็น Google Analytics

[N] ระบบบริการสมาชิกพรีเมียม

แสดงข้อมูลและไฟล์รายบุคคล

ก่อนหน้านี้ เป็นลิงก์ ?id=xxxx เพื่อดูข้อมูลส่วนบุคคลคือ ชื่อ, ยอดโอน, แผนภูมิ

เพิ่มการแสดง modal ด้วยจาวาสคริปต์ รองรับทั้งจอคอมและจอสัมผัส

เพิ่มระบบตรวจสอบการเหลื่อมกันของช่วงเวลา (ระหว่างเวลาของสมาชิกกับของไฟล์)

ปรับปรุงแผนภูมิสถานะรายเดือนย้อนหลังให้รองรับเงื่อนไขใหม่, เพิ่มสวิตช์เปิดปิด

เพิ่มระบบ session login และ logout โดยอาศัย cookie

เพิ่มตัวอ่าน PDF.js 2.0 ให้เปิดดูไฟล์ได้โดยตรง ปรับสีและฟอนต์ UI ให้เข้ากับธีมเว็บ

สร้าง PDF อัตโนมัติเพื่อแปะลายน้ำเป็นชื่อสมาชิก โดยอาศัย FPDF+FPDI

ใส่ bookmark & metadata (title, author ฯลฯ) ลงในไฟล์ PDF ที่สร้างขึ้น

04/02 แสดง ip address ด้วยค่าสี RGB เพื่อตรวจความเรียบร้อยได้โดยกวาดสายตา

29/03 จุดสีแดงกำกับไฟล์และลิงก์ที่มีการอัปเดตใหม่ หลังการเปิดดูครั้งล่าสุด

30/03 สมาชิกเลือก "ปลดล็อก" ไฟล์พิเศษเองได้ ตามจำนวนสิทธิ์ที่เหลืออยู่

[N]

26/07 ทำตารางแสดงวันที่ update ไฟล์ คลิกหัวข้อเพื่อเรียงลำดับได้

[N]

29/10 ทำระบบ solution แสดงเฉลยข้อสอบแบบแคปจากคลิป

kanuay.com v4.2b

"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 ปรับให้เข้ากับ PHP 7 (แก้ REMOTE_ADDR เป็นตัวใหญ่, เลิกใช้ eregi)

[F]

02/03 ปรับให้เข้ากับ PHP 7 (ใส่ ' ' ที่ REQUEST_URI, ใส่ (int) กำกับบางจุด)

[F]

16/03 อัปเกรดระบบสมการเป็น MathJax 3 และย้ายไปเซิร์ฟเวอร์สาธารณะ

[F]

16/03 อัปเดต PDF.js 2.3, FPDF 1.82, FPDI 2.3.1

[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 v4.3

"LOGIN (FB)" • 20/05–14/07/63
  ทยอยทำสะสม 20/05, 23/05, 13/06, 06–31/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

ยกเลิก เพิ่มรหัสห้าหลักเข้าระบบ, จดล็อกรหัสห้าหลัก, ตั้งชื่อและรหัสส่วนตัว, ส่งคำถาม

แจ้งเตือนผ่าน FB notification (พบว่ารองรับเฉพาะ desktop จึงไม่ปรับปรุงต่อ)

[I]

แอดมินของล็อกอิน ส่งอีเมลยืนยันการสั่งซื้อและการเข้าระบบ ได้ทั้ง 3 แบบ

[F]

แก้ปัญหาจำนวน like+share ของแต่ละกระทู้ที่หน้าสารบัญหายไป

[F]

แก้ปัญหามี scrollbar ที่แถบเมนูใน iOS13 ทำให้เลือกเมนูยาก

[I]

ปรับปรุงแถบเมนูในโทรศัพท์ตะแคงให้ดีขึ้น คือเป็น auto-hide

[I]

เมื่ออยู่หน้าล็อกอินแต่เตรียมรีไดเรค แถบเมนูจะชี้ค้างที่ "โซน" นั้น

[F]

อัปเดต PDF.js 2.5 (โดยไม่รู้ว่า 2.4+ ไม่รองรับเบราเซอร์เก่า), FPDI 2.3.3

[I]

ปรับปรุงสวิตช์เปิดปิดทุกหน้า 1. เปิดทีละอันเดียวได้ 2. ไม่เก็บแคช

[I]

ปรับปรุง scrollintoview ไปยังหัวข้อหรือวีดิโอ ไม่ต้องเลื่อน 2 จังหวะ

[I]

แสดงเลขหน้าและปุ่ม prev/next ที่รูปเอกสารในล็อกอินโอเน็ต

[I]

ปรับปรุง FB login รองรับการแจกรหัส demo ที่บันทึกซ้ำกันได้

[I]

ระบบเรียนเลข ปิดไม่ให้ผู้ใช้รหัส demo จดโน้ตส่วนตัว เพราะใช้รหัสเดียวกัน

[I]

แอดมินของล็อกอิน สร้างรหัสเรียนเลข และคลิกเพื่อ copy to clipboard

[I]

03/12 ระบบเรียนเลข เพิ่มจุดสีเหลืองหรือเขียว กำกับคลิปที่มีการจดโน้ต

[I]

05/02 ตั้งค่าคุกกี้ทั้งหมดเป็น Secure & SameSite เพื่อรองรับอนาคต

[I]

05/02 ตรวจสอบปัญหา FB login แยกได้ 3 กรณี แล้วเขียนเป็นคำแนะนำ

[I]

05/02 ใส่ข้อความไว้ใต้ปุ่ม FB login ให้ผู้ใช้สังเกตเห็นเมื่อปุ่มถูกบล็อก

kanuay.com v4.4a

"Overall Improve Y1p1" • 16–19/04/64

[I]

29/03 vimeo เพิ่มฟีเจอร์ปรับสปีดวีดิโอให้ (ก่อนหน้านี้ต้องสมัคร pro ขึ้นไป)

[I]

09/04 อัปเดต PDF.js 2.6 ซึ่งมีการปรับ CSS/UI ใหม่หมด, FPDI 2.3.6
  (ยังไม่อัปเดต 2.7 ขึ้นไป เพราะมีปัญหาแสดงผลเพี้ยนกับไฟล์ที่สร้างในเว็บ)

[I]

12/04 หน้า download เพิ่มรวมจุดแก้ไขอีบุ๊คเท่าที่พบ (เคยมีอยู่ช่วงปี 47-51)

[I]

ปรับให้เข้ากับ PHP 8 โดยอัปเดต PHPMailer 6.4.0 แล้วใช้ SMTP

[I]

หน้าเหล่านี้ ปรับให้ดูดีขึ้นในจอเล็ก และเพิ่มประสิทธิภาพบางจุด
  download, dlstart, port, solution, ตอบคำสั่งซื้อ premium-class-order

[F]

แก้คำเตือนที่ค้างมาหลายปีคือ undefined var & key โดยใช้ isset

[F]

แก้ปัญหาจำนวน like+share แต่ละกระทู้ที่หน้าสารบัญหายไปอีกแล้ว

[F]

23/04 แก้บั๊ก เมื่อใช้วีดิโอเดียวกันใน premium กับ class อาจจดล็อกสลับ

kanuay.com v4.4b

"Overall Improve Y1p2" • 08–16/06/64

[N]

เพิ่มฟังก์ชันในระบบบริการสมาชิกพรีเมียม (เริ่มใช้ 17/06)

เพิ่มระบบแต้ม (token) ขึ้นกับยอดโอน ใช้ปลดล็อกไฟล์พิเศษโดยไม่อิงวันที่

ดูไฟล์พิเศษย้อนหลังได้ 1 รุ่น ถ้าเคยปลดล็อกรุ่นเก่าไว้ แต่ยังไม่ปลดล็อกรุ่นปัจจุบัน

เพิ่มปุ่มส่งข้อมูลการโอนเงิน เมื่อเลือกจำนวนเงินจะแสดงจำนวนแต้มที่จะได้รับ

ใช้จาวาสคริปต์ history.replaceState ป้องกันการส่งซ้ำเมื่อรีเฟรช (iOS ไม่รองรับ)

แสดงประวัติการโอนเฉพาะครั้งล่าสุด และมีสวิตช์สำหรับแสดงทั้งหมด

แก้ยอดโอนที่เคยย้ายวันที่ หรือตัดแบ่งเป็นหลายก้อน ให้เป็นข้อมูลตามจริง

ยกเลิกแผนภูมิสถานะสมาชิกรายเดือนย้อนหลัง

ปรับปรุงการแสดงคลังไฟล์ในหน้ารับสมัคร ไปตามระบบใหม่

[I]

03/07 เปลี่ยนวิธีเปิด PDF จากแท็บใหม่ เป็น modal ยกเว้นเมื่อ ctrl+คลิก

kanuay.com v4.4c

"Overall Improve Y1p3" • 04–16/10/64

[N]

เพิ่มฟังก์ชันในระบบสอนออนไลน์ #เรียนเลขพี่นวย

ปรับปรุงระบบรองรับการสมัครรายบท เพิ่มปุ่มเอกสารรายบท

เพิ่มระบบ force download PDF เพิ่มเติมจากปุ่ม view (PDF.js) ที่มีอยู่เดิม
(เพื่อรองรับเบราเซอร์ iPad รุ่นเก่าๆ ที่นักเรียนบอกว่า view ไม่ได้)

เปลี่ยนชื่อผู้ผลิตใน PDF metedata จากเดิม "MHP" เป็น "เรียนเลขพี่นวย"

กรณีทดลองเรียน จะดึงชื่อและอีเมลจากเฟซบุ๊ค มาแสดงในเว็บและใน PDF

คลิปที่มีการจดโน้ต นอกจากแสดงจุดเหลือง/เขียว จะแสดงโน้ตนั้นใน modal ด้วย

แก้บั๊ก ปุ่มเลือกข้อใช้ไม่ได้ตั้งแต่ 03/07 เพราะ window.event.ctrlKey

แก้บั๊ก ลิงก์เลือกข้อหลุดไปในซอร์สของทุกคน แม้เป็นผู้ใช้ demo ก็ตาม

[I]

ปรับปรุง #เรียนเลขพี่นวย ส่งผลกับระบบสมาชิกพรีเมียมด้วย

เปลี่ยน FPDF เป็น TCPDF 6.4.2 ได้ผลลัพธ์ PDF1.7, UTF-8, รองรับฟอนต์ ttf

สร้าง PDF แบบรักษาลิงก์ในเอกสารไว้ได้ (แต่ปลายทางยังไปได้แค่หัวกระดาษ)

เตรียมไฟล์ต้นฉบับใหม่หมดด้วย Acrobat แล้วอัปเดต PDF.js 2.11

สาเหตุที่เลิกเตรียมไฟล์ต้นฉบับด้วย GhostScript เนื่องจากปัญหาดังนี้
1. พบว่าการแสดงผลเพี้ยนใน PDF.js 2.7 ขึ้นไป เกิดกับไฟล์ที่มาจาก GS
 (GS⇒PDF.js ไม่มีปัญหา แต่ GS⇒FPDI⇒PDF.js มีปัญหาทั้ง FPDF, TCPDF)
2. โค้ดสร้าง PDF ที่รักษาลิงก์ในเอกสาร ก็ติด error เมื่อไฟล์มาจาก GS

ลบไฟล์ PDF ชื่อซ้ำกันที่เคยสร้างไว้โดยอัตโนมัติ ป้องกันการฟลัดเว็บ

เพิ่มพื้นหลังสีขาวที่ข้อความ error404 ให้อ่านง่ายใน modal PDF ฉากดำโปร่งใส

เติม ?pip=1 ท้ายลิงก์วีดิโอ เพื่อแสดงปุ่ม toggle PIP ในโทรศัพท์

เติม ?autoplay=1&quality=720p แก้ปัญหาคลิปเบลอ (รองรับเฉพาะคอม)

หน้ารับสมัคร ปรับช่องเงินเป็น input[number] แล้วจัดชิดขวา, ตั้ง max-min-step

[I]

ปรับปรุงระบบล็อกอินด้วย Facebook

เพิ่มนโยบายความเป็นส่วนตัว Privacy Policy ซึ่งเฟซบุ๊คบังคับให้เขียน

ตรวจรายชื่อเร็วขึ้นด้วย break; ออกจากลูพ for เพราะจำนวนล็อกอิน >500 แล้ว

[I]

เพิ่ม meta theme-color สีน้ำเงินในแถบบน mobile browser รุ่นใหม่ๆ

kanuay.com v4.4d

"Overall Improve Y1p4" • 29/10–02/11/64

[I]

ปรับปรุงแอนิเมชั่น modal ขณะเปิด/ปิด หรือกดด้านนอก

จากเดิม : (กดเปิด) เฟดเข้า ⇒ (ขณะแสดง) ฉากมืด ⇒ (กดปิด) ไม่มีแอนิเมชั่น

เปลี่ยนเป็น : เลื่อนขึ้น+เฟดเข้า ⇒ ฉากมืด+ฟิลเตอร์เบลอ ⇒ เลื่อนลง+เฟดออก

[F]

หลังปิด modal PDF จะล้างเฟรมทิ้ง ไม่แสดงไฟล์เดิมค้างอยู่เมื่อเปิดไฟล์ถัดไป

[I]

ปรับแต่งหน้าตา scrollbar เป็นแบบแคบ ตัวจับสีฟ้า พื้นหลังสีเทา

PDF.js scrollbar เคยทำไว้เป็นสีเขียว พื้นเทา ปรับให้รองรับ Chrome, Safari

[I]

ใช้ตัวแปรในไฟล์ css เพื่อลดขนาดไฟล์ และเพื่อปรับค่าได้สะดวก

04/11 ยกเลิก รอเช็ค % เบราเซอร์ก่อน (แต่ก็ใช้ใน PDF.js มาตั้งแต่ 2.6 ไม่ทันคิด)

[I]

22/11 พบว่า vimeo วางเม้าส์บนแถบเวลาเพื่อพรีวิวได้ และทยอยมาในคลิปเก่า

[N]

16/12 เพิ่มปุ่มกดซ่อนบทอื่นทั้งหมด ในระบบเรียนเลข เพื่อเรียนสะดวกขึ้น

[F]

19/12 แก้ไข PDF.js scrollbar สีเพี้ยนเมื่อเบราเซอร์เป็น dark mode

[F]

31/12 เปลี่ยนเลขปีในโค้ดทั้งหมดเป็นตัวแปร ไม่ต้องคอยแก้ทุกคืนปีใหม่อีกต่อไป

[I]

17/01 อัปเดต PDF.js 2.12, TCPDF 6.4.4, PHPMailer 6.5.3

kanuay.com v4.5a

"Overall Improve Y2p1" • 30/03–02/04/65

[I]

ปรับแต่ง CSS แบบส่งผลทั้งเว็บ

ปรับมุมของ modal, code, input, textarea, blockquote ให้เป็นมุมโค้ง

แก้บั๊กที่ลืมเพิ่มแท็ก select ลงใน CSS แล้วปรับสีพื้น, ระยะ, มุมโค้ง

ปรับสีข้อความให้เข้มกว่าเดิม เพื่อให้อ่านใน chrome/edge ได้ง่ายขึ้น

[I]

ปรับปรุงการแสดงผลในระบบ #เรียนเลขพี่นวย

แสดงเลขรุ่นของคลิปและเอกสาร เช่น dek63 +edit 65

ปุ่มเลือกคอนเทนต์ เพิ่มสีสัน เพิ่มความหนาขอบ เพิ่มขนาด ให้สบายตากว่าเดิม

เนื่องจากปุ่มใหญ่ขึ้น จอที่แคบกว่า 360px จะให้แสดงปุ่มโดยขึ้นบรรทัดใหม่

ปุ่มกดคำว่า ► เข้าเรียน วาดไอคอนใหม่เป็น SVG และแสดงความยาวคลิปแทน

เพิ่มลิงก์เวลาคลิปเนื้อหาที่เป็น 2-in-1 และแยกวิธีจดล็อกออกจากลิงก์เวลาอื่นๆ

ปรับกรอบคอนเทนต์แต่ละบท และกรอบเฉลย (Sol) เป็นมุมโค้งตามสิ่งอื่นในเว็บ

[I]

ปรับปรุงการแสดงผลในระบบสมาชิกพรีเมียม

แต้มที่ใช้ปลดล็อกไฟล์ รวมกันทุกๆ 5 แต้ม จะแสดงเป็น 1 แต้มใหญ่

[I]

อัปเดต PHPMailer 6.6.0 (ครั้งนี้ไม่อัปเดต PDF.js 2.13 เพราะรอ 2.14)

kanuay.com v4.5b

"Overall Improve Y2p2" • 15–17/04/65

[I]

ปรับปรุงระบบล็อกอินด้วย Facebook

ไม่บังคับเปิดเผยอีเมลแล้ว เพื่อรองรับกรณีที่ username เป็นเบอร์โทร.

กรณีที่ไม่ทราบอีเมล จะจดล็อกการเข้าสู่ระบบด้วยชื่อแทน

ถ้าชื่อหรืออีเมลมีการเปลี่ยนแปลง จะจดต่อลงไฟล์ และแสดงข้อมูลล่าสุดเสมอ

แก้บั๊กกรณีทดลองเรียน ดึงชื่อและอีเมลไม่ได้เมื่อคุกกี้หมดอายุ โดยยืดอายุไปเรื่อยๆ

อัปเดต FB Graph API จาก v9.0 เป็น v13.0

[N]

ระบบแบล็คลิสต์ใน #เรียนเลขพี่นวย ส่งผลกับสมาชิกพรีเมียมด้วย

เมื่อเปิดวีดิโอถี่เกินกำหนด จะติดแบล็คลิสต์อัตโนมัติ นับเฉพาะสิ่งที่มีการจดล็อก
(#เรียนเลขพี่นวย เมื่อเปิดเข้ามา หรือกดรีเฟรช จะตรวจแบล็คลิสต์เป็นอย่างแรก)

เมื่อถอดรหัสลิงก์แล้วใช้การไม่ได้ เช่น ข้ามวันลิงก์เปลี่ยน จะแจ้งให้กดรีเฟรช

ทั้งสองอย่างนี้ จะแสดงข้อความ error ของตัวเอง เลียนแบบ Oops! ของ Vimeo

kanuay.com v4.5c

"Overall Improve Y2p3" • 05–10/05/65

[N]

เพิ่มธีมสี dark mode ใน #เรียนเลขพี่นวย

มีปุ่มกดสำหรับเปิด/ปิด หรือใช้แป้น shift+D ก็ได้

ย้ายข้อมูลสีและรูปภาพใส่ใน css แล้วปรับแต่งเป็นธีมใหม่ใน css อีกไฟล์

ใช้จาวาสคริปต์สั่งเพิ่ม/ลดไฟล์ css และสลับไอคอนบนปุ่มไปมา 2 แบบ

กระทำกับ iframe ช่องจดโน้ตด้วย โดยตอนโหลดให้อ่านค่าเอาจากไอคอน

[N]

เพิ่มทางเลือกปรับวีดิโอเป็น dark mode ใน #เรียนเลขพี่นวย

เนื่องจากไม่จำเป็นต้องทำทุกคลิป จึงแยกปุ่มกดเป็นอีกปุ่ม (วางที่ช่องจดโน้ต)

ใช้จาวาสคริปต์เติมค่า css invert 90% + hue 180° เพื่อให้สีปากกาเหมือนเดิม

สลับไอคอน 2 แบบ และตอนโหลดคลิปถัดไปจะคงสถานะ css invert จากคลิปก่อน

[F]

แก้ไขจุดผิดพลาด เมื่อกดปุ่มเลือกข้อแล้วกลายเป็น save โน้ตด้วย

[F]

แก้ไข ลืมตั้งฟอนต์สำหรับข้อความ error ที่แสดงในวีดิโอ

[F]

แก้ไข ลืมตั้งค่า hover ของแท็ก select ใน css

kanuay.com v4.5d

"Overall Improve Y2p4" • 10–12/06/65

[I]

ปรับปรุง dark mode และดัดแปลงใช้กับระบบสมาชิกพรีเมียม

เพิ่ม css transition หน่วงสีฉากหลังขณะเปิดปิด dark mode เพื่อความสมูธ

[I]

ปรับปรุงหน้ารับสมัคร #เรียนเลขพี่นวย

ใช้ modal ใส่รายละเอียดคอร์ส โดยคลิกรูปหนังสือเพื่อแสดง modal

ทำเอฟเฟกต์ส่องไฟ เมื่อ hover รูปหนังสือ

[I]

อัปเดต PDF.js 2.13 ใช้รุ่น Legacy เพื่อรองรับ iOS เก่า ที่ร้องเรียนทุกปี

ที่จริงรุ่น 2.14 (แก้บั๊กการแสดงผลที่เกิดตั้งแต่ 2.7) ออกแล้ว แต่เอามาใช้ไม่ได้
เพราะมีปัญหากับ Safari คือหน้าเว็บพัง (ทั้งรุ่นปกติ/Legacy, ทั้ง iOS เก่า/ใหม่)

[I]

26/06 อุดช่องโหว่หน้าอัปโหลดไฟล์ในบอร์ด ซึ่งไม่ได้ถามรหัสผ่าน

ขณะอัปโหลดใช้ชื่อโฟลเดอร์เทียม แล้วค่อยเปลี่ยนตอนแสดงผลกระทู้

แสดง support types โดยใช้ accept=... (แต่อันนี้ห้าม *.* ไม่ได้อยู่ดี)

ถ้าเป็นนามสกุลไฟล์ต้องห้าม เช่น php, cgi, js ฯลฯ จะไม่ให้อัปโหลด

เปลี่ยนคำว่า อัปโหลด เป็นคำว่า แปะรูป/ไฟล์ เพื่อไม่ให้เซิร์ชมาเจอง่าย

kanuay.com v4.5e

"Overall Improve Y2p5" • 29/06–05/07/65

[N]

เพิ่ม modal แผนผังคอร์สในหน้ารับสมัคร #เรียนเลขพี่นวย (ทำค้างไว้ 10/04)

กดได้ทั้งรายคอร์สและรายบท / จะล้างการเลือกอีกแนวออกโดยอัตโนมัติ

กดได้ทั้งรับและไม่รับเอกสารเล่ม / คอร์สที่ไม่ผลิตเล่มจะเป็นปุ่มจางโดยอัตโนมัติ

เมื่อกดเลือกตะลุยหรือสามัญ จะแถมสามัญหรือพรีเทสต์ให้โดยอัตโนมัติ

เมื่อกดเลือกรายบทเท่าราคาคอร์สเต็ม จะแปลงเป็นคอร์สเต็มให้โดยอัตโนมัติ

แสดงรายละเอียดของคอร์สที่เลือก และสรุปค่าสมัครให้

[I]

ปรับปรุงภายในระบบเรียนเลข สมัคร 4 บทขึ้นไปจะได้ลิงก์พิเศษเท่าคอร์สเต็ม

[I]

ปรับปรุง dark mode ใน #เรียนเลขพี่นวย และสมาชิกพรีเมียม

จำสถานะโดยใช้จาวาสคริปต์เขียนหรือลบคุกกี้ ให้ PHP อ่านในครั้งต่อไป

ขยาย dm ไปยังหน้าล็อกอิน เพื่อไม่ให้สว่างวาบกรณีที่ต้องล็อกอินใหม่

ยกเลิกการคงสถานะ dm วีดิโอ เปลี่ยนเป็นเปิดปิดเองอัตโนมัติตามหมวดคลิป

[I]

ปรับปรุงการซ่อนบทอื่นใน #เรียนเลขพี่นวย

จำสถานะโดยใช้จาวาสคริปต์เขียนหรือลบคุกกี้ ให้ PHP อ่านในครั้งต่อไป

แสดงข้อความกำกับขณะที่มีการซ่อน เผื่อผู้ใช้เผลอโดนจะได้รู้วิธีกดกลับ

แก้บั๊ก ปุ่มใดวางอยู่ 2 บท พบว่าขณะซ่อนบทแรก บทหลังจะกดเปิดไม่ได้

[I]

ปรับปรุงการแสดงโน้ตส่วนตัวภายใน modal #เรียนเลขพี่นวย

เพิ่มปุ่มลบโน้ต // เป็นการทดลองใช้ jQuery AJAX ครั้งแรกของเว็บ

แก้บั๊ก คลิปเนื้อหา 2-in-1 คลิปหลังซึ่งมีลิงก์เวลาแปะอยู่ พบว่าไม่แสดงโน้ต

[I]

ปรับปรุงการจดล็อกวีดิโอ #เรียนเลขพี่นวย และสมาชิกพรีเมียม

ปรับปรุงประสิทธิภาพโค้ด โดยไม่พึ่ง http referrer แล้ว

แก้บั๊ก เมื่อยืมดูวีดิโอข้ามฝั่ง จะจดล็อกเป็นเลขเต็ม ไม่ได้ไปค้นหาชื่อย่อ

[I]

ปรับปรุงทั่วไปในเว็บ

แก้ปัญหาขนาด input[number] ใน Safari โดยเติม min-width

ลบแท็กปิดของ img, input ที่เคยเผลอใส่ รวมทั้งแก้ /> เป็น >

ตกแต่งหน้า history ให้มีสีสัน + ทำระบบสกรอลสำหรับจอแคบ (18/07)

ปรับเลขรุ่น 3.6 3.7 3.8a-c 3.9a-i เป็น 4.0 4.1 4.2a-b 4.3 4.4a-d 4.5a-e

kanuay.com v4.5f

"Overall Improve Y2p6" • 09–18/07/65

[I]

ปรับปรุง dark mode video ใน #เรียนเลขพี่นวย และสมาชิกพรีเมียม

การเปิดปิด dm วีดิโออัตโนมัติ เพิ่มกรณีโหลดคลิปแล้วไปเปิดปิด dm เว็บทีหลัง

เขียนโค้ด dm วีดิโอใหม่หมด ให้เงื่อนไขแม่นยำขึ้น และลดจำนวนฟังก์ชัน

ปรับแต่ง css transition ให้พร้อมกันทุกจุด และไม่กระเทือนขนาดฟอนต์ตอนหมุนจอ
(เบราเซอร์ทำงานต่างกัน Chrome ต้องกำหนดเวลาทุกชิ้น แต่ Firefox สืบทอดให้)

ย้ายข้อมูลสีประจำหมวดงาน 4 สีในหน้าพรีเมียมไปใส่ css เพื่อให้เปลี่ยนสีตาม dm

เมื่อหน้าเว็บเปิด dm จะใส่ฟิลเตอร์ invert ให้ FB box เพื่อไม่ให้สว่างอยู่จุดเดียว

ขยาย dm ไปยังหน้า privacy และหน้า history เพื่อไม่ให้สว่างวาบถ้าไปกดอ่าน

แป้นเปิดปิด dm (shift+D) เพิ่มกรณี d, ก, ฏ เพื่อรองรับ caps lock และภาษาไทย

[I]

ปรับปรุงรูปปกของ video iframe ใน #เรียนเลขพี่นวย และสมาชิกพรีเมียม

เปลี่ยนรูปแบบ img มาเป็น css background เพื่อความสมูธในการสลับรูปเป็น dm

ทดลองใช้ background-size: cover เพื่อแสดงเต็มเฟรมอัตโนมัติ

ซ่อนรูปปกทันทีเมื่อกดเลือกคลิป เพื่อไม่ให้รูปโดน invert แว้บนึงก่อนคลิปจะแสดง

[F]

แก้ปัญหาที่ auto dm ไปเจอบั๊ก Firefox เมื่อกดรีเฟรชแล้วข้อมูลยังค้างใน iframe

[F]

ปรับตำแหน่งปุ่มในช่องจดโน้ตให้ตรงกันทุกเบราเซอร์ โดยแก้ relative เป็น absolute

[I]

เพิ่มแอนิเมชั่นเฟดออกเมื่อซ่อนบทอื่น ดัดแปลงจากการปิด modal

[I]

ปรับการแสดงรูป 4 รูปในหน้าล็อกอิน ให้ใหญ่ขึ้นเมื่อดูในจอแคบๆ

[F]

แก้บั๊กหลายจุดที่ถูกกระทบจากการปรับปรุงโค้ดในช่วง 2 เดือนล่าสุด

[I]

ปรับปรุงทั่วไปในเว็บ

ย่อขนาดโลโก้และพื้นหลังของ header ให้เล็กลงตามสัดส่วนเมื่อดูในจอแคบๆ

ลบ css vendor prefix (-webkit -moz -ms) ที่ไม่จำเป็น ณ ปัจจุบัน

ในแท็ก input[number] ตัดค่า size, maxlength เปลี่ยนมาใช้ css max-width

ยกเลิก facebook pixel เพราะใส่ไว้ 5 ปี ไม่เคยใช้เลยสักครั้ง

ยกเลิกจำนวน like+share ของกระทู้ชั่วคราว จนกว่าจะปรับปรุงให้มีการเก็บแคช

kanuay.com v4.5g

"Overall Improve Y2p7" • 21–23/07/65

[N]

เพิ่มการรองรับโค้ดส่วนลดใน #เรียนเลขพี่นวย

หน้าส่วนตัวของผู้เรียนแต่ละคน แสดงโค้ด referral ของตัวเองเพื่อนำไปแจก

ใช้ PHP เข้ารหัสโค้ด referral ทั้งหมดแล้วเก็บไว้ใน javascript เพื่อตรวจ

หน้ารับสมัคร เพิ่มลิงก์กดแสดงช่องใส่โค้ด ถ้าโค้ดถูกต้องจะปรับราคาให้อัตโนมัติ

[I]

ปรับปรุงการแสดงผลหลังกดส่งข้อมูลสมัคร เรียนเลข และพรีเมียม

เพิ่มความเด่นของกรอบสรุปข้อมูล โดยทำขอบสี และร่นปุ่ม Like เฟซบุ๊คลงด้านล่าง

แสดงคำเตือนในกรณีข้อมูลไม่ถูกบันทึก เช่น ไม่ครบถ้วน, ไม่ผ่านเกณฑ์สแปม

เดิมใช้รูปสระไทยทั้งหมดเป็นเกณฑ์กรองสแปม ตอนนี้เพิ่ม ร, ล, ว ด้วย

แก้บั๊ก ลืมกดเลือกคอร์สเดิมต่อให้โดยอัตโนมัติในหน้าเรียนเลข

[I]

ปรับหน้าตากรอบประกาศ จากสีพื้นไล่เฉด มาเป็น blockquote ขอบสี

[F]

ปรับปรุงทั่วไปในเว็บ

บังคับให้เบราเซอร์ไม่แสดงกรอบหนาๆ ล้อมรอบ input ที่กำลังโฟกัส

ปรับสีตัวหนังสือ input placeholder เบราเซอร์อื่นๆ ให้จางลงเท่า Firefox

kanuay.com v4.5h

"Overall Improve Y2p8" • 31/07–05/08/65

[I]

อัปเดต PDF.js 2.15 Legacy แก้ปัญหาการแสดงผล GS⇒FPDI ที่พบใน 2.7-2.13

ต้องใช้รุ่น Legacy เพราะรุ่นปกติพัฒนาแซงมาตรฐาน Safari ไม่รอแล้ว

มีเครื่องมือใหม่ FreeText & Ink เขียนหรือพิมพ์แล้วเซฟไฟล์มาลงเครื่องได้
(ภาษาไทยยังไม่รองรับ คือพิมพ์ได้ แต่เซฟมาแล้วอ่านไม่ออก)

เลือก hand เป็นเคอร์เซอร์ตั้งต้น แทนลูกศร text selection

[I]

ปรับปรุงเงื่อนไขภายใน #เรียนเลขพี่นวย เพื่อผู้สมัครคอร์สย่อย และผู้ทดลองเรียน

ปรับปรุงประสิทธิภาพโค้ด ลดขั้นตอนและตัวแปรที่ไม่จำเป็น เช่น
กำหนดสัญลักษณ์แทนคอนเทนต์ฟรี เพื่อมั่นใจว่าทุกคน/ทุกคอร์สจะได้รับไม่ตกหล่น

แยกปุ่มดาวน์โหลด PDF ออกจากปุ่มดูคลิปเฉลยตะลุย เพื่อเปิดให้ทุกคนใช้ปุ่มได้

แก้บั๊ก ผู้สมัครรายบทจะไม่ให้ดูเฉลยคลิปเรียนฟรีบทอื่น เพราะยาวเกิน 1 ตอน

[N]

เพิ่มแถบ page-scroll indicator สีเขียวอ่อน เหนือแถบเมนู

เมื่อกดสวิตช์เพื่อซ่อนหรือแสดงข้อมูล จะรีเฟรช indicator ตามไปด้วย

ในระบบเรียนเลข เมื่อแสดงทุกบทกลับคืนจะสกรอลไปบทเดิมเพื่อรีเฟรช indicator

[F]

ปรับปรุงการแสดงปุ่มใน #เรียนเลขพี่นวย (และบางอย่างในพรีเมียม) ในจอแคบ

ตำแหน่งปุ่มซ่อนบท ปุ่มเอกสาร ปุ่มพิเศษแถบบน ปุ่มดาร์กโหมด

ทดลองใช้ css scroll-margin-top แต่พบว่า Safari <14.x ยังไม่รองรับ จึงเลิกก่อน

kanuay.com v4.5i

"Overall Improve Y2p9" • 09–17/08/65

[N]

เพิ่มกรอบแสดงทวีตคัดสรรใน #เรียนเลขพี่นวย โดยใส่ข้อความเอง

ออกแบบการแสดงผลเป็นการ์ด carousel อยู่ภายใน blockquote

มีปุ่มกดเพื่อเลื่อนการ์ด และเลื่อนกลับเมื่อถึงสุด โดยหมุนลูกศรบนปุ่มอัตโนมัติ
(ปรับปรุงหน้าตาปุ่มจากล็อกอินโอเน็ต แล้วนำกลับไปใช้กับโอเน็ตด้วย)

ใช้การแสดงผลแบบนี้กับกรอบรายการฟีเจอร์ที่มีอยู่ ให้กลมกลืนกันและกินที่น้อยลง

[I]

ปรับปรุงการสกรอลจอแคบหน้า history ตามวิธีใหม่ใน carousel เรียนเลข

ย้ายตำแหน่งรูป popup จากบนเป็นซ้าย เพื่อไม่ให้เกินขอบเขตตาราง

ยกเลิกฟังก์ชันแสดง/ซ่อน popup ที่เคยไว้ใน wbjscript มาใส่ inline แทน

ลองเปลี่ยน onclick เป็น onpointer ครอบคลุมการ hover เม้าส์และกดทัชค้าง

[I]

แก้เว็บอืดโดยเปลี่ยน jQuery ทั้งหมดให้เป็นจาวาสคริปต์ปกติ มี 2 จุด ได้แก่

การสั่งลบโน้ตด้วย jQuery.ajax ในระบบเรียนเลข เปลี่ยนมาใช้ fetch

การกดด้านนอกเพื่อปิดทุก modal นอกจากเขียนใหม่เองแล้ว มีการปรับปรุงดังนี้
  • เก็บค่า modal id ตอนกดเปิด เพื่อไม่ต้องวนลูพไปปิดครบทุก modal
  • เปลี่ยน listener touchstart เป็น inline onclick แก้ปัญหาทัชโดนปุ่มด้านใต้
  • แก้บั๊ก เมื่อกดเล่นคลิปจาก modal ที่ซ้อนกัน จะมีแอนิเมชันการปิดเสมอ

[I]

ปรับปรุงการกดปุ่มค้างเพื่อแปลงเป็นช่อง ID ที่หน้าเรียนเลข, พรีเมียม, โอเน็ต

เลิกใช้สคริปต์คนอื่นซึ่งมีปัญหา ตรวจจับเฉพาะที่ปุ่มไม่ได้ (จึงปล่อยทั้งหน้ามาตลอด)
มาใช้ onpointer ที่ปุ่ม โดยจับเวลาปล่อยนิ้ว 3-5 วิ ยังไม่ได้แปลงทันทีอัตโนมัติ

[I]

ปรับปรุงการแสดง modal ความยาวต่างๆ ในจอขนาดต่างๆ

ลองใช้ css flex วางตำแหน่งให้อยู่กลางจอ // ปรับปรุงการสกรอลถ้ายาวเกินจอ

ขยับระยะขึ้นเล็กน้อย 15% ของเนื้อที่ว่าง โดยใช้จาวาสคริปต์หาความสูง modal

ลองใช้ css max() min() ปรับระยะขอบภายใน modal ให้เหมาะสม

เพิ่มความกว้าง modal ในจอที่ความสูงน้อย (โทรศัพท์แนวนอน) ให้ใช้เนื้อที่ได้ดีขึ้น

ล็อกการสกรอลเว็บ 1. ขณะแสดง modal 2. หลังสกรอล modal PDF ไปจนสุด
(โดยทำสกรอลบาร์ใน Chrome เป็น overlay พื้นใสก่อน เพื่อไม่ให้คอนเทนต์ขยับ)

ปุ่มกดใน modal และทั้งเว็บ ปรับความสูงเพิ่มและเปลี่ยนฟอนต์เป็น Prompt

[I]

วิธีอื่นๆ ที่ช่วยเพิ่มความเร็วเว็บ

สคริปต์คนอื่นที่ยังใช้อยู่ (smoothscroll และ MD5) ก๊อปมาวางแทนการเรียกเว็บอื่น
(ตอนนี้จะเหลือแค่ FB sdk, Google Analytics, MathJax ที่เรียกใช้จากภายนอก)

ตั้งค่า .htaccess ให้เบราเซอร์เก็บแคช ไฟล์รูป ไฟล์ฟอนต์ 1 เดือน

[I]

อัปเดต TCPDF 6.5.0, PHPMailer 6.6.4, MathJax 3.2.2

kanuay.com v4.5j

"Overall Improve Y2p10" • 24,27–31/08/65

[I]

ปรับปรุงความสวยงามของ modal

เพิ่มธีมสีของ modal ตามสีปุ่มเปิด ได้แก่ ชมพู, ส้ม, ฟ้า, เทา ที่หน้าเรียนเลข

ปรับปรุงสีพื้นภายในและนอก modal แบบ dark mode ให้สบายตาขึ้น

ปรับระยะขยับ, สีปุ่มและเงา ของปุ่มเปิด modal เมื่อวางเม้าส์ hover

แสดงปุ่มกดเลื่อนการ์ดใน modal สมัครเรียน เมื่อแผนผังเกินความกว้างจอ

[I]

เปลี่ยนฟอนต์สัญลักษณ์ หรืออีโมจิ ที่ใช้ใน modal ให้เป็นไอคอน SVG

ไอคอน clip และ warning ใช้ในกรอบข้อความ footnote

ไอคอน history ใช้ที่ปุ่มเปิดไฟล์เวอร์ชั่นย้อนหลัง หน้าพรีเมียม

ปรับไอคอน star ให้มีแบบครึ่งดวง ใช้แสดงระดับความยาก หน้าเรียนเลข

[F]

ปรับปรุงทั่วไปในเว็บ

บังคับให้เบราเซอร์ไม่แสดงกรอบหนาๆ ล้อมรอบปุ่มและลิงก์ที่กำลังโฟกัส

ปรับระยะการเว้นบรรทัดในเบราเซอร์อื่นให้เท่า Firefox

ลดความโค้งที่มุมของฉากหลัง header/footer เล็กน้อย

เพิ่ม abbr tooltip เพื่อบอกแป้นลัด shift+D เมื่อวางเม้าส์ที่ปุ่ม dark mode

[F]

ไม่อัปเดต PDF.js 2.16 เพราะทดสอบแล้ว Safari 12 ใช้ไม่ได้

kanuay.com v4.5k

"Overall Improve Y2p11" • 01–09/09/65

[N]

ปรับปรุงระบบสมาชิกพรีเมียม ตามเงื่อนไขใหม่ 3 ข้อ (เริ่มใช้ 09/09)

  1.

เพิ่มเงื่อนไขถ้าต่ออายุไม่ถึง 3 ใน 5 เดือนล่าสุด จะปลดล็อกงานพิเศษไม่ได้

แบ่งสถานะเป็น inactive (0 ใน 5), semi-active (1-2 ใน 5), active (3+ ใน 5)

เปลี่ยนวิธีดูประวัติการต่ออายุ จากเดิมแสดง 1 ครั้งล่าสุด แล้วสับสวิตช์เพื่อดูทั้งหมด
มาเป็น แสดงย้อนหลัง 5 เดือนและสรุปสถานะ แล้วคลิกดูทั้งหมดได้ใน modal

  2.

ปรับจำนวน token คงเหลือให้ลดลงโดย x 0.8เดือน คิดทศนิยมทุกวันและปัดขึ้น

เพิ่ม modal รายงานการใช้ token เปิดดูได้โดยคลิกจำนวน token คงเหลือ

ลองใช้ css grid จัดระเบียบข้อมูล และนำธีมสีใหม่มาใช้ใน modal ใหม่สองอันนี้

  3.

เพิ่มเงื่อนไขสำหรับคลิปจากคอร์ส เมื่อปลดล็อกจะดูได้ 365 วันแลัวล็อกใหม่

เมื่อวางเม้าส์บนปุ่มเปิดไฟล์หรือเปิดคลิป จะแสดงวันที่ที่เคยปลดล็อกงานนั้น

[I]

ปรับปรุงอื่นๆ ในระบบพรีเมียม

ปรับรูปแบบวันเวลาทั้งหมดที่ใช้กับ strtotime เป็น 20220908 หรือต่อด้วย T1632

อัปเดตคำอธิบายใน "คำถามที่ได้รับบ่อย" ตามเงื่อนไข 17/06/64 และปัจจุบัน

เพิ่มลิงก์ไปยังหน้าโปรไฟล์เฟซบุ๊คของสมาชิกแต่ละท่าน เมื่อคลิกที่ข้อมูลชื่อเฟซ

[F]

19/09 แก้บั๊ก เก็บตกเงื่อนไขใหม่ระบบพรีเมียม

แก้ไขสถานะสมาชิกที่เพิ่งสมัครเดือนแรก ให้เป็น active

ปรับปรุงระบบตรวจสถานะ ให้กรองวันโอนล่วงหน้าทิ้ง ไม่นำมาพิจารณา

ไอเดีย/จุดรอแก้ไข


[I]

สิ่งที่เคยพยายามศึกษาและทดลอง แต่ยังไม่สำเร็จ

ฟีเจอร์ : ทำให้ลิงก์ใน PDF ไปถึงตำแหน่งในหน้าได้

ฟีเจอร์ : เมื่อตะแคงจอขณะเล่นวีดิโอ เข้าโหมด fullscreen โดยอัตโนมัติ

ฟีเจอร์ : ดึงข้อมูล FB Link (profile ID) โดยเฉพาะผู้ใช้ที่ไม่ระบุอีเมล

แก้ปัญหา : FB box ไม่แสดงถ้าล็อกอิน (รุ่นเก่าใช้ได้ แต่ไม่ responsive)

แก้ปัญหา : ระยะเวลา transition sidebar, blockquote ใน Firefox ช้าไป

แก้ปัญหา : ตัวหนังสือใน Chrome จางเกินไป

แก้ปัญหา : page-scroll indicator เลื่อน 2 จังหวะ เมื่อกดซ่อน/แสดงบท

แก้ปัญหา : สร้าง modal ภายใน modal พบว่าโดนปรับตำแหน่งสองรอบ

[I]

ปรับปรุง CSS

การแสดงผล modal เพี้ยนใน Chrome android 7.0 emulator (เก่ามาก)

ใช้ตัวแปรเพื่อลดขนาดไฟล์ และปรับค่าได้สะดวก (ลดจำนวนสีด้วย)

เปลี่ยนหน่วย em เป็น rem เพื่อไม่ให้โดนคูณซ้อนกัน

[I]

ปรับปรุงระบบสมาชิกพรีเมียม

สมาชิกอัปโหลดไฟล์ PDF ของตัวเองได้ เพื่ออ่าน/เขียน หรือส่งลิงก์ให้นักเรียน

[I]

ปรับปรุงการล็อกอิน

การจดล็อก เพิ่มข้อมูลเบราเซอร์และเวอร์ชั่นที่ใช้ล็อกอินเข้ามา เพื่อทำเว็บให้รองรับ

อัปเดตเลขรุ่นต่ำสุด Chrome/Firefox/Safari (ไม่ได้ตรวจมา 5½ ปี) และตัดทิ้ง IE/Android

[I]

อัปเดต PDF.js และเปิดให้คนทั่วไปใช้งานได้

อัปเดต PDF.js 3.0 Legacy

คนทั่วไปใช้งานได้โดยเปิด kanuay.com/pdf แล้วลากไฟล์เข้ามาวาง

ทำเอกสารตั้งต้น test.pdf แบบใหม่ แทนที่ของเดิมที่เคยใช้แจ้งบั๊กใน github

[I]

ปรับปรุงระบบ #เรียนเลขพี่นวย

เพิ่มแถบความก้าวหน้าในการเรียน วัดจากจำนวนคลิปที่ดูแล้วเกิน 2/3 ของความยาว

สร้างโน้ตและแก้ไขโน้ตจากใน modal ได้เลย + เพิ่มไอคอน SVG type, delete

ถ้ามีการพิมพ์เวลาไว้ในโน้ต จะสร้างลิงก์สำหรับเปิดคลิป ณ เวลานั้นอัตโนมัติ

แก้บั๊กเกี่ยวกับระยะ ที่ทำให้ปุ่มเลื่อนการ์ดไม่ยอมเลื่อนกลับใน Chrome แอนดรอยด์

ปรับปรุงกรอบแสดงทวีตคัดสรร ให้แบ่งเป็นหลายหน้าได้

ตั้งวันหมดอายุของโค้ดส่วนลด เช่น early bird ได้ถึง 31/7, referral ได้ถึง 30/4

สลับตำแหน่งบล็อก (ใช้ div2.after(div1); div2.before(div3)) จดจำข้ามอุปกรณ์

[I]

ใน head มี onscroll, onload, onresize, onorientation เปลี่ยนเป็น listener

[I]

ปรับปรุงการแสดง log เช่น จับกลุ่มให้สั้นลง, ตรวจจับ IP ผิดปกติ

[F]

เก็บแคชจำนวน like+share ของกระทู้ เพราะติดเงื่อนไขเรียกดูได้ 10 ครั้ง/ชม.

[F]

ฟอนต์ CSPraKas ไม่มี UTF-8 เช่น คูณ ยกกำลัง, ฟอนต์ Prompt ตัว v หายไป

รอการซัพพอร์ต


[F]

แก้ไขเช็คบ็อกซ์แสดงสมการเป็นโค้ด TeX กับ MathJax 3

[I]

รอเปลี่ยนฟอนต์ MathJax 3 ให้เป็น STIX แบบที่เคยใช้ (v3.2.1 ยังไม่รองรับ)

[I]

แสดงข้อความหลังไมค์เพจของ FB นั้นๆ (ยังทำไม่ได้เพราะ FB box มีบั๊ก)

ไอเดียสำหรับเว็บบอร์ด


[I]

นำ tag ของแต่ละกระทู้เพิ่มลงไปใน html meta tag "keywords"

[I]

ปรับแก้ title/description แต่ละหน้าอีกครั้ง เพื่อผลดีขึ้นใน FB, google

[I]

ผนวกรหัสล็อกอินให้มาใช้ได้ในบอร์ด โดยแสดงไอคอนตามหลัง

[I]

wbnav ในหน้ากระทู้ยังไม่สวย

[N]

เพิ่มระบบ session ในบอร์ด และระบบ notification หรืออย่างน้อยอีเมลแจ้ง

[F]

วันเวลาที่แสดงหน้าอัปเดต บางครั้งต้องมาจากการแก้ข้อความ ไม่ใช่เม้นต์สุดท้ายเสมอไป

[I]

แสดงเช็คบ็อกซ์เพื่ออ้างข้อความมาแค่บางบรรทัด

โครงการในอนาคต (อันไกลโพ้น)


1. สร้างฟังก์ชันใช้ในงานที่ซ้ำๆ กัน เพื่อให้โค้ดสั้นลงและดูแลแก้ไขง่าย
2. ระบบแปลงทุกหน้าเป็น .rtf เรียบง่าย (เพื่อนำไปใช้ offline หรือจัดเก็บ)
3. ระบบ AJAX เพื่อให้ส่งข้อความและแสดงผลราบรื่นขึ้น
4. ระบบสารบัญแบบ blog และ rss feed แบบมีเนื้อความ (หลังจากยกเลิกใน v3.0)

สิ่งที่ไม่น่าได้ใช้

แบ่งกระทู้เป็นหลายหน้า / ค้นหาหลายคำ / โคตรแอดมิน อัพไฟล์ระบบ