Category: Web App

WebApp – โปรแกรมช่วยคำนวณเม็ดยา

Posted on by booboo

เวลาที่พาคนในครอบครัวรวมถึงตัวเองไปหาพบคุณหมอ แล้วมีการจ่ายยาให้มาทานที่บ้าน บางทีก็ประมวลผลในหัวไม่ค่อยทัน ว่าต้องได้รับยาแต่ละชนิดกลับมาทานชนิดละกี่เม็ด ถ้าจำนวนวันน้อยๆ บางทีก็พอคำนวณทัน แต่บางทีพอรับยามาเป็นระยะเวลานาน บางที 3 เดือน, 4 เดือน หรือ 6 เดือน ซึ่งเป็นระยะเวลาหลายวัน(และบางเดือนมี 28 วัน, 30 วัน, 31 วัน แบบนี้ ยิ่งงงไปกันใหญ่ ต้องมานั่งนึกอีกว่าแต่ละเดือนมีกี่วันและในช่วงนั้นมีเดือนอะไรบ้าง) และคูณกับจำนวนยาที่กินแต่ละวันว่าจำนวนเท่าไร(เช่น .25 เม็ด/วัน, .5 เม็ด/วัน หรือ 1 เม็ดต่อวัน) เอาจริงๆ ก็คิดไม่ค่อยทัน และปัญหาเกิดจากการคิดแบบเร็วๆ ไม่ทันนี่แหละ เลยลองเขียนโปรแกรมช่วยคำนวณจำนวนเม็ดยาแบบง่ายๆ ไว้ลองใช้ดู เอาไว้ใช้เวลาเช็คจำนวนยาที่ได้รับ ว่าจะพอมั้ยจนกว่าจะถึงการไปพบคุณหมอรอบถัดไป ขั้นตอนการใช้งาน ระบุวันที่เริ่มต้น(จากวันที่) และ วันที่สิ้นสุด(ถึงวันที่) ระบุจำนวนเม็ดที่กินต่อวัน กดคำนวณจำนวนเม็ดยา จากนั้นระบบจะช่วยคำนวณเม็ดยาที่จำเป็นต้องใช้ก่อนถึงวันนัดถัดไปมาให้ ในเวอร์ชันแรกนี้ก็คือกดคำนวณได้ทีละชนิด ถ้าต้องการจะคำนวณยาหลายชนิดอาจจะต้องทำการคำนวณเอารอบละชนิดก่อนนะ ลองใช้เองแล้วก็พบว่าเป็นโปรแกรมพื้นฐานมากๆ แต่ก็เป็นตัวช่วยคำนวณสำหรับคนคิดไม่ทันได้แบบออมเยอะเลยนะ

html,js,leaflet – เปรียบเทียบความคมชัดของไฟล์แผนที่ .geojson ซึ่งบีบอัดโดยความละเอียดต่างกัน ตอนที่ 2

Posted on by booboo

