Báo cáo thực tập Đề tài xây dựng website bán máy Ảnh

Xuất phát từ những nhu cầu thực tế và tầm quan trọng của website đối với con người vì vậy chúng em quyết định xây dựngwebsite bán camera nhằm tạo ra hệ thống quản lý bán hàng có tính thi

 

 BÁO CÁO THỰC TẬP 

 

 BÁO CÁO THỰC TẬP 

LỜI CẢM ƠN

Với lòng biết ơn sâu sắc nhất,chúng em xin gửi đến cô Nguyễn Thị Dung ở Khoa Công Nghệ Thông Tin đã truyền đạt vốn kiến thức quý báu cho chúng em trong suốt thời gian học tập tại trường Nhờ có những lời hướng dẫn, dạy bảo của cô nên bài báo cáo của em mới có thể hoàn thiện tốt đẹp.

Bài báo cáo thực tập thực hiện trong khoảng thời gian 2 tháng Bước đầu đi vào thực tế của chúng em còn hạn chế và còn nhiều bỡ ngỡ nên không tránh khỏi những thiếu sót, em rất mong nhận được những ý kiến đóng góp quý báu của cô để kiến thức của chúng em trong lĩnh vực này được hoàn thiện hơn đồng thời có điều kiện bổ sung, nâng cao kĩ năng và ý thức của mình.

Em xin chân thành cảm ơn!

Nội dung

LỜI CẢM ƠN 3

Chương 1 Giới thiệu 6

1.1 Đặt vấn đề 6

1.2 Mục tiêu của đề tài 6

1.3 Đối tượng và phạm vi nghiên cứu 7

Đối tượng nghiên cứu 7

Phạm vi nghiên cứu 7

1.4 Phương pháp nghiên cứu 7

1.5 Nội dung nghiên cứu 7

1.6 Cơ sở lý thuyết 8

a) PHP 8

b) HTML 8

c) CSS 8

d) JavaScript 9

e) Bootstrap 9

f) MySQL 10

g) XAMPP 10

Chương 2 Phân tích thiết kế 11

2.1 Tổng quan hệ thống 11

2.2 Thiết kế hệ thống 14

Sơ đồ Usecase tổng quát 14

Sơ đồ chi tiết usecase 15

Sơ đồ lớp và mô tả các bảng dữ liệu 25

Sơ đồ trình tự 28

Chương 3 Demo 32

Màn hình nhập liệu đăng nhập 33

Màn hình nhập liệu xác nhận đơn hàng 33

Giao diện trang chủ của người dùng 34

Xem chi tiết sản phẩm 34

Xem chi tiết đơn hàng 35

Trang chủ admin 35

Trang quản lý khách hàng 36

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

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

3.2 Hướng dẫn sử dụng cơ bản 38

Kết luận 41

Chương 1 Giới thiệu

1.1 Đặt vấn đề

Thế kỷ 21 đã và đang chứng kiến sự phát triển mạnh mẽ của ngành Công NghệThông Tin Nhờ việc phát triển website trên toàn thế giới , nền tri thức của nhân loại ngàycàng xích lại gần nhau hơn Ngày nay website đã đóng một vai trò quan trọng đối với conngười chúng ta từ giải trí bán hàng cho đến quảng cáo Xuất phát từ những nhu cầu thực

tế và tầm quan trọng của website đối với con người vì vậy chúng em quyết định xây dựngwebsite bán camera nhằm tạo ra hệ thống quản lý bán hàng có tính thiết thực và ứngdụng vào thực tế

 Những khó khăn gặp phải hàng ngày cạnh tranh thị trường,quảng cáo sản phẩmthu hút người tiêu dùng…

 Những nhu cầu gặp phải hàng ngày giá cả hợp lý, chất lượng và số lượng sảnphẩm ….để có thể thỏa mản người tiêu dùng

1.2 Mục tiêu của đề tài

 Xây dựng website bán camera

 Nghiên cứu công nghệ phát triển website

 Giải quyết tối ưu hóa quá trình quản lý bán hàng và bán hàng

1.3 Đối tượng và phạm vi nghiên cứu

Đối tượng nghiên cứu

Đối tượng nghiên cứu là cửa hàng bán máy ảnh và người có nhu cầu muốn mua máy ảnh web trực tuyến

Phạm vi nghiên cứu

Đề tài được nghiên cứu và phát triển trong phạm vi của một cửa hàng bán máy ảnh.Đáp ứng nghiệp vụ kinh doanh của cửa hàng và nền tảng mua hàng thuận tiện cho khách hàng

