Báo cáo chuyên đề học phần lập trình web nâng cao đề ti quản lý trang web thời trang nam rowan

- Trạng thái hệ thống sau khi sử dụng use case: + Nếu đăng nhập thành công: Hiển thị giao diện chính cho tác nhân thực hiệncác chức năng khác... Biều đồ usecase chức năng quản lý admin *

TRƯỜNG ĐẠI HỌC ĐIỆN LỰC

KHOA CÔNG NGHỆ THÔNG TIN

BÁO CÁO CHUYÊN ĐỀ HỌC PHẦN LẬP TRÌNH WEB NÂNG CAO

Sinh viên thực hiện:

STT Họ và tên sinh viên Nội dung thực hiện Điểm Chữ ký

Sinh viên thực hiện : ĐỖ CHÍ ĐỨC

Giảng viên hướng dẫn : CẤN ĐỨC ĐIỆP

Giảng viên chấm:

Giảng viên chấm 1 :

Giảng viên chấm 2 :

MỤC LỤC

CHƯƠNG 1: KHẢO SÁT WEB THỜI TRANG NAM ROWAN 1

1.1 Giới thiệu đề tài 1

1.2 Xác định được bài toán cần giải quyết 1

1.3 Xác định các yêu cầu 1

CHƯƠNG 2: PHÂN TÍCH 2

2.1 Biểu đồ Use Case của toàn hệ thống 2

2.2 Phân tích chi tiết từng chức năng của hệ thống 2

2.2.1 Chức năng đăng nhập 2

2.2.2 Chức năng quản lý admin 5

2.2.3 Chức năng quản lý danh mục sản phẩm 7

2.2.4 Chức năng quản lý sản phẩm 9

CHƯƠNG 3 : KẾT QUẢ THỰC NGHIỆM 12

3.1 Trang chủ 12

3.2 Trang giới thiệu 12

3.3 Trang giỏ hàng 13

3.4 Trang thanh toán 13

3.5 Trang login khách hàng 14

3.6 Trang login quản lí 14

3.7 Trang home 15

3.8 Trang quản lí admin 15

3.9 Trang quản lý danh mục sản phẩm 16

3.10 Trang quản lý sản phẩm 16

3.11 Trang quản lý người dùng 17

3.12 Trang quản lý đơn hàng 17

KẾT LUẬN 18

MỞ ĐẦU

Trong lịch sử hình thành và phát triển của mình, các loại hình báo chí truyền thống như báo in, phát thanh, truyền hình luôn có sự độc lập tương đối với nhau với những đặc thù và thế mạnh riêng Sự bùng nổ của internet đã tác động mạnh mẽ đến đời sống xã hội và ảnh hưởng sâu sắc đến sự phát triển của

hệ thống báo chí thế giới nói chung Trước hết, với sự ra đời của báo điện tử (còn gọi là báo mạng), thông tin được cung cấp cho công chúng theo hình thức

đa phương tiện sinh động, hấp dẫn hơn Trong tiếng Anh, “multimedia” được dịch là “truyền thông đa phương tiện”, là sự truyền tải một thông điệp bằng sự kết hợp của các loại hình ngôn ngữ viết, ảnh, video, âm thanh, thiết kế đồ họa và các phương thức tương tác khác; các hình thức thể hiện đa diện góp phần tạo nên một bức tranh toàn cảnh đầy đủ thông tin và có sức thuyết phục cao Truyền thông đa phương tiện là xu hướng phát triển mang tính khách quan đáp ứng nhu cầu thông tin của lớp công chúng mới

Sự phát triển của công nghệ truyền thông cũng đã tạo cho báo chí một hướng đi mới: tích hợp các phương tiện truyền thông Tính chất đa phương tiện được biểu hiện rõ ràng nhất qua sự tích hợp này Xu hướng phát triển này là phù hợp với nhu cầu thông tin của xã hội, do vậy đi theo sự phát triển này là sự lựa chọn đúng đắn của các nhà truyền thông Hay nói cách khác, truyền thông đa

phương tiện là xu hướng phát triển mang tính khách quan đáp ứng nhu cầuthông tin của lớp công chúng mới.

