Khóa luận tốt nghiệp Công nghệ phần mềm: Xây dựng hệ thống thương mại điện tử hỗ trợ kinh doanh các thiết bị, phụ kiện điện thoại di động

Về chương trình ứng dụng: Xây dựng được hệ thong dé dé dang trong việc quan lý và bán hàng, hoàn thiện được các chức năng quản lý, với dgiao diện người dùng quản lý trực quan, dễ sử dụng

ĐẠI HỌC QUOC GIA TP HO CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN

KHOA CÔNG NGHỆ PHAN MEM

NGUYEN VIET HUNG

KHOA LUAN TOT NGHIEP

DIEN THOAI DI DONG

Building an e-commerce system to support sales of mobile phone

accessories and equipment

KY SU CONG NGHE PHAN MEM

TP HO CHÍ MINH, 2021

ĐẠI HỌC QUOC GIA TP HO CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN

KHOA CÔNG NGHỆ PHAN MEM

NGUYEN VIET HUNG - 16521572

KHOA LUAN TOT NGHIEP

XAY DUNG HE THONG THUONG MAI DIEN TU

HO TRO KINH DOANH CAC PHU KIEN, THIET BI

DIEN THOAI DI DONG

Building an e-commerce system to support sales of mobile phone

accessories and equipment

KY SU CONG NGHE PHAN MEM

GIANG VIEN HUONG DAN

TS NGUYEN HA GIANG ThS NGUYEN THI THANH TRUC

TP HO CHi MINH, 2021

THONG TIN HOI DONG CHAM KHOA LUAN TOT NGHIEP

Hội đồng cham khóa luận tốt nghiệp, thành lập theo Quyết định số 453/QD

-DHCNTT ngày 19, thang 7, năm 2021 của Hiệu trưởng Trường Đại học Công nghệ

Thông tin.

1 TS Nguyễn Gia Tuấn Anh - Chủ tịch

2 ThS Lê Thanh Trọng - Thư ký

3.ThS Tran Thị Hồng Yến - Ủy viên.

ĐẠI HỌC QUOC GIA TP HO CHÍMINH CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM

TRƯỜNG ĐẠI HỌC Độc Lập - Tự Do - Hạnh Phúc

CÔNG NGHỆ THÔNG TIN

TP HCM, ngày 20 tháng 7 năm 2021.

NHẬN XÉT KHÓA LUẬN TÓT NGHIỆP

(CUA CAN BỘ HƯỚNG DAN)

Tên khóa luận:

XÂY DỰNG HE THONG THƯƠNG MẠI ĐIỆN TU HO TRỢ KINH DOANH

CÁC PHỤ KIỆN, THIẾT BỊ ĐIỆN THOẠI

Em SV thực hiện: Cán bô hướng dẫn:

Nguyễn Viết Hưng — 16521572 Ths Nguyễn Thị Thanh Trúc

Đánh gia Khóa luận

2.1 Vê cuôn báo cáo:

Số trang 73 Số chương 5

Số bảng số liệu 25 Sốhìnhvẽ 36

Số tài liệu tham khảo 15 Sảnphẩm I

Một sô nhận xét về hình thức cuôn báo cáo:

Khóa luận bao gồm 72 trang, bố cục khóa luận trình bảy cân đối phần lý thuyết và côngnghệ khá rõ ràng và hợp lý gồm bốn chương, nội dụng ở chương 1 Tổng quan dé tài trìnhbày lý do chọn đề tài Chương 2 Tìm hiểu công nghệ Chương 3 Yêu cầu ứng dụng Chương

4 Thiêt kế Giao diện Chương 5: Triển khai hệ thống Chương 6 Kết luận và hướng phát

triên.

2.2 Về nội dung nghiên cứu:

Khóa luận trình bày về quy trình xử lý nghiệp vụ của doanh nghiệp, cửa hàng kinh doanhphụ kiện, thiết bị điện thoại di động quy mô vừa và nhỏ

Về mặt công nghệ: nghiên cứu về ASP.NET MVC 5, Repository Design Pattern, sử dụng

Microsoft SQL Server, MVC, sử dụng Razor, vận dụng Repository Design Pattern

2.3 Về chương trình ứng dụng:

Xây dựng được hệ thong dé dé dang trong việc quan lý và bán hàng, hoàn thiện được các

chức năng quản lý, với dgiao diện người dùng quản lý trực quan, dễ sử dụng Giao diện cho

khách hàng hiền thị đầy đủ thông tin cần thiết cho sản phẩm kinh doanh, quy trình sử dung

đơn giản cho khách hàng Tuy nhiên còn hạn chế tìm kiếm và thống kê

2.4 _ Vê thái độ làm việc của sinh viên:

Sinh viên đã tích cực và nghiêm túc thực hiện đề tài khóa luận

Đánh gia chung: Khóa luận đạt yêu cầu của một khóa luận tốt nghiệp kỹ sư, xếp loại

Gidi

Điểm từng sinh viên:

Nguyễn Viết Hưng: 8/10

TRƯỜNG ĐẠI HỌC Độc Lập - Tự Do - Hạnh Phúc

CÔNG NGHỆ THÔNG TIN

TP HCM, ngày 22 tháng 7 năm 202].

NHẬN XÉT KHÓA LUẬN TÓT NGHIỆP

(CUA CÁN BỘ PHAN BIEN)

Tên khóa luận:

XÂY DỰNG HE THONG THƯƠNG MẠI ĐIỆN TU HO TRỢ KINH DOANH

CÁC PHỤ KIỆN, THIẾT BỊ ĐIỆN THOẠI DI ĐỘNG

Em SV thực hiện: Cán bô phản biên:

Nguyễn Viết Hưng - 16521572 ThS Thái Thụy Hàn Uyén

Đánh giá Khóa luận

2.5 Vệ cuôn báo cáo:

Số trang sẻ Số chương 5

Số bảng số liệu 25 Sốhìnhvẽ 36

Số tài liệu tham khảo 15 Sản phẩm I

2.6 _ Về nội dung nghiên cứu:

Đề tài nghiên cứu về ASP.NET MVC 5, Repository Design Pattern, sử dụng Microsoft

SQL Server làm hệ quản tri cơ sở dit liệu.

Hiểu được cách vận hành của một Web application theo mô hình MVC, biết sử dung Razor

dé binding dữ liệu hiển thị trên giao diện, hiểu được cách hoạt động của mô hình MVC

Nam được Repository Design Pattern, ứng dụng được vào khi làm Khóa luận

Sử dụng được hệ quản tri cơ sở dữ liệu Microsoft SQL Server

2.7 _ Về chương trình ứng dụng:

Xây dung website quản lý va bán linh kiện, điện thoại di động, dap ứng nhu cầu đặt ra.

Giao diện hiển thị đầy đủ thông tin cần thiết cho sản phẩm kinh doanh, quy trình sử dụng

đơn giản cho khách hàng.

2.8 _ Vệ thái độ làm việc của sinh viên:

Sinh viên có thái độ nghiêm túc khi làm việc với giáo viên.

