Slide báo cáo đồ án xây dựng website bán quần áo bằng php mysql

Báo cáo đồ án tốt nghiệp. Đồ án website Làm thuê đồ án 123code.net . Website bán quần áo bằng php mysql. Cần code thuê làm thuê đồ án liên hệ https:123code.net hoạc face cá nhân https:www.facebook.comTrungPhuNA

Trang 1

Giảng viên hướng dẫn: <tên>

Sinh viên thực hiện: <tên> - <lớp>

ĐỒ ÁN TỐT NGHIỆP KĨ SƯ

BÁO CÁO

XÂY DỰNG WEBSITE BÁN QUẦN ÁO

Trang 2

Tổng quan đề tài

Tổng quan về công nghệ thiết kế website

Phân tích và thiết kế website

Giao diện website

Kết luận

Tài liệu tham khảo

Nội dung:

1 2 3 4 5 6

Trang 3

Chương 1: Tổng quan đề tài Chương 1: Tổng quan đề tài

Thực hiện mục tiêu đáp ứng tối

đa nhu cầu của khách hàng

Hỗ trợ việc mua bán qua mạng nhanh chóng, hiệu quả

Hình thức online ngày càng cạnh trang gay gắt

Giúp khách hàng lựa chọn sản phẩm mới mà không phải đến tận nơi

Hình thức online tiếp cận lượng người dùng lớn

1.1 Lý do

chọn đề tài

Lựa chọn đề tài “Xây dựng website bán quần áo”

Trang 4

- Các dữ liệu phải có mã hoặc số hiệu.

- Lưu trữ các giao dịch của khách hàng.

Trang 5

1.3 Yêu cầu của đề tài

 Về thông tin:

- Thông tin lưu trữ đầy đủ, chính xác, lâu dài.

- Giao diện thân thiện, cập nhật số lượng và sản phẩm mới liên tục.

- Quản lý và người dùng có tài khoản riêng.

Trang 6

1.4 Ý nghĩa của đề tài

 Ý nghĩa khoa học:

- Đưa ra cơ sở lý thuyết áp dụng xây dựng website bán quần áo.

- Phân tích và thiết kế cơ sở dữ liệu phục vụ bài toán.

- Thiết kế giao diện website.

Ngoài giao diện thâm thiện, website còn lưu trữ dữ liệu lâu dài, tìm kiếm nhanh chóng… giúp dễ dàng trong quản lý.

Trang 7

Chương 2: Tổng quan về công nghệ thiết kế website

2.1 Phân tích và thiết kế hướng đối tượng

 Định nghĩa:

Phân tích và thiết kế hướng đối tượng(OOAD) là giao doạn phát triển một mô hình chính xác và súc tích của vấn đề, có thành phần là các đối tượng và khái niệm đời thực

 Nguyên tắc chung:

- Một lớp chỉ nên xử lý một chức năng đơn lẻ, duy nhất

- Các lớp, module, chức năng nên dễ dàng Mở cho việc thêm, và Đóng cho việc thay đổi

- Lớp dẫn xuất phải có khả năng thay thế lớp cha

- Chương trình không nên buộc cài đặt Interface mà không sử dụng

- Các module cao cấp không nên phụ thuộc vào các module cấp thấp Cả hai nên phụ thuộc thông qua lớp trừu tượng

 UML là gì?

UML là ngôn ngữ mô hình hóa hợp nhất dùng để tạp ra các bản vẽ nhằm mô tả thiết kế hệ thống

 Các loại sơ đồ UML chủ yếu:

- Sơ đồ lớp (Class Diagram)

- Sơ đồ đối tượng (Object Diagram)

- Sơ đồ tình huống sử dụng (Use Case Diagram)

- Sơ đồ trình tự (Sequence Diagram)

- Sơ đồ cộng tác (Composite Structure Diagram)

- Sơ đồ trạng thái (State machine Diagram)

- Sơ đồ thành phần (Component Diagram)

- Sơ đồ hoạt động (Activity Diagram)

