CHƯƠNG 1: CƠ SỞ LÝ THUYẾT VỀ VIỆC XÂY DỰNG WEBISTE BÁN THỨC ĂN VÀ PHỤ KIỆN DÀNH CHO THÚ CƯNG 1. Tổng quan về Thương mại điện tử và ứng dụng vào website bán hàng 1. Tổng quan về Thương mại điện tử Thương mại điện tử [7] (Ecommerce/electronic commerce) là hoạt động mua bán hàng hoá và dịch vụ trên Internet, nơi những cửa hàng truyền thống bước vào phố xá nhộn nhịp của thế giới thật. Trang web thương mại điện tử chính là gian hàng thu nhỏ trên Internet.
Ở đây, khách hàng có thể thoải mái lựa chọn mua hoặc tham khảo các sản phẩm mà mình thích bất cứ lúc nào, tạo điều kiện cho người mua và bán có thể giao dịch với nhau thuận tiện và nhanh chóng hơn. Tổng quan về thương mại điện tử (Nguồn:https://itexpress.vn/view/thuong-mai- dien-tu-la-gi-mo-hinh-dac-kiem-loi-ich-va-nhung- kho-khan-tmdt-tai-viet-nam.html) So với cách kinh doanh truyền thống, thương mại điện tử mang lại nhiều lợi ích hơn như: tiết kiệm chi phí và thời gian, khắc phục được những hạn chế về địa lý, việc SVTH: Trần Thị Tuyết Nhi 6 Khóa luận tốt nghiệp GVHD: TS. Nguyễn Thanh Tuấn truyền bá thông tin sản phẩm đến người dùng nhanh hơn,. Vì chi phí khởi động và bảo trì thấp, hầu hết các doanh nghiệp đều lựa chọn kinh doanh online nên dẫn đến sự cạnh tranh trên thị tường là rất cao.
Vẫn còn nhiều người tiêu dùng ngần ngại khi mua khi chưa nhìn thấy sản phẩm và không tin tưởng vào hình thức thanh toán trực tuyến,.2 Ứng dụng của thương mại điện tử vào website bán hàng Việc xây dựng website thương mại dành co thú cưng chính là tham gia vào lĩnh vực Thương mại điện tử. Với công việc bận rộn hiện nay, xu hướng khách hàng đều mong muốn lựa chọn những phương pháp tiện ích nhanh chóng, trong mua hàng cũng vậy họ cũng mong muốn có được những cách mua hàng tiết kiệm thời gian công sức mà vẫn có thể sở hữu sản phẩm chất lượng. Với website “The Dog shop”, để thu hút sự quan tâm của khách hàng, website phải có giao diện bắt mắt, nội dung hiển thị đầy đủ và rõ ràng, các thao tác trên website phải đơn giản giúp mang lại trải nghiệm tốt cho khách hàng. Chính vì vậy, xây dựng website thương mại dành cho thú cưng em thưc hiện trong đề tài này mang những đặc trưng của một trang Thương mại điện tử, đáp ứng được nhu cầu của khách hàng và thuận tiện trong việc quản lý.3 Tham khảo một số website bán hàng Trên thị trường Việt Nam hiện có hàng trăm website thương mại điện tử cùng hoạt động.
Tuy nhiên không phải web nào cũng hoạt động hiệu quả và quy mô như nhau. Đối với các website về dịch vụ và bán thức ăn và phụ kiện cho thú cưng thì không thể không kể đến Petmart. Petmart là một website chuyên về sản phẩm như thức ăn, phụ kiện và các dịch vụ thú cưng như cắt tỉa lông, tắm spa,… dành cho thú cưng. Với giao diện đẹp mắt và dễ sử dụng, cùng với việc nắm bắt xu thế hiện nay giúp Petmart phát triển bền vững và nhanh chóng giành được lòng tin của người tiêu dùng, giành được chỗ đứng trong phân khúc khi xác định đối tượng sử dụng là những người chủ yêu thương thú cưng của họ.
Ngoài những chức năng về dịch vụ chuyên về cho thú cưng thì không thể thiếu những chức năng bổ sung cho người mua hàng như thanh toán bằng thẻ, ví điện tử, các voucher ưu đãi lớn để giúp khách hàng thuận tiện hơn trong việc mua sắm như Shopee Việt Nam đã làm. Tính đến thời điểm này, Shopee Việt Nam chỉ có tuổi đời khá trẻ nhưng rất được lòng khách hàng vì nắm bắt xu thế nhanh, giao diện bắt mắt, có rất SVTH: Trần Thị Tuyết Nhi 7 Khóa luận tốt nghiệp GVHD: TS. Nguyễn Thanh Tuấn nhiều phương thức thanh toán khác nhau giúp cho người dùng thuận tiện hơn trong việc thanh toán. Các mã voucher luôn sẵn sàng và luôn cho khách hàng cảm thấy được “hời” khi mua hàng có kèm theo voucher.
Những ưu điểm nổi bật trên giúp Shopee trở website thương mại điện tử hàng đầu Việt Nam tính đến thời điểm hiện tại. Nhờ tham khảo những chức năng của website Petmart và cách hoạt động những ưu điểm của Shopee Việt Nam mà website của cửa hàng The Dog Shop đã thiết kế giao diện người dùng dễ nhìn giúp thu hút người tiêu dùng. Những chức năng chính được thực hiện theo logic rõ ràng, mỗi tính năng đều mang lại ưu điểm riêng biệt giúp khách hàng thuận tiện trong việc xem các sản phẩm, mua hàng. Giúp trải nghiệm người dùng được tốt hơn nhờ hiệu suất của trang web luôn ổn định.
Mô hình phát triển website Scrum [8] là một khung làm việc về quy trình và quản lý giúp giải quyết các vấn đề phức tạp nhưng vẫn đảm bảo tính hiệu quả, sáng tạo và sản phẩm được tạo ra phải đạt được giá trị cao nhất, nhằm giúp việc phối hợp hiệu quả nhất giữa các thành viên trong đội phát triển khi thực hiện những sản phẩm phức tạp. Với Scrum, sản phẩm được xây dựng trên 1 chuỗi các quy trình lặp đi lặp lại (Sprint). Các Sprint diễn ra điều đặn, mỗi một Sprint là cơ hội để học hỏi điều chỉnh nhằm đạt được sự phù hợp và kết quả tốt nhất. SVTH: Trần Thị Tuyết Nhi 8 Khóa luận tốt nghiệp GVHD: TS.
Nguyễn Thanh Tuấn Hình 1.2: Mô hình Scrum (Nguồn:https://resources.org/) Những vai trò chính quan trọng của scrum là các role (vai trò) và các cuộc trao đổi đánh giá. Có các role chính là: - Product Owner: là người làm những công việc bắt đầu cho dự án, tạo ra các yêu cầu trong quá trình phát triển dự án. Phân tích mục tiêu, giải phóng các kế hoạch. Product owner chịu trách nhiệm quản lý product backlog: - Miêu tả rõ ràng từng backlog item SVTH: Trần Thị Tuyết Nhi 9 Khóa luận tốt nghiệp GVHD: TS.
Nguyễn Thanh Tuấn - Sắp xếp mức độ ưu tiên của backlog item hợp lý - Tối ưu hóa giá trị mà Development team thực hiện - Đảm bảo product backlog rõ ràng, minh bạch - Đảm bảo Development team hiểu product backlog - Scrum Master: là người phải đảm bảo các sprint được hoàn thành đúng mục đích, bảo vệ đội làm việc và loại bỏ các trở ngại. Scrum Master: giúp tổ chức bên ngoài Scrum team hiểu được những tương tác nào của họ với Scrum team là có ích và tương tác nào thì không. Scrum Master giúp mọi người thay đổi những tương tác đó để tối đa hóa giá trị được tạo bởi Scrum team. Scrum master hỗ trợ product owner: - Đảm bảo rằng mục tiêu, phạm vi và lĩnh vực sản phẩm được các thành viên trong Scrum team hiểu rõ nhất có thể.
- Tìm kiếm các kỹ thuật để giúp Product owner quản lý Product Backlog hiệu quả - Giúp Scrum team hiểu được các mục Product Backlog rõ ràng và ngắn gọn. - Hiểu quy hoạch sản phẩm trong môi trường thực nghiệm. Mô hình phát triển MVC và các ngôn ngữ xây dựng hệ thống 1. Mô hình MVC * Khái niệm mô hình MVC MVC [9] là viết tắt của cụm từ “Model – View – Controller”, là một mẫu kiến trúc phần mềm cung cấp các thành phần để tạo lập và phát triển giao diện người dùng, thiết kế một chương trình cho máy tính.
MVC được chia thành 3 phần kết nối với nhau, mỗi phần đều có nhiệm vụ riêng của và hoạt động một cách độc lập: - Model: Lớp này chịu trách nhiệm quản lí dữ liệu: giao tiếp với cơ sở dữ liệu, chịu trách nhiệm lưu trữ hoặc truy vấn dữ liệu. - View: Là nơi chứa nội dung của trang web. Lớp này chính là giao diện của ứng dụng, chịu trách nhiệm hiển thị dữ liệu của ứng dụng thành các dạng nhìn thấy được và giúp người dùng tương tác với hệ thống. - Controller: Là nơi tiếp nhận những yêu cầu xử lý được gửi từ người dùng.
Lớp này sẽ nhận request từ client, gửi yêu cầu đến cho Model để xử lý dữ liệu và trả về kết SVTH: Trần Thị Tuyết Nhi 10 Khóa luận tốt nghiệp GVHD: TS. Nguyễn Thanh Tuấn quả đến View để cập nhật giao diện hiển thị cho người dùng. tối ưu nên có từ 3 đến 9 người. Không nên nhỏ hơn 3 hoặc vượt quá 9 thành viên.
*Luồng xử lý dữ liệu trong mô hình MVC - Khi một yêu cầu của từ máy khách (Client) gửi đến server thông qua Controller, Controller sẽ phân loại request thành hai loại: URL request hoặc sự kiện. - Controller tiếp nhận request, nếu request của người dùng yêu cầu phải xử lý dữ liệu thì Controller sẽ gọi xuống Model để lấy dữ liệu. - Model chuẩn bị data và gửi lại cho Controller - Cuối cùng, sau khi xử lý xong yêu cầu thì Controller gửi dữ liệu trở lại View. Ở đây, các thông tin sẽ được hiển thị cho người dùng trên trình duyệt.3: Luồng xử lý dữ liệu trong mô hình MVC (Nguồn:https://monamedia.co/mvc-la-gi-ung-dung-cua-mo- hinh-mvc-trong-lap-trinh/) 1.
Các ngôn ngữ lập trình xây dựng ứng dụng 1.1 HTML HTML [10] là viết tắt của HyperText Markup Language có nghĩa là ngôn ngữ đánh dấu siêu văn bản chỉ rõ trang web sẽ được hiển thị như thế nào trong trình duyệt. Ngôn ngữ này được gọi là ngôn ngữ markup vì nó không phải là một ngôn ngữ lập trình. HTML chỉ có tác dụng bố cục và định dạng trang web và không thể thực hiện các chức năng “động”. Nó chạy trên bất kỳ trình duyệt nào và được quản lý bởi World Wide Web Consortium.
* Ưu điểm: SVTH: Trần Thị Tuyết Nhi 11 Khóa luận tốt nghiệp GVHD: TS. Nguyễn Thanh Tuấn - Ngôn ngữ được sử dụng rộng lớn này có rất nhiều nguồn tài nguyên hỗ trợ và cộng đồng sử dụng cực lớn. - Sử dụng mượt mà trên hầu hết mọi trình duyệt. - Các markup ngắn gọn và dễ đồng nhất - Có quá trình học đơn giản và trực tiếp.
- Mã nguồn mở và hoàn toàn miễn phí. - Chuẩn chính của web được vận hành bởi Wỏld Wide Web Consortium (W3C). - Dễ dàng tích hợp với các ngôn ngữ backend như PHP và Node. * Nhược điểm: - Được dùng chủ yếu cho web tĩnh.
Đối với các tính năng động, bạn cần sử dụng JavaScript hoặc ngôn ngữ backend bên thứ 3 như PHP. - Chỉ có thể thực thi một số logic nhất định cho người dùng. Vì vậy, hầu hết các trang đều cần được tạo riêng biệt, kể cả khi nó sử dụng cùng các yếu tố, như là headers hay footers. - Một vài trình duyệt còn cập nhật chậm để hỗ trợ tính năng mới của HTML 1.2 CSS CSS [11] là viết tắt của Cascading Style Sheets, một ngôn ngữ thiết kế đơn giản, được sử dụng để tìm và định dạng lại các phần tử được tạo ra bởi các ngôn ngữ đanh dấu (ví dụ như HTML), xử lý một phần giao diện của trang web.