รายละเอียดงาน

• - พัฒนาระบบการจัดซื้อและซ่อมบำรุง โดยสร้างหน้าสำหรับการส่งออกข้อมูลเป็น Excel เพื่อความสะดวกในการวิเคราะห์ข้อมูลและการรายงาน
• - ออกแบบ dashboard แสดงสถานะการสั่งซื้อและซ่อม เพื่อให้ผู้ใช้สามารถติดตามความก้าวหน้าได้ง่าย พร้อมกราฟและรายการ Top‑5 ที่ช่วยให้เห็นภาพรวมอย่างชัดเจน
• - ดำเนินการ debug และแก้ไขโค้ดที่มีปัญหา เพื่อให้ระบบทำงานได้อย่างราบรื่นและมีประสิทธิภาพสูงสุด

รายละเอียดงาน

• รับผิดชอบในการพัฒนา Front-end ซึ่งเน้นไปที่ การออกแบบ Layout และ การเชื่อมต่อ API โดยมีขั้นตอนและรายละเอียดดังนี้: 1. วาง Layout ของหน้าเว็บหรือแอป - จัดโครงสร้างหน้าจอ: กำหนดว่าแต่ละส่วนจะอยู่ตรงไหน เช่น ส่วนหัว (Header), เมนู (Navigation), เนื้อหาหลัก (Content), และส่วนท้าย (Footer) - เลือกการออกแบบที่เหมาะสม: ใช้ CSS Framework เช่น Bootstrap เพื่อช่วย ให้การออกแบบดูสวยงามและง่ายต่อการใช้งาน - ทำให้รองรับทุกอุปกรณ์ (Responsive Design): .ให้แสดงผลทั้งในมือถือ แท็บเล็ต และเดสก์ท็อป 2. สร้างองค์ประกอบที่ผู้ใช้โต้ตอบได้ (Interactive Elements) - เช่น ปุ่ม คลิกได้, เมนูแบบเลื่อนลง, สไลด์โชว์รูปภาพ หรือแอนิเมชันเล็กๆ เพื่อเพิ่มความน่าสนใจ - ใช้ JavaScript หรือไลบรารีอย่าง Angular ในการเพิ่มความสามารถนี้ 3. การเชื่อมต่อ API - รับข้อมูลจาก Backend: ใช้คำสั่ง Fetch เพื่อดึงข้อมูล เช่น รายการสินค้า หรือข้อมูลผู้ใช้ - ส่งข้อมูลไปยัง Backend: เช่น การส่งข้อมูลการสมัครสมาชิก หรือแบบฟอร์มการสั่งซื้อ - จัดการข้อผิดพลาด (Error Handling): ตรวจสอบการเชื่อมต่อ API หากมีปัญหา เช่น การเชื่อมต่อล้มเหลว หรือได้ข้อมูลที่ไม่ถูกต้อง 4. ทดสอบการใช้งาน - ทดสอบว่า Layout ดูดีและทำงานได้บนเบราว์เซอร์ต่างๆ (Cross-browser Compatibility) - ตรวจสอบว่า API ส่งและรับข้อมูลได้ถูกต้อง 5. ปรับปรุงต่อเนื่อง - รับฟังความคิดเห็นจากทีมและผู้ใช้ เพื่อปรับปรุงการออกแบบและการทำงานให้ดีขึ้น - เพิ่มฟีเจอร์ใหม่ๆ หากมีความต้องการเพิ่มเติม