Skip to content

Latest commit

 

History

History
68 lines (50 loc) · 3.34 KB

EasyWebTechnology.md

File metadata and controls

68 lines (50 loc) · 3.34 KB

Các công nghệ đã lựa chọn và đang sử dụng

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:

    1. thu thập yêu cầu, phác thảo mockup
    2. xây dựng Prototype cho yêu cầu
    3. chuyển đổi Prototype thành Front-end Webs
    4. Xây dựng Backend API
    5. Tích hợp Front-end và Backend thành hệ thống hoàn chỉnh

Prototype:

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
  • Metalsmith

    • đị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, ...

Dự án đã thực hiện:

  • 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

Front-end web

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

    • web front: sử dụng VueJS
    • web admin: sử dụng Aurelia ,
    • hoạt động trên tablets, smartphones
  • 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

Dự án đã thực hiện

Back-end API

cung cấp tính năng, dữ liệu để Front-end sử dụng