Đồ án cơ sở 2: Xây dựng Website bán điện thoại - ĐH VKU

Đồ án cơ sở 2 xây dựng website bán điện thoại đầy đủ, chi tiết. Báo cáo bao gồm phân tích hệ thống, biểu đồ và thiết kế giao diện người dùng.

• Tác giả: Phan Văn Trí
• Người hướng dẫn: TS. Trần Văn Đại
• Trường học: Trường Đại học Công nghệ Thông tin & Truyền thông Việt - Hàn
• Chuyên ngành: Khoa học Máy tính
• Đề tài: Web Bán điện thoại
• Loại tài liệu: Đồ án cơ sở
• Năm xuất bản: 2023
• Địa điểm: Đà Nẵng

Tóm tắt

I. Giới Thiệu Về Đồ Án Web Bán Điện Thoại

Đồ án web bán điện thoại là một dự án học tập thực tiễn nhằm xây dựng một platform thương mại điện tử chuyên bán điện thoại di động và phụ kiện. Trong bối cảnh chuyển đổi số hiện nay, việc tạo ra một website bán hàng hiệu quả trở thành yêu cầu cấp bách đối với các cửa hàng bán lẻ. Đồ án này được thực hiện bởi các sinh viên từ Trường Đại học Công nghệ Thông tin & Truyền thông Việt Hàn, tập trung vào việc thiết kế giao diện thân thiện và xây dựng hệ thống backend quản lý toàn diện. Mục tiêu chính là cung cấp một giải pháp quản lý bán hàng trực tuyến giúp người bán tiết kiệm thời gian, nâng cao hiệu quả kinh doanh, đồng thời mang đến trải nghiệm mua sắm tối ưu cho khách hàng.

1.1. Bối Cảnh Và Ý Nghĩa Thực Hiện

Trong thời đại số hóa toàn diện, các quán điện thoại truyền thống gặp nhiều thách thức trong việc quản lý bán hàng hiệu quả. Website bán điện thoại ra đời để giải quyết những vấn đề này, giúp các cửa hàng tiếp cận rộng hơn, tăng doanh số bán hàng. Đồ án này không chỉ là bài tập học tập mà còn là một giải pháp thực tế có thể áp dụng trong kinh doanh thực tế, giúp sinh viên hiểu rõ quy trình phát triển phần mềm từ phân tích yêu cầu đến triển khai.

1.2. Mục Tiêu Chính Của Đề Tài

Mục tiêu chính của đồ án bao gồm xây dựng một hệ thống quản lý bán hàng online hoàn chỉnh với các chức năng frontend như mua hàng, đặt hàng, liên hệ, xem chi tiết sản phẩm; và backend với quản lý sản phẩm, danh mục, hóa đơn, thống kê doanh thu. Website được thiết kế với giao diện hiện đại, dễ sử dụng, hỗ trợ tiếng Việt, tích hợp công cụ tìm kiếm mạnh mẽ và hệ thống bình luận sản phẩm.

II. Các Chức Năng Chính Của Website Bán Điện Thoại

Chức năng website bán điện thoại được chia thành hai phần chính: phần giao diện khách hàng (frontend) và phần quản lý (backend). Phần frontend cung cấp giao diện thân thiện cho khách hàng với đầy đủ tính năng mua sắm như duyệt sản phẩm theo danh mục, tìm kiếm nâng cao, xem chi tiết, giỏ hàng, đặt hàng và thanh toán. Phần backend được dành cho quản trị viên để quản lý kho sản phẩm, danh mục, đơn hàng, hóa đơn và xem báo cáo thống kê doanh thu. Tất cả các chức năng được tích hợp hệ thống đăng nhập bảo mật, hỗ trợ cả khách hàng và admin, đảm bảo dữ liệu được bảo vệ và quản lý một cách an toàn.

2.1. Chức Năng Phía Người Dùng Frontend

Giao diện khách hàng cung cấp các tính năng thiết yếu như xem danh mục sản phẩm, tìm kiếm sản phẩm theo tên, thương hiệu, giá cả, xem chi tiết sản phẩm với hình ảnh và mô tả, thêm vào giỏ hàng, quản lý giỏ hàng, bình luận và đánh giá sản phẩm. Khách hàng có thể đăng ký tài khoản, đăng nhập để lưu lịch sử mua hàng, theo dõi trạng thái đơn hàng và nhận thông báo cập nhật.

