Báo cáo thực tập chuyên ngành đề tài xây dựng website bán phụ kiện điện thoại

Nhờ đó, các công việc được thực hiện nhanh, chính xác và đạt kết quả cao hơn rất nhiều.Khi xã hội ngày càng phát triển, mức sống của người dân được nâng cao kinh tế ngày càng được cải th

HỌC VIỆN NÔNG NGHIỆP VIỆT NAM

KHOA CÔNG NGHỆ THÔNG TIN

CỘNG HOÀ XÃ HỘI CHỦ NGHĨA VIỆT

ĐỀ TÀI: "XÂY DỰNG WEBSITE BÁN PHỤ KIỆN ĐIỆN THOẠI"

Giảng viên hướng dẫn : ThS LÊ THỊ NHUNG Bộ môn quản lý: Công nghệ phần mềm

Họ và Tên sinh viên: Nguyễn Thành Đạt - K64CNPM - 642933: Nguyễn Đức Chính – K64CNPM - 645076: Lưu Thị Thúy Hằng - K64CNPM - 647189: Nguyễn Ngọc Doanh - K64CNPM - 646278

Hà Nội 2022

LỜI CẢM ƠN

Trước tiên nhóm chúng em xin chân thành cảm ơn Khoa Công nghệ thông tin Học viện Nông nghiệp Việt Nam đã tạo điều kiện tốt cho nhóm chúng em hoàn thành tốt thực tập chuyên ngành lần này.

Nhóm chúng em xin chân thành gửi lời cảm ơn đến toàn thể các thầy cô giáo trong Khoa Công nghệ thông tin Học viện Nông nghiệp Việt Nam, chân thành cảm ơn các thầy giáo, cô giáo tham gia giảng dạy và truyền đạt những kiến thức quý báu trong suốt thời gian chúng em học tập tại trường Đặc biệt nhóm chúng em xin chân thành cảm ơn sự nhiệt tình hướng dẫn và đóng góp ý kiến của cô Lê Thị Nhung đã giúp chúng em hoàn thành tốt thực tập chuyên ngành lần này.

Tuy đã có nhiều cố gắng trong quá trình học tập, trong thời gian thực tập cũng như trong quá trình làm đồ án nhưng vì thời gian có hạn cũng như kiến thức và kinh nghiệm thực tiễn của chúng em còn nhiều hạn chế nên chúng em không thể tránh khỏi những thiếu sót Chúng em rất mong nhận được sự góp ý của các thầy cô và các bạn để kết quả của chúng em được hoàn thiện hơn.

Chúng em xin chân thành cảm ơn!

Hà Nội, ngày 1 tháng 12 năm 2022

PHẦN II: TỔNG QUAN TÌNH HÌNH NGHIÊN CỨU TRONG VÀ NGOÀI NƯỚC 72.1 Tình hình nghiên cứu trong nước 7

2.2 Tình hình nghiên cứu ngoài nước 9

2.3 Tên đề tài và tính thời sự, tầm quan trọng của đề tài 10

2.3.1 Tính thời sự 10

2.3.2 Tầm quan trọng 11

PHẦN III: NỘI DUNG VÀ PHƯƠNG PHÁP NGHIÊN CỨU 13

3.1 Địa điểm và thời gian nghiên cứu (thực tập) 13

3.2 Nội dung nghiên cứu 13

3.3 Phương pháp nghiên cứu: 14

PHẦN IV: KẾ HOẠCH VÀ THẢO LUẬN 15

2 Thiết kế cơ sở dữ liệu 44

PHẦN V: THIẾT KẾ GIAO DIỆN 63

1 Giao diện hiển thị phía khách hàng 63

2 Giao diện hiển thị phía người quản trị 66

6.1 Kết luận 70

6.2 Đề xuất xây dựng và hoàn thiện các chức năng 70

TÀI LIỆU THAM KHẢO 71

DANH MỤC HÌNH HÌNH 1: TRANGCHỦCỦA REMAX VIETNAM.VN 9

HÌNH 2: TRANGCHỦWEBSITE THEGIOIPHUKIEN.VN 9

HÌNH 3: TRANGCHỦTRANGBÁNHÀNG AMAZON 11

HÌNH 4: QUÁTRÌNH WEB SERVERGỌI PHP ENGINEVÀTRẢKẾTQUẢCHONGƯỜIDÙNG 21

HÌNH 5: MÔHÌNH MVC 22

HÌNH 6: BIỂUĐỒ USE-CASETỔNGQUÁT 33

HÌNH 7: BIỂUĐỒ USE-CASEĐĂNGNHẬP 33

HÌNH 8: BIỂUĐỒ USECASEQUẢNLÝDANHMỤCSẢNPHẨM 34

HÌNH 9: BIỂUĐỒ USECASEQUẢNLÝSẢNPHẨM 34

HÌNH 10: BIỂUĐỒ USE-CASEQUẢNLÝNHÀCUNGCẤP 35

HÌNH 11: BIỂUĐỒ USE-CASEQUẢNLÝKHÁCHHÀNG 35

HÌNH 12: BIỂUĐỒUSE-CASEQUẢNLÝTHÔNGTIN 36

HÌNH 13: BIỂUĐỒ USECASEQUẢNLÝĐÁNHGIÁ 37

HÌNH 14: BIỂUĐỒ USE-CASEQUẢNLÝBÌNHLUẬN 37

HÌNH 15: BIỂUĐỒ USE-CASEQUẢNLÝDANHMỤCBÀIVIẾT 38

HÌNH 16: BIỂUĐỒ USE-CASEQUẢNLÝBÀIVIẾT 38

HÌNH 17: BIỂUĐỒ USE-CASEQUẢNLÝĐƠNHÀNG 39

HÌNH 18: BIỂUĐỒ USE-CASEQUẢNLÝADMIN 39

HÌNH 19: BIỂUĐỒ USE-CASEQUẢNLÝSLIDE 40

