Đang tải... (xem toàn văn)
MỤC LỤCCHƯƠNG 1 : GIỚI THIỆU VỀ NƠI THỰC TÂP1Lĩnh vực hoạt động chính:1Đội ngũ giảng viên :1Cơ sở vật chất:2Dịch vụ hỗ trợ:2TRUNG TÂM ĐÀO TẠO QUẢN TRỊ MẠNG & AN NINH MẠNG QUỐC TẾ ATHENA7CHƯƠNG II: PHÂN TÍCH YÊU CẦU XÂY DỰNG WEBSITE8I.Phân Tích Yêu Cầu81.1 Bài toán đưa ra81.Sơ đồ trang web10Các bảng cơ sở dữ liệu tiêu biểu10II.Tìm hiểu về mã nguồn mở132.1 Khái niệm13III. Tìm Hiểu Về OpenCart 2.0153.1 OpenCart là mã nguồn mở153.2 Opencart là một hệ thống giỏ hàng16VI. Công Cụ Lập Trình174.1 DreamWeaver174.2 Công cụ đồ họa18V. XAMPP185.1 FileZilla Client195.2 Cài đặt Xampp Control Panel v3.2.119Cài đặt Opencart 2.023Chỉnh sửa website tại trang quản trị27Chỉnh sửa cấu hình web28Tùy chỉnh danh mục sản phẩm, sản phẩm30Tùy chỉnh các modul cho website35Tùy chỉnh danh mục tin tưc, tin tức36Tùy chỉnh lien kết – silde – banner37CHƯƠ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ỂN393.1 Đưa Website Lên Hosting39Backup (Export) database của Website trên máy Local432. Tạo database mới và upload (Restore) database trên hosting đã đăng ký453. Tiến hành upload soucre web481.Cấu hình file config49CHƯƠNG IV. TỐI ƯU HÓA SEO VÀ TẠO 1 SỐ PLUGINS XÃ HỘI CỦA FACEBOOK CHO WEBSITE51IV. Tạo Like Box Cho Website Trên Fanpage511. Tạo facepage cho website51c.Tạo like box cho website53d.Đưa code like box vào website (product)542 Tối Ưu Hóa SEO551.Dùng SEO URL’s552.Tối ưu hóa seo tên sản phẩm và danh mục56CHƯƠNG V. GIỚI THIỆU VỀ WEBSITE BÁN HÀNG DÂN DỤNG575.1 Nội Dung Website571.Giao diện trang chủ572.Giao dien trang giới thiệu583.Giao diện trang tuyển dụng584.Giao diện sản phẩm điện tử595.Giao diện chi tiết sản phẩm596.Giao diện trang đăng nhập tài khoản607.Giao diện đăng ký61VI. KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN62
TRUNG TÂM ĐÀO TẠO ATHENA QUẢN TRỊ MẠNG & AN NINH MẠNG QUỐC TẾ ATHENA ĐỀ TÀI: THIẾT KẾ WEBSITE BÁN HÀNG DÂN DỤNG TRỰC TUYẾN BẰNG OPENCART Giáo viên hướng dẫn: Võ Đỗ Thắng Sinh viên thực tập: Nguyễn Thành Trung Lâm Hoài Nhân Triệu Văn Phú Ngành: Công Nghệ Thông Tin Khóa: 2011 – 2014 TP.HCM, ngày 16 tháng 5 năm 2014 LỜI CẢM ƠN Trong lời đầu tiên của báo cáo đồ án tốt nghiệp “Xây dựng Web bán chương trình đào tạo Athena bằng Opencart ” này, em muốn gửi những lời cám ơn và biết ơn chân thành nhất của mình tới tất cả những người đã hỗ trợ, giúp đỡ em về kiến thức và tinh thần trong quá trình thực hiện đồ án Trước hết, em xin chân thành cám ơn Thầy Võ Đỗ Thắng Giám đốc Trung Tâm Athena đã hướng dẫn, nhận xét, giúp đỡ em trong suốt quá trình thực hiện đồ án Xin chân thành cảm ơn các bạn thực tập ở trung tâm Athena và các anh (chị ) trong trung tâm đã hỗ trợ em trong suốt thời gian học tập và làm tốt nghiệp Cuối cùng em xin gửi lời cảm ơn đến gia đình, bạn bè, người thân đã giúp đỡ động viên em rất nhiều trong quá trình học tập và làm Đồ án Tốt Nghiệp Do thời gian thực hiện có hạn, kiến thức còn nhiều hạn chế nên Đồ án thực hiện chắc chắn không tránh khỏi những thiếu sót nhất định Em rất mong nhận được ý kiến đóng góp của thầy cô giáo và các bạn để em có thêm kinh nghiệm và tiếp tục hoàn thiện đồ án của mình Em xin chân thành cảm ơn! TP.HCM, ngày 16 tháng 04 năm 2014 Sinh viên thực hiện: NGUYỄN TRUNG THÀNH LÂM HOÀI NHÂN TRIỆU VĂN PHÚ TRƯỜNG CAO ĐẲNG KINH TẾ - KỸ THUẬT VINATEX TP HCM KHOA NGOẠI NGỮ - TIN HỌC CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự do – Hạnh phúc TP Hồ Chí Minh, ngày tháng năm 2013 PHIẾU NHẬN XÉT SINH VIÊN THỰC TẬP TỐT NGHIỆP Họ tên sinh viên: Khóa: Khoa Công nghệ Thông tin, Trường cao Đẳng Kinh tế - Kỹ Thuật Vinatex TP.HCM chân thành cảm ơn Quý Công ty, Nhà máy, Cơ quan đã chấp thuận cho sinh viên Khoa chúng tôi được thực tập tốt nghiệp tại Quý đơn vị Nhằm đánh giá chất lượng, kết quả thực tập của sinh viên của Khoa và đưa ra phương hướng cải tiến chương trình đào tạo trong thời gian tới Khoa kính đề nghị Quý đơn vị nhận xét sinh viên thực tập tốt nghiệp theo các tiêu chí như sau: 1 Thái độ chấp hành Nội quy – Qui định của cơ quan: Rất nghiêm túc Nghiêm túc Chưa nghiêm túc 2 Đánh giá năng lực chuyên môn: Xuất sắc Giỏi Khá Trung bình Yếu 3 Đánh giá khả năng tiếp cận với thực tiễn của cơ quan: Xuất sắc Giỏi Khá Trung bình Yếu 4 Đánh giá khả năng ngoại ngữ: Xuất sắc Giỏi Khá Trung bình Yếu 5 Đánh giá khả năng tin học: Xuất sắc Giỏi Khá Trung bình Yếu 6 Khả năng làm việc nhóm Xuất sắc Giỏi Khá Trung bình Yếu 7 Khả năng giao tiếp Xuất sắc Giỏi Khá Trung bình Yếu 8 Các ý kiến đóng góp cho Khoa – Trường: 9 Đánh giá kết quả thực tập:……… /10 điểm Tên đơn vị nhận xét: Địa chỉ: Email: Điện thoại: Loại hình đơn vị: Nhà nước Tư nhân Liên doanh Nước ngoài XÁC NHẬN CỦA ĐƠN Vị (Ký tên và đóng dấu xác nhận) CÁN BỘ HƯỚNG DẪN (Ký tên và ghi họ tên) NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN Giáo viên hướng dẫn: Võ Đỗ Thắng Sinh viên thực tập: NGUYỄN TRUNG THÀNH Đề tài: Điểm TP.HCM, ngày … tháng … năm 2013 Giáo viên hướng dẫn Võ Đỗ Thắng MỤC LỤC CHƯƠNG 1 : GIỚI THIỆU VỀ NƠI THỰC TÂP .1 Lĩnh vực hoạt động chính: 1 Đội ngũ giảng viên : 1 Cơ sở vật chất: 2 Dịch vụ hỗ trợ: 2 TRUNG TÂM ĐÀO TẠO QUẢN TRỊ MẠNG & AN NINH MẠNG QUỐC TẾ ATHENA 7 CHƯƠNG II: PHÂN TÍCH YÊU CẦU XÂY DỰNG WEBSITE .8 I.Phân Tích Yêu Cầu 8 1.1 Bài toán đưa ra .8 1 Sơ đồ trang web .10 Các bảng cơ sở dữ liệu tiêu biểu .10 II.Tìm hiểu về mã nguồn mở 13 2.1 Khái niệm 13 III Tìm Hiểu Về OpenCart 2.0 .15 3.1 OpenCart là mã nguồn mở 15 3.2 Opencart là một hệ thống giỏ hàng 16 VI Công Cụ Lập Trình 16 4.1 DreamWeaver 17 4.2 Công cụ đồ họa 18 V XAMPP 18 5.1 FileZilla Client .18 5.2 Cài đặt Xampp Control Panel v3.2.1 19 Cài đặt Opencart 2.0 22 Chỉnh sửa website tại trang quản trị 27 Chỉnh sửa cấu hình web .27 Tùy chỉnh danh mục sản phẩm, sản phẩm 30 Tùy chỉnh các modul cho website .35 Tùy chỉnh danh mục tin tưc, tin tức 37 Tùy chỉnh lien kết – silde – banner .38 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 39 3.1 Đưa Website Lên Hosting 39 Backup (Export) database của Website trên máy Local 44 2 Tạo database mới và upload (Restore) database trên hosting đã đăng ký 46 3 Tiến hành upload soucre web 49 1 Cấu hình file config 50 CHƯƠNG IV TỐI ƯU HÓA SEO VÀ TẠO 1 SỐ PLUGINS XÃ HỘI CỦA FACEBOOK CHO WEBSITE 52 IV Tạo Like Box Cho Website Trên Fanpage .52 1 Tạo facepage cho website 52 c Tạo like box cho website 54 d Đưa code like box vào website (product) 55 2 Tối Ưu Hóa SEO 57 1.Dùng SEO URL’s 57 2 Tối ưu hóa seo tên sản phẩm và danh mục 57 CHƯƠNG V GIỚI THIỆU VỀ WEBSITE BÁN HÀNG DÂN DỤNG 58 5.1 Nội Dung Website 58 1 Giao diện trang chủ 58 2 Giao dien trang giới thiệu 59 3 Giao diện trang tuyển dụng .60 4 Giao diện sản phẩm điện tử 60 5 Giao diện chi tiết sản phẩm .61 6 Giao diện trang đăng nhập tài khoản 62 7 Giao diện đăng ký 62 VI KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 63 CHƯƠNG 1 : GIỚI THIỆU VỀ NƠI THỰC TÂP 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, là một tổ chức qui tụ nhiều trí thức trẻ Việt Nam đầy năng động, nhiệt huyết và kinh nghiệm trong lãnh vực CNTT, với tâm huyết góp phần vào công cuộc thúc đẩy tiến trình đưa công nghệ thông tin là 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 đã và đang 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 các tiêu chuẩn quốc tế của các hãng nổi tiếng như Microsoft, Cisco, Oracle, Linux LPI , CEH, Song song đó, trung tâm ATHENA còn có những chương trình đào tạo cao cấp dành riêng theo đơn đặt hàng của các đơn vị như Bộ Quốc Phòng, Bộ Công An , ngân hàng, doanh nghiệp, các cơ quan chính phủ, tổ chức tài chính + Sau gần 10 năm hoạt động,nhiều học viên tốt nghiệp trung tâm ATHENA đã là 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 bộ 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 các tin, bưu điện các tỉnh + Ngoài chương trình đào tạo, Trung tâm ATHENA còn có nhiều chương trình hợp tác và 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ính 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 toàn thông tin (VNISA), Viện Kỹ Thuật Quân Sự , Đội ngũ giảng viên : + Tất cả các giảng viên trung tâm ATHENA có điều tốt nghiệp từ các trường đại học hàng đầu trong nước Tất cả giảng viên ATHENA đều phải có các chứng chỉ quốc tế như MCSA, MCSE, CCNA, CCNP, Security+, CEH,có bằng sư phạm SVTH: Nguyễn Trung Thành - Hoài Nhân - Văn Phú Trang 1 Quốc tế (Microsoft Certified Trainer).Đây là các chứng chỉ chuyên môn bắt buộc để đủ điều kiện tham gia giảng dạy tại trung tâm ATHENA + Bên cạnh đó,Các giảng viên ATHENA thường đi tu nghiệp và cập nhật kiến thức công nghệ mới từ các nước tiên tiến như Mỹ , Pháp, Hà Lan, Singapore, và truyền đạt các công nghệ mới này trong các chương trình đào tạo tại trung tâm ATHENA Cơ sở vật chất: + Thiết bị đầy đủ và hiện đạ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 những công nghệ mới nhất + 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 mọi học viên + Thực tập có lương cho học viên khá giỏi + Ngoài giờ chính 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 trong tất cả các 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 chỉ Quốc tế SVTH: Nguyễn Trung Thành - Hoài Nhân - Văn Phú Trang 2 Trung Tâm ATHENA - 2 Bis Đinh Tiên Hoàng , ĐaKao, Q1 , Tp HCM SVTH: Nguyễn Trung Thành - Hoài Nhân - Văn Phú Trang 3 Trung tâm ATHENA - 92 Nguyễn Đình Chiểu ,DaKao, Q1 , Tp HCM Khóa học quản trị hệ thống mạng Cisco cho ngân hàng MHB Bank SVTH: Nguyễn Trung Thành - Hoài Nhân - Văn Phú Trang 4 Hình 3.1.14: Vào PhpMyAdmin Chọn tệp tin vừa exporter để upload database Hình 3.1.15: Upload cơ sở dữ liệu Chọn Improter nhấp “chọn tập tin“ chỏ đường dẫn tới tập tin vừa backup nhấn Excécuter và chờ đợi - Improter thành công SVTH: Nguyễn Trung Thành - Hoài Nhân - Văn Phú Trang 48 Hình 3.1.16: Improter thành công 3 Tiến hành upload soucre web Mở FileZilla để upload file Hình 3.1.17: Màn hình làm việc của FileZilla - Bước 1: điền Host là Full FTP Hostname nhà cung cấp gửi qua mail - Bước 2: điền Username là FTP Username nhà cung cấp gửi qua mail - Bước 3: điền Password là FTP Password nhà cung cấp gửi qua mail - Bước 4: Quickconnect chạy tới quản lý file của hosting vừa nhập - Bước 5 : Nhấp vô public_html - Bước 6 : Xóa 2 file htaccess và default.php - Bước 7 : Tìm đến file chứa suocre web nhấn ctrl + A nhấp chuột phải và chọn upload Upload thành công SVTH: Nguyễn Trung Thành - Hoài Nhân - Văn Phú Trang 49 Hình 3.1.18 : Upload thành công 1 Cấu hình file config Vô quản lý file cuả host Hình 3.1.19: Mở quản lý file SVTH: Nguyễn Trung Thành - Hoài Nhân - Văn Phú Trang 50 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 tại public_html/config và public_html/admin/confing Hình 3.1.21 : Cấu hình file config Đã upload thành công website tại địa chỉ http://sieuthidienmay.esy.es/ SVTH: Nguyễn Trung Thành - Hoài Nhân - Văn Phú Trang 51 CHƯƠNG IV TỐI ƯU HÓA SEO VÀ TẠO 1 SỐ PLUGINS XÃ HỘI CỦA FACEBOOK CHO WEBSITE IV Tạo Like Box Cho Website Trên Fanpage 1 Tạo facepage cho website a Lý do tạo fanpage Để đáp ứng nhu cầu tạo ra một trang riêng cho doanh nghiệp trong thế giới mạng xã hội Fanpage có thể được xem là website tóm lược của doanh nghiệp, thông qua fanpage, doanh nghiệp có thể “giao tiếp” với khách hàng của mình một cách gần gũi và thân thiện Hiện nay, hầu hết các doanh nghiệp lớn trên thế giới đều lập hẵn một fanpage cho mình để 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, và nhập thông tin fanpage - Viết tên công ty SVTH: Nguyễn Trung Thành - Hoài Nhân - Văn Phú Trang 52 Hình 4.1 Tạo fanpage - Thiết lập thông tin cho fanpage qua 4 bước - Bước 4 đồng ý và sẽ phải chả phí để fanpage nhiêu lượt like hơn Hình 4.2: Thiết lập thông tin - Tạo fanpage thành công - Địa chỉ fanpage đã tạo https://www.facebook.com/Sieuthidienmaytrungthanh SVTH: Nguyễn Trung Thành - Hoài Nhân - Văn Phú Trang 53 Hình 4.3 Tạo fanpage thành công c Tạo like box cho website - Chuy cập địa chỉ https://developers.facebook.com/docs/plugins/like-button - Chọn kiểu like box - Facebook page URL là địa chỉ url của fanpage - Width chiều rộng của box chứa like như domo phía dưới - Height chiều dài và color scheme là phối màu - Show Frienfs’ Faces là hiện những ai đã thích fanpage - Show header hiện tìm chúng tôi trên facebook như demo - Show posts là hiện các bài được đăng trên fanpage của website lên box demo hay không - Show border là hiện đường viền bên ngoài box hay không SVTH: Nguyễn Trung Thành - Hoài Nhân - Văn Phú Trang 54 Hình 4.4 Nhập thông tin box - Chọn get code để coppy code chèn vô website Hình 4.5 Code like box d Đưa code like box vào website (product) - Truy cập quản lý file trong 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ô SVTH: Nguyễn Trung Thành - Hoài Nhân - Văn Phú Trang 55 Hình 4.6: Dán code vo product.php - Kết quả đạt được Hình 4.7 kết quả đạt được SVTH: Nguyễn Trung Thành - Hoài Nhân - Văn Phú Trang 56 2 Tối Ưu Hóa SEO 1 Dùng SEO URL’s - Vào trang quản trị Admin Hệ thống chọn sửa và chọn máy chủ - Tại máy chủ chọn dùng SEO URL’s là có - Muốn sử dung SEO URL’s thì Apache phải được cài đặt modul mod-rewrite và đổi tên htaccess.txt thành - Tiến hành cài đặt mod-rewrite bằng 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 2 Tối ưu hóa seo tên sản phẩm và 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 dữ liệu tìm đến từ khóa seo, viết từ khóa seo sao cho không bị chùng lặp với các sản phẩm khác SVTH: Nguyễn Trung Thành - Hoài Nhân - Văn Phú Trang 57 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 dữ liệu và tối ưu hóa tên danh mục bằng cách viết từ khóa seo và đảm bảo từ khóa không bị trùng lặp với từ khóa khác CHƯƠNG V GIỚI THIỆU VỀ WEBSITE BÁN HÀNG DÂN DỤNG 5.1 Nội Dung Website 1 Giao diện trang chủ Hiển thị ngay đầu trang chủ là logo trang web cùng like facebook Bên phải trang chủ chính là hệ thống giỏ hàng tìm kiếm và đăng ký đăng nhập Tiếp theo là menu chuyển trang để tới các trang khác, gồm các menu về sản phẩm, giới thiệu công ty, tuyển dụng và liên hệ Bên trái là box hỗ trợ trực tuyến cùng quảng cáo và phần show sản phẩm tiêu biểu, sản phẩm mới Phần trính giữa trang chủ chứa slide banner cùng các sản phẩm được sắp sếp hiển thị theo danh mục và video SVTH: Nguyễn Trung Thành - Hoài Nhân - Văn Phú Trang 58 Hình 5.1: Giao diện trang chủ 2 Giao dien trang giới thiệu Gới thiệu với khách hàng về cửa hang, những sản phẩm có trong cửa hàng trực tuyến SVTH: Nguyễn Trung Thành - Hoài Nhân - Văn Phú Trang 59 Hình 5.2: Giao diện trang giới thiệu 3 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 cửa hàng trực tuyến Sẽ có đầy đủ thông tin tuyển dung qua mục tuyển dụng của website Hình 5.3: giao diện trang tuyển dụng 4 Giao diện sản phẩm điện tử Hiển thị toàn bộ sản phẩm liên quan đến điện tử do nhà cung cấp đưa da Khách hàng có thể xem chi tiết và mua sản phẩm bằng cách nhấp vô hình sản phẩm SVTH: Nguyễn Trung Thành - Hoài Nhân - Văn Phú Trang 60 Hình 5.4: Sản phẩm điện tử 5 Giao diện chi tiết sản phẩm Khách hàng sẽ được xem toàn bộ thông tin về sản phẩm Quan sát sản phẩm rõ hơn nhờ chức năng zoom sản phẩm Bên cạnh đó khách hàng có thể like trang web trên fanpage Quan trong nhất là khách hàng có thể mua sản phẩm qua phương thức thanh toán trực tuyến ngân lượng hoặc bảo kim SVTH: Nguyễn Trung Thành - Hoài Nhân - Văn Phú Trang 61 Hình 5.5: Chi tiết sản phẩm 6 Giao diện trang đăng nhập tài khoản Hình 5.6: Đăng nhập tài khoản 7 Giao diện đăng ký Khách hàng dùng để đăng ký tài khoản nhận tin, mua hàng SVTH: Nguyễn Trung Thành - Hoài Nhân - Văn Phú Trang 62 ... Hiểu Về OpenCart 2.0 3.1 OpenCart mã nguồn mở Opencart source nguồn thiết kế dạng open source cho phép bạn sử dụng free, đay code viết PHP phát triển lên để giành cho giải pháp bán hàng trực tuyến, ... cho website bán hàng, opencart phát triển có thêm module tin tức, giúp website hồn thiện mắt người dùng nay, việt nam nhiều công ty sử dụng mã nguồn để thiết kế website phát triển module opencart. .. hạn tập tin Người sử dụng biết nhiều photoshop lập trình sử dụng dễ dàng 3.2 Opencart hệ thống giỏ hàng Như nói trên, Opencart đầu tư công phu cho việc sử dụng, quản lý gian hàng, khách hàng