2.2. Chức Năng Phía Quản Trị Backend

Trang quản trị admin cho phép quản lý toàn bộ hệ thống với các chức năng thêm, sửa, xóa sản phẩm, quản lý danh mục, bình luận. Admin có thể xem và cập nhật trạng thái đơn hàng, quản lý hóa đơn, xem thống kê doanh thu theo thời gian, phân tích dữ liệu bán hàng. Hệ thống cung cấp dashboard trực quan giúp admin theo dõi hoạt động của trang web một cách hiệu quả.

III. Công Nghệ Và Ngôn Ngữ Lập Trình Sử Dụng

Đồ án web bán điện thoại được xây dựng sử dụng công nghệ web hiện đại kết hợp giữa frontend và backend. Phần frontend sử dụng các công nghệ như HTML, CSS, JavaScript để tạo giao diện đẹp mắt, responsive, tương thích trên nhiều thiết bị. Phần backend thường sử dụng các ngôn ngữ như PHP, Node.js, Python hoặc Java kết hợp với cơ sở dữ liệu MySQL/SQL Server để xử lý logic ứng dụng, quản lý dữ liệu. Hệ thống được thiết kế theo mô hình MVC (Model-View-Controller) hoặc Model-View-ViewModel, đảm bảo mã nguồn sạch, dễ bảo trì và có thể mở rộng trong tương lai.

3.1. Công Nghệ Frontend

Frontend sử dụng HTML5 cho cấu trúc, CSS3 cho styling và JavaScript cho tương tác động. Có thể sử dụng thêm các framework như Bootstrap, Tailwind CSS để thiết kế responsive, đảm bảo website hoạt động tốt trên desktop, tablet, mobile. Các thư viện JavaScript như jQuery, Vue.js, React có thể được tích hợp để tăng tính tương tác và trải nghiệm người dùng.

3.2. Công Nghệ Backend Và Cơ Sở Dữ Liệu

Backend được xây dựng sử dụng PHP, Node.js hoặc Python với framework như Laravel, Express, Django để xử lý yêu cầu từ client, quản lý phiên, xác thực người dùng. Cơ sở dữ liệu MySQL lưu trữ thông tin về sản phẩm, khách hàng, đơn hàng, hóa đơn. Hệ thống tích hợp API REST cho việc truyền dữ liệu, bảo mật dữ liệu bằng mã hóa và kiểm soát truy cập.

IV. Hướng Phát Triển Và Ứng Dụng Thực Tiễn

Đồ án web bán điện thoại không chỉ dừng lại ở những chức năng cơ bản mà còn có nhiều hướng phát triển trong tương lai. Có thể tích hợp các cổng thanh toán như Momo, VNPay, PayPal để khách hàng thanh toán trực tuyến một cách an toàn. Hệ thống khuyến mãi, mã giảm giá có thể được bổ sung để tăng sức hút và khuyến khích mua sắm. Tính năng ChatBot AI giúp hỗ trợ khách hàng 24/7, trả lời câu hỏi thường gặp. Việc tối ưu SEO, tích hợp Google Analytics giúp tăng traffic, phân tích hành vi người dùng. Đồ án này có thể được triển khai thực tế, trở thành một nền tảng bán hàng chuyên nghiệp cho các cửa hàng điện thoại nhỏ và vừa.

4.1. Các Tính Năng Nâng Cao Trong Tương Lai

Phát triển tương lai có thể bao gồm tích hợp thanh toán online, hệ thống đánh giá xếp hạng nâng cao, gợi ý sản phẩm dựa trên AI, quản lý kho hàng tự động, gửi email/SMS thông báo đến khách hàng. Ứng dụng mobile có thể được phát triển để mở rộng thị trường, tích hợp mạng xã hội giúp chia sẻ sản phẩm, tăng viral marketing.

4.2. Ứng Dụng Thực Tiễn Và Lợi Ích Kinh Doanh

Website bán điện thoại mang lại lợi ích kinh tế cho cửa hàng bán lẻ bằng cách tiếp cận khách hàng rộng hơn, giảm chi phí quản lý, tăng tính chuyên nghiệp của thương hiệu. Khách hàng được hưởng lợi từ mua sắm tiện lợi, so sánh giá dễ dàng, nhận khuyến mãi. Dữ liệu bán hàng giúp chủ cửa hàng đưa ra quyết định kinh doanh tốt hơn, tối ưu hóa kho hàng.

