BTL XÂY DỰNG WEBSITE BÁN HÀNG TRỰC TUYẾN SỬ DỤNG WORDPRESS

bài tập lớn môn mã nguồn mở đề tài xây dựng trang web bán hàng bằng wordpress gồm 40 trang rất đầy đủ cho những ai cần. Ngày nay chúng ta đang sống trong kỷ nguyên của khoa học công nghệ, đặc biệt là công nghệ thông tin. Trong thời đại bùng nổ thông tin và có rất nhiều phương thức truyền đạt thông tin thì phương thức truyền thông tin bằng công nghệ số là nhanh và phổ biến nhất, được nhiều người tiếp cận nhất. Công nghệ thông tin không chỉ dừng lại ở mục đích phục vụ cho khoa học kỹ thuật mà đi sâu vào đời sống, chính trị, kinh tế, xã hội, trở nên thân thiện, gần gũi, mang lại nhiều lợi ích cho con người, đặc biệt trong lĩnh vực kinh tế, công nghệ thông tin đã thực sự có nhiều đóng góp quan trọng trong công việc quản lý, quảng cáo sản phẩm, hoàng hóa của các công ty, xí nghiệp, doanh nghiệp lớn nhỏ. Những ứng dụng của công nghệ thông tin đã mang lại nhiều lợi ích không nhỏ, đạt hiệu quả kinh tế cho những công ty, xí nghiệp đó. Muốn bán và đưa các sản phẩm cho mọi người biết một cách rộng rãi và nhanh chóng thì cần phải quảng cáo. Vì vậy, xây dựng một website quảng cáo và bán các sản phẩm là điều tối cần thiết đối với mọi công ty, doanh nghiệp để tồn tại và phát triển trong nền kinh tế thị trường cạnh tranh khốc liệt ngày nay. Thực tế các website bán hàng trực tuyến đều được xây dựng dựa trên các mã nguồn xây dựng sẵn, có nhiều ưu điểm giúp cho doanh nghiệp có thể đưa gian hàng của mình lên thị trường Internet. Chính vì vậy,em đã chọn đề tài “Thiết kế website bán hàng dày dép trực tuyến bằng mã nguồn mở Wordpress”. Với kiến thực hạn hẹp,thời gian nghiên cứu không dài, tài liệu tham khảo có chưa nhiều, do vậy đồ án không tránh khỏi những sai sót. Mong thầy cùng các bạn chia sẻ, góp ý để đồ án được hoàn thiện. Nhóm em xin chân thành cám ơn

