2113110018 phamthanhtung k15httt01

Pha thiết kế: -Xây dựng biểu đồ tương tác gồm biểu đồ tương tác và biểu đồ tuần tự : mô tả chi tiết hoạt động của các usercase dựa trên các kịch bản đã có và các lớp đã xác định -Xây dự

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC GIA ĐỊNH KHOA CÔNG NGHỆ THÔNG TIN

BÁO CÁO THỰC TẬP TỐT NGHIỆP

TÊN ĐỀ TÀI PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG KINH DOANH ĐIỆN THOẠI DI ĐỘNG TRỰC TUYẾN

Giảng viên hướng dẫn: T.S TRẦN HOÀI THUẬN

Sinh viên thực hiện: PHẠM THANH TÙNG

MSSV:2113110018

Lớp: K15HTTT01

Khóa: 2021_DHCQ_K15

LỜI CẢM ƠN

Trước tiên em muốn gửi lời cảm ơn chân thành và sâu sắc đến thầy

TS Trần hoài thuận, người đã tận tình hướng dẫn, chỉ bảo và giúp đỡ em trong thời gian qua

Đồng thời em xin gửi lời cảm ơn đến BGH trường đại học Gia Định, các quý thầy cô đã tạo điều kiện cũng như truyền đạt kiến thức, kinh ngiệm quý báu và hơn hết là tình cảm trong suốt quá trình giảng dạy

Cuối cùng, em xin gửi lời cảm ơn tới tất cả những người đã đóng góp, trực tiếp và gián tiếp, vào quá trình nghiên cứu và hoàn thành đề tài này để

đề tài này có thể hoàn thành một cách thành công nhất

Chân thành cảm ơn Phạm Thanh Tùng

ĐÁNH GIÁ CỦA ĐƠN VỊ THỰC TẬP

1 Thái độ tác phong trong thời gian thực tập:

2 Kiến thức chuyên môn:

3 Nhận thức thực tế:

4 Đánh giá khác:

5 Đánh giá chung kết quả thực tập:

TP.Hồ Chí Minh, ngày 22 tháng 07 năm 2024

TM Đơn vị thực tập

(Ký tên, đóng dấu)

ĐÁNH GIÁ CỦA GIẢNG VIÊN HƯỚNG DẪN

1 Thái độ tác phong trong thời gian thực tập:

2 Kiến thức chuyên môn:

3 Nhận thức thực tế:

4 Đánh giá khác:

5 Đánh giá chung kết quả thực tập:

TRƯỜNG ĐẠI HỌC GIA ĐỊNH

KHOA CÔNG NGHỆ THÔNG TIN

CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM

Giảng viên hướng dẫn: Th.s Trần Hoài Thuận

Tên doanh nghiệp (đơn vị) đến thực tập:

họ tên)

Nhận xét của giảng viên hướng

dẫn (Ký tên và ghi rõ

họ tên)

1

Tuần 1 (Từ ngày 20/5 đến

ngày25/5)

2

Tuần 2 (Từ ngày 27/5 đến

ngày1/6)

3

Tuần 3 (Từ ngày 3/6 đến

ngày8/6)

4

Tuần 4 (Từ ngày 10/6 đến

ngày15/6)

5

Tuần 5 (Từ ngày 17/6 đến

ngày24/6)

6

Tuần 6 (Từ ngày 26/6 đến

ngày31/6)

7

Tuần 7 (Từ ngày 01/7 đến ngày

06/7)

8

Tuần 8 (Từ ngày 09/7 đến ngày

14/7)

9

Tuần 9 (Từ ngày 16/7 đến

ngày21/7)

10

Tuần 10 (Từ ngày 23/7 đến

ngày28/7)

MỤC LỤC

DANH MỤC HÌNH ẢNH 9

GIỚI THIỆU VỀ ĐƠN VỊ THỰC TẬP 11

MỞ ĐẦU 12

CHƯƠNG 1 TỔNG QUANVỀ SQL SERVER, HTML/CSS, JAVASCRIPT VÀ PHÂN TÍCH HƯỚNG ĐỐI TƯỢNG UML 14

1.1 Tổng quan về HTML/CSS 14

1.1.1 Giới thiệu 14

1.1.2 Lịch sử và phát triển 15