Trích đoạn nội dung tài liệu

CHƯƠNG I. Khái quát đề tài 1.1 Phân tích yêu cầu đề tài Yêu cầu của đề tài xây dựng một Website bán cà phê , người dùng có thể mua nước uống cà phê qua mạng bằng cách đăng ký tài khoản cá nhân. Thanh toán khi nhận hàng trực tiếp hoặc tích hợp thanh toán online bằng thẻ ngân hàng. Cửa hàng sẽ thường xuyên cập nhật các sản phẩm mới nhất, thuận tiện nhất cho người mua và người bán.

Khách hàng có thể dễ dàng tìm kiếm các sản phẩm phù hợp. Giao diện đơn giản, dễ sử dụng, thân thiện với người dùng. Phần quản trị có thể thêm, sửa, xóa các danh mục sản phẩm, thiết lập website, hoàn toàn có thể thay đổi toàn bộ giao diện trên trang quản trị. Giúp người dùng có thể thay đổi theo ý mình.2 Phạm vi đề tài Phạm vi quay quanh các nghiệp vụ bán hàng, tuân theo nghiệp vụ quán lý của quán cafe, đảm bảo đầy đủ các chức năng chính của phần mềm và khai thác các chức năng mới có liên quan đến quản lý quán café nhằm giúp cho phần mềm thêm phần tiện ích.

Giới thiệu ngôn ngữ và công nghệ sử dụng 2.1 Tìm hiểu về HTML 2. HTML là gì? 12 HTML có tên đầy đủ là Hypertext Markup Language nghĩa là ngôn ngữ đánh dấu siêu văn bản. HTML thường được sử dụng để tạo và cấu trúc các phần trong trang web và ứng dụng, phân chia các đoạn văn, heading, link, blockquotes,… HTML không phải là một ngôn ngữ lập trình mà chỉ là một ngôn ngữ đánh dấu. Điều này đồng nghĩa với việc HTML không thể thực hiện các chức năng “động”.

Nói cách khác, HTML tương tự như phần mềm Microsoft Word, chỉ có tác dụng định dạng các thành phần có trong website. Vai trò của HTML HTML là một loại ngôn ngữ đánh dấu siêu văn bản. Nó giúp cấu thành các cấu trúc cơ bản của một Website, làm cho trang Web trở thành một hệ thống hoàn chỉnh. Cụ thể, ngôn ngữ đánh dấu siêu văn bản này giúp bố cục, chia khung sườn các thành phần trang Web.

Đồng thời, nó còn hỗ trợ khai báo các File kỹ thuật số như nhạc, Video, hình ảnh, … Nếu muốn Website có cấu trúc tốt, sử dụng nhiều loại yếu tố trong văn bản, bạn sẽ cần đến HTML. HTML thực chất chứa những yếu tố cần thiết cho mọi thể loại Website. Trang Web của bạn sẽ cần đến ngôn ngữ HTML để hiển thị nội dung cho người truy cập. Điều này đúng dù trang của bạn xây dựng trên bất kỳ nền tảng nào, giao tiếp với bất kỳ ngôn ngữ lập trình nào để xử lý dữ liệu 2.

Đặc điểm của HTML HTML có nhiều thẻ định dạng, do đó bạn có thể trình bày trang Web dễ dàng, hiệu quả với ngôn ngữ đánh dấu siêu văn bản này. Với tôi, nó là một ngôn ngữ đánh dấu dễ dàng và đơn giản để sử dụng. Chúng ta có thể sử dụng nó để thiết kế trang Web cùng với văn bản một cách linh hoạt. HTML có thể liên kết đến các trang Web khác.

