MỞ ĐẦU 1. SỰ CẦN THIẾT CỦA ĐỀ TÀI Thế giới đang ngày càng phát triển, kéo theo đó là sự phát triển không ngừng của nền khoa học nói chung và công nghệ thông tin nói riêng. Ngày nay công nghệ thông tin là điều không thể thiếu trong hầu hết các lĩnh vực, trong đó có kinh doanh, cụ thể là kinh doanh các mặt hàng thời trang. Nếu không thiết kế web, bạn đã vô tình bỏ qua khoảng 90% lượng khách hàng đến với mình mà không hề hay biết.
Vậy thì tại sao website lại có ma lực giúp chủ cửa hàng tiếp cận một lượng khách hàng lớn đến như vậy? Dưới đây là những lí do chính để trả lời cho câu hỏi này: Thứ nhất: bạn sẽ có thể tăng khả năng tiếp cận khách hàng của mình: Nếu cửa hàng không có trang web riêng, khách hàng sẽ chỉ có thể mua sản phẩm, nhận dịch vụ và tương tác với chủ cửa hàng trong giờ hành chính. Điều này khiến các dịch vụ cũng như hoạt động của cửa hàng bị giới hạn. Một cửa hàng có thể thu hút được khách địa phương nhưng lại là hạn chế đối với những khách hàng ở khu vực khác. Tuy nhiên, khi cửa hàng xây dựng một trang web riêng thì phạm vị khách hàng sẽ không bị giới hạn.
Cơ hội nhận được đơn đặt hàng của khách từ khắp mọi nơi trên đất nước sẽ ngày càng tăng cao. Thứ hai: Quản lý hàng hóa dễ dàng: Nếu bạn bán hàng trên facebook? rõ ràng bạn phải xem xét rất nhiều thứ để biết được hàng đó còn hay hết, đặc biệt nếu bạn là chủ và có một nhân viên khác bán hàng. Nếu bạn đang có một vài cửa hàng ở các quận khác nhau, nếu muốn biết số hàng này còn hay hết bạn sẽ phải xem xét sổ sách thống kế rất phức tạp. Hoặc phải đợi cuối tuần hoặc cuối tháng nhân viên tổng kết lại bạn mới nắm được việc kinh doanh của mình tiến triển như thế nào.
Nếu bạn đang dùng một phần mềm được lập trình để quản lý kinh doanh? cũng được đấy. Nhưng chưa phải là tốt nhất! Chắc chắn bạn không thể dùng điện thoại của mình để check các thống kê được. Nhưng hệ thống quản trị của website làm được tất cả những việc đó, ngay cả khi bạn chỉ cầm một chiếc smartphone khi đang đi du lịch. Thứ ba: Dịch vụ chăm sóc khách hàng hiệu quả: Mọi người đều dễ dàng gõ một câu hỏi khi thắc mắc về sản phẩm của bạn khi phần comment được tích hợp trên website hơn là cầm điện thoại lên để alo.
1 do an Tìm hiểu và áp dụng công nghệ Mern để xây dựng demo website bán hàng thời trang Thứ tư: Website là nền tảng cho thương mại điện tử: Một người đi làm 8h/ngày thì sẽ có rất ít thời gian đi mua sắm ở cửa hàng hay các trung tâm mua sắm offline. Đó là lý do mà bán hàng online ngày càng phát triển. Thứ năm: Xây dựng thương hiệu: Bạn nghĩ bán hàng qua facebook bằng cách live stream tặng quà, khuyến mãi … là bạn đang bán hàng online? Không hẳn vậy. Thực tế là có đến gần 90% lượng khách hàng lựa chọn sản phẩm của shop có website riêng hơn là những shop khác.
Bởi lẽ: Xây dựng thương hiệu là điều đáng quan tâm của một doanh nghiệp và trang web sẽ giúp doanh nghiệp làm điều này. Nó phản ánh một hình ảnh chuyên nghiệp thông qua giao diện và các hoạt động của doanh nghiệp. Địa chỉ email, tên miền và cách giao tiếp với khách hàng qua website giúp doanh nghiệp xây dựng uy tín và sự tin cậy cho khách hàng, tạo dựng thương hiệu và truyền bá hình ảnh trên toàn thế giới. Thứ sáu: Hoạt động 24/7: Với Website chuyên nghiệp, cửa hàng của bạn dường như không bao giờ ngừng làm việc để phục vụ khách hàng, từ đó, giúp bạn tiết kiệm về thời gian lẫn chi phí.
Website sẽ hoạt động 24/7, bất cứ khi nào khách hàng cần, kể cả giờ nghỉ của nhân viên hoặc ngày nghỉ lễ. Thông qua Website, khách hàng dễ dàng tiếp cận hơn với cửa hàng, sử dụng dịch vụ của bạn một cách dễ dàng nhất dù họ ở nơi đâu, bất cứ lúc nào. Thứ 7: Với khả năng phối đồ khá tinh tường của các nhân viên thì không những chọn một chiếc áo, chiếc quần hay đôi giày, … Mà khách hàng có thể lựa chọn nguyên một set đồ để dự một sự kiện, một buổi tiệc nào đó thông qua chức năng đề xuất của website. Điều này chẳng những tạo sự linh động trong cách bán hàng mà còn giúp tăng doanh số một cách đáng kể.
Hơn thế nữa, bạn có thể đưa những thắc mắc thường gặp của khách hàng lên website và thiết lập hệ thống trả lời những câu hỏi đó. Sẽ tiết kiệm rất nhiều thời gian trả lời điện thoại hoặc thuê riêng một nhân viên hỗ trợ. Bên cạnh việc đã có được một trang web, việc trang web đó hoạt động như thế nào để đáp ứng được nhu cầu của người dùng cũng là một vấn đề rất đáng được quan tâm. Với một trang web truyền thống, khi người dùng yêu cầu một trang web, thì 2 do an Tìm hiểu và áp dụng công nghệ Mern để xây dựng demo website bán hàng thời trang server sẽ tính toán và trả về trang web đó cho người dùng toàn bộ trang web dưới dạng mã html.
Hầu như không có bất kỳ sự liên kết nào giữa 2 yêu cầu gần nhau. Do đó khi có nhiều yêu cầu được diễn ra thì sẽ làm quá trình tính toán diễn ra lâu hơn, bởi hệ thống phải tính toán nhiều thành phần trước khi trả về một trang web hoàn chỉnh, điều đó khiến cho performance của trang web khá chậm. Chính vì các lí do đó mà SPAs (single page applications) đã được ra đời. Sau khi load trang web ở lần đầu tiên, ở những lần sau, khi chuyển trang khác, client sẽ gửi những request để nhận dữ liệu cần thiết (thường là phần nội dung).
Việc này mang đến trải nghiệm cho người dùng web tốt hơn, giảm thời gian phải load lại toàn bộ trang web cồng kềnh, tiết kiệm băng thông cũng như thời gian chờ đợi. Việc này là trái ngược hoàn toàn với trang web truyền thống khi toàn bộ trang web phải load lại mỗi khi chuyển trang. Có quá nhiều lý do để trả lời cho một câu hỏi: Vì sao cần phải có một website kinh doanh thời trang hoàn hảo, chạy nhanh? Vậy nên website kinh doanh là một phần không thể thiếu đối với các shop thời trang trong thời kỳ hiện đại của thế giới ngày nay. MỤC ĐÍCH CỦA ĐỀ TÀI Đề tài “Tìm hiểu và áp dụng công nghệ MERN STACK để xây dựng website bán hàng thời trang” thuộc hướng tìm hiểu công nghệ để từ đó xây dựng ứng dụng.
Mục tiêu của đề tài là tìm hiểu các kiến thức cơ bản của MERN STACK trong việc áp dụng để xây dựng một trang web theo hướng Single Page Applications. ĐỐI TƯỢNG VÀ PHẠM VI NGHIÊN CỨU - Đối tượng nghiên cứu: Công nghệ MERN STACK. - Phạm vi nghiên cứu: Ứng dụng của công nghệ MERN STACK trong xây dựng một trang web. PHÂN TÍCH NHỮNG CÔNG TRÌNH CÓ LIÊN QUAN Trong quá trình làm tiểu luận, nhóm đã tham khảo các trang web trên internet về bán hàng online như: Shopee, Lazada, … Để nắm bắt được xu hướng ưa thích giao diện của người dùng về trang web bán hàng trực tuyến và đưa ra giao diện phù hợp.
Ngoài ra, nhóm cũng có tham khảo các dự án bằng ReactJS và NodeJS thông qua các kênh youtube để hoàn thành website. 3 do an Tìm hiểu và áp dụng công nghệ Mern để xây dựng demo website bán hàng thời trang 1. KẾT QUẢ DỰ KIẾN ĐẠT ĐƯỢC - Tìm hiểu các kiến thức cơ bản về công nghệ MERN STACK trong xây dựng một ứng dụng web bao gồm các đặc điểm và chức năng như: + Thêm, sửa, xóa các đối tượng được quản lí bởi website như: sản phẩm, khách hàng, nhân viên, danh sách các loại sản phẩm, … Tùy theo chức năng của từng người dùng (nhân viên và khách hàng). + Chọn và đặt hàng online.
+ Giao diện thân thiện với người dùng, chức năng dễ dàng thao tác. + Các thông tin của các đối tượng được bảo mật tốt. - Tìm hiểu mô hình MVC áp dụng trong lập trình hướng đối tượng để phát triển ứng dụng rõ ràng, nhanh chóng, đơn giản và dễ nâng cấp, bảo trì hơn. 4 do an Tìm hiểu và áp dụng công nghệ Mern để xây dựng demo website bán hàng thời trang 2.
CHƯƠNG 2: KHẢO SÁT HIỆN TRẠNG 2.1 CÁC WEBSITE TƯƠNG TỰ 2. Website Zara Ấn tượng đầu tiên của Zara là silde lớn có các animation chuyển động liên tục, tránh gây nhàm chán khi khách hàng truy cập vào.2 MWC Store Hình 2. Website MWC Store MWC store là trang web chuyên bán các loại giày, dép. Thế mạnh của MWC là có các nút để phân loại sản phẩm trên, giúp khách hàng dễ dàng hiểu được và sử dụng.
5 do an Tìm hiểu và áp dụng công nghệ Mern để xây dựng demo website bán hàng thời trang 2.2 YÊU CẦU CỦA WEBSITE - Thao tác được với cơ sở dữ liệu NoSQL là MongoDB đang được sử dụng rất rộng rãi hiện nay để thao tác với big data thông qua sự hỗ trợ của mongoose khi thao tác trên code NodeJS. Với cơ sở dữ liệu, nhóm đã có thể hiểu được cấu trúc của một document và thao tác để thêm mới, sửa, và xóa đi các thành phần của document, lấy dữ liệu mong muốn từ document trong cơ sở dữ liệu. - Với nhu cầu hiện tại, phần lớn các trang web được thiết kế với phần lấy dữ liệu là sử dụng các API (Resful API) để nhiều thiết bị khác nhau có thể sử dụng chung nguồn dữ liệu. Chính vì vậy, nhóm đã tìm hiểu và tạo các API bằng NodeJS và framework của NodeJS là ExpressJS.
- Về phía Client: Phần giao diện với người sử dụng được viết bằng ReactJS và áp dụng thư viện nâng cao hơn là Redux để hoàn thành giao diện. Về cơ bản, trang web đã có thể thực hiện các thao tác cho người khách hàng có thể đăng kí tài khoản mới, xem các sản phẩm, xem chi tiết sản phẩm, thêm sản phẩm vào giỏ hàng và đăng nhập vào hệ thống để thực hiện mua hàng. Về phía những người quản trị trang web: có thể quản lí thông tin tất cả các đối tượng liên quan đến cửa hàng như: sản phẩm, loại sản phẩm, mã giảm giá, danh sách nhân viên, khách hàng, … Đồng thời, người sử dụng có thể thao tác để sửa chữa thông tin cá nhân của mình. 6 do an Tìm hiểu và áp dụng công nghệ Mern để xây dựng demo website bán hàng thời trang 3.
CHƯƠNG 3: CƠ SỞ LÍ THUYẾT 3.