1.1.3 Cấu trúc cơ bản của HTML/CSS 16

1.2 Tổng quan về SQL SERVER 25

1.2.1 Giới thiệu về SQL Server 25

1.2.2 Một số kiểu dữ liệu và cú pháp thông dụng 26

1.2.3 Một số cú pháp thông dụng 27

1.3 Tổng quan về UML 31

1.3.1 Giới thiệu 31

1.3.2 Một số biểu đồ UML được sử dụng 33

1.3.2.1 Biểu đồ Use case 33

1.3.2.2 Biểu đồ tuần tự (Sequence Diagram) 35

1.3.2.3 Biểu đồ hoạt động (Actyviti diagram) 35

1.3.2.4 Biểu đồ lớp (Class Diagram) 37

1.3.2.5 Biểu đồ triển khai (Deloyment Diagram) 37

CHƯƠNG 2 PHÂN TÍCH VÀ THIẾT KẾ 39

2.1 Khảo sát hiện trạng 39

2.1.1 Giới thiệu một số hệ thống bán hàng trực truyến 40

2.1.2 Điểm mạnh và hạn chế của hệ thống bán hàng trực truyến 42

2.1.3 Xác định chức năng của hệ thống 43

2.2 Phân tích 45

2.2.1 Biểu đồ use case (Usecase Diagram) 45

2.2.1.1 Use case tổng quát 45

2.2.1.2 Use case đăng kí 46

2.2.1.3 Use case đăng nhập 46

2.2.1.4 Use case đăng xuất 47

2.2.1.5 Use case cập nhập thông tin cá nhân 47

2.2.1.6 Use case tìm kiếm 48

2.2.1.7 Use case đăng câu hỏi 48

2.2.1.8 Use case cập nhập giỏ hàng 49

2.2.1.9 Use case mua hàng 49

2.2.1.10 Use case quản lý câu hỏi 50

2.2.1.11 Use case quản lý tin tức 51

2.2.1.12 Use case quản lý sản phẩm 51

2.2.1.13 Use case Quản ý hình thức thanh toán 52

2.2.1.14 Use case quản lý đơn hàng 52

2.2.1.15 Use quản lý hoá đơn 53

2.2.2 Biểu đồ hoạt động(Ativity Diagram) 54

2.2.2.1 Biểu đồ hoạt động đăng kí 54

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

2.2.2.3 Biểu đồ hoạt động đăng xuất 55

2.2.2.4 Biểu đồ hoạt động tìm kiếm 56

2.2.2.5 Biểu đồ hoạt động cập nhập giỏ hàng 56

2.2.2.6 Biểu đồ hoạt động cập nhập thông tin cá nhân 57

2.2.2.7 Biểu đồ hoạt động đăng câu hỏi 58

2.2.2.8 Biểu đồ hoạt động mua hàng 58

2.2.2.9 Biểu đồ hoạt động đăng tin 59

2.2.2.10 Biểu đồ hoạt động quản lý câu hỏi 60

2.2.2.11 Biểu đồ hoạt động quản lý hình thức thanh toán 61

2.2.2.12 Biểu đồ hoạt động quản lý sản phẩm 62

2.2.2.13 Biểu đồ hoạt động quản lý tin tức 62

2.2.2.14 Biểu đồ hoạt động hoá đơn 63

2.2.2.15 Biểu đồ hoạt động quản lý đơn hàng 64

2.2.3 Biểu đồ lớp 64

2.2.3.1 Lớp TinTuc 65

2.2.3.2 Lớp CauHoi 65

2.2.3.3 lớp DangNhap 67

2.2.3.4 Lớp TaiKhoan 67

2.2.3.5 Lớp DonHang 68

2.2.3.6 Lớp SanPham 68

2.2.3.7 Lớp NguoiNhan 69

2.2.3.9 lớp HoaDon 70

2.2.4 Biểu đồ triển khai 71

2.2.5 Phân tích cơ sở dữ liệu 71

2.2.5.1 Cơ sở dữ liệu người dùng 71

2.2.5.2 Cơ sở dữ liệu tin tức 71

2.2.5.3 Cơ sở dữ liệu câu hỏi 71

2.2.5.4 Cơ sở dữ liệu đơn hàng 72

CHƯƠNG 4 KẾT LUẬN 79