Đánh giá chung: Khóa luận đạt yêu cầu của một khóa luận tốt nghiệp kỹ sư, xếp loại

Giỏi.

Diém từng sinh viên:

Nguyễn Viết Hưng: 8/10

Người nhận xét

(Ký tên và ghi rõ họ tên)

Thái Thụy Hàn Uyén

DE CUONG CHI TIẾT

TEN DE TAI: XAY DUNG HE THONG THUONG MAI DIEN TU HO

TRO KINH DOANH CAC PHU KIEN, THIET BI DIEN THOAI DI DONG

TEN DE TAI (tiéng Anh): BUILDING AN E-COMMERCE SYSTEM TO

SUPPORT SALES OF MOBILE PHONE ACCESSORIES AND EQUIPMENT

Cán bộ hướng dẫn: TS Nguyễn Hà Giang, ThS Nguyễn Thi Thanh Trúc

Thời gian thực hiện: Từ ngày 1/3/2020 đến ngày 30/06/2021

Sinh viên thực hiện:

Nguyễn Viết Hưng - 16521572

Nội dung đề tai:(M6 ta chỉ tiết mục tiêu, phạm vi, đối tượng, phương pháp thực

hiện, kết quả mong đợi của dé tai)

e Mục tiêu: Xây dựng một hệ thong website có giao diện và chức năng được thiết

kế dành riêng cho việc kinh doanh các các mặt hàng liên quan đến phụ kiện, thiết

bị điện thoại di động Hệ thống có 3 thành phần (module) chính:

> Chức năng đầy đủ của một trang web thương mại điện tử dành cho khách

hàng.

> Chức năng quản lý việc kinh doanh, lập báo cáo theo thời gian, theo dõi

hoạt động của nhân viên dành cho các chủ cửa hàng.

> Chức năng phân quyền, quan lý hệ thống dành cho admin.

Các chức năng phải được thực hiện đầy đủ nhằm phục vụ nhu cầu mua sắm online

các mặt hàng liên quan đến các phụ kiện, linh kiện điện thoại di động mà người dùng yêu thích Đồng thời, hệ thống gợi ý và bộ lọc tìm kiếm sản phẩm được thiết

kế chỉ tiết, rõ ràng, giúp người dùng dé dàng tìm thay sản phâm dựa theo loại thiết

bị, hãng sản xuất

Phạm vỉ:

> Phạm vi sản phẩm:Kinh doanh các sản phẩm liên quan đến điện thoại di

động, ví dụ như tai nghe, ốp lưng, sạc, cáp sạc.

> Phạm vi hệ thống: hệ thống được xây dựng va vận hành trên nền tảng

website, chạy ở hệ điều hành Windows.

Đối tượng: người dùng thích mua săm online các phụ kiện điện thoại di động, đặc

biệt là lứa tuổi từ 20t-35t, và các cửa hàng bán lẻ, hộ kinh doanh nhỏ lẻ muốn kinh doanh các mặt hàng như trên.

Phương pháp thực hiện: làm việc với em 02 thành viên, quản lý code trên Github

và theo dõi tiến độ công việc ở Trello, phân chia công việc phù hợp với năng lực

và kinh nghiệm của từng người, thực hiện khóa luận theo lượng công việc và thời

gian đã được lập kế hoạch chỉ tiết Các vấn đề liên quan đến khóa luận đều được trao đồi trực tiếp giữa các thành viên.

Các công nghệ được sử dụng:

Front-end: HTML, CSS, Bootstrap

Back-end: NET Framework

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

Kết quả mong đợi:Hoàn thiện một website hoạt động tốt như một nền tảng thương

mại điện tử, kinh doanh các mặt hàng phụ kiện, linh kiện điện thoại di động, với

các chức năng chính đã được mô tả ở phần mục tiêu Các chức năng được lập trình hoàn thiện, giao diện thân thiện, tinh gon mang lai trải nghiệm tốt nhất cho người

dùng.

Điểm mới so với các hệ thống hỗ trợ mua bán điện tử tương tự:

> Sản phẩm: mới lạ, chuyên dụng bán các sản phâm dành liên quan đến các

phụ kiện, linh kiện điện thoại di động, đáp ứng được nhu cầu và sở thích

của khách hàng thích trang trí và chăm sóc điện thoại.

> Hệ thống vận hành: được xây dựng theo kiến trúc Microservices, tăng tính

hoạt động độc lập của từng chức năng, tránh việc sập máy chủ trong trường

hợp một trong các tính năng bi hỏng.

> Hệ thống lập báo cáo chi tiết: Các nhà bán được hỗ trợ lập báo cáo doanh

thu chỉ tiết theo dõi doanh thu theo từng khung giờ trong ngày, từng ngày trong tuần, theo tháng, năm Dựa vào báo cáo, người bán có thé nắm bắt được thời điểm và vị trí mà lượng mua sắm của khách hang đạt đỉnh điểm,

từ đó đưa ra chiến lược kinh doanh phù hợp.

Quản lý phân quyên: các chủ cửa hàng có thé phân quyên rõ rang cho mỗi nhân viên (ví

dụ như: nhân viên bán hàng được phép xem sản phâm nhưng không được cập nhật số

lượng), mỗi hành động, thao tác của mỗi nhân viên được ghi lại đầy đủ để người bán có thé theo dõi va kịp thời ngăn chặn những hành động ảnh hưởng không tốt đến việc kinh

doanh cửa hàng.

Kế hoạch thực hiện: (M6 ta kế hoạch làm việc và phân chia công việc các thành

viên tham gia)

Với thời gian thực hiện từ 01/03/2021 đến 26/06/2021, em chia thành 6 sprint với 2 giai

đoạn cụ thể:

- _ Giai đoạn 1: Khảo sát hiện trang, tìm hiểu các ứng dụng có trên thị trường, tìm

hiểu công nghệ sử dung, phân tích thiết kế hệ thống:

Sprint 1: Chọn dé tài, khảo sát các ứng dụng hiện có.

Sprint 2: Tìm hiểu nghiệp vụ và thiết kế giao diện ứng dụng.

+ + + Sprint 3: Xac dinh va dac ta tinh nang.

Sprint 4: Tìm hiểu công nghệ được xác định trong đề tài.

01/03/2021 - 07/03/2021 | Lên ý tưởng đề tài.

+

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

Lua chọn công nghệ sử dụng.

dung.

Xây dựng cơ sở dữ liệu.

mm

23/03/2021 - 07/04/2021 | Tìm hiểu Net Framework.

Tim hiéu Repository Partten

- Giai đoạn 2: Hoan thành ứng dụng và kiểm thử Viết báo cáo dé tài.

+ Sprint 5: Xây dựng hệ thống e-commerce, xây dựng hệ thống khuyến nghị

+ Sprint6: Hoàn thành sản pham.

08/04/2021 - 13/06/2021 | Xây dựng hệ thống e-commerce (các

services, giao diện phía client).

14/06/2021 - 26/06/2021 | Hoàn thành báo cáo.

Xác nhận của CBHD

(Ký tên và ghi rõ họ tên)

TP HCM, ngày tháng năm 2021