Nhờ ngôn ngữ đánh dấu 13 này, bạn có thể thêm các Video, hình ảnh, âm thanh vào để các Website hấp dẫn, đẹp mắt và dễ tương tác hơn. Đặc biệt, HTML có thể hiển thị trên bất kỳ nền tảng nào khác như Linux, Windows, và Mac vì nó là một nền tảng độc lập 2. Ưu nhược điểm của HTML a. - Kho tài nguyên khổng lồ với cộng đồng người dùng rộng lớn - Sử dụng mã nguồn mở nên người dùng có thể sử dụng miễn phí - Hoạt động mượt mà trên hầu hết các trình duyệt - Cách thức hoạt động đơn giản nên người học có thể dễ dàng nắm bắt được kiến thức để triển khai cho website của mình - Có thể tích hợp với nhiều ngôn ngữ khác nhau như PHP, Java, NodeJs, Ruby,… giúp người dùng xây dựng được một trang web với nhiều tính năng hấp dẫn - Sử dụng các markup ngắn gọn và có tính đồng nhất cao - Quy định theo một tiêu chuẩn nhất định và được vận hành bởi World Wide Web Consortium (W3C) b.

Nhược điểm. - Chỉ áp dụng được cho web tĩnh, không có sự tương tác với người dùng. Nếu muốn trang bị cho web các tính năng tự động thì cần phải sử dụng dịch vụ của bên thứ 3. - Một số trình duyệt còn cập nhật chậm để hỗ trợ các phiên bản mới của HTML, đặc biệt là HTML5 - Việc kiểm soát cách đọc và hiển thị file HTML của trình duyệt khó thực hiện - Chỉ áp dụng với cấu trúc nhất định, không có khả năng sáng tạo 14 2.

Cấu trúc cơ bản trang HTML <!DOCTYPE html> <html> <head> <title>Tiêu đề trang web</title> </head> <body> .Phầ n thân viết ở đây. Lịch sử của HTML HTML được sáng tạo bởi Tim Berners-Lee, nhà vật lý học của trung tâm nghiên cứu CERN ở Thụy Sĩ. Anh ta đã nghĩ ra được ý tưởng cho hệ thống hypertext trên nền Internet. Hypertext có nghĩa là văn bản chứa links, nơi người xem có thể truy cập ngay lập tức.

Anh xuất bản phiên bản đầu tiên của HTML trong năm 1991 bao gồm 18 tag HTML. Từ đó, mỗi phiên bản mới của HTML đều có thêm tag mới và attributes mới. Theo Mozilla Developer Network: HTML Element Reference, hiện tại có hơn 140 HTML tags, mặc dù một vài trong số chúng đã bị tạm ngưng (không hỗ trợ bởi các trình duyệt hiện đại). Nhanh chóng phổ biến ở mức độ chóng mặt, HTML được xem như là chuẩn mật của một website.

Các thiết lập và cấu trúc HTML được vận hành và phát triển bởi World Wide Web Consortium (W3C). Bạn có thể kiểm tra tình trạng mới nhất của ngôn ngữ này bất kỳ lúc nào trên trang W3C’s website. Nâng cấp mới nhất gần đây là vào năm 2014, khi ra mắt chuẩn HTML5. Nó thêm vài tags vào markup, để xác định rõ nội dung thuộc loại là gì, như là <article>, <header>, và <footer>.

Ví dụ và kết quả 15 2.2 Tìm hiểu về CSS 2. CSS là gì? CSS là chữ viết tắt của Cascading Style Sheets, là ngôn ngữ tạo phong cách và định kiểu cho những yếu tố được viết dưới dạng ngôn ngữ đánh dấu, như HTML. Nó có thể điều khiển định dạng của nhiều trang web cùng lúc để tiết kiệm công sức cho người viết web CSS được phát triển bởi W3C (World Wide Web Consortium) vào năm 1996, vì một lý do đơn giản, HTML không được thiết kế để gắn tag để giúp định dạng trang web. Chỉ có thể dùng nó để “đánh 2.2 Vai trò của CSS Hạn chế tối thiểu việc làm rối mã HTML của trang Web bằng các thẻ quy định kiểu dáng (chữ đậm, chữ in nghiêng, chữ có gạch chân, chữ 16 màu), khiến mã nguồn của trang Web được gọn gàng hơn, tách nội dung của trang Web và định dạng hiển thị, dễ dàng cho việc cập nhật nội dung.