- Sơ đồ triển khai (Deployment Diagram)

- Sơ đồ gói (Package Diagram)

- Sơ đồ tương tác (Interaction Overview Diagram)

Trang 8

Chương 2: Tổng quan về công nghệ thiết kế website Chương 2: Tổng quan về công nghệ thiết kế website

2.1 Phân tích và thiết kế hướng đối tượng

 OOAD sử dụng UML:

- View(góc nhìn):

Các view trong OOAD sử dụng UML

- Diagram(bản vẽ):

Các bản vẽ trong OOAD sử dụng UML

- Notations(các ký hiệu): Kí hiệu để vẽ

- Mechanisms(các quy tắc): Mỗi bản vẽ có quy tắc riêng để tạo nên bản thiết

kế đúng và nhất quán

Trang 9

Chương 2: Tổng quan về công nghệ thiết kế website

2.2 Ngôn ngữ thiết kế website

 HTML:

HTML(Hypertext Markup Language) là mã được dùng để xây dựng nên cấu

trúc và nội dung của trang web

HTML là ngôn ngữ đánh dấu văn bản(markup language) xác định cấu trúc nội dung trang web

 HTML

 CSS:

CSS(Cascading Style Sheets) là ngôn ngữ sử dụng để tìm và định dạng lại các phần tử được tạo ra bởi các ngôn ngữ đánh dấu

Minh họa vai trò của CSS đối với

- Tính linh hoạt: Những người không quen thuộc có thể hiểu và chỉnh sửa

- Tính nhất quán: Có các yếu tố cần thay đổi , chỉnh sửa, những thay đổi này có thể được thực hiện dễ dàng, đơn giản bằng cách chỉnh sửa vài quy tắc trong stylesheet chung

Trang 10

2.3 Ngôn ngữ lập trình

 JavaScript:

Javascript là một ngôn ngữ lập trình của HTML và ứng dụng Web Chúng cho phép client-server script tương tác với người sử dụng và tạo các trang web động

 Ưu điểm của JavaScript:

- Với người thiết kế website:

Tiết kiệm băng thông cho máy chủ do JavaScript chạy trên máy chủ của người dùng

Linh hoạt vận hành, tương thích tốt

 Tính năng ưu việt của Jquery:

- Đơn giản hóa việc code

- Cho phép các ứng dụng tương thích cùng phát triển

- Có khả năng mở rộng

- Sử dụng hầu hết tính năng hiện đại của trình duyệt mới

- Hỗ trợ hầu hết các trình duyệt

Trang 11

2.3 Ngôn ngữ lập trình

 PHP:

PHP(Hypertext Preprocessor – ban đầu là Personal Home Pages) là tập hợp

con của các ngôn ngữ script như Javascript và Python Nó có thể xử lý các chức năng phía server như thu thập dữ liệu, biểu mẫu, quản lý file trên server

Với Javascript, có thể tạo trang web động cho phép tương tác đơn giản như hiệu ứng cuộn chuột, tự động sửa lỗi và thư viện ảnh Nhưng nó không thể tạo nội dung mà người dùng tạo như mạng xã hội và thương mại điện tử PHP là ngôn ngữ có thể làm được điều này

Javascript và PHP không phải đối thủ của nhau Mà chúng hỗ trợ nhau để xây dựng nên những trang web động đẹp

Trang 12

2.4 Mô hình MVC

 Mô hình MVC:

MVC là từ viết tắt của ‘Model-View-Controller’:

- Model: Nơi chứa những nghiệp vụ tương tác với dữ liệu hoặc quản trị cơ

sở dữ liệu

- View: Chứa những giao diện như nút, khung nhập, hình ảnh… làm nhiệm

vụ hiển thị dữ liệu với người dùng

- Controller: Tiếp nhận những yêu cầu xử lý được gửi từ người dùng, lấy những dữ liệu cần thiết nhờ nghiệp vụ lớp Model cung cấp, hiển thị dữ liệu nhờ lớp View

 Sự tương tác:

