Tài liệu đề tài thiết kế web bán hàng trực tuyến

TRUNG TÂM ĐÀO TẠO ATHENA QUẢN TRỊ MẠNG VÀ AN NINH QUỐC TẾ ANTHENA -------------- BÁO CÁO THỰC TẬP TỐT NGHIỆP ĐỀ TÀI: THIẾT WEB KẾ BÁN HÀ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: Lâm Hoài Nhân Ngành: Công Nghệ Thông Tin Khóa: 2011 – 2014 TP.HCM, ngày 22 tháng 4 năm 2014 LỜI NÓI ĐẦU ----------------------------Hiện nay trên thế giới thương mại điện tử đang phát triển rất mạnh mẽ. Kỹ thuật số giúp chúng ta tiết kiệm đáng kể các chi phí nhờ chi phí vận chuyển trung gian, chi phí giao dịch. và đặc biệt là giúp tiết kiệm thời gian để con người đầu tư vào các hoạt động khác. Hơn nữa thương mại điện tử còn giúp con người có thể 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 và sở thích của con người. Giờ đây, con người có thể ngồi tại nhà để mua sắm mọi thứ theo ý muốn và các website bán hàng trên mạng sẽ giúp ta làm được điều đó. Chính vì vậy các công nghệ mã nguồn mở trở lên được chú ý vì các tính năng của nó. Giá thành rẻ và được hỗ trợ rất nhiều trên mạng sẽ giúp ta nhanh chóng xây dựng các website bán hàng thân thiện và dễ sử dụng với người dùng. Chính vì vậy trong đồ án này em chọn đề tài về: “Xây dựng Website bán hàng điện tử trực tuyến bằng Opencart”. Đây là 1 hệ thống đơn giản nhưng đủ mạnh để cho phép nhanh chóng xây dựng các ứng dụng bán hàng trên Internet. 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 22 tháng 04 năm 2014 Sinh viên thực hiê nê : LÂM HOÀI NHÂN 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 2014 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á Yếu  Trung bình ........ 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á Yếu  Trung bình ........ 5. Đánh giá khả năng tin học:  Xuất sắc  Giỏi  Khá Yếu  Trung bình ........ 6. Khả năng làm việc nhóm  Xuất sắc  Giỏi Yếu  Khá  Trung bình ........ 7. Khả năng giao tiếp  Xuất sắc  Giỏi Yếu  Khá  Trung bình ........ 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 doanh  Nước ngoài XÁC NHẬN CỦA ĐƠN Vị (Ký tên và đóng dấu xác nhận)  Tư nhân  Liên CÁN BỘ HƯỚNG DẪN (Ký tên và ghi họ tên) .. MỤC LỤC CHƯƠNG I: NỘI DUNG THỰC TẬP TẠI NƠI THỰC TẬP..........................................................1 LỊCH LÀM VIỆC TẠI NƠI THỰC TẬP.......................................................................................1 1. GIỚI THIỆU VỀ TỔ CHỨC CỦA NƠI THỰC TẬP............................................................1 Giới thiệu chung về trung tâm...........................................................................1 Lĩnh vực hoạt động chính:................................................................................2 Đội ngũ giảng viên :..........................................................................................2 TRUNG TÂM ĐÀO TẠO QUẢN TRỊ MẠNG & AN NINH MẠNG QUỐC TẾ ATHENA........8 CHƯƠNG II: PHÂN TÍCH YÊU CẦU XÂY DỰNG WEBSITE......................................................9 I. Phân Tích Yêu Cầu................................................................................................................9 1. Bài toán đưa ra.............................................................................................9 2. Sơ đồ user goal..........................................................................................10 3. Sơ đồ class diagram...................................................................................11 4. Sơ đồ trang web..........................................................................................11 5. Một số bảng cơ sở dữ liệu tiêu biểu...........................................................12 II. Tìm Hiểu Về Mã Nguồn Mở................................................................................................14 1. Khái niệm....................................................................................................14 2. Giới thiệu về một số mã nguồn mở............................................................14 III. Tìm Hiểu Về OpenCart...........................................................................................................15 1. Kiến trúc của Opencart...............................................................................15 2. Opencart là một hệ thống giỏ hàng............................................................18 IV. Công Cụ Lập Trình..................................................................................................................19 1. DreamWeaver.............................................................................................19 2. Công cụ đồ họa...........................................................................................19 3. XAMPP.......................................................................................................20 4. FileZilla Client.............................................................................................20 5. Cài đặt Xampp Control Panel v3.2.1..........................................................20 6. Cài đặt Opencart.........................................................................................21 V. Chỉnh Sửa Website Tại Trang Quản Trị..................................................................................25 1. Chỉnh sửa cấu hình web.............................................................................25 2. Tùy chỉnh danh mục sản phẩm, sản phẩm.................................................28 3. Tùy chỉnh các modul cho website...............................................................32 4. Tùy chỉnh danh mục tin tức, tin tức............................................................33 5. Tùy chỉnh liên kết – silde – banner.............................................................34 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..........................................................................................................36 I. Đưa Website Lên Hosting...................................................................................................36 1. Đăng ký hosting..........................................................................................36 2. Backup (Export) database của Website trên máy Local.............................39 3. Tạo database mới và upload (Restore) database trên hosting đã đăng ký41 6. Tiến hành upload soucre web.....................................................................44 7. Cấu hình file config.....................................................................................45 CHƯƠNG IV: TỐI ƯU HÓA SEO, TẠO 1 SỐ PLUGINS Xà HỘI CỦA FACEBOOK CHO WEBSITE VÀ TÍCH HỢP CỔNG THANH TOÁN TRỰC TUYẾN BẢO KIM.............................47 I. Tạo Like Box Cho Website Trên Fanpage........................................................................47 1. Tạo fanpage cho website............................................................................47 2. Tạo like box cho website............................................................................49 3. Đưa code like box vào website (product)...................................................50 II. Tối Ưu Hóa SEO...................................................................................................................51 1. Dùng SEO URL’s........................................................................................51 2. Tối ưu hóa seo tên sản phẩm và danh mục...............................................52 3. Tối ưu hóa databas.....................................................................................52 III. Tích Hợp Cổng Thanh Toán Trực Tuyến Bảo Kim..........................................................53 1. Tạo website cần tích hợp............................................................................53 2. Xác minh website........................................................................................53 3. Tích hợp website........................................................................................54 CHƯƠNG V. GIỚI THIỆU VỀ WEBSITE BÁN HÀNG DÂN DỤNG..........................................56 I. Nội Dung Website.................................................................................................................56 1. Giao diện trang chủ....................................................................................56 2. Giao diện trang giới thiệu...........................................................................57 3. Giao diện trang tuyển dụng........................................................................57 4. Giao diện sản phẩm điện tử.......................................................................58 5. Giao diện chi tiết sản phẩm........................................................................59 6. Giao diện trang đăng nhập tài khoản..........................................................59 7. Giao diện đăng ký.......................................................................................60 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN...........................................................................................61 TÀI LIỆU THAM KHẢO.....................................................................................................................62 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: Lâm Hoài Nhân Đề tài: Thiết kết website bán hàng dân dụng ..................................................................................................................................................... ..................................................................................................................................................... ..................................................................................................................................................... ..................................................................................................................................................... ..................................................................................................................................................... ..................................................................................................................................................... ..................................................................................................................................................... ..................................................................................................................................................... ..................................................................................................................................................... ..................................................................................................................................................... ..................................................................................................................................................... ..................................................................................................................................................... ..................................................................................................................................................... ..................................................................................................................................................... Điểm Tp.HCM, ngày …. tháng …. năm 2014 Giáo viên hướng dẫn ĐỖ VÕ THẮNG CHƯƠNG I: NỘI DUNG THỰC TẬP TẠI NƠI THỰC TẬP LỊCH LÀM VIỆC TẠI NƠI THỰC TẬP Khi thực tập tại công ty Ban giám đốc của TRUNG TÂM ĐÀO TẠO QUẢN TRỊ MẠNG & AN NINH MẠNG QUỐC TẾ ATHENA đã đưa ra lịch thực tập cho sinh viên như sau: Từ ngày - Đến ngày Nội Dung Ghi Chú Tuần 1 6/3 Tham quan tất cả các phòng làm việc của trung tâm 2 11/3 3 18/3 4 25/3 5 1/4 Gặp giáo viên hướng dẫn thực tập và nhận tài liệu Làm theo giáo viên hướng dẫn và trong tài liệu Cài đăt và chỉnh sửa Modun. Thêm sản phẩm vào website Đưa sản phẩm lên Web, chỉnh sửa bố cục của Web theo ý mình Hai tuầần đầầu tham quan tầất cả các phòng làm việc trung tầm. Làm quen với máy tnh của trung tầm Xầy dựng hệ thốấng quản lý. 1. GIỚI THIỆU VỀ TỔ CHỨC CỦA NƠI THỰC TẬP Giới thiệu chung về 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, 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à. SVTH: Lâm Hoài Nhân Trang 1. 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 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. SVTH: Lâm Hoài Nhân Trang 2. +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ế. Trung Tâm ATHENA 2 Bis Đinh Tiên Hoàng , ĐaKao, Q1 , Tp HCM Trung tâm ATHENA 92 Chiểu ,DaKao, Q1 , Tp HCM SVTH: Lâm Hoài Nhân Trang 3. Nguyễn Đình Khóa học quản trị hệ mạng thống Cisco cho ngân hàng MHB Bank SVTH: Lâm Hoài Nhân Trang 4. Phát chứng chỉ cho các học viên hoàn thành khóa học SVTH: Lâm Hoài Nhân Trang 5. TRUNG TÂM ĐÀO TẠO QUẢN TRỊ MẠNG & AN NINH MẠNG QUỐỐC TẾỐ ATHENA Cơ sở 1: 92 Nguyễn Đình Chiểu, phường Đa Kao, Q1. Điện thoại: (08)38244041 - 090 78 79 477-094 323 00 99(Gần ngã tư Đinh Tiên Hoàng - Nguyễn Đình Chiểu) Cơ sở 2: 2 Bis Đinh Tiên Hoàng, phường Đa Kao, Q1. Điện thoại: (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 : [email protected] - [email protected] SVTH: Lâm Hoài Nhân Trang 6. 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. Bài toán đưa ra Cửa hàng điện máy Trung Thành chuyên cung cấp thiết bị dân dụng: Điện thoại, máy tính, điện tử các loại, tivi các loại, thiết bị nhà bếp các loại, gia dụng các loại. Hiện nay cửa hàng có nhu cầu xây dựng Website giới thiệu các mặt hàng. Trong mỗi loại gồm có: - Máy tính các loại. - Tivi các loại. - Điện thoại các loại. Yêu cầu mỗi loại phải có ảnh đại diện và mô tả cụ thể. Hệ thống phải cho phép khách hàng đặt hàng và gửi đơn đặt hàng cho người quản lý. Trên web có các tiện ích như: sản phẩm tiêu biểu, sản phẩm mới nhất, thống kê lượt truy cập… Để xây dựng được Website này em sử dụng hệ mã nguồn mở Opencart, hiện đang là một hệ mã nguồn rất phổ biến và được hỗ trợ rất nhiều trên các cộng đồng mạng. a. Yêu cầu khách hàng Là những người có nhu cầu cần xem và tìm hiểu các loại mặt hàng. Họ sẽ tìm kiếm các thông tin cần thiết từ hệ thống và đặt mua các mặt hàng này. Vì thế trang web phải thỏa mãn các chức năng sau sở hữu tổng thể. Những gì nhiều hơn, cải tiến mới cho phép các ứng dụng chạy nhanh hơn. - Hiển thị các mặt hàng để khách hàng có thể lựa chọn và xem các mặt hàng cần lựa chọn. - Cung cấp chức năng tìm kiếm các mặt hàng. Với nhu cầu của người sử dụng khi truy cập vào trang web là tìm kiếm các mặt hàng mà họ cần và muốn xem. Đôi lúc cũng có nhiều khách hàng vào website này mà không có ý định xem hay không biết xem gì thì yêu cầu đặt ra cho hệ thống là làm thế nào để khách hàng có thể tìm kiếm nhanh và hiệu quả các mặt hàng mà họ cần tìm. SVTH: Lâm Hoài Nhân Trang 7. - Sau khi khách hàng lựa chọn xong những mặt hàng cần đặt mua thì hệ thống phải có chức năng hiển thị đơn đặt hàng để khách hàng nhập vào những thông tin cần thiết, tránh những đòi hỏi hay những thông tin yêu cầu quá nhiều từ phía khách hàng, tạo cảm giác thoải mái, riêng tư cho khách hàng. - Ngoài ra, còn có một số chức năng như đăng kí, đăng nhập. Khách hàng có thể thay đổi mật khẩu của mình. Khi bạn quan tâm đến thông tin về website như: tin tức hay giá cả, bạn có thể nhập địa chỉ email vào, bạn có thể nhận được các thông tin cập nhật từ website. b. Phía cửa hàng - Thông tin luôn cần đến hệ thống menu rõ ràng và nghiêm túc. Hệ thống menu này sẽ là nơi người dùng chú ý đầu tiên vì ở đó chứa hầu hết các đề mục quan trọng mà họ đang tìm hiểu. Là người làm chủ ứng dụng, có quyền kiểm soát mọi hoạt động của hệ thống. Người này được cấp một username và password để đăng nhập vào hệ thống thực hiện những chức năng của mình. Có thể quản lý được các chức năng (thêm, xóa, sửa) của các mặt hàng trong web. SVTH: Lâm Hoài Nhân Trang 8. 2. Sơ đồ user goal Sơ đồ 2.1: Mô hình user goal SVTH: Lâm Hoài Nhân Trang 9. 3. Sơ đồ class diagram - Sơ đồ 2.2: Sơ đồ class diagram Mỗi khách hàn sẽ quản lý nhiều đơn hàng, nhiều phản hồi từ website bán hàng và có 1 tài khoản duy nhất Một lần giao hàng có thể có nhiều hóa đơn hoặc chỉ có 1 hóa đơn Loại sản phẩm sẽ có nhiều sản phẩm và 1 sản phẩm chỉ thuộc về 1 loại sản phẩm Một nhà cung cấp sẽ cung cấp nhiều loại sản phẩm Đơ hàng và sản phẩm sẽ lằm trong rất hiều chi tiêt đơn hàng SVTH: Lâm Hoài Nhân Trang 10. 4. Sơ đồ trang web Sơ đồ 2.1: Sơ đồ trang web 5. Một số bảng cơ sở dữ liệu tiêu biểu a. Bảng user Hình 2.1: Bảng csdl user b. Sản phẩm SVTH: Lâm Hoài Nhân Trang 11. Hình 2.2: Bảng sản phẩm c. Nhà sản xuất SVTH: Lâm Hoài Nhân Trang 12.