HÌNH 20: BIỂUĐỒ USE-CASEQUẢNLÝSỰKIỆN 41

HÌNH 21: BIỂUĐỒ USE-CASEQUẢNLÝTRANGTĨNH 41

HÌNH 22: BIỂUĐỒ USE-CASEQUẢNLÝTHỐNGKÊ 42

HÌNH 23: CÁCCHỨCNĂNGCỦAKHÁCHHÀNG 42

HÌNH 24: QUẢNLÝTÀIKHOẢNPHÍAKHÁCHHÀNG 42

HÌNH 25: QUẢNLÝĐƠNHÀNGPHÍAKHÁCHHÀNG 43

HÌNH 26: BIỂUĐỒLỚP 45

HÌNH 27: GIAODIỆNTRANGCHỦPHÍAKHÁCHHÀNG 63

HÌNH 28: GIAODIỆNTRANGĐĂNGKÝTÀIKHOẢN 64

HÌNH 29: GIAODIỆNTRANGĐĂNGNHẬP 64

HÌNH 30: GIAODIỆNTRANGSẢNPHẨM 65

HÌNH 31: GIAODIỆNTRANGCHITIẾTSẢNPHẨM 65

HÌNH 32: GIAODIỆNTRANGGIỎHÀNG 66

HÌNH 33: GIAODIỆNĐĂNGNHẬPCỦANGƯỜIQUẢNTRỊ 67

HÌNH 34: GIAODIỆNTRANGTHỐNGKÊ 67

HÌNH 35: GIAODIỆNTRANGQUẢNLÝDANHMỤCSẢNPHẨM 68

HÌNH 36: GIAODIỆNQUẢNLÝSẢNPHẨM 68

HÌNH 37: GIAODIỆNQUẢNLÝĐƠNHÀNG 69

HÌNH 38: GIAODIỆNTRANGQUẢNLÝBÀIVIẾT 69

HÌNH 39: GIAODIỆNTRANGQUẢNLÝ ADMIN 69

PHẦN I: MỞ ĐẦU

1.1 Đặt vấn đề

Hiện nay, các công nghệ tiên tiến phát triển ngày càng mạnh mẽ và được ứng dụng ngày càng nhiều vào các lĩnh vực kinh tế, sản xuất cũng như đời sống thường nhật của con người Một điểm tiêu biểu trong việc phát triển các công nghệ đó phải kể đến việc ứng dụng công nghệ thông tin vào hầu khắp các hoạt động Nhờ đó, các công việc được thực hiện nhanh, chính xác và đạt kết quả cao hơn rất nhiều.

Khi xã hội ngày càng phát triển, mức sống của người dân được nâng cao kinh tế ngày càng được cải thiện thì chiếc điện thoại di động dần dần trở thành một phần không thể thiếu trong sinh hoạt của mỗi người và đi kèm theo đó là nhu cầu sử dụng phụ kiện điện thoại là không thể thiếu Hầu hết mọi người đều trang bị cho chiếc điện thoại của mình từ một cho đến rất nhiều phụ kiện như ốp lưng, kính cường lực, tai nghe… Tuy nhiên, với cuộc sống ngày càng bận rộn như hiện nay thì việc đến của hàng để chọn mua các phụ kiện ưa thích sẽ tốn rất nhiều thời gian và công sức Xây dựng một Website sẽ giúp các nhà phân phối và các khách hàng dễ dàng trao đổi mua bán các sản phẩm, việc thực hiện mua và bán sẽ nhanh hơn với chỉ bằng những các nhấp chuột Không tốn quá nhiều thời gian cũng như chi phí cho cả người mua lẫn người bán.

Qua tìm hiểu tại một số cửa hàng bán phụ kiện điện thoại, do chưa có website riêng của cửa hàng nên việc quảng bá sản phẩm dự trên các nền tảng mạng xã hội còn chưa được thuận tiện vì sản phẩm số lượng lớn cùng nhiều mẫu mã khác nhau (ví dụ: ốp lưng, cường lực), nên việc nêu giá tiền cho từng loại sản phẩm còn bất cập cũng như mẫu mã sản phẩm còn hạn chế, khách hàng ít có sự tiếp cận hơn so với website

Do đó nhóm đã chọn thực hiện đề tài “Xây dựng Website bán phụ kiện điện thoại” cho cửa hàng phụ kiện điện thoại Vương Gia Để giúp cửa hàng cải thiện những yếu tố trên.

1.2 Mục đích và yêu cầu1.2.1 Mục đích

Xây dựng thành công website bán hàng hỗ trợ cửa hàng quản lý các hoạt động mua bán trao đổi hàng hoá với khách hàng, quản lý thông tin sản phẩm, thông tin khách hàng Giúp cửa hàng có thêm một phương tiện thông tin truyền thông nhằm mục đích quảng bá sản phẩm và tiếp cận khách hàng thông qua việc thu thập thông tin, đánh giá từ phía khách hàng để cải thiện, nâng cao chất lượng sản phẩm cửa hàng sử dụng để mua bán Từ đó cửa hàng sẽ đưa ra các sản phẩm phụ kiện điện thoại di động đa dạng, cung câp cho

o Về phía khách hàng: đăng ký, đăng nhâp, tìm kiếm và xem thông tin sản phẩm, đặt hàng, phản hồi đánh giá sản phẩm.

o Về phía quản lý: quản lí người dùng, quản lý sản phẩm, quản lý đơn đặt hàng.

- Phi chức năng: xây dựng website chạy trên các trình duyệt web máy tính, giao diện thân thiện với người dùng

PHẦN II: TỔNG QUAN TÌNH HÌNH NGHIÊN CỨU TRONG VÀNGOÀI NƯỚC

2.1 Tình hình nghiên cứu trong nước

