Đồ án xây dựng website bán giày online cho cửa hàng Giayrep.vn

Đồ án thiết kế website bán giày online chuyên nghiệp. Tham khảo các mẫu giao diện, tính năng cần thiết và quy trình xây dựng website bán giày hiệu quả, tối ưu SEO.

Chuyên ngành

Công Nghệ Thông Tin

Người đăng

Ẩn danh

Thể loại

Đồ án tốt nghiệp

2021

76
0
0

Phí lưu trữ

30 Point

Tóm tắt

I. Hướng dẫn tổng quan đồ án thiết kế website bán giày online

Việc thực hiện một đồ án tốt nghiệp website bán hàng là một quá trình tổng hợp kiến thức chuyên ngành, đòi hỏi sự kết hợp nhuần nhuyễn giữa lý thuyết và kỹ năng thực hành. Đề tài "Thiết kế website bán giày online" không chỉ là một bài toán công nghệ mà còn phản ánh xu hướng phát triển mạnh mẽ của ngành thiết kế web thương mại điện tử. Trong bối cảnh xã hội hiện đại, công nghệ thông tin đã trở thành công cụ không thể thiếu, giúp doanh nghiệp tối ưu hóa hoạt động, tiết kiệm chi phí và mở rộng thị trường. Một website bán hàng chuyên nghiệp cho phép các cửa hàng, đặc biệt là các doanh nghiệp nhỏ, vượt qua rào cản địa lý, tiếp cận khách hàng trên toàn quốc 24/7. Điều này giải quyết bài toán hạn chế về mặt bằng và chi phí vận hành so với kinh doanh truyền thống. Mục tiêu chính của đồ án này, theo báo cáo đồ án website bán giày của sinh viên Lê Văn Minh, là xây dựng một hệ thống hoàn chỉnh, đáp ứng nhu cầu mua sắm tiện lợi của người dùng và cung cấp công cụ quản lý hiệu quả cho chủ cửa hàng. Hệ thống không chỉ tập trung vào các chức năng cơ bản như trưng bày sản phẩm mà còn tích hợp các tiện ích nâng cao như thanh toán online, quản lý đơn hàng thông minh và thống kê doanh thu. Việc lựa chọn công nghệ phù hợp như làm website bán giày bằng PHP với framework Laravel là một quyết định mang tính chiến lược, đảm bảo hiệu năng, tính bảo mật và khả năng mở rộng của hệ thống trong tương lai. Đồ án hướng tới việc tạo ra một sản phẩm không chỉ đáp ứng yêu cầu học thuật mà còn có giá trị ứng dụng thực tiễn cao, có thể triển khai ngay cho các cửa hàng kinh doanh giày dép.

1.1. Mục tiêu và ý nghĩa thực tiễn của đề tài website bán giày

Mục đích chính của đề tài là ứng dụng các kiến thức đã học về lập trình web, cơ sở dữ liệu và phân tích thiết kế hệ thống để xây dựng một website thương mại điện tử hoàn chỉnh. Đề tài giải quyết nhu cầu thực tế của các cửa hàng bán lẻ muốn chuyển đổi số, mở rộng kênh bán hàng và tối ưu hóa quy trình quản lý. Theo báo cáo, việc xây dựng website giúp "cải thiện được chức năng quản lý và thống kê cũng như tránh được sự thiếu sót trong giao dịch". Một hệ thống quản lý sản phẩmquản lý đơn hàng tự động giúp giảm thiểu sai sót của con người, tiết kiệm thời gian và nâng cao hiệu suất kinh doanh. Hơn nữa, website còn là kênh giao tiếp hiệu quả với khách hàng thông qua các chức năng đánh giá, liên hệ, góp phần xây dựng uy tín và thương hiệu cho cửa hàng.

1.2. Các yêu cầu chức năng cốt lõi của một trang web bán giày

Một website bán giày hiệu quả cần đáp ứng đầy đủ các yêu cầu từ hai phía: người dùng và quản trị viên. Về phía người dùng, các chức năng website bán giày cơ bản bao gồm: xem thông tin chi tiết sản phẩm, tìm kiếm thông minh, quản lý giỏ hàng linh hoạt sử dụng giỏ hàng ajax, đăng ký/đăng nhập tài khoản và thực hiện thanh toán an toàn. Về phía quản trị viên, hệ thống phải cung cấp một trang quản trị mạnh mẽ với các chức năng như: quản lý danh mục, quản lý sản phẩm (thêm, sửa, xóa), xử lý đơn hàng, quản lý khách hàng và thống kê doanh thu. Đồ án này đã phân tích chi tiết các chức năng này thông qua biểu đồ Use Case, đảm bảo không bỏ sót các nghiệp vụ quan trọng trong quá trình vận hành một cửa hàng online.