Sinh viên 1 (Ký tên và ghi rõ họ tên)

Nguyễn Viết Hưng

LOI CAM ON

Lời đầu tiên, em xin chân thành cảm ơn ban giám hiệu nhà trường, các thay côcủa Trường Đại học Công Nghệ Thông Tin nói chung và các thầy cô trực thuộc khoaCông Nghệ Phần Mềm nói riêng, những người luôn tận tình dạy hỗ, truyền đạt cho

em nhiều kiến thức mới mẻ và bồ ích trong suốt thời gian mà em theo học tại trường

Đặc biệt, em xin gửi đến cô Nguyễn Thị Thanh Trúc và thầy Nguyễn Hà

Giang lời cảm ơn chân thành và sâu sắc nhất Cảm ơn thầy cô vì đã tận tình chỉ bảo,

hướng dẫn và chia sẻ nhiều kinh nghiệm quý báu trong suốt những ngày em làm luậnvăn Nếu không được thầy cô quan tâm, không có những lời góp ý dẫn của thầy côthì em đã không thể hoàn thành khoá luận tốt nghiệp một cách trọn vẹn được

Đồng thời, em cũng muốn được thê hiện lòng biết ơn của mình đến các bạncùng lớp làm khoá luận, các anh chị đồng nghiệp đã luôn động viên, giúp đỡ và đưa

ra những ý kiến đóng góp vô cùng bồ ích Nhờ có những góp ý từ mọi người mà em

có thể nhận ra những mặt hạn chế còn ton tại trong bài luận của minh dé từ đó cốgang hoàn thiện nó một cách tốt nhất có thé

Trong suốt quá trình làm khoá luận em luôn cô găng làm mọi thứ thật tốt Tuynhiên có thể vẫn sẽ không tránh khỏi những sai sót Vì vậy em rất mong nhận đượcthật nhiều những lời góp ý quý giá từ phía thầy cô, bạn bè và tất cả mọi người quan

tâm đến bài luận của em

Sau cùng, em xin kính chúc toàn thé quý thầy cô thật nhiều sức khoẻ, nhiệthuyết và luôn thành công trong sự nghiệp giảng dạy của mình

TP Hồ Chí Minh, tháng 07 năm

2021

Sinh vién thuc hién

Nguyén Viét Hung

1.6 KET QUÁ THUC TIN -° 2s s2ssssesseEssEssessesserssrssrsserssrssrse 2

CHƯƠNG 2 TÌM HIỂU CAC CÔNG NGHỆ UNG DỤNG TRONG DE TÀI 4

2.1 TÌM HIỂU ASP.NET MVCC -s- 2 s< 5s ©ss£EssesseSsseEsserseersersserssersee 4

2.1.1 Giới thiệu ASP.NET - 25-2 ES2EE122132711271122112711 0211.11.11 4

2.2.2 Ung dụng vào đề tài -¿- + x22 2 xEE121121121111211211 211.111.111 13

2.3 REPOSITORY PATTERN - 2< s<s<sse©+seeEssevsseerseerssersserssserse 13 2.3.1 Giới thiỆu -¿-5s<22E<2 E2 1127112211271 711 T1 T111 1E EEeerree 13

2.3.2 Ứng dụng vào đề tài - ¿+ k2 E12 1221121121111 1111121111111 11x 14

; 8009:0175 1ã

hNc oi nh aaO 15

2.4.2 Ung dụng vào dé tài -:- +22 2E1E212112112112121121121111211 11x l6

2.5 AJAX ccccccS HH HH HH HH HH ng 001 00000004800000480000010000004004000004000000700081000030 16

2.5.1 Git thigue 16

2.5.2 Ứng dụng vào đề tài -¿- 5s x22 2 1EE121121121171211211211 111.11 x re 17

2.6 CRYSTAL REPOIR'TS 5-2 s< 5s ©ss£EssEEseEvseEsserseersersserseerssrrserse 18

"NSNc ion cddắỶỉỶỪỒ' Ỷ^.: 18

2.6.2 Đặc diém của Crystal Reports c.ccccssessssssessseessesssessecssecssecssscsessecasecstesseeasecs 18

2.6.3 Ứng dụng vào đề tai c.ceceecceccccsccscsseessessessecssessessesssssessesseesesssessessesseeseesseeseeseess 19

CHƯƠNG 3 YÊU CÂU UNG DUNG -s-s°cs<ssecsseessessersserssersere 20 3.1 NGHIỆP VU QUAN LLÝ - 25s ©s<ss©ss£+sseEssersevsserseersersserse 20

3.1.1 Sơ đồ 06 chứỨc -¿-©s-©5c++2EE‡ExEEEE2112112717112112111111211 21111111111 1e 20

3.1.2 Chức năng từng bộ phan 6 625 kg HH ng gưy 20

3.1.3 Danh sách các yêu cẦu - + ©kSE+EE2EE2EEEEEEEE1EE1211112112111 11111 xe 233.1.4 Danh sách các biỀu mẫu - ¿+ +++£++£+++EktEEtEEE+EEEExerkrrkerreerkerkrree 243.1.5 Sơ đồ Usecase Admin 2-5: +t+EEt v22 E12152515155112151111151511111111 E1 cxe 293.1.6 Sơ đồ tuần tự Ađmiin - ¿2-55 2E22E££EEEEE21122157121211211221 71211211 1c 31

3.2 NGHIỆP VỤ KHACH HÀNG 2 s°s<ssssesssezssersseerssesse 35

3.2.1 Sơ đồ Usecase Khách hàng ¿- 2 2 2+ +E£EE£EESEEEEEEEEEEEEEErEerkerkerkrree 353.2.2 Sơ đồ tuần tự Khách hàng 2- 2 2 2+S2+E£+E£EEEEESEEEEEEEEEEEEEErEerkerkerkrree 36

3.2.3 Chức năng Khách hang - +2 3.13112192311111 11.111 rree 37

CHUONG 4 XÂY DUNG UNG DỤNG -.s-sc se ©sscsseeseessessessersrssse 38

4.1 THIẾT KE DỮ LLIỆU 2-5-5 s22 s££s£EsSseSsesesseseesseseesesse 384.1.1 Sơ d6 ÏOBÏC 5-5252 SE E1 11211211211211111111111111111 21.11 11111 re 38

4.1.2 Mô tả chỉ tiết các bảng -2¿- ¿22s 222212 2712112211271121121111 211.111 cre 384.2 THIẾT KE KIÊN TIRÚC - 2° s<s<©s£©2ss€SssESsevssezssezsseesssesse 49

4.2.1 Framework 01-3 7 4 49

4.2.2 Mô hình kiến trúc hệ thống - + 2¿+¿++++2E++EE+2EEt2EEtEE+erxrzrxrrrecree 504.2.3 Mô tả chi tiết thành phần trong hệ thống - 2-2 2 ++2E£+£z+£x+zxzsz 514.3 THIET KE GIAO DIỆN . s- 5° s2 sss se ssessexsersersersserserssrsssse 52

4.3.1 Danh sách các g1a0 điỆN - 6 <3 vn HH HH ngư 52