1.4 Phương pháp nghiên cứu

Về lý thuyết, sử dụng mô hình kiến trúc Client -Server

Về lập trình: Front-end sử dụng Php, HTLM, CSS, Bootstrap

Back-end sử dụng Js

Database sử dụng mysql

1.5 Nội dung nghiên cứu

- Phân tích yêu cầu: Tiến hành phân tích nhu cầu mua bán máy ảnh online, tìm kiếm

các website mua bán máy ảnh đã có để tham khảo

- Thiết kế: Mô tả tổng quát về hệ thống, các yêu cầu chức năng, cơ sở dữ liệu và thiết

kế hệ thống

1.6 Cơ sở lý thuyết

a) PHP

Công cụ để làm gì: PHP là một ngôn ngữ lập trình phía server, thường được sử dụng

để phát triển các trang web và ứng dụng web động

Ưu điểm:

Dễ học và sử dụng cho người mới bắt đầu

Có khả năng kết nối với nhiều loại cơ sở dữ liệu

Là mã nguồn mở, cộng đồng phát triển và tài liệu phong phú

Tương thích tốt với HTML, CSS, và JavaScript

Phiên bản sử dụng: 8.0 trở lên

Phiên bản mới nhất: PHP 8.3.

b) HTML

Công cụ để làm gì: HTML (HyperText Markup Language) là ngôn ngữ đánh dấu

chính để xây dựng cấu trúc và nội dung trang web

Ưu điểm:

Dễ học, dễ hiểu, và được sử dụng rộng rãi

Tương thích với mọi trình duyệt và thiết bị

Cơ sở cho các ngôn ngữ web khác như CSS và JavaScript

Phiên bản sử dụng: HTML5 (tiêu chuẩn hiện tại).

Phiên bản mới nhất: HTML5.

c) CSS

Ưu điểm:

Tách biệt nội dung và phong cách, dễ dàng tùy chỉnh giao diện

Cung cấp khả năng responsive để tối ưu trên mọi thiết bị

Có thể tái sử dụng với nhiều trang

Khả năng xử lý phía client, giúp giảm tải cho server

Tương thích với nhiều trình duyệt và dễ dàng sử dụng cùng với HTML, CSS

Có nhiều thư viện và framework hỗ trợ (như React, Vue, Angular)

Phiên bản sử dụng: ECMAScript 6 (ES6) trở lên

Phiên bản mới nhất: ECMAScript 2023

e) Bootstrap

Công cụ để làm gì: Bootstrap là một framework CSS giúp xây dựng giao diện web nhanh chóng và nhất quán

Ưu điểm:

Dễ sử dụng và tăng tốc độ phát triển giao diện

Hỗ trợ responsive design, hiển thị tốt trên nhiều loại thiết bị

Cung cấp sẵn nhiều thành phần giao diện

Phiên bản sử dụng: Bootstrap 5

f) MySQL

Công cụ để làm gì: MySQL là hệ quản trị cơ sở dữ liệu quan hệ, dùng để lưu trữ và quản lý dữ liệu

Ưu điểm:

Hiệu suất cao và ổn định

Hỗ trợ giao dịch và các quy tắc toàn vẹn dữ liệu

Mã nguồn mở, có cộng đồng rộng lớn và nhiều tài liệu hỗ trợ

Phiên bản sử dụng: MySQL 8.0

Phiên bản mới nhất: MySQL 8.1

g) XAMPP

Công cụ để làm gì: XAMPP là một gói phần mềm phát triển web tích hợp gồm

Apache, MySQL, PHP và Perl, giúp tạo ra môi trường phát triển trên máy tính cá nhân

Ưu điểm:

Cài đặt dễ dàng và sẵn sàng sử dụng ngay lập tức

Tương thích với nhiều hệ điều hành (Windows, macOS, Linux)

Phù hợp cho việc phát triển và kiểm tra ứng dụng trước khi triển khai lên server thật.Phiên bản sử dụng: XAMPP 8.0 trở lên

Phiên bản mới nhất: XAMPP 8.2

Chương 2 Phân tích thiết kế

2.1 Tổng quan hệ thống

2.1.1 Mô tả hệ thống

Trong thời đại Công nghiệp hóa - hiện đại hóa, Công nghệ thông tin đã thực

sự trở thành nguồn tài nguyên vô cùng quan trọng Ngày nay, công nghệ thông tin