Vậy nên để giúp cho người đọc có nhiều thông tin bổ ích, giúp cho tin tứctrở nên thú vị, đa dạng chủ đề và mang thông tin chính xác bổ ích, hấp dẫnngười đọc, giúp người quản trị cũng như các tác giả có một môi trường làm việchiệu quả, em chọn đề tài “Quản lý trang web tin tức công nghệ“ phục vụ nhucầu đó

CHƯƠNG 1: KHẢO SÁT WEB THỜI TRANG NAM ROWAN 1.1 Giới thiệu đề tài

Với sự bùng nổ thông tin trên internet, vai trò của các trang thông tin điện

tử trực tuyến càng trở nên quan trọng Khác với các hình thức bán hàng tại chỗ

có giới hạn thời gian cập nhật tin tức, các trang web bán hàng trực tuyến đã cungcấp được sự tiện lợi trong việc cập nhật và mua hàng Về phía người dùng, họ cóthể xem thông tin mọi lúc mọi nơi Về phía những người cung cấp thông tin, cácnhà báo, họ có thể dễ dàng cập nhật những sản phẩm đẹp nhất, tốt nhất Một trong những thể loại tin tức trên website mà được nhiều người chú ý nhất là tin tức công nghệ Do đó, em đã quyết định phân tích để thiết kế Website thời trang nam ROWAN để phục vụ nhu cầu mua sắm của mọi người

1.2 Xác định được bài toán cần giải quyết

Tiêu chí dùng để xác định sản phẩm có thể được tóm gọn lại như sau: Sản phẩm đẹp, chất lượng tốt, giá thành hợp lí

Yêu cầu bạn đọc:

 Giao diện thân thiện

 Dễ tìm kiếm thông tin

 Sản phẩm nổi bật đưa lên đầu

 Sản phẩm mới nhất phải được cập nhật thường xuyên

 Có chức năng trao đổi, bình luận, góp ý giữa các thành viên

Yêu cầu Admin:

 Thuận lợi cho việc quản lý thông tin thành viên, tin tức, dữ liệu củaWebsite

CHƯƠNG 2: PHÂN TÍCH 2.1 Biểu đồ Use Case của toàn hệ thống

Hình 2.1 Biểu đồ use case tổng quát

2.2 Phân tích chi tiết từng chức năng của hệ thống

2.2.1 Chức năng đăng nhập

2.2.1.1 Biểu đồ usecase chức năng đăng nhập

2

Recommandé pour toi

PET Speaking visuals Hình thi nói PET part 3

 Đặc tả use case đăng nhập:

- Tác nhân: Ngươi quản trị, tác giả

- Mô tả: Mỗi khi tác nhân sử dụng hệ thống quản lý thì cần thực hiện chức năngđăng nhập vào hệ thống Khi dùng dùng xong phần mềm thì đăng xuất tài khoản

ra khỏi phần mềm quản lý

- Dòng sự kiện chính:

+ Tác nhân yêu cầu đăng nhập vào hệ thống

+ Hệ thống hiển thị giao diện đăng nhập cho tác nhân

+ Tác nhân sẽ: cập nhật tên đăng nhập (usename) và mật khẩu (password).+ Hệ thống kiểm tra dữ liệu và xác nhận thông tin từ các tác nhân gửi vào hệthống

+ Thông tin đúng thì hệ thống gửi thông báo và đưa tác nhân vào hệ thốngchính

+ Kết thúc use case đăng nhập

- Dòng sự kiện phụ:

+ sự kiện 1: Nếu tác nhân đăng nhập đúng, nhưng lại muốn thoát khỏi hệ thống

Hệ thống thông báo bằng cách đăng xuất Kết thúc use case

+ sự kiện 2: Nếu tác nhân đăng nhập sai thì hệ thống thông báo đăng nhập lạihoặc thoát Sau khi tác nhân chọn thoát Kết thúc use case

- Các yêu cầu đặc biệt: Không có

- Trạng thái hệ thống trước khi sử dụng use case: Không có yêu cầu

- Trạng thái hệ thống sau khi sử dụng use case:

+ Nếu đăng nhập thành công: Hiển thị giao diện chính cho tác nhân thực hiệncác chức năng khác

3

