BỘ GIÁO DỤC VÀ ĐÀO TẠO

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT HƯNG YÊN KHOA CÔNG NGHỆ THÔNG TIN  BÁO CÁO ĐỒ ÁN MÔN HỌC TÊN ĐỀ TÀI : XÂY DỰNG WEBSITE CỬA HÀNG THỜI TRANG HÀN QUỐC BẰNG WORDPRESS GVHD : SVTH : Lớp : MSSV : NGUYỄN THỊ VÂN ANH HỒ THANH THẾ N01151 N0115007 Hiện giới thương mại điện tử phát triển mạnh mẽ Kỹ thuật số giúp tiết kiệm đáng kể chi phí nhờ chi phí vận chuyển trung gian, chi phí giao dịch đặc biệt giúp tiết kiệm thời gian để người đầu tư vào hoạt động khác Hơn thương mại điện tử cịn giúp người tìm kiếm tự động theo nhiều mục đích khác nhau, tự động cung cấp thông tin theo nhu cầu sở thích người Giờ đây, người ngồi nhà để mua sắm thứ theo ý muốn website bán hàng mạng giúp ta làm điều Chính cơng nghệ mã nguồn mở trở lên ý tính Giá thành rẻ hỗ trợ nhiều mạng giúp ta nhanh chóng xây dựng website bán hàng thân thiện dễ sử dụng với người dùng Chính đồ án em chọn đề tài về: “Xây dựng Website cửa hàng thời trang hàn quốc” Đây hệ thống đơn giản đủ mạnh phép nhanh chóng xây dựng ứng MỤC LỤC CHƯƠNG 1: GIỚI THIỆU VỀ WORDPRESS VÀ WEBSITE CHƯƠNG : TỔNG QUAN VỀ GIAO DIỆN VÀ CÁC PLUGIN CHƯƠNG : CÀI ĐẶT VÀ SỬ DỤNG WEBSITE …………………… CHƯƠNG : LỜI CẢM ƠN ……………………………………………………………… Xây dựng website cửa hàng thời trang hàn quốc GVHD: Nguyễn Thị Vân Anh CHƯƠNG : GIỚI THIỆU VỀ WORDPRESS VÀ WEBSITE I WordPress ? Tại nên dùng WordPress 1.1 WordPress ? WordPress phần mềm nguồn mở (Open Source Software) viết ngôn ngữ lập trình website PHP (Hypertext Preprocessor) sử dụng hệ quản trị sở liệu MySQL WordPress mắt lần vào ngày 27/5/2003 tác giả Matt Mullenweg Mike Little Hiện WordPress sở hữu phát triển cơng ty Automattic có trụ sở San Francisco, California thuộc hợp chủng quốc Hoa Kỳ WordPress mã nguồn mở ngôn ngữ PHP để hỗ trợ tạo blog cá nhân, nhiều người sử dụng ủng hộ tính dễ sử dụng, nhiều tính hữu ích Qua thời gian, số lượng người sử dụng tăng lên, cộng tác viên lập trình viên tham gia đơng đảo để phát triển mã nguồn WordPress có thêm tính tuyệt vời Và thời điểm viết 2015, WordPress xem hệ quản trị nội dung (CMS – Content Management System) vượt trội để hỗ trợ người dùng tạo nhiều thể loại website khác blog, website tin tức/tạp chí, giới thiệu doanh nghiệp, bán hàng – thương mại điện tử, chí với loại website có độ phức tạp cao đặt phịng khách sạn, thuê xe, đăng dự án bất động sản, …vâng…vâng…Hầu hình thức website với quy mơ nhỏ vừa triển khai tảng WordPress Nhưng khơng có nghĩa WordPress thích hợp với dự án nhỏ, mà có tới khoảng 25% website danh sách 100 website lớn giới sử dụng mã nguồn WordPress Ví dụ trang tạp chí TechCrunch, Mashable, CNN, BBC America, Variety, Sony Music, MTV News, Bata, Quartz,…rất nhiều kể hết 1.2 ) Những thành tựu WordPress Khi tìm hiểu WordPress, bạn thật tự hào biết mã nguồn mà bạn tìm hiểu sau có thành tựu vượt bậc mã nguồn CMS mở phổ biến hành tinh Để kiểm chứng điều đó, bạn cần biết là: o Trên giới, có khoảng 25 viết đăng lên website sử dụng WordPress giây o o Số lượng website làm WordPress chiếm 23% tổng số lượng website giới Trong số 100% website sử dụng mã nguồn CMS, WordPress chiếm 60% o o Phiên WordPress 4.0 đạt 16 triệu lượt tải sau khoảng hai tháng WordPress dịch sang 52 ngôn ngữ khác Tuy nhiên lại chưa có phiên tiếng Việt thức, bạn Việt hóa dễ dàng cách tìm blog với từ khóa “Việt hóa WordPress“ SVTH: : Hồ Thanh Thế Trang Xây dựng website cửa hàng thời trang hàn quốc GVHD: Nguyễn Thị Vân Anh o o Có 80 chương trình họp mặt WordPress tổ chức vào năm 2014 Mã nguồn WordPress có khoảng 785 lập trình viên hợp tác phát triển o Chỉ tính giao diện (hay cịn gọi theme) miễn phí thư viện WordPress.org có 2.700 themes khác 1.3 ) Tại nên dùng WordPress Nếu bạn cịn băn khoăn WordPress, xin cho bạn số lý tuyệt vời để bạn chọn WordPress làm tảng xây dựng website cho riêng bạn Dễ sử dụng WordPress phát triển nhằm phục vụ đối tượng người dùng phổ thơng, khơng có nhiều kiến thức lập trình website nâng cao Các thao tác WordPress đơn giản, giao diện quản trị trực quan giúp bạn nắm rõ cấu quản lý website WordPress thời gian ngắn Về cách cài đặt lại dễ hơn, bạn tự cài đặt website WordPress host (máy chủ) riêng tự vận hành sau vài cú click Cộng đồng hỗ trợ đông đảo Là mã nguồn CMS mở phổ biến giới, điều có nghĩa bạn cộng đồng người sử dụng WordPress hỗ trợ bạn khó khăn gặp phải q trình sử dụng Nếu bạn có khả tiếng Anh tốt, bạn dễ dàng tìm câu trả lời cho vấn đề bạn gặp phải Google với vài từ khóa tìm kiếm Nhiều gói giao diện có sẵn Trong sử dụng WordPress, khái niệm giao diện cho website WordPress thường gọi theme nên kể từ phần này, gọi theme Hiện WordPress có nhiều theme miễn phí khác để bạn dễ dàng thay đổi “da thịt” website với vài cú click mà không cần bận tâm việc để thiết kế theme cho riêng Cịn bạn muốn website đẹp chuyên nghiệp hơn, bạn mua theme trả phí với giá bán dao động từ $30 đến $65 Nhưng bạn người tập làm quen với WordPress, tạm quên việc dùng theme trả phí cách cài đặt khơng dễ dàng cho người bắt đầu, có hướng dẫn phần cuối học Nhiều plugin hỗ trợ Plugin nghĩa trình cắm thêm vào website để bổ sung chức mà bạn cần Ví dụ mặc định sau cài website WordPress, bạn khơng có chức hiển thị viết liên quan viết, với nhiều plugin miễn phí hỗ trợ bạn dễ dàng cài thêm plugin miễn phí để website có chức SVTH: : Hồ Thanh Thế Trang Xây dựng website cửa hàng thời trang hàn quốc GVHD: Nguyễn Thị Vân Anh Tương tự với theme, có nhiều plugin trả phí mang tính độc đáo có ích vào website có giá khoảng từ $10 đến $80 tùy theo độ phức tạp Dễ phát triển cho lập trình viên Nếu bạn người có am hiểu việc làm website thành thạo HTML, CSS, PHP dễ dàng mở rộng website WordPress bạn với nhiều tính vơ có ích Cách phát triển đơn giản WordPress mã nguồn mở nên bạn dễ dàng hiểu cách hoạt động phát triển thêm tính Với hàng nghìn hàm (function) có sẵn nó, bạn thoải mái sử dụng, bạn thay đổi cấu trúc hàm với filter hook quy trình làm việc lập trình viên chuyên nghiệp ứng dụng dễ dàng vào WordPress Hỗ trợ nhiều ngôn ngữ Mã nguồn WordPress có nhiều gói ngơn ngữ kèm, bao gồm tiếng Việt Mặc dù giao diện hay plugin có ngơn ngữ riêng bạn dễ dàng tự dịch lại với phần mềm hỗ trợ Có thể làm nhiều loại website Dùng WordPress khơng có nghĩa bạn làm blog cá nhân, mà bạn biến website thành trang bán hàng, website giới thiệu công ty, tờ tạp chí online việc sử dụng kết hợp theme plugin với Tuy nhiên để làm được, bạn nên chắn hiểu WordPress đừng vội bước lên mây để nhận cảm giác thất vọng độ phức tạp SVTH: : Hồ Thanh Thế Trang Xây dựng website cửa hàng thời trang hàn quốc GVHD: Nguyễn Thị Vân Anh II GIỚI THIỆU VỀ WEBSITE CỬA HÀNG THỜI TRANG HÀN QUỐC Một điều dễ hiểu kinh doanh online nên có website bán hàng riêng Bán hàng online đơn giản tồn nhiều vấn đề cần giải quyết, quản lý đơn hàng, tìm kiếm khách hàng, v.v Những vấn đề địi hỏi bạn phải có trang bán hàng để dễ dàng quản lý Thay phải mở cửa hàng tốn nhiều chi phí website bán hàng thời trang nơi bày bán sản phẩm bạn tiện lợi nhất, tốn dễ tiếp cận khách hàng Sự lạ, riêng biệt thu hút ý nhiều người thời trang hàn quốc hướng đến thiết kế website chuyên nghiệp chuẩn SEO mang phong cách độc lạ Với ý tưởng mẻ, độc đáo, website trông thật thu hút mắt nhiều người dùng Với ưu điểm sau : – Thiết kế giao diện website bắt mắt, phù hợp với sản phẩm, thân thiện với người dùng, dễ sử dụng dễ quản lý – Hỗ trợ bảo mật nhiều lớp cho website bạn tránh bị hacker quấy phá – Tốc độ load nhanh – Thiết kế tối ưu hóa website , thân thiện với trang tìm kiếm Google, Bing, v.v giúp tiếp cận khách hàng tốt – Tích hợp giao diện mobile làm thuận tiện cho khách hàng việc sử dụng điện thoại, máy tính bảng,… – Có thể tích hợp cổng toán trực tuyến Ngân Lượng, Bảo Kim, Paypal, ATM… vào website giúp dễ dàng mua bán toán với khách hàng Đến với website cửa hàng thời trang hàn quốc người dễ dàng mua sắm , tìm kiếm sản phẩm phù hợp với gia đình thân với giá cạnh tranh SVTH: : Hồ Thanh Thế Trang Xây dựng website cửa hàng thời trang hàn quốc GVHD: Nguyễn Thị Vân Anh CHƯƠNG : TỔNG QUAN VỀ GIAO DIỆN VÀ CÁC PLUGIN I Tổng quan giao diện Website thời trang hàn quốc sử dụng themes Magazinum WPZOOM Magazinum chủ đề phong cách với thiết kế sáng tạo, hoàn hảo cho trang web tạp chí phong cách thời trang, người tiếng, phim, giải trí - nhiều II Tổng quan plugin Website thời trang hàn quốc sử dụng plugin sau : Advanced Custom Fields : Như bạn biết, WordPress tảng CMS gọn nhẹ, thuật tiện việc xây dựng blog Trong blog bản, viết đơn giản, trường thông tin bao gồm title, thư mục, tags nội dung thông tin dạng text Và người ta sử dụng WordPress để xây dựng website với nhu cầu phức tạp hơn: ví dụ trang bán hàng, trang giới thiệu dịch vụ, trang tìm kiếm…v v cần nhiều trường thơng tin viết Custom Fields ứng dụng đáp ứng điều Để quản lý biến tốt hơn, sử dụng dễ dàng Custom Fields, có nhiều plugin tạo để phục vụ nhu cầu Advanced Custom Fields plugin xuất sắc số đó, biến WordPress thành hệ thống linh hoạt hoàn hảo Akismet : Spam vấn đề nan giải WordPress mã nguồn website mở thông dụng giới, nên spammer không bỏ qua “thị trường” béo bở SVTH: : Hồ Thanh Thế Trang Xây dựng website cửa hàng thời trang hàn quốc GVHD: Nguyễn Thị Vân Anh Nhưng điều khơng có nghĩa bó tay chịu chết spam vậy, mã nguồn tốt WordPress Có nhiều cách để chống spam thường hay dùng hệ thống chống spam miễn phí Automattic phát triển sử dụng cách cài plugin Akismet vào, hồn tồn miễn phí Contact Form : Một giải pháp tạo form chuyên nghiệp mà lại dễ dàng tuỳ biến, dùng plugin chun tạo form hồn tồn miễn phí mang tên Contact Form Plugin đánh giá plugin tạo form có khả tuỳ biến vượt trội phục vụ số việc mà plugin trả phí có khơng làm My Category Oder : My category order bạn khơng cịn phải nghiên cứu PHP hay cấu trúc câu lệnh WordPress nữa, mà đơn giản kéo thả Kéo category theo thứ tự mà bạn muốn thả ra, tất có My category order giúp bạn làm tất cơng việc cịn lại Widget CSS Classes : Nếu trước sử dụng Thesis x qua biết có thủ thuật sử dụng hook filter làm việc thêm CSS riêng cho widget để tùy biến widget sử dụng style khác nhau, có ích cho muốn chèn nội dung bật vào widget Nhưng làm việc dễ dàng theme với plugin Widget CSS Classes SVTH: : Hồ Thanh Thế Trang Xây dựng website cửa hàng thời trang hàn quốc GVHD: Nguyễn Thị Vân Anh CHƯƠNG : GIỚI THIỆU VỀ WORDPRESS VÀ WEBSITE I Cài đặt Xampp Wordpress Cài đặt Xampp Để cài Localhost có nhiều cách phần mềm, nhiên bạn người khuyến khích bạn dùng phần mềm XAMPP để cài localhost vì: o o o XAMPP hồn tồn miễn phí Dễ sử dụng Hỗ trợ hệ điều hành thông dụng Windows, Mac, Linux Tuy nhiên hướng dẫn cho hệ điều hành Windows Để tải XAMPP, bạn truy cập vào địa https://www.apachefriends.org/download.html chọn phiên XAMPP phù hợp với hệ điều hành máy tính bạn sử dụng, bạn nên chọn phiên PHP 5.4.31 Lưu ý XAMPP có phiên cho hệ điều hành 32bit 64bit hoạt động bình thường Cài đặt Wordpress Để cài đặt Wordpress bạn truy cập vào địa https://wordpress.org/download/ để tải wordpress SVTH: : Hồ Thanh Thế Trang 10 Xây dựng website cửa hàng thời trang hàn quốc GVHD: Nguyễn Thị Vân Anh Sau giải nén coppy tồn nội dung vào theo đường dẫn C:\xampp\htdocs\thoitrangkorea SVTH: : Hồ Thanh Thế Trang 11 Xây dựng website cửa hàng thời trang hàn quốc II GVHD: Nguyễn Thị Vân Anh Sử dụng website thời trang hàn quốc 1) Giao diện người dùng 1.1 Giao diện trang chủ Hiển thị danh mục sản phẩm cách hài hòa dễ nhìn , dễ tìm kiếm SVTH: : Hồ Thanh Thế Trang 12 Xây dựng website cửa hàng thời trang hàn quốc GVHD: Nguyễn Thị Vân Anh 1.2 Giao diện trang chi tiết sản phầm Hiển thị thông tin sản phẩm , giá bán , màu sắc , xuất xứ tình trạng hàng 2) Giao diện trang admin , quản lý Nhập địa : localhost/thoitrangkorea/wp-admin/ để truy cập đến trang admin Đăng nhập với user name password người quản trị cung cấp: II.1 Quản lý viết , sản phẩm Bạn quản lý viết , sản phẩm mà đăng bán trang chủ Với giao diện thân thiện bạn dễ dàng thêm , sửa , xóa sản phẩm SVTH: : Hồ Thanh Thế Trang 13 Xây dựng website cửa hàng thời trang hàn quốc GVHD: Nguyễn Thị Vân Anh II.2 Quản lý Menu II.3 Quản lý Người dùng SVTH: : Hồ Thanh Thế Trang 14 Xây dựng website cửa hàng thời trang hàn quốc GVHD: Nguyễn Thị Vân Anh II.4 Quản lý CSDL CHƯƠNG : LỜI CẢM ƠN Để báo cáo đạt kết tốt đẹp, em nhận hỗ trợ, giúp đỡ nhiều thầy cô bạn SVTH: : Hồ Thanh Thế Trang 15 Xây dựng website cửa hàng thời trang hàn quốc GVHD: Nguyễn Thị Vân Anh Với tình cảm sâu sắc, chân thành, cho phép tơi bày tỏ lịng biết ơn sâu sắc đến tất thầy cô tạo điều kiện giúp đỡ trình học tập nghiên cứu đề tài Trước hết em xin gửi tới thầy cô khoa Công Nghệ Thông Tin trường Đại học sư phạm kỹ thuật Hưng Yên lời chào trân trọng, lời chúc sức khỏe lời cảm ơn sâu sắc Với quan tâm, dạy dỗ, bảo tận tình chu đáo thầy cơ, đến em hồn thành báo cáo đồ án, đề tài:“Xây dựng website cửa hàng thời trang hàn quốc wordpress” Đặc biệt xin gửi lời cảm ơn chân thành tới cô giáo – Thạc sỹ: ……………………đã quan tâm giúp đỡ, hướng dẫn tơi hồn thành tốt luận văn thời gian qua Tơi xin bày tỏ lịng biết ơn đến lãnh đạo Trường Đại học Kinhtế Huế, Phòng KHCN-HTQTĐTSĐH, Khoa Phòng ban chức trực tiếp gián tiếp giúp đỡ tơi suốt q trình học tập nghiên cứu đề tài Không thể không nhắc tới đạo Ban lãnh đạo khách sạn giúp đỡ nhiệt tình anh chị Phịng tổ chức hành chính, tạo điều kiện thuận lợi cho suốt thời gian thực tập Khách sạn Xanh Huế Với điều kiện thời gian kinh nghiệm hạn chếcủa học viên, luận văn khơng thể tránh thiếu sót Tơi mong nhận bảo, đóng góp ý kiến cácthầy để tơi có điều kiện bổ sung, nâng cao ý thức mình,phục vụ tốt công tác thực tế sau Xin chân thành cảm ơn! SVTH: : Hồ Thanh Thế Trang 16 ... Akismet vào, hồn tồn miễn phí Contact Form : Một giải pháp tạo form chuyên nghiệp mà lại dễ dàng tuỳ biến, dùng plugin chun tạo form hồn tồn miễn phí mang tên Contact Form Plugin đánh giá plugin tạo. .. xây dựng ứng MỤC LỤC CHƯƠNG 1: GIỚI THIỆU VỀ WORDPRESS VÀ WEBSITE CHƯƠNG : TỔNG QUAN VỀ GIAO DIỆN VÀ CÁC PLUGIN CHƯƠNG : CÀI ĐẶT VÀ SỬ DỤNG WEBSITE …………………… CHƯƠNG : LỜI CẢM ƠN ………………………………………………………………... : TỔNG QUAN VỀ GIAO DIỆN VÀ CÁC PLUGIN I Tổng quan giao diện Website thời trang hàn quốc sử dụng themes Magazinum WPZOOM Magazinum chủ đề phong cách với thiết kế sáng tạo, hoàn hảo cho trang