4.3.2 Chi tiết các màn HIND eeccccsesssesssesssessssssscssscssscssessecssecssscssessecssecssessesssecaseess 33

CHƯƠNG 5 TONG IK-T 5< 5° << E9 9 94s øse.eS2 62

Hinh 2.7 Biéu tượng Microft SQL Server - Gv vn re, 11

Hình 2.8 Kiến trúc của SQL Server v.c.ccccccsscsssssssssssesssssseesssvssssesavssevsessvsavsveassveaees 12

Hình 2.9 Mô hình Repository Pff€TT - -.- 5 0S ghê 14

Hình 2.10 Biểu tượng jQuery - 2 225£+E 2E EEEEEEEEEE1211221211212 212111111 xe 15Hình 2.11 Biểu tượng AjaX -:- 2-52 522222 2E2E E1 E1E112111112112111 1111111 l6Hình 2.12 Biểu tượng Crystal R€pOT(S ¿5-5 ESE‡EE‡EE£EE‡EEEEEEEEEEerkerkerkrree 18Hình 3.1 Sơ đồ tổ chức chức năng quản lý 2-2 2 2+s£+E££xezxerxerxzrszxez 20

Hình 3.2 Sơ đồ Usecase Admin ¿- St +keEk+EEEESEEEEEEEEEEEEEEEEEEEkrkerkrkrrkrrerkee 29Hình 3.3 Sơ đồ Sequence tạo phiếu bán hàng -2- 2 2 ++x+zEz+£++zxsrxzez 31

3.4 Sơ đồ Sequence xác nhận phiếu bán hàng 2 ¿2-52 sec 5+2 32

3.5 Tạo phiếu bảo hành :- 2 + x+2E+2E£+EE£EE£EEEEEEEESEEEEEEEErrkrrkerkeee 333.6 Sơ đồ Sequence tạo phiếu kiểm kho ¿-2 2 s+x£+£+£s+zxrxeee 34

3.7 Sơ đồ Sequence tạo phiếu nhập kho 2- 2 2 2+s+x+£x+zxezszcsez 343.8 Sơ d6 Sequence thêm nhân viên 2 2 22 2+££+E+£E+£x+£x+rxzrsez 35

3.9 Sơ đồ Usecase của khách hàng 2¿- +¿+2++2z++zxeerxrrrrerresree 35

3.10 Sơ đồ Sequence xem chỉ tiết sản phâm 2: 22 5¿25++2z++c+2 363.11 Sơ đồ Sequence đặt hàng - ¿+ s22 E2 2E EEEerkerkrrree 374.1 Sơ đồ logic của ứng dụng - ¿52 2+ keEEeEEEEEE2112112121 21x xe 38

4.2 Kiến trúc của ứng dung (Ï) : ¿ 2+-s+E++Et2ESEEEEEEEECEErrkerkerkerree 50

4.3 Kiến trúc ứng dụng (2) c.scceseecsesssesssesssesssesssessecssecsusesscssecsuecsuecsssseesnesseceses 504.4 Mô hình MVC kết hợp 3 Tier -2- + ©+c25+22++£xtExczxezrrerxerxerxee 5

4.5 Màn hình trang Quan fFỊ - -. + + 331323 EESEEErirtrirrrerrrrrrrrrrree 53

4.6 Màn hình phiếu bán hang ccccccccccssesssessesssesssesssecsecssecssecsuscseessecssecseeeses 544.7 Màn hình phiéu bảo hanh cccccccsesscscsecsecsessesssessecsesssssessessessesseseseeseeses 54

4.8 Màn hình phiếu kiểm Kho ¿5£ S5 5ESE+E££E£2E2E££EeEEerxerxrrszrx 55

4.9 Màn hình phiếu xuất kho 2 2 S2 E+E£+E£+EE+EE+EE£E+zEEzrxerxerxee 554.10 Màn hình phiếu chỉ -. 2- 22 +¿©2++2E+2EE++EEtEEEtEEESEErzrxerkrerkesrxee 564.11 Màn hình phiếu đặt hàng 2 2¿+++x++x++zx++rxrzrxerreerxrerxee 564.12 Màn hình sản phâẩm - 2 2 2 +E£E+EE+EE+EEEEEEEEEEEEeEEerkerxrrsrrx 574.13 Màn hình nhà cung Cap ccseecscsssesssecssesssessesssecssecsscssecssecsuecseessecsseeseeeses 57

4.14 Màn hình báo cáo khách hàng - + + ++**+e£+vE+s+exxeeseexeseeree 58

4.15 Man hình báo cáo dat hang c2 323333 vrirrirrrrree 58

4.16 Man hình báo cáo phiếu chỉ - 2 2 + +E2E++E++£E+EEzE+zExsrxrrxersee 584.17 Màn hình báo cáo sản phẩm -¿- 22 +¿+++£x++£x++zxvzxeerxesrxee 594.18 Màn hình báo cáo tồn KhO eecssesecssssescssneeessneecssneeessncessneeeesnneeessneeesses 59

4.19 Màn hình trang chủ cửa hàng - - 5 S113 39 vn re 60

4.20 Màn hình chi tiết sản phẩm - ¿2 2 5ESE+E£2EE2E£E£EtEEeEEerxerszrs 60

4.21 Màn hình giỏ hàng c Sc S 1211 119111111111 111111111111 1 kg re 61

DANH MỤC BANG

Bang 3.1 Danh sách các biểu mẫu và quy định - 2-2 s+2sz+zz+cxsrxczez 23

Bảng 3.2 Danh sách Usecase AdmiIn - - 5 6s E111 vn ng nry 31 Bang 3.3 Danh sách Usecase Khách hàng - - ¿5 + S+ 3+ +kEseeeeesererssre 36 Bang 4.1 Bang sen cà 8 5 38

Bảng 4.2 Bảng Nhân viên 2- 22 S¿22+92EE2EEE2EE2E1223127112212112711221 21121 cre 39

Bang 4.3 Bảng Nhân viên — Quyềhn -2- 52:52 2222122 222212 EEEEEerkrrkrrei 39Bảng 4.4 Bảng Phân quyền 2-2 ©5£©5£+SE‡EE£EEEEE2EEEEEEEE2E122171 21121121 re, 40

Bang 4.5 Bảng Phiếu nhập - 2-2 ©5£©S£SE9EE£EE2EE2EEE7E21122122171711211 21.0, 40

;;0 58.808; 00100 ẽa ễ'.ồ®.5 41

Bang 4.7 Bảng phiếu đặt hàng ¿- 2-52 2 SE EEEEEEEEEE121121121121 1111111 xe 41Bang 4.8 Bảng phiếu bán hang - 2-52 SE SE E2 121121121121 11 11111 xe 42

Bảng 4.9 Bảng phiếu bảo hành - 5-52 ©5222E2EE2EE22E222E2EEE2EESEECrrrrrkrrree 43

Bang 4.10 Bảng phiếu kiểm khO 2-52 2 2S SE E‡EE£EE£EE2EE+EEEEEEeEEerkerxerxrree 44Bang 4.11 Bảng phiếu xuất kho 2: 2-52 £+SSE8EE£EEEEESEEEEEEEEEEEEEeEEerkerkerkrree 44Bang 4.12 Bảng chi tiết phiếu nhập 2-2: ¿S2+SE+EE+£E££EE+EEvEEEEErEErrxrrkerer 45Bảng 4.13 Bảng chỉ tiết phiếu đặt hàng - 2-22: ©522S22£E2EEtEEterxesrxrrrerree 45Bang 4.14 Bảng chi tiết phiếu bán hàng - 2-2 2 ©5£2S£+£E+£xtzEzEzrxerxeres 46Bang 4.15 Bảng chỉ tiết phiếu kiêm kho 2- 2 s52 £££+E£+E££Ee£EeEEerszrszsez 46Bảng 4.16 Bảng chỉ tiết phiếu xuất kho -.: 2¿©22¿©5£+S£2£x2E£+EE++rxezrxerxeeree 47Bảng 4.17 Bảng Nhà cung CAP escccsessscsssssssesssessessssssecsssssecssecsuecssessecssecsuseseessecsseess 47

Bang 4.18 Bảng Loại hang hoa cece eececeseceseeceseeeeseeeeaeeeneceeeeeaeeeeaecneaeeesaeesaes 47 Bang 4.19 Bang hang hoa an 48

Bang 4.20 Bang ton KhO cecccscscsssesssesssssssssecssssssessecssscsssssscssecssecsssssecssecsssesecssecaseess 49Bảng 4.21 Bảng tham 86 o cccccccccsssssssssssssesssecsssssssssecssecsssssscssecsuscssessecssecsueeseessecaseess 49

Bang 4.22 Bang các màn hình Ung dụng 0 eee eeeeseceeeeeeceseeeseeeceeeeeseeeeeeeeeseees 53

DANH MỤC VIET TAT

STT Chữ cái viết tắt ký hiệu | Cụm từ day đủ

1 STT Số thứ t

2 CSDL Co sở dữ liệu

3 MVC Model — View - Controller

4 API Application Programming Interface

5 WCF Windows Communication Foundation

6 MSSQL Microsoft SQL Server

7 RDBMS Relational Database Management System

8 SSMS SQL Server Management Studio

9 SSAS SQL Server Analysis Services

10 SSIS SQL Server Integration Services

TÓM TẮT KHÓA LUẬN

Đề tài tìm hiểu các quy trình và nghiệp vụ của các cửa hàng bán điện thoại diđộng, linh kiện Qua đó thực hiện đề tài, xây dựng hệ thống thương mại điện tử, hỗtrợ kinh doanh các thiết bị điện thoại di động, linh kiện Với các đầy đủ các tác vụ

cho phía doanh nghiệp, chủ cửa hàng và các tác vụ cho phía khách hàng.

Ứng dụng hoàn thành nhắm đến các doanh nghiệp kinh doanh điện thoại di động,linh kiện có quy mô vừa và nhỏ với hình thức quản lý truyền thống, muốn thay đổihình thức quản lý, tiếp cận đến khách hàng nhiều hơn với kênh bán hàng online

Nghiên cứu các công nghệ sử dụng trong đề tài như Repository Design Pattern,.NET Framework, mô hình MVC Nắm được kiến thức dé xây dụng ứng dụng hoàn

chỉnh với giao diện trực quan, dễ sử dụng, hoàn thiện các tính năng.

CHUONG 1 TONG QUAN DE TÀI

1.1 Giới thiệu đề tài

Ngày nay smartphone rất phô biến nên có rất nhiều của hàng điện thoại di độngmọc lên với nhiều quy mô khác nhau Trong mỗi cửa hàng đều có một cách kinhdoanh riêng tuy nhiên về các nghiệp vụ tương đối giống nhau (nhập kho, xuất kho,

quản lý sản phẩm, báo cáo, ) Các thao tác dé làm trên giấy nên việc sai sót, mat mát

dữ liệu và không mang tính tập trung là điều hiểu nhiên Với quy mô nhỏ như vậy,các cửa hàng thường chỉ đầu tư về cửa hàng, mặt bằng nên khách hàng thường phảiđến tận cửa hang dé xem sản phẩm, mua bán theo hình thức truyền thống

1.2 Lý do chọn đề tài

Nam bắt yêu cầu này em đã lên kế hoạch xây dựng một ứng dụng quản lý cửa

hàng và ứng dụng bán điện thoại di động, trưng bày sản phẩm nhằm đáp ứng nhữngnghiệp vụ cơ bản của các cửa hàng, đáp ứng nhu cầu tiện lợi cho khách hàng, kháchhàng có thé xem các mặt hàng trước trên website, tiến hành đặt hàng

Khi hoàn thành, sản phâm sẽ được quản lý dễ dàng và chặt chẽ hơn, các côngviệc sẽ hoàn thanh nhanh chóng hơn Nâng cao hiệu suất cho người quản lý, tăng tính

trải nghiệm cho người mua hàng.

Đây là lý do em chọn đề tài khóa luận tốt nghiệp là “Xây dựng hệ thống thươngmại điện tử hỗ trợ kinh doanh các phụ kiện, thiết bị điện thoại di động”

1.3 Mục tiêu

Việc xác định tính khả thi của nó rất cần thiết:

o Tốc độ phổ biến của smartphone nhanh đến chóng mặt nên rất nhiều

người đặt chân vào kinh doanh thị trường này.

o Nếu trước kia các cửa hàng tốn nhiều thời gian cho các công đoạn thanh

toán, quản lý sản pham thì nay đã có phần mềm hỗ trợ

o Theo quy mô cũ, khách hàng phải đến tận cửa hàng mới thấy được thiết

bi, xem đánh giá, cấu hình, thì nay đã có website, khách hàng có thé cânnhắc, lựa chọn các sản phâm ưng ý trước, giúp trải nghiệm mua sắm tốt

hơn và nhanh hơn đáng ké.

1.4 Phương pháp thực hiện

Thực hiện đề tai theo các bước:

> Phân tích đề tài.

> Tham khảo các ứng dụng tương tự hiện có trên thị trường.

> Nghiên cứu các công nghệ dé áp dụng

> Phát triển ứng dụng

> Dua cho một số người dùng sử dụng thử dé lay ý kiến phản hồi

> Kiểm thử và hoàn thiện ứng dụng

Tạo ra một ứng dụng lớn dành cho các chuỗi cửa hàng dịch vụ bán lẻ phụ kiện,

điện thoại di động, người dùng có thê đặt hàng online thông qua ứng dụng

1.6 Kết quả thực tiễn

o Nắm được các kiến thức Net Framework, MVC

o Hiểu rõ về các khái niệm, cách thức hoạt động của Repository Pattern

o Áp dụng tat cả kiến thức tìm hiểu được xây dựng ứng dụng thương mại

điện tử với các tính năng chính:

e Xem các sản phẩm, chi tiết sản phẩm

e Thêm sản phẩm vào giỏ hàng

e Đặt hàng

e Quan lý cửa hàng

e Báo cáo thống kê

CHUONG 2 TÌM HIỂU CÁC CÔNG NGHỆ UNG DUNG TRONG DE

Hình 2.1 Biểu tượng ASP.NET

Đầu năm 2002, Microsoft giới thiệu một kỹ thuật lập trình Web khá mới mẻ vớitên gọi ban đầu là ASP+, tên chính thức sau này là ASP.Net Với ASP.Net, khôngnhững không cần đòi hỏi bạn phải biết các tag HTML, thiết kế web, mà nó còn hỗ trợmạnh lập trình hướng đối tượng trong quá trình xây dựng và phát triển ứng dụng Web

ASP.Net là kỹ thuật lập trình và phát trién ứng dụng web ở phía Server

(Server-side) dựa trên nền tảng cua Microsoft Net Framework

Hau hết, những người mới đến với lập trình web đều bắt đầu tìm hiểu những kỹ

thuật ở phía Client (Client-side) như: HTML, Java Script, CSS (Cascading Style

Sheets) Khi Web browser yêu cầu một trang web (trang web sử dung kỹ thuật

client-side), Web server tim trang web ma Client yêu cầu, sau đó gởi về cho Client Clientnhận kết quả trả về từ Server va hién thị lên màn hình

ASP.Net sử dụng kỹ thuật lập trình ở phía server thì hoàn toàn khác, mã lệnh ở

phía server (ví dụ: mã lệnh trong trang ASP) sẽ được biên dịch và thi hành tại Web

Server Sau khi được Server đọc, biên dịch và thi hành, kết quả tự động được chuyênsang HTML/JavaScript/CSS và trả về cho Client Tat cả các xử lý lệnh ASP.Net đều

được thực hiện tại Server va do đó, gọi là kỹ thuật lập trình ở phía server.

2.1.2 ASP.NET MVC

Controller

Send request Access and

Displays view manipulate

Access data source

< Obtains data from

có một nhiệm vụ riêng biệt và độc lập với các thành phần khác

Model: là các thành phần chứa tất cả các nghiệp vụ logic, phương thức xử lý,truy xuất CSDL, đối tượng mô tả đữ liệu như các Class, hàm xử lý Model được giaonhiệm vụ cung cấp dit liệu cho CSDL và lưu đữ liệu vào các kho chứa dữ liệu Tat cả

các nghiệp vụ logic được thực thi ở Model Dữ liệu vào tt người dùng sẽ thông qua

View để kiểm tra ở Model trước khi lưu vào cơ sở dit liệu Việc truy xuất, xác nhận

và lưu đữ liệu là một phần của Model

View: View hiến thị các thông tin cho người dùng của ứng dụng và được giaonhiệm vụ cho việc nhận các dữ liệu vào từ người dùng, gởi đi các yêu cầu người dùng

đên bộ điêu khiên (Controller), sau đó là nhận lại các phản hôi từ bộ điêu khiên và

hiển thị kết quả cho người dùng Các trang HTML, JSP, các thư viện thé và các filenguôn là một phần của View.

Controller: Controller là tầng trung gian giữa Model và View Controller đượcgiao nhiệm vụ nhận các yêu cầu từ người dùng (phía máy khách) Một yêu cầu đượcnhận từ máy khách được thực hiện bởi một chức năng logic thích hợp từ thành phầnModel và sau đó sinh ra các kết quả cho người dùng và được thành phan View hiểnthi ActionServlet, Action, ActionForm, struts-config.xml là các thành phan cua

Controller.

Một ứng dung web được phát triển theo mô hình MVC, có nguyên lý hoạt động

xử lý yêu cầu của người dùng như sau:

e Khi có yêu cầu phát sinh từ người dùng (phía Client), yêu cầu này sẽđược gởi đến phía Server, tại đây Contronler sẽ tiếp nhận yêu cầu để xử

lý

e Bên trong Controller chứa nhiều phương thức (action), mỗi actiontương ứng với 1 yêu cầu cụ thé từ người dùng Controller sẽ lựa chọnaction phù hợp với yêu cầu dé xử lý trong quá trình xử lý, Controller

tương tác với Model đề có được dữ liệu mà người dùng mong muốn

Sau khi Controller làm việc với model dé có được dữ liệu theo yêu cầu, Controller

sẽ gởi về cho View thành phần Data Model, và nhiệm vu của View sẽ chuyển DataModel nhận được thành dữ liệu ứng dung và gởi trả về phía Client dé hién thị kết quảyêu cầu

Các thành phan này giao tiếp với nhau nhằm xử lý yêu cau cau ứng dụng ASP.NETMVC Quá trình xử lý yêu cầu thường liên quan tới một chuỗi các xử lý, mỗi xử lý

sẽ được một component trong ASP.NET đảm nhiệm.

(1) Trình duyệt gửi yêu cầu của ứng dụng ASP.NET MVC

(2) MVC Engine chuyên yêu cầu tới cho Routing engine

(3) Routing engine kiểm tra câu hình điều hướng (route configuration)của ứng dụng nhằm chuyên đến các Controller phù hợp với yêu cầu

(4) Khi Controller được tìm thấy, control này sẽ được thực thi

(5) Nếu Controller không được tìm thấy, bộ điều hướng sẽ chỉ ra rằngController không được tìm thấy và MVC Engine sẽ thông báo lỗi cho

trình duyệt

(6) Controller giao tiếp với Model, tầng Model đại diện cho các Entitybên trong hệ thống, Controller làm việc với tang Model dé lay thông tincần cho người dùng

(7) Controller yêu cầu View engine hién thi thông tin dựa trên dữ liệucủa tầng Model

(8) View Engine trả kết quả cho Controller

(9) Controller gửi kết quả cho trinh duyệt thông qua giao thức Http

2.1.3 Lịch sử phát triển ASP.NET MVC

2.1.3.1 ASP.NET 1.0

Phiên bản đầu tiên được phát hành vào tháng 3 năm 2009 trên nền tảng bộ Net

Framework 3.5 bộ Visual Studio 2008.

2.1.3.2 ASP.NET 2.0

Phiên bản này được phát hành vào tháng 3 năm 2010 trên bộ Net Framework 3.5

và Net Framework 4.0 bộ Visual Studio 2010.

=

ASPnet vc 2

2.1.3.3 ASP.NET MVC 3

Hinh 2.4 Biéu twong ASP.NET MVC 3

Phiên ban này được phát hành vào thang 1 năm 2011 trên nền tảng bộ NetFramework 4.0, các đặc điểm chính của phiên bản này là:

e Hỗ trợ thêm HTML5 và CSS3

e Cải thiện về Model validation

e Hỗ trợ 2 View Engine: Razor, aspx

e Controller cai tiến thêm như ViewBag, ActionResult

e Cải thiện Dependency Injection

2.1.3.4 ASP.NET 4.0

Microsoft® ASP Net

INET wvc4

Hinh 2.5 Biéu trong ASP.NET MVC 4

Phiên bản này được phát hành vào thang 8 năm 2012 trên nền tảng bộ Net

Framework 4.0 và Net Framework 4.5 trên phiên ban Visual Studio 2010 SP1 và

Visual Studio 2012 Phiên bản này có những đặc điểm như sau:

e ASP.NET Web API ra đời, đơn giản hóa việc lập trình với HTML,

cải tiến mới thay thế cho WCF Web API

© Cải thiện về bố trí

e Kiểm soát Bundling và Minification thông qua Web.config

e Hỗ trợ việc đăng nhập Oauth vào OpenID

e Hỗ trợ Asynchrnous Controller 2.1.3.5 ASP.NET MVC 5

Phiên bản này được phát hành vào tháng 10 năm 2013 trên nền tảng bộ Net

Framework 4.5 và Net Framework 4.5.1 trên phiên bản Visual Studio 2013.

ASP.NET MVCS giúp cho chúng ta có thé tạo được các ứng dụng web áp dụng

mô hình MVC thay vì tạo ứng dụng theo mẫu ASP.NET Web Forsm Nền tảngASP.NET MVC có đặc điểm nỗi bật là nhẹ (lightweight), dé kiểm thử phan giao diện

(so với ứng dụng Web Forms), tích hợp các tính năng có sẵn của ASP.NET Nền tang

ASP.NET MVC được định nghĩa trong namespace System.Web.MVC và là một phầncủa name space System.Web MVC là một mẫu thiết kế (design pattern) chuẩn mànhiều lập trình viên đã quen thuộc

2.1.4 Ưu nhược điểm của ASP.NET

2.1.4.1 So sánh với Java

Java luôn được biết đến là ngôn ngữ lập trình có độ bảo mật cao, tuy nhiên Java

lại có chi phí cao hơn khá nhiều so với ASP.NET nên không được sử dụng phổ biếnbăng

Với ASP.NET, ưu điểm khi so sánh với Java là chi phí thấp hơn Ngoài ra, vớithời điểm ra đời muộn hơn nên ASP.NET đã kế thừa và khắc phụ những nhược điểmcủa Java để trở nên hoàn thiện hơn, tối ưu hơn

2.1.4.3 Ưu điểm của ASP.NET

ASP.NET có bộ thư viện đa dạng, được cung cấp bởi NET Framework nên có

nhiều ưu điểm nỗi bật

Các website được lập trình với ASP.NET thường hoạt động én định, có tốc độtải trang tốt

Khả năng tùy biến cao, website có thê dễ dàng tương thích với các kích thướcmàn hình, thiết bị truy cập khác nhau

10

Do được kế thừa từ Java nên độ bảo mật của ASP.NET được các chuyên gia

trong ngành đánh giá cao.

2.1.4.4 Nhược điểm của ASP.NET

Không được cung cấp miễn phí Nếu không có Visual Studio thì rất khó dé nhà

Hinh 2.7 Biéu tượng Microft SOL Server

SQL Server là một hệ thống quản ly co sở dữ liệu quan hệ (RDBMS - Relational

Database Managerment System), được phát triển và tiếp thị bởi Microsoft

Tương tự các phan mềm RDBMS khác, SQL Server được xây dựng trên SQL là

ngôn ngữ truy vấn dữ liệu, có thể tương tác với các cơ sở đữ liệu quan hệ SQL Serverđược liên kết với Transact-SQL hoặc T-SQL, Microsoft đã bé sung một bộ cau trúclập trình độc quyền khi triển khai SQL

11

SQL Server chỉ hoạt động trên môi trường Windowns trong hơn 20 năm Năm

2016, Microsoft đã cung cấp nó trên Linux SQL Server 2017 được phát hành vào

tháng 10 năm 2016, chạy được trên cả Windows va Linux.

Databases Type System h | ;

planet Trong ate Stored Procedure

Hình 2.8 Kiến trúc của SOL Server

SQL Server bao gồm hai thành phan chính:

> Database Engine: Là phan cốt lõi của SQL Server Công cụ cơ sở dit liệu baogồm một Công cụ quan hệ (Relational Engine) để xử lý các truy vấn và Công cụlưu trữ (Strorage Engine) để quản lý các file cơ s ở dữ liệu Các đối tượng Stored

procedure, View, Trigger cũng được tạo bởi Công cụ cơ sở đữ liệu.

e Công cụ quan hệ (Relational Engine) chứa các thành phần xác định

cách tốt nhất dé thực hiện truy vấn Công cụ quan hệ còn được gọi là bộ

xử lý truy van (query processor)

12

e Công cụ lưu trữ (Storage Engine) chịu trách nhiệm lưu trữ và truy

xuất dit liệu các hệ thống lưu trữ như 6 đĩa va SAN

> SQLOS: Hệ điều hành SQL Server, cung cấp nhiều dịch vụ như bộ nhớ và

quản lí I/O, xử lý ngoại lệ và đồng bộ hóa

Microsoft cung cấp cả công cụ quản lý đữ liệu, công cụ nghiệp vụ thông minh

(BI — Business Intelligence) và các dịch vụ khác cùng với SQL Server.

Đề quan lý dữ liệu, SQL Server bao gồm SQL Server Integration Services (SSIS),

SQL Server Data Quality Services va SQL Server Master Data Services.

Dé phát triển, SQL Server cung cấp các công cu dit liệu SQL Server Data tools

Để quan lý, triển khai va giám sát CSDL SQL Server có SQL Server

Management Studio (SSMS).

Dé phan tích dữ liệu, SQL Server cũng cấp dich vụ phân tích SQL Server

Analysis Services (SSAS).

2.2.2 Ung dung vao dé tai

Sử dung SQL Server làm hệ quản trị CSDL nhiệm vụ lữu trữ thông tin.

2.3 Repository Pattern

2.3.1 Giới thiệu

Thông thường thì các phần truy xuất, giao tiếp với database năm rải rác ở trongcode, khi bạn muốn thực hiện một thao tác lên database thì phải tìm trong code cũngnhư tìm các thuộc tính trong bang dé xử lý Điều này gây lãng phí thời gian và côngsức rất nhiều

Với Repository design pattern, thì việc thay đổi ở code sẽ không ảnh hưởng quá

nhiều công sức chúng ra chỉnh sửa

Một vài lí do ta nên sử dụng Repository Pattern:

e Một duy nhất dé thay đổi quyền truy cập dữ liệu cũng như xử lý dữ

liệu.

e Một người duy nhất chịu trách nhiệm cho việc ánh xạ các bảng thànhđối tượng

13

e Tăng tính bảo mật và rõ ràng ràng buộc cho code.

e Rất dễ dàng dé thay thế một Repository với một implementation gia

cho việc testing, vì vậy bạn không cần chuẩn bị một cơ sở đữ liệu có

san.

2.3.2 Ung dung vao dé tai

Repository Pattern là lớp trung gian giữa tang Business Logic va Data Access,

giúp cho việc truy cập dữ liệu chặt chẽ hon va bao mật hon.

Repository đóng vai trong là một lớp kết nối giữa tầng Business và Model của

ứng dụng.

14

2.4 jQuery

2.4.1 Giới thiệu

> jQuery

write less, do more.

Hình 2.10 Biểu tượng jQuery

Là thư viện mã nguồn mở viết bang ngôn ngữ javascript, giúp đơn giản cách viết

javascript và tăng tốc độ xử lý các xu kiện trên trang web Phát hành vào thang | năm

2006 tại BarCamp NYC bởi John Resig Được sử dung bởi hơn 52% trong 10.000

truy cập nhiều nhất các trang web Jquery không những có thể thay đổi giaodiện(CSS) mà còn có thể thay đổi nội dung trang bên trong trang web

Ưu điểm của jQuery:

e Dễ sử dụng: Dễ dàng sử dụng so với nhiều thư viện javascript khác

bởi cú pháp đơn giản.

e Là thư viện lớn của javascript: Thực thi được nhiều chức năng hơn

so với các thư viện javascirpt khác.

e Cộng đồng mã nguồn mở mạnh mẽ: jQuery có sẵn hàng trăm plugin

được viết sẵn dé tài về ngay lập tức, đây nhanh quá trình viết code của

các bạn.

e Có nhiều tài liệu hướng dẫn và chỉ tiết

e© Hỗ trợ ajax.

Nhược điểm của jQuery:

e Làm client trở nên chậm chạp: client phải xử lý thêm nhiều chức

năng được tạo thành từ Jquery, làm cho client trở nên chậm chạp.

15

e Chức năng có thé không có: Jquery có rất nhiều tính năng tùy thuộcvào yêu cầu, nhưng nhiều chức năng vẫn chưa được phát triển, do đóphải tự sử dụng javascript để xây dựng chức năng mong muốn.

2.4.2 Ứng dụng vào để tài

Sử dung jQuery dé tạo gọi Ajax và một vài chức năng cần thiết trong đề tài

2.5 Ajax

2.5.1 Giới thiệu

AJAX - "Asynchronous JavaScript and XML" - là một bộ công cụ cho phép load

dữ liệu từ server mà không yêu cầu tải lại trang Nó sử dụng chức năng sẵn có

XMLHttpRequest(XHR) của trình duyệt dé thực hiện một yêu cầu đến server và xử

lý dữ liệu server trả về

jQuery cung cấp method $.ajax và một số methods tiện lợi giúp bạn làm việc với

XHRs thông qua trình duyệt một cách dễ dang hơn.

16

Một số phương thức cơ bản:

o Phuong thức jQuery loadQ: Lay dữ liệu từ server và trả dir liệu cho phan

tử được chọn.

e Cu pháp: $(selector).load(URL,data,callback);

e URL: mà ban muốn lay dữ liệu

e Data: cặp key:value gửi đi cùng với yêu cầu

e Callback: tên của hàm sẽ được thực thi sau khi phương thức load hoàn thành.

o Phương thức Post trong jQuery Ajax: Lay dữ liệu từ server bằng phương

thức HTTP POST REQUEST.

e Cú pháp:

$(selector).post(URL,data,function(data,status,xhr),dataType).

e URL: required, đường dẫn đến file cần lấy thông tin

e Data: không bắt buộc, là một đối tượng object gồm các key:value gửi

lên server.

e Function(data, status, xhr): là function sẽ xử lý khi thực hiện thành

công với các parameters.

o Phương thức Get trong jQuery Ajax: Lay dữ liệu từ server bằng phương

thức HTTP GET.

e Cu pháp: $.get(URL,data,function(data,status,xhr),dataType).

e Tham số đầu tiên của $.get() là URL file nhận request

e Tham số thứ hai là một function call back, tham số callback đầu tiêndata lưu nội dung của các trang yêu cầu, tham số thứ hai status giữ trạng

thái của yêu cầu Sau khi request được trả v é status là success

2.5.2 Ung dung vao dé tai

Sử dung jQuery Ajax dé thực hiện một số chức năng, mà không can phải load

lại trang.

17

2.6 Crystal Reports

2.6.1 Giới thiệu

crystal reports.

Hình 2.12 Biểu tượng Crystal Reports

Crystal Reports là công cụ thiết kế báo cáo cho phép bạn tạo ra những báo cáobang cách tìm và định dang dữ liệu từ một nguồn dữ liệu hay từ những nguồn dit liệu

khác nhau.

Bên cạnh đó, Crystal Reports có một ngôn ngữ đề tính toán và một số tính năngkhác dé biến những dữ liệu thô thành những báo cáo day tính chuyên nghiệp Bạn có

thé tạo những báo cáo đi từ những danh sách đơn giản chỉ gồm vai cột cho đến những

báo cáo phức tạo có kèm biểu đồ, bang

Ngoài ra Crystal Reports có một số hàm API cũng như công cụ đặc biệt đượcthiết kế dành cho các nhà phát triển phần mềm cho phép hội nhập các báo cáo này

vào trong ứng dụng riêng của họ

2.6.2 Đặc điểm của Crystal Reports

Không cần mở một ứng dụng riêng dé thiết kế báo cáo

Đối với Winform, Crystal Reports cho phép xem báo cáo và cung cấp tất cả các

chức năng cho người sử dụng Đối với ASP.NET, cung cấp phần lớn các chức năng

Giúp truy cập dữ liệu dé dang hơn, cho phép truy cập dữ liệu nguồn khác nhau

18

2.6.3 Ứng dụng vào đề tài

Sử dung Crystal Reports dé làm những báo cái thống kê đối với nghiệp vụ quản

lý một cách dé dàng và trực quan, tiết kiệm thời gian cho nhà phát trién

19

CHUONG 3 YÊU CAU UNG DỤNG

3.1 Nghiệp vụ quản lý

3.1.1 Sơ đồ tổ chức

Cửa hàng Bách Khoa Shop kinh doanh các loại điện thoại và linh kiện liên quan

(tai nghe, sạc điện thoại, thẻ nhớ) gồm có các bộ phận:

Chủ cửa hàng

Bộ phận Bộ phận Bé phan

ban hang | kỹ thuật | Bộphin kho kế toán

Hình 3.1 Sơ đô tổ chức chức năng quản lý

3.1.2 Chức năng từng bộ phận

3.1.2.1 Chủ cửa hàng

Điều hành chung mọi hoạt động của cửa hàng

Quản lý và điều hành hoạt động của nhân viên

Quyết định giá chính thức cho từng loại mặt hàng

Nhận báo cáo từ các bộ phận khác.

3.1.2.2 Bộ phận kỹ thuật

Kiểm tra sản phẩm và thời hạn bảo hành: khi khách hàng mang hàng tới bảohành Bộ phận kỹ thuật sẽ kiểm tra sản phẩm và thời gian bảo hành của sản phẩm đó,

nếu còn trong thời hạn bảo hành thì bộ phận kỹ thuật sẽ lập phiếu bảo hành

Lập phiếu bảo hành: phiếu tiếp nhận bảo hành có các thông tin của khách hàng,

thông tin sản phẩm cần bảo hành, mô tả lỗi, hẹn ngày tới lay sản phẩm Trong trườnghợp có thay thé linh kiện thì nhân viên có nhiệm vụ liên lạc với khách hang dé báo

giá nếu máy đã hết hạn bảo hành

20