Đồ án phát triển phần mềm mã nguồn mở website bán thiết bị điện tử

BỘ GIÁO DỤC VÀ ĐÀO TẠO
TRƯỜNG ĐẠI HỌC CÔNG NGHỆ TP. HCM

ĐỒ ÁN PHÁT TRIỂN PHẦN MỀM MÃ NGUỒN MỞ
WEBSITE BÁN THIẾT BỊ ĐIỆN TỬ

Ngành:

CÔNG NGHỆ THÔNG TIN

Chuyên ngành:

CÔNG NGHỆ PHẦN MỀM

TP. Hồ Chí Minh, 2023


MỤC LỤC
LỜI CẢM ƠN.........................................................................................................................4
CHƯƠNG I: TỔNG QUAN..................................................................................................5
1.

Tổng quan về đề tài................................................................................................5

2.

Mục tiêu cơ bản......................................................................................................5

Website được xây dựng nhằm đáp ứng các yêu cầu sau:.........................................................5
3.

Các chỉ tiêu kỹ thuật của sản phẩm........................................................................5
3.1. Yêu cầu chức năng.....................................................................................................6
3.2 Yêu cầu phi chức năng................................................................................................6

CHƯƠNG II: CƠ SỞ LÝ THUYẾT....................................................................................7
1. Các công nghệ sử dụng trong lập trình phần mềm...........................................................7
1.1

Cơng cụ phát triển..................................................................................................7

Hình 1.1 Logo Visual Studio Code...................................................................................7
-

Lợi ích chính của phần mềm IntelliJ IDEA...........................................................7

1.2

Tìm hiểu về Xampp................................................................................................8

...........................................................................................................................................8
2. Thuật tốn.........................................................................................................................9
a.

Thuật tốn tìm kiếm tuyến tín (PHP).....................................................................9

Đánh giá:.........................................................................................................................10
3. Phân thích thiết kế hệ thống............................................................................................10
a.

Mơ hình Use-case :...............................................................................................10

b.

Biểu đồ tuần tự :.................................................................................................11

ĐH Công Nghệ TP.HCM | Khoa Công Nghệ Thông Tin

1




Biểu đồ tuần tự chức năng đăng nhập :...........................................................11



Biểu đồ tuần tự chức năng đăng ký :...............................................................11



Biểu đồ tuần tự chức năng đặt hàng :..............................................................12

c.

Biều đồ hoạt động :............................................................................................12



Chức năng đăng nhập :......................................................................................12



Đăng ký :.............................................................................................................13



Mua hàng :..........................................................................................................14



Thêm, sửa, xóa sản phẩm :...............................................................................14

4. Thiết kế cơ sở dữ liệu...................................................................................................15
-

Thiết kế :...............................................................................................................15

Dữ liệu bao gồm :............................................................................................................16
b.

Bảng :tbl_taikhoan (id; emai; ho ;ten; matkhau; ma ; xacminh)..........................16

c.

Bảng : tbl_sanpham (id_sanpham; ten_sanpham; anh_sanpham; soluong ;

id_menu)..........................................................................................................................17
d.

Bảng : tbl_giohang (id_giohang; email; ma; tinhtang)........................................17

e.

Bảng : tbl_menu (id_menu; ten_menu)................................................................18

f.

Bảng : tbl_chitietgiohang (ma; id_sanpham; soluongmua)..................................18

CHƯƠNG III: KẾT QUẢ THỰC NGHIỆM....................................................................19
I. Giao diện..........................................................................................................................19
1.1

Giao diện User......................................................................................................19

1.1.1 Đăng nhâp............................................................................................................19
CHƯƠNG IV: KẾT LUẬN VÀ KIẾN NGHỊ...................................................................27
1. Kết quả đạt được.............................................................................................................27
2. Hướng phát triển và mở rộng đề tài................................................................................27
ĐH Công Nghệ TP.HCM | Khoa Công Nghệ Thông Tin

2


TÀI LIỆU THAM KHẢO...................................................................................................28

ĐH Công Nghệ TP.HCM | Khoa Công Nghệ Thông Tin