II. Phân tích thách thức khi xây dựng website bán giày online

Quá trình xây dựng một dự án thiết kế web thương mại điện tử luôn đi kèm với nhiều thách thức, từ việc lựa chọn công nghệ đến thiết kế trải nghiệm người dùng. Thách thức đầu tiên và quan trọng nhất là việc xác định nền tảng công nghệ phù hợp. Hiện nay có nhiều lựa chọn phổ biến như xây dựng website bán giày bằng PHP với các framework như Laravel, Symfony; sử dụng website bán giày NodeJS cho các ứng dụng thời gian thực; hoặc phát triển front-end với website bán giày ReactJS để tạo giao diện người dùng động và mượt mà. Đồ án đã lựa chọn Laravel, một PHP framework mạnh mẽ theo mô hình MVC, vì các ưu điểm như cú pháp rõ ràng, cộng đồng hỗ trợ lớn và hệ sinh thái phong phú. Tuy nhiên, việc lựa chọn này cũng đòi hỏi người phát triển phải có kiến thức sâu về framework và các nguyên tắc thiết kế phần mềm. Thách thức thứ hai là thiết kế giao diện web bán giày (UI/UX). Giao diện không chỉ cần đẹp mắt mà còn phải thân thiện, dễ sử dụng trên mọi thiết bị (responsive). Người dùng cần dễ dàng tìm kiếm sản phẩm, xem thông tin, thêm vào giỏ hàng và thanh toán mà không gặp bất kỳ trở ngại nào. Việc sử dụng các thư viện như Bootstrap giúp giải quyết vấn đề này một cách hiệu quả, nhưng việc tùy biến để tạo ra một bản sắc riêng cho thương hiệu vẫn là một bài toán khó. Cuối cùng, việc đảm bảo an toàn và bảo mật cho website, đặc biệt là trong khâu thanh toán online và bảo vệ thông tin cá nhân của khách hàng, là một yêu cầu bắt buộc, đòi hỏi sự cẩn trọng trong từng dòng code.

2.1. So sánh và lựa chọn công nghệ phát triển web phù hợp

Việc lựa chọn công nghệ là nền tảng cho sự thành công của dự án. Trong khi website bán hàng WordPress cung cấp giải pháp nhanh chóng với nhiều plugin có sẵn, nó có thể gặp hạn chế về hiệu năng và khả năng tùy biến sâu. Lựa chọn làm website bán giày bằng PHP với Laravel, như trong đồ án, mang lại sự linh hoạt và kiểm soát toàn diện hơn đối với source code website bán giày. Các công nghệ khác như NodeJS phù hợp với các ứng dụng yêu cầu xử lý đồng thời cao, trong khi ReactJS lại vượt trội trong việc xây dựng giao diện người dùng tương tác. Quyết định sử dụng Laravel được dựa trên sự cân bằng giữa tốc độ phát triển, hiệu năng ổn định, tính bảo mật và khả năng bảo trì lâu dài của hệ thống.

2.2. Yêu cầu về thiết kế giao diện và trải nghiệm người dùng

Trải nghiệm người dùng (UX) là yếu tố quyết định khách hàng có quay trở lại website hay không. Một thiết kế giao diện web bán giày tốt phải đảm bảo các yếu tố: điều hướng rõ ràng, bố cục hợp lý, hình ảnh sản phẩm chất lượng cao, và quy trình thanh toán đơn giản. Trong đồ án, việc sử dụng thư viện Bootstrap là một giải pháp thông minh để tạo ra giao diện responsive, tương thích với nhiều kích thước màn hình. Các chức năng như giỏ hàng ajax giúp cập nhật giỏ hàng mà không cần tải lại trang, mang lại trải nghiệm mua sắm liền mạch và hiện đại, góp phần tăng tỷ lệ chuyển đổi cho website.

III. Phương pháp phân tích và thiết kế hệ thống website bán giày

