Xây dựng trang web thương mại điện tử trên nền open source
www.athena.edu.vn BÁO CÁO THỰC TẬP ĐỀ TÀI: Xây dựng trang web thương mại điện tử open source GVHD : THẦY VÕ ĐỖ THẮNG MSSV : 51004201 TRƯỜNG : ĐẠI HỌC BÁCH KHOA TP.HCM TP.HCM, ngày 15 tháng năm 2014 LỜI CẢM ƠN TRUNG TÂM QUẢN TRỊ MẠNG & AN NINH MẠNG ATHENA Thực tập giai đoạn quan trọng cho sinh viên hiểu biết thêm thực tế, gắn kết thực tế với lý thuyết chuyên ngành, tiền đề cho việc thực Luận văn Tốt nghiệp Thực tập Doanh nghiệp, công ty giúp sinh viên ngày hoàn thiện kiến thức chuyên môn kinh nghiệm sống Qua đó, phần giúp sinh viên tự tin hơn, lĩnh Nhờ lòng nhiệt tình tâm huyết ban lãnh đạo nhân viên trung tâm ATHENA truyền đạt kiến thức kinh nghiệm quý báu giúp em có tảng cho nghề nghiệp tương lai Đặc biệt em xin chân thành cám ơn thầy Võ Đỗ Thắng hết lòng giúp đỡ hướng dẫn em suốt thời gian thực tập trung tâm để em hoàn thành báo cáo Em hy vọng với hành trang kiến thức sau năm học tập trường kinh nghiệm thực tiễn thực tập trung tâm ATHENA em tự tin để hoạt động lĩnh vực chuyên môn Công nghệ thông tin Hồ Chí Minh ,14/08/2014 Sinh viên thực tập LỜI CÁM ƠN KHOA KHOA HỌC & KỸ THUẬT MÁY TÍNH ĐẠI HỌC BÁCH KHOA HỒ CHÍ MINH Em xin chân thành cảm ơn trường Đại học Bách Khoa khoa Khoa Học & Kỹ Thuật Máy Tính tạo điều kiện cho em thực tập doanh nghiệp Nhờ đợt thực tập giúp cho em nhiều kinh nghiệm quý báu Những kinh nghiệm giúp em hoàn thiện công việc môi trường làm việc sau Em xin cảm ơn quý thầy cô khoa tận tình giảng dạy trang bị cho em kiến thức cần thiết Chính kiến thức hỗ trợ em việc hoàn thành khóa thực tập công nghiệp II Mặc dù em cố gắng hoàn thành báo cáo thực tập công nghiệp II Tuy nhiên có thiếu sót ,rất mong nhận thông cảm ,chia sẻ quý thầy cô để giúp em hoàn thành tốt môn thực tập công nghiệp II Một lần em xin chân thành cảm ơn ! Hồ Chí Minh ,14/08/2014 Sinh viên thực tập TRÍCH YẾU Với phát triển internet mạnh mẽ ngày ,cùng với nhu cầu cập nhật tin tức thường xuyên ,việc phát triển website tin tức thực cần thiết Thông qua trình tự tìm hiểu thân tham khảo ,cho thấy OpenCart hệ quản trị nội dung mã nguồn mở ,cho phép người dùng xuất nội dung lên Internet Trong trình thực thực tập trung tâm Athena , em hoàn thành xây dựng website bán hàng OpenCart Ngoài em tiến hành SEO website ,xây dựng blog vệ tinh cho sản phẩm Quá trình thực tập giúp em có điều kiện cọ sát thực tế ,học hỏi thêm kinh nghiệm để bổ sung kiến thức kỹ cho Em xin cam kết đạt kết thân thực với hướng dẫn nhiệt tình thầy Võ Đỗ Thắng(Giám Đốc Trung Tâm Quản Trị Mạng & An Ninh Mạng Athena) bạn sinh viên thực tập trung tâm Athena Danh sách video: -Giới thiệu thân, quan thực tập đề tài thực https://www.youtube.com/watch? v=R_y9RNPxMaA&list=UUcl1h5BHckR2XQtReXLC1Pg - Hướng dẫn cài đặt xampp http://youtu.be/ rUvLf1cCkbw - Hướng dẫn cài đặt opencart http://youtu.be/ nc_fC6_t4mk - Thuận lợi khó khăn, kết kinh nghiệm đạt http://youtu.be/ 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: Mai Văn Trung Đề tài: Điểm TP.HCM, ngày tháng năm 2014 Giáo viên hướng dẫn Võ Đỗ Thắng MỤC LỤC CHƯƠNG : GIỚI THIỆU VỀ NƠI THỰC TÂP Lĩnh vực hoạt động chính: Đội ngũ giảng viên : Cơ sở vật chất: Dịch vụ hỗ trợ: 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 I.1 Bài toán đưa I.2 Sơ đồ trang web .10 II.Tìm hiểu mã nguồn mở 11 2.1 Khái niệm 11 III Tìm Hiểu Về OpenCart 13 3.1 OpenCart mã nguồn mở 13 3.2 Opencart hệ thống giỏ hàng 15 VI Công Cụ Lập Trình 15 4.1 DreamWeaver 15 4.2 Công cụ đồ họa 16 V XAMPP 17 5.1 FileZilla Client .17 5.2 Cài đặt Xampp Control Panel v3.2.1 17 Cài đặt Opencart 2.0 21 Chỉnh sửa website trang quản trị 26 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 32 Tùy chỉnh modul cho website .39 Xét duyệt nhận xét khách hàng website 40 Tùy chỉnh liên kết – silde – banner .41 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 .43 3.1 Đưa website lên hosting 43 Backup (Export) database Website máy Local 47 Tạo database upload (Restore) database hosting đăng ký 49 Tiến hành upload soucre web 52 Cấu hình file config 54 CHƯƠNG IV TỐI ƯU HÓA SEO VÀ TẠO SỐ PLUGINS XÃ HỘI CỦA FACEBOOK CHO WEBSITE 57 IV Tạo Like Box Cho Website Trên Fanpage .57 Tạo fanpages cho website 57 c Tạo like box cho website 59 Tối Ưu Hóa SEO 61 1.Dùng SEO URL’s 61 Dùng phần mềm addurl google để seo 61 Tối ưu hóa seo tên sản phẩm danh mục 62 CHƯƠNG V GIỚI THIỆU VỀ WEBSITE BÁN HÀNG DÂN DỤNG 63 5.1 Nội Dung Website 63 Giao diện trang chủ 63 Giao diện trang giới thiệu 64 Giao diện trang liên hệ .66 Giao diện khóa học 67 Giao diện chi tiết sản phẩm .67 Giao diện trang đăng nhập tài khoản 68 Giao diện đăng ký 69 VI KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 70 CHƯƠNG : 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 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 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ị 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 ngà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, 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 đạ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 giảng viên trung tâm ATHENA có điều 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ế 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 SVTH: Trang + 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 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 + Ngoài thức, học viên 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: Trang Trung Tâm ATHENA - Bis Đinh Tiên Hoàng , ĐaKao, Q1 , Tp HCM SVTH: Trang Hình 3.21 : Cấu hình file config Đã upload thành công website địa http://daotaoathena.esy.es/ SVTH: Trang 56 CHƯƠNG IV TỐI ƯU HÓA SEO VÀ TẠO SỐ PLUGINS XÃ HỘI CỦA FACEBOOK CHO WEBSITE IV Tạo Like Box Cho Website Trên Fanpage Tạo fanpages 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 Fanpages 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 riêng 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: Trang 57 - 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/pages/TrungtamAthena/242579832617807 - Thêm ảnh bìa ảnh đại diện cho trang fanpaces bạn SVTH: Trang 58 Hình 4.3 Tạo fanpage thành công c Tạo like box cho website - Truy cập địa http://www.opencart.com/ - Tải module facebook: Facebook-Like-Box-Module-v122.zip - Giải nén cài đặt theo hướng dẫn - Vô admin, phần mở rộng, module ta thấy module : Facebook like box, tiến hành cài đặt thông số Hình 4.4: Cài thông số cho facebook like box - Facebook page URL địa url fanpage SVTH: Trang 59 - Width chiều rộng box chứa like hình phía - Height chiều dài color scheme phối màu - Show Frienfs’ Faces thích fanpage - Show header tìm facebook demo - Show posts đăng fanpage website lên box demo hay không - Show border đường viền bên box hay không - Layout nơi muốn hiển thị box nơi trang web - Position nơi đặt vị trí đầu trang hay trái phải - Ấn lưu load trang web để xem kết Hình 4.5: Box hiển bên phải website SVTH: Trang 60 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ài đặt modul mod-rewrite đổi tên htaccess.txt - 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.6: Dùng SEO URL’s Dùng phần mềm addurl google để seo Truy cập đường dẫn sau: https://www.google.com/webmasters/tools/submit-url - Mục url: Nhập url website để google tìm kiếm nhanh website - Điền mã Capcha Ấn gửi yêu cầu SVTH: Trang 61 Hình 4.7: Dùng công cụ addurl Chúng ta nhận thông báo google yêu cầu nhận xử lý nhanh chó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 SVTH: Trang 62 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 CHƯƠNG V GIỚI THIỆU VỀ WEBSITE BÁN HÀNG DÂN DỤNG 5.1 Nội Dung Website Giao diện trang chủ Hiển thị đầu trang chủ logo, trang chủ,yêu thí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 Giới thiệu, Chương trình đào tạo, Lịch khai giảng Lộ trình đào tạo Bên phần SVTH: Trang 63 show khóa học tiêu biểu Ớ danh mục sản phẩm yêu thích cuối thông tin website, khách hàng… Hình 5.1: Giao diện trang chủ Giao diện trang giới thiệu Gới thiệu với khách hàng Trung tâm Đào Tạo sở trung tâm SVTH: Trang 64 Hình 5.2: Giao diện trang giới thiệu SVTH: Trang 65 Giao diện trang liên hệ Những khách hàng có quan tâm tới cửa hàng trực tuyến Sẽ có đầy đủ thông tin để liên hệ qua hướng dẫn website Hình 5.3: giao diện trang liên hệ SVTH: Trang 66 Giao diện khóa học Hiển thị toàn sản phẩm liên quan đến khóa học nhà cung cấp đưa da Khách hàng xem chi tiết đăng ký khóa học cách nhấp vô hình sản phẩm Hình 5.4: Giao diện khóa học Giao diện chi tiết sản phẩm Khách hàng xem toàn thông tin sản phẩm Quan khách hàng mua sản phẩm qua phương thức toán trực tuyến ngân lượng bảo kim SVTH: Trang 67 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 SVTH: Trang 68 Giao diện đăng ký Khách hàng dùng để đăng ký tài khoản nhận tin, mua hàng Hình 5.7: Đăng ký tài khoản SVTH: Trang 69 VI KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN Hướng phát triển - Hoàn thiện phương thức toán trực tuyến an toà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 tiện tích hợp thêm module giúp cho khách hàng cảm thấy thân thiện - Tích cực thực maketing onlice 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 luận - 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 cô 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 sinh viên trường Trung Tâm Đào Tạo Quản Trị Mạng ATHENA giúp đỡ em nhiều thời gian qua SVTH: Trang 70 [...]... trong web SVTH: Trang 9 I.2 Sơ đồ trang web Sơ đồ 2.1: Sơ đồ trang web 1.3 Cách tiến hành xây dựng website Để xây dựng một website thương mại thì trước hết ta phải tạo dựng được cho mình một trang web riêng Để có một website thì đầu tiên chúng ta phải cài đặt XAMPP là một môi trường liên kết giả lập giúp biến máy tính của chúng ta như 1 server ảo, giúp người lập trình có thể giả lập trang web trên. .. (08)22103801 - 094 320 00 88(Cạnh sân vận động Hoa Lư - Cách đài truyền hình Tp HTV 50 mét) Website: http://athena.edu.vn - http://athena.com.vn E-mail : support@athena.edu.vn - tuvan@athena.edu.vn SVTH: Trang 7 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 I.1 Bài toán đưa ra Xây dựng website thương mại điện tử giới thiệu các mặt hàng sản phẩm về các chương trình đào tạo giáo dục Ở đó khách... tính bằng localhost Tiếp đó ta sẽ chọn công cụ hỗ trợ mã nguồn mở (Opensource) lập trình xây dựng trang web trên localhost Sau khi hoàn thành các bước trên chúng ta phải Backup, Restore và đưa website lên host trực tuyến SVTH: Trang 10 Cuối cùng, chúng ta cần một tên miền như một địa chỉ để khách hàng và quản lý có thể theo dõi trang web Chi tiết các bước sẽ được giới thiệu ở dưới II Tìm hiểu về mã... là một mã nguồn mở tạo web thương mại điện tử đã được ra mắt vào ngày 31 tháng 3 năm 2008 Magento được phát triển bởi Varien, với sự giúp đỡ từ các lập trình viên trong cộng đồng mã nguồn mở, nhưng chỉ được sở hữu bởi Magento Inc Magento được xây dựng trên nền tảng Zend Framework Mã nguồn Magento đã được áp dụng rộng rãi bởi các nhà bán lẻ trực tuyến với khoảng 150.000 trang web Magento hiện phát hành... phần chính: core – được xây dựng bởi các lập trình viên, và module – được phát triển bởi cộng đồng Tại thời điểm này có khoảng 9000 module có thể download Drupal được xây dựng từ PHP và nhiều loại database: MySQL, PostgreSQL, SQLite, Microsoft SQL Server, MongoDB hoặc MariaDB III Tìm Hiểu Về OpenCart 3.1 OpenCart là mã nguồn mở Opencart là source nguồn được thiết kế dưới dạng open source cho phép bạn có... tùy thích Dreamweaver còn dúp chúng ta xây dựng các ứng dụng web dựa trên cơ sở dữ liệu, và các trang web động chẳng hạn như CFML (Confusion), ASP.NET, ASP, JSP, và PHP Nếu như có sở thích dùng cơ sở dữ liệu SML, thì Dreamweaver sẽ đưa cho người lập các công cụ mà giúp chúng ta dẽ dàng tạo da các trang XSLT, các tập tin XML, và thể hiện được dữ liệu XML trên trang web Trong thực tế với Dreamweaver, chúng... năng cho một website bán hàng, hiện này opencart đã phát triển hơn có thêm những module như tin tức, giúp website hoàn thiện hơn trong mắt người dùng hiện nay, ở việt nam hiện tại cũng khá nhiều công ty sử dụng mã nguồn này để thiết kế website và phát triển các module của opencart để bán lại cho những người nào mà không chuyên về lập trình SVTH: Trang 13 Hình 2.1 Giao diện Source Opencart Opencart là... database WordPess là “con” của B2/Cafelog, được xây dựng trên sự tiện dụng, cung các mặc định chuẩn web c OpenCart Ngoài tính năng free thì Opencart được biết đến với các tính năng vốn có của nó của 1 Opensource, là có thể sửa đổi, dễ dàng hiệu chỉnh, dễ cải tiến theo hướng phát chiển của bản thân người sử dụng Trong lĩnh vực thiết kế site bán hàng, Opencart quản lý hệ thống CMS lớn với phần mua hàng,... “C:\xampp\htdocs\tên web của mình” xóa thư mục “Install” hoặc có thể đổi tên file thành tên khác Chọn “Goto your Online Shop” để vào shop và chọn “Login to your Administration” để vào trang quản trị Hình 2.12 Cài đặt thành công SVTH: Trang 25 - Bước 6: Đăng nhập vào trang quản trị Với tài khoản và mật khẩu cài đặt ở bước trên Hình 2.13 Đăng nhập trang quản trị Chỉnh sửa website tại trang quản trị Truy cập trang. .. thiết kế, lập trình, phat triển các website, các trang web và các ứng dụng web, cho dù là người thích viết mã bằng tay hay là thực hiện công việc làm web bằng công cụ trực quan, thì Dreamweaver cũng cung cấp cho bạn công cụ hữu ích để cải tiến kinh nghiệm thiết kế web Các tính năng của các công cụ thiết kế trực quan trong Dreamweaver giúp người lập trình tạo ra một trang web mà không cần phải viết bất kỳ ... hàng web SVTH: Trang I.2 Sơ đồ trang web Sơ đồ 2.1: Sơ đồ trang web 1.3 Cách tiến hành xây dựng website Để xây dựng website thương mại trước hết ta phải tạo dựng cho trang web riêng Để có website... support@athena.edu.vn - tuvan@athena.edu.vn SVTH: Trang 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 I.1 Bài toán đưa Xây dựng website thương mại điện tử giới thiệu mặt hàng sản phẩm chương... trình giả lập trang web máy tính localhost Tiếp ta chọn công cụ hỗ trợ mã nguồn mở (Opensource) lập trình xây dựng trang web localhost Sau hoàn thành bước phải Backup, Restore đưa website lên host