DANH MỤC TÀI LIỆU THAM KHẢO 81

DANH MỤC HÌNH ẢNH Hình 1.1 HTML 14

Hình 1.2: CSS 15

Hình 1.3 cấu trúc html 17

Hình 1.4 cấu trúc css 23

Hình 1.5 SQL Server 2022 25

Hình 1.6 giao diện của Draw.io 31

Hình1.7: Các bước phân tích thiết kế hướng đối tượng 32

Hình 1.8 : use case mua hàng 34

Hình 1.9: thanh đồng bộ hoá 36

Hình 2.1 : trang web bán hàng lazada 40

Hình 2.3 :trang web bán hàng FPT shop 42

Hình 2.4: use case tổng quát 45

Hình 2.5 : Use case đăng kí 46

Hình 2.6: Use case đăng nhập 46

Hình 2.7 : Use case đăng xuất 47

Hình 2.8 Use case cập nhập thông tin cá nhân 47

Hình 2.9: Use case tìm kiếm 48

Hình 2.10: Use case đăng câu hỏi 48

Hình 2.11 : Use case cập nhập giỏ hàng 49

Hình 2.12: Use case Mua hàng 50

Hình 2.13: Use case quản lý câu hỏi 50

Hình 2.14: Use case quản lý tin tức 51

Hình 2.15: Use case quản lý sản phẩm 51

Hình 2.16: Use case quản lý hình thức thanh toán 52

Hình 2.17: Use case quản lý đơn hàng 52

Hình 2.18: Use case quản lý hoá đơn 53

Hình 2.19: Biểu đồ hoạt động đăng kí 54

Hình 2.20 Biểu đồ hoạt động đăng nhập 55

Hình 2.21: Biểu đồ hoạt động đăng xuất 55

Hình 2.22: Biểu đồ hoạt động tìm kiếm 56

Hình 2.23: Biểu đồ hoạt động giỏ hàng 56

Hình 2.24: Biểu đồ hoạt động cập nhập thông tin cá nhân 57

Hình 2.25 : Biểu đồ hoạt động đăng câu hỏi 58

Hình 2.26: Biểu đồ hoạt động mua hàng 58

Hình 2.27: Biểu đồ hoạt động đăng tin 59

Hình 2.28: Biểu đồ hoạt động quản lý câu hỏi 60

Hình 2.29: Biểu đồ hoạt động quản lý hình thức thanh toán 61

Hình 2.30: Biểu đồ hoạt động quản lý sản phẩm 62

Hình 2.31: Biểu đồ hoạt động quản lý tin tức 62

Hình 2.32: Biểu đồ hoạt động hoá đơn 63

Hình 2.33: Biểu đồ hoạt động quản lý đơn hàng 64

Hình 2.34:Biểu đồ triển khai hệ thống 71

Hình 3.1 cấu trúc tệp giao diện html 75

Hình 3.2 Trang chủ phía trên 76

Hình 3.3 Trang chủ phía dưới 76

Hình3.4 :Chi tiết sản phẩm 77

Hình 3.5 chương trình giỏ hàng 77

Hình 3.6: giao diện đăng kí 78

Hình 3.7 Giao diện đăng kí thành công 78

GIỚI THIỆU VỀ ĐƠN VỊ THỰC TẬP

Với nghiều kinh nghiệm thực tế công ty Công Ty Hi-tech Solution chuyên cung cấp các giải pháp công nghệ và dịch vụ liên quan đến công nghệ thông tin Cung cấp các dịch vụ như tư vấn công nghệ, triển khai hệ thống và hỗ trợ kỹ thuật 10 năm kinh nghiệm trong ngành phân phối thiết bị an ninh và các thiết bị trong ngành viễn thông cung cấp cho người dùng các hệ thống nhà ở thông minh với đầy đủ các thiết bị hiện đại từ cửa ra vào, khóa vân tay, các hệ thống chống trộm thông minh qua nhà quan sát

Giới thiệu chung về công ty:

Tên đơn vị: công ty Công Ty Hi-tech Solution

Giám đốc: Nguyễn Thị Khuyên

MỞ ĐẦU

Với sự phát triển không ngừng của công nghệ thông tin (CNTT) và mạng toàn cầu, khoảng cách về địa lý, hạn hẹp về thời gian cũng như các phương thức thanh toán dường như không còn là vấn đề khó giải quyết