Để xây dựng một hệ thống phần mềm hiệu quả, giai đoạn phân tích và thiết kế đóng vai trò nền tảng. Một bản báo cáo đồ án website bán giày chất lượng phải thể hiện rõ ràng quá trình này. Trong đồ án tham khảo, phương pháp phân tích hướng đối tượng đã được áp dụng, bắt đầu từ việc xác định các yêu cầu chức năng và phi chức năng của hệ thống. Công cụ chính được sử dụng để mô hình hóa các yêu cầu này là biểu đồ Use Case. Các biểu đồ này mô tả chi tiết sự tương tác giữa các tác nhân (người dùng, quản trị viên) và hệ thống, qua đó làm rõ các chức năng website bán giày cần được xây dựng. Ví dụ, Use Case "Quản lý đơn hàng" và "Thanh toán" được phân tích cặn kẽ để đảm bảo quy trình nghiệp vụ được xử lý chính xác. Sau khi phân tích chức năng, bước tiếp theo là thiết kế kiến trúc hệ thống và cơ sở dữ liệu. Đồ án đã lựa chọn kiến trúc theo mô hình MVC (Model-View-Controller), một kiến trúc phổ biến giúp tách biệt logic nghiệp vụ, giao diện người dùng và luồng điều khiển, làm cho source code website bán giày trở nên dễ quản lý, bảo trì và mở rộng. Song song đó, việc thiết kế cơ sở dữ liệu website bán giày được thực hiện một cách cẩn thận. Các bảng dữ liệu như users, products, categories, orders được định nghĩa rõ ràng với các mối quan hệ hợp lý, đảm bảo tính toàn vẹn và nhất quán của dữ liệu. Một sơ đồ ERD website bán hàng chi tiết là kết quả của quá trình này, là bản thiết kế cho việc xây dựng cơ sở dữ liệu thực tế.

3.1. Xây dựng biểu đồ Use Case cho các chức năng website bán giày

Biểu đồ Use Case là công cụ trực quan hóa các yêu cầu chức năng. Đồ án đã xây dựng một hệ thống biểu đồ chi tiết, bao gồm Use Case tổng quát và các Use Case cụ thể cho từng chức năng như: Đăng nhập, Quản lý sản phẩm, Quản lý giỏ hàng, Thanh toán, và Đánh giá sản phẩm. Ví dụ, Use Case "Quản lý giỏ hàng" mô tả các hành động của người dùng như thêm sản phẩm, xóa sản phẩm, và cập nhật số lượng. Mỗi Use Case đều được mô tả bằng các kịch bản (dòng chính, dòng khác), giúp lập trình viên hiểu rõ luồng xử lý cần phải hiện thực hóa trong hệ thống, đảm bảo không bỏ sót nghiệp vụ.

3.2. Thiết kế cơ sở dữ liệu và sơ đồ ERD website bán hàng

Thiết kế cơ sở dữ liệu website bán giày là xương sống của toàn bộ hệ thống. Báo cáo đã trình bày chi tiết danh sách các bảng dữ liệu cần thiết, ví dụ: products (lưu thông tin sản phẩm), orders (lưu đơn hàng), transactions (lưu giao dịch), và users (lưu thông tin người dùng). Các mối quan hệ giữa các bảng (một-nhiều, nhiều-nhiều) được thể hiện rõ qua sơ đồ ERD website bán hàng. Thiết kế này đảm bảo dữ liệu được tổ chức một cách logic, giảm thiểu sự trùng lặp và hỗ trợ cho việc truy vấn, thống kê sau này một cách hiệu quả, là nền tảng vững chắc cho các chức năng quản lý sản phẩmquản lý đơn hàng.

IV. Bí quyết xây dựng source code website bán giày với Laravel

Việc lựa chọn công nghệ và kiến trúc phù hợp là chìa khóa để triển khai thành công một đồ án thiết kế website bán giày online. Đồ án này đã lựa chọn làm website bán giày bằng PHP, cụ thể là sử dụng Laravel framework, một trong những framework mạnh mẽ và phổ biến nhất hiện nay. Laravel cung cấp một cấu trúc rõ ràng, tuân thủ nghiêm ngặt mô hình MVC, giúp việc phát triển và bảo trì trở nên dễ dàng hơn. Kiến trúc MVC chia ứng dụng thành ba phần riêng biệt: Model chịu trách nhiệm tương tác với cơ sở dữ liệu website bán giày, View đảm nhận việc hiển thị giao diện người dùng, và Controller đóng vai trò trung gian xử lý các yêu cầu từ người dùng và điều phối dữ liệu giữa Model và View. Cách tiếp cận này giúp mã nguồn được tổ chức tốt, giảm sự phụ thuộc lẫn nhau giữa các thành phần. Hơn nữa, Laravel còn cung cấp nhiều tính năng tích hợp sẵn mạnh mẽ như hệ thống định tuyến (Routing), ORM (Eloquent), công cụ dòng lệnh Artisan, giúp đẩy nhanh quá trình phát triển. Ví dụ, Eloquent ORM cho phép lập trình viên tương tác với cơ sở dữ liệu bằng các đối tượng PHP một cách tự nhiên thay vì phải viết các câu lệnh SQL phức tạp. Để xây dựng giao diện người dùng, đồ án đã tích hợp các thư viện front-end phổ biến là Bootstrap và JQuery. Bootstrap cung cấp một hệ thống lưới (Grid System) và các thành phần giao diện được xây dựng sẵn, giúp việc thiết kế giao diện web bán giày responsive trở nên nhanh chóng và nhất quán.