3

LỜI CẢM ƠN
Trong thời gian làm đồ án tốt nghiệp, em đã nhận được nhiều sự giúp đỡ, đóng góp ý kiến và chỉ
bảo nhiệt tình của thầy cơ và bạn bè.
Em xin gửi lời cảm ơn chân thành thầy Tống Thanh Văn giảng viên hướng dẫn Đồ án phát triển
phần mềm mã nguồn mở - Trường Đại học công nghệ TP Hồ Chí Minh đã tận tình hướng dẫn, chỉ
bảo nhóm em trong suốt q trình làm đồ án.
Em cũng xin chân thành cảm ơn các thầy cô giáo trong trường Đại học cơng nghệ TP Hồ Chí Minh
nói chung, các thầy cô đã dạy dỗ cho em kiến thức về ngôn ngữ PHP cũng như các môn chuyên
ngành, giúp em có được cơ sở lý thuyết vững vàng và tạo điều kiện giúp đỡ em trong suốt quá trình
học tập.
Cuối cùng, em xin chân thành cảm ơn gia đình và bạn bè, đã ln tạo điều kiện, quan tâm, giúp đỡ,
động viên em trong suốt quá trình học tập và hồn thành khố luận tốt nghiệp.
Em xin cam đoan đồ án trên là cơng trình nghiên cứu của nhóm dựa vào các kiến thức tham khảo
trên các diễn đàn, trang web và dưới sự hướng dẫn của thầy Tống Thanh Văn. Những nhận định
được nêu ra trong đồ án cũng là kết quả từ sự nghiên cứu trực tiếp, nghiêm túc, tích cực của nhóm
dựa và các cơ sở tìm kiếm, hiểu biết và nghiên cứu tài liệu khoa học hay bản dịch khác đã được
công bố. Đồ án vẫn sẽ giúp đảm bảo được tính khách quan, trung thực và khoa học.

ĐH Công Nghệ TP.HCM | Khoa Công Nghệ Thông Tin

4


1. Tổng quan về đề tài

CHƯƠNG I: TỔNG QUAN

Ngày nay, cơng nghệ thơng tin ngày càng phát triển thì nhu cầu cuộc sống cũng như
việc ứng dụng công nghệ thông tin vào công việc của con người được phát triển mạnh mẽ và

ngày càng đa dạng hơn, đặc biệt vấn đề quản lý đang được con người quan tâm và phát triển.
Nhiều công nghệ sử dụng mới được sử dụng hằng ngày, cũng như đưa phần mềm vào quản
lý ngày càng trực quan và sinh động với người sử dụng, nhằm phục vụ nhu cầu truyền thông
của con người, hoạt động kinh doanh các thiết bị điện tử thông minh ngày càng phát triển
mạnh mẽ.
Sau đây chúng em xin trình bày chi tiết đề tài xây dựng một website bán thiết bị điện
tử thơng minh để mọi người có thể xem các thông tin, đặt mua,... trên một website một cách
tiện lợi nhất và dễ dàng nhất.
Trong quá trình trình bày, có gì sai sót mong thầy cơ bỏ qua và góp ý cho chúng em
để chúng em rút kinh nghiệm và hoàn thiện hơn trong những bài báo cáo lần sau.

2. Mục tiêu cơ bản
Website được xây dựng nhằm đáp ứng các yêu cầu sau:
 Cung cấp cho người dùng một nền tảng trực tuyến tiện lợi để mua hàng một cách nhanh
chóng và dễ dàng.
 Giúp người dùng tiết kiệm thời gian và nỗ lực trong việc tìm kiếm các sản phẩm phù hợp với
nhu cầu của mình.
 Đảm bảo chất lượng và độ tin cậy cao.
 Cung cấp cho người dùng các thông tin liên quan đến các sản phẩm công nghệ, bao gồm tư
vấn trực tuyến, đánh giá từ người dùng trước đó.
 Tạo ra một trải nghiệm dịch vụ tốt cho người dùng, giúp họ cảm thấy thoải mái và hài lòng