จาก 2 บทความก่อนหน้านี้:- บทความแรก: เราได้ทำการบีบอัดข้อมูลแผนที่จาก shapefile ให้เป็นไฟล์ .geojson ซึ่งเราได้ทดลองทำการบีบอัดไฟล์ข้อมูลแผนที่ประเทศไทยซึ่งมีข้อมูลระบุขอบเขตของทุกจังหวัด เพื่อบีบอัดจากไฟล์ที่มีความละเอียดสูงให้มีขนาดเล็กลงเพื่อตอนที่โหลดเพื่อนำไปใช้งานจะได้ไม่ต้องใช้หน่วยความจำในการโหลดและประมวลผลมากนัก โดยฟังก์ชันที่ใช้ในการบีบอัดสำหรับบทความที่แล้วเราก็ยังสามารถระบุความละเอียดของแผนที่ได้ตามความเหมาะสมที่เราจะนำไปใช้งาน บทความที่สอง: เราได้ทำการเขียนโปรแกรมเพื่อดึงข้อมูลแผนที่ซึ่งได้ทำการบีบอัดให้ขนาดไฟล์เล็กลงออกมาแสดงผลดู และเปรียบเทียบความละเอียดของแผนที่ในบางพื้นที่ ว่าเมื่อดูด้วยตาของเราจริง ความละเอียดของการบีบอัดที่แตกต่างการจะส่งผลต่อการมองเห็นต่างกันมากน้อยอย่างไร ในบทความนี้เราจะลองเขียนโปรแกรมเพื่อดึงข้อมูลแผนที่แต่ละจังหวัดออกมา และแสดงผลเปรียบเทียบสำหรับความละเอียดของไฟล์ .geojson แต่ละแบบที่เราได้ทำการบีบอัดข้อมูลเอาไว้ เพื่อดูว่า เมื่อเราต้องการดูข้อมูลแผนที่ในระดับที่ดูโครงร่างของจังหวัด ในความละเอียดแต่ละแบบจะแสดงผลแตกต่างกันอย่างไรบ้าง ตัวอย่างโปรแกรมเปรียบเทียบความละเอียดของแผนที่ซึ่งถูกบีบอัดด้วยความละเอียดที่แตกต่างกัน(สามารถเลือกชื่อจังหวัดเพื่อเปรียบเทียบแผนที่ซึ่งความละเอียดข้อมูลแตกต่างกัน) ในตัวอย่างด้านล่างนี้ เราจะเปรียบเทียบไฟล์แผนที่ .geojson ที่ถูกบีบอัดให้เหลือไฟล์ขนาดที่แตกต่างกัน 3 ระดับ จากละเอียดน้อยด้านซ้าย(ขนาดไฟล์เล็ก) ไปจนถึงความละเอียดมากด้านขวา(ขนาดไฟล์ใหญ่ขึ้น) จากนั้นเราลองเลือกดูแผนที่ของจังหวัดชัยนาท(Chai Nat) จะเห็นว่าการแสดงผลแผนที่จากไฟล์ .geojson ที่บีบอัดจากความละเอียดที่แตกต่างกัน ก็แสดงผลออกมาไม่แตกต่างกันมากนัก แต่สำหรับแผนที่อันซ้ายสุดที่ถูกบีบอัดไฟล์ .geojson จนเหลือไฟล์ขนาด 553.9 kB นั้น ข้อมูล polygon ของแผนที่จะมีความหยักน้อยลงกว่าแผนที่อันกลางกับอันขวาสุดแบบสังเกตุได้ชัด แม้ว่ารูปร่างของเส้นแบ่งเขตแดนจังหวัดจะไม่เปลี่ยนแปลงไปมากนัก แต่ข้อมูลก็มีความแตกต่างที่พอจะมองเห็นได้ด้วยสายตา ดังนั้นถ้าต้องการจะนำไปใช้กับแอพลิเคชันที่ดูข้อมูลระดับของเขตจังหวัดออกมาดู ก็อาจจะต้องพิจารณาเลือกไฟล์ที่มีขนาดใหญ่ขึ้นกว่านี้อีกสักหน่อย เช่น แผนที่อันกลางซึ่งมีความละเอียดไฟล์ 2.9 MB Read more about html,js,leaflet – เปรียบเทียบความคมชัดของไฟล์แผนที่ .geojson ซึ่งบีบอัดโดยความละเอียดต่างกัน ตอนที่ 2[…]

html,js,leaflet – เปรียบเทียบความคมชัดของไฟล์แผนที่ .geojson ซึ่งบีบอัดโดยความละเอียดต่างกัน ตอนที่ 1

Posted on by booboo

