Banner
Hero
Hero
Hero

ปัญหาของการพัฒนาระบบ E-Office สำหรับงานภาครัฐ

Image
Image
  • Scope of Work ตาม TOR ไม่ชัดเจน
  • ระบบล้าสมัยทั้งโปรแกรมระบบและอุปกรณ์เครื่องแม่ข่ายคอมพิวเตอร์ ทำให้ไม่รองรับปริมาณงานและการเข้าใช้งานที่ เพิ่มมากขึ้น
  • ภาษาที่ใช้ในการพัฒนา มีการเปลี่่ยน Version หรือไมก่็เลิกพัฒนาต่อ ทำให้ระบบรักษาความปลอดภัยต่างๆ ป้องกันได้ยาก
  • เทคโนโลยีของระบบงานเดิมขาดความทันสมัยไม่สามารถเชื่อม ต่อกับหน่วยงานอื่นได้
  • การออกแบบระบบเป็นแบบ Monolitic ที่รวมทุกอย่างไว้ใน Code หรือระบบเดียวกันหมด พอระบบย่อยระบบหนึ่งมีปัญหาทำให้กระทบกับระบบอื่นๆ
  • UX/UI ทีไม่ทันสมัย ไม่น่าใช้
  • ไม่รองรับการใช้งานผ่าน Mobile Device หรือ Tablet

PROBLEMS

01 เทคโนโลยีเก่า ส่วนใหญ่ใช้งานมาเกิน 10 ปี หรือจัดจ้างใหม่ แต่ยังได้ของเก่า ของเดิม
02 หน้าจอระบบ ล้าหลัง (นึกถึง Windows 95,98) เกิดความน่าเบื่อไม่น่าใช้งาน
03 ปรับแต่งเส้นทางของระบบยาก ต้องแก้ไข Code เท่านั้น
04 ระบบใช้แค่เก็บข้อมูลเพื่ออ้างอิง ใช้งานไม่ได้จริง / ยังใช้กระดาษ
05 ไม่สามารถออกรายงาน/กราฟ ในหลายมิติได้ กำหนด เงื่อนไขเองไม่ได้
06 ระบบการสืบค้นข้อมูล ทำได้ยาก ไม่เข้าถึงข้อมูลที่ต้องการจริง

SOLUTIONS

01 พัฒนาโดยใช้ เทคโนโลยี เช่น Microservice เป็นProduct ใหม่ โดยผ่านการวิเคราะห์จากผู้ใช้เดิม
02 ออกแบบหน้าจอ UX/UI เพิ่มประสบการณ์ผู้ใช้มีรูปแบบธีมที่น่าใช้
03 มี ระบบปรับแต่งเส้นทางระบบได้ ตามความต้องการ (Workflow)
04 ผ่านการวิเคราะห์ระบบด้วยการทำ User Research และเข้าไป On site กับผู้ใช้งาน เน้นสามารถใช้งานได้จริง แบบง่ายๆ
05 มีระบบออกรายงาน / แดชบอร์ด / กราฟ ในหลายมิติ สามารถกำหนดเงื่อนไขได้
06 เพิ่มประสิทธิภาพระบบค้นหาข้อมูลด้วย AI Search เปรียบเสมือนมี Google อยู่ในระบบ
Hero
Hero
Hero
Hero
เทรนหรือแนวโน้มของ Tech Tools ที่ใช้ในการพัฒนา E-Office สำหรับงานภาครัฐ
Hero
Hero
Image
Image

Microservices

ข้อดีของ Microservices
  • มีความเป็นอิสระในการเลือก Technology ที่ถนัด หรือเหมาะสมกับ Service ของตัวเอง
  • การ Deploy ที่เป็นอิสระจาก Services อื่นๆ ทำให้สะดวก และไม่จำเป็นต้องรอให้ Deploy พร้อมกัน
  • การ Scale เริ่มเป็นอิสระขึ้นแต่ละ Service สามารถออกแบบการ Scale ได้ง่ายขึ้น เนื่องจาก Focus เพียงการ Scale ใน service ของตนไม่ depen กับ Service อื่นๆ
ข้อเสียของ Microservices
  • ความยากในการออกแบบและพัฒนาระบบ
Image
Image

Monolithic

ข้อดีของ Monolithic
  • ง่ายต่อการพัฒนา
  • ง่ายต่อการ Deploy
  • การ Scale สามารถทำได้โดย Clone Application
ข้อเสียของ Monolithic
  • Code มีขนาดใหญ่ทำให้ IDE ช้า Productivity จึงช้าตาม
  • การแก้ไข Component ใดก็อาจกระทบกับ Component อื่นๆ
  • การพัฒนา Component ใดๆพร้อมๆกันก็อาจเกิด Conflict ได้หลายจุด
  • การย้าย Application ไปยัง Framework ใหม่เป็นเรื่องยาก
