Internet ngày càng giữ vai trò quan trọng trong các lĩnh vực khoa học kĩ thuật và đời sống. Thông qua Website khách hàng có thể lựa chọn những sản phẩm mà mình cần một cách nhanh chóng và hiệu quả.
TRƯỜNG ĐẠI HỌC CNTT VÀ TT THÁI NGUYÊN KHOA CNTT BÁO CÁO THỰC TẬP TỐT NGHIỆP Đề Tài : Xây Dựng Website Bán Điện Thoại di động cho chi nhánh Viettel bằng mã nguồn mở OpenCart Giáo viên hướng dẫn : Th.s Phùng Thế Huân Sinh viên thực hiện : Chu Bá Chiến Lớp : HTTT-K9B 1 MỤC LỤC 2 LỜI NÓI ĐẦU Trong những năm gần đây với sự phát triển vượt trội của khoa học kỹ thuật đặc biệt là công nghệ thông tin, với những ứng dụng của công nghệ thông tin vào các lĩnh vực đã đóng góp một phần to lớn cho sự nghiệp phát triển của con người. Trong những đóng góp đó phải kể đến Internet, Internet đang dần trở thành một phần không thể thiếu của cuộc sống. Lợi ích của nó ngày càng được ứng dụng rộng rãi, việc sử dụng một website làm công cụ truyền thông đã quá phổ biến trên phạm vi toàn thế giới.Chính thức có mặt ở Việt Nam từ năm 1997, Internet dần trở thành nhu cầu thiết yếu của người dân Việt Nam. Sau hơn 10 năm phát triển, Việt Nam đã lọt vào Top 20 nước có người sử dụng Internet nhiều nhất (thứ 19, dữ liệu cập nhật vào 30-6-2011) với 30 triệu người sử dụng Internet chiếm 32,3% dân số và chiếm 1,4% số người dùng trên toàn thế giới. Việc sử dụng nền tảng mã nguồn mở vào việc xây dựng một Website đang trở thành một xu hướng lớn trên thế giới. Nhờ đó bỏ dần các rào cản về bản quyền, dễ dàng can thiệp, được cung cấp miễn phí hoặc với giá rẻ, điểm đặc biệt là mã nguồn mở có một cộng đồng lớn người sử dụng tham gia đóng góp, xây dựng và hoàn thiện nó ngày một tốt hơn. Mã nguồn mở được kỳ vọng làm thay đổi diện mạo của ngành công nghệ thông tin. opencart là phần mềm mã nguồn mở được cung cấp miễn phí, sử dụng php và hệ cơ sở dữ liệu MySQL. Với nhiều ưu điểm nổi bật mà PHP và MySQL được rất nhiều người sử dụng. Với lí do đó, được sự hướng dẫn và giúp đỡ của thầy giáo Thạc sỹ Phùng Thế Huân em đã chọn đề tài: ” Xây Dựng Website Bán Điện Thoại di động cho chi nhánh Viettel bằng mã nguồn mở OpenCart.” làm đề tài cho báo cáo thực tập tốt nghiệp của mình. Gồm 4 chương : CHƯƠNG I: CƠ SỞ LÝ THUYẾT CHƯƠNG II:KHẢO SÁT HỆ THỐNG CHƯƠNG III: PHÂN TÍCH THIẾT KẾ HỆ THỐNG CHƯƠNG IV:CÀI ĐẶT CHƯƠNG TRÌNH Tuy nhiên, do thời gian hạn hẹp, mặc dù đã nỗ lực hết sức mình nhưng chắc rằng đồ án khó tránh khỏi thiếu sót. Em rất mong nhận được sự thông cảm, những lời góp ý và chỉ bảo tận tình của quý Thầy Cô và các bạn. 3 LỜI CẢM ƠN Em xin chân thành cảm ơn các thầy cô trong bộ môn Hệ Thống Thông Tin cùng toàn thể các thầy cô trường Đại Học Công Nghệ Thông Tin và Truyền Thông – Đại học Thái Nguyên đã truyền đạt cho chúng em những kiến thức quý giá trong thời gian qua. Em xin chân thành cảm ơn Thầy Phùng Thế Huân đã tận tình hướng dẫn, chỉ bảo em trong suốt quá trình thực hiện đề tài. Cuối cùng em xin cảm ơn các bạn trong khoa Công Nghệ Thông Tin, những người đã giúp đỡ, chia sẻ kiến thức, tài liệu…trong suốt quá trình thực hiện nghiên cứu đề tài. Trong phạm vi khả năng cho phép, em đã rất cố gắng để hoàn thành đề tài một cách tốt nhất. Xong chắc chắn sẽ không tránh khỏi những thiếu sót. Em kính mong nhận được sự cảm thông và những ý kiến đóng góp của quý thầy cô và các bạn. Em xin chân thành cảm ơn ! Thái nguyên, tháng 03 năm 2015 Sinh viên thực hiện Chu Bá Chiến 4 LỜI CAM ĐOAN Em xin cam đoan: Những nội dung trong đề tài này là do em thực hiện dưới sự hướng dẫn trực tiếp của thầy giáo Phùng Thế Huân, giảng viên bộ môn Hệ Thống Thông Tin, Trường Đại Học Công Nghệ Thông Tin Và Truyền Thông. Mọi tham khảo trong đề tài đều được trích dẫn rõ ràng tên tài liệu, tên tác giả và năm phát hành. Mọi sao chép không hợp lệ, vi phạm quy chế, hay gian trá, em xin chịu hoàn toàn trách nhiệm. Sinh viên Chu Bá Chiến 5 CHƯƠNG I: CƠ SỞ LÝ THUYẾT 1.1 TÌM HIỂU VỀ MÃ NGUỒN MỞ 1.1.1 Khái niệm Mã nguồn mở là thuật ngữ chỉ các sản phẩm, phần mềm công khai mã nguồn mở (source code). Người dùng không phải trả một khoản chi phí nào, hơn thế nữa họ có quyền xem, sửa đổi, cải tiến, nâng cấp theo một con số nguyên tắc chung quy định trong giấy phép phần mềm nguồn mở General Public Licence – GPL. Ông tổ của mã nguồn mở là Richard Stallman, người xây dựng dự án GNU, và cho ra giấy phép mã nguồn mở GPL, hai nền tảng then chốt cho sự phát chiển của mã nguồn mở 1.1.2 Giới thiệu về một số mã nguồn mở a. Joomla Joomla là một hệ điều quản trị nội dung mã nguồn mở (Tiếng anh: Open source content Mangment Stystems). Joomla được viết bằng ngôn ngữ PHP và kết nối cơ sở dữ liệu MySQL, cho phép người sử dụng có thể dễ dàng xuất bản các nội dung của họ lên Internet. b. WordPress WordPress là một CMS, một mã nguồn mở và hoàn toàn miễn phí để làm blog, trang web cá nhân hoặc bất cứ gì mà bạn thích. WordPress được viết bằng ngôn ngữ lập trình PHP và sử dụng MySQL database. WordPess là “con” của B2/Cafelog, được xây dựng trên sự tiện dụng, cung cấp 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, điểm thưởng. Điều mà người viết tâm đắc nhất ở Opensource là chế độ tự buid Theme, tạo khả năng sáng tạo cho người dùng, cùng với chế độ quản lý điểm cộng, điểm thưởng, quản lý gian hàng cực kì rõ ràng và hiệu quả, tính dễ sử dụng cũng là một điều người viết cũng cân nhắc. Các Opensource mỗi loại đều có thế mạnh riêng, không có loại nào hơn loại nào, nhưng từ khi người viết sử dụng Opencart thì ngạc nhiên với tính năng mà nó đem lại: 6 - Hệ thống tính điểm Coupon - Thẻ quà tặng - Xếp hạng các hạng mục sản phẩm - SEO - Tiền tệ. 1.2 TÌM HIỂU VỀ OPENCART 1.2.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ó thể sử dụng free, đây là một bộ code được viết bằng PHP được phát triển lên để giành cho giải pháp bán hàng trực tuyến, gồm gần như đầy đủ các chức năng cho một website bán hàng, hiện nay 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. Opencart là một mã nguồn mở miễn phí nó có thể dùng để sửa đổi, dễ điều chỉnh, dễ cải thiện theo hướng phát triể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, điểm thưởng. Opencart có tính năng rất độc đáo đó là tự buil theme, tạo khả năng sáng tạo cho người dùng, cùng với chế độ quản lý điểm cộng, điểm thưởng, quản lý gian hàng cực kỳ rõ ràng và hiệu quả, tính dễ sử dụng cũng là một điều người viết cũng cân nhắc. Opencart có những chức năng rất đa dạng: các opencartsource mỗi loại đều có thế mạnh riêng, không có loại nào hơn loại nào, nhưng từ khi người viết sử dụng Opencart thì thấy ngạc nhiên với các chức năng nó mang lại. Opencart cho phép điểm thưởng, quà tặng, có thể sắp xếp các hạng danh mục của sản phẩm, có hỗ trợ SEO URL, SEO TAG, SEO KEYWORD, tiền tệ đa dạng. Opencart rất dễ sử dụng các module trong opencart rất trực quan và dễ sử dụng, giúp các bạn có thể tùy chỉnh một cách đơn giản nhất có thể. Cộng đồng phát triển mạnh (cả miễn phí và thương mại), cộng đồng ngày càng được phát triển mạnh ở Việt Nam, vì thế sự hỗ trợ là rất lớn, và nhanh chóng. Đặc biệt nhà phát triển có thể tùy chỉnh những gì mình thích, có thể 7 đào sâu nghiên cứu, và không giới hạn tập tin. Người sử dụng biết ít nhiều về photoshop và một ít về lập trình có thể sử dụng được dễ dàng. 1.2.2 Opencart là một hệ thống giỏ hàng Như đã nói trên, Opencart đầu tư khá công phu cho việc sử dụng, quản lý các gian hàng, và khách hàng. Nó chứa các mô đun sử dụng các mục đích khác nhau, như giới thiệu sản phẩm, sản phẩm được đưa ra trưng bày… a. Ưu điểm và nhược điểm của opencart - Ưu điểm: Cài đặt đơn giản và nhanh chóng. Dễ dàng cấu hình và tùy chỉnh theo ý thích Coder dễ dàng nắm bắt và phát triển Template nhẹ nhàng, hỗ trợ nhiều Jquery Thân thiện với người sử dụng Hỗ trợ tốt về đa ngôn ngữ Format code rõ ràng theo chuẩn MVC Cộng đồng phát triển mạnh Hỗ trợ mutilstore - Nhược điểm Không hỗ trợ hooks, khi thêm một modules mới cần phải tác động đến phân code mặc định. 1.3 CÔNG CỤ LẬP TRÌNH 1.3.1 DreamWeaver Dreamweaver là một trương trình biên tập HTML chuyên nghiệp, nhằm phục vụ cho việc thiết kế, lập trình, phát 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ỳ một dòng mã nào. Có thể quan sat tất cả các thành phần site hay tài nguyên web và kéo chúng vào tài liệu một cách dễ dàng từ một panel. Ngoài ra, chúng ta còn có thể luồng dây phát triển vào website bằng cách tạo ra và chỉnh sửa các tấm ảnh trong các ứng dụng đồ họa khác, Dreamweaver còn cung cấp các công cụ giúp người ta có thể dễ dàng thêm các tài nguyên Flash vào trong các web. Ngoài các chức năng kéo và thả giúp chúng ta xây dựng các trang web, Dreamweaver còn cung cấp một môi trường viết mã chuyên nghiệp bao gồm các công cụ biên tập mã (chẳng hạn như, màu cú pháp, tự động đóng tab, và thu mã thành một dòng), các bản tham 8 khảo CSS, javacript, ColdFusion,… Công nghệ RoundTrip HTML sẽ chèn vào những tài liệu viết tay mà không hề định dạng lại mã, sau đó có thể chỉnh lại mã theo cách viết tùy thích. Dreamweaver còn giú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 ra 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 ta có thể tạo ra các đối tượng và các lệnh cho riêng bàn thân mình, chúng ta còn có thề chỉnh sửa các phím tắt ứng dụng, hay thậm chí viết thế mã javascript vào phần Extend Dreamweaver tạo ra các behavior mới, các thanh thuộc tính mới, và các báo cáo site. 1.3.2 Công cụ đồ họa Adobe Photoshop là phần mềm xử lý hình ảnh (image-proceesing software) chuyên nghiệp, Photoshop cho phép người sử dụng sửa ảnh (retouching), ghép ảnh (composing), phục chế ảnh (retoration), tô màu ảnh (painting) một cahs dễ dàng và hiệu quả. Phần mềm này là một công cụ không thể thiếu của các nhiếp ảnh gia, các nhà thiết kế đồ họa, thiết kế web và biên tập video. Ngoài ra Adobe Photoshop còn phối hợp rất tốt với các phần mềm của Adobe như: - Phần mềm vẽ trang trí và minh họa (illustration software) Adobe Illustrator. - Phần mềm sắp chữ và chình bày (typesetting and layout software) Adobe InDesign. - Phần mềm tạo hình ảnh động (Animation software) Adobe Flash. - Phần mềm thiết kế trang web (Web design software) Adobe Dreamweaver 1.4 Giới thiệu về Appserv AppServ là một gói đầy đủ tính năng của Apache, MySQL, PHP, phpMyAdmin. Được lấy ý tưởng của Phanupong Panyadee (người sáng lập trang AppServ – tại Thái Lan) sau khi thấy việc phức tạp của việc quản trị từng phần mềm làm cho mọi người chóng mặt. Việc cài đặt AppServ rất đơn giản chỉ mất thời gian khoảng 1 phút. Trong một gói Appserv bao gồm: –Apache –PHP 9 –MySQL – PhpMyAdmin Mục tiêu của AppServ sau khi cài đặt, bạn có thể thiết lập máy chủ web, máy chủ cơ sở dữ liệu trong 1 phút. AppServ chạy tốt nhất trên hệ điều hành Linux/Unix do hệ điều hành Windows là không đủ tốt cho tải nặng server. Windows web hoặc cơ sở dữ liệu hệ điều hành kiến trúc sử dụng bộ nhớ nhiều hơn là hệ điều hành Linux/Unix. Tuy nhiên để làm việc bình thường không cần tốc độ quá cao bạn có thể cài nó trên Windows. Appserv có nhiều phiên bản, bản mới nhất là 2.6.0. Tuy nhiên không nhất thiết bạn phải update mỗi khi có một phiên bản mới mà nên tìm phiên bản nào phù hợp với sự làm việc của mình. Hôm nay, mình sẽ hướng dẫn các bạn cài bản AppServ 2.5.10 lên Windows. 1.4.1 Cài đặt AppServ lên localhost Trước hết bạn vào trang chủ của AppServ để download AppServ. Sau đây là từng bước cài đặt AppServ 1. Kích hoạt file appserv-win32-2.5.10.exe để bắt đầu cài đặt: Hình 1.1:Bắt đầu cài đặt 10 [...]... điện thoại viettel chuyên cung cấp các mẫu Điện thoạ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ó: - Đ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 đã truy cập vào website 8.Xem điện thoại mới: Khách hàng có thể xem thông tin các điện thoại mới nhất của cửa hàng Đầu vào: Thông tin về sản phẩm Xử lý: Hệ thống sẽ lựa chọn những sản phẩm mới nhất mà người quản trị web nhập vào, trả về kết quả, hiển trị cho người dùng xem Đầu ra: Thông tin về mặt hàng mới nhất 35 9.Xem điện thoại bán chạy: Hiển thị thông tin các điện thoại bán chạy nhất của của... THỐNG 3.1 Các chức năng của website 3.1.1 Chức năng phía frontend STT Chức năng Mô tả 1 Xem hàng Người xem có thể xem thông tin về điện thoại di động bao gồm: tên điện thoại, hãng sản xuất, giá điện thoại, tình trạng còn hàng hay hết hàng 2 Bình luận Người xem có thể bình luận về sản phẩm, nội dung và thông tin người bình luận cần lưu trong database 3 Đặt hàng Chức năng cho phép khách hàng duyệt sản... Thống kê truy Đếm số lượng người dùng đã vào website cập 8 Xem điện thoại Hiển thị các điện thoại mới nhất cho người xem mới 9 Xem điện thoại Hiển thị thông tin các điện thoại được bán chạy nhất cho người bán chạy xem 33 a Chi tiết chức năng phía frontend 1.Xem hàng: Khách hàng truy cập vào địa chỉ của website trên thanh url, chọn vào các page trên site để xem thông tin Đầu vào: Thông tin yêu cầu của khách... cần xây dựng như việc thiết kế giao di n, yêu cầu về chức năng và yêu cầu về bảo mật Các mẫu biểu dùng cho bán máy tính: 23 Phiếu xuất kho 24 Phiếu nhập kho 25 Hóa đơn bán hàng 26 Thẻ kho 27 HÌnh ảnh về công ty 28 2.2 Phân tích yêu cầu đề tài 2.2.1 Tóm tắt hoạt động của hệ thống mà dự án sẽ được ứng dụng: - Là một Website chuyên giới thiệu, bán sản phẩm về máy tính, các linh kiện phụ tùng máy tính cho. .. lên cho người dùng Đầu ra: Thông tin về điện thoại bao gồm tên điện thoại, hãng sản xuất, màu sắc, kích thước, giá cả, tình trạng… 2.Bình luận: Người xem có thể chia sẻ cảm nghĩ của họ về sản phẩm, thông tin bình luận của khách hàng sẽ được lưu vào database bao gồm tên khách hàng, số điện thoại của khách hàng cùng nội dung mà khách hàng bình luận Đầu vào: Thông tin về người bình luận bao gồm tên, số điện. .. 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 1.1.2 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... (Username), mật khẩu đăng nhập (password) o Giao di n người quản trị Đơn giản, dễ quản lý và không thể thiếu các mục như: + Quản lý sản phẩm + Quản lý khách hàng + Quản lý đăng nhập + Quản lý mọi thay đổi của website 31 - Về nghiệp vụ: +Người xây dựng nên hệ thống phải am hiểu về thương mại điện tử, hiểu rõ cách thức mua bán hàng qua mạng + Người xây dựng nên hệ thống đặc biệt phải hiểu rõ các thông... khi nháy Finish 15 1.4.2 Cài đặt Opencart Tiến hành tải phần mềm mã nguồn mở Opencart: - Truy cập địa chỉ để download Opencart: http://www .Opencart. com/index.php? ro nload/download - Sau khi tải xong tiến hành giải nén tập tin : nhấp chuột phải lên tập tin - Chọn Extract Here - Copy thư mục “ Upload ” vừa giải nén ra và paste vào “C:\xampp\htdocs” Tiến hành cài đặt opencart - Chạy đường dẫn “ http://localhost/phpmyadmin... hàng Cho phép khách hàng có thể xem, điều chỉnh mặt hàng mình đã chọn mua Bao gồm tính tổng giá sản phẩm mà khách hàng mua 5 Tìm kiếm sản Khách hàng nhập thông tin vào thanh tìm kiếm để tìm kiếm sản phẩm 6 phẩm Quảng cáo Trên website có 1 banner quảng cáo, khi click vào hình ảnh đó thì dẫn đến trang nguồn 7 Thống kê truy Đếm số lượng người dùng đã vào website cập 8 Xem điện thoại Hiển thị các điện thoại . NGHIỆP Đề Tài : Xây Dựng Website Bán Điện Thoại di động cho chi nhánh Viettel bằng mã nguồn mở OpenCart Giáo viên hướng dẫn : Th.s Phùng Thế Huân Sinh viên thực hiện : Chu Bá Chi n Lớp : HTTT-K9B 1 MỤC. Thạc sỹ Phùng Thế Huân em đã chọn đề tài: ” Xây Dựng Website Bán Điện Thoại di động cho chi nhánh Viettel bằng mã nguồn mở OpenCart. ” làm đề tài cho báo cáo thực tập tốt nghiệp của mình. Gồm. mã nguồn mở là Richard Stallman, người xây dựng dự án GNU, và cho ra giấy phép mã nguồn mở GPL, hai nền tảng then chốt cho sự phát chi n của mã nguồn mở 1.1.2 Giới thiệu về một số mã nguồn mở a.