Báo cáo bài tập lớn phát triển ứng dụng web 1 Đề tài xây dựng website về trường trung học phổ thông

TRƯỜNG ĐẠI HỌC HẢI PHÒNGKHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO BÀI TẬP LỚN PHÁT TRIỂN ỨNG DỤNG WEB 1 ĐỀ TÀI XÂY DỰNG WEBSITE VỀ TRƯỜNG TRUNG HỌC PHỔ THÔNG Giảng viên hưng dn: Phạm Thị Thùy

TRƯỜNG ĐẠI HỌC HẢI PHÒNG

KHOA CÔNG NGHỆ THÔNG TIN

BÁO CÁO BÀI TẬP LỚN

PHÁT TRIỂN ỨNG DỤNG WEB 1

ĐỀ TÀI

XÂY DỰNG WEBSITE VỀ TRƯỜNG

TRUNG HỌC PHỔ THÔNG

Giảng viên hưng dn: Phạm Thị Thùy Ni

Sinh viên thực hiện : Phạm Văn Tuyền

Hải Phòng, tháng 12 năm 2023

MỤC LỤC

G IỚI THIỆU ĐỀ TÀI

1.1 D ANH MỤC CÁC THUẬT NGỮ KÝ HIỆU VÀ , CHỮ VIẾT TẮT 3 1.2 D ANH MỤC HÌNH VẼ 1.3 D ANH MỤC BẢNG BIỂU 3 3 2.1 M Ở ĐẦU 4 C HƯƠNG 1: T ỔNG QUAN VỀ LĨNH VỰC NGHIÊN CỨU

M ỤC TIÊU 1 T ÍNH NĂNG 6 2 C ÔNG CỤ PHÁT TRIỂN 3 T ÀI LIỆU THAM KHẢO VÀ MÃ NGUỒN 4 M Ô TẢ CHỨC NĂNG 6 7 7 C HƯƠNG 2: N ỘI DUNG VÀ KẾT QUẢ NGHIÊN CỨU 1 T RANG CHỦ 8 2 T RANG GIỚI THIỆU 3 T RANG IN TỨC T 4.T RANG GÓP Ý

5 T RANG LIÊN HỆ 6 T RANG TRA CỨU C HƯƠNG 3: Đ ĂNG KÝ DOAMIN & HOSTING 1 Đ ĂNG KÝ DOAMIN & HOSTING 2 CẤU HÌNH THIẾT LẬP TRÒ DOMAIN ĐẾN HOSTING 3 U PLOAD WEBSITE BẰNG FILE Z ILLA 8

9

9

10

10

11

11

13

LỜI MỞ ĐẦU

Vi sự bùng nổ phát triển của công nghệ, tiện ích mà nó mang lại ngày càng được đánh giá cao, đồng thời hỗ trợ mạnh mẽ cho cuộc sống và sự tiến bộ của con người Cách mạng công nghệ 4.0 đang phát triển vi tốc độ nhanh chóng, mở ra những cơ hội mi và đặt ra thách thức ln cho ngành lập trình

Việt Nam đứng đầu trong danh sách các quốc gia vi độ phủ Internet rộng ln, vi hơn 95% dân số sử dụng Internet Internet ngày càng trở thành một phần quan trọng không thể thiếu trong cuộc sống hàng ngày của chúng ta Cùng vi đó, ngành lập trình cũng phát triển mạnh mẽ, đặc biệt là lĩnh vực lập trình web, tạo ra nhiều ứng dụng hữu ích như đọc báo, nghe nhạc, và nhiều tiện ích khác

Từ khi bắt đầu học tại trường, tôi đã chọn hưng phát triển mình thành một lập trình viên Fullstack chuyên nghiệp, đam mê vi công nghệ và đặc biệt là lập trình web Tôi đã tìm hiểu và nghiên cứu về các công nghệ web, ngôn ngữ lập trình, và đăng ký các môn học chuyên ngành để nắm bắt kiến thức chuyên sâu

Sau quá trình tự học và thực hiện các đồ án từ các môn học, tôi cảm thấy tự tin và sẵn sàng để thực tập tại các doanh nghiệp Mục tiêu của tôi là nâng cao trình độ, học hỏi từ kinh nghiệm thực tế và tích luỹ kiến thức từ doanh nghiệp để phát triển bản thân trong lĩnh vực lập trình Vì vậy, tôi đã tìm kiếm và đăng ký môn thực tập doanh nghiệp, mong muốn có cơ hội làm việc và đóng góp vào