Ngày nay, các công nghệ tiên tiến phát triển ngày càng mạnh mẽ cùng với đó thương mại điện tử đã và đang trở thành một lĩnh vực có ảnh hưởng cực kỳ quan trọng đến tăng trưởng kinh tế của các quốc gia trên Thế giới Sự phát triển của thương mại điện tử không chỉ làm thuận lợi hóa các hoạt động kinh doanh mà còn cung cấp nhiều giá trị mới đáp ứng những nhu cầu mới của doanh nghiệp và người tiêu dùng

Website hay còn gọi trang web có thể hiểu là một kênh đa năng dùng để quảng cáo cũng như truyền tải thông tin để giới thiệu sản phẩm, dịch vụ hay mô hình kinh doanh của doanh nghiệp, công ty hay cửa hàng đến với tất cả người tiêu dùng ở khắp nơi Nói một cách đơn giản hơn thì website bán hàng chính là website nơi tất cả các hoạt động mua bán hàng trực tuyến được thực hiện Website bán hàng trực tuyến khác với website tin tức trực tuyến hay website giới thiệu cửa hàng, doanh nghiệp bởi các website này chỉ sử dụng để cung cấp tin tức, thông tin hoặc giới thiệu về cửa hàng, doanh nghiệp chứ không thực hiện hoạt động mua bán hàng Vì vậy, nó là một công cụ không thể thiếu đối với hoạt động của doanh nghiệp Mỗi doanh nghiệp, công ty, cửa hàng hay cá nhân đều có thể sở hữu nhiều website tương ứng với mỗi sản phẩm, dịch vụ khác nhau phục vụ cho mục đích kinh doanh

Theo thống kê từ một cuộc khảo sát về việc sản xuất điện thoại thông minh, trong quý III/2021 số lượng điện thoại xuất xưởng ra thị trường đã đạt con số 342 triệu chiếc Cứ mỗi chiếc điện thoại được bán ra thị trường, người tiêu dùng chắc chắn phải cần tới những sản phẩm phụ kiện kèm theo như: tai nghe, cáp sạc, sạc dự phòng, ốp lưng và các sản phẩm khác Tại Việt Nam, có hơn 80% dân số sở hữu sản phẩm Smartphone với nhiều mục đích sử dụng khác nhau.

Theo hãng nghiên cứu Research and Markets, thị trường phụ kiện điện thoại năm 2020 đạt hơn 202 tỷ USD Với tốc độ tăng trưởng hàng năm là 4,5% dự kiến đến năm 2030 sẽ đạt được hơn 328 tỷ USD.

Hiện nay, các cửa hàng phụ kiện điện thoại mọc lên như nấm sau mưa trước sự phổ biến của điện thoại di động Kéo theo đó là các website bán phụ kiện điện thoại cũng phát triển nhanh một cách chóng mặt có thể kể đến các website như RemaxVietNam.vn:

Hình 1: Trang chủ của Remax VietNam.vn

Hoặc website bán phụ kiện điện thoại Thegioiphukien.vn cũng rất phát triển và phổ biến với những người đam mê mua phụ kiện điện thoại:

Hình 2: Trang chủ website Thegioiphukien.vn

2.2 Tình hình nghiên cứu ngoài nước

Thương mại điện tử tiếp tục phát triển mạnh mẽ trên khắp toàn cầu, đặc biệt là tại các nước đang phát triển nơi bắt nguồn của thương mại điện tử Các nước phát triển chiếm hơn 90% tổng giá trị giao dịch thương mại điện tử toàn cầu, trong đó riêng phần của Bắc Mỹ và châu âu đã lên tới trên 80% Tốc độ phát triển thương mại điện tử nhanh nhất ở khu vực Bắc Mỹ, tiếp đến là tại khu vực Châu Á- Thái Bình Dương và Tây Âu Tại Châu á có hai nước Singapore và Trung Quốc là có tốc độ phát triển thương mại điện tử nhanh chóng và theo kịp với các nước Bắc Mỹ Còn những nước còn lại ở Châu Á, thương mại điện tử có phát triển tuy nhiên còn rất là chậm.

Thương mại điện tử tại các nước Châu Mỹ La tinh phát triển rất nhanh trong những năm vừa qua Trong năm 2005 hoạt động thương mại điện tử tại khu vực này đã thu về 5 tỷ đô la, năm 2006 là 7.78 tỷ đô la, năm 2007 là 10.9 tỷ đô la, tăng 121% so với năm 2005 Venezuela là nước có tốc độ phát triển thương mại điện tử nhanh nhất trong khu vực, tăng 224% trong vòng hai năm từ 2005 – 2007 Sau Venezuela là các nước Chile, Mexico, Brazil có tốc độ phát triển thương mại điện tử tương ứng là 183%, 143%, 116% Chi tiêu cho hoạt động thương mại điện tử tại khu vực này trong năm 1998 chỉ là 167 triệu đô la nhưng đến năm 2003 đã là 8 tỷ đô Hoạt động thương mại điện tử đã đóng góp 0.32% vào tổng thu nhập quốc dân (GDP) của toàn khu vực Hinh thức thanh toán trực tuyến phổ biến nhất của nước này đó là thẻ tín dụng Thương mại điện tử B2B chiếm 80% giá trị giao dịch thương mại điện tử tại Châu Mỹ La tinh Brazil là nước có tốc độ phát triển thương mại điện tử nhanh nhất trong khu vực, tiếp theo đó là Mexico, Argentina Hiện nay, 88% các website thương mại điện tử B2B trong khu vực là của Brazil.

Cùng với sự phát triển mạnh mẽ đó phụ kiện điện thoại cũng rất được quan tâm trên các trang web bán hàng lớn trên thế giới như Amazon, Ebay, Alibaba, Taobao

Ví dụ như ở Amazon danh mục phụ kiện được hiện luôn trên menu chính của trang, điều đó cho thấy lượng khách hàng mua phụ kiện rất lớn và là một trong những lĩnh vực được quan tâm hàng đầu.

Hình 3: Trang chủ trang bán hàng Amazon