Hero
Hero
Hero
Hero

TECH & TOOLS

NodeJS

Programming Language

Kong

API Gateway
(Load Balancer)

Consul

Service registration and Discovery

RabbitMQ

Asynchronous microservices messaging

Logstash

Log collector

Elasticsearch

Log indexer

Kibana

Data visualization

Kubernetes

Automated container deployment, scaling, and management

Weave Scope

Troubleshooting & Monitoring for Docker & Kubernetes

React

JavaScript library for building user interfaces

Bootstrap

Great UI boilerplate for modern web apps

jQuery

HTML document traversal and manipulation

Docker

Containerization platform

Bitbucket

Git solution, Version control

Swagger

API documentation

Image
Image

Elastic SEARCH

การนำเทคนิคของ Elastic Search มาใช้งาน เพื่อสร้าง Search Engine ของระบบเว็บไซต์ขึ้นมาเอง มีคุณสมบัติเด่น ดังนี้

  • รองรับการค้นหาข้อมูลในเว็บไซต์ให้มีประสิทธิภาพมากขึ้น การันตีด้วยคุณภาพของ product ที่มีแต่ ยักษ์ใหญ่ของโลก นำไปใช้ เช่น Netflix, Stackoverflow, LinkedIn เป็นต้น
  • เพิ่มโอกาสจากการค้นหา ให้พบเนื้อหาที่ถูกต้อง ด้วย คำ/วลี ที่สะกดไม่ถูกต้อง
  • เพิ่มโอกาสจากการค้นหา ให้พบเนื้อหาที่ถูกต้อง ด้วย คำ/วลี ที่มีความเป็นเอกลักษณ์
  • สามารถแนะนำคำที่เกี่ยวข้องคำอื่น ให้ผู้ค้นหาได้อัตโนมัติ
Image
Image
Image
Image

Docker

Software Container ที่ถูกพัฒนาขึ้นมาให้สามารถการจัดการ Container ได้ง่าย โดย Docker จะสร้าง Container เพื่อจำลอง Environment ให้กับแต่ละ Service

  • Save Time : สามารถลงโปรแกรมเพื่อใช้งาน ได้ภายในไม่กี่วินาทีเท่านั้น
  • Save Cost : ประหยัดค่าใช้จ่ายมากขึ้นเพราะใช้ทรัพยากรน้อยลง
  • Save Data Storage : ประหยัดพื้นที่เก็บ และติดตั้งระบบได้รวดเร็วกว่าการทำ VM ถึง 90%
  • Easy to Scale : สามารถขยายระบบได้ง่าย เพื่อรองรับจำนวนผู้ใช้งานที่มากขึ้น และยังสามารถดึง Resource ของเครื่องมาใช้ได้เต็มประสิทธิภาพ ซึ่งต่างกับ VM ที่มักจะติดขีดจำกัดของเครื่อง
  • Environment Managing : ด้วยรูปแบบที่เป็น Image สำเร็จรูป ทำให้เราสามารถติดตั้งโปรแกรม หรือตั้งค่าระบบ ได้ภายในเวลาไม่กี่วินาที และเพียงแค่ไม่กี่คำสั่งเท่านั้น
  • Portability : ทำให้ย้ายไประบบ IT infrastructure อื่นๆได้ง่าย ไม่ต้องเสียเวลา Setup โปรแกรมใหม่ทีละเครื่อง และช่วยลด Error ที่อาจเกิดจาก การนำระบบขึ้น production
  • Reduce Time-to-Market : ช่วยลดเวลาการนำแอพพลิเคชันต่างๆเข้าสู่ตลาด
  • Community Hub : ได้รับการพัฒนาและอัพเดทฟีเจอร์ใหม่เรื่อยๆ มี Community สำหรับแลกเปลี่ยนข้อมูลต่างๆมากมาย
Hero
Hero
Image
Image

Bootstrap - Great UI
boilerplate for modern
web apps

เทมเพลตการการจัดรูปแบบ HTML และ CSS สำหรับสำหรับเว็บรวมทั้งปลั๊กอิน JavaScript ช่วยให้สามารถสร้างการออกแบบที่ตอบสนองความต้องการได้อย่างง่ายดาย

  • ใช้งานง่าย: ทุกคนที่มีความรู้พื้นฐานเกี่ยวกับ HTML และ CSS สามารถเริ่มใช้ Bootstrap ได้
  • คุณลักษณะที่ตอบสนองได้: CSS ที่ตอบสนองต่อ Bootstrap จะปรับไปใช้กับโทรศัพท์แท็บเล็ตและเดสก์ท็อป
  • แนวทาง Mobile-First: ใน Bootstrap รูปแบบมือถือแรกเป็นส่วนหนึ่งของกรอบหลัก
  • เข้ากันได้กับเบราว์เซอร์: Bootstrap 4 เข้ากันได้กับเบราว์เซอร์ที่ทันสมัยทั้งหมด (Chrome, Firefox , Internet Explorer 10+, Edge, Safari และ Opera)