+ Nếu đăng nhập thất bại: Hệ thống sẽ gửi thông báo “Tài khoản hoặc mật khẩukhông chính xác” và quay trở lại chức năng đăng nhập cho bạn đăng nhập lạithông tin của mình.

2.2.1.2 Biểu đồ trình tự

2.3 Biểu đồ trình tự của chức năng đăng nhập

2.4 Biểu đồ trình tự của chức năng đăng xuất

4

2.2.2 Chức năng quản lý admin

2.2.2.3 Biểu đồ usecase quản lý admin

2.5 Biều đồ usecase chức năng quản lý admin

* Mô tả use case chức năng quản lý admin:

- Tác nhân: quản lí

- Mô tả: Tác nhân tiến hành đăng nhập vào hệ thống, đăng nhập thành công, tác nhân tiến hành chọn chức năng quản lý admin để thực hiện các thao tác: thêm, xóa, sửa, thay đổi mật khẩu của các admin

- Dòng sự kiện chính:

+ Tác nhân đăng nhập vào hệ thống bằng tài khoản đã được cấp

+ Đăng nhập thành công, tác nhân yêu cầu giao diện quản lý admin

+ Hệ thống hiển thị giao diện quản lý admin

+ Tại giao diện quản lý bài viết tác nhân có thể thực hiện: thêm, sửa, xóa admin+ Sau khi thực hiện các thao tác chức năng thêm, sửa, xóa hệ thống sẽ lưu thông tin admin vào cơ sở dữ liệu

5

+ Kết thúc use case quản lý admin

- Dòng sự kiện phụ:

+ Sự kiện 1: Nếu tác nhân chọn chức năng khác nhưng lại muốn trở lại

giao diện chính Hệ thống trở về giao diện chính Kết thúc use case

- Các yêu cầu đặc biệt: không có

- Trạng thái hệ thống trước khi sử dụng use case: không có yêu cầu

- Trạng thái hệ thống sau khi sử dụng use case:

+ Nếu thêm, sửa, xóa bài viết thành công, hệ thống sẽ gửi thông báo “Bạn đã lưubài viết!” và hiển thị giao diện chính cho tác nhân thực hiện các chức năng khác

2.2.2.2 Biểu đồ trình tự chức năng quản lý bài viết

2.6 Biều đồ trình tự chức năng quản lý admin

6

2.2.3 Chức năng quản lý danh mục sản phẩm

2.2.3.1 Biểu đồ usecase quản lý danh mục sản phẩm

2.7 Biều đồ usecase chức năng quản lý danh mục sản phẩm

*Đặc tả use case quản lý danh mục sản phẩm:

- Tác nhân: quản lí

- Mô tả: Tác nhân tiến hành đăng nhập vào hệ thống, đăng nhập thành công, tác nhân tiến hành chọn chức năng quản lý danh mục sản phẩm để thực hiện các thao tác: thêm, xóa, sửa thông tin danh mục sản phẩm

- Dòng sự kiện chính:

+ Tác nhân đăng nhập vào hệ thống bằng tài khoản đã được cấp

+ Đăng nhập thành công, tác nhân yêu cầu giao diện quản lý danh mục sản phẩm

+ Hệ thống hiển thị giao diện quản lý danh mục sản phẩm

+ Tại giao diện quản lý video tác nhân có thể thực hiện: thêm, sửa, xóa danh mục sản phẩm

+ Sau khi thực hiện các thao tác chức năng thêm, sửa, xóa hệ thống sẽ lưu thông tin danh mục sản phẩm vào cơ sở dữ liệu

+ Kết thúc use case quản lý danh mục sản phẩm

7

- Dòng sự kiện phụ:

+ Sự kiện 1: Nếu tác nhân chọn chức năng khác nhưng lại muốn trở lại

giao diện chính Hệ thống trở về giao diện chính Kết thúc use case

trở về giao diện chính Kết thúc use case quản lý danh mục sản phẩm

- Các yêu cầu đặc biệt: không có

- Trạng thái hệ thống trước khi sử dụng use case: không có yêu cầu

- Trạng thái hệ thống sau khi sử dụng use case:

+ Nếu thêm, sửa, xóa bài viết thành công, hệ thống sẽ gửi thông báo “Bạn đã lưuvideo!” và hiển thị giao diện chính cho tác nhân thực hiện các chức năng khác