với việc sử dụng nền tảng trực tuyến này để mua sắm.
 Thu hút được nhiều người dùng và trở thành một công cụ hữu ích để cải thiện chất lượng
dịch vụ mua sắm online.

3. Các chỉ tiêu kỹ thuật của sản phẩm

ĐH Công Nghệ TP.HCM | Khoa Công Nghệ Thông Tin

5

3.1. Yêu cầu chức năng

 Đăng ký tài khoản cho người dùng: Người dùng cần phải tạo một tài khoản để đăng nhập
và sử dụng các chức năng của trang web.
 Tra cứu thông tin bác sĩ và lịch khám bệnh: Người dùng có thể tra cứu thơng tin về các
bác sĩ và lịch khám bệnh của họ trên trang web.
 Đặt lịch khám bệnh: Người dùng có thể đặt lịch khám bệnh với bác sĩ và phòng khám mà
họ muốn.
 Hủy đặt lịch khám bệnh: Nếu cần thiết, người dùng có thể hủy đặt lịch khám bệnh đã
được đặt trước đó.
 Gửi lời nhắn cho bác sĩ hoặc phịng khám: Người dùng có thể gửi lời nhắn cho bác sĩ
hoặc phịng khám để hỏi thơng tin hoặc đưa ra u cầu khác.
 Thanh tốn trực tuyến: Người dùng có thể thanh tốn phí khám bệnh trực tuyến trên
trang web, hoặc sử dụng các phương thức thanh toán khác như tiền mặt, thẻ tín dụng,...
 Quản lý lịch khám: Người dùng có thể xem, chỉnh sửa hoặc hủy các lịch khám bệnh của
họ trên trang web.
 Gợi ý bác sĩ và phịng khám: Trang web có thể cung cấp các gợi ý về bác sĩ và phòng
khám phù hợp với nhu cầu của người dùng dựa trên thông tin mà họ cung cấp.

3.2 Yêu cầu phi chức năng

 Bảo mật: Trang web cần đảm bảo an toàn và bảo mật thông tin của người dùng, bao gồm
thông tin tài khoản, lịch khám bệnh và thanh toán.
 Tốc độ truy cập: Trang web cần được thiết kế để đáp ứng yêu cầu về tốc độ truy cập
nhanh chóng và ổn định cho người dùng.
 Khả năng mở rộng: Trang web cần được thiết kế để có thể mở rộng dễ dàng trong trường
hợp nhu cầu sử dụng tăng lên.
 Khả năng tương thích: Trang web cần tương thích với các trình duyệt và thiết bị khác

nhau để đảm bảo rằng người dùng có thể truy cập vào trang web từ bất kỳ thiết bị nào.
 Thiết kế thân thiện với người dùng: Trang web cần được thiết kế để đơn giản, dễ sử dụng
và thân thiện với người dùng, đảm bảo rằng họ có thể dễ dàng tìm kiếm thơng tin và sử
dụng các chức năng của trang web.
 Độ tin cậy: Trang web cần đảm bảo rằng thông tin của người dùng được lưu trữ và xử lý
một cách đáng tin cậy, đảm bảo tính tồn vẹn và khả năng khôi phục khi cần thiết.

ĐH Công Nghệ TP.HCM | Khoa Công Nghệ Thông Tin

6


 Hỗ trợ khách hàng: Trang web cần có tính năng hỗ trợ khách hàng để giải đáp các thắc
mắc của người dùng và giúp họ giải quyết các vấn đề liên quan đến việc đặt lịch khám
bệnh.

CHƯƠNG II: CƠ SỞ LÝ THUYẾT
1. Các công nghệ sử dụng trong lập trình phần mềm
1.1 Cơng cụ phát triển

Hình 1.1 Logo Visual Studio Code
-

Visual studio là một phần mềm hỗ trợ đắc lực hỗ trợ cơng việc lập trình
website. Cơng cụ này được tạo lên và thuộc quyền sở hữu của ông lớn cơng
nghệ Microsoft. Năm 1997, phần mềm lập trình nay có tên mã Project Boston.
Nhưng sau đó, Microsoft đã kết hợp các cơng cụ phát triển, đóng gói thành sản
phẩm duy nhất. 
Visual Studio là hệ thống tập hợp tất cả những gì liên quan tới phát triển ứng
dụng, bao gồm  trình chỉnh sửa mã, trình thiết kế, gỡ lỗi. Tức là, bạn có thể viết