4.1. Áp dụng mô hình MVC trong làm website bán giày bằng PHP

Việc áp dụng mô hình MVC là trọng tâm trong quá trình phát triển website bán giày Laravel. Khi người dùng yêu cầu một trang sản phẩm, hệ thống Routing của Laravel sẽ chuyển yêu cầu đến một phương thức cụ thể trong Controller. Controller này sau đó sẽ gọi đến Model tương ứng (ví dụ: Product model) để truy vấn thông tin sản phẩm từ cơ sở dữ liệu. Sau khi nhận được dữ liệu, Controller sẽ truyền dữ liệu này sang một View. View sẽ sử dụng Blade templating engine của Laravel để hiển thị thông tin sản phẩm ra giao diện HTML cho người dùng. Quy trình này đảm bảo sự tách biệt rõ ràng, giúp dự án dễ dàng nâng cấp và sửa lỗi.

4.2. Tích hợp thư viện Bootstrap và JQuery để tối ưu UI UX

Giao diện người dùng là bộ mặt của website. Đồ án đã sử dụng Bootstrap để xây dựng một giao diện sạch sẽ, hiện đại và thân thiện với các thiết bị di động. Các thành phần như menu, button, form được chuẩn hóa giúp người dùng dễ dàng thao tác. Bên cạnh đó, JQuery được sử dụng để thêm các hiệu ứng động và tương tác, nâng cao trải nghiệm người dùng. Ví dụ điển hình là việc triển khai giỏ hàng ajax, cho phép người dùng thêm sản phẩm vào giỏ mà không cần phải tải lại toàn bộ trang, tạo cảm giác mượt mà và chuyên nghiệp, một yếu tố quan trọng trong thiết kế web thương mại điện tử.

V. Top chức năng quan trọng trong một website bán giày hoàn chỉnh

Một đồ án tốt nghiệp website bán hàng thành công không chỉ nằm ở công nghệ sử dụng mà còn ở việc hiện thực hóa đầy đủ các chức năng thiết yếu, đáp ứng đúng nhu cầu của cả người mua và người bán. Dựa trên phân tích trong báo cáo đồ án website bán giày, có thể thấy hệ thống được chia thành hai phân hệ chính: giao diện người dùng (front-end) và trang quản trị (back-end). Ở phía người dùng, các chức năng cốt lõi bao gồm xem danh sách và chi tiết sản phẩm, tìm kiếm sản phẩm theo tên hoặc danh mục, và bộ lọc theo giá. Chức năng giỏ hàng ajax là một điểm cộng lớn, mang lại trải nghiệm mua sắm liền mạch. Quy trình đặt hàng và thanh toán online được thiết kế đơn giản, an toàn, hỗ trợ người dùng hoàn tất giao dịch một cách nhanh chóng. Ngoài ra, các tính năng như đánh giá sản phẩm, quản lý tài khoản cá nhân, và xem lại lịch sử đơn hàng cũng góp phần tăng sự gắn kết của khách hàng. Ở phía quản trị viên, hệ thống cung cấp một bảng điều khiển (dashboard) toàn diện. Chức năng quản lý sản phẩm cho phép admin thêm mới, cập nhật thông tin, giá cả, số lượng tồn kho. Chức năng quản lý đơn hàng là trung tâm của hệ thống, giúp admin theo dõi trạng thái đơn hàng (chờ xử lý, đã xử lý, đã hủy), xem chi tiết và in hóa đơn. Bên cạnh đó, các module quản lý danh mục, quản lý tin tức, quản lý khách hàng và thống kê doanh thu là những công cụ không thể thiếu để vận hành hiệu quả một cửa hàng thiết kế web thương mại điện tử.

5.1. Quy trình quản lý sản phẩm và quản lý đơn hàng hiệu quả