2.3 Tên đề tài và tính thời sự, tầm quan trọng của đề tài2.3.1 Tính thời sự

Cuộc sống ngày một phát triển hơn đi cùng với đó là sự bùng nổ của các sản phẩm công nghệ, trong đó có các dòng điện thoại thông minh, hay còn được gọi với tên smartphone Nó dần trở thành vật dụng không thể thiếu được trong cuộc sống hằng ngày của rất nhiều người Mỗi năm có hàng chục những chiếc điện thoại mới được các hãng tung ra thị trường, số lượng điện thoại bán ra không hề nhỏ chút nào Thị trường Việt Nam được đánh giá là thị trường đầy tiềm năng của các sản phẩm công nghệ, nhất là điện thoại thông minh và cả trong những năm tiếp theo.

Bên cạnh điện thoại, các sản phẩm phụ kiện như ốp lưng, bao da, tai nghe, sạc dự phòng… ngày càng thu hút được nhiều khách hàng với rất nhiều cửa kinh doanh phụ kiện mọc lên Trên thị trường điện thoại thì hầu như ai cũng có thể nhận ra ngay rằng kinh doanh phụ kiện điện thoại cực kỳ tiềm

bản thân mình, nên sắm sửa 1 vài phụ kiện cho chiếc điện thoại, 1 trong những vật bất ly thân, là điều gần như không phải bàn cãi (ốp, sticker, …) Ngoài ra, để việc sử dụng điện thoại trở nên tiện lợi hơn, nhiều người cũng quyết tâm mua 1 vài sản phẩm phụ đi kèm như tai nghe, sạc dự phòng, loa bluetooth, gậy selfie… Cùng với nhu cầu mua sản phẩm lên cao thì việc thiết kế trang web để bán phụ kiện điện thoại là vô cùng cần thiết và hợp với nhu cầu thiết yếu của người tiêu dùng.

Chính vì thế nhu cầu cần một website bán phụ kiện điện thoại là vô cùng cần thiết đối với các cửa hàng phụ kiện điện thoại hiện nay

2.3.2 Tầm quan trọng

Mua bán qua mạng cũng là một xu thế hiện nay, hay còn gọi là thương mại điện tử, và đây cũng là một mảnh đất mới cho thị trường hàng tiêu dùng trong giai đoạn phát triển kinh tế ở nước ta Việc bạn có thể ung dung ngồi nhà mà du ngoạn từ của hàng này sang cửa hàng kia đã trở thành hiện thực Ngày nay bất cứ hàng hóa nào, bạn đều có thể đặt mua qua mạng internet

Trong số các hàng hóa được mua bán qua internet thì phụ kiện điện thoại cũng nằm trong đó, vì thế khi muốn mua trên mạng thì khách hàng chỉ cần ngồi nhà và sẽ có người đến giao nên hiện nay phụ kiện điện thoại đang là những mặt hàng hot mua bán trên Internet

Do đặc điểm mua bán trên Internet là người mua và người bán không hề gặp mặt nhau và người mua không thể kiểm tra trực tiếp hàng hóa Vì thế cần phải xây dựng một website đẹp mặt đầy đủ thông tin và sản phẩm, cũng như các chức năng mua hàng…

Dùng thiết kế website chuyên nghiệp hiện đang là cách thức tối ưu hóa phương thức cung cấp và sử dụng sản phẩm, dịch vụ hiện nay Không những thế, đây cũng là giải pháp kinh doanh tốt nhất trên thị trường.

Khoa học công nghệ ngày càng phát triển, tiếng nói của khách hàng dư luận có sức nặng rất lớn, ảnh hưởng không nhỏ đến chất lượng, hiệu quả kinh doan, uy tín của bất kỳ một thương hiệu nào trên thị trường do đó, hầu hết

các cá nhân, doanh nghiệp luôn thiết kế website bán hàng phụ kiện điện thoại chất lượng để có thể kiểm tra, tổ chức cũng như giới thiệu, quảng bá thông tin, hình ảnh, thương hiệu của mình một cách tối ưu hất trên môi trương internet.

Khi nhận được đánh giá cao của người dùng, website đó sẽ hoạt động hiệu quả và bền vững, gia tăng uy tín của sản phẩm, thương hiệu từ đó, cũng thông qua website, người dùng có thể tìm hiểu và chọn cho mình một sản phẩm phù hợp với nhu cầu sử dụng bằng cách đặt hàng, thanh toán qua mạng, giúp cho cửa hàng tăng thêm và nâng cao hiệu quả kinh doanh.

Ngoài ra, có website bán phụ kiện điện thoại cũng là một cách thức để cửa hàng có thể mở rộng thị trường và nhanh chóng nâng cao hiệu quả kinh doanh một cách tối ưu Trong môi trường internet, website sẽ giúp doanh nghiệp quảng bá thương hiệu, sản phẩm của mình đến bất kì người dùng nào truy cập internet Do đó website bán phụ kiện điện thoại là môt điều cần thiết đối với cửa hàng.

PHẦN III: NỘI DUNG VÀ PHƯƠNG PHÁP NGHIÊN CỨU3.1 Địa điểm và thời gian nghiên cứu (thực tập)

- Địa điểm:

● Nguyễn Ngọc Doanh: Công ty TNHH công nghệ số Việt Lâm Phúc Khánh – Hưng Hà – Thái Bình.

● Nguyễn Thành Đạt: Công ty TNHH Hobasoft Số 133 Ngõ 1194 Đường Láng, Láng Thượng, Đống Đa, Hà Nội.

● Lưu Thị Thúy Hằng: Công ty TNHH Zentsoft Tầng 6 số 2 ngõ 118 Trương Định Hai Bà Trưng, Hà Nội.

● Nguyễn Đức Chính: Công ty TNHH Zentsoft Tầng 6 số 2 ngõ 118 Trương Định Hai Bà Trưng, Hà Nội.

- Thời gian: 6 tuần từ ngày 15/08/2022 đến 25/09/2022.