đã có những bước phát triển mạnh mẽ theo cả chiều rộng và sâu Đứng trước sự bùng nổ thông tin, các tổ chức và các doanh nghiệp đều tìm mọi biện pháp để xây dựng hoàn thiện hệ thống thông tin của mình nhằm tin học hoá các hoạt động tác nghiệp của đơn vị Do đó, ngày càng có rất nhiều phần mềm quản lý ra đời nhằm đáp ứng được nhu cầu hiện nay của xã hội

Các doanh nghiệp bán kem vừa và nhỏ cần bắt kịp xu thế của thời đại, họ nên

có website riêng để tiếp cận đến nhiều đối tượng khách hàng Website thương mại điện tử bán kem sẽ giúp khách hàng hàng dễ dàng hơn trong quá trình chọn lựa sản phẩm yêu thích, biết được đầy đủ thông tin về sản phẩm, quản lý giỏ hàng và đặt mua sản phẩm mọi lúc mọi nơi Ngoài ra, website cũng là công cụ giúp người quản

lý dễ dàng thao tác, cập nhật sản phẩm cũng như các thông tin, số liệu liên quan đếndoanh nghiệp, quản lý quyền nhân viên để từ đó có thể quảng bá thương hiệu rộng rãi đến người dùng

2.1.2 Đặc điểm người dùng và các chức năng của hệ thống

Hệ thống có 2 phần:

- Phần khách hàng: Khách hàng là người có nhu cầu, mua sắm thiết bị,họ sẽ tìm

kiếm các mặt hàng cần thiết từ hệ thống và đặt mua các mặt hàng này Vì thế phải

- Phần quản trị: Admin có quyền kiểm soát hoạt động của hệ thống ,Admin được

cấp username và password để đăng nhập hệ thống thực hiện chức năng chính củamình

 Chức năng thêm, xóa các loại mặt hàng máy ảnh

 Hiển thị đơn đặt hàng, thực hiện quản lý các đơn hàng

 Quản lý sản phẩm

 Quản lý người dùng(khách hàng)

Quy trình đặt hàng

Hình Phân tích thiết kế.1 Sơ đồ quy trình đặt hàngYêu cầu:

- Thông tin đơn hàng cần được lưu lại

- Đơn hàng sẽ được admin duyệt

Quy trình xem đơn đặt hàng

Hình Phân tích thiết kế.2 Sơ đồ quy trình xem đơn đặt hàng

Yêu cầu:

- Đơn hàng có thể chỉnh sửa được trạng thái

- Danh sách đơn hàng phải được cập nhật nhanh nhất

2.2 Thiết kế hệ thống

Sơ đồ Usecase tổng quát

Hình Phân tích thiết kế.3 Sơ đồ use case tổng quát

Sơ đồ chi tiết usecase

Hình Phân tích thiết kế.4 Sơ đồ use case Đăng nhập

Hình Phân tích thiết kế.5 Sơ đồ use case chi tiết quản lý đơn hàng

Hình Phân tích thiết kế.6 Sơ đồ use case quản lý sản phẩm

Hình Phân tích thiết kế.5 Sơ đồ use case quản lý danh mục

Hình Phân tích thiết kế.6 Sơ đồ use case quản lý đơn hàng cá nhân

Hình Phân tích thiết kế.7 Sơ đồ use case xem chi tiết sản phẩm

 Mô tả Use Case Đăng nhập

Pre-conditions

Post-conditions Success: Hiển thị giao diện trang chủ.

Fail: Thông tin tài khoản hoặc mật khẩu sai

Luồng sự kiện chính

Chọn chức năng đăng nhập

Hệ thống hiển thị màn hình đăng nhập

 Extend Use Case Admin

 Extend Use Case Login.

Luồng sự kiện phụ Actor nhấn nút Trở về trang chủ.

Hệ thống quay về trang chủ chưa đăng nhập

<Extend Use Case>

Admin

1 Hiển thị giao diện đăng nhập admin

2 Nhập tài khoản mật khẩu và chọn login

3 Kiểm tra tài khoản mật khẩu

1 Nhập tài khoản mật khẩu và chọn login

2 Kiểm tra thông tin tài khoản mật khẩu

3 Trả về kết quả

Rẽ nhánh 1:

2.1 Tài khoản hoặc mật khẩu trống 3.1 Thông tin tài khoản hoặc mật khẩu sai

 Mô tả Use Case Đăng ký

Mô tả Actor khách hàng đăng ký tài khoản mới vào hệ thống

Pre-conditions

Post-conditions Success: Hiển thị giao diện trang chủ.