Image
Image
Image

jMeter

เป็นเครื่องมือ ทดสอบโหลด (Load Testing) และประสิทธิภาพ (Performance Testing) ใช้สำหรับทดสอบโหลดเว็บแอปพลิเคชัน แอปพลิเคชันบนมือถือ เซิร์ฟเวอร์ รวมถึง API และโปรโตคอลอื่นๆ

  • รองรับ Protocol หลากหลาย: jMeter รองรับการทดสอบ Load Testing กับ Protocol หลากหลาย เช่น HTTP, HTTPS, FTP, JDBC
  • ปรับแต่งได้: jMeter รองรับการปรับแต่ง Script การทดสอบได้หลากหลาย
  • รองรับการกระจาย: jMeter รองรับการกระจายการทดสอบ Load Testing ไปยังเครื่องหลายเครื่อง
  • วิเคราะห์ผลลัพธ์: jMeter มีเครื่องมือวิเคราะห์ผลลัพธ์การทดสอบ Load Testing ที่หลากหลาย
  • มี Community ขนาดใหญ่: jMeter มี Community ขนาดใหญ่ ช่วยให้คุณได้รับความช่วยเหลือเมื่อต้องการ
Image
Image

Lighthouse

เป็นเครื่องมือวัดประสิทธิภาพเว็บไซต์

  • วัดประสิทธิภาพ : วัดประสิทธิภาพเว็บไซต์ทั้งบนมือถือและเดสก์ท็อป
  • วิเคราะห์การโหลด : วิเคราะห์การโหลดหน้าเว็บ
  • ระบุจุดอ่อน : ระบุจุดอ่อนที่ทำให้เว็บไซต์โหลดช้า
  • แนะนำวิธีแก้ไข : แนะนำวิธีแก้ไขเพื่อปรับปรุงประสิทธิภาพเว็บไซต์
  • ติดตามผล : ติดตามผลการปรับปรุงประสิทธิภาพเว็บไซต์
  • รองรับภาษาไทย : รองรับภาษาไทย
Hero
Hero
Hero
Hero
Image
Image

Zap Proxy

เป็นเครื่องมือ Intercepting Proxy ยอดนิยม

  • รองรับ Protocol หลากหลาย: Zap Proxy รองรับ Protocol หลากหลาย เช่น HTTP, HTTPS, FTP, WebSocket
  • สแกนช่องโหว่: Zap Proxy สามารถสแกนหาช่องโหว่ในเว็บแอปพลิเคชันได้หลากหลายประเภท
  • ตรวจสอบการโจมตี: Zap Proxy สามารถตรวจสอบการโจมตีต่อเว็บแอปพลิเคชันได้หลากหลายประเภท
  • ปรับแต่งได้: Zap Proxy รองรับการปรับแต่ง Script การทดสอบได้หลากหลาย
  • Community ขนาดใหญ่: Zap Proxy มี Community ขนาดใหญ่ ช่วยให้คุณได้รับความช่วยเหลือเมื่อต้องการ
Image
Image
Image

NodeJS

Programming Language

  • รองรับ Concurrent ได้จำนวนมาก รองรับ workload ได้สูง
  • ประหยัดทรัพยากร ในการทำงาน
  • การประมวลผลที่รวดเร็ว
  • โหลดหน้าเว็บได้เร็วขึ้น
  • มีขนาดเล็ก ทำงานได้เร็ว
  • ง่ายต่อการปรับขนาดด้วยระบบมัลติคอร์
  • จัดการคำขอพร้อมกันด้วยค่าใช้จ่ายน้อยที่สุด
  • ง่ายต่อการตรวจสอบ
  • ง่ายต่อการปรับใช้
  • ง่ายต่อการสนับสนุน
Hero
Hero
Image
Image

NestJS

เป็น JavaScript Framework สำหรับการพัฒนาเว็บแอปพลิเคชัน

  • เขียนด้วย TypeScript: ช่วยให้เขียนโค้ดได้ปลอดภัย ตรวจจับข้อผิดพลาดได้เร็ว และบำรุงรักษาง่าย
  • รองรับ Dependency Injection: ช่วยให้เขียนโค้ดได้ยืดหยุ่น ทดสอบง่าย และดูแลรักษาง่าย
  • รองรับ Docker: ช่วยให้ Deploy แอปพลิเคชันได้ง่าย
วางโครงสร้าง Server สำหรับพัฒนาในรูปแบบ DevOps
Hero
Hero
Hero
Hero

Dashboard

สอบถามรายละเอียดเพิ่มเติม