3.2 Nội dung nghiên cứu

- Khảo sát: Tìm hiểu, thu thập thông tin cần thiết để chuẩn bị cho việc giải quyết các yêu cầu được đặt ra của dự án.

- Phân tích thiết kế hệ thống và cơ sở dữ liệu: Xác định các thông tin và chức năng xử lý của hệ thống:

• Xác định yêu cầu của người dùng về dự án • Phân tích và đặc tả chức năng tổng thể • Phân tích bảng dữ liệu.

- Xây dựng chương trình: Chuyển hóa thông tin thu thập được từ quá trình khảo sát và phân tích vào phần mềm bằng công cụ chuyên dụng để đặc tả thiết kế hệ thống chi tiết.

- Kiểm thử:

• Trước hết phải lựa chọn công cụ kiểm thử.

• Kiểm chứng các modules chức năng của hệ thống thông tin, chuyển các

• Thiết kế thành các chương trình (phần mềm).

• Thử nghiệm hệ thống thông tin.

• Cuối cùng là khắc phục các lỗi (nếu có) • Viết test case theo yêu cầu.

• Kết quả cuối cùng đạt yêu cầu đặt ra.

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

Phương pháp nghiên cứu lý luận: Nghiên cứu qua việc đọc sách, báo, tài liệu liên quan nhằm xây dựng cơ sở lý thuyết của đề tài và các biện pháp cần thiết để giải quyết các vấn đề của đề tài.

Phương pháp nghiên cứu thực nghiệm: Thông qua quan sát thực tế, yêu cầu của cơ sở những lý luận được nghiên cứu, phần mềm sẽ được đưa vào chạy thử nghiệm trên website bán phụ kiện điện thoại để từ đó có những điều chỉnh phù hợp.

PHẦN IV: KẾ HOẠCH VÀ THẢO LUẬN4.1 Cơ sở lý thuyết

4.1.1 Ngôn ngữ lập trình4.1.1.1 Tìm hiểu về HTML 4.1.1.1.a HTML

HTML là từ viết tắt của Hypertext Markup Language (Hay còn gọi là “Ngôn ngữ đánh dấu siêu văn bản”), là ngôn ngữ được sử dụng rộng rãi nhất để viết các trang Web.

HTML là ngôn ngữ đánh dấu bằng thẻ (Markup Language) Nghĩa là, sử dụng HTML để đánh dấu một tài liệu text bằng các thẻ (tag) để nói cho trình duyệt Web cách để cấu trúc nó để hiển thị ra màn hình.

· <html>: bao phủ các tài liệu HTML đầy đủ.

· <head>: đại diện cho đầu trang tài liệu mà có thể giữ các thẻ HTML như <title>, <link>…

· <title>: sử dụng trong thẻ <head> chỉ tiêu đề tài liệu · <body>: đại diện cho thân tài liệu và giữ các thẻ như

<h1>, <div>, <p>…

· <h1>: đại diện cho các tiêu đề trang · <p>: đại diện cho tệp văn bản.

4.1.1.2 Tìm hiểu về CSS

- CSS là từ viết tắt của Cascading Style Sheet, tức là ngôn ngữ dùng để định dạng các phần tử do ngôn ngữ đánh dấu (như HTML) tạo ra Hay nói cách khác, HTML định dạng các phần tử có trên website như tiêu đề, bảng biểu, tạo đoạn văn bản,… còn CSS giúp cho các phần tử của HTML trở nên phong phú, nổi bật hơn bằng cách trang trí, đổi màu chữ, thêm màu sắc trang hay thay đổi cấu trúc trang,…

● Selector bao gồm nhiều vòng style khác nhau kết hợp lại để chọn những yếu tố duy nhất, tùy thuộc vào mức độ cụ thể theo yêu cầu của từng người dùng.

● Mỗi Selector thường có một giá trị thuộc tính mục tiêu, điển hình như một id, class hoặc phần tử (ví dụ <h1> hoặc <p>).

● Các selector sẽ theo sau cặp dấu “{}” trong CSS.

- Properties

● Khi có bất kỳ phần tử nào được chọn thì thuộc tính xác định sẽ áp dụng cho nó Tên của thuộc tính được đặt sau dấu “{}” của selector và ngay trước dấu”.”

● Có nhiều loại thuộc tính mà người dùng được phép sử dụng như color, background, height, width, font-size, …

Ví dụ:

p {

color: white;

font-sze: 50px; }

- Value

Người dùng thường chọn một Element với Selector, đồng hời xác định kiểu thuộc tính sẽ áp dụng với property Sau đó, tiến hành xác định vị trí property tương ứng với một giá trị value Những giá trị được xác định là văn bản nằm giữa dấu “:” và dấu”;”.

4.1.1.3 Tìm hiểu về Bootstrap 4.1.1.3.a Bootstrap

Bootstrap là một framework cho phép thiết kế website nhanh hơn, dễ dàng hơn Bootstrap bao gồm các HTML templates, CSS templates, javascript tạo ra những cái cơ bản có sẵn như: typography, forms, buttoms, tables, navigation, modals, image carousels và nhiều thứ khác Trong Bootstrap có thêm các plugin Javascript trong nó Giúp cho việc thiết kế web động của bạn dễ dàng hơn và nhanh chóng hơn.

JavaScript là ngôn ngữ lập trình HTML và Web JavaScript là một ngôn ngữ kịch bản dựa trên đối tượng nhằm phát triển các ứng dụng Internet chạy trên phía client và phía server JavaScript rất hữu ích trong việc xây dựng các hệ thống HTML có thể tương tác với người dùng Nó là một ngôn ngữ chương trình thông dịch với các khả năng hướng đối tượng.

4.1.1.4.b Ưu điểm

- Sự tương tác Server ít hơn.

- Phản hồi thông tin ngay lập tức tới khách truy cập - Khả năng tương tác với người dùng tăng lên - Giao diện phong phú hơn