Bắt kịp cùng sự phát triển đó, các công ty, doanh nghiệp hiện nay đang kinh doanh, phát triển mạng lưới tiêu thụ của mình trên mọi vùng miền của Tổ Quốc vày đang hằng ngày vượt ra khỏi phạm vị ấy Một hệ thống kinh doanh trực tuyến giúp các cá nhân, doanh nghiệp thực hiện ý định trên

Hòa nhịp cùng với sự phát triển của thời đại, mong muốn góp phần nhỏ bé vào nền kinh tế mạng đang bùng nổ như hiên nay đã thôi thúc tôi đến với đề tài này

Với mục đích ứng dụng những lý thuyết vào thực tế, qua đó qua đó với nhu cầu mua điện thoại một cách thuận tiện nhất, hạn chế thời gian tìm kiếm và lựa chọn điện thoại phù hợp với sở thích của mình Bên cạnh đó giúp cho người bán tiếp cận, quảng cáo và thực hiện thuận lợi công việc kinh doanh của mình

Hệ thống “Kinh doanh điện thoại di động” giúp các doanh nghiệp phát triển kinh doanh một cách hiểu quả và đưa những sản phẩm của mình đến gần với nhu cầu của người tiêu dùng, đồng thời giúp người tiêu dùng chọn lựa hiểu quả, tiết kiệm thời gian và công sức cũng như tiền bạc mà có thể lựa chọn được những sản phẩm ưng ý nhất

Để xây dựng được một hệ thống bán động vật cảnh trực tuyến cho những công ty, doanh nghiệp có yêu cầu tạo website để phục vụ cho việc kinh doanh của - mình thì người xây dựng cần phải tiếp cận những trang bán hàng trực

Là người trực tiếp thực hiện đề tài này thì bản thân cần tìm hiểu hàng loạt tài liệu lý thuyết và ví dụ tại mọi nguồn khác nhau cũng như thiết kế của các trang bán hàng hiện tại

Với đề tài “Phân tích và thiết kế hệ thống kinh doanh điện thoại di động” mong muốn đạt được một website bán hàng trực tuyến hoàn chỉnh và củng cố thêm kiến thức và kĩ năng xây dựng một hế thống bán hàng thực tế

Toàn bộ đề tài sẽ được gói gọn trong 3 chương:

- Chương 1: Tổng quan về HTML/CSS, JavaScript, SQL SERVER và

UML

- Chương 2 : Phân tích và thiết kế hệ thống

- Chương 3 : Xây dựng ứng dụng, cài đặt và chạy thử

CHƯƠNG 1 TỔNG QUANVỀ SQL SERVER, HTML/CSS, JAVASCRIPT

VÀ PHÂN TÍCH HƯỚNG ĐỐI TƯỢNG UML 1.1 Tổng quan về HTML/CSS

1.1.1 Giới thiệu

HTML thực chất là từ viết tắt của "HyperText Markup Language", nghĩa

là ngôn ngữ đánh dấu siêu văn bản Trong đó, Hypertext (siêu văn bản) là một đoạn text bất kỳ nhưng có chứa link đến một nguồn thông tin khác (như một đoạn văn bản, một địa chỉ website, hình ảnh, âm thanh…)

Hình 1.1 HTML

CSS là chữ viết tắt của Cascading Style Sheets, có nghĩa là các tập tin định kiểu theo tầng CSS là thuật ngữ được sử dụng để mô tả các kiểu có thể sử dụng lại để trình bày các tài liệu được viết bằng ngôn ngữ đánh dấu Khái niệm

nền tảng và CSS là sự lựa chọn thẩm mỹ (có một sự khác biệt lớn giữa một biệt thự thời Victoria và hiện tại)

CSS có thể được sử dụng để thay đổi phông chữ được sử dụng trong một

số phần tử HTML nhất định , cũng như kích thước và màu sắc của nó Một tệp CSS có thể được liên kết với nhiều trang, cho phép nhà phát triển thay đổi giao diện của tất cả các trang cùng một lúc

HTML 2.0: Phát hành vào năm 1995, HTML 2.0 chuẩn hóa các thẻ và thuộc tính cơ bản, tạo ra một nền tảng vững chắc cho việc phát triển web