จากบทความตอนที่แล้ว เราได้ทดลองทำการบีบอัดไฟล์ข้อมูลแผนที่ประเทศไทยซึ่งมีข้อมูลระบุขอบเขตของทุกจังหวัด เพื่อบีบอัดจากไฟล์ที่มีความละเอียดสูงให้มีขนาดเล็กลงเพื่อตอนที่โหลดเพื่อนำไปใช้งานจะได้ไม่ต้องใช้หน่วยความจำในการโหลดและประมวลผลมากนัก โดยฟังก์ชันที่ใช้ในการบีบอัดสำหรับบทความที่แล้วเราก็ยังสามารถระบุความละเอียดของแผนที่ได้ตามความเหมาะสมที่เราจะนำไปใช้งาน หลังจากบีบอัดไฟล์ข้อมูลแผนที่ .geojson ซึ่งมีความละเอียดที่แตกต่างกันแล้ว ออมก็มีความสงสัยขึ้นมาอีกว่า แล้วข้อมูลที่ถูกบีบลงไปนั้นจะยังคงความละเอียดมากแค่ไหน จะเหมาะกับนำไปใช้งานอย่างไร เดี๋ยววันนี้เราจะมาลองดึงข้อมูลดังกล่าวเพื่อมาแสดงผลเป็นข้อมูลแผนที่ที่ถูกบีบอัดด้วยความละเอียดที่แตกต่างกัน ลองมาซูมแผนที่ดู ว่าข้อมูลแผนที่ที่ถูกบีบอัดแล้วความละเอียดจะเพียงพอกับการใช้งานหรือไม่ ในบทความนี้ ออมก็เลยทดลงเขียนแอพลิเคชันขึ้นมาหนึ่งอัน เพื่อไว้ทดสอบการแสดงผลแผนที่ ซึ่งบีบอัดด้วยความละเอียดแตกต่างกัน และเราจะใช้ html ร่วมกับ javascript และ library leaflet สำหรับแอพลิเคชันนี้เพื่อจะใช้ในการนำมาแสดงผลข้อมูลแผนที่และเขียนโค้ดให้รับข้อมูลเข้าไปนิดหน่อย ตัวอย่างโปรแกรม จะเห็นจากในโปรแกรมด้านบน ก็จะมีแสดงแผนที่ 3 แบบ ซึ่งบีบอัดมาด้วยความละเอียดของไฟล์แตกต่างกัน แผนที่ด้านซ้ายสุด ถูกบีบอัดจนเหลือขนาดไฟล์ 553.9 kB แผนที่ตรงกลาง ถูกบีบอัดจนเหลือขนาดไฟล์ 2.9 MB แผนที่ด้านขวาสุด ถูกบีบอัดจนเหลือขนาดไฟล์ 14.1 MB ส่วนตัวเลือกในแอพลิเคชัน เราจะแสดงตัวอย่างที่การซูมแผนที่ 3 ระดับ เลือกดูแผนที่ในระยะซูมดูข้อมูลแผนที่รวมทั้งประเทศ (ตั้งค่าจุดกึ่งกลางเป็น [13.29900, 100.9925], ระดับซูม 5) เลือกดูแผนที่ในระยะซูมเพื่อดูแผนที่เฉพาะจังหวัดภูเก็ต (ตั้งค่าจุดกึ่งกลางเป็น Read more about html,js,leaflet – เปรียบเทียบความคมชัดของไฟล์แผนที่ .geojson ซึ่งบีบอัดโดยความละเอียดต่างกัน ตอนที่ 1[…]

Let sing along

Posted on by booboo

ตั้งแต่ youtube เริ่มมีฐานข้อมุลเพลงเยอะๆ ก็มีโอกาสที่ได้เริ่มฟังเพลงโซนเอเชียเยอะๆขึ้น ทั้งญี่ปุ่น, เกาหลี, จีน และก็ได้นิสัยที่ชอบนั่งอ่าน subtitle ของเพลงมากขึ้นเรื่อยๆ(เพราะว่าเอาจริงๆแล้วอ่านภาษาเหล่านั้นไม่ออกหน่ะ เลยต้องพึ่งพา subtitle เป็นส่วนใหญ่) แล้วก็มาถึงยุคนึงที่คนเริ่มทำ subtitle เพิ่มขึ้นเยอะมากแล้วก็แปลเพลงจากภาษานั้นเป็นอังกฤษบ้าง, ไทยบ้าง ลงเป็นคลิปใน youtube มากขึ้นเรื่อยๆ เลยพบว่าเค้าทำ subtitle กันสวยจัง ด้วยองค์ประกอบของฟอนท์, สี, animation, การ fade in/fade out ของให้พอดีๆ กับเนื้อร้อง โปรเจคนี้เลยลองเอาเพลงที่ขอบฟังบ่อยๆ มาลองนั่งใส่ subtitle แบบบ้านๆ นั่งแกะคำเอาเองว่าเค้าออกเสียงยังไง อาจจะไม่ตรงกับที่สะกดจริงตามหลักภาษาหน่ะ เพื่อให้ตัวร้องตามได้ แล้วก็เอามาใส่ฟอนท์สวยๆ กับเพิ่ม animation ให้ฟอนท์นิดหน่อยตามที่ชอบ สิ่งที่ได้เรียนรู้หลังทำโปรเจคนี้ คนที่นั่งทำ subtitle นี่ก็ใช้เวลามากเหมือนกันนะ ต้องมานั่งใส่ข้อความให้ตรงกับเวลาที่เนื้อร้องขึ้นและร้องจบ ถ้าทำ subtitle ในส่วนของการแปลความหมาย บางทีมันแปลตรงตัวไม่ได้และภาษาแต่ละภาษามีการเรียงประโยคหน้าหลังไม่เหมือนกัน ทำให้ subtitle ส่วนที่แปลความหมาย Read more about Let sing along[…]

ข้อมูลสถิติผู้ป่วย covid19 ในช่วงปี 2019-2021

Posted on by booboo

เป็นข้อมูลสถิติผู้ป่วย covid19 ที่ลองเอามาประมวลผลและนำมาแสดงเป็นกราฟในแบบต่างๆ ตั้งใจจะทำใช้เองตอนช่วงนั้นเพื่อดูข้อมูลสรุปในช่วงที่ต้องการและสามารถเลือกกรองข้อมูลจากตัวกรองบางอย่างที่พอจะหาได้จากในข้อมูลดิบจากแหล่งข้อมุลนั้นๆที่ได้มา โดยข้อมูลที่ใช้ในเวปจะดึงมาจากแหล่งข้อมูลเปิด ที่เปิดข้อมูลให้ดึงมาใช้ได้ในช่วงนั้น ทั้งของในประเทศไทย และต่างประเทศ โดยแหล่งข้อมูลจะอ้างอิงไว้ในหน้าเวปแล้วว่าแต่ละหน้าได้ข้อมูลมาจากแหล่งข้อมูลไหนบ้าง หลักๆ จะแบ่งการใช้งานออกเป็น 3 tab หลัก ดังนี้:- ข้อมูล worldwide (สามารถกรองข้อมูลได้ระดับชื่อประเทศ หรือระบุช่วงวันที่ ข้อมูลเฉพาะของไทย(สามารถกรองข้อมูลในระดับจังหวัด, อำเภอ หรือระบุช่วงวันที่) ข้อมูลเฉพาะของรัฐ(สามารถกรองข้อมูลตามรัฐ หรือระบุช่วงวันที่) กดไปที่หน้าแอพเพื่อดูแบบเต็มๆ หน้าหน่อย -> https://booboohome.com/covid19/cumulative สิ่งที่ได้เรียนรู้ระหว่างทำโปรเจคนี้ แหล่งข้อมูลที่ใช้ในเวปหยุดเพิ่มข้อมุลตั้งแต่ช่วงปี 2023 ดังนั้นในเวปนี้ก็จะมีข้อมูลแสดงแค่ถึงช่วงปี 2023 เช่นกัน ในหน้าแสดงข้อมูลของไทย ตอนแรกออกแบบโปรแกรมมารองรับข้อมูลไม่เยอะ แต่พอมาช่วงท้ายๆ ข้อมูลผู้ป่วยเพิ่มขึ้นหลักล้าน records ตอนนี้โปรแกรมเวอร์ชันที่เคยออกแบบมาเลยช้าไปหน่อย แล้วก็เลยยังโหลดข้อมูลมาได้แค่บางส่วน ยังไม่มีแรงฮึดกลับไปรื้อใหม่ เดี๋ยวถ้าคิดวิธีที่จะจัดการได้ดีกว่านี้ออก คิดว่าอยากกลับมาทดลองแก้ให้โหลดข้อมูลได้ทั้งหมดนะ ในหน้าแสดงข้อมูลของไทย ตรงที่สามารถกรองข้อมูลจังหวัด/อำเภอ เวลาใช้ตัวกรองข้อมูล ข้อมูลที่กรองออกมานั้น จำนวนผู้ป่วยน่าจะน้อยกว่าความเป็นจริง เพราะว่าข้อมูลดิบที่ได้มามีการพิมพ์ชื่อจังหวัด/อำเภอ ผิดค่อนข้างเยอะ บางทีก็สลับช่องเช่นเอาชื่ออำเภอไปใส่ชื่อจังหวัด ทำให้ข้อมูลเวลากรองจะผิดพลาด ได้พยายามลิสต์คำที่ผิดและแก้ไขไปบางส่วนแล้ว แต่พอมีข้อมูลใหม่ๆ Read more about ข้อมูลสถิติผู้ป่วย covid19 ในช่วงปี 2019-2021[…]

เกมส์จับคู่คำศัพท์ อักษรญี่ปุ่นกับรูปภาพ

Posted on by booboo

แบบฝึกหัดสำหรับฝึกท่องจำคำศัพท์ โดยสร้างออกมาในรูปแบบเกมส์จับคู่คำศัพท์ภาษาญี่ปุ่นกับรูปภาพ โดยทำการอ้างอิงคำศัพท์, ความหมายและแบบภาพการ์ตูนประกอบคำศัพท์จากหนังสือ Exercise for practice Japanese vocabularies by using matching game in order to match between alphabets and pictures reference from book. หนังสืออ้างอิง(Reference book) ชื่อหนังสือ(title): Draw Japanese วาด+เขียน ญี่ปุ่น Basic(N5-N4) นักเขียน(author): Ebidora วาดภาพประกอบ(illustrator): Mochikaka สำนักพิมพ์(publisher): พราว ลิงค์หนังสือ(link of book): http://www.proudpoet.com/shop/หนังสือ/ภาษาศาสตร์/draw-japanese-วาดเขียน-ญี่ปุ่น-n5-n4/ โดยแบบฝึกหัดนี้ เกิดจากที่ผู้เขียนได้ฝึกท่องจำคำศัพท์โดยอาศัยการคัดตัวอักษรญี่ปุ่นและวาดภาพประกอบจากหนังสือวันละ 1-4 คำ เมื่อคัดคำศัพท์และฝึกท่องจำ จนครบจำนวนในหมวดคำต่างๆ ก็จะนำมาสร้างเป็นแบบฝึกหัดในรูปแบบเกมส์จับคู่ระหว่างตัวอักษร, โรมันจิและรูปภาพ เพื่อใช้สำหรับกลับมาทบทวนคำศัพท์, ความหมายและภาพประกอบของคำศัพท์นั้นๆ ได้เมื่อเวลาผ่านไป ในเวอร์ชันปัจจุบัน เกมส์จับคู่ตัวอักษรกับรูปภาพได้แบ่งออกเป็นสองส่วนดังนี้ Read more about เกมส์จับคู่คำศัพท์ อักษรญี่ปุ่นกับรูปภาพ[…]

เกมส์จับคู่คำศัพท์ ตัวอักษรจีนกับรูปภาพ

Posted on by booboo

แบบฝึกหัดสำหรับฝึกท่องจำคำศัพท์ โดยสร้างออกมาในรูปแบบเกมส์จับคู่คำศัพท์ภาษาจีนกับรูปภาพ โดยทำการอ้างอิงคำศัพท์, ความหมายและแบบภาพการ์ตูนประกอบคำศัพท์จากหนังสือ Exercise for practice Chinese vocabularies by using matching game in order to match between Chinese alphabets and pictures reference from book. หนังสืออ้างอิง(Reference book) ชื่อหนังสือ(title): Draw Chinese วาด+เขียน จีน Basic(HSK3-HSK4) นักเขียน(author): สิรินดา โสภณอรุณโชติ วาดภาพประกอบ(illustrator): ณัฏฐา จุลเสฏฐพานิช สำนักพิมพ์(publisher): พราว ลิงค์หนังสือ(link of book): https://www.proudpoet.com/shop/ภาษาศาสตร์/draw-chinese-วาดเขียน-จีน-hsk3-hsk4/ โดยแบบฝึกหัดนี้ เกิดจากที่ผู้เขียนได้ฝึกท่องจำคำศัพท์โดยอาศัยการคัดตัวอักษรจีนและวาดภาพประกอบจากหนังสือวันละ 1 คำ เมื่อคัดคำศัพท์และฝึกท่องจำ จนครบจำนวนในหมวดคำต่างๆ ก็จะนำมาสร้างเป็นแบบฝึกหัดในรูปแบบเกมส์จับคู่ระหว่างตัวอักษรจีน, พินอินและรูปภาพ เพื่อใช้สำหรับกลับมาทบทวนคำศัพท์, ความหมายและภาพประกอบของคำศัพท์นั้นๆ Read more about เกมส์จับคู่คำศัพท์ ตัวอักษรจีนกับรูปภาพ[…]

iOS App – FertilizerMate

Posted on by booboo

FertilizerMate เป็นโปรแกรมช่วยในการคำนวณการผสมปุ๋ย เมื่อปุ๋ยบางสูตรหายากตามท้องตลาด เราสามารถใช้แม่ปุ๋ยมาใช้ผสมกันให้กลายเป็นสูตรปุ๋ยเฉพาะตามที่เราต้องการ ตัวอย่างเช่น เราต้องการใช้ปุ๋ยสูตร 16-16-16 จำนวน 300 กิโลกรัม เพื่อบำรุงต้นมะนาว แต่ด้วยความจำเป็นซึ่งอาจเป็นเพราะว่าเราไม่สามารถหาซื้อปุ๋ยสูตรนั้นในเวลาดังกล่าวอาจเนื่องจากปุ๋ยขาดตลาดหรือปุ๋ยผสมอาจมีราคาสูง ด้วยเหตุนี้เราจึงจำเป็นต้องผสมปุ๋ยเองโดยใช้แม่ปุ๋ยซึ่งเป็นปุ๋ยสูตรพื้นฐานที่อาจจะหาซื้อได้ง่ายกว่า แล้วนำแม่ปุ๋ยนั้นมาผสมตามอัตราส่วนที่พอเหมาะให้กลายเป็นปุ๋ยสูตร 16-16-16 ตามต้องการ ในที่นี้เราอาจผสมแม่ปุ๋ยโดยมีอัตราส่วนดังนี้ :- แม่ปุ๋ยยูเรีย 46-0-0 จำนวน 64 กิโลกรัม แม่ปุ๋ยไดแอมโมเนียมฟอสเฟต 18-46-0  จำนวน 104 กิโลกรัม แม่ปุ๋ยโพแทสเซียมคลอไรด์ 0-0-60 จำนวน 80 กิโลกรัม ฟิลเลอร์(filller) จำนวน 52 กิโลกรัม ด้วยอัตราส่วนนี้ เราสามารถผสมปุ๋ยเองสูตร 16-16-16 จำนวน 300 กิโลกรัม จากแม่ปุ๋ย 3 ชนิด ซึ่งส่วนผสมดังกล่าวได้ทำให้ปุ๋ยนั้นเป็นปุ๋ยที่มีอาหารเหมาะสมกับพีชที่เราทำการปลูก ด้วย FertilizerMate คุณเพียงแค่ทำการระบุ สูตรปุ๋ยที่คุณต้องการนำไปใช้กับพืชของคุณ และ จำนวนกิโลกรัมของปุ๋ยที่คุณต้องการ จากนั้นโปรแกรมจะทำการคำนวณ ปริมาณของแม่ปุ๋ยแต่ละชนิดที่ต้องใช้ Read more about iOS App – FertilizerMate[…]