4.1.1.5 Tìm hiểu về PHP 4.1.1.5.a PHP

PHP là từ viết tắt của “Hypertext Preprocessor” PHP là một ngôn

ngữ kịch bản phía máy chủ, nó thường được dùng để xây dựng các trang web động.

Web động là một loại trang web mà nội dung của nó có thể tự động được cập nhật trong khi người lập trình viên không cần tự tay chỉnh sửa mã HTML.

Ngôn ngữ lập trình PHP được tối ưu hóa cho các ứng dụng web, tốc độ nhanh, nhỏ gọn, cú pháp giống C và Java, dễ học và thời gian xây dựng sản phẩm tương đối ngắn hơn so với các ngôn ngữ khác nên PHP trở thành ngôn ngữ lập trình phổ biến nhất trên thế giới.

PHP chỉ phân tích các đoạn mã nằm trong những dấu giới hạn của nó Bất cứ mã nào nằm ngoài những dấu giới hạn đều được xuất ra trực tiếp không thông qua xử lý bởi PHP Các dấu giới hạn thường dùng nhất là <? php và ?>, tương ứng với dấu giới hạn mở và đóng.

PHP chạy trên môi trường Webserver và lưu trữ dữ liệu thông qua hệ quản trị cơ sở dữ liệu nên PHP thường đi kèm với Apache, MySQL và hệ điều hành Linux (LAMP).

Apache là một phần mềm web server có nhiệm vụ tiếp nhận request từ trình duyệt người dùng sau đó chuyển giao cho PHP xử lý và gửi trả lại cho trình duyệt.

MySQL cũng tương tự như các hệ quản trị cơ sở dữ liệu khác (Postgres, Oracle, SQL server ) đóng vai trò là nơi lưu trữ và truy vấn dữ liệu.

Linux: Hệ điều hành mã nguồn mở được sử dụng rất rộng rãi cho các webserver Thông thường các phiên bản được sử dụng nhiều nhất là RedHat Enterprise Linux, Ubuntu

Khi người sử dụng gọi trang PHP, Web Server sẽ triệu gọi PHP Engine để thông dịch dịch trang PHP và trả kết quả cho người dùng như hình bên dưới.

Hình 4: Quá trình Web Server gọi PHP Engine và trả kết quả cho người dùng

4.1.1.5.b Ưu điểm PHP

- PHP có thể làm thay đổi nội dung của trang.

- PHP có thể thực hiện các thao tác liên quan đến file như mở, xóa, tạo file trên server

- Có thể thao tác với Data (thêm, sửa, xóa, cập nhật) khi kết hợp với MySQL.

- PHP có thể lưu lại thông tin của phiên người dùng với việc sử dụng session, cookie.

4.1.2 Framework Laravel

4.1.2.1 Framework, PHP Framework

- Framework là một thư viện với các tài nguyên có sẵn cho từng

lĩnh vực để lập trình viên sử dụng thay vì phải thiết kế.

- PHP Framework là thư viện làm cho sự phát triển của những

ứng dụng web viết bằng ngôn ngữ PHP trở nên trôi chảy hơn Bằng cách cung cấp một cấu trúc cơ bản để xây dựng những ứng dụng đó.

- Laravel là một PHP framework, có mã nguồn mở và miễn phí,

được xây dựng nhằm hỗ trợ phát triển các phần mềm, ứng dụng, theo kiến trúc MVC Hiện nay, Laravel đang là PHP framework phổ biến nhất và tốt nhất Vậy những lý do khiến Laravel được

- MVC (Model-View-Controller) là mẫu kiến trúc phần mềm

trên máy tính nhằm mục đích tạo lập giao diện cho người dùng Theo đó, hệ thống MVC được chia thành ba phần có khả năng tương tác với nhau và tách biệt các nguyên tắc nghiệp vụ với giao diện người dùng.

Hình 5: Mô hình MVC

● Ba thành phần bao gồm:

- Controller: Nhận điều hướng các yêu cầu từ người dùng và gọi

đúng những phương thức xử lý chúng.

- Model: Chứa tất cả các nghiệp vụ logic, phương thức xử lý, truy

xuất database, đối tượng mô tả dữ liệu như các Class, hàm xử lý…

- View: Hiển thị thông tin, tương tác với người dùng, nơi chứa tất

cả các đối tượng GUI như textbox, images…

Bằng cách này, thông tin nội hàm được xử lý tách biệt với phần thông tin xuất hiện trong giao diện người dùng Bảo đảm các nguyên tắc nghề nghiệp của lập trình viên.

4.1.2.3 Ưu điểm

Một số ưu điểm của mô hình MVC: - Trình xử lý rõ ràng.

- Mô hình MVC quy hoạch các class/function vào các thành phần riêng biệt, việc đó làm quá trình phát triển quản lý vận hành -bảo trì web diễn ra thuận lợi hơn.

- Tạo ra được các chức năng chuyên biệt hóa, đồng thời kiểm soát

Thuộc bản quyền của GNU Public Licence và do Apache Friends phát triển, phân phối.

Là chương trình giúp tạo web server được dùng trên nhiều hệ điều hành như Windows, Linux, MacOS, Cross- platform và Soliaris.

XAMPP là 5 chữ cái đầu của các phần mềm được tích hợp trong chương trình: Cross-Platform(X), Apache(A), MariaDB(M), PHP(P), Perl(P).

XAMPP là bộ công cụ hoàn chỉnh dành cho lập trình viên PHP giúp thiết lập, phát triển website và tích hợp các phần quan trọng và có sự tương thích lẫn nhau như: Apache, MySql.

Được các lập trình viên sử dụng trong nhiều tình huống như học tập, thử nghiệm lập trình website, nghiên cứu nâng cấp website.

4.1.3.3 Ưu điểm

Hoàn toàn miễn phí và được sử dụng mã nguồn mở.

XAMPP chạy trên được tất cả các hệ điều hành: Windows, Linux, MacOS, Cross- platform.