2.2.3.2 Biểu đồ trình tự chức năng quản lý danh mục sản phẩm

2.8 Biều đồ trình tự chức năng quản lý danh mục sản phẩm

8

2.2.4 Chức năng quản lý sản phẩm

2.2.4.1 Biểu đồ usecase quản lý sản phẩm

2.8 Biều đồ usecase chức năng quản lý sản phẩm

*Đặc tả use case quản lý sản phẩm:

- Tác nhân: quản lí

- Mô tả: Tác nhân tiến hành đăng nhập vào hệ thống, đăng nhập thành công, tác nhân tiến hành chọn chức năng quản lý sản phẩm để thực hiện các thao tác: thêm, xóa, sửa thông tin sản phẩm

- Dòng sự kiện chính:

+ Tác nhân đăng nhập vào hệ thống bằng tài khoản đã được cấp

+ Đăng nhập thành công, tác nhân yêu cầu giao diện quản lý sản phẩm

+ Hệ thống hiển thị giao diện quản lý sản phẩm

+ Tại giao diện quản lý video tác nhân có thể thực hiện: thêm, sửa, xóa sản phẩm

+ Sau khi thực hiện các thao tác chức năng thêm, sửa, xóa hệ thống sẽ lưu thông tin sản phẩm vào cơ sở dữ liệu

+ Kết thúc use case quản lý sản phẩm

9

- Dòng sự kiện phụ:

+ Sự kiện 1: Nếu tác nhân chọn chức năng khác nhưng lại muốn trở lại

giao diện chính Hệ thống trở về giao diện chính Kết thúc use case

trở về giao diện chính Kết thúc use case quản lý sản phẩm

- Các yêu cầu đặc biệt: không có

- Trạng thái hệ thống trước khi sử dụng use case: không có yêu cầu

- Trạng thái hệ thống sau khi sử dụng use case:

+ Nếu thêm, sửa, xóa bài viết thành công, hệ thống sẽ gửi thông báo “Bạn đã lưuvideo!” và hiển thị giao diện chính cho tác nhân thực hiện các chức năng khác

2.2.4.2 Biểu đổ trình tự quản lý sản phẩm

2.9 Biều đồ trình tự chức năng quản lý sản phẩm

10

CHƯƠNG 3 : KẾT QUẢ THỰC NGHIỆM

Giao diện người dùng:

3.1 Trang chủ

3.2 Trang giới thiệu

12

3.3 Trang giỏ hàng

3.4 Trang thanh toán

13

3.5 Trang login khách hàng

Giao diện Admin:

3.6 Trang login quản lí

14

3.7 Trang home

3.8 Trang quản lí admin

15

3.9 Trang quản lý danh mục sản phẩm

3.10 Trang quản lý sản phẩm

16

3.11 Trang quản lý người dùng

3.12 Trang quản lý đơn hàng

17

KẾT LUẬN

Công nghệ thông tin mở ra triển vọng to lớn trong việc đổi mới các phương pháp và hình thức dạy học Những phương pháp dạy học theo cách tiếp cận kiến tạo, phương pháp dạy học theo dự án, dạy học phát hiện và giải quyết vấn đề càng có nhiều điều kiện để ứng dụng rộng rãi Tiếp thu và ứng dụng những thành tựu của công nghệ thông tin trong công việc kinh doanh Cùng với việc sử dụng công nghệ thông tin thực hành cho công việc quản lý, rất cần có những hệ thống quản lý hiệu quả và tối ưu nhất, để góp phần tăng lên tính tích cực của việc quản lý

Xong do kỹ năng lập trình còn kém nên giao diện chưa thực sự thân thiện với người dùng và chỉ đáp ứng được một số yêu cầu của bài toán Trong thời gian tới em sẽ tiếp tục hoàn thiện các chức năng và bổ sung các chức năng mới

để mang lại sự tiện dụng cho người sử dụng Trong tương lai em sẽ hoàn thiện

đề tài và cố gắng đáp ứng đầy đủ nhất các yêu cầu hệ thống thực đòi hỏi Vì vậy kính mong quý thầy cô có thể chỉ bảo để em có thể hoàn thành đề tài này tốt hơn

18