Chức năng quản lý sản phẩm cho phép người quản trị kiểm soát hoàn toàn danh mục hàng hóa của mình. Admin có thể dễ dàng thêm sản phẩm mới với đầy đủ thông tin: tên, mô tả, hình ảnh, giá, số lượng. Trong khi đó, chức năng quản lý đơn hàng là nơi xử lý các giao dịch. Khi có đơn hàng mới, hệ thống sẽ thông báo cho admin. Admin có thể xem chi tiết đơn hàng, xác nhận và thay đổi trạng thái từ "Chờ xử lý" sang "Đang giao hàng" hoặc "Hoàn thành". Quy trình này giúp việc theo dõi và xử lý đơn hàng trở nên minh bạch và chuyên nghiệp.

5.2. Tích hợp giỏ hàng AJAX và chức năng thanh toán online

Trải nghiệm mua sắm hiện đại đòi hỏi sự tiện lợi và nhanh chóng. Việc sử dụng giỏ hàng ajax cho phép khách hàng thêm, xóa, hoặc cập nhật số lượng sản phẩm trong giỏ hàng ngay lập tức mà không cần chờ trang web tải lại. Điều này giúp giảm tỷ lệ thoát trang và tăng khả năng hoàn tất đơn hàng. Chức năng thanh toán online, mặc dù trong đồ án này có thể ở mức cơ bản hoặc mô phỏng, là một yêu cầu tất yếu trong thực tế. Tích hợp các cổng thanh toán an toàn như VNPAY, MoMo giúp tăng sự tin tưởng của khách hàng và tự động hóa quy trình xác nhận thanh toán.

5.3. Tầm quan trọng của việc tối ưu SEO website bán hàng

Một website dù có thiết kế đẹp và chức năng tốt đến đâu cũng sẽ không hiệu quả nếu không có ai truy cập. Đây là lúc tối ưu SEO website bán hàng phát huy vai trò. SEO (Search Engine Optimization) là tập hợp các phương pháp nhằm nâng cao thứ hạng của một website trên các công cụ tìm kiếm như Google. Việc tối ưu SEO ngay từ khâu phát triển source code website bán giày, như cấu trúc URL thân thiện, thẻ meta, tốc độ tải trang nhanh, và xây dựng nội dung chất lượng cho sản phẩm, sẽ giúp website tiếp cận được nhiều khách hàng tiềm năng một cách tự nhiên và bền vững, giảm phụ thuộc vào chi phí quảng cáo.

VI. Kết luận và hướng phát triển cho đồ án website bán giày

Việc hoàn thành đồ án: Thiết kế website bán giày online đã chứng minh khả năng vận dụng kiến thức lý thuyết vào giải quyết một bài toán thực tế. Đồ án đã thành công trong việc xây dựng một hệ thống website thương mại điện tử hoàn chỉnh, đáp ứng được các mục tiêu đề ra ban đầu. Hệ thống được phát triển trên nền tảng website bán giày Laravel, áp dụng mô hình MVC, đảm bảo mã nguồn có cấu trúc rõ ràng, dễ bảo trì và mở rộng. Các chức năng website bán giày cốt lõi từ phía người dùng đến trang quản trị viên đều được hiện thực hóa, bao gồm quản lý sản phẩm, quản lý đơn hàng, giỏ hàng và thanh toán. Giao diện người dùng được thiết kế thân thiện, responsive nhờ vào việc sử dụng Bootstrap, mang lại trải nghiệm tốt trên nhiều thiết bị. Về mặt học thuật, báo cáo đồ án website bán giày đã trình bày một cách hệ thống các bước từ phân tích yêu cầu, thiết kế cơ sở dữ liệu với sơ đồ ERD website bán hàng, cho đến triển khai và kiểm thử. Đây là một tài liệu tham khảo giá trị cho các sinh viên chuyên ngành Công nghệ thông tin khi thực hiện các dự án tương tự. Tuy nhiên, không có hệ thống nào là hoàn hảo. Hướng phát triển trong tương lai là rất quan trọng để nâng cao giá trị của sản phẩm. Việc tiếp tục cải tiến và bổ sung các tính năng mới sẽ giúp website cạnh tranh tốt hơn trên thị trường thiết kế web thương mại điện tử đầy năng động.

6.1. Đánh giá kết quả đạt được của dự án website bán hàng

Dự án đã xây dựng thành công một website bán giày với đầy đủ các chức năng cơ bản và nâng cao cần thiết. Hệ thống hoạt động ổn định, đáp ứng tốt các nghiệp vụ kinh doanh online. Việc sử dụng framework Laravel và các công nghệ hiện đại đã giúp tạo ra một sản phẩm có hiệu năng tốt và khả năng bảo mật cao. Các mục tiêu như tạo giao diện thân thiện, quy trình mua hàng đơn giản và công cụ quản lý hiệu quả đều đã đạt được. Sản phẩm này không chỉ là một đồ án tốt nghiệp website bán hàng mà còn là một nền tảng vững chắc có thể được triển khai vào thực tế.