Giao diện quản lý tiện lợi, dễ dàng sử dụng, cho phép người dùng chủ động bật, tắt hay tái khởi động các dịch vụ máy chủ theo nhu cầu sử dụng.

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ôc trợ SSL trên Localhost.

Tích hợp nhiều thành phần quan trọng và có sự tương thích lẫn nhau.

4.1.4 Công cụ hỗ trợ lập trình Visual Studio Code

Visual Studio Code là một trình biên tập lập trình code miễn phí dành

cho Windows, Linux và macOS, Visual Studio Code được phát triển bởi Microsoft Nó được xem là một sự kết hợp hoàn hảo giữa IDE và Code Editor.

Visual Studio Code hỗ trợ chức năng debug, đi kèm với Git, có syntax

highlighting, tự hoàn thành mã thông minh, snippets, và cải tiến mã nguồn Nhờ tính năng tùy chỉnh, Visual Studio Code cũng cho phép người dùng thay đổi theme, phím tắt, và các tùy chọn khác.

Các tính năng nổi bật của Visual Studio Code:

● Hỗ trợ nhiều ngôn ngữ lập trình ● Hỗ trợ đa nền tảng

● Cung cấp kho tiện ích mở rộng ● Kho lưu trữ an toàn

- Lý do Chúng em sử dụng Visual Studio Code là vì trong quá trình tìm hiểu và thử nghiệm trên các công cụ soạn thảo, chúng em nhận thấy Visual Studio Code là IDE toàn diện nhất, tích hợp hỗ trợ nhiều ngôn ngữ lập trình, đơn giản, dễ sử dụng, giao diện thân thiện, …

4.2 Khảo sát thực tế4.2.1 Phát biểu bài toán4.2.1.1 Phát biểu bài toán

Khi khảo sát tại cửa hàng mua bán phụ kiện điện thoại Vương Gia tại đường Ngô Xuân Quảng – Trâu Quỳ - Gia Lâm – Hà Nội được biết hiện

quán chưa có website bán phụ kiện và hiện tại đang mong muốn xây dựng một website để giới thiệu và bán phụ kiện điện thoại di động Do vậy việc tạo ra website cho cửa hàng là rất cần thiết.

Nhóm chúng em muốn xây dựng một website mua bán phụ kiện điện thoại di động mà khách hàng có thể xem thông tin và truy cập trực tiếp để mua bán sản phẩm trong một thời gian tương đối ngắn Xu thế thời đại ngày nay càng phát triển đặc biệt là về công nghệ thông tin và website mà tôi muốn xây dựng là một minh chứng Thay vì chúng ta phải ra các cửa hàng thì chỉ cần với một chiếc máy tính được nối mạng ta có thể truy cập vào các trang web mình muốn để có thể tìm kiếm thông tin và mua sản phẩm qua thích một cách nhanh nhất mà không gặp khó khăn Website mua bán phụ kiện điện thoại di động cung cấp cho các bạn thông tin, cùng với các tính năng, về giá cả của các mẫu phụ kiện của điện thoại hiện có trên thị trường.

4.2.1.2 Mục tiêu hệ thốngYêu cầu chức năng:

Đối với khách hàng

− Đăng ký thành viên, đăng nhập, đăng xuất.

− Xem thông tin sản phẩm, giỏ hàng, thông tin cá nhân − Cập nhật thông tin cá nhân.

− Tìm kiếm sản phẩm theo tên sản phẩm, theo danh mục, theo giá − Thêm sản phẩm vào danh sách yêu thích.

− Thanh toán.

− Theo dõi đơn hàng đã đặt − Hỗ trợ.

Đối với quản trị viên

− Đăng nhập, đăng xuất hệ thống − Thêm, sửa, xoá, danh mục.

− Thêm, sửa, xoá, sản phẩm − Thêm, sửa, xoá khuyến mại − Phê duyệt đơn hàng.

− Cài đặt giao diện − Báo cáo thống kê.

− Quản lý tài khoản khách hàng.

4.2.1.3 Phạm vi hệ thống

Website bán sản phẩm điện thoại cho khách hàng có nhu cầu mua hàng.Do nghiệp vụ của cửa hàng kết hợp với công nghệ mới và được xử lý trên hệ thống máy tính nên công việc liên lạc nơi khách hàng cũng như việc xử lý hoá đơn thực hiện một cách nhanh chóng và chính xác Rút ngắn được thời gian làm việc, cũng như đưa thông tin về các sản phẩm mới nhanh chóng đến cho khách hàng.

4.2.2 Quy trình nghiệp vụ

Trong hệ thống này có hai quy trình nghiệp vụ chính: Quy trình mua hàng và Quy trình xử lý đơn hàng Chi tiết về hành động trong các quy trình này được mô hình hoá trong các mục con của từng quy trình.

 Quy trình mua hàng: Khách hàng mua hàng dưới hình thức giỏ hàng Khách hàng chọn sản phẩm ưng ý và thêm vào giỏ với số lượng mong muốn Sau khi chọn xong giỏ hàng thì tiến hành thanh toán Khách hàng cần đăng ký tài khoản để có thể mua hàng, khách hàng cần nhập đủ họ tên, email, mật khẩu Trường hợp đã đăng nhập, các trường họ tên, email, điện thoại được tự động điền theo profile của người dùng Khách hàng cần cung cấp thêm địa chỉ giao hàng

 Quy trình xử lý đơn hàng: Khi tiếp nhận đơn hàng, người bán gọi điện xác nhận chốt đơn với khách hàng và chuẩn bị sản phẩm để giao Sản phẩm được giao đến khách hàng thông qua một đơn vị vận chuyển thứ ba (tại đây sử dụng GHTK) Cửa hàng liên hệ với GHTK để được hỗ trợ mở tài khoản trên hệ thống

