Bài tập lớn chuyên đề thực tập cơ sở

Giao diện Website...9Phần Header...9Phần footer...9Content Trang chủ...9Content trang Đăng nhập...11Content trang Đăng ký...12Content trang Danh mục sản phẩm...12Content Trang Iphone...1

TRƯỜNG ĐẠI HỌC MỞ HÀ NỘI KHOA CÔNG NGHỆ THÔNG TIN

-BÀI TẬP LỚN MÔN: CHUYÊN ĐỀ THỰC TẬP CƠ SỞ

Giảng viên hướng dẫn : Nguyễn Thị Tâm

Sinh viên thực hiện : Vũ Trọng An - 1910A01

Hà Nội – Năm 2023

Mục lục

Phân công công việc 3

I Phân tích bài toán 4

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

2 Đánh giá các đề tài liên quan 4

II Yêu cầu 5

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

2 Chi tiết các trang 5

III Sơ đồ phân rã chức năng 7

IV Sơ đồ luồng dữ liệu mức đỉnh 8

V Giao diện Website 9

Phần Header 9

Phần footer 9

Content Trang chủ 9

Content trang Đăng nhập 11

Content trang Đăng ký 12

Content trang Danh mục sản phẩm 12

Content Trang Iphone 13

Content Trang Samsung 13

Content Trang Oppo 14

Content Trang Xiaomi 14

Content Trang Chi tiết sản phẩm 15

Content Trang Giỏ hàng 15

Content trang Giới thiệu 16

Content trang Liên hệ 17

VI KẾT LUẬN 18

VII TÀI LIỆU THAM KHẢO 18

Phân công công việc

Vũ Trọng An -

1910A01

Phân tích chức năng đăng nhập, đăng ký, đăng xuất, thêm giỏ hàng, xóa giỏ hàng

Phạm Quang Đạt

– 18A4

Giao diện các trang Apple, Samsung, Xiaomi, Oppo, Giỏ hàng, giới thiệu, liên hệ

Hoàng Minh Đức

-1910A01

thiết kế giao diện các trang web:trang đăng nhập/ đăng kí, Lập sản phẩm và tài khoản

Nguyễn Long

Thành – 18A4

Phân tích bài toán, xác định yêu cầu, sơ đồ phân rã chức năng, sơ đồ luồng dữ liệu mức đỉnh, giao diện các trang: Trang chủ, danh mục sản phẩm, chi tiết sản phẩm

I Phân tích bài toán

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

Khi công nghệ ngày càng phát triển, sức hút của chúng ngày càng được tăng cao, từ đó nhu cầu được sở hữu điện thoại ngày một lớn Nắm bắt được nhu cầu đó, website thương mại điện tử shop bán điện thoại được ra đời

Có nhiều hãng điện thoại khác nhau cho người dùng có thể lựa chọn như Apple, Samsung, Oppo,

Một người có thể đặt mua số lượng nhiều về một hoặc nhiều điện thoại khác nhau

Hoạt động kinh doanh của cửa hàng cũng có thể được thống kê đầy đủ trên website này

2 Đánh giá các đề tài liên quan

Cũng có nhiều đề tài website bán điện thoại được xây dựng nhưng đại đa số là về các loại sản phẩm có nhu cầu tiêu dùng cao và được mở bán ồ ạt Không những vậy, những website này chỉ mang tính chất giới thiệu là chính, chưa thực sự hỗ trợ tốt cho người dùng về việc mua trực tiếp sản phẩm trên website Đánh giá đề tài của các khóa trước:

o Ưu điểm:

Cấu trúc cơ bản của một trang web khá tốt Nội dung đa dạng, phong phú nhiều nội dung Trình bày cẩn thận

Thị trường và tương lai phát triển rộng mở

o Nhược điểm:

Phía server của trang web chưa hoàn chỉnh Các chức năng chưa thực sự đầy đủ

Thiếu kinh nghiệm trong xây dựng và quản lý

II Yêu cầu

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

Quản lí việc đăng xuất, đăng nhập, tạo tài khoản mới của khách hàng

Quản lí được giỏ hàng cùng các mặt hàng khách hàng yêu thích Quản lí danh sách các mặt hàng hiển thị trong trang web Hiển thị và gợi ý các mặt hàng, tiện lợi trong việc chọn hàng và thanh toán khi mua hàng

Đảm bảo trải nghiệm mua hàng online của khách hàng được mượt mà và thuận thiện

Giao diện hiện đại tươi sáng, tạo cảm giác tin tưởng và khẳng định thương hiệu với khách hàng

Quản lí các mặt hàng và tài khoản với quyền admin

2 Chi tiết các trang

a) Trang chủ

Nhiệm vụ: Quảng cáo sản phẩm bán chạy, sản phẩm nổi bật,

Bố cục: Danh mục sản phẩm

b) Trang Đăng ký

Nhiệm vụ: Người dùng đăng ký tài khoản để thực hiện giao dịch mua bán điện thoại

Bố cục: Form đăng ký

c) Trang Đăng nhập

Nhiệm vụ: Người dùng đăng nhập tài khoản đã đăng ký

để thực hiện giao dịch mua bán điện thoại

Bố cục: Form đăng nhập

d) Trang Danh mục sản phẩm

Nhiệm vụ: Trình bày một số sản phẩm kèm theo sidebar bên trái để người dùng dễ dàng chọn hãng điện thoại muốn mua

Bố cục: Danh mục sản phẩm

e) Trang Giỏ hàng

Nhiệm vụ: Khi người dùng ấn nút “Thêm vào giỏ hàng” ở trang Chi tiết sản phẩm, sản phẩm tương ứng sẽ được thêm vào giỏ hàng

Bố cục: Sảm phẩm được thêm kèm chi tiết, thanh toán

f) Trang Giới thiệu

Nhiệm vụ: Giới thiệu về Thành Đạt mobile kèm theo đảm bảo về chất lượng điện thoại

Bố cục: Giới thiệu về cửa hàng

g) Trang Liên hệ

Nhiệm vụ: Trang ghi nhận ý kiến người dùng (nếu có) về cửa hàng

Bố cục: Form phản hồi

h) Trang Sản phẩm chi tiết

Nhiệm vụ: Trình bày chi tiết về sản phẩm

Bố cục: Chi tiết sản phẩm

i) Trang Iphone, Samsung, Oppo, Xiaomi

Nhiệm vụ: Trình bày các điện thoại được phân hãng tương ứng

Bố cục: Danh mục sản phẩm

III Sơ đồ phân rã chức năng

IV Sơ đồ luồng dữ liệu mức đỉnh

V Giao diện Website

Phần Header

Phần footer

Content Trang chủ Banner-1

Banner-2

Content-2

Tin tức

Content trang Đăng nhập

Content trang Đăng ký

Content trang Danh mục sản phẩm

Content Trang Iphone

Content Trang Samsung

Content Trang Oppo

Content Trang Xiaomi

Content Trang Chi tiết sản phẩm

Content Trang Giỏ hàng

Content trang Giới thiệu

Content trang Liên hệ

VI KẾT LUẬN

Ưu điểm:

-Trang web cơ bản hoàn thiện

-Nội dung phong phú đa dạng

-Cách phối màu hợp với phong cách hiện đại, tinh tế

Nhược điểm:

- server chưa hoàn thiện

- Chưa đầy đủ các chức năng

VII TÀI LIỆU THAM KHẢO

-Các trang thương mại điện tử: https://www.lazada.vn, https://shopee.vn

-Tài liệu lập trình của thầy Trần tiễn Dũng :

https://sites.google.com/view/trantiendungnd91/lập-trình-web-cơ-bản?authuser=0