- Controller tương tác với View

- Controller tương tác với Model

- Model và View tương tác với nhau thông qua Controller

- Tạo chức năng chuyên biệt hóa

- Tạo mô hình chuẩn cho dự án

- Đơn giản, dễ hiểu

- Xử lý nghiệp vụ đơn giản

Trang 13

2.5 Hệ quản trị cơ sở dữ liệu MySQL

 Hệ quản trị cơ sở dữ liệu:

Hệ quản trị cơ sở dữ

liệu(Database Management System) là

hệ thống được thiết kế để quản lý khối lượng dữ liệu nhất định một cách tự động và có trật tự

Kiến trúc của một Hệ quản trị cơ sở dữ liệu

 Hệ quản trị cơ sở dữ liệu

 MySQL:

MySQL là hệ quản trị cơ sở dữ

liệu sử dụng mã nguồn mở phổ biến nhất thế giới và được các ưu chuộng trong quá trình phát triển web, ứng dụng

 Hệ quản trị cơ sở dữ liệu

- Cung cấp các công cụ kiểm soát, điều khiển các truy cập vào cơ sở dữ liệu

Trang 14

Chương 3: Phân tích và thiết kế website Chương 3: Phân tích và thiết kế website

Biểu đồ UseCase tổng quát

Trang 15

Biểu đồ UseCase của hệ thống

- Sự kiện A1: Hệ thống thông báo dữ liệu không hợp lệ  Nhập lại thông tin  Chuyển đến bước 4 của sự kiện chính

- Đầu ra: Lưu tài khoản khách hàng

Biểu đồ hoạt động Đăng ký

- Sự kiện A1: Hệ thống thông báo dữ liệu không hợp lệ  Nhập lại  Quay lại bước

3 sự kiện chính hoặc hủy

Biểu đồ hoạt động Đăng nhập

 Đăng xuất:

- Tác nhân: Quản lý và khách hàng

- Mô tả: Thoát tài khoản khỏi hệ thống

- Đầu vào: Chọn đăng xuất

- Sự kiện chính: Hệ thống hủy lưu thông tin đăng nhập  Quay về màn hình trang chủ

Biểu đồ UseCase của hệ thống

Trang 16

Biểu đồ UseCase của tác nhân KHACHHANG

 Xem chi tiết sản phẩm:

- Tác nhân: Khách hàng

- Mô tả: Khách hàng xem chi tiết sản phẩm

- Đầu vào: Khách hàng chọn một sản phẩm

- Sự kiện chính: Hệ thống lấy thông tin chi tiết sản phẩm  Hiển thị form chi tiết

 Đặt hàng:

- Mô tả: Khách hàng đặt mua sản phẩm

- Sự kiện chính: Khách hàng đăng nhập

hệ thống  Chọn giỏ hàng  Hệ thống hiển thị chức năng:

• Cập nhật số lượng trong giỏ hàng

• Xóa sản phẩm trong giỏ hàng

• Thanh toán đơn hàng

- Sự kiện A1: Hệ thống thông báo số lượng sản phẩm không đủ  Quay lại bước 2 của sự kiện chính

 Quản lý đơn hàng cá nhân:

• Xóa đơn hàng

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

- Sự kiện A1: Thông báo lỗi  Chuyển tới bước 3 của sự kiện chính

- Đầu ra: Thông tin các đơn hàng cập nhật vào cơ sở dữ liệu

 Cập nhật thông tin cá nhân:

- Mô tả: Khách hàng cập nhật thông tin

cá nhân

- Sự kiện chính: Chọn cập nhật thông tin cá nhân  Hiển thị form  Nhập thông tin muốn thay đổi  Hệ thống kiểm tra: đầy đủ

và đúng thì chuyển bước tiếp theo; không thì thực hiện sự kiện A1  Hệ thống thông báo cập nhật thành công  Cập nhật thông tin vào cơ sở dữ liệu

- Sự kiện A1: Hệ thống báo dữ liệu không hợp lệ  Nhập lại  Quay lại bước 4 của