6.2. Triển vọng và hướng phát triển hệ thống trong tương lai

Để hoàn thiện hơn, hệ thống có thể được phát triển theo nhiều hướng. Thứ nhất, tích hợp sâu hơn các cổng thanh toán online phổ biến và tự động hóa hoàn toàn quy trình xử lý đơn hàng. Thứ hai, xây dựng các tính năng marketing nâng cao như hệ thống mã giảm giá, chương trình khách hàng thân thiết, và email marketing. Thứ ba, áp dụng các kỹ thuật tối ưu SEO website bán hàng chuyên sâu và phân tích dữ liệu người dùng để cá nhân hóa trải nghiệm mua sắm. Cuối cùng, có thể phát triển ứng dụng di động (mobile app) riêng cho cửa hàng để tăng cường sự tiện lợi và giữ chân khách hàng một cách hiệu quả.

22/09/2025

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

ĐẶT VẤN ĐỀ VÀ ĐỊNH HƯỚNG GIẢI PHÁP 1.1 Lời nói đầu Xã hội ngày càng phát triển, công nghệ phát triển mạnh mẽ ứng dụng vào rất nhiều lĩnh vực kinh tế, chính trị, xã hội, giáo dục, sản xuất cũng như đời sống thường nhật của con người. Một trong những công nghệ tiêu biểu trong việc phát triển công nghệ đó phải kể đến việc ứng dụng công nghệ thông tin trong các lĩnh vực cuộc sống. Bởi lẽ, công nghệ thông tin giúp nâng cao chất lượng công việc, tăng hiệu suất, tiết kiệm thời gian và chi phí vận hành. Mặt khác, công nghệ thông tin còn là cầu nối duy trì mối quan hệ mọi người với nhau.2 Nhu cầu thực tế Đối với các doanh nghiệp nhỏ hay các cửa hàng gia dụng đơn lẻ, việc xây dựng hoặc thuê mặt bằng đầu tư luôn bị giới hạn bởi phạm vi địa lý, vì vậy chỉ có thể tiếp cận được với khách hàng địa phương.

Website bán giày online sẽ giúp tiếp cận khách hàng không chỉ trong khu vực nhất định mà còn mở rộng ra khắp các vùng miền bất cứ nơi nào có Internet. Các công cụ liên lạc trực tuyến trên website sẽ giúp giảm thiểu nhân viên hỗ trợ tư vấn đối với nhiều khách hàng. Không phụ thuộc quá nhiều vào facebook. Tiết kiệm chi phí, hoạt động 24/7 và tiếp cận khách hàng mọi lúc.3 Mục đích chọn đề tài Thấy được tầm quan trọng của website bán giày online đối với nhu cầu của khách hàng ở mọi địa phương.