HTML 3.2: Giới thiệu vào năm 1997, HTML 3.2 bổ sung nhiều thẻ mới như <font>, <table>, giúp việc trình bày văn bản và dữ liệu trở nên dễ dàng hơn

HTML 4.01: Phát hành vào năm 1999, HTML 4.01 hỗ trợ nhiều thuộc tính và thẻ mới, cũng như chuẩn hóa việc sử dụng CSS để định dạng trang web

HTML5: Phát hành vào năm 2014, HTML5 bổ sung nhiều tính năng mới như thẻ video, âm thanh, canvas, và hỗ trợ các API hiện đại, giúp tạo ra các ứng dụng web mạnh mẽ và tương tác

Về CSS

CSS1: Ra đời vào năm 1996, CSS1 cung cấp các thuộc tính cơ bản để định kiểu văn bản và bố cục đơn giản

CSS2: Phát hành vào năm 1998, CSS2 bổ sung hỗ trợ cho định dạng trang

in, bố cục tầng lớp (layered layout) và nhiều thuộc tính mới

CSS3: Phát hành vào năm 1999, CSS3 giới thiệu nhiều mô-đun mới và thuộc tính nâng cao như bóng, chuyển động, và các phương thức bố cục linh hoạt

1.1.3 Cấu trúc cơ bản của HTML/CSS

HTML sử dụng các thẻ (tags) để định nghĩa các phần tử của trang web Mỗi thẻ bao gồm một tên thẻ được bao bọc bởi dấu ngoặc nhọn (<>) Dưới đây là

Hình 1.3 cấu trúc html

Giải thích:

<!DOCTYPE html>: Khai báo kiểu tài liệu HTML5

<html lang="en">: Thẻ gốc bao bọc toàn bộ tài liệu HTML, với thuộc tính lang xác định ngôn ngữ của trang

<head>: Chứa thông tin meta về tài liệu, liên kết tới các file CSS, và tiêu đề của trang

<body>: Chứa nội dung chính của trang web

Các thẻ HTML phổ biến:

Thẻ tiêu đề và đoạn văn;

• Thẻ hình ảnh:

• Thẻ danh sách:

• Thẻ biểu mẫu :

CSS sử dụng các quy tắc (rules) để định kiểu cho các phần tử HTML Mỗi quy tắc bao gồm một bộ chọn (selector) và một tập hợp các khai báo (declarations) Mỗi khai báo bao gồm một thuộc tính (property) và một giá trị (value) Dưới đây là một ví dụ về các quy tắc cấu trúc CSS cơ bản:

1.Cấu trúc cơ bản của một số quy tắc CSS;

1.1.4 Các bộ chọn CSS phổ biến