- Đầu ra: Khách hàng đăng nhập thành công, chọn bình luận sản phẩm

- Sự kiện chính: Chọn đơn hàng muốn bình luận  Bình luận sản phẩm  Hệ thống kiểm tra dữ liệu: Nếu đầy đủ và đúng thì chuyển qua bước tiếp; không thì thực hiện

sự kiện A1  Hệ thống báo cập nhật bình luận thành công  Lưu bình luận vào cơ sở

dữ liệu

- Sự kiện A1: Hệ thống báo dữ liệu không hợp lệ  Nhập lại  Quay lại bước 3 của

sự kiện chính

Trang 17

Biểu đồ UseCase của tác nhân QUANTRIVIEN

Trang 18

 Quản lý danh mục:

- Tác nhân: Quản trị viên

- Mô tả: Quản trị viên quản lý danh mục, giúp quản lý sản phẩm dễ dàng

- Đầu vào: Đăng nhập thành công với quyền quản trị

- Đầu ra: Danh sách danh mục cập nhật vào cơ sở dữ liệu

Biểu đồ hoạt động Thêm thông tin dữ liệu

Biểu đồ hoạt động Cập nhật thông tin dữ liệu Biểu đồ hoạt động Xóa dữ liệu

Trang 19

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

- Mô tả: Quản trị viên quản lý sản phẩm của cửa hàng

- Đầu ra: Danh sách sản phẩm cập nhật vào cơ sở dữ liệu

Biểu đồ hoạt động Thêm thông tin dữ liệu

Biểu đồ hoạt động Tìm kiếm dữ liệu

Trang 20

 Quản lý tài khoản:

- Mô tả: Quản trị viên quản lý tài khoản của khách hàng

- Sự kiện chính:

• Xóa tài khoản

• Tìm kiếm tài khoản

- Sự kiện A1: Hệ thống báo lỗi  Nhập lại dữ liệu  Quay lại bước 3 của sự kiện chính

- Đầu ra: Danh sách tài khoản cập nhật vào cơ sở dữ liệu

Biểu đồ hoạt động Xóa dữ liệu

Trang 21

 Quản lý bình luận:

- Mô tả: Quản trị viên quản lý các bình luận của khách hàng

- Đầu ra: Danh sách bình luận cập nhật vào cơ sở dữ liệu

Biểu đồ hoạt động Thêm thông tin dữ liệu Biểu đồ hoạt động Xóa dữ liệu

Trang 22

 Quản lý đơn hàng:

- Mô tả: Quản trị viên quản lý các đơn hàng của hệ thống

- Đầu ra: Danh sách đơn hàng cập nhật vào cơ sở dữ liệu

Trang 23

Biểu đồ tuần tự Thêm thông tin dữ liệu Biểu đồ tuần tự Xóa dữ liệu Biểu đồ tuần tự Cập nhật thông tin dữ liệu Biểu đồ tuần tự Tìm kiếm dữ liệu

Trang 24

Quan hệ của các thực thể trong cơ sở dữ liệu

Trang 26

Bảng

product

Bảng orders transaction Bảng

Trang 27

Bảng

comments

Bảng reply

Trang 28

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

Chương 4: Giao diện website Chương 4: Giao diện website

Giao diện trang đăng kí

Giao diện trang đăng nhập

Trang 29

Giao diện trang chi tiết sản phẩm

Giao diện trang giỏ hàng

Giao diện trang thanh toán

Trang 30

Giao diện trang quản lý tổng quan Giao diện trang quản lý sản phẩm Giao diện trang quản lý đơn hàng

Trang 31

Chương 5: Kết luận Chương 5: Kết luận

• Giao diện chưa bắt mắt.

• Một số chức năng còn hạn chế.

Hướng phát triển

• Tăng tính bảo mật trang web.

• Cải tiến giao diện sinh động.

• Tạo hiệu ứng đẹp mắt.

Định dạng
Số trang	32
Dung lượng	4,63 MB