Fail: Yêu cầu điền đầy đủ thông tin

1 Nhập thông tin tài khoản và chọn đăng ký

2 Kiểm tra tài khoản mật khẩu và các thông tin khác

Tên Use case Quản lý Sản phẩm

Mô tả

Actor nhân viên sẽ đăng nhập vào hệ thống và sử dụng chức năng quản lý bao gồm có: Xem sản phẩm, Thêm sản phẩm, thay đổi trạng thái, cập nhật giá sản phẩm

Pre-conditions Đăng nhập tài khoản admin

Post-conditions Success: Hiển thị giao diện Quản lý sản phẩm

Fail: Không thể truy cập

Luồng sự kiện chính

Actor chọn chức năng Đăng Nhập

Hệ thống hiển thị màn hình Quản lý Sản phẩm

 Extend Use Case Thêm sản phẩm

 Extend Use Case Sửa Sản Phẩm.

 Extend Use Case Xoá Sản Phẩm.

Luồng sự kiện phụ Actor nhấn nút Đăng xuất

Hệ thống quay về trang Đăng Nhập

<Extend Use Case>

Rẽ nhánh 2:

4.1 Thông tin không hợp lệ

4.2 Lặp lại bước 1 luồng sự kiện chính.

<Extend Use Case> Sửa sản phẩm

1 Actor chọn sửa và nhập thông tin sản phẩm cần sửa

Rẽ nhánh 2:

4.1 Thông tin không hợp lệ

4.2 Lặp lại bước 1 luồng sự kiện chính.

<Extend Use Case>

Rẽ nhánh 2:

4.1 Thông tin không hợp lệ

4.2 Lặp lại bước 1 luồng sự kiện chính.

Tên Use case Quản lý đơn hàng cá nhân

Mô tả

Actor khách hàng đăng nhập vào hệ thống và sử dụng chức năng quản lý đặt hàng bao gồm có: Xem đơn đặt hàng, tìm kiếm đơn đặt hàng, thêm đơn đặt hàng, hủy đơn đặt hàng.Pre-conditions Đăng nhập tài khoản khách hàng

Post-conditions Success: Hiển thị giao diện Quản lý đặt hàng.

Fail: Không thể truy cập

Luồng sự kiện chính

Chọn chức năng Quản lý đặt hàng

Hệ thống hiển thị màn hình Quản lý đặt hàng

 Extend Use Case Xem chi tiết đơn đặt hàng.

Luồng sự kiện phụ Actor nhấn nút Đăng xuất.

Hệ thống quay về trang chủ chưa đăng nhập

<Extend Use Case>

Xem chi tiết đơn đặt hàng

Rẽ nhánh 1:

3.1 Không có đơn hàng không tồn tại 3.2 Xuất ra màn hình

Tên Use case Quản lý đơn hàng

Mô tả Actor nhân viên xem thông tin phiếu đặt hàng trong hệ thống và

thực hiện các chức năng xóa,sửaPre-conditions Đăng nhập tài khoản admin

Post-conditions Success:quản lý được trang web(xóa ,sửa ,…phiếu đặt hàng)

Fail:đăng nhập thất bại => không vào được trang web

Luồng sự kiện chính

Actor chọn chức năng Quản lý đơn hàng

Hệ thống hiển thị màn hình Quản lý đơn hàng

 Extend Use Case Duyệt

 Extend Use Case Xoá

Luồng sự kiện phụ Actor nhấn nút Thoát

Hệ thống hủy màn hình Quản lý đơn hàng

<Extend Use Case>

Duyệt

1 Actor chọn duyệt đơn hàng trong danh sách đơn hàng

2 Hiển thị giao diện sửa tình trạng đơn hàng

3 Actor sửa tình trạng và chọn xác nhận

4 Cập nhật CSDL

5 Hiển thị thông tin cập nhật

6 Về lại trang Quản lý đơn hàng

Rẽ nhánh 1:

4.1 Cập nhật cơ sở dữ liệu không thành công

Rẽ nhánh 2:

5.1   Hiển thị danh sách đơn hàng mới không thành công

<Extend Use Case>

Xoá

1 Actor chọn xóa đơn hàng trong danh sách đơn hàng

2 Cập nhật CSDL

3 Hiển thị thông tin danh sách đơn hàng mới cập nhật

Về lại trang Quản lý đơn hàng

Rẽ nhánh 1:

2.1 Cập nhật cơ sở dữ liệu không thành công