Hình thức mua sắm này đáp ứng nhu cầu của con người thời đại mới vì tiết kiệm nhiều công sức và thời gian.Việc sử dụng website bán giày online sẽ cải thiện được chức năng quản lý và thống kê cũng như tránh được sự thiếu sót trong giao dịch. Thanh toán online là nhu cầu cần thiết trong xã hội hiện tại, website sẽ thực hiện được thanh toán thường và online, đối với thanh toán online không thành công, đơn hàng sẽ chuyển trạng thái đơn hàng thường để khách hàng có thể liên hệ thực hiện thanh toán.Từ việc nghiên cứu cơ sở lý thuyết em đã vận dụng kiến thức và thời gian nghiên cứu của mình để xây dựng nên website bán giày .4 Nội dung đề tài Các chức năng của hệ thống: - Phía người dùng chung:  Đăng ký thành viên  Cho phép người dùng có thể xem thông tin sản phẩm (giá cả, hình ảnh, mô tả, nội dung…) SVTH: Lê Văn Minh 15 Đồ án tốt nghiệp CNTT GVHD: Ths.Đỗ Phú Huy  Tìm kiếm sản phẩm theo tên sản phẩm hoặc danh mục sản phẩm, lọc sản phẩm theo giá cả.  Liên hệ và liên lạc với quản trị  Xem và cập nhật giỏ hàng - Phía khách hàng:  Có đầy đủ các chức năng của người dùng  Đăng nhập  Cập nhật thông tin tài khoản cá nhân  Đánh giá sản phẩm  Đặt hàng - Phía nhân viên:  Đăng nhập  Cập nhật thông tin tài khoản  Tìm kiếm thông tin sản phẩm, khách hàng, đơn hàng, danh mục sản phẩm  Cập nhật thông tin sản phẩm, khách hàng, đơn hàng, danh mục sản phẩm  Thống kê và báo cáo doanh thu theo ngày, tháng, năm - Phía quản lý:  Đăng nhập, phân quyền tài khoản, tạo mới tài khoản cho nhân viên  Cập nhật thông tin tài khoản  Tìm kiếm thông tin sản phẩm, khách hàng, đơn hàng, danh mục sản phẩm, kho, nhân viên  Cập nhật thông tin sản phẩm, khách hàng, đơn hàng, danh mục sản phẩm, kho, nhân viên 1.5 Kết quả dự kiến Xây dựng website với đầy đủ các chức năng đã nếu ở mục 1.6 Kế hoạch thực hiện STT Công việc Thời gian Ghi chú Tìm hiểu qui trình nghiệp vụ thực tế của cửa 1 1 tuần hàng 2 Phân tích thiết kế hệ thống 3 tuần 3 Xây dựng cơ sở dữ liệu 3 tuần 4 Thiết kế giao diện website 2 tuần 5 Xây dựng các chức năng chính 4 tuần 6 Kiểm thử 1 tuần 7 Viết báo cáo và slide 2 tuần SVTH: Lê Văn Minh 16 Đồ án tốt nghiệp CNTT GVHD: Ths.Đỗ Phú Huy CHƯƠNG 2: CƠ SỞ LÝ THUYẾT 2.1 Khái niệm Laravel là một PHP framework mã nguồn mở miễn phí, được tạo ra bởi Taylor Otwell nhằm cho việc phát triển các ứng dụng web theo mô hình kiến trúc Model-View-Controller (MVC). Laravel có các cú pháp dễ hiểu, rõ ràng nên dễ sử dụng.

Cấu trúc và cách tổ chức trong project được sắp xếp một cách hợp lý dễ dàng cho việc duy trì cũng như phát triển về lâu dài.2 Mô hình MVC MVC (viết tắt của Model-View-Controller) là một mô hình kiến trúc phần mềm được tạo ra với mục đích quản lý và xây dựng ứng dụng có hệ thống hơn. Mô hình này được dùng khá rộng rãi và đặc biệt là trong các ngôn ngữ lập trình web. Trong PHP có khá nhiều framework và hầu hết đều xây dựng từ mô hình MVC. Mô hình này được chia làm 3 lớp xử lý gồm Model – View – Controller : - Model: có nhiệm vụ tương tác với cơ sở dữ liệu, nó sẽ chứa các hàm, các phương thức truy vấn online với dữ liệu - View: có nhiệm vụ hiển thị dữ liệu sang các đoạn mã HTML và giúp người dùng có giao diện tương tác với hệ thống.

- Controller : có nhiệm vụ xử lý tương tác, làm cầu nối giữa model và view. Là nơi tiếp nhận những yêu cầu xử lý được gửi từ người dùng, controller sẽ gọi tới model để tương tác với cơ sở dữ liệu (database) và đưa dữ liệu tới view. Hình 1: Mô hình MVC Chúng ta có thể thấy mô hình hoạt động của MVC thông qua hình trên: - Người dùng thực hiện gửi yêu cầu tới controller - Controller sẽ thực hiện tương tác với model - Model sẽ xử lý để lấy các dữ liệu chính xác trong database - Dữ liệu sẽ được model gửi trả về Controller SVTH: Lê Văn Minh 17 Đồ án tốt nghiệp CNTT GVHD: Ths.Đỗ Phú Huy - Controller sẽ đổ dữ liệu ra view hiển thị cho người dùng 2.3 Ưu nhược điểm của Laravel - Ưu điểm :  Laravel framework sử dụng tất cả các tính năng mới nhất của PHP  Tất cả các phiên bản của Laravel được phát hành cùng với các tài liệu phù hợp, chúng ta sẽ tìm thấy những giải thích chi tiết về coding style, methods và classes.  Công cụ dòng lệnh Artisan giúp quản lý hệ thống cơ sở dữ liệu hiệu quả.

Artisan giúp tạo các tệp MVC cơ bản và quản lý tài nguyên, bao gồm cả các cấu hình tương ứng của chúng.  Gói và nguồn lực sẵn có.  Reverse Routing: Đây là một tính năng rất hữu ích trong framwork, có thể tạo liên kết đến các route được đặt tên. Vì vậy, khi tạo các liên kết, chỉ cần sử dụng tên của bộ định tuyến, framework sẽ tự động chèn URL chính xác.

