Đang tải... (xem toàn văn)
Đề tài Xây dựng website bán điện thoại trực tuyến bằng OpenCart tại trung tâm đào tạo quản trị mạng & an ninh mạng Quốc tế Athena hi vọng sẽ cung cấp cho các bạn sinh viên ngành công nghệ thông tin có thêm kiến thức về OpenCart và cách thức để xây dựng một website bằng mã nguồn mở. Mời các bạn cùng tham khảo.
TRUNG TÂM ĐÀO TẠO QUẢN TRỊ MẠNG & AN NINH MẠNG QUỐC TẾ ATHENA BÁO CÁO THỰC TẬP TỐT NGHIỆP TÊN ĐỀ TÀI : “XÂY WEBSITE BÁN ĐIỆN THOẠI TRỰC TUYẾN TÊNDỰNG ĐỀ TÀI: BẰNG TẠI TRUNG TẠO DI QUẢN “XÂYOPENCART” DỰNG WEBSITE BÁN TÂM ĐIỆNĐÀO THOẠI ĐỘN TRỊ MẠNG & AN NINH MẠNG QUỐC TẾ ATHENA BẰNG OPENCART” GVHD : ĐỖ VÕ THẮNG SVTH : TRIỆU VĂN PHÚ TP.Hồ Chí Minh, tháng 04 năm 2014 LỜI MỞ ĐẦU Để quán triệt nguyên tắc “học đôi với hành”,nhằm tạo điều kiện cho sinh viên làm quen với thực tế, có nhìn tổng hợp, giúp cho sinh viên chúng em hạn chế bỡ ngỡ trường, hàng năm nhà trường tổ chức cho sinh viên thực tập sở theo nội dung ngành nghề đào tạo Đây điều kiện thuận lợi giúp chúng em phát huy lực thân khả áp dụng lý thuyết trang bị trường vào thực tế 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 phương tiện q mà ngày gần gũi với người Đứng trước bùng nổ thông tin, tổ chức doanh nghiệp tìm biện pháp để xây dựng hồn thiện hệ thống thơng tin nhằm tin học hóa hoạt động tác nghiệp đơn vị Từ nhu cầu nói trên,trong thời gian thực tập tốt nghiệp em sử dụng vốn kiến thức ỏi tìm hiểu học hỏi ứng dụng công nghệ thông tin vào thực tế Nó mang tính chất thử nghiệm để học hỏi, trao đổi kinh nghiệm làm quen với thực tế LỜI CẢM ƠN NHẬN XÉT CỦA CƠ QUAN THỰC TẬP Thành Phố Hồ Chí Minh, ngày… tháng… năm 2014 XÁC NHẬN CỦA CƠ QUAN/ĐƠN VỊ Đại Diện Đơn Vị (Ký tên, đóng dấu) NHẬN XÉT CỦA GIÁO VIÊN HƢỚNG DẪN Điểm TP.HCM, ngày … tháng … năm 2013 Giáo viên hƣớng dẫn (Ký tên,ghi rõ họ tên) MỤC LỤC A LỊCH LÀM VIỆC TẠI NƠI THỰC TẬP B GIỚI THIỆU VỀ TRUNG TÂM ĐÀO TẠO QUẢN TRỊ MẠNG & AN NINH MẠNG QUỐC TẾ ATHENA CHƢƠNG II: PHÂN TÍCH YÊU CẦU XÂY DỰNG WEBSITE I PHÂN TÍCH YÊU CẦU 1.1 Bài toán đƣa II TÌM HIỂU VỀ MÃ NGUỒN MỞ 2.1 Khái niệm 2.2 Giới thiệu số mã nguồn mở III TÌM HIỂU VỀ OPENCART 2.0 10 3.1 OpenCart mã nguồn mở 10 3.2 Opencart hệ thống giỏ hàng 12 VI CƠNG CỤ LẬP TRÌNH 12 4.1 DreamWeaver 12 4.2 Công cụ đồ họa 13 V XAMPP 14 5.1 CuteFTP 14 5.2 Cài đặt Xampp Control Panel v3.2.1 14 5.2 Cài đặt Opencart 2.0 18 Chỉnh sửa website trang quản trị 22 Chỉnh sửa cấu hình web 22 Tùy chỉnh danh mục sản phẩm, sản phẩm 24 Tùy chỉnh mô đun cho website 29 Tùy chỉnh danh mục tin tƣc, tin tức 31 Tùy chỉnh lien kết – silde – banner 32 CHƢƠNG III: ĐƢA WEBSITE LÊN HOSTING VÀ TÍCH HỢP CÁC CHỨC NĂNG KHÁC CHO WEBSITE PHÁT TRIỂN 34 I ĐƢA WESITE LÊN HOSTING 34 Đăng ký hosting 34 Backup (Export) database Website máy Local 37 Tạo database upload (Restore) database hosting đăng ký 38 Tiến hành upload soucre web 41 Cấu hình file config 44 CHƢƠNG IV TỐI ƢU HÓA SEO VÀ TẠO SỐ PLUGINS XÃ HỘI CỦA FACEBOOK CHO WEBSITE 46 I TẠO LIKE BOX CHO WEBSITE TRÊN FANPAGE 46 Tạo facepage cho website 46 Tạo like box cho website 48 Đƣa code like box vào website (product) 49 II TỐI ƢU HÓA SEO 50 Dùng SEO URL‟s 50 Tối ƣu hóa seo tên sản phẩm danh mục 51 CHƢƠNG V GIỚI THIỆU VỀ WEBSITE BÁN ĐIỆN THOẠI DI ĐỘNG 52 I NỘI DUNG WEBSITE 52 Giao diện trang chủ 52 Giao diện trang giới thiệu 53 Giao diện trang tuyển dụng 53 Giao diện sản phẩm di động 55 Giao diện chi tiết sản phẩm 55 Giao diện trang đăng nhập tài khoản 56 Giao diện đăng ký 56 KẾT LUẬN 58 Xây dựng website bán điện thoại di dộng open cart GVHD: ĐỖ VÕ THẮNG CHƯƠNG I: NỘI DUNG THỰC TẬP TẠI TRUNG TÂM ĐÀO TẠO QUẢN TRỊ MẠNG & AN NINH MẠNG QUỐC TẾ ATHENA A LỊCH LÀM VIỆC TẠI NƠI THỰC TẬP Khi thực tập công ty, Ban giám đốc TRUNG TÂM ĐÀO TẠO QUẢN TRỊ MẠNG & AN NINH MẠNG QUỐC TẾ ATHENA đƣa lịch thực tập cho sinh viên nhƣ sau: Làm việc ngày / tuần, thứ 3, thứ 5, thứ Buổi sáng 7h00 đến 10h Hai tuần đầu tham quan tất phòng làm việc trung tâm Làm quen với máy tính trung tâm Gặp giáo viên hƣớng dẫn nhận tài liệu B GIỚI THIỆU VỀ TRUNG TÂM ĐÀO TẠO QUẢN TRỊ MẠNG & AN NINH MẠNG QUỐC TẾ ATHENA o Giới thiệu chung trung tâm Trung Tâm Đào Tạo Quản Trị Mạng & An Ninh Mạng Quốc Tế ATHENA đƣợc thành lập từ năm 2004, tổ chức qui tụ nhiều trí thức trẻ Việt Nam đầy động, nhiệt huyết kinh nghiệm lãnh vực CNTT, với tâm huyết góp phần vào cơng thúc đẩy tiến trình đƣa cơng nghệ thơng tin ngành kinh tế mũi nhọn, góp phần phát triển nƣớc nhà Lĩnh vực hoạt động chính: Trung tâm ATHENA tập trung chủ yếu vào đào tạo chuyên sâu quản trị mạng, an ninh mạng, thƣơng mại điện tử theo tiêu chuẩn quốc tế hãng tiếng nhƣ Microsoft, Cisco, Oracle, Linux LPI , CEH, Song song đó, trung tâm ATHENA có chƣơng trình đào tạo cao cấp dành riêng theo đơn đặt hàng đơn vị nhƣ Bộ Quốc Phòng, Bộ Cơng An , ngân hàng, doanh nghiệp, quan phủ, tổ chức tài + Sau gần 10 năm hoạt động, nhiều học viên tốt nghiệp trung tâm ATHENA chuyên gia đảm nhận công tác quản lý hệ thống mạng, an ninh mạng cho nhiều SVTH: : TRIỆU VĂN PHÚ Trang Xây dựng website bán điện thoại di dộng open cart GVHD: ĐỖ VÕ THẮNG ngành nhƣ Cục Công Nghệ Thông Tin - Bộ Quốc Phòng , Bộ Cơng An, Sở Thơng Tin Truyền Thơng tin tức, bƣu điện tỉnh, + Ngoài chƣơng trình đào tạo, Trung tâm ATHENA có nhiều chƣơng trình hợp tác trao đổi cơng nghệ với nhiều đại học lớn nhƣ đại học Bách Khoa Thành Phố Hồ Chí Minh, Học Viện An Ninh Nhân Dân( Thủ Đức), Học Viện Bƣu Chính Viễn Thơng, Hiệp hội an tồn thơng tin (VNISA), Viện Kỹ Thuật Qn Sự , o Đội ngũ giảng viên : + Tất giảng viên trung tâm ATHENA có tốt nghiệp từ trƣờng đại học hàng đầu nƣớc Tất giảng viên ATHENA phải có chứng quốc tế nhƣ MCSA, MCSE, CCNA, CCNP, Security+, CEH,có sƣ phạm Quốc tế (Microsoft Certified Trainer) Đây chứng chuyên môn bắt buộc để đủ điều kiện tham gia giảng dạy trung tâm ATHENA + Bên cạnh đó,Các giảng viên ATHENA thƣờng tu nghiệp cập nhật kiến thức công nghệ từ nƣớc tiên tiến nhƣ Mỹ , Pháp, Hà Lan, Singapore, truyền đạt công nghệ chƣơng trình đào tạo trung tâm ATHENA Cơ sở vật chất: + Thiết bị đầy đủ đại +Chƣơng trình cập nhật liên tục, đảm bảo học viên tiếp cận với cơng nghệ + Phòng máy rộng rãi, thoáng mát Dịch vụ hỗ trợ: + Đảm bảo việc làm cho học viên tốt nghiệp khóa dài hạn + Giới thiệu việc làm cho học viên + Thực tập có lƣơng cho học viên giỏi + Ngồi thức, học viên đƣợc thực hành miễn phí, khơng giới hạn thời gian + Hỗ trợ kỹ thuật không thời hạn tất lĩnh vực liên quan đến máy tính, mạng máy tính, bảo mật mạng + Hỗ trợ thi Chứng Quốc tế SVTH: : TRIỆU VĂN PHÚ Trang Xây dựng website bán điện thoại di dộng open cart GVHD: ĐỖ VÕ THẮNG Một số hình ảnh trung tâm Trung Tâm ATHENA - Bis Đinh Tiên Hoàng , ĐaKao, Q1 , Tp HCM SVTH: : TRIỆU VĂN PHÚ Trang Xây dựng website bán điện thoại di dộng open cart GVHD: ĐỖ VÕ THẮNG Cấu hình file config Vơ quản lý file cuả host Hình 3.1.19: Mở quản lý file Tìm đến file config - Tìm file config chọn Edit file Hình 3.1.20: Quản lý file - Tiến hành cấu hình file config public_html/config public_html/admin/confing SVTH: : TRIỆU VĂN PHÚ Trang 44 Xây dựng website bán điện thoại di dộng open cart GVHD: ĐỖ VÕ THẮNG Hình 3.1.21 : Cấu hình file config - Đã upload thành công website địa http://www.nguyenkimabc.bl.ee/ SVTH: : TRIỆU VĂN PHÚ Trang 45 Xây dựng website bán điện thoại di dộng open cart GVHD: ĐỖ VÕ THẮNG CHƯƠNG IV TỐI ƯU HÓA SEO VÀ TẠO SỐ PLUGINS XÃ HỘI CỦA FACEBOOK CHO WEBSITE I TẠO LIKE BOX CHO WEBSITE TRÊN FANPAGE Tạo facepage cho website a Lý tạo fanpage Để đáp ứng nhu cầu tạo trang riêng cho doanh nghiệp giới mạng xã hội Fanpage đƣợc xem website tóm lƣợc doanh nghiệp, thơng qua fanpage, doanh nghiệp “giao tiếp” với khách hàng cách gần gũi thân thiện Hiện nay, hầu hết doanh nghiệp lớn giới lập hẵn fanpage cho để tiếp cận với khách hàng b Tạo fanpage - Vào đƣờng dẫn https://www.facebook.com/pages/create.php - Chọn loại fanpage facebook muốn tạo, nhập thơng tin fanpage - Viết tên cơng ty Hình 4.1 Tạo fanpage - Thiết lập thông tin cho fanpage qua bƣớc SVTH: : TRIỆU VĂN PHÚ Trang 46 Xây dựng website bán điện thoại di dộng open cart GVHD: ĐỖ VÕ THẮNG - Bƣớc đồng ý phải chả phí để fanpage nhiêu lƣợt like Hình 4.2: Thiết lập thơng tin - Tạo fanpage thành cơng - Địa fanpage tạo https://www.facebook.com/Sieuthidienmaytrungthanh Hình 4.3 Tạo fanpage thành công SVTH: : TRIỆU VĂN PHÚ Trang 47 Xây dựng website bán điện thoại di dộng open cart GVHD: ĐỖ VÕ THẮNG Tạo like box cho website - Chuy cập địa https://developers.facebook.com/docs/plugins/like-button - Chọn kiểu like box - Facebook page URL địa url fanpage - Width chiều rộng box chứa like nhƣ domo phía dƣới - Height chiều dài color scheme phối màu - Show Frienfs‟ Faces thích fanpage - Show header tìm chúng tơi facebook nhƣ demo - Show posts đƣợc đăng fanpage website lên box demo hay không - Show border đƣờng viền bên ngồi box hay khơng Hình 4.4 Nhập thông tin box - Chọn get code để coppy code chèn vô website SVTH: : TRIỆU VĂN PHÚ Trang 48 Xây dựng website bán điện thoại di dộng open cart GVHD: ĐỖ VÕ THẮNG Hình 4.5 Code like box Đưa code like box vào website (product) - Truy cập quản lý file hosting tìm đến file product theo đƣờng dẫn catalog\view\theme\default\template\product chọn product.php edit file - Dán code like box vơ Hình 4.6: Dán code vo product.php - Kết đạt đƣợc SVTH: : TRIỆU VĂN PHÚ Trang 49 Xây dựng website bán điện thoại di dộng open cart GVHD: ĐỖ VÕ THẮNG Hình 4.7 kết đạt đƣợc II TỐI ƯU HÓA SEO Dùng SEO URL’s - Vào trang quản trị Admin Hệ thống chọn sửa chọn máy chủ - Tại máy chủ chọn dùng SEO URL‟s có - Muốn sử dung SEO URL‟s Apache phải đƣợc cài đặt modul mod-rewrite đổi tên htaccess.txt thành - Tiến hành cài đặt mod-rewrite cách mở xampp/apache/conf/httpd.conf - Tìm tới dòng LoadModule rewrite_module modules/mod_rewrite.so chuyển thành #LoadModule rewrite_module modules/mod_rewrite.so Hình 4.8: Dùng SEO URL‟s SVTH: : TRIỆU VĂN PHÚ Trang 50 Xây dựng website bán điện thoại di dộng open cart GVHD: ĐỖ VÕ THẮNG Tối ưu hóa seo tên sản phẩm danh mục - Đăng nhập trang quản trị tìm đến mục sản phẩm nhấn sửa sau chọn liệu tìm đến từ khóa seo, viết từ khóa seo cho khơng bị chùng lặp với sản phẩm khác Hình 4.9: Từ khóa seo sản phẩm - Chọn quản lý danh mục tìm đến mục liệu tối ƣu hóa tên danh mục cách viết từ khóa seo đảm bảo từ khóa khơng bị trùng lặp với từ khóa khác SVTH: : TRIỆU VĂN PHÚ Trang 51 Xây dựng website bán điện thoại di dộng open cart GVHD: ĐỖ VÕ THẮNG CHƯƠNG V GIỚI THIỆU VỀ WEBSITE BÁN ĐIỆN THOẠI DI ĐỘNG I NỘI DUNG WEBSITE Giao diện trang chủ Hiển thị đầu trang chủ logo trang web like facebook Bên phải trang chủ hệ thống giỏ hàng tìm kiếm đăng ký đăng nhập Tiếp theo menu chuyển trang để tới trang khác, gồm menu sản phẩm, giới thiệu công ty, tuyển dụng liên hệ Bên trái box hỗ trợ trực tuyến quảng cáo phần show sản phẩm tiêu biểu, sản phẩm Phần trang chủ chứa slide banner sản phẩm đƣợc sếp hiển thị theo danh mục video Hình 5.1: Giao diện trang chủ SVTH: : TRIỆU VĂN PHÚ Trang 52 Xây dựng website bán điện thoại di dộng open cart GVHD: ĐỖ VÕ THẮNG Giao diện trang giới thiệu Giới thiệu với khách hàng cửa hàng, sản phẩm có cửa hàng trực tuyến Hình 5.2: Giao diện trang giới thiệu Giao diện trang tuyển dụng Những khách hàng có quan tâm tới tuyển dụng cửa hàng trực tuyến Sẽ có đầy đủ thông tin tuyển dụng qua mục tuyển dụng website SVTH: : TRIỆU VĂN PHÚ Trang 53 Xây dựng website bán điện thoại di dộng open cart GVHD: ĐỖ VÕ THẮNG Hình 5.3: giao diện trang tuyển dụng SVTH: : TRIỆU VĂN PHÚ Trang 54 Xây dựng website bán điện thoại di dộng open cart GVHD: ĐỖ VÕ THẮNG Giao diện sản phẩm di động Hiển thị toàn sản phẩm liên quan đến điện tử nhà cung cấp đƣa Khách hàng xem chi tiết mua sản phẩm cách nhấp vơ hình sản phẩm Hình 5.4: Sản phẩm điện tử Giao diện chi tiết sản phẩm Khách hàng đƣợc xem tồn thơng tin sản phẩm Quan sát sản phẩm rõ nhờ chức zoom sản phẩm Bên cạnh khách hàng like trang web fanpage Quan trọng khách hàng mua sản phẩm qua phƣơng thức tốn trực tuyến ngân lƣợng bảo kim SVTH: : TRIỆU VĂN PHÚ Trang 55 Xây dựng website bán điện thoại di dộng open cart GVHD: ĐỖ VÕ THẮNG Hình 5.5: Chi tiết sản phẩm Giao diện trang đăng nhập tài khoản Hình 5.6: Đăng nhập tài khoản Giao diện đăng ký Khách hàng dùng để đăng ký tài khoản nhận tin, mua hàng SVTH: : TRIỆU VĂN PHÚ Trang 56 Xây dựng website bán điện thoại di dộng open cart GVHD: ĐỖ VÕ THẮNG Hình 5.7: Đăng ký tài khoản SVTH: : TRIỆU VĂN PHÚ Trang 57 Xây dựng website bán điện thoại di dộng open cart GVHD: ĐỖ VÕ THẮNG KẾT LUẬN - Hoàn thiện phƣơng thức tốn trực tuyến an tồn giúp khách hàng tin tƣởng vào website - Tiếp tục tối ƣu hóa SEO giúp khách hàng tìm thấy website dễ dàng - Thực tích hợp thêm mô đun giúp cho khách hàng cảm thấy thân thiện - Tích cực thực maketing online cho web để thu hút nhiều khách hàng - Tiến hành phân quyền cho user cấp dƣới… - Kết nghiên cứu đề tài giúp em có thêm phƣơng pháp xây dựng Website, góp phần làm cho môi trƣờng làm việc thuận tiện dễ dàng Vì tiếp cận đề tài hƣớng đắn - Vì thời gian khơng cho phép nên em chƣa tìm hiểu rõ kỹ đề tài Vì đề tài có nhiều thiếu sót, mong thầy giúp đỡ em nhiều Một lần em xin chân thành cảm ơn thầy cô giáo bạn học sinh TRUNG TÂM ĐÀO TẠO QUẢN TRỊ MẠNG & AN NINH MẠNG QUỐC TẾ ATHENA nhiều giúp đỡ em thời gian qua SVTH: : TRIỆU VĂN PHÚ Trang 58 ... TẬP TẠI TRUNG TÂM ĐÀO TẠO QUẢN TRỊ MẠNG & AN NINH MẠNG QUỐC TẾ ATHENA A LỊCH LÀM VIỆC TẠI NƠI THỰC TẬP Khi thực tập công ty, Ban giám đốc TRUNG TÂM ĐÀO TẠO QUẢN TRỊ MẠNG & AN NINH MẠNG QUỐC TẾ ATHENA. .. tài liệu B GIỚI THIỆU VỀ TRUNG TÂM ĐÀO TẠO QUẢN TRỊ MẠNG & AN NINH MẠNG QUỐC TẾ ATHENA o Giới thiệu chung trung tâm Trung Tâm Đào Tạo Quản Trị Mạng & An Ninh Mạng Quốc Tế ATHENA đƣợc thành lập từ... LỤC A LỊCH LÀM VIỆC TẠI NƠI THỰC TẬP B GIỚI THIỆU VỀ TRUNG TÂM ĐÀO TẠO QUẢN TRỊ MẠNG & AN NINH MẠNG QUỐC TẾ ATHENA CHƢƠNG II: PHÂN TÍCH YÊU CẦU XÂY DỰNG WEBSITE I PHÂN