• Bộ chọn loại (Type selector

• Bộ chọn lớp(Class selector)

• Bộ chọn ID (ID selector)

• Bộ chọn nhóm (Group selector)

• Bố cục (Grid)

• Cấu trúc tổng quan

Hình 1.4 cấu trúc css

* Các khái niệm quan trọng trong CSS

Box Model: Mô hình hộp của CSS bao gồm content, padding, border, và margin

Flexbox: Hệ thống bố cục một chiều (hàng hoặc cột) giúp sắp xếp các phần tử một cách linh hoạt

Grid: Hệ thống bố cục hai chiều cho phép tạo ra các thiết kế phức tạp và linh hoạt

Media Queries: Sử dụng để tạo kiểu cho các thiết bị có kích thước màn hình khác nhau (responsive design)

SQL, viết tắt của Structured Query Language (ngôn ngữ hỏi có cấu trúc), là công cụ sử dụng để tổ chức, quản lý và truy xuất dữ liệu được lưu trữ trong các

cơ sở dữ liệu SQL là một hệ thống ngôn ngữ bao gồm tập các câu lệnh sử dụng

để tương tác với cơ sở dữ liệu quan hệ

1.2.2 Một số kiểu dữ liệu và cú pháp thông dụng

* Một số từ khóa và chức năng

Thao tác dữ liệu và Chức năng

SELECT: Truy xuất dữ liệu

INSERT: Bổ sung dữ liệu

UPDATE: Cập nhật dữ liệu

DELETE: Xoá dữ liệu

TRUNCATE: Xoá toàn bộ dữ liệu trong bảng

COMMIT: Uỷ thác (kết thúc thành công) giao tác

ROLLBACK: Quay lui giao tác

SAVE: Đánh dấu một điểm trong giao thức

TRANSACTION: Lập trình

DECLARE: Khai bảo biển hoặc định nghĩa con trỏ

EXECUTE: Thực thi một câu lệnh SQL

BIT: Kiểu bịt (có giá trị 0 hoặc 1)

DATETIME: Kiểu ngày giờ (chính xác đến phần trăm của giây)

1.2.3 Một số cú pháp thông dụng

- Tạo và sử dụng Database

CREATE DATABASE <TEN DATABASE

Use < TEN DATABASE >

CREATE TABLE SINHVIEN(

MASV CHAR (10) CONTRAINT PK SINHVIEN

PRIMARY KEY (MASV),

HOTEN NVACHAR (30) NOT NULL,

LOP NVARCHAR(30) NOT NULL,

KHOA NVARCHAR(30) NOT NULL

)

- Câu lện Select

Câu lệnh SELECT được sử dụng để tác động lên các bảng dữ liệu và kết quả của câu lệnh cũng được hiển thị dưới dạng bảng, tức là một tập hợp các dòng và các cột

SELECT [ALL | DISTINCT][TOP n] danh_sách_chọn

[INTO tên_bảng_mới]

FROM danh_sách_bảng/khung_nhìn

[WHERE điều_kiện]

[GROUP BY danh_sách_cột]

[HAVING điều kiện]

[ORDER BY cột_sắp_xếp]

[COMPUTE danh_sách_hảm_gộp [BY danh_sách_cột]]

VD: Hiện thị tất cả sinh viên trong bảng SINHVIEN

SELECT *FROM SINHVIEN

-Thủ tục(proceduce)

CREATE PROCEDURE <TEN_THU_TUC>[(danh_sach_tham_so)]

[WITH RECOMPILE | ENCRYPTION| WITH RECOMPILE, ENCRYPTION]

Vd : hiện thông tin sinh viên với mssv nhập từ bàn phim

Create PROCEDUCE THONGTIN_SV (@MASV CHAR(10))

VD: Tạo trigger tự động giảm số lượng hàng hiện có khi một mặt hàng nào đó được bán (tức là khi câu lệnh insert được thực thi trên bảng nhatkibanhang CREATE TABLE mathang

(mahang NVARCHAR(5) PRIMAKEY,

Tenhang NVARCHAR(50) NOTNULL,

Soluong INT,

Bảng NHATKYBANHANG lưu trữ thông tin về các lần bán hàng

CREATE TABLE nhatkybanhang

(stt INT IDENTITY PRIMARY KEY,

ngay DATETIME, /*ngày bán hàng*/

nguoimua NVARCHAR(30), /*tên người mua hàng/

mahang NVARCHAR(5) *mà mặt hàng được bàn/

FOREIGN KEY REFERENCES mathang (mahang),

soluong INT, /* giá bán hàng/

giaban MONEY /* số lượng hàng được bản */)

TRIGGER được tạo như sau:

CREATE TRIGGER trg_nhatkybanhang_insert

1.3 Tổng quan về UML

1.3.1 Giới thiệu

Draw.io là một mô hình UML cho phép bạn thiết kế hệ thống với tất cả các loại các loại biểu đồ UML Nó cũng hỗ trợ quản lý trường hợp sử dụng Với VP-UML, đội ngũ phát triển phần mềm có thể thực hiện phân tích và thiết kế hệ thống một cách hiệu quả

Hình 1.6 giao diện của Draw.io

- ULM ngôn ngữ mô hình hóa hướng đối tượng

UML (Unified Modelling Language) là ngôn ngữ mô hình hóa tổng quát được xây dựng để đặc tả, phát triển và viết tài liệu cho các khía cạnh trong phát triển phần mềm hướng đối tượng UML bao gồm một tập các khái niệm, các kỳ hiệu, các biểu đồ và hướng dẫn

Các bước thiết kế hướng đối tượng

- Xây dựng biểu đồ trạng thái: mô tả các trạng thái và chuyển tiếp các trạng thái trong hoạt động của một đối tượng thuộc một lớp nào đó

Pha thiết kế:

-Xây dựng biểu đồ tương tác ( gồm biểu đồ tương tác và biểu đồ tuần tự ): mô tả chi tiết hoạt động của các usercase dựa trên các kịch bản đã có và các lớp đã xác định

-Xây dựng biểu đồ hoạt động: mô tả các hoạt động của các phương thức phức tạp trong mỗi lớp hoặc các hoạt động của hệ thống có sự liên quan của nhiều lớp Biểu đồ hoạt động là cơ sở của việc cài đặt

-Xây dựng biểu đồ thành phần : xác định các gói thành phần và thiết bị cần thiết

để triển khai hệ thống , các giao thức và hỗ trợ

-Xây dựng biểu đồ triểnn khai hệ thống : xác định các thành phần và các thiết bị cần thiết để triển khai hệ thống, các giao thức và các dịch vụ hỗ trợ

1.3.2 Một số biểu đồ UML được sử dụng

1.3.2.1 Biểu đồ Use case

Use case dung để biểu diễn chức năng hệ thống nó chỉ ra sự tương tác của các actor và hệ thống Mỗi use case mô tả một chức năng của hệ thống cần phải có xét từ quan điểm người dung Actor là con người hay hệ thống thực khác cung cấp thông tin hay tác động tới hệ thống Các use case có thể được phân rã nhiều mức khác nhau

Bảng 1.1:Các phần tử trong biểu đồ use case:

Phần tử Ý nghĩa Cách biểu diễn Kí hiệu

Use case Biểu diễn một

chức năng xác định

Hình elip chứa tên

Tác nhân Là một đối

tượng bên

Biểu diễn bằng hình tượng

ngoài hệ thống tương tác với use case

có dạng mũi tên tam giác

Biên của hệ

thống

Tách biệt phần bên trong và bên ngoài của

hệ thống

Được biểu diễn bằng hình chữ nhật rỗng

Ví dụ : use case mua hàng

1.3.2.2 Biểu đồ tuần tự (Sequence Diagram)

Biểu diễn mối quan hệ giữa các đối tượng và các tác nhân theo thứ tự thời gian và nhấn mạnh thứ tự thực hiện của các tương tác

Tập kí hiệu UML cho biểu đồ tuần tự

Bảng 1.2: tập kí hiệu UML cho biểu đồ tuần tự

Loại messager Mô tả Biểu diễn

Gọi (call) Gọi từ đối tượng này đến

đối tượng kia

Trả về (return) Trả về giá trị tương

xứng Gửi (send) Gửi tín hiệu tới đối tượng

Tạo (create) Tạo một đối tượng

Huỷ (destroy) Huỷ một đóio tượng

1.3.2.3 Biểu đồ hoạt động (Actyviti diagram)

Biểu đồ lớp là một biểu đồ dạng mô hình tĩnh nhằm mô tà hướng nhìn tỉnh về một hệ thống bằng các khái niệm lớp, các thuộc tỉnh, phương thức của lớp và mối quan hệ giữa chúng với nhau

Bảng 1.3:Bảng ký hiệu UML cho biểu đồ hoạt động

Phần tử mô hình Ý nghĩa Kí hiệu trong biểu đồ Hoạt động Mô tả hoạt động gồm tên

và đặc tả của nó

Trạng thái khởi đầu

Các luồng: thể hiện sự phối hợp của nhiều lớp khác nhau, khi đó mỗi lớp được phân tách bởi một luồng

1.3.2.4 Biểu đồ lớp (Class Diagram)

Biểu đồ lớp là một dạng mô hình tĩnh nhằm mô tả hướng nhìn tĩnh về một hệ thống bằng các khái niệm lớp, các thuộc tính , phương thức của lớp và mối quan hệ giữa chúng với nhau

Các kiểu lớp trong UML

Bảng 1.4: các kiểu lớp trong UML

Kiểu lớp Công dụng Kí hiệu UML

Lớp thực thể

Lớp đại diện cho các thực thể chứa thông tin về các đối tượng xác định nào đó

Lớp giao diện

Lớp ranh giới giữa hệ thống và môi trường bên ngoài , nhận vai trò yêu cầu trực tiếp từ các actor và di chuyển cho phép các lớp bên trong

Lớp điều khiển

Thực hiện chức năng điều khiển của hệ thống với một chức năng cụ thể với một nhóm các lớp biên hoặc lớp thực thể xác định

1.3.2.5 Biểu đồ triển khai (Deloyment Diagram)

Biểu đồ triển khai biểu diễn kiến trúc cài đặt và triển khai hệ thống dưới dạng các nodes và các mối quan hệ giữa các nodes đó Thông thường các nodes được kết nối với nhau thông qua các liên kết truyền thông như các kết nối mạng, TCP-IP, Microware….và được đánh số theo thời gian

Bảng 1.5: Tập kí hiệu biểu đồ triển khai hệ thống

Phần tử mô hình Ý nghĩa Kí hiệu trong biểu đồ Các nodes hay các thiết

bị

Biểu diễn các thành phần không có bộ xử lý trong biểu đồ triển khai HT

Các bộ xử lý Biểu diễn các thành phần

có bộ xử lý trong biểu đồ triển khai hệ thống

Các liên kết truyền thông Nối các thành phần của

biểu đồ triển khai hệ thống Thường mô tả một giao thức truyền thông cụ thể

CHƯƠNG 2 PHÂN TÍCH VÀ THIẾT KẾ 2.1 Khảo sát hiện trạng

Mua sắm trực tuyến là một hình thức kinh doanh không còn mới trên thế giới với những tên tuổi trực truyến như Amazon, Alibaba….còn ở Việt Nam cũng có những trang bán hàng được nhiều người biết đến như thế giới di động, CellphoneS,…Việc mua hàng ở thời đại 4.0 với người tiêu dùng ngày càng thuận lợi

Theo số liệu thống kê từ Tổ chức Hợp tác và Phát triển kinh tế (Organization for Economic Cooperation and Development – OECD), tỷ lệ mua sắm trực tuyến chiếm 37% vào năm 2014 và tăng lên đến 50% vào năm 2015 Con số ấn tượng này bắt nguồn từ những ưu điểm rất riêng biệt của mua hàng trực tuyến như:

- Người tiêu dùng dễ dàng tiếp cận thông tin sản phẩm từ nhiều nguồn khác nhau: trang web, mạng xã hội (facebook, instagram,…) Đặc biệt, có những trang web cung cấp dịch vụ so sánh giá sản phẩm từ các trang web khác đã hỗ trợ người tiêu dùng rất tốt trong việc mua hàng qua mạng

- Hình thức trực tuyến cung cấp rất đa dạng các loại sản phẩm dịch vụ, đặc biệt

là mặt hàng quần áo, đồ điện tử, đồ chơi, mỹ phẩm

- Hầu hết các sàn giao dịch thương mại điện tử cho phép khách hàng đánh giá sản phẩm sau khi mua Vì thế, người tiêu dùng có thể tìm hiểu về sản phẩm một cách kỹ lưỡng trước khi quyết định mua

- Tiết kiệm thời gian cho người tiêu dùng

Chính vì vậy dù đã phát triển nhiều năm nhưng nhiều đơn vị tham gia sân chơi trực truyến tại Việt Nam vẫn chỉ đạt được những bước tiến rụt rè và khiêm tốn Vậy đâu là nguyên nhân cho thực trạng trên Chúng ta cùng khảo sát và so sánh một số hệ thống bán hàng trực truyến tại Việt Nam để làm rõ vấn đề trên

2.1.1 Giới thiệu một số hệ thống bán hàng trực truyến

-Trang web bán hàng Lazada: https://www.lazada.vn/#?

Được thành lập vào năm 2012, Lazada Group là nền tảng thương mại điện

tử hàng đầu Đông Nam Á Chúng tôi đang đẩy nhanh tiến độ ở Indonesia, Malaysia, Philippines, Singapore, Thái Lan và Việt Nam thông qua thương mại

và công nghệ Với mạng lưới hậu cần và thanh toán lớn nhất trong khu vực, Lazada là một phần trong cuộc sống hàng ngày của người tiêu dùng trong khu vực và chúng tôi đặt mục tiêu phục vụ 300 triệu người mua sắm vào năm 2030

Kể từ năm 2016, Lazada là nền tảng hàng đầu Đông Nam Á của Tập đoàn Alibaba được hỗ trợ bởi cơ sở hạ tầng công nghệ tiên tiến