Nếu cần thay đổi các route trong tương lai, những thay đổi sẽ tự động được thực hiện ở mọi nơi. - Nhược điểm :  Không hỗ trợ tính năng thanh toán.  Thiếu sự liên tục giữa các phiên bản: Không có chuyển đổi liền mạch từ Laravel 4 sang 5. Nếu cố cập nhật code, có thể sẽ phá vỡ ứng dụng.

 Một số nâng cấp có thể có vấn đề  Việc tải lại toàn trang có thể hơi nặng trong các mobile app khi so sánh với các website. Trong những trường hợp như vậy, các nhà phát triển web có xu hướng chỉ sử dụng framework như backend JSON API 2.2 Xampp Xampp là một công cụ tích hợp đầy đủ các thành bao gồm Apache, Mysql, PHP, Perl. Giúp chúng ta tạo ra môi trường web server trên máy tính của mình, để có thể chạy được kịch bản PHP. Hình 2: Giới thiệu về Xampp Apache: Là một chương trình máy chủ, dùng để giao tiếp với các giao thức HTTP.

Apache chạy tốt trên mọi hệ điều hành. SVTH: Lê Văn Minh 18 Đồ án tốt nghiệp CNTT GVHD: Ths.Đỗ Phú Huy Mysql: Là hệ quản trị cơ sở dữ liệu, được dùng để lưu trữ thông tin của một website. Mỗi website có thể sử dụng một hoặc nhiều cơ sở dữ liệu. PHP: Là ngôn ngữ kịch bản trên phía Server, dùng để xử lý các thao tác của người dùng và làm việc online với cơ sở dữ liệu (Database).

Perl: Là một tầng cao hơn, một ngôn ngữ lập trình năng động hơn. Sử dụng rộng rãi trong lập trình mạng và quản trị hệ thống. Ít phổ biến cho mục đích phát triển web, Perl thích hợp với nhiều ứng dụng. Xampp là một công cụ tuyệt vời cho bất kỳ ai muốn có một development server đầy đủ và nhanh chóng.

Nhưng bên cạnh đó Xampp rất dễ cài đặt, nên nó không có các tính năng bảo mật như production server.3 Thư viện Bootstrap Bootstrap là 1 framework có chứa HTML, CSS, và JavaScript cho phép người dùng dễ dàng thiết kế website theo 1 chuẩn nhất định, tạo các website thân thiện với các thiết bị. Hình 3: Giới thiệu về Bootstrap Bootstrap được tạo ra tại Twitter vào giữa năm 2010. Trước khi chính thức trở thành một framework mã nguồn mở, Bootstrap được biến đến như là bản thiết kế của Twitter. Sau một vài tháng đi vào phát triển, Twitter đã tổ chức Tuần lễ Hack đầu tiên và hàng loạt các nhà phát triển ở mọi trình độ đã tham gia vào dự án.

Và trong hơn một năm sau đó, Bootstrap giống như một bản hướng dẫn style dành riêng cho việc phát triển các công cụ nội bộ phục vụ cho công ty trước khi nó được phát hành chính thức, và nó vẫn đóng một vai trò như vậy cho đến ngày nay. Kể từ lần đầu tiên được phát hành vào Thứ 6 ngày 19 tháng 8 năm 2011 tới nay, đã có tới hơn 20 lần phát hành, bao gồm cả 2 bản viết lại chính của phiên bản 2 và phiên bản 3. BootStrap 2 đã thêm tính năng responsive như một stylesheet tùy ý. Đến khi xây dựng Bootstrap 3 đã viết lại thư viện một lần nữa để tích hợp tính năng responsive một cách mặc định.

- Ưu điểm của Bootstrap :  Tiết kiệm thời gian: Boostrap giúp thiết kế giao diện tiết kiệm rất nhiều thời gian. Các thư viện Bootstrap có những đoạn mã sẵn sàng SVTH: Lê Văn Minh 19 Đồ án tốt nghiệp CNTT GVHD: Ths.Đỗ Phú Huy áp dụng vào website. Không tốn nhiều thời gian để tự viết code cho giao diện.  Tùy biến cao: Có thể dựa vào Bootstrap và phát triển nền tảng giao diện của chính mình.

Bootstrap cung cấp hệ thống Grid System mặc định bao gồm 12 cột và độ rộng 940px. Có thể thay đổi, nâng cấp và phát triển dựa trên nền tảng này.  Responsive Web Design: Với Bootstrap, việc phát triển giao diện website để phù hợp với đa thiết bị trở nên dễ dàng hơn bao giờ hết.

Nội dung được bảo vệ bản quyền — Tải xuống đầy đủ