CƠ SỞ LÝ THUYẾT
Công nghệ
Framework chính là một thư viện với các tài nguyên có sẵn cho từng lĩnh vực để lập trình viên sử dụng thay vì phải tự thiết kế Có Framework, lập trình viên chỉ tìm hiểu và khai thác những tài nguyên đó, gắn kết chúng lại với nhau và hoàn chỉnh sản phẩm của mình Đối với lập trình viên trong mỗi một lĩnh vực, họ cần phải xây dựng các lớp chương trình để xây dựng nên những phần mềm, ứng dụng thành phẩm.
PHP: Hypertext Preprocessor, thường được viết tắt thành PHP là một ngôn ngữ lập trình kịch bản hay một loại mã lệnh chủ yếu được dùng để phát triển các ứng dụng viết cho máy chủ, mã nguồn mở, dùng cho mục đích tổng quát Nó rất thích hợp với web và có thể dễ dàng nhúng vào trang HTML.
MVC là từ viết tắt của 'Model View Controller' Nó đại diện cho các nhà phát triển kiến trúc áp dụng khi xây dựng các ứng dụng Với kiến trúc MVC, chúng ta xem xét cấu trúc ứng dụng liên quan đến cách luồng dữ liệu của ứng dụng của chúng ta hoạt động như thế nào.
Mô hình MVC được chia làm 3 lớp xử lý gồm Model – View – Controller:
- Model: là nơi chứa những nghiệp vụ tương tác với dữ liệu hoặc hệ quản trị cơ sở dữ liệu (mysql, mssql, …); nó sẽ bao gồm các class/function xử lý nhiều nghiệp vụ như kết nối database, truy vấn dữ liệu, thêm – xóa – sửa dữ liệu…
- View: là nơi chứa những giao diện như một nút bấm, khung nhập, menu, hình ảnh… nó đảm nhiệm nhiệm vụ hiển thị dữ liệu và giúp người dùng tương tác với hệ thống.
- Controller: là nơi tiếp nhận những yêu cầu xử lý được gửi từ người dùng, nó sẽ gồm những class/function xử lý nhiều nghiệp vụ logic giúp lấy đúng dữ liệu thông tin cần thiết nhờ các nghiệp vụ lớp Model cung cấp và hiển thị dữ liệu đó ra cho người dùng nhờ lớp View.
Xây dựng website quản lý tiêm chủng cho trẻ em tại VNVC Đà Nẵng
Laravel là PHP Web Framework miễn phí, mã nguồn mở, được tạo bởi Taylor Otwell và dành cho việc phát triển các ứng dụng web theo mô hình kiến trúc mô hình MVC và dựa trên Symfony PHP Framework Một số tính năng của Laravel như là sử dụng hệ thống đóng gói module, quản lý package (Composer), hỗ trợ nhiều hệ quản trị CSDL quan hệ (MySQL, SQLite, PostgeSQL, )
- HTML (HyperText Markup Language – Ngôn ngữ đánh dấu siêu văn bản) là một ngôn ngữ đánh dấu được thiết kế ra để tạo nên các trang web với các mẩu thông tin được trình bày trên World Wide Web
- CSS là chữ viết tắt của Cascading Style Sheets, nó là một ngôn ngữ được sử dụng để tìm và định dạng lại các phần tử được tạo ra bởi các ngôn ngữ đánh dấu (HTML) Nói ngắn gọn hơn là ngôn ngữ tạo phong cách cho trang web Bạn có thể hiểu đơn giản rằng, nếu HTML đóng vai trò định dạng các phần tử trên website như việc tạo ra các đoạn văn bản, các tiêu đề, bảng,…thì CSS sẽ giúp chúng ta có thể thêm style vào các phần tử HTML đó như đổi bố cục, màu sắc trang, đổi màu chữ, font chữ, thay đổi cấu trúc…
Xây dựng website quản lý tiêm chủng cho trẻ em tại VNVC Đà Nẵng
- JavaScript là ngôn ngữ lập trình dựa trên logic Nó có thể được sử dụng để sửa đổi nội dung trang web Và khiến nó hoạt động theo nhiều cách khác nhau để đáp ứng với hành động của người dùng
Ajax là chữ viết tắt của cụm từ Asynchronous Javascript and XML Ajax là phương thức trao đổi dữ liệu với máy chủ và cập nhật một hay nhiều phần của trang web, hoàn toàn không reload lại toàn bộ trang Ajax được viết bằng Javascript chạy trên client, tức là mỗi browser sẽ chạy độc lập hoàn toàn không ảnh hưởng lẫn nhau.
Về mặt kĩ thuật, nó đề cập đến việc sử dụng các đối tượng XmlHttpRequest để tương tác với một máy chủ web thông qua Javascript.
JQuery là thư viện javascript nổi bật nhất, phổ biến nhất trong lập trình web Ra đời vào năm 2006 bởi John Resig Nó đã trở thành một thành phần không thể thiếu trong các website có sử dụng Javascript Với slogan “Write less – Do more” (viết ít hơn – làm nhiều hơn) nó đã giúp lập trình viên tiết kiệm được rất nhiều thời gian và công sức trong việc thiết kế website.
MySQL là một hệ thống quản lý cơ sở dữ liệu quan hệ mã nguồn mở (RDBMS) dựa trên ngôn ngữ truy vấn có cấu trúc (SQL) được phát triển, phân phối và hỗ trợ bởi tập đoàn Oracle MySQL chạy trên hầu hết tất cả các nền tảng, bao gồm cả Linux, UNIX và Windows MySQL thường được kết hợp với các ứng dụng web
XAMPP hoạt động dựa trên sự tích hợp của 5 phần mềm chính là Cross-Platform (X), Apache (A), MariaDB (M), PHP (P) và Perl (P), nên tên gọi XAMPP cũng là viết tắt từ chữ cái đầu của 5 phần mềm này:
Xây dựng website quản lý tiêm chủng cho trẻ em tại VNVC Đà Nẵng
- Chữ X đầu tiên là viết tắt của hệ điều hành mà nó hoạt động với: Linux, Windows và Mac OS X.
- Apache: Web Server mã nguồn mở Apache là máy chủ được sử dụng rộng rãi nhất trên toàn thế giới để phân phối nội dung Web Ứng dụng được cung cấp dưới dạng phần mềm miễn phí bởi Apache Software Foundation.
Lý thuyết xây dựng website
Mô hình hoạt động MVC (Server Side Rendering):
- Người dung gửi yêu cầu (HTTP Request) qua một trình duyệt web bất kỳ Yêu cầu này có thể kèm theo nhứng dữ liệu tới Controller xử lý Bộ Routing điều hướng sẽ xác định Controller xử lý.
Xây dựng website quản lý tiêm chủng cho trẻ em tại VNVC Đà Nẵng
- Khi Controller nhận được yêu cầu, nó sẽ kiểm tra yêu cầu đó có cần dữ liệu từ Model hay không Nếu có sẽ dung các class/function trong Model sau đó trả ra kết quả Khi đó, Controller cũng sẽ xử lý các giá trị đó và trả ra view để hiển thị. Controller sẽ xác định các View tương ứng và hiển thị đúng theo yêu cầu.
- Khi View nhận được giá trị từ Controller, chúng sẽ xây dựng các thành phần hiển thị như hình ảnh, thông tin dữ liệu, … rồi trả về GUI content để Controller đưa ra kết quả và hiển thị lên màn hình Browser.
- Browser sẽ nhận được giá trị trả về và hiển thị với người dùng và kết thúc quá trình hoạt động.
Hình 1 6: Hình ảnh mô hình MVC
Xây dựng website quản lý tiêm chủng cho trẻ em tại VNVC Đà Nẵng
PHÂN TÍCH THIẾT KẾ HỆ THỐNG
Tác nhân
Đặc tả yêu cầu nghiệp vụ
Có thể tìm kiếm, xem chi tiết các thông tin về vaccine, lịch tiêm, quy trình tiêm cho trẻ
Phụ huynh kế thừa những chức năng của khách vãng lai Đồng thời có thể đăng nhập, đăng ký lịch tiêm cho trẻ, xem lịch sử tiêm chủng của trẻ, cập nhật thông tin cá nhân, …
Nhân viên y tế có tất cả chức năng của phụ huynh Và quản lý mọi thông tin như: nhập xuất vaccine, tạo hồ sơ của trẻ, xác nhận lịch tiêm, tiến hành tiêm…
Admin có thể thực hiên tất cả các chức năng của các actor khác Đồng thời quản lý tất các các thông tin của website, quản lý về tài khoản của user
Đặc tả yêu cầu phần mềm
- Tìm kiếm thông tin trên website.
+ Lịch tiêm chủng của trẻ
Xây dựng website quản lý tiêm chủng cho trẻ em tại VNVC Đà Nẵng
- Có tất cả chức năng của khách vãng lai
- Cập nhật thông tin cá nhân
- Đăng ký lịch tiêm chủng cho trẻ
- Xem lịch sử tiêm chủng của trẻ
- Cập nhật thông tin cá nhân
- Xác nhận lịch tiêm chủng của trẻ
- Tạo hồ sơ cho trẻ
- Cập nhật trạng thái của trẻ trước khi tiêm
- Thống kê số lượng vaccine đã tiêm
- Có tất cả chức năng của của các actor khác
- Cập nhật thông tin cá nhân
- Thêm sửa xóa tài khoản user
Sơ đồ Use case
Xây dựng website quản lý tiêm chủng cho trẻ em tại VNVC Đà Nẵng
Kịch bản cho use case
2.4.1.1 Tìm kiếm thông tin vaccine
STT Use case name Tìm kiếm thông tin vaccine
1 Description Khách vãng lai tìm kiếm thông tin vaccine
3 Input Khách vãng lai truy cập vào hệ thống
4 Output Danh sách vaccine được hiển thị
5 Basic flow Khách vãng lai (actor) thực hiên use-case tìm kiếm vaccine
2) Actor khách vãng lai nhấn vào input nhập từ khoá sau đó bấm tìm kiếm
3) Danh sách vaccine được hiển thị ra Kết thúc use case
(nêu các bước phát sinh trong
Xây dựng website quản lý tiêm chủng cho trẻ em tại VNVC Đà Nẵng
(Nêu các trường hợp ngoại lệ của
3 Từ khóa không trùng khớp
Bảng 1 1: Kịch bản cho use case tìm kiếm vaccine
2.4.1.2 Xem thông tin tất cả vaccine
STT Use case name Xem thông tin vaccine
8 Description Khách vãng lai xem thông tin vaccine
10 Input Khách vãng lai truy cập vào hệ thống
11 Output Danh sách vaccine được hiển thị
12 Basic flow Khách vãng lai (actor) thực hiên use-case xem thông tin vaccine
2) Actor khách vãng lai nhấn vào nút vaccine
3) Danh sách vaccine được hiển thị ra Kết thúc use case
(nêu các bước phát sinh trong
(Nêu các trường hợp ngoại lệ của
Bảng 1 2: Kịch bản cho use case xem thông tin vaccine
Có các kịch bản giống với actor khách vãng lai, ngoài ra còn có thêm:
STT Use case name Đăng ký lịch tiêm
1 Description Phụ huynh muốn đăng ký lịch tiêm
2 Actors Phụ huynh đã được cấp tài khoản
3 Input Phụ huynh truy cập vào hệ thống đăng nhập vào đăng ký tiêm
4 Output Đăng ký lịch tiêm thành công
5 Basic flow Phụ huynh (actor) thực hiên use-case đăng kí liêm sau khi đăng nhập vào hệ thống
2) Actor Phụ huynh nhấn vào đăng ký tiêm và điển đầy đủ thông tin vào.
Xây dựng website quản lý tiêm chủng cho trẻ em tại VNVC Đà Nẵng
3) Thông báo đăng ký chế độ thành công Kết thúc use case
(nêu các bước phát sinh trong
(Nêu các trường hợp ngoại lệ của
3.1 Đăng nhập lỗi (hết phiên đăng nhập)
Bảng 1 3: Kịch bản cho use case đăng kí lịch tiêm
2.4.2.2 Cập nhật thông tin cá nhân
STT Use case name Cập nhật thông tin cá nhân
1 Description Phụ huynh muốn cập nhật thông tin cá nhân
2 Actors Phụ huynh đã được cấp tài khoản
3 Input Phụ truy cập vào hệ thống đăng nhập vào chọn thông tin cá nhân sau đó bấm cập nhật
4 Output Thông tin cá nhân được cập nhật
5 Basic flow Phụ huynh (actor) thực hiên use-case cập nhật thông tin cá nhân sau khi đăng nhập vào
2) Actor Phụ huynh chọn thông tin cá nhân
3) Sinh viên nhập thông tin mới cần cập nhật và ấn button cập nhật
3) Thông tin đã được cập nhật Kết thúc use case
(nêu các bước phát sinh trong
(Nêu các trường hợp ngoại lệ của
1 Đăng nhập lỗi (hết phiên đăng nhập)
Bảng 1 4: Kịch bản cho use case cập nhật thông tin cá nhân
STT Use case name Quản lý vaccine
1 Description Nhân viên muốn quản lý vaccine
3 Input Nhân viên y tế truy cập vào hệ thống đăng nhập vào chọn
Xây dựng website quản lý tiêm chủng cho trẻ em tại VNVC Đà Nẵng vaccine
4 Output Quản lý được vaccine
5 Basic flow Nhân viên y tế (actor) thực hiên use-case quản lý vaccine sau khi đăng nhập vào
2) Actor Nhân viên y tế chọn thêm hoặc cập nhật hoặc xóa vaccine
3) Nhập thông tin vaccine nếu chọn thêm hoặc cập nhật, xác nhận xóa nếu chọn xóa vaccine
4) Quản lý vaccine Kết thúc use case
(nêu các bước phát sinh trong
(Nêu các trường hợp ngoại lệ của
1 Đăng nhập lỗi (hết phiên đăng nhập)
Bảng 1 5: Kịch bản cho use case quản lý vaccine
STT Use case name Quản lý phiếu tiêm
1 Description Nhân viên muốn quản lý lịch tiêm
3 Input Nhân viên truy cập đăng nhập vào trang web chọn phiếu tiêm
4 Output Danh sách phiếu tiêm được xác nhận
5 Basic flow Nhân viên y tế(actor) thực hiên use-case Quản lý phiếu tiêm sau khi đăng nhập vào
2) Actor Nhân viên y tế chọn danh sách phiếu tiêm chưa xác nhận
3) Nhân viên y tế chọn xác nhận phiếu tiêm
4) Thông tin danh sách phiếu tiêm đã được thêm Kết thúc use case
(nêu các bước phát sinh trong
(Nêu các trường hợp ngoại lệ của
1 Đăng nhập lỗi (hết phiên đăng nhập)
Xây dựng website quản lý tiêm chủng cho trẻ em tại VNVC Đà Nẵng
Bảng 1 6: Kịch bản cho use case quản lý phiếu tiêm
2.4.3.3 Tạo hồ sơ của trẻ
STT Use case name Tạo hồ sơ của trẻ
1 Description Nhân viên muốn tạo hồ sơ cho trẻ
3 Input Nhân viên truy cập vào hệ thống đăng nhập vào chọn trẻ
4 Output Hồ sơ mới của trẻ
5 Basic flow Nhân viên y tế (actor) thực hiên use-case tạo hồ sơ cho trẻ sau khi đăng nhập vào
2) Actor Nhân viên y tế chọn thêm hoặc cập nhật hoặc xóa hồ sơ của trẻ
3) Nhập thông tin liên quan đến trẻ nếu thêm hoặc cập nhật, xác nhận xóa nếu chọn xóa hồ sơ trẻ
3) Quản lý hồ sơ trẻ Kết thúc use case
(nêu các bước phát sinh trong
(Nêu các trường hợp ngoại lệ của
1 Đăng nhập lỗi (hết phiên đăng nhập)
Bảng 1 7: Kịch bản cho use case tạo hồ sơ cho trẻ
2.4.3.4 Cập nhật tình trạng trẻ trước khi tiêm
STT Use case name Cập nhật tình trạng trẻ
1 Description Nhân viên muốn cập nhật tình trạng của trẻ
3 Input Nhân viên y tế truy cập vào hệ thống đăng nhập vào chọn tiến hành tiêm
4 Output Quản lý được lịch sử trạng thái của trẻ
5 Basic flow Nhân viên (actor) thực hiên use-case cập nhật tình trạng trẻ sau khi đăng nhập vào
2) Actor Nhân viên chọn tiến hành tiêm
3) Nhập thông tin sàn lọc chính xác của trẻ
4) Cập nhật tình trạng trẻ Kết thúc use case
Xây dựng website quản lý tiêm chủng cho trẻ em tại VNVC Đà Nẵng
(nêu các bước phát sinh trong
(Nêu các trường hợp ngoại lệ của
1 Đăng nhập lỗi (hết phiên đăng nhập)
Bảng 1 8: Kịch bản cho use case cập nhật tình trạng trẻ
STT Use case name Quản lý tài khoản
1 Description Admin muốn quản lý tài khoản
3 Input Admin truy cập vào hệ thống đăng nhập vào chọn quản lý tài khoản
4 Output Quản lý được tài khoản
5 Basic flow Admin (actor) thực hiên use-case quản lý tài khoản sau khi đăng nhập vào
2) Actor Admin chọn thêm hoặc cập nhật hoặc xóa tài khoản
3) Nhập thông tin tài khoản nếu chọn thêm hoặc cập nhật, xác nhận xóa nếu chọn xóa tài khoản
4) Quản lý tài khoản Kết thúc use case
(nêu các bước phát sinh trong
(Nêu các trường hợp ngoại lệ của
1 Đăng nhập lỗi (hết phiên đăng nhập)
Bảng 1 9: Kịch bản cho use case quản lý tài khoản
Sơ đồ hoạt động
Xây dựng website quản lý tiêm chủng cho trẻ em tại VNVC Đà Nẵng
Hình 2 2: Sơ đồ hoạt động tìm kiếm vaccine
Hình 2 3: Sơ đồ hoạt động xem thông vaccine
Có các sơ đồ giống với khách vãng lai Ngoài ra còn có thêm:
Xây dựng website quản lý tiêm chủng cho trẻ em tại VNVC Đà Nẵng
Hình 2 4: Sơ đồ hoạt động đăng nhập
Hình 2 5: Sơ đồ hoạt động đăng ký lịch tiêm
2.5.2.3 Cập nhật thông tin cá nhân
Xây dựng website quản lý tiêm chủng cho trẻ em tại VNVC Đà Nẵng
Hình 2 6: Sơ đồ hoạt động cập nhật thông tin cá nhân
Hình 2 7: Sơ đồ hoạt động quản lý vaccine
Xây dựng website quản lý tiêm chủng cho trẻ em tại VNVC Đà Nẵng
Hình 2 8: Sơ đồ hoạt động quản lý phiếu tiêm
2.5.3.3 Tạo hồ sơ của trẻ
Hình 2 9: Sơ đồ hoạt động tạo hồ sơ cho trẻ
2.5.3.4 Cập nhật tình trạng trẻ
Xây dựng website quản lý tiêm chủng cho trẻ em tại VNVC Đà Nẵng
Hình 2 10: Sơ đồ hoạt động cập nhật tình trạng của trẻ trước khi tiêm
Hình 2 11: Sơ đồ hoạt động quản lý tài khoản
Hình 2 12: Sơ đồ hoạt động thống kê
Xây dựng website quản lý tiêm chủng cho trẻ em tại VNVC Đà Nẵng
Sơ đồ ERD
Thiết kế form, bảng
Tên trường Kiểu dữ liệu Mô tả Ràng buộc
Id_chucvu Bigint ID chức vụ Khóa chính
Ten Varchar Tên chức vụ Unique
Xây dựng website quản lý tiêm chủng cho trẻ em tại VNVC Đà Nẵng
Hình 2 14: Giao diện thêm mới tài khoản
Tên trường Kiểu dữ liệu Mô tả Ràng buộc
Id bigint ID tài khoản Khóa chính
Email Varchar Email Unique password varchar Mật khẩu Unique
SDT varchar Số điện thoại [0-255]
ChucVu_id tinyint ID chức vụ Khóa ngoại
Xây dựng website quản lý tiêm chủng cho trẻ em tại VNVC Đà Nẵng
Hình 2 15: Giao diện tạo hồ sơ trẻ
Tên trường Kiểu dữ liệu Mô tả Ràng buộc
Id bigint ID trẻ Khóa chính
User_id Bigint ID phụ huynh Khóa ngoại
TenTre Varchar Tên trẻ Unique
Hình 2 16: Giao diện trang thêm mới vaccine
Xây dựng website quản lý tiêm chủng cho trẻ em tại VNVC Đà Nẵng
Tên trường Kiểu dữ liệu Mô tả Ràng buộc
Id bigint ID vaccine Khóa chính
LoSX_id bigint ID lô sản xuất Khóa ngoại
Benh_id bigint ID bệnh Khóa ngoại
NgaySanXuat Date Ngày sản xuất
HanSuDung Date Hạn sử dụng
Số lượng Tinyint Số lượng
SoMuiTiem Tinyint Số mũi vaccine
Hình ảnh Varchar Hình ảnh
Hình 2 17: Giao diện trang thêm mới bệnh học
Tên trường Kiểu dữ liệu Mô tả Ràng buộc
Id Bigint ID bệnh Khóa chính
Ten Varchar Tên bênh Unique
Xây dựng website quản lý tiêm chủng cho trẻ em tại VNVC Đà Nẵng
Tên trường Kiểu dữ liệu Mô tả Ràng buộc
Id Bigint ID lô Khóa chính
Malo Varchar Mã lô sản xuất
NgaySanXuat Date Ngày sản xuất
NgayHetHan Date Ngày hết hạn
Bảng 1 15: Bảng lô sản xuất
Hình 2 18: Giao diện trang đăng ký tiêm
Tên trường Kiểu dữ liệu Mô tả Ràng buộc
Id Bigint ID phiếu tiêm Khóa chính
User_id Bigint ID phụ huynh Khóa ngoại
Tre_id Bingint ID trẻ Khóa ngoại
Vaccine_id Bigint ID vaccine Khóa ngoại
Ngaydukien Date Ngày dự kiến tiêm
Bảng 1 16: Bảng đăng ký tiêm
Xây dựng website quản lý tiêm chủng cho trẻ em tại VNVC Đà Nẵng
Hình 2 19: Giao diện trang lịch sử tiêm
Tên trường Kiểu dữ liệu Mô tả Ràng buộc id bigint ID lịch sử tiêm Khóa chính phieutiem_id Bigint ID phiếu tiêm Khóa ngoại
Bieuhientruoc Varchar Biểu hiện trước khi tiêm
Bieuhiensau Varchar Biểu hiện sau khi tiêm
Bảng 1 17: Bảng lịch sử tiêm
Xây dựng website quản lý tiêm chủng cho trẻ em tại VNVC Đà Nẵng
XÂY DỰNG CHƯƠNG TRÌNH
Giao diện trang chủ sau khi đăng nhập
Trang chủ nơi phụ huynh có thể xem tổng quan về hệ thống Ở đây phụ huynh có thể bấm vào các chức năng sau khi đã đăng nhập.
Hình 3 1: Giao diện trang chủ sau khi đăng nhập
Giao diện đăng nhập
Sau khi phụ huynh bấm vào đăng nhập thì giao diện đăng nhập sẽ xuất hiện và phụ huynh sẽ đăng nhập vào hệ thống.
Hình 3 2: Giao diện đăng nhập
Giao diện danh sách vaccine
Danh sách tất cả các loại vaccine, phụ huyunh có thể tìm kiếm các vaccine mình muốn xem.
Xây dựng website quản lý tiêm chủng cho trẻ em tại VNVC Đà Nẵng
Hình 3 3: Giao diện danh sách vaccine
Tìm kiếm vaccine
Hình 3 4: Giao diện tìm kiếm vaccine thành công
Bảng giá tại VNVC
Chi tiết về bảng giá các loại vaccine có tại VNVC
Xây dựng website quản lý tiêm chủng cho trẻ em tại VNVC Đà Nẵng
Hình 3 5: Giao diện chi tiết bảng giá vaccine
Chi tiết về các tin tức bênh học mới
Phụ huynh có thể xem những tin tức mới về các loại bệnh mới hoặc phổ biến thường gặp
Hình 3 6: Giao diện tin tức bệnh học
Trang thông tin về lịch tiêm chủng cho trẻ
Để nắm bắt rõ hơn về lịch tiêm chủng của trẻ thì phụ huynh có thể xem chi tiết
Xây dựng website quản lý tiêm chủng cho trẻ em tại VNVC Đà Nẵng
Hình 3 7: Xem lịch tiêm chủng cho trẻ
Trang quy trình tiêm chủng tại VNVC
Quý phụ huynh chưa biết có thể đọc và xem video để nắm rõ hơn về quy trình tiêm tại VNVC
Hình 3 8:Quy trình tiêm chủng tại VNVC
Giao diện đăng ký lịch tiêm
Xây dựng website quản lý tiêm chủng cho trẻ em tại VNVC Đà Nẵng
Phụ huynh đăng nhập và chọn đúng thông tin mình cần để đăng ký lịch tiêm cho con
Hình 3 9: Đăng ký lịch tiêm
Giao diện trang quản trị
Khi đăng nhập thành công giao diện trang quản trị xuất hiện
Hình 3 10: Giao diện trang quản trị
Giao diện trang quản lý tài khoản
Xây dựng website quản lý tiêm chủng cho trẻ em tại VNVC Đà Nẵng
Hình 3 11: Giao diện trang quản lý tài khoản
Giao diện trang thêm mới tài khoản
Admin sẽ tạo tài khoản cho nhân viên hoặc phụ huynh có nhu cầu sử dụng trang web
Hình 3 12: Giao diện trang thêm mới tài khoản
Giao diện trang vaccine
Tất cả các loại vaccine có trong kho sẽ được hiển thị
Xây dựng website quản lý tiêm chủng cho trẻ em tại VNVC Đà Nẵng
Hình 3 13: Giao diện trang quản lý vaccine
Giao diện trang chi tiết vaccinet
Hình 3 14: Giao diện trang chi tiết vaccine
Xây dựng website quản lý tiêm chủng cho trẻ em tại VNVC Đà Nẵng
Giao diện trang cập nhật vaccine
Hình 3 15: Giao diện trang cập nhật vaccine
Giao diện trang phiếu tiêm
Những phiếu đăng ký lịch tiêm của phụ huynh sẽ được hiển thị tại đây Bao gồm những phiếu chưa dược xác nhận
Hình 3 16: Giao diện trang quản lý phiếu tiêm
Xây dựng website quản lý tiêm chủng cho trẻ em tại VNVC Đà Nẵng
Giao diện trang chi tiết và xác nhận phiếu tiêm
Nhân viên sẽ tiến hành xem xét chi tiết phiếu tiêm và xác nhận hoặc xóa phiếu tiêm chủng
Hình 3 17: Giao diện trang chi tiết và xác nhận phiết tiêm
Giao diện trang bệnh
Tất cả các bệnh sẽ được cập nhật và hiển thị tại đây, nhân viên y tế có thể quản lý dễ dàng
Xây dựng website quản lý tiêm chủng cho trẻ em tại VNVC Đà Nẵng
Hình 3 18: Giao diện trang quản lý bệnh
Giao diện trang nhập trạng thái tiêm
Trước khi tiêm vaccine cho trẻ, bác sĩ tại trung tâm phải khám sàn lọc cho trẻ. Nếu trẻ có biểu hiện tốt sẽ tiến hành tiêm cho trẻ.
Hình 3 19: Giao diện trang cập nhật trạng thái tiêm
Xây dựng website quản lý tiêm chủng cho trẻ em tại VNVC Đà Nẵng
Giao diện trang xem lịch sử tiêm
Phụ huynh đăng nhập xong có thể vào xem lịch sử tiêm chủng của trẻ Phụ huynh muốn xem chi tiết có thể click vào chi tiết lịch sử tiêm
Hình 3 20: Giao diện trang lịch sử tiêm