Xây dựng website spa làm đẹp bằng wordpres

TRƯỜNG ĐẠI HỌC VINH KHOA CÔNG NGHỆ THÔNG TIN LÊ ANH TỚI BÁO CÁO ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC Tên đồ án: XÂY DỰNG WEBSITE SPA LÀM ĐẸP BẰNG WORDPRESS Nghệ An, tháng 05 năm 2016 TRƯỜNG ĐẠI HỌC VINH KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC Tên đồ án: XÂY DỰNG WEBSITE SPA LÀM ĐẸP BẰNG WORDPRESS Sinh viên thực hiện: Lê Anh Tới – 1151073707 Lớp: 52K3 Giáo viên hướng dẫn: ThS Lê Văn Thành Nghệ An, tháng 05 năm 2016 Đồ án tốt nghiệp đại học LỜI CẢM ƠN Lời đầu tiên, em xin gửi lời cảm ơn chân thành tới thầy, cô trường Đại học Vinh, đặc biệt thầy cô khoa Công nghệ thông tin – người trực tiếp giảng dạy, giúp đỡ em suốt năm tháng học tập trường Em xin cảm ơn nhà trường tạo điều kiện cho em thực tập để chuẩn bị tốt cho đồ án tốt nghiệp rèn luyện kỹ cần thiết trở thành người kỹ sư CNTT thực Sinh viên CNTT ngày phải không ngừng học hỏi, cập nhật biết ứng dụng kiến thức học vào thực tiễn sống Quá trình làm đồ án tốt nghiệp bước để em sâu vào tìm hiểu lĩnh vực cơng nghệ thơng tin, sở kiến thức học năm học vừa qua Để hoàn thành đồ án tốt nghiệp này, cố gắng nỗ lực thân cịn có tận tình giúp đỡ giảng dạy thầy, cô giáo khoa CNTT trường Đại học Vinh Em xin gửi lời cảm ơn chân thành đến thầy cô khoa Công nghệ thông tin, đặc biệt thầy giáo Lê Văn Thành nhiệt tình hướng dẫn em trình thực đề tài Vì thời gian trình độ cịn hạn chế nên chắn em khơng tránh khỏi thiếu sót Em mong nhận góp ý thầy bạn để đề tài hoàn thiện Sinh viên thực Lê Anh Tới Lê Anh Tới – Lớp 52K3 – Khoa CNTT Đồ án tốt nghiệp đại học LỜI NÓI ĐẦU Trong thời đại ngày nay, thời đại mà “người người làm Web, nhà nhà làm Web” việc có Website để quảng bá cơng ty hay Website cá nhân khơng cịn điều xa xỉ Thơng qua Website khách hàng lựa chọn sản phẩm mà cần cách nhanh chóng hiệu Với cơng nghệ Word Wide Web, hay gọi Web giúp bạn đưa thơng tin mong muốn lên mạng Internet cho người xem cách dễ dàng với cơng cụ ngơn ngữ lập trình khác Sự đời ngơn ngữ lập trình cho ph p xây dựng trang Web đáp ứng yêu cầu người sử dụng ên cạnh đó, đời mã nguồn mở giúp cơng việc lập trình viên trở nên dễ dàng nhiều Trong giới mã nguồn mở hỗ trợ xây dựng Website, mã nguồn mở ph biến kể đến Wordpress, Joomla, OpenCart, Tuy nhiên, WordPress với ưu điểm vượt trội trở thành công cụ sử dụng rộng rãi để xây dựng Website Việt Nam Với mong muốn học tập công cụ mã nguồn mới, đồng ý giảng viên ThS Lê Văn Thành, em lựa chọn đề tài “Xây dựng Website Spa làm đẹp Wordpress” làm đề tài đồ án Website với mục đích cung cấp cho khách hàng dịch vụ chăm sóc sức khỏe làm đẹp kết hợp với sản phẩm làm đẹp có nguồn gốc từ thiên nhiên Lê Anh Tới – Lớp 52K3 – Khoa CNTT Đồ án tốt nghiệp đại học MỤC LỤC LỜI CẢM ƠN LỜI NÓI ĐẦU MỤC LỤC CHƢƠNG TỔNG QUAN VỀ ĐỀ TÀI 1.1 Phân tích yêu cầu đề tài 1.1.1 Lý chọn đề tài 1.1.2 Đối tượng ứng dụng phạm vi đề tài 1.1.3 Ý nghĩa thực tiễn đề tài 1.2 Đặc tả toán 1.2.1 Khảo sát trạng 1.2.2 Đối tượng sử dụng 1.2.3 Mục đích dự án 1.2.4 Yêu cầu 1.2.5 Giao diện người dùng 1.2.6 Giao diện người quản trị CHƢƠNG CƠ SỞ LÝ LUẬN VÀ NỀN TẢNG XÂY DỰNG HỆ THỐNG 2.1 Tổng quan thƣơng mại điện tử 2.1.1 Khái niệm thương mại điện tử 2.1.2 Mơ hình thương mại điện tử 2.1.3 Lợi ích thương mại điện tử 2.1.4 Hạn chế thương mại điện tử 11 2.2 Tìm hiểu Wordpress 12 2.2.1 Wordpress gì? 12 2.2.2 Tại nên chọn Wordpress? 12 2.3 Hệ quản trị sở liệu MySQL 13 2.4 Ngôn ngữ sử dụng 14 2.4.1 Ngôn ngữ HTML, CSS 14 2.4.2 Ngôn ngữ PHP 15 2.5 Cài đặt Wordpress 16 CHƢƠNG TÌM HIỂU VÀ PHÂN TÍCH ĐỀ TÀI 22 3.1 Đối tƣợng khách hàng 22 3.1.1 Đối tượng khách hàng 22 3.1.2 Mục tiêu 22 3.2 Phân tích đánh giá mức độ khả thi 22 Lê Anh Tới – Lớp 52K3 – Khoa CNTT Đồ án tốt nghiệp đại học 3.2.1 Xác định thị trường khách hàng tiềm cho dịch vụ, sản phẩm 22 3.2.2 Thử nghiệm cách bán hàng Online với mỹ phẩm 22 3.2.3 Thu thập, phân tích phản hồi 22 3.2.4 Tạo sản phẩm mẫu để dùng thử 23 3.3 Sản phẩm dịch vụ 23 3.3.1 Sản Phẩm: 23 3.3.2 Dịch vụ: 23 3.4 Quy trình kinh doanh 23 3.5 Tài nguyên 24 3.6 Chuỗi cung ứng 24 3.7 Mơ hình doanh thu 24 CHƢƠNG XÂY DƢNG WEBSITE SPA 25 4.1 Mô hình 25 4.2 Mơ hình use case 26 4.3 Phân tích chức 27 4.3.1 Các chức đối tượng khách hàng 27 4.3.2 Chức Admin 27 4.3.3 Sơ đồ khối hoạt động 28 4.4 Website Spa 33 4.4.1 Giao diện vào trang Spa 33 4.4.2 Trang giới thiệu 34 4.4.3 Trang tin tức 34 4.4.4 Trang dịch vụ 36 4.4.5 Trang mỹ phẩm giỏ hàng 36 4.4.6 Trang toán 37 4.5 Phần quản trị admin 39 4.5.1 Quản lý tin đăng admin 41 4.5.2 Quản lý chuyên mục viết 41 4.5.3 Quản lý page 42 4.5.4 Quản lý sản phẩm 42 KẾT LUẬN 44 TÀI LIỆU THAM KHẢO 45 Lê Anh Tới – Lớp 52K3 – Khoa CNTT Đồ án tốt nghiệp đại học CHƢƠNG TỔNG QUAN VỀ ĐỀ TÀI 1.1 Phân tích yêu cầu đề tài 1.1.1 Lý chọn đề tài Như thấy thị trường việc cạnh tranh ngày trở nên liệt hầu hết nhà kinh doanh, công ty lớn tâm đến việc thỏa mãn khách hàng cách tốt Hiện ngày nhiều doanh nghiệp phát triển hệ thống bán hàng theo loại thương mại điện tử So với kinh doanh truyền thống thương mại điện tử chi phí thấp hơn, hiệu cao Hơn nữa, với giới công nghệ internet nên việc truyền tải thông tin sản phẩm nhanh chóng, thuận tiện Biết nhu cầu chương trình “Xây dựng Website Spa làm đẹp” Website xây dựng nhằm để đáp ứng cho người tiêu dùng toàn quốc thơng qua hệ thống Website họ có tư vấn làm đẹp mua mỹ phẩm Spa 1.1.2 Đối tƣợng ứng dụng phạm vi đề tài - Việc sử dụng trang Web Spa mang lại nhiều lợi ích: + Mọi người tồn quốc có nhu cầu làm đẹp đặt mua mỹ phẩm qua mạng + Đem lại lợi nhuận dễ dàng cho nhà quản lý + Người sử dụng tìm hiểu mua sản phẩm mong muốn 1.1.3 Ý nghĩa thực tiễn đề tài - Trong thời đại thương mại điện tử ngày phát triển, việc ứng dụng vào hoạt động “Website Spa làm đẹp” với dịch vụ chăm sóc sắc đẹp bán mỹ phẩm mang lại nhiều ý nghĩa như: - Giúp cho người hiểu cách chăm sóc sức khỏe làm đẹp an toàn - Đỡ tốn thời gian nhiều người dùng việc tham gia hoạt động mua mỹ phẩm - Giúp người tiêu dùng có giá hình ảnh mặt hàng cách xác - Giúp nhà quản lý dễ dàng việc quản lý sản phẩm - Nhà quản lý thống kê sản phẩm bán chạy nhanh giúp cho hoạt động sản xuất kinh doanh trở nên tốt Lê Anh Tới – Lớp 52K3 – Khoa CNTT Đồ án tốt nghiệp đại học 1.2 Đặc tả tốn Website làm đẹp muốn thêm hình thức bán bán mỹ phẩm trực tuyến qua mạng nhằm đáp ứng nhu cầu khách hàng Vì em đưa đặc tả toán sau: Khách hàng muốn tư vấn hay mua mỹ phẩm vào trang Web để tư vấn làm đẹp , tham khảo sản phẩm, giá sản phẩm, dịch vụ đưa lên trang Web Khi khách hàng cần mua loại kích vào xem chi tiết sản phẩm, xem chi tiết xong, khách hàng hài lòng sản phẩm, khách hàng chọn vào mục mua hàng chọn số lượng để mua hàng Thơng thường phải đăng nhập vào hệ thống mua hàng, với khách vãng lai, cần mua hàng mà không cần đăng ký để mua, khách hàng điền đầy đủ thơng tin chi tiết chọn vào mục “Thanh tốn” Nếu thơng tin hợp lệ hệ thống gửi thông báo mua sản phẩm thành công cho khách hàng 1.2.1 Khảo sát trạng Đây Website nhằm tư vấn dịch vụ, bán mỹ phẩm làm đẹp Spa đến người tiêu dùng với gói dịch vụ mặt hàng mỹ phẩm Image Skincare với giá cách xác Q trình khách hàng: Khách hàng xem lựa chọn sản phẩm cần mua, cần tham khảo sản phẩm mà muốn mua (xem thông tin chi tiết sản phẩm) Hệ thống trực tiếp trao đ i thông tin khách hàng, chịu trách nhiệm hướng dẫn Sau khách hàng lựa chọn xong, hệ thống tiến hành lập đơn đặt hàng khách hàng Sau tiếp nhận yêu cầu trên, hệ thống làm hóa đơn tốn tiền Khách hàng: Là người có nhu cầu mua sắm sản phẩm tham khảo giá sản phẩm, xem thông tin đặt sản phẩm mạng khác với việc đặt sản phẩm trực tiếp cửa hàng, khách hàng phải tự hoàn toàn thao tác thông tin thông qua bước cụ thể để mua sản phẩm Trên mạng, sản phẩm Image Skincare xếp phân loại theo sản phẩm giúp khách hàng dễ dàng tìm kiếm Trong hoạt động này, khách hàng cần chọn sản phẩm từ danh mục sản phẩm thơng tin liên hình như: Hình ảnh, giá cả, mơ tả cách chi tiết, bên cạnh trang liên kết đặt hàng khách chọn số lượng Đây cách đặt hàng trực tuyến mà chứa thơng tin sản phẩm số lượng khách muốn mua đặt hàng Khách hàng muốn đặt sản phẩm hệ thống xác lập đơn đặt hàng thông tin khách hàng sản phẩm Cuối lý khách hàng tùy chọn đặt hay không Lê Anh Tới – Lớp 52K3 – Khoa CNTT Đồ án tốt nghiệp đại học Khách hàng tham khảo giá sản phẩm xem tin tức từ Website 1.2.2 Đối tƣợng sử dụng Có đối tượng sử dụng người dùng nhà quản trị: * Người dùng: Qua Website, khách hàng xem thông tin, dịch vụ Spa, lựa chọn mỹ phẩm ưa thích nơi chí phịng làm việc * Nhà quản trị: Nhà quản trị có tồn quyền sử dụng cập nhật viết, sản phẩm, hoá đơn, quản lý khách hàng, đảm bảo tính an tồn cho Website 1.2.3 Mục đích dự án - Đáp ứng nhu cầu làm đẹp, chăm sóc sức khỏe phái nữ - Thúc đẩy phát triển buôn bán trực tuyến - Rút ngắn khoảng cách khách hàng Spa, tạo Website trực tuyến đưa nhanh thơng tin việc trao đ i mua bán mỹ phẩm qua mạng - Việc quản lý hàng trở nên dễ dàng - Sản phẩm xếp có hệ thống nên người dùng dễ tìm kiếm sản phẩm 1.2.4 Yêu cầu - Về giao diện: + Giao diện người dùng - Phải có giao diện thân thiện dễ sử dụng - Phải nêu bật mạnh Website, tạo niềm tin cho khách hàng từ lần viếng thăm + Giao diện người quản trị - Đơn giản, dễ quản lý thiếu mục như:  Quản lý sản phẩm  Quản lý hoá đơn  Quản lý thành viên  Quản lý thay đ i Website  Quản lý tin tức - Về bảo mật: + Người Admin có tồn quyền giữ bảo mật cho Website mật riêng + Quản lý User & Password khách hàng an tồn: Thơng tin khách hàng bảo mật Lê Anh Tới – Lớp 52K3 – Khoa CNTT Đồ án tốt nghiệp đại học -Về hệ thống + Phần mềm hỗ trợ: PHPMyAdmin (mysql) + Chương trình sử dụng ngôn ngữ PHP sở liệu MySQL + Các công cụ mà hệ thống sử dụng: MySQL: Dùng để lưu sở liệu, JavaScrpit: lỗi liệu, Photoshop, flash: Thiết kế giao diện 1.2.5 Giao diện ngƣời dùng - Phải có giao diện thân thiện dễ sử dụng - Màu sắc hài hoà làm n i bật hình ảnh sản phẩm, font chữ thống nhất, tiện lợi sử dụng - Giới thiệu thông tin cửa hàng: Địa liên hệ cửa hàng đại lý trực thuộc, số điện thoại liên hệ, email liên hệ - Sản phẩm Spa: sản phẩm có, sản phẩm giảm giá 1.2.6 Giao diện ngƣời quản trị - Giao diện đơn giản, dễ quản lý liệu - Phải bảo vệ User & Password riêng Admin Lê Anh Tới – Lớp 52K3 – Khoa CNTT Đồ án tốt nghiệp đại học - Đặt hàng Begin Member chọn nhập số lượng sản phẩm Cập nhật thông tin sản phẩm chọn vào CSDL Hiển thị thơng báo thành cơng End Hình 4.5 Sơ đồ khối thể chức đặt hàng - Xoá Thành viên Begin Tìm Member muốn xố chọn biểu tượng xố Xác nhận lại thơng tin xố? No Yes Xố Member khỏi CSDL End Hình 4.6 Sơ đồ khối thể chức xoá Thành viên Lê Anh Tới – Lớp 52K3 – Khoa CNTT 31 Đồ án tốt nghiệp đại học - Thêm Sản Phẩm Begin Nhập thông tin sản phẩm cần thêm Hiển thị thông báo yêu cầu nhập lại sản phẩm khác Kiểm tra CSDL Xem Sản phẩm tồn hay chưa ? Yes No Cập nhật thông tin Sản phẩp vào CSDL End Hình 4.7 Sơ đồ khối thể chức thêm sản phẩm - Sửa thông tin sản phẩm Begin Chọn sản phẩm thay đổi thông tin sản phảm cần sửa Lưu thông tin sản phẩm vừa sửa vào CSDL End Hình 4.8 Sơ đồ khối thể chức sửa thông tin sản phẩm Lê Anh Tới – Lớp 52K3 – Khoa CNTT 32 Đồ án tốt nghiệp đại học - Xoá sản phẩm Begin Tìm sản phẩm muốn xố chọn biểu tượng xố Xác nhận lại thơng tin xố? No Yes Xố sản phẩm khỏi CSDL End Hình 4.9 Sơ đồ khối thể chức xoá sản phẩm 4.4 Website Spa 4.4.1 Giao diện vào trang Spa + Gồm phần slider tự động chạy quản lý hình ảnh admin + Phần dịch vụ viết làm đẹp Lê Anh Tới – Lớp 52K3 – Khoa CNTT 33 Đồ án tốt nghiệp đại học 4.4.2 Trang giới thiệu Trang ảnh giới thệu thông tin liên hệ với Spa 4.4.3 Trang tin tức Là viết chia sẻ Spa dành cho khách hàng cách chăm sóc gia an toàn hiệu quả, khách hàng trau dồi thêm kiến thức làm đẹp Lê Anh Tới – Lớp 52K3 – Khoa CNTT 34 Đồ án tốt nghiệp đại học Lê Anh Tới – Lớp 52K3 – Khoa CNTT 35 Đồ án tốt nghiệp đại học 4.4.4 Trang dịch vụ 4.4.5 Trang mỹ phẩm giỏ hàng Hai trang biết sản phẩm đặt mua, giá sản phẩm t ng giá sản phẩm, cập nhật lại giỏ hàng mình, số lượng sản phẩm Hai trang plugin Woocoomre hỗ trợ tạo nên Trong trang tốn, tùy chỉnh thêm bớt trường nhập vào Lê Anh Tới – Lớp 52K3 – Khoa CNTT 36 Đồ án tốt nghiệp đại học 4.4.6 Trang toán Trang toán nơi nhập thông tin khách hàng mua sản phẩm, phương thức toán, trang người mua hàng cần ghi rõ thông tin khách hàng đặt mua người quản lý liên hệ xác nhận thông tin người đặt mua Lê Anh Tới – Lớp 52K3 – Khoa CNTT 37 Đồ án tốt nghiệp đại học Sau bạn lick vào phương thức toán chọn số hình thức tốn  Paypal tốn online: Lê Anh Tới – Lớp 52K3 – Khoa CNTT 38 Đồ án tốt nghiệp đại học Sau chọn nút toán: 4.5 Phần quản trị admin Để vào phần admin, Wordpress hỗ trợ cho form đăng nhập vào, admin pass cài đặt cài Wordpress Lê Anh Tới – Lớp 52K3 – Khoa CNTT 39 Đồ án tốt nghiệp đại học Mã nguồn mở Wordpress tạo sẵn cho giao diện quản trị Đây trang quản trị trang Web Phần bên trái danh mục phần quản trị trang Web Người quản trị đăng viết, đăng sản phẩm, quản lý đơn đặt hàng, cấu hình trang Web Cấu trúc phần admin Wordpess chặt chẽ, đầy đủ chức năng, tùy biến để dễ sử dụng Lê Anh Tới – Lớp 52K3 – Khoa CNTT 40 Đồ án tốt nghiệp đại học 4.5.1 Quản lý tin đăng admin Admin quản lý tất viết, page, comment, tùy chỉnh thông tin Website, quản lý postype… 4.5.2 Quản lý chuyên mục viết Với quyền lợi admin thêm viết, sửa viết, xóa viết, thêm mới, sửa, xóa chuyên mục Lê Anh Tới – Lớp 52K3 – Khoa CNTT 41 Đồ án tốt nghiệp đại học 4.5.3 Quản lý page Admin quản lý danh sách page, thêm mới, sửa, xóa page, liên kết page với template tương ứng 4.5.4 Quản lý sản phẩm Sử dụng plugin WooCommerce sinh mục WooCommerce, sản phẩm - WooCommerce phần quản lý đơn đặt hàng, cài đặt quy trình mua hàng đặt hàng, phương thức tốn Phần đơn hàng phần mà người quản trị biết mua hàng, mua gì, số lượng bao nhiêu, thơng tin người mua hàng từ người quản trị liên hệ với khách hàng để xác nhận đơn hàng Nếu khách mua hàng người quản trị phải điều phối sản phẩm giao hàng cho khách Lê Anh Tới – Lớp 52K3 – Khoa CNTT 42 Đồ án tốt nghiệp đại học - Sản phẩm mục để đăng, cài đặt thơng tin cho sản phẩm bạn Trong mục đăng thông tin sản phẩm bạn từ tên sản phẩm, ảnh, giá cả, kích thước sản phẩm, giá tùy theo kích thước, nội dung chi tiết sản phẩm Trong phần Woocomere có phần đơn hàng phần mà người quản trị nhận đơn đặt hàng, người quản trị kiểm tra đơn đặt hàng, lưu thông tin người đặt hàng giải đơn đặt hàng Lê Anh Tới – Lớp 52K3 – Khoa CNTT 43 Đồ án tốt nghiệp đại học KẾT LUẬN Đề tài “Xây dựng Website Spa làm đẹp Wordpress” xuất phát từ thực tế ngày nhằm tạo tảng sở ban đầu để hỗ trợ thêm cho bạn muốn thiết kế Website cho công ty hay Website cá nhân Mặc dù có nhiều cố gắng, tìm hiểu kiến thức học, kết hợp tra cứu tài liệu chuyên ngành hạn chế thời gian, khả kinh nghiệm nên không tránh khỏi thiếu sót định nên đề tài hồn thành mức độ sau: Hỗ trợ phía khách hàng: + Xem thông tin dịch vụ, sản phẩm + Cho ph p khách hàng đăng ký thông tin để thực việc mua sản phẩm + Tìm kiếm sản phẩm + iết việc đặt hàng thành công hay chưa đáp ứng Hỗ trợ người quản trị hệ thống: + Xem thông tin, cập nhật thống kê sản phẩm, đơn hàng Hƣớng nghiên cứu phát triển: Tìm hiểu sâu ngơn ngữ PHP & MySQL để đáp ứng nhiều nhu cầu người sử dụng, phát triển tối ưu hóa hệ thống, Kết hợp ngôn ngữ PHP với hệ quản trị sở liệu lớn hơn: SQL Server, Oracle… Tìm hiểu thêm số ngơn ngữ, phần mềm ứng dụng để nâng cao giao diện đồ họa đẹp mắt, thân thiện hơn… Xây dựng trang Web quy mô lớn với nhiều ứng dụng, chức Để hoàn thành đề tài này, lần em xin chân thành cảm ơn Thầy Lê Văn Thành người quan tâm, giúp đỡ em suốt thời gian qua Và cho em bày tỏ lòng biết ơn tới tất thầy giáo, cô giáo khoa Cơng nghệ thơng tin giúp em hồn thành đồ án Em xin chân thành cảm ơn! Lê Anh Tới – Lớp 52K3 – Khoa CNTT 44 Đồ án tốt nghiệp đại học TÀI LIỆU THAM KHẢO [1] http://www mysql.com [2] http://youtube.com [3] http://thachpham.com [3] Phan Anh Phong, Tài liệu môn sở liệu [4] Phan Anh Phong, Tài liệu môn sở liệu [5] Lê Văn Thành Hồng Hữu Việt, Tài liệu mơn lập trình Web Lê Anh Tới – Lớp 52K3 – Khoa CNTT 45 ... lựa chọn đề tài ? ?Xây dựng Website Spa làm đẹp Wordpress” làm đề tài đồ án Website với mục đích cung cấp cho khách hàng dịch vụ chăm sóc sức khỏe làm đẹp kết hợp với sản phẩm làm đẹp có nguồn gốc... nhu cầu chương trình ? ?Xây dựng Website Spa làm đẹp? ?? Website xây dựng nhằm để đáp ứng cho người tiêu dùng tồn quốc thơng qua hệ thống Website họ có tư vấn làm đẹp mua mỹ phẩm Spa 1.1.2 Đối tƣợng... học KẾT LUẬN Đề tài ? ?Xây dựng Website Spa làm đẹp Wordpress” xuất phát từ thực tế ngày nhằm tạo tảng sở ban đầu để hỗ trợ thêm cho bạn muốn thiết kế Website cho công ty hay Website cá nhân Mặc