Rẽ nhánh 23.1 Hiển thị danh sách đơn hàng mới không thành công

 Mô tả Use Case Quản lý danh mục

Tên Use case Quản lý danh mục

Mô tả

Actor nhân viên đăng nhập vào hệ thống và sử dụng chức năng quản lý đặt hàng bao gồm có: Xem đơn đặt hàng, tìm kiếm đơn đặt hàng, thêm đơn đặt hàng, hủy đơn đặt hàng.Pre-conditions Đăng nhập tài khoản admin

Post-conditions Success: Hiển thị giao diện Quản lý danh mục.

Fail: Không thể truy cập

Luồng sự kiện chính

Chọn chức năng Quản lý danh mục

Hệ thống hiển thị màn hình Quản lý danh mục

 Extend Use Case Thêm

 Extend Use Case Xoá.

Luồng sự kiện phụ Actor nhấn nút Đăng xuất.

Hệ thống quay về trang chủ chưa đăng nhập

<Extend Use Case>

Thêm

1 Khách hàng chọn vào thêm danh mục

2 Nhập tên danh mục sau đó chọn lưu

Sơ đồ lớp

Hình Phân tích thiết kế.7 Sơ đồ lớp

Sơ đồ lớp và mô tả các bảng dữ liệu

Bảng user

Mô tả: Bảng user chứa danh sách người dùng

Thuộc tính Kiểu K U M Diễn giải

fullname Char(30) x Tên đầy đủ của khách hàng

Mô tả: Bảng user chứa danh sách người dùng

Thuộc tính Kiểu K U M Diễn giải

Email Nvarchar(50) x Email khách hàng

Gioitinh Nvarchar(50) x Giới tính khách hàng

Bảng admin

Mô tả: Bảng admin chứa danh mục những nhân viên của cửa hàng

Thuộc tính Kiểu K U M Diễn giải

Username Nvarchar(30) x Tên đăng nhập

Password Nvarchar(50) x Mật khẩu

status Char(10) x Trạng thái tài khoản

Bảng odersdetail

Mô tả: Bảng odersdetail chứa những chi tiết có trong hóa đơn

Thuộc tính Kiểu K U M Diễn giải

Oderid Char(10) x x x Số thứ tự hóa đơn

Product_name Char(30) x Tên sản phẩm

Bảng product

Mô tả: Bảng product chứa danh sách sản phẩm

Thuộc tính Kiểu K U M Diễn giải

Mô tả: Bảng product chứa danh sách sản phẩm

Thuộc tính Kiểu K U M Diễn giải

Bảng danhmuc

Mô tả: Bảng danhmuc chứa danh mục sản phẩm

Thuộc tính Kiểu K U M Diễn giải

Bảng oders

Mô tả: Bảng oders chứa danh sách đơn hàng của khách hàng

Thuộc tính Kiểu K U M Diễn giải

Bảng Imagelibrary

Mô tả: Bảng Imagelibrary chứa danh sách các ảnh sản phẩm

Thuộc tính Kiểu K U M Diễn giải

Sơ đồ trình tự

Hình Phân tích thiết kế.8 Sơ đồ trình tự đăng nhập

Hình Phân tích thiết kế.9 Sơ đồ trình tự đăng nhập admin

Hình Phân tích thiết kế.10 Sơ đồ trình tự đăng ký

Hình Phân tích thiết kế.11 Sơ đồ trình tự đặt hàng

Hình Phân tích thiết kế.12 Sơ đồ trình tự Quản lý đơn hàng

Hình Phân tích thiết kế.13 Sơ đồ trình tự Thêm sản phẩm

Màn hình nhập liệu đăng nhập

Hình Demo.8 Giao diện đăng nhập

Màn hình nhập liệu xác nhận đơn hàng

Giao diện trang chủ của người dùng

Hình Demo.10 Giao diện trang chủ của người dùng

Xem chi tiết sản phẩm

Hình Demo.11 Giao diện Xem chi tiết sản phẩm

Xem chi tiết đơn hàng

Hình Demo.12 Giao diện xem chi tiết đơn hàng

Trang chủ admin

Hình Demo.13 Giao diện trang chủ admin

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

Hình Demo.13 Giao diện trang quản lý đơn hàng

3.2 Hướng dẫn sử dụng cơ bản

Hướng dẫn đặt hàng bằng tài khoản người dùng

 Giao diện chính để lựa chọn sản phẩm

 Khách hàng chọn sản phẩm bất kì, sau đó màn hình sẽ chuyển qua trang chi tiếtsản phẩm mà khách hàng vừa chọn