Tạo ra các kiểu dáng có thể áp dụng cho nhiều trang Web, giúp tránh phải lặp lại việc định dạng cho các trang Web giống nhau. Cấu trúc của CSS Một đoạn CSS có cấu trúc 4 phần như sau: + selector : tên thẻ html hoặc class hoặc Id + { } : Cặp thẻ mở đóng, các thuộc tính của selector sẽ nằm trong cặp ngoặc nhọn này. + Thuộc tính: Thuộc tính của css qui định về cách bố trí, màu sắc,. + Giá trị thuộc tính: Nằm bên phải dấu " : " chỉ ra giá trị của thuộc tính đó.

VD: selector { thuộc tính 1 : giá trị 1; thuộc tính 2 : giá trị 2;. Lịch sử phát triển CSS lần đầu tiên được đề xuất bởi Håkon Wium Lie vào ngày 10 tháng 10 năm 1994. Vào thời điểm đó, Lie đang làm việc với Tim Berners-Lee tại CERN. Một số ngôn ngữ định kiểu khác cho web đã được đề xuất cùng lúc và các cuộc thảo luận về danh sách gửi thư cộng đồng cũng như đồng thuận trong World Wide Web Consortium dẫn đến CSS W3C đầu tiên 17 (CSS1) được phát hành vào năm 1996.

Đặc biệt, một đề nghị của Bert Bos có ảnh hưởng hơn đó là ông trở thành đồng tác giả của CSS1 và được coi là đồng sáng tạo CSS. Tập tin định kiểu theo tầng đã tồn tại ở dạng này hay dạng khác kể từ khi bắt đầu Ngôn ngữ đánh dấu tổng quát tiêu chuẩn (SGML -Standard Generalized Markup Language) vào những năm 1980 và CSS được phát triển để cung cấp biểu định kiểu cho web. Một yêu cầu đối với ngôn ngữ biểu định kiểu web là nó đến từ các nguồn khác nhau trên web. Do đó, các ngôn ngữ biểu định kiểu hiện có như DSSSL và FOSI không phù hợp.

Mặt khác, CSS để cho kiểu của tài liệu bị ảnh hưởng bởi nhiều biểu định kiểu theo kiểu “cascading” Khi HTML phát triển, nó đã bao gồm nhiều phong cách hơn để đáp ứng nhu cầu của các nhà phát triển web. Sự phát triển này đã cho nhà thiết kế kiểm soát nhiều hơn về diện mạo trang web. Một điều nữa đó là chi phí HTML phức tạp hơn. Sự khác biệt trong việc triển khai trình duyệt web, chẳng hạn như ViolaWWW và WorldWideWeb, khiến giao diện trang web nhất quán trở nên khó khăn và người dùng ít kiểm soát hơn cách hiển thị nội dung web.

Ví dụ và kết quả 18 2. Javascript là gì? JavaScript là một ngôn ngữ kịch bản (scripting language) dùng để tương tác với các trang HTML dựa trên đối tượng (object-based scripting language). Ngôn ngữ này chủ yếu dùng cho kỹ thuật lập trình ở phía client Các chương trình JavaScript thường được nhúng trực tiếp vào tập tin HTML bằng tag <script> hoặc tích hợp vào trang web thông qua một tập tin được khai báo trong tag <link> JavaScript có một số đặc điểm: Là một ngôn ngữ thông dịch (interpreted language), nghĩa là các script thi hành không cần biên dịch trước(precompile). Trình duyệt dịch Script phân tích và thi hành ngay tức 19 thời Lập trình theo cấu trúc (Structured programing) Có phân biệt chữ hoa và chữ thường 2.

Vai trò của Javascript Responding (đáp lại) nhanh chóng các request (yêu cầu) của người dùng. + Tạo ra các thành phần HTML nằm trong thành phần HTML khác. + Kiểm tra tính hợp lệ của dữ liệu do người dùng nhập (gửi nhận file, đăng ký người dùng, .) + Thực hiện các tính toán đơn giản phía client (người dùng) 2. Cấu trúc của Javascript Đoạn mã javascript được đặt trong cặp thẻ mở javascript <script> </script> 2.

Lịch sử của Javascript JavaScript được bắt đầu vào năm 1995 tại Netscape Communications. Vào thời gian này, các nhà sản xuất Netscape browser nhận ra rằng, việc thêm một "glue language" để nâng cao trải nghiệm người dùng sẽ làm tăng sự tiêu thụ nội dung của người dùng. Vì vậy, họ đã đưa Brendan Eich nhúng vào Scheme Programming language.