WEBSIDE CÔNG TÁC ĐOÀN ĐẠI HỌC BÁCH KHOA

Bối cảnh đề tài: Tên đề tài: “Xây dựng webside công tác đoàn Đại học bách khoa” 2.. Mục tiêu đê tài Xây dựng Webside công tác đoàn đại học Bách Khoa gồm có: - Xem tin tức, thông báo của

- -

BÁO CÁO

WEBSIDE CÔNG TÁC ĐOÀN

ĐẠI HỌC BÁCH KHOA

Họ tên: Nguyễn Thị Yến Nhi MSSV: 102160106

Lớp:16T2 Nhóm:16N10 GVHD: Mai Văn Hà

Mục lục

I TỔNG QUAN ĐỀ TÀI 3

1 Bối cảnh đề tài: 3

2 Mục tiêu đê tài 3

3 Phương pháp triển khai 3

4 Môi trường áp dụng 3

a Thiết bị và phần mềm 3

b Ngôn ngữ 3

II PHÂN TÍCH THIẾT KẾ HỆ THỐNG 3

1 Phát biểu bài toán 3

3 Thiết kế hệ thống 4

III KẾT LUẬN 5

1 Kết quả đạt được 5

a Lý thuyết 5

b Thực tiễn: 6

2 Hướng phát triển 9

I TỔNG QUAN ĐỀ TÀI

1 Bối cảnh đề tài:

Tên đề tài: “Xây dựng webside công tác đoàn Đại học bách khoa”

2 Mục tiêu đê tài

Xây dựng Webside công tác đoàn đại học Bách Khoa gồm có:

- Xem tin tức, thông báo của đoàn

- Hiển thị danh sách các đoàn viên theo lớp theo khoa

- Cập nhật thông tin đoàn viên

- Thêm, sửa, xóa đoàn viên trong danh sách

3 Phương pháp triển khai

- Bước 1: Tìm hiểu yêu cầu đề tài, phân tích, tham khảo các trang web đoàn

- Bước 2: Thiết kế xây dựng cơ sở dữ liệu cho web

- Bước 3: Thiết kế giao diện web

- Bước 4: Viết chức năng xem, sửa, xóa, thay đổi thông tin cho web

- Bước 5: Viết html, css, thêm Image

4 Môi trường áp dụng

a Thiết bị và phần mềm

- Máy tính có thể thiết kế web

- Xampp

- Workbench, Visual studio Code

b Ngôn ngữ

- Java script

- Php

- Html, css

II PHÂN TÍCH THIẾT KẾ HỆ THỐNG

1 Phát biểu bài toán

Webside gồm 2 phần chính dành cho 2 đối tượng đoàn viên và người quản trị

- Trang chủ: Xem thông tin, thông báo từ đoàn cho mọi đoàn viên

- Đăng nhập bằng tài khoản được cấp để xem danh sách các khoa, chi đoàn, danh sách các đoàn viên thuộc chi đoàn, với một số tài khoản dành cho người quản trị cho phép thêm đoàn viên, thay đổi thông tin đoàn viên

2 Phân tích hệ thống

Nguyễn Thị Yến Nhi Báo cáo: webside công tác đoàn

4

3 Thiết kế hệ thống

Sau khi khảo sát em xây dựng cơ sở dữ liệu cho webside “Công tác đoàn Đại Học Bách Khoa”

Các tệp CSDL được lưu trong cơ sở dữ liệu “DULIEU” gồm 3 bản chính như sau:

- Khoa: chứa thông tin: mã khoa, tên khoa

- Lớp: Mã lớp, tên lớp, mã khoa

- Đoàn viên, Mã đoàn viên, tên, ngày sinh, số điện thoại, mã lớp

Về chức năng:

- Xem thông tin: Xem thông tin khoa -> Xem thông tin lớp -> xem danh

sách đoàn viên của lớp đó

- Tìm kiếm: có 2 chế độ tìm kiếm là tìm tên chính xác hoặc gần đúng có

thể tìm được khoa , lớp, đoàn viên

- Xóa : Xem danh sách chọn đoàn viên muốn xóa -> xóa

- Insert: Hiện tại danh sách có mã đoàn viên là kiểu int sắp xếp tăng dần,

để id không trùng nhau lúc thêm đoàn viên Hiện tại em đang mặc định khi thêm vào thì mã đoàn viên sẽ là mã đoàn viên lớn nhất trong danh sách hiện tại + 1 các thông tin là bắt buộc

- Cập nhật khi muốn cập nhật sẽ có danh sách toàn bộ đoàn viên đại học

bách khoa Nếu muốn thay đổi thì chọn thay đổi và cập nhật ở form cập nhập Chỉ cập nhật đượ các thông tin không là mã đoàn viên

III KẾT LUẬN

1 Kết quả đạt được

a Lý thuyết

Qua bài tập lần này cả quá trình làm trang web công tác đoàn đại học Bách Khoa em học được rất nhiều điều Cả quá trình làm web em học được cách

hoàn thành một project từ đầu đến cuối Cách làm 1 trang web hoàn chỉnh Để

hoàn thành bài tập là cơ hội em học thêm css, html, java script, nắm vững thêm

kiến thức về php Và cách xây dựng một cơ sở dữ liệu hoàn chỉnh cho trang

web

b Thực tiễn:

Web chủ yếu là 2 chức năng chính:

+ Cho đoàn viên: xem tin tức, các thông báo đoàn trường

+ Cho quản trị viên: Có thể quản lí danh sách các đoàn viên trong trường

 Một số hình ảnh của web

Trang chủ

Nguyễn Thị Yến Nhi Báo cáo: webside công tác đoàn

7

Trang login

Trang xem thông tin đoàn viên

Nguyễn Thị Yến Nhi Báo cáo: webside công tác đoàn

8

Insert thêm đoàn viên

Tìm kiếm thông tin

Nguyễn Thị Yến Nhi Báo cáo: webside công tác đoàn

9

2 Hướng phát triển

Trong tương lai có thể phát triển thêm một số chức năng web như phân quyền cho các tài khoản Một số tài khoản có thể xem thông tin, thay đổi thông tin đoàn viên Tài khoản có thể duyệt bài đăng thông báo ở tin tức Hoàn thiện giao diện hơn