BÁO CÁO TỐT NGHIỆP THIẾT KẾ WEBSITE BÁN ĐỒNG HỒ BẰNG WORDPRESS

Việc thiết kế và quản lý một website không phải là một vấn đề đơn giản. Đối với những cửa hàng nhỏ hay những người có đam mê kinh doanh không thể bỏ ra quá nhiều chi phí để thuê một doanh nghiệp khác là website cho mình. Thì WORDPRESS là con đường đơn giản nhất để giúp bạn tạo được một Website thành công.

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC KINH TẾ KHOA THỐNG KÊ - TIN HỌC  BÁO CÁO THỰC TẬP TỐT NGHIỆP ĐỀ TÀI THIẾT KẾ WEBSITE BÁN ĐỒNG HỒ BẰNG WORDPRESS SVTH : Nguyễn Thị Hoàng Dung Lớp : 40K22 GVHD : ThS Lê Dân Đà Nẵng, tháng năm 2018 ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC KINH TẾ KHOA THỐNG KÊ - TIN HỌC  BÁO CÁO THỰC TẬP TỐT NGHIỆP ĐỀ TÀI THIẾT KẾ WEBSITE BÁN ĐỒNG HỒ BẰNG WORDPRESS Giáo viên hướng dẫn Sinh viên thực (Ký, ghi rõ họ tên) (Ký, ghi rõ họ tên) ThS Lê Dân Nguyễn Thị Hoàng Dung LỜI CAM ĐOAN Em xin cam đoan công trình nghiên cứu thân hướng dẫn Th.S Lê Dân Các kết báo cáo nêu chuyên đề thực tập tốt nghiệp trung thực chưa công bố cơng trình khác Những tài liệu chun đề phục vụ cho phân tích nhận xét thu thập từ nguồn khác có ghi rõ phần tài liệu tham khảo Bên cạnh đó, chuyên đề sử dụng nhận xét, đánh giá số liệu từ nghiên cứu tác giả, quan nghiên cứu khác nêu rõ phần tài liệu tham khảo ghi rõ nguồn gốc Nếu phát có gian lận em xin chịu trách nhiệm nội dung báo cáo Đà Nẵng, ngày 10 tháng năm 2018 NGƯỜI VIẾT BÁO CÁO Nguyễn Thị Hoàng Dung LỜI CẢM ƠN Lời đầu tiên, em xin gởi đến toàn thể giảng viên trường Đại học Kinh Tế - Đại học Đà Nẵng lời cảm ơn chân thành nhất! Nhờ kiến thức em truyền dạy suốt chương trình học, em có hành trang tốt trình thực tập Thời gian thực tập khơng q dài mang lại cho thân em kinh nghiệm quý giá va chạm thực tế hữu ích Em khơng học thêm nhiều kiến thức mà cịn ứng dụng học vào thực nghiệm Để có kết em xin gởi lời cảm ơn sâu sắc đến Ths Lê Dân Thầy có gợi ý ttrong q trình định hướng rõ ràng cho chuyên đề thực tập em Với hướng dẫn nhiệt tình thầy giúp em giải khó khăn mắc phải suốt thời gian thực tập Bên cạnh đó, em xin gởi lời cảm ơn chân thành đến anh Đoàn Thanh – Giám đốc cơng ty Conando Nhờ có hướng dẫn công việc tạo điều kiện thuận lợi từ anh mà em hồn thành tốt báo cáo thực tập Đồng thời, em gởi lời cảm ơn đến anh, chị nhân viên phòng ban giúp đỡ giải đáp thắc mắc trình em làm việc Một lần nữa, em xin gởi lời cảm ơn chân thành đến tất người! MỤC LỤC LỜI CAM ĐOAN ii LỜI CẢM ƠN iii MỤC LỤC iv DANH MỤC HÌNH ẢNH vi LỜI MỞ ĐẦU 1 Tính cấp thiết đề tài 2 Mục tiêu đề tài .2 Phạm vi nghiên cứu .3 Đối tượng nghiên cứu Phương pháp nghiên cứu .3 Ý nghĩa thực tiễn đề tài Kết cấu đề tài CHƯƠNG CƠ SỞ LÝ THUYẾT .5 1.1 Cơ sở lý thuyết thiết kế Website 1.1.1 Khái niệm website .5 1.1.2 Thiết kế website tĩnh 1.1.3 Thiết kế website động 1.2 Cấu trúc trang website 1.2.1 Giới thiệu thành phần, cấu trúc trang web .8 1.2.2 Các trang trang web 1.2.3 Các yếu tố cần xác định tạo website .9 1.3 Cơ sở liệu 1.4 Những yếu tố tạo nên thành công trang web .10 1.4.1 Chất lượng hệ thống 10 1.4.2 Chất lượng thông tin 11 1.4.3 Khả sử dụng 11 1.4.4 Sự hài lòng người sử dụng 12 1.4.5 Tác động cá nhân .12 1.4.6 Tác động tổ chức .12 1.4.7 Mối quan hệ yếu tố tạo nên thành công trang web 12 1.5 Tổng hợp nghiên cứu thực nghiệm 13 CHƯƠNG NGHIÊN CỨU WORDPRESS 16 2.1 Wordpress gì? .16 2.2 Thành tựu wordpress 17 2.3 Phân loại Wordpress 19 2.3.1 WordPress.Com 19 2.3.2 Wordpress.Org 19 2.4 Lý lựa chọn wordpress 20 2.4.1 Dễ sử dụng 20 2.4.2 Cộng đồng hỗ trợ đông đảo .20 2.4.3 Nhiều gói giao diện có sẵn 21 2.4.4 Nhiều plugin hỗ trợ 21 2.4.5 Dễ phát triển cho lập trình viên 21 2.4.6 Hỗ trợ nhiều ngôn ngữ .22 2.4.7 Có thể làm nhiều loại website 22 2.5 Các tính Wordpress 22 2.6 Những hiểu lầm wordpress 24 2.6.1 Wordpress phần mềm 24 2.6.2 Wordpress dành cho người code 24 CHƯƠNG THIẾT KẾ WEBSITE BÁN ĐỒNG HỒ .25 3.1 Phân tích hệ thống website .25 3.1.1 Khảo sát trạng website bán đồng hồ 25 3.1.2 Các sơ đồ luồng liệu .28 3.1.3 Cơ sở liệu .34 3.2 Thiết kế giao diện .36 3.2.1 Chức thường gặp website mục đích sử dụng 36 3.2.2 Giao diện website bán đồng hồ 38 3.2.3 Thiết kế trang website 49 3.2.4 Những phần mềm plugin sử dụng thiết kế website 55 KẾT LUẬN 67 TÀI LIỆU THAM KHẢO .69 DANH MỤC HÌNH ẢN Hình - Thống kê số post đăng giây wordpress 17 Hình 2 - Bảng thống kê số website sử dụng CMS .18 Hình - Sơ đồ phân cấp chức 28 Hình - Sơ đồ ngữ cảnh 28 Hình 3 - Sơ đồ mức 29 Hình - Sơ đồ mức - Duyệt đơn hàng 30 Hình - Sơ đồ mức - Thanh toán 31 Hình - Sơ đồ mức - Xử lý giao dịch kho 32 Hình - Sơ đồ mức - Duyệt đơn hàng 33 Hình - Bảng sở liệu wp_post 34 Hình - Bảng sở liệu wp_user 34 Hình 10 - Bảng sở liệu wp_comment .35 Hình 11 - Bảng sở liệu wp_product 35 Hình 12 - Bảng sở liệu wp_categories .35 Hình 13 - Sơ đồ relationship 36 Hình 14 - Giao diện trang chủ 38 Hình 15 - Thanh menu website đồng hồ 39 Hình 16 - Menu mục đồng hồ nam 39 Hình 17 - Menu mục đồng hồ nữ 40 Hình 18 - Mục search 40 Hình 19 - Sidebar trang chủ .41 Hình 20 - Home article title trang chủ .42 Hình 21 - footer website đồng hồ 42 Hình 22 - Giao diện admin 43 Hình 23 - Giao diện đồng hồ nam 44 Hình 24 - Giao diện đồng hồ nữ 45 Hình 25 - Giao diện trang phụ kiện 46 Hình 26 - Giao diện trang shop 47 Hình 27 - Giao diện trang giỏ hàng chưa có sản phẩm 48 Hình 28 - Giao diện trang giỏ hàng có sản phẩm 48 Hình 29 - Giao diện trang đăng ký, đăng nhập 49 Hình 30 - Giao diện lựa chọn Edit with UX Builder 50 Hình 31 - Giao diện chỉnh sửa thêm UX Builder 51 Hình 32 - Lựa chọn mục slide 51 Hình 33 - Mục tùy chọn slide 52 Hình 34 - Tạo slide banner 52 Hình 35 - Thiết kế phần content website 53 Hình 36 - Thiết kế sidebar 53 Hình 37 - Thiết kế home article title 54 Hình 38 - Lựa chọn hiển thị product giao diện web 54 Hình 39 - Hiển thị trình lựa chọn product 55 Hình 40 - Phần mềm XamPP .55 Hình 41 - Phần mềm Subline text 56 Hình 42 - Plugin Woocommerce 58 Hình 43 - List danh sách sản phẩm website 59 Hình 44 - Plugin Facebook Comments by Vivacity 60 Hình 45 - Hiển thị phần comment web sử dụng Plugin Facebook Comments by Vivacity 60 Hình 46 - Plugin WooCommerce Product Categories widget 61 Hình 47 - Hiển thị Plugin WooCommerce Product Categories widget sidebar 61 Hình 48 - Product Categories Widget 62 Hình 49 - Sử dụng Product Categories Widget 62 Hình 50 - Plugin YITH WooCommerce Color and Label Variations 63 Hình 51 - Hiển thị thuộc tính sản phẩm .64 Hình 52 - Hiển thị thuộc tính màu sắc sản phẩm .64 Hình 53 - Hiển thị thuộc tính size sản phẩm 65 Hình 54 - Plugin YITH WooCommerce Zoom Magnifier 65 Hình 55 - Hình ảnh zoom sản phẩm website 66 LỜI MỞ ĐẦU Ngày nay, cơng nghệ thơng tin có bước phát triển mạnh mẽ Máy tính điện tử khơng cịn thứ phương tiện quý mà ngày trở thành cơng cụ làm việc giải trí thơng dụng người Không nơi làm việc mà cịn gia đình Đặc biệt, công nghệ thông tin áp dụng lĩnh vực kinh tế, trị, xã hội… Ứng dụng cơng nghệ thơng tin tin học hóa xem yếu tố mang tính định hoạt động quốc gia, tổ chức cửa hàng Nó đóng vai trị quan trọng tạo nên bước đột phá mạnh mẽ Mạng INTERNET sản phẩm có giá trị lớn lao ngày trở nên công cụ thiếu, tảng để truyền tải, trao đổi thơng tin tồn cầu Bằng INTERNET, thực cơng việc với tốc độ nhanh hơn, chi phí thấp nhiều so với cách thức truyền thống Chính điều này, thúc đẩy phát triển thương mại điện tử khắp giới, làm biến đổi đáng kể mặt văn hóa, nâng cao đời sống người Trong hoạt động sản xuất, kinh doanh, thương mại điện tử khẳng định tầm quan trọng phát triển doanh nghiệp Đối với cửa hàng, việc quảng bá giới thiệu sản phẩm đến khách hàng đáp ứng nhu cầu khoảng cách địa lý khơng cịn vấn đề quan trọng Các doanh nghiệp đưa sản phẩm lên Website quản lý Website đó, khách hàng đặt mua, mua hàng cửa hàng mà không cần đến cửa hàng, cửa hàng gửi sản phẩm đến tân tay khách hàng Website nơi cửa hàng quảng bá tốt tất sản phẩm bán Tuy nhiên, việc thiết kế quản lý website vấn đề đơn giản Đối với cửa hàng nhỏ hay người có đam mê kinh doanh khơng thể bỏ q nhiều chi phí để thuê doanh nghiệp khác website cho Thì WORDPRESS đường đơn giản để giúp bạn tạo Website thành công Tính cấp thiết đề tài Chúng ta nói kỷ 21 chứng kiến phát triển mạnh mẽ ngành Công nghệ thông tin Công nghệ thông tin (CNTT) thay đổi giới cách nhanh chóng bước kéo tri thức Như với tính kể trên, Woocommerce lựa chọn cho cần làm trang shop đơn giản website WordPress để giới thiệu sản phẩm cho phép khách đặt hàng trực tuyến để bán hàng tiện lợi Sau bạn cài đặt plugin thấy có trình quản trị Dashboard admin mục Sản phẩm Woocommerce Ở mục Woocommerce thiết lập quản lý quản lý đơn hàng đặt website, tạo phiếu ưu đãi giảm giá, báo cáo hoạt động kinh doanh website theo giai đoạn, thiết lập sản phẩm, danh mục sản phẩm, vận chuyển giao hàng phương thức toán - Woocommerce: Hình 42 - Plugin Woocommerce Ở cài đặt Woocommerce cịn thơng tin email, tài khoản nhận đơn hàng qua email, loại tiền tệ, quốc gia kinh doanh, địa kinh doanh Bạn vào để thiết lập thơng tin bạn Ở tab tình trạng (status) woocommerce bạn xem cấu hình máy chủ có phù hợp khơng, phiên chưa - Sản phẩm: 73 Hình 43 - List danh sách sản phẩm website Sản phẩm thông tin sản phẩm bạn, tạo sản phẩm nhất, danh mục sản phẩm, từ khóa sản phẩm hay thuộc tính, tiện ích sản phẩm màu sắc, size, giá bán Trong sản phẩm có tính như: - Tất sản phẩm: Cho phép bạn xem tất sản phẩm có website: Những sản phẩm đăng, sản phẩm bỏ vào thùng rác - Thêm mới: Cho phép bạn thêm sản phẩm vào website - Danh mục: Cho phép bạn tạo danh mục cho sản phẩm - Từ khóa: Đây phần cho phép bạn tạo tag cho sản phẩm - Các thuộc tính: Thuộc tính giúp bạn xác định thơng tin sản phẩm bổ sung, kích thước hay màu sắc b.2 Plugin Facebook Comments by Vivacity Facebook trở thành công cụ thiếu việc truyền thông thương hiệu, mang sản phẩm, dịch vụ bạn tiếp cận tới nhiều khách hàng Sẽ thật thiếu sót website bạn khơng có phần bình luận Facebook để tăng tính tương tác với khách hàng 74 Vì vậy, Plugin Facebook Comments by Vivacity giúp tích hợp tính bình luận facebook vào website bạn Khi tích hợp xong Comments by Vivacity HìnhPlugin 44 -Facebook Plugin Facebook Comments by Vivacity Hình 45 - Hiển thị phần comment web sử dụng Plugin Facebook Comments by Vivacity b.3 Plugin WooCommerce Product Categories Selection Trong WooCommerce không cho phép hiển thị nhiều danh mục sản phẩm, tất có danh mục hiển thị Do plugin giải vấn đề Plugin WooCommerce Product Categories widget cho phép chọn danh mục sản phẩm bạn muốn hiển thị cho phép nhiều cài đặt vào Sidebar nơi mà bạn sử dụng tiện ích hiển thị danh mục khác Điều đặc biệt hữu ích bạn có nhiều danh mục cần chia nhỏ chúng 75 Hình 46 - Plugin WooCommerce Product Categories widget Hiển thị sidebar khác nhau: Hình 47 - Hiển thị Plugin WooCommerce Product Categories widget sidebar Tuy nhiên, muốn sử dụng Plugin bạn cần phải ý kích hoạt Dashboard có thêm Product Categories Widget Product Categories Widget giúp bạn lựa chọn danh mục sản phẩm vào Product Categories Selection hiển thị chúng sidebar mà bạn lựa chọn - Product Categories Widget hiển thị dashboard: 76 Hình 48 - Product Categories Widget - Sử dụng Product Categories Widget: Hình 49 - Sử dụng Product Categories Widget b.4 Plugin YITH WooCommerce Color and Label Variations YITH WooCommerce Color and Label Variations cho phép bạn thay tiêu chuẩn WooCommerce chọn với biểu tượng, hình ảnh tùy chỉnh nhãn động Đây Plugin linh hoạt thích hợp với loại sản phẩm nào: từ quần áo (cho mục bạn chắn cần hiển thị kích cỡ màu sắc) cho đồ trang sức (có thể bạn muốn hiển thị tùy chọn nâng cao) 77 Trong website bán đồng hồ Skullnrose plugin sử dụng cho mục màu sắc size Khi cài đặt kích hoạt plugin xong vào Sản phẩm  Các thuộc tính Tại bạn sử dụng tính YITH WooCommerce Color and Label Variations Hình 50 - Plugin YITH WooCommerce Color and Label Variations Tuy nhiên, để lựa chọn cần phải ý điểm quan trọng, bạn phải lựa chọn mục loại thêm thuộc tính Hình 51 - Hiển thị thuộc tính sản phẩm 78 - Thuộc tính màu sắc Để lựa chọn thuộc tính màu sắc phần chọn Loại bạn lựa chọn phần Colorpicker Hình 52 - Hiển thị thuộc tính màu sắc sản phẩm - Thuộc tính size Để lựa chọn thuộc tính màu sắc phần chọn Loại bạn lựa chọn phần label Trong website bán đồng hồ Skullnrose đồng hồ có size như: L, M, S 79 Hình 53 - Hiển thị thuộc tính size sản phẩm b.5 Plugin YITH WooCommerce Zoom Magnifier YITH Woocommerce Zoom Magnifier tính phù hợp với gian hàng điện tử nào, giúp khách xem ảnh sản phẩm rõ hơn, chi tiết nhờ vào tính tự phóng to ảnh rê chuột vào ảnh đại diện trang sản phẩm Sau cài xong, sản phẩm bạn tự động có hiệu ứng sẵn, cịn cung cấp phần gọi khu vực tùy chỉnh plugin để bạn thiết lập lại tùy chọn YITH Zoom magnifier Hình 54 - Plugin YITH WooCommerce Zoom Magnifier Hình ảnh sản phẩm sau cài đặt xong 80 Hình 55 - Hình ảnh zoom sản phẩm website 81 KẾT LUẬN Những kết đạt Khoảng thời gian thực tập công ty Conando với hướng dẫn nhiệt tình em tự thiết kế hồn thiện website bán hàng Với kết đạt sau: - Về cơng nghệ:  Tìm hiểu nắm bắt công cụ thiết kế Website;  Hiểu quy trình hoạt động trang web bán hàng cách tổ chức sở liệu;  Hoàn thiện website bán hàng - Về cài đặt chương trình:  Giao diện thân thiện với người dùng;  Giới thiệu mặt hàng kinh doanh công ty đến với khách hàng;  Cho phép tra cứu mặt hàng khách hàng có nhu cầu tìm hàng;  Cho phép khách hàng thực việc đặt hàng qua mạng;  Cho phép khách hàng chuyển khoản;  Tiếp nhận đơn đặt hàng khách hàng;  Cập nhật: Mặt hàng, khách hàng, nhà cung cấp, đơn đặt hàng;  Thống kê mặt hàng theo nhiều tiêu chí Những hạn chế Việc thiết kế website bán hàng WordPress thích hợp với người kinh doanh nhỏ với sản phẩm số lượng không nhiều nên quản lý đơn hàng dễ dàng Tuy nhiên với website bán hàng lớn ta bị hạn chế với website có dung lượng lớn data 82 Việc cài đặt Theme Plugin lúc dễ dàng cài không phù hợp phiên Bạn thường xuyên phải nâng cấp Theme Plugin cho WordPress Khi nâng cấp liệu cũ bị xóa bạn phải làm lại Ngồi ra, nhiều plugin cần thiết với trang bán hàng thường khơng miễn phí Một vấn đề quan trọng WordPress cách dùng nhớ Các trang web xây dựng với WordPress thường lớn tiêu thụ nhiều tài nguyên máy chủ tốn chi phí Hướng phát triển đề tài Với nỗ lực thân em cố gắng hoàn thành yêu cầu đề tài Do thời gian lực có hạn nên website chưa sâu vào chức bán sản phẩm Đề tài hướng phát triển website trở thành website bán hàng chun nghiệp có nhiều hướng phát triển sau: - Đưa chức so sánh giá chất lượng sản phẩm nhiều thương hiệu khác nhau, giúp cho khách hàng dễ dàng chọn lựa đưa định tốt - Hoàn thiện chức toán, bảo mật cho website - Đã có website sử dụng thực tế ảo trực tuyến vài năm Nhiều công ty tận dụng lợi công nghệ thực tế ảo để mang lại cho khách truy cập trải nghiệm “thực hành” họ tương tác với sản phẩm Nên tương lai, website bán đồng hồ sử dụng thực tế ảo 83 TÀI LIỆU THAM KHẢO [1] https://viblo.asia/ [2] https://vi.wikipedia.org/wiki/WordPress [3] The Initial Stages of Consumer Trust Building in E-commerce [4] https://vi.wikipedia.org/wiki/Cơ sở liệu [5] https://www.academia.edu/22317185/Bao_cao_IS_thanh_cong_Nhom_3 [6] Kinh nghiệm quản lý website thương mại điện tử số doanh nghiệp giới học kinh nghiệm cho doanh nghiệp Việt Nam [7] Đánh giá website thư viện triết lý lấy bạn đọc làm trung tâm [8] Nghiên cứu hiểu biết người tiêu dùng Đà Nẵng hành vi mua hàng qua mạng [9] Giáo trình thương mại điện tử (E-retailing) [10] https://thachpham.com/ [11] Giáo trình phân tích thiết kế, xây dựng quản lý hệ thống thông tin NXB Tư pháp Hà Nội 2005 [12] http://www.appservnetwork.com/ 84 NHẬN XÉT CỦA ĐƠN VỊ THỰC TẬP …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… 85 NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… 86 NHẬN XÉT CỦA GIẢNG VIÊN PHẢN BIỆN …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… 87