Chương 1 giới thiệu chung về lí do chọn đề tài, tính cấp thiết của đề tài, giới thiệu các công nghệ được sử dụng để hiện thực website, trong chương này cũng trình bày mục tiêu, đối tượng và phương pháp nghiên cứu.1 Định nghĩa – Mô tả bài toán: Tên bài toán: “Xây dựng website bán giày cho cửa hàng The Shoe Shop”. Đây là một loại hình kinh doanh qua mạng bằng cách xây dựng một trang web bán hàng để mọi người có thể vào đó xem hàng, lựa chọn hàng để mua hàng. Với trang web bán giày trực tuyến, nhà kinh doanh sẽ đưa thông tin của các loại giày lên trang web của mình. Việc đưa thông tin cũng phải theo một trật tự hợp lý.
Người quản trị trang web có toàn quyền thêm mới (khi có mặt hàng mới về), sửa đổi thông số của mặt hàng, và xóa đi những mặt hàng không còn hoặc đã lỗi, quản lý bình luận, quản lý đơn mua hàng và một số chức năng cần thiết để quản trị website của mình. Mọi sự thay đổi đều được ghi nhận trong cơ sở dữ liệu để đến với người sử dụng. Tính cấp thiết của đề tài Cùng với sự phát triển mạnh mẽ của Internet, ngày nay, việc sở hữu một Website không còn là điều xa lạ, thậm chí trong một số trường hợp còn là tiêu chuẩn bắt buộc đối với doanh nghiệp – công ty trong thời điểm cạnh tranh mang tính toàn cầu như hiện nay cũng như để đáp ứng nhu cầu tiếp cận khách hàng online. Mục tiêu và phương pháp nghiên cứu 1.1 Mục tiêu Xây dựng các chức năng cần thiết của một website thương mại điện tử.
Website có thể cung cấp các chức năng cần thiết cho khách hàng để mua sản phẩm 12 0 0 cũng như các chức năng cần thiết dành cho quản trị viên để quản lí website. Ngoài ra giao diện website cũng phải được bố trí hợp lí dễ nhìn, thân thiện với người dùng, phù hợp với nhiều loại thiết bị.2 Phương pháp nghiên cứu Trên cơ sở những phương pháp và kỹ thuật liên quan đến đề tài như các phương pháp nghiên cứu tài liệu, phương pháp kham thảo các website thương mại điện tử thực tế. Để tìm ra cách giải quyết các yêu cầu của đề tài, cũng như phát triển thêm 13 0 0 Chương 2: CƠ SỞ LÝ THUYẾT Chương 2 trình bày cơ sở lý thuyết liên quan đến các nội dung như quy trình đặt mua hàng online, khảo sát các ứng dụng và website có mục tiêu giống như Website của đề tài, tìm hiểu cách tích hợp các công nghệ vào Website, tìm hiểu và vận dụng PHP, công nghệ Laravel và các công nghệ hỗ trợ khác. một số vấn đề pháp lí khi đưa ứng vào thực tiễn.1 Quy trình mua hàng Với quy trình mua hàng truyền thống tại cửa hàng.
Người mua hàng sẽ gặp vài bất tiện như: phải tới tận nơi để mua hàng, rồi đi về nhà mất nhiều thời gian, công sức và trong thời gian hiện nay còn có thể mắc các bệnh truyền nhiềm như Covid 19, không đảm bảo về mặt sức kho ẻ.2 Khảo sát website mua hàng online Webstie Navi Booking Wensite: http://navi.vn Với quy trình mua hàng online tại website. Khách hàng có thể xem sản phẩm, tìm kiếm sản phẩm phù hợp, đặt hàng online không cần đăng nhập, hoặc có thể đăng nhập để lưu thông tin đơn hàng, thanh toán khi nhận hàng ho ặc thanh toán online ngay trên website mua hàng. Chỉ với vài thao tác với một thiết bị có kết nối Internet khách hàng có thể ở nhà đặt ngay sản phẩm cần thiết vô cùng tiện lợi và nhanh chóng.3 Công nghệ sử dụng 2.1 Thư viện JQUERY JQuery là một thư viện kiểu mới của JavaScript, được tạo bởi John Resig vào năm 2006 với một phương châm tuyệt vời: Write less, do more - Viết ít hơn, làm nhiều hơn. JQuery làm đơn giản hóa việc truyền tải HTML, xử lý sự kiện, tạo hiệu ứng động và tương tác Ajax.
Với jQuery, khái niệm Rapid Web Development đã không còn quá xa lạ. 14 0 0 JQuery là một bộ công cụ tiện ích JavaScript làm đơn giản hóa các tác vụ đa dạng với việc viết ít code hơn. Dưới đây liệt kê một số tính năng tối quan trọng được hỗ trợ bởi jQuery: ✓ Thao tác DOM − jQuery giúp dễ dàng lựa chọn các phần tử DOM để traverse (duyệt) một cách dễ dàng như sử dụng CSS, và chỉnh sửa nội dung của chúng bởi sử dụng phương tiện Selector mã nguồn mở, mà được gọi là Sizzle. ✓ Xử lý sự kiện − jQuery giúp tương tác với người dùng tốt hơn bằng việc xử lý các sự kiện đa dạng mà không làm cho HTML code rối tung lên với các Event Handler.
✓ Hỗ trợ AJAX − jQuery giúp bạn rất nhiều để phát triển một site giàu tính năng và phản hồi tốt bởi sử dụng công nghệ AJAX. ✓ Hiệu ứng − jQuery đi kèm với rất nhiều các hiệu ứng đa dạng và đẹp mắt mà bạn có thể sử dụng trong các Website của mình. ✓ Gọn nhẹ − jQuery là thư viện gọn nhẹ - nó chỉ có kích cỡ khoảng 19KB (gzipped). ✓ Được hỗ trợ hầu hết bởi các trình duyệt hiện đại − jQuery được hỗ trợ hầu hết bởi các trình duyệt hiện đại, và làm việc tốt trên IE 6.0+, Chrome và Opera 9.2 Thư viện Ajax AJAX là chữ viết tắt của cụm từ Asynchronous Javascript and XML.
AJAX là phương thức trao đổi dữ liệu với máy chủ và cập nhật một hay nhiều phần của trang web, hoàn toàn không reload lại toàn bộ trang. Ajax được viết bằng Javascript chạy trên client, tức là mỗi browser sẽ chạy độc lập hoàn toàn không ảnh hưởng lẫn nhau. Về mặt kỹ thuật, nó đề cập đến việc sử dụng các đối tượng XmlHttpRequest để tương tác với một máy chủ web thông qua Javascript. 15 0 0 AJAX là một trong những công cụ giúp chúng ta đem lại cho người dùng trải nghiệm tốt hơn.
Khi cần một thay đổi nhỏ thì sẽ không cần load lại cả trang web, làm trang web phải tải lại nhiều thứ không cần thiết. Những lợi ích mà AJAX mang lại: • AJAX được sử dụng để thực hiện một callback. Được dùng để thực hiện việc truy xuất dữ liệu hoặc lưu trữ dữ liệu mà không cần phải reload lại toàn bộ trang web. Với những server nhỏ thì việc này cũng tiết kiệm được băng thông cho chúng ta hơn.
• Cần gì thì chỉ g ửi dữ liệu phần đó, load lại 1 phần nhỏ để cập nhật thông tin chứ không load cả trang. Bằng cách này thì có thể giảm thiểu được tốc độ tải trang giúp người dùng có trải nghiệm tốt hơn.3 Bootstrap Bootstrap là 1 famework HTML, CSS và JavaScript chi 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ị cầm tay như ipad, mobile, tablet… Bootstrap bao gồm những cái cơ bản có sẵn như: typography, forms, buttons, tables, navigation, modal, image carousels và nhiều thứ khác. Trong bootstap có thêm nhiều Component, JavaScript hỗ trợ cho việc thiết kế reponsive của bạn dễ dàng, thuận tiện và nhanh chóng hơn. Tại sao chúng ta nên sử dụng Bootstrap? Bootstrap là một trong những framework được sử dụng nhiều nhất trên thế giới để xây dựng nên một website.
Bootstrap đã xây dựng nên 1 chuẩn riêng và rất được nhiều người ưa chuộng. Chính vì thế, chúng ta hãy nghe tới một cụn từ rất thông dụng “Thiết kế theo chuẩn Bootstrap”. Từ cái “chuẩn mực” này, chúng ta có thể thấy rõ những điểm thuận lợi khi sử dụng Bootstrap. + Rất dễ sử dụng: nó đơn giản vì nó được base trên HTML, CSS và JavaScript chỉ cần có kiến thức cơ bản về 3 cái đó là có thể sử dụng bootstrap tốt.
16 0 0 + Responsive: Bootstrap xây dựng sẵn reponsive css trên các thiết bị ipones, tablets, và desktops. Tính năng này khiến cho người dùng tiết kiệm được rất nhiều thời gian trong việc tạo ra một website thân thiện với các thiết bị điện tử, thiết bị cầm tay. + Tương thích với trình duyệt: Nó tương thích với tất cả các trình duyệt (Chrome, Firefox, Internet Explorer, Safari, and Opera). Tuy nhiên, với IE browser, Bootstrap chỉ hỗ trợ từ IE9 trở lên.
Điều này vô cùng dễ hiểu vì IE8 không support HTML5 và CSS3.4 Ngôn ngữ PHP PHP - viết tắt hồi quy của "Hypertext Preprocessor", là một ngôn ngữ lập trình kịch bản được chạy ở phía server nhằm sinh ra mã html trên client. PHP đã trải qua rất nhiều phiên bản và được tối ưu hóa cho các ứng dụng web, với cách viết mã rõ rãng, tốc độ nhanh, dễ học nên PHP đã trở thành một ngôn ngữ lập trình web rất phổ biến và được ưa chuộ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 (Postgress, 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. PHP hoạt động như thế nào? 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.4 Laravel Laravel là 1 open source, là một framework dùng để xây dựng web application, được thiết kế dựa trên mô hình MVC (Model, Controller, View), toàn bộ source code được đặt trên github.
Theo k ết qủa khảo sát của các Developer vào tháng 12 năm 2013, thì Laravel Framework đứng top 1 một trong những framework phổ biến nhất, tiếp sau là Phalcon, Symfony2, CodeIgniter và các framework khác. Tháng 8 năm 2014, Laravel Framework được xem như là một dự án PHP phổ biến nhất trên Github Ưu điểm của Laravel là gì? + Sử dụng các tính năng mới nhất của PHP Sử dụng Laravel giúp các lập trình viên tiếp cận những tính năng mới nhất mà PHP cung cấp, nhất là đối với Namespaces, Interfaces, Overloading, Anonymous functions và Shorter array syntax. 18 0 0 + Nguồn tài nguyên vô cùng lớn và sẵn có Nguồn tài nguyên của Laravel rất thân thiện với các lập trình viên với đa dạng tài liệu khác nhau để tham khảo. Các phiên bản được phát hành đều có nguồn tài liệu phù hợp với ứng dụng của mình.
+ Tích hợp với dịch vụ mail Laravel là framework được trang bị API sạch trên thư viện SwiftMailer.