thức thanh toán COD thu phí khi giao hàng Người bán sẽ gửi một đơn yêu cầu vận chuyển tới GHTK với thông tin người nhận là khách hàng Khi nhân viên vận chuyển đến, người bán cần giao hóa đơn đơn hàng và sản phẩm Tiền hàng người bán sẽ được nhận lại từ bên GHTK theo quy chế của họ Trường hợp khách hàng không nhận hàng hoặc trả hàng, đơn hàng sẽ bị hủy.

4.2.3 Đặc tả yêu cầu hệ thống4.2.3.1 Đặc tả yêu cầu phần mềm

Quản trị viên - Có quyền thêm, xóa, sửa - Phân quyền user.

- Quản lý người dùng - Quản lý sản phẩm - Quản lý đơn hàng - Quản lý danh mục.

- Quản lý đánh giá và bình luận - Quản lý bài viết.

- Quản lý banner, và ảnh sự kiện Khách hàng - Đăng ký tài khoản.

- Đăng nhập tài khoản.

- Xem, tìm kiếm, thêm sản phẩm vào giỏ

- Tài khoản : Khi khách hàng truy cập website có thể xem sản phẩm và các thông tin về liên hệ, xem các tin tức liên quan Việc đặt mua hàng cần phải đăng ký tài khoản.

● Nếu khách hàng chưa có tài khoản, họ có thể tạo tài khoản mới với việc nhập tên, email và mật khẩu và nhấn vào nút tạo tài khoản.

● Nếu khách hàng đã có tài khoản, họ sẽ phải nhập email và mật khẩu đúng với tài khoản từng tạo trước đó và nhấn đăng nhập ● Sau khi đăng nhập, khách hàng có thể thay đổi mật khẩu của

- Tìm kiếm : Khách hàng có nhu cầu tìm kiếm sản phẩm có thể nhập ký tự cụ thể vào thanh tìm kiếm với các lựa chọn tìm kiếm như:

● Tìm kiếm theo tên sản phẩm: Nhập vào tên sản phẩm khách hàng sẽ nhận về một danh sách tương ứng được tìm kiếm.

● Tìm kiếm theo giá cả: Chọn tìm kiếm theo giá cả, website sẽ hiển thị lựa chọn tìm theo giá từ cao đến thấp và giá từ thấp đến cao.

Khách hàng sẽ lựa chọn một loại tìm kiếm và nhận về một danh sách các sản phẩm tương ứng giá đã lựa chọn.

- Xem sản phẩm : Khách hàng có thể xem sản phẩm hoặc xem chi tiết từng sản phẩm với hình ảnh và mô tả đầy đủ khi khách lướt xem hoặc tìm kiếm trên trang web.

- Đặt hàng : Sau khi xem và chọn sản phẩm, khách hàng có thể đưa sản phẩm vào giỏ hàng, thực hiện các thao tác tăng giảm số lượng sản phẩm trong giỏ hàng, thêm sửa xóa sản phẩm trong giỏ hàng và thanh toán.

- Thanh toán: Khách hàng có thể thanh toán bằng 2 cách: một là thanh toán sau khi nhận được hàng.

Phía người quản trị

Quản trị hệ thống có quyền quản lý toàn bộ hoạt động của website quản lý và bán phụ kiện điện thoại:

- Quản lý sản phẩm bao gồm: bao gồm quản lý danh mục sản phẩm, quản lý thông tin, quản lý đánh giá, quản lý bình luận, quản lý sản phẩm Người dùng được thực hiện các hành động thêm, sửa, xóa các đối tượng quản lý, riêng quản lý sản phẩm có thêm chức năng tìm kiếm, xuất thông tin sản phẩm.

- Quản lý bài viết gồm: quản lý danh mục bài viết, quản lý bài viết Người dùng được phép thực hiện hoạt động thêm, sửa, xóa các đối tượng được quản lý.

- Quản lý kho: quản lý nhập kho, quản lý xuất kho Người dùng được phép thực hiện hoạt động xem các thông tin được quản lý.

- Quản lý đơn hàng

Khi nhận được đơn đặt hàng từ khách hàng Cửa hàng kiểm tra đơn hàng ● Thông tin đơn hàng hợp lệ => Cửa hàng duyệt đơn hàng

=> Cập nhật trạng thái đơn hàng.

● Thông tin đơn hàng không hợp lệ => Cửa hàng phản hồi lại khách hàng => Xóa đơn hàng

- Quản lý hệ thống: quản lý slide, quản lý sự kiện, quản lý trang tĩnh Người dùng được phép thực hiện hoạt động thêm, sửa, xóa slide, sự kiện, trang tĩnh.

- Quản lý admin: quản lý admin, quyền và nhóm quyền Cho phép thêm, sửa, xóa thông tin admin; tìm kiếm, thêm, sửa, xóa thông tin quyền và nhóm quyền

- Quản lý đối tác: quản lý khách hàng, quản lý nhà cung cấp Người dùng được phép thực hiện hoạt động thêm, sửa, xóa nhà cung cấp; xóa thông tin khách hàng, xem nợ cần thu của khách hàng và xác nhận thanh toán.

4.2.3.3 Đặc tả yêu cầu phi chức năng

- Yêu cầu về bảo mật

 Tất cả các form nhập phải được kiểm soát dữ liệu một cách hợp lý.

 Khách hàng chưa đăng nhập không được phép đổi mật khẩu, cập nhật thông tin tài khoản.

 Chỉ có các nhân viên quản trị mới được phép thực hiện các chức

4.3 Phân tích thiết kế hệ thống thiết kế cơ sở dữ liệu1 Phân tích thiết kế hệ thống

1.1 Biểu đồ Use-Case

1.1.1 Biểu đồ Use-Case tổng quát

Hình 6: Biểu đồ Use-case tổng quát

1.1.2 Biểu đồ use-case đăng nhập

Hình 7: Biểu đồ Use-case đăng nhập

1.1.3 Biểu đồ Use-case quản lý danh mục sản phẩm