code, sửa lỗi, chỉnh sửa thiết kế ứng dụng dễ dàng chỉ với 1 phần mềm Visual
Studio mà thơi.  Khơng dừng lại ở đó, người dùng cịn có thể thiết kế giao diện,
trải nghiệm trong Visual Studio như khi phát triển ứng dụng Xamarin, UWP
bằng XAML hay Blend vậy.
Lợi ích chính của phần mềm IntelliJ IDEA

-







Ít dung lượng
Tính năng phong phú, đa dạng và mạnh mẽ
Hỗ trợ nhiều nền tảng khác nhau (Linux, Windows, Mac)
Hỗ trợ đa ngơn ngữ (HTML, CSS, C#, F#, C/C++, JSON, JavaScript,…)
Tính năng Intellisense chuyên nghiệp

ĐH Công Nghệ TP.HCM | Khoa Công Nghệ Thông Tin

7





Giao diện thân thiện dễ sử dụng
Cập nhật đa dạng phiên bản cho nhiều đối tượng sử dụng khác nhau,…

1.2 Tìm hiểu về Xampp

Hình 1.3 Logo Xampp
XAMPP là một phần mềm cho phép giả lập môi trường server hosting ngay trên máy tính
của bạn, cho phép bạn chạy demo website mà khơng cần phải mua hosting hay VPS. Chính
vì vậy, XAMPP hay được phục vụ cho hoạt động học tập giảng dạy thực hành và phát triển
web.
XAMPP được viết tắt của X + Apache + MySQL + PHP + Perl vì nó được tích hợp sẵn
Apache, MySQL, PHP, FTP server, Mail Server. Còn X thể hiện cho sự đa nền tảng của
XAMPP vì nó có thể dùng được cho 4 hệ điều hành khác nhau: Windows, MacOS, Linux
và Solaris

 Đặc điểm của XAMPP
Ưu điểm
 Có thể chạy được linh hoạt được trên mọi hệ điều hành: Cross-platform, Windows,
MacOS, Linux.
 Có cấu hình đơn giản nhưng mang đến nhiều chức năng hữu ích như: Lập Server giả
định, lập Mail Server giả định và hỗ trợ SSL trên localhost.
 Tích hợp được nhiều tính năng với các thành phần quan trọng như: Apache, PHP,
MySql. Vì thế, người dùng khơng cần cài đặt từng phần trên riêng lẻ mà chỉ cần cài
XAMPP là có 1 web server hồn chỉnh.

ĐH Cơng Nghệ TP.HCM | Khoa Công Nghệ Thông Tin

8


 Tạo mã nguồn mở: Giao diện quản lý dễ dàng và tiện lợi giúp người dùng luôn chủ
động được trong chế độ khởi động lại hay bật/ tắt đối với máy chủ theo thời gian

phù hợp nhất.
Nhược điểm
 Do cấu hình khá đơn giản cho nên Xampp hồn tồn khơng nhận được sự hỗ trợ về
cấu hình Module, đồng thời cũng khơng có cả MySQL.
 Dung lượng tương đối nặng (141Mb).
 Khơng có nhiều phiên bản cho từng thành phần của server như PHP, Apache mà
phải cài đặt riêng.

2. Thuật tốn
a. Thuật tốn tìm kiếm tuyến tín (PHP)
Khái niệm : Tìm kiếm tuyến tính (hay tìm kiếm tuần tự) là một thuật tốn tìm kiếm một
phần tử cho trước nằm trong một danh sách (có thể là mảng) bằng cách duyệt lần lược các
phần tử và so sánh cho đến khi tìm thấy phần tử đó.
Ý tưởng : Thực hiện tìm kiếm từ đầu cho đến cuối mảng ( và ngược lại ).
- Nếu tìm thấy trả vị trí kết quả tìm kiếm.
- Nếu khơng tìm thấy thì trả về 1
Các bước thực hiện :





Bước 1: Duyệt mảng (n phần tử) từ vị trí đầu tiên i = 0.
Bước 2: Thực hiện so sánh giá trị arr[i] và key. Nếu arr[i] == key trả về vị trí i.
Bước 3: Nếu như duyệt hết phần tử mảng vẫn không tìm thấy thì trả về -1.

Các bước tìm kiếm trong php:
 Bước 1 : Xây dựng cơ sở dữ liệu để tìm kiếm.
 Bước 2: Xây dựng form tìm kiếm.
 Bước 3: Xử lý tìm kiếm với lệnh Like trong MySQL

Câu lệnh :
if(isset($_POST['timkiem'])){
$tukhoa = $_POST['tukhoa'];
}
$sql_pro = "SELECT * FROM tbl_sanpham,tbl_menu WHERE
tbl_sanpham.id_menu=tbl_menu.id_menu AND tbl_sanpham.ten_sanpham LIKE '%".
$tukhoa."%'";
$query_pro = mysqli_query($mysqli,$sql_pro);
?>
ĐH Công Nghệ TP.HCM | Khoa Công Nghệ Thông Tin

9


Đánh giá:
Trong trường hợp tốt nhất, phần tử cần tìm nằm ngay ở vị trí đầu tiên, thuật tốn sử dụng
1 lần so sánh.
 Trong trường hợp xấu nhất, phần tử cần tìm nằm ngay ở vị trí cuối hoặc khơng nằm trong
mảng, thuật tốn cần sử dụng n-1 lần so sánh.
Linear Search đây là một giải thuật đơn giản khi hiện thực nó và giải thuật này khá hiệu
quả với danh sách đủ nhỏ hoặc một danh sách chưa được sắp xếp.


3. Phân thích thiết kế hệ thống
a. Mơ hình Use-case :

ĐH Công Nghệ TP.HCM | Khoa Công Nghệ Thông Tin

10

b. Biểu đồ tuần tự :
 Biểu đồ tuần tự chức năng đăng nhập :

 Biểu đồ tuần tự chức năng đăng ký :

ĐH Công Nghệ TP.HCM | Khoa Công Nghệ Thông Tin

11




Biểu đồ tuần tự chức năng đặt hàng :

c. Biều đồ hoạt động :
 Chức năng đăng nhập :

ĐH Công Nghệ TP.HCM | Khoa Công Nghệ Thông Tin

12


 Đăng ký :

ĐH Công Nghệ TP.HCM | Khoa Công Nghệ Thông Tin

13

 Mua hàng :

 Thêm, sửa, xóa sản phẩm :
ĐH Công Nghệ TP.HCM | Khoa Công Nghệ Thông Tin

14


4. Thiết kế cơ sở dữ liệu
-

Thiết kế :

ĐH Công Nghệ TP.HCM | Khoa Công Nghệ Thông Tin

15


Dữ liệu bao gồm :

a. Bảng :tbl_admin (id_admin; username; password)

b. Bảng :tbl_taikhoan (id; emai; ho ;ten; matkhau; ma ; xacminh)

ĐH Công Nghệ TP.HCM | Khoa Công Nghệ Thông Tin

16

c. Bảng : tbl_sanpham (id_sanpham; ten_sanpham; anh_sanpham; soluong ;
id_menu)

d. Bảng : tbl_giohang (id_giohang; email; ma; tinhtang)

ĐH Công Nghệ TP.HCM | Khoa Công Nghệ Thông Tin

17


e. Bảng : tbl_menu (id_menu; ten_menu)

f. Bảng : tbl_chitietgiohang (ma; id_sanpham; soluongmua)

ĐH Công Nghệ TP.HCM | Khoa Công Nghệ Thông Tin

18


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

I. Giao diện
1.1 Giao diện User

1.1.1 Đăng nhâp

1.1.1 Đăng nhâp

ĐH Công Nghệ TP.HCM | Khoa Công Nghệ Thông Tin

19