dự án web trường học.

1.1D ANH MỤC CÁC THUẬT NGỮ KÝ HIỆU VÀ CHỮ ,

VIẾT TẮT

HTML HyperText Markup Language CSS Cascading Style Sheets

1.2D ANH MỤC HÌNH VẼ

Hình 1.2.1: Class diagram

Hình 1.2.2: Biểu đồ tuần tự đăng nhập

Hình 1.2.3: Biểu đồ tuần tự thêm người dùng

Hình 1.2.4: Biểu đồ tuần tự cập nhật thông tin

1.3D ANH MỤC BẢNG BIỂU Bảng 1.3.1: Phân loại người dùng

Bảng 1.3.2: Bảng users

Bảng 1.3.3: Danh sách các actor

Bảng 1.3.4: Danh sách các usercase

M Ở ĐẦU

Công nghệ thông tin hiện nay đang có xu hưng phát triển rất mạnh mẽ trong mọi lĩnh vực trên khắp thế gii Việt Nam cũng không ngoại lệ khi bắt đầu đầu tư vào ngành nghề này Đối vi các công ty thì tin học là một phần không thể thiếu ngày nay Mặc dù công nghệ thông tin còn là ngành đang rất mi nhưng vn cho thấy được tiềm năng rất ln của ngành này tại nưc ta Sử dụng công nghệ thông tin hiệu quả

sẽ giúp việc quản lý trở nên dễ dàng hơn, tiết kiệm được nhiều công sức và chi phí lao động hơn

Tại sao chúng ta cần một web trường học?

Giáo dục đang trải qua sự biến đổi mạnh mẽ, và ứng dụng công nghệ vào quá trình học tập trở thành một xu hưng không thể phủ nhận Trong bối cảnh này, việc phát triển một ứng dụng web cho trường học không chỉ là một mơ ưc mà còn là bưc tiến quan trọng để tối ưu hóa quá trình học và tạo ra một môi trường học tập đa dạng và linh hoạt

Ứng dụng web trường học được chọn là giải pháp linh hoạt

và hiệu quả Nó không chỉ giúp quản lý thông tin hiệu quả

mà còn mở rộng phạm vi tương tác giữa giáo viên và sinh viên Sự tiện lợi của việc tiếp cận nội dung từ mọi nơi và bất

cứ khi nào cần thiết là một ưu điểm quan trọng của ứng dụng web

Mục tiêu chính của dự án là xây dựng một ứng dụng web linh hoạt, dễ sử dụng và tích hợp nhiều tính năng hữu ích như quản lý thông tin cá nhân, diễn đàn trao đổi kiến thức,

và hệ thống phản hồi liên tục Chúng tôi tin rằng điều này sẽ tạo ra một môi trường học tập đa dạng, khuyến khích sự tương tác và hỗ trợ quá trình học tập

Ứng dụng sẽ mang lại lợi ích cho cả giáo viên và sinh viên Giáo viên có thể quản lý lp học một cách dễ dàng, cung cấp nội dung chất lượng cao, và nhận phản hồi từ sinh viên Sinh viên sẽ được hỗ trợ trong việc theo dõi học tập, tương tác vi giáo viên và đồng học, cũng như nhận được phản hồi để nâng cao hiệu suất học tập

Chúng ta sẽ gii thiệu chi tiết về cấu trúc báo cáo để đảm bảo độc giả có cái nhìn tổng quan về nội dung và họ có thể tìm hiểu một cách hiệu quả về các phần quan trọng của báo cáo Những điều này giúp ánh sáng cho lý do và mục tiêu phát triển ứng dụng web trường học cũng như tạo nền tảng cho những phần chi tiết sẽ được trình bày sau đó trong báo cáo

CHƯƠNG 1: TỔNG QUAN VỀ LĨNH VỰC NGHIÊN CỨU

Xây dựng Website cho phép sinh viên có thể đăng kí đề tài nghiên cứu trực tiếp trên website, tra cứu thông tin về các

đề tài khoa học cũng như các tài liệu liên quan Về phía quản lý có thể kiểm soát được những đề tài mà sinh viên đăng kí, duyệt đề tài, hủy đề tài,…

1.Tính năng

- Website được thiết kế theo hưng mở, cho phép nâng cấp

và cập nhật thêm các tính năng sử dụng mi trong tương lai khi có phát sinh nhu cầu

- Hỗ trợ sử dụng tiếng Việt theo chuẩn Unicode

- Tương thích vi các trình duyệt Internet như Google Chrome, Microsoft Edge,

- Ứng dụng các công nghệ phát triển web tiên tiến nhất, đồng thời sử dụng các phần mềm thông dụng như:

Photoshop, Dreamweaver, để mang đến cho website một dáng vẻ sống động và hiện đại, sử dụng hiệu ứng Flash để tạo sự sống động, lôi cuốn cho giao diện website

- Website tương thích và chạy trên các loại Server chuẩn Window

2 Công cụ phát triển

- Adobe Photoshop CS 3

- HTML

- CSS

3 Tài liệu tham khảo và mã nguồn của 1 số chương trình

Trong quá trình thiết kế website nhóm em có sử dụng 1 số

mã nguồn mở để nhúng vào trang web

- Thiết kế và định dạng trang web bằng CSS

- Sử dụng bộ soạn thảo mã nguồn mở để nhúng vào trang web

4 Mô tả các chức năng

- Trang chủ: Là công thông tin chính của website, các tin mi của từng chuyên mục sẽ được bố trí phù hợp giúp người dùng dễ dàng vào được chuyên mục cần xem Các tin nổi bật sẽ được bố trí ở khu vực đầu trang vi hiệu ứng chuyển động tin đẹp mắt

- Gii thiệu: Đăng tải các bài viết và hình ảnh về lịch sử hình thành và phát triển của nhà trường, tầm nhìn, sứ mệnh, chính sách chất lượng, cơ cấu tổ chức, công đoàn, đảng bộ

- Tin tức: Đăng tải các bài viết liên quan đến trường, tin tức giáo dục, tin trong nưc, tin quốc tế Các tin tức sẽ được sắp xếp theo ngày đăng

- Tuyển sinh: Đăng tải thông báo tuyển sinh, hưng dn tuyển sinh, xem phòng thi, xem số báo danh và xem kết quả thi

- Chương trình đào tạo: Đăng tải các thông tin về các bậc đào tạo, nội dung đào tạo, sơ đồ đào tạo, chất lượng đào tạo

- Liên hệ: Nhận các thông tin liên hệ được gửi ti phòng đào tạo

- Thống kê truy cập: Hiển thị số người đang trực tuyến, tổng

số người đã truy cập vào website

- Thông báo: Chuyên mục này sẽ hiển thị liên lục các thông báo mi nhất về trường

C HƯƠNG 2: N ỘI DUNG VÀ KẾT QUẢ NGHIÊN CỨU

- Trang chủ:

- Trang gii thiệu:

- Trang tin tức:

- Trang góp ý:

- Trang liên hệ:

- Trang tra cứu:

CHƯƠNG 3: ĐĂNG KÝ DOMAIN & HOSTING

1 Đăng ký Domain và Hosting:

- Domain:

+ Web đăng ký domain là Inet

https://inet.vn/

+ Domain khi được đăng ký thành công

- Hosting:

+ Web đăng ký hosting

Hosting Platform of Choice (cpanel.net)

+ Giao diện Hosting sau khi đăng ký thành công

2 Cấu hình thiết lập trỏ domain đến hosting:

B1: Cập nhật DNS trong domain

B2: Add domain

+ Domain khi được đăng ký thành công

3 Upload website bằng FileZilla

B1: Cài đặt FileZilla Client

B2: Kết nối vi Cpanel

B3: Upload website

+ Giao diện Hosting sau khi đăng ký thành công

KẾT LUẬN

Sau khi hoàn thành websie, tôi đã đạt được một số kết quả tích cực trong việc làm Dự án đem lại kinh nghiệm quý báu trong lập trình website Tôi đã nắm vững các ngôn ngữ lập trình và công cụ cần thiết Kết quả là một trang web hoạt động mượt mà, đáp ứng đúng nhu cầu và mong đợi của người dùng Kỹ năng viết tài liệu dự án được cải thiện đáng kể Tài liệu bao gồm mô tả chi tiết về yêu cầu, thiết kế, cài đặt và hưng dn sử dụng Điều này giúp tạo ra một nguồn thông tin đồng nhất và dễ tiếp cận cho cả đội và người sử dụng cuối cùng