Bao gồm 3 phần lớn: Prototype, Front-end Web, Backend API sử dụng xây dựng website hướng tới 2 đối tượng chính:
-
Web Front: là website hướng tới người dùng cuối (end-users), ví dụ website công ty, trang blog, trang ecommerce,...
-
Web Admin: còn gọi là ứng dụng web, hướng tới ngườtysử dụng là nhân viên nội bộ của công ty (internal users), hoặc nhân viên đối tác để quản lý vận hành các hoạt động của công ty
-
Xây dựng hệ thống gồm các giai đoạn sau:
- thu thập yêu cầu, phác thảo mockup
- xây dựng Prototype cho yêu cầu
- chuyển đổi Prototype thành Front-end Webs
- Xây dựng Backend API
- Tích hợp Front-end và Backend thành hệ thống hoàn chỉnh
là giao diện hệ thống giống thực tế cho phép người dùng tương tác, sửthống cơ bản với các dữ liệu mẫu
-
chủ yếu là code html, css
-
sử dụng HandlebarJS, để cấu trúc layouts
- layout cho từng trang
- partial layout cho phần dùng chung
-
- định nghĩa dữ liệu trong file .md
- binding dữ liệu vào layout
-
kế thừa các template có sẵn, ví dụ PagesAdmin hoặc lập trình layout dựa trên thiết kế Photoshop, ...
- mức cơ bản: cắt html, css
- mức nâng cao: lập trìnhtrình sass, less, ...
-
Web Front dự án Medihub
- sử dụng metalsmith, handlebars, và thiết kế từ đầu dựa trên tham khảo một số theme
- source code link
-
Web Admin: dự án Kieu-hoi
- sử dụng metalsmith, handlebars, và dùng Pages Admin themes mua từ themeforest
- source code link
hoạt động trên môi trường Client (Browsers, Software, Mobile App) kế thừa các kết quả từ Prototype bên trên
-
nền Web: sử dụng các framework SPA, hoạt động trên Browsers Chrome, Firefox, ... cho các mục đích
-
Software:
- Electron: hoạt động trên nhiều nền tảng Win, Linux, Mac OS
- kết hợp với nền web để kế thừa tính năng đang có
-
mobileapp: cho phép kế thừa, mở rộng từ web front
-
Web Front: thường cũng chính là Prototype
- website Daksong: http://daksong.daknong.gov.vn, source:
-
Web Admin: kieu-hoi
- source, ẩn trên gitlab.com
-
Software: [EasyQuiz]
- source code (https://github.com/vinaas/easyquiztest)
- cài đặt: build từ source code theo hướng dẫn
cung cấp tính năng, dữ liệu để Front-end sử dụng