Nhóm 10- clc k9 TRƯỜNG ĐẠI HỌC CÔNG NGHIỆP HÀ NỘI KHOA CÔNG NGHỆ THÔNG TIN o0o BÀI TẬP LỚN MÔN MÃ NGUỒN MỞ Đề tài: Xây dựng trang web bán dày dép với mã nguồn mở wordpress Giảng viên hướng dẫn: Ths Lớp : ĐH KTPMCLC K9 SV thực : Nhóm 10 Nguyễn Văn Phượng Nguyễn Văn Phương Hà Nội,ngày 20 tháng 04 năm 2017 Khoa CNTT-ĐH HAUI Nhóm 10- clc k9 LỜI NÓI ĐẦU Ngày sống kỷ nguyên khoa học công nghệ, đặc biệt công nghệ thông tin Trong thời đại bùng nổ thông tin có nhiều phương thức truyền đạt thông tin phương thức truyền thông tin công nghệ số nhanh phổ biến nhất, nhiều người tiếp cận Công nghệ thông tin không dừng lại mục đích phục vụ cho khoa học kỹ thuật mà sâu vào đời sống, trị, kinh tế, xã hội, trở nên thân thiện, gần gũi, mang lại nhiều lợi ích cho người, đặc biệt lĩnh vực kinh tế, công nghệ thông tin thực có nhiều đóng góp quan trọng công việc quản lý, quảng cáo sản phẩm, hoàng hóa công ty, xí nghiệp, doanh nghiệp lớn nhỏ Những ứng dụng công nghệ thông tin mang lại nhiều lợi ích không nhỏ, đạt hiệu kinh tế cho công ty, xí nghiệp Muốn bán đưa sản phẩm cho người biết cách rộng rãi nhanh chóng cần phải quảng cáo Vì vậy, xây dựng website quảng cáo bán sản phẩm điều tối cần thiết công ty, doanh nghiệp để tồn phát triển kinh tế thị trường cạnh tranh khốc liệt ngày Thực tế website bán hàng trực tuyến xây dựng dựa mã nguồn xây dựng sẵn, có nhiều ưu điểm giúp cho doanh nghiệp đưa gian hàng lên thị trường Internet Chính vậy,em chọn đề tài “Thiết kế website bán hàng dày dép trực tuyến mã nguồn mở Wordpress” Với kiến thực hạn hẹp,thời gian nghiên cứu không dài, tài liệu tham khảo có chưa nhiều, đồ án không tránh khỏi sai sót Mong thầy bạn chia sẻ, góp ý để đồ án hoàn thiện Nhóm em xin chân thành cám ơn! Khoa CNTT-ĐH HAUI Nhóm 10- clc k9 MỤC LỤC Trang CHƯƠNG I Khoa CNTT-ĐH HAUI Nhóm 10- clc k9 GIỚI THIỆU VỀ WORDPRESS 1.1 Khái niệm Wordpress Wordpress mã nguồn web mở để quản trị nội dung (CMS - Content Managament System ) tảng Blog (Blog Platform) viết ngôn ngữ PHP sử dụng hệ quản trị sở liệu MYSQL phát hành vào ngày 27/5/2003 Matt Mullenweg Mike Little Thực Wordpress lúc đầu công bố không xem CMS sức mạnh có giới hạn nhiều nên lúc cộng đồng xem Wordpress mã nguồn lựa chọn để phát triển blog cá nhân bình thường với tính hỗ trợ tạo trang tĩnh, tạo viết có nhúng tính bình luận viết để thành viên tương tác Tuy vậy, so với công nghệ lúc Wordpress có bước tiến vượt bậc so với đối thủ khác mà quan trọng tính tương tác hoàn toàn đơn giản để gần gũi với người sử dụng không chuyên Vì lúc Wordpress bắt đầu trở thành mã nguồn mở nhiều người ý đến nhận đóng góp từ người sử dụng để phát triển tốt Theo số Webmaster có kinh nghiệm Wordpress hoạt động nhẹ nhàng,ít tốn tài nguyên Wordpress dễ sử dụng CMS, giúp bạn có Blog vài phút Hơn plugin wordpress có nhiều 99% miễn phí bạn cài đặt nâng cấp plugin phần quản lý Wordpress mà không cần phải download Wordpress thức phát hành vào năm 2003, thực tế tiền thân có mặt vào năm 2011 Lúc phát triển Internet Việt Nam chưa cao, số người sử dụng dịch vụ blog miễn phí lớn, chủ yếu dựa vào dịch vụ blog miễn phí Yahoo Đối với cộng đồng người dùng Wordpress thời điểm hạn chế phiên Wordpress chưa thật thu hút người dùng Và sau thời gian 10 năm hình thành phát triển, thời điểm Wordpress sử dụng hàng nghìn blog lớn nhỏ có tới 10 triệu lượt truuy cập vào trang chủ Wordpress ngày Wordpress mã nguồn mở, có lẽ điều mà tạo nên thành công Wordpress ngày hôm Điều có nghĩa Wordpress tạo cộng đồng phục vụ cho lợi ích cộng đồng ,nó phát triển hàng trăm tình nguyện viên giới rất nhiều lập trình viên khác đóng góp vào Và Khoa CNTT-ĐH HAUI Nhóm 10- clc k9 để sử dụng Wordpress bạn không cần phải trả chi phí cho mã nguồn 1.2 Lịch sử phát triển B2/cafelog thường biết đến với tên đơn giản B2 hay cafelog tiền thân wordpress B2/cafelog theo ước lượng sử dụng 2000 blog tháng năm 2003 Nó viết ngôn ngữ lập trình PHP sử dụng với MySQL Michel Valdrighi, người trở thành nhà phát triển Wordpress Mặc dù Wordpress hậu duệ thức dự án khác, b2evolution, song song phát triển Năm 2004, thời hạn cấp phép gói sản phẩm cạnh tranh Movable type bị thay đổi Six Apart, nhiều người dùng chuyển sang sử dụng Wordpress, tạo nên bước ngoặt lớn phất triển phổ biến Wordpress Năm 2007 Wordpress giành giải thưởng Packt Open Source CMS , năm 2009, Wordpress dẫn đầu mã nguồn mở CMS tốt Năm 2011, số người sử dụng Wordpress lên đến số 50 triệu site 1.3 Các đặc tính bật CMS Wordpress  Hệ thống Plugin phong phú cập nhật liên tục,bạn tự viết plugin cho  Hỗ trợ nhiều ngôn ngữ (bao gồm Tiếng Việt)  Được cập nhật, vá lỗi hỗ trợ liên tục  Có nhiều Themes miễn phí, chuyên nghiệp SEO tốt  Dễ dàng quản lý thao tác, việc quản lý blog, viết giống phần mềm thiết kế web chuyên nghiệp  Tích hợp sẵn Latex- công cụ soạn thảo công thức toán học, bạn viết công thức toán học viết  Upload quản lý hình ảnh cách dễ dàng, đặc biệt chức tạo thumbnail hay Khoa CNTT-ĐH HAUI Nhóm 10- clc k9  Có hệ thống Widget đa dạng ( ứng dụng tạo thêm ) Thống kê số người truy cập, Danh sách viết mới, viết bật, xem nhiều, comment nhiều, Liệt kê chuyên mục , Liệt kê trang, Bài viết theo ngày tháng, có đến 23 Widget để bạn lựa chọn  Thống kê số truy cập ngày viết blog Trên sở bạn định hướng viết  Hệ thống quản lý duyệt Comment hay, chặn spam theo IP  Hệ thống phân quyền với nhiều cấp độ khác : Administraor, Author, Edittor, Contributer, Subcriber Mỗi phân quyền có quyền hạn khác phép đăng viết, sửa viết, xóa viết, duyệt comment  Sao lưu liệu cách dễ dàng để backup chuyển nhà sang nơi khác  Hỗ trợ import đa từ blog khác Blogspot, Tumblr, Blogger, LiveJournal…  Wordpress hỗ trợ 3G để lưu hình ảnh văn  Hằng ngày Wordpress thống kê 100 viết blog Tiếng Việt nhiều người đọc Nhờ bạn biết thông tin quan trọng diễn  Và đặc biệt Wordpress hỗ trợ việc quản lý blog qua mobile thuận tiện dễ dàng CHƯƠNG II KHẢO SÁT, PHÂN TÍCH VÀ XÂY DỰNG WEBSITE BÁN HÀNG Khoa CNTT-ĐH HAUI Nhóm 10- clc k9 2.1 Mục tiêu yêu cầu xây dựng hệ thống 2.1.1 Mục tiêu  Trang web xây dựng nhằm trưng bày, giới thiệu sản phẩm giày dép tới khách hàng tham quan trang web  Xây dựng phân chia sản phẩm giày dép thành menu giúp khách hàng nhận biết sản phẩm danh mục  Luôn cập nhật sản phẩm cách nhanh chóng, giúp khách hàng nắm bắt thông tin nhanh rõ ràng  Cho phép tìm kiếm sản phẩm cách nhanh chóng 2.2.1 Yêu cầu hệ thống  Yêu cầu phần cứng phần mềm • Máy tính làm web server • Hệ điều hành Windown • Phầm mềm appsevr tích hợp PHP MySQL, Wordpress 3.8.2  Yêu cầu Website: Website chia làm hai phần: • Phần dành cho khách hàng • Phần dành cho nhà quản trị  Yêu cầu chức • Chức quản trị viên Để truy cập vào chức hệ thống, quản trị viên cần có tài khoản để đăng nhập, sau đăng nhập quản trị viên thực chức sau: - Đăng nhập: Quản trị viên đăng nhập vào hệ thống để quản lý toàn hệ thống - Quản lý danh mục sản phẩm: Bao gồm công việc thêm , sửa, xóa thông tin sản phẩm - Quản lý sản phẩm: Bao gồm công việc thêm sửa,xóa thông tin sản phẩm, cập nhật số lượng hay hết - Quản lý đơn hàng: Xử lý đơn hàng khách hàng, toán giao hàng tới khách hàng - Quản lý danh sách khách hàng ý kiến khách hàng Khoa CNTT-ĐH HAUI Nhóm 10- clc k9 - Thống kê danh sách doanh thu • Chức khách hàng: Trước tiên khách hàng phải đăng ký tài khoản ,sau đăng ký xong khách hàng đăng nhập vào hệ thống thực chức sau: - Khách hàng tìm kiếm sản phẩm mà cần dựa danh mục tên sản phẩm - Sau tìm kiếm khách hàng xem thông tin chi tiết sản phẩm - Khách hàng cho sản phẩm vào giỏ hàng cách đặt mua xem thông tin sản phẩm khác - Sau chọn giỏ hàng đặt mua thông qua website - Khách hàng quản lý đơn hàng mà mua - Ngoài khách hàng gửi ý kiến phản hồi - Yêu cầu giao diện Website cần trình bày dễ hiểu, giao diện gần gũi, khách hàng dễ nhìn thấy thông tin họ cần tìm, cung cấp cho khách hàng sản phẩm bán chạy, sản phẩm cập nhật 2.1 Khảo sát trạng trang web bán hàng online 2.2.1 Hiện trạng trang web bán hàng online Qua tìm hiểu nghiên cứu Website bán hàng online như: http://www.123mua.vn/ http://www.cungmua.com http://jerry.vn/ http://quanaoredep.com http://thoitrangdshop.vn/ Em rút số vấn đề sau: Các trang Web cung cấp sản phẩm đa dạng : quần áo, giày dép, phụ kiện Các thông tin sản phẩm cập nhật liên tục, mẫu mã đa dạng, phù hợp với lứa tuổi Khoa CNTT-ĐH HAUI Nhóm 10- clc k9 Cung cấp cho người dùng nhiều chức đơn giản đăng ký tài khoản trang web, tìm kiếm sản phẩm nhanh chóng, nhận thông tin từ web thông qua email Liên kết với trang mạng xã hội để người dùng dễ dàng nhận thông tin có cập nhật 2.2.2 Yêu cầu đặt để phát triển trang web Giao diện thân thiện, dễ nhìn, dễ sử dụng Nguồn thông tin sản phẩm đa dạng Thông tin sản phẩm cập nhật thường xuyên Các chức tìm kiếm, thêm vào giỏ hàng, cách thức liên hệ, liên kết với trang mạng xã hội Chức cập nhật, sửa, xóa Sơ đồ đường Đối với người dùng : Cho phép đăng ký thành viên Cho phép tìm kiếm, góp ý Đối với Admin: Quản lý người dùng: thêm, sửa, xóa người dùng Admin Cập nhật thường xuyên thông tin sản phẩm Hiển thị thông tin nhóm tin, danh mục 2.3 Phân tích hệ thống 2.3.1 Yêu cầu chi tiết Website Hiện thị danh mục sản phẩm Hiển thị chi tiết sản phẩm có danh mục Hiển thị kết việc tìm kiếm, đăng ký, đăng nhập hệ thống Hiển thị sản phẩm cập nhật 2.3.2 Đối với người truy cập người dùng Cho phép đăng ký thành viên Khoa CNTT-ĐH HAUI Nhóm 10- clc k9 Cho phép xem tin tức, thông tin sản phẩm Cho phép thêm vào giỏ hàng mua hàng trực tuyến 2.3.3 Đối với Admin Quản lý người dùng: thêm, sửa, xóa người dùng Cập nhật thông tin liên quan, sửa thông tin, xóa thông tin sản phẩm Kiểm tra thông tin sản phẩm trước đăn Hiện thông tin sản phẩm theo nhóm tin,danh mục 2.4 Các chức cụ thể 2.4.1 Mô tả chức Đầu vào : Quản lý thông tin Cập nhật thông tin ( sửa, xóa,thêm mới) Nhập thông tin quản lý thông tin sản phẩm theo khuôn có sẵn Đầu ra: Hiện thị thông tin sản phẩm Hiển thị thông tin sản phẩm theo danh mục Hiển thị thông tin tìm kiếm sản phẩm 2.4.2 Phân tích chức Khuôn thông tin sản phẩm: Mã sản phẩm: Là số ký tự, đảm bảo tính thông tin Tên sản phẩm: thể nội dung sản phẩm Thông tin sản phẩm: hiển thị thông tin chi tiết sản phẩm Hình ảnh: thể hình ảnh minh họa cho sản phẩm Nhập nội dung sản phẩm: Thiết kế nhập: mã thông tin sản phẩm phải nhập tay, đưa cảnh báo trùng thứ tự Nội dung sản phẩm: ghi rõ thông tin sản phẩm Hình ảnh sản phẩm: có thông báo ảnh 10 Khoa CNTT-ĐH HAUI Nhóm 10- clc k9 Ở giao diện trang chủ có tạo thêm slideshow gồm ảnh quảng cáo cho sản phẩm trang web Ta dùng plugin WP flash img show Đầu tiên ta phải cài đặt plugin này, sau vào cài đặt vào chọn mở plugin để bắt đầu tùy chỉnh đăng ảnh 23 Khoa CNTT-ĐH HAUI Nhóm 10- clc k9 Ở chọn ảnh cần tạo slide thêm vào dường dẫn Lưu ý ảnh kích thước Ở bảng tùy chọn, người dùng thiết lập lại giá trị theo ý muốn bao gồm màu sắc viền, kích thước ảnh slide… 24 Khoa CNTT-ĐH HAUI Nhóm 10- clc k9 Để đăng sản phẩm lên trang web dùng plugin WooCommerce WooCommerce phổ biến giải pháp tạo nên tính bán hàng đơn giản ( chuyên nghiệp ) Wordpress Theo đánh giá người dùng nước Woocommerce tiện ích thiết kế theo chuẩn thương mại điện tử quốc tế, điều nghĩa tính thích hợp dành cho cộng đồng người Việt theo thói quen kinh doanh Internet Việt Nam 25 Khoa CNTT-ĐH HAUI Nhóm 10- clc k9 WooCommerce không khó để tùy biến giản lược lại nhiều hàm có sẵn nó, kèm thêm chế overwrite template hay nên bạn có xíu kiến thức lập trình web xử lý Chúng ta cài plugin WooCommerce, kích hoạt xong công cụ xuất plugin Nhấp chuột vào plugin để bắt đầu cài đặt Plugin có nhiều tùy chọn để giúp người dùng dễ dàng sửa tùy chọn để phù hợp với mục đích sử dụng website Một tính tiện ích plugin tùy chọn loại đơn vị tiền tệ cho khu vực giới Sau hoàn tất trình cài đặt tùy chỉnh cho plugin WooCommerce bắt đầu đăng sản phẩm lên trang chủ Bạn vào Products -> Add Products để thêm sản phẩm thuộc tính cho sản phẩm 26 Khoa CNTT-ĐH HAUI Nhóm 10- clc k9 Sau thiết lập thuộc tính cho sản phẩm màu sắc, kích thước, mã sản phẩm… Vào góc phải cài đặt để chọn ảnh cho sản phẩm 27 Khoa CNTT-ĐH HAUI Nhóm 10- clc k9 Sau đăng sản phẩm lên trang chủ, bạn vào trang chủ thấy lên tất sản phẩm thuộc tính chúng 28 Khoa CNTT-ĐH HAUI Nhóm 10- clc k9 Để mua sản phẩm bạn nhấp chuột vào sản phẩm tất thông tin sản phẩm bao gồm màu sắc, kích thước, mô tả sản phẩm, sản phẩm liên quan… Sau chọn sản phẩm ưng ý bạn nhấp chuột vào ô Mua hàng, website đưa bạn quay trở trang chủ Ở bạn thấy cuối trang có giỏ hàng sản phẩm bạn đặt mua bao gồm thông tin sản phẩm mã sản phẩm, số lượng, kích thước, giá tiền sản phẩm tổng tiền 29 Khoa CNTT-ĐH HAUI Nhóm 10- clc k9 Bạn nhấp vào ô Thanh toán, website đưa bạn tới trang toán Bạn phải điền đầy đủ thông tin cá nhân để cửa hàng xác nhận liên lạc để giao hàng 3.2 Giao diện trang giới thiệu Đây trang nhằm quảng bá giới thiệu cửa hàng giày dép QueenShop giúp khách hàng hiểu rõ cửa hàng, tin tưởng cửa hàng Để tạo trang giới thiệu vào Pages -> Add new Pages 30 Khoa CNTT-ĐH HAUI Nhóm 10- clc k9 Trên menu trang chủ xuất page Giới thiệu 3.3 Giao diện trang Sản phẩm Tạo trang sản phẩm tương tự tạo trang Giới thiệu 31 Khoa CNTT-ĐH HAUI Nhóm 10- clc k9 Tại trang Sản phẩm có chức tùy chọn loại sản phẩm Khách hàng chọn loại sản phẩm muốn xem Nhấp chuột vào tất sản phẩm liên quan cửa hàng Khi click chuột vào loại sản phẩm, website tất sản phẩm loại Khi chọn sản phẩm muốn xem giày búp bê : 32 Khoa CNTT-ĐH HAUI Nhóm 10- clc k9 Khi chọn sản phẩm muốn xem giày cao gót : 3.4 Giao diện trang Liên hệ Đây trang kết nối admin với người dùng chủ cửa hàng với khách hàng Khách hàng góp ý hay phản ánh với cửa hàng cách gửi ý kiến cho shop thông qua trang liên hệ Admin nhận viết thông qua email Để tạo trang Liên hệ dùng plugin Contact Form Bạn tải cài plugin bình thường Đúp chuột vào Contact công cụ để tạo form cho trang Liên hệ Và kết có trang Liên hệ 33 Khoa CNTT-ĐH HAUI Nhóm 10- clc k9 3.5 Giao diện trang đăng ký Để thành viên thức cửa hàng khách hàng vào trang Đăng ký điền đầy đủ thông tin vào trường Admin nhận yêu cầu đăng ký thành viên shop thông qua email Ta tạo trang Đăng ký tương tự trang Liên hệ 34 Khoa CNTT-ĐH HAUI Nhóm 10- clc k9 35 Khoa CNTT-ĐH HAUI Nhóm 10- clc k9 KẾT LUẬN i Kết đạt đề tài - Hoạt động đơn giản, dễ cài đặt, dễ sử dụng - Khách hàng xem tìm kiếm sản phẩm cách nhanh chóng tiện lợi - Trang web thân thiện, hài hòa - Nội dung dễ hiểu, tương tác dễ hiểu ii Hạn chế đề tài Vì trang web cài đặt localhost nên nhiều chức bị hạn chế: không hỗ trợ gửi Email đăng ký thành viên,…vì trình kiểm thử gặp khó khăn iii Hướng khắc phục phát triển đề tài Hoàn chỉnh lại nhược điểm tồn tại, áp dụng cho doanh nghiệp 36 Khoa CNTT-ĐH HAUI Nhóm 10- clc k9 TÀI LIỆU THAM KHẢO [1] http://www.w3schools.com/ [2] http://wordpress.net.vn/forum.php [3] http://thachpham.com/ [4] http://wordpress.org/download/ [5] http://thoitrangdshop.vn/ … 37 Khoa CNTT-ĐH HAUI