เริ่มพัฒนา Prototype PHETCH-IS

Prototype  PHETCH-IS  
         จากช่วงวันหยุดที่ผ่านมาลอง ทำ Prototype PHETCH-IS   ว่าจะออกมาหน้าตาแบบไหน ก็นำเอา JQuery Mobile มาพัฒนาเพราะสามารถรันได้ ในหลาย Platform  ดังรูป

และที่สำคัญ อยู่บน Platform Tablet ที่เป็นกระแสที่มาแรง และที่สำคัญ ทำให้ขีดข้อจำกัดเรื่อง ของ Device ที่มี Platform ที่แต่ต่างกันสามารถทำงานได้  ตาม Concept

Touch-Optimized Web Framework for Smartphones & Tablets

ซึ่ง JQuery Mobile เป็น Frameworks ที่ทำงานด้าน UI ที่ใช้งานบน HTML , JavaScript และ CSS  เพื่อให้สามารถทำงานที่ WEB Browser  ที่เป็น  Mobile มือถือ Smart Phone / Tablets ต่าง ๆ ดังเช่น iPhone , Android , Blackberry หรือ iPad และร่วมถึงอุปกรณ์อื่น ๆ ที่ Support 

เอาเป็นว่า รายละเอียดต่างๆท่านสามารถไปอ่านได้ จากที่นี่ http://www.jquerymobile.com/

กลับมาสู่ ระบบ PHETCH-IS     กันดีกว่า จากที่ประชุม จาก Blog ก่อนหน้าผมก็เลยมาลองออกแบบ คราวๆ โดยการเชื่อมต่อกับ Database Provis เป็นหลัก โดยมีหน้าตาดังนี้ 

อันนี้หน้า Login 

จากนั้นจะเข้ามาที่ HOME

หาก เลือกที่เมนูแรก จะปรากฏ  หน้าต่างเมนูย่อย P = Population by GIS (Google Map API)

H = Health Index/Indicators   

E = Epidemiology 

T = Teamwork/Workforces (PPIS)

วันนี้ (18 มีนาคม 2556) ช่วงนี้ พอมีเวลาเลยมา Research PHETCHIS ต่อ ครับ 

หลัง จากได้ลองเขียน PHP, Jquery Mobile ,HighChart และได้ Code การใช้ Openlayer กับ KM for PHPL จาก อ.จุ๋ม และ อ.หนิง จาก สนย. (ต้องขอขอบคุณ มา ณ ที่นี้) ก็ให้ผลดังภาพ คงได้นำไปต่อยอดพัฒนา ได้หลายอย่างเลยครับ ....... ตอนนี้ สามารถวาด Map ซ้อน Openlayer กับ KML ที่มาจาก DataBase HDC 
และ ในการออกแบบจะใช้การ Connect DataBase HDC เป็นหลักครับ 
สามารถแสดงผล จังหวัด หากเลือกอำเถอ ก็จะแสดงผล อำเภอ Drop Down ลงไป 
ตอนนี้เหลือการ เขียน Query เพื่อดึง Data ออกมาแสดง ผ่าน MAP และ Chart ครับ .....

วันนี้ (19 มีนาคม 2556) PHETCHIS  ผมได้เพิ่ม การแสดงผล เป็น Chart 2 แบบ 

คือแบบ Column Chart และแบบ PIE Chart  เหมือนเดิมครับ สามารถดึงข้อมูล 

จาก Database HDC ได้ ได้เลย .... 

PHETCHIS วันนี้ (20/3/56) หลังจากได้คำแนะนำจากพี่หนุยเรื่อง การนำเสนอ การเปรียบเทียบ ข้อมูล ชาย หญิง ซึ่งเดิมผมได้ใช้รูปแบบ Column chart ซึ่งพี่หนุ่ยแนะนำว่า ควรจะนำเสนอเป็น แบบ Stacked column จะดูง่ายกว่า เลยลองมาทำดู ตอนนี้ได้แบบที่ต้องการแล้วครับ...มันดูง่ายจริงๆด้วยครับ ...ขอบคุณที่แนะนำ ...

แต่ก็มีปัญหา ตรงที่ หากต้องการออกแบบสำหรับ Mobile device ต้องคำนึงถึงขนาดหน้าจอ ซึ่งมันจะสวนทางกับการแสดงผลจริงๆ เลยปรับเป็นแบบ Column เดียว เพื่อให้เหมาะกับการแสดงผล ....แต่พอเวลา แสดงผลข้อมูลระดับอำเภอ มันจะไม่สวยเลย ... มีท่านใด มีคำแนะนำดีๆไหมครับ .....

วันนี้เอามาให้ดูแค่นี้ก่อน ...เป็นไงบ้างครับหน้าตาพอจะใช้ได้หรือเปล่า .....  (Update 19-3-2556 )

กระทู้ที่เกี่ยวข้อง  การพัฒนาระบบสารสนเทศด้านสาธารณสุขจังหวัดเพชรบูรณ์ (PHETCHIS) คลิก