Xây dựng website bán hàng điện tử điện lạnh

Xây dựng Website bán hàng điện tử điện lạnh.docXây dựng Website bán hàng điện tử điện lạnh.docXây dựng Website bán hàng điện tử điện lạnh.docXây dựng Website bán hàng điện tử điện lạnh.docXây dựng Website bán hàng điện tử điện lạnh.docXây dựng Website bán hàng điện tử điện lạnh.docXây dựng Website bán hàng điện tử điện lạnh.docXây dựng Website bán hàng điện tử điện lạnh.docXây dựng Website bán hàng điện tử điện lạnh.docXây dựng Website bán hàng điện tử điện lạnh.doc

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT HƯNG YÊN ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC HƯNG YÊN - 2014 2014 BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT HƯNG YÊN NGÀNH: CÔNG NGHỆ THÔNG TIN CHUYÊN NGÀNH: ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC NGƯỜI HƯỚNG DẪN HƯNG YÊN - 2014 Xây dựng Website bán hàng điện tử điện lạnh MỤC LỤC 3 Xây dựng Website bán hàng điện tử điện lạnh DANHSÁCH HÌNH VẼ 4 Xây dựng Website bán hàng điện tử điện lạnh DANH SÁCH TỪ VIẾT TẮT Từ viết tắt CMS CSDL CSS Từ đầy đủ Content Management System Cơ sở dữ liệu Cascading Style Sheets Giải thích Hệ quản trị nội dung Cơ sở dữ liệu Một ngôn ngữ quy định cách trình bày của các thẻ html trên FOSS HTML PHP PMNM UML Free & Open Source Software trang web Phần mềm mã ngồn mở và miễn HyperText Markup Language phí Là ngôn ngữ liên kết siêu văn Personal Home Page Phần mềm nguồn mở Unified Modeling Language bản Ngôn ngữ lập trình Phần mềm nguồn mở Ngôn ngữ mô hình hóa thống nhất 5 Xây dựng Website bán hàng điện tử điện lạnh TỔNG QUAN VỀ ĐỀ TÀI 1.1 Lý do chọn đề tài Hiện nay công nghệ web phát triển rất mạnh, đi đôi với đó là hàng loạt các công nghệ mới hỗ trợ việc thiết kế website và phần mềm kéo theo sự thương mại hóa phát triển và đòi hỏi mọi giao dịch ngày càng phải được đơn giản, nhanh hơn. Hiện nay bán hàng trực tuyến không còn xa lạ gì với rộng khắp toàn cầu hóa của mạng Internet. Nhằm xây dựng được một ứng dụng cụ thể, mang tính thương mại cao. Có nhiều Website xây dựng với định hướng giúp cho việc mua sắm, đặt hàng của khách hàng diễn ra nhanh chóng, dễ dàng, thuận tiện, ít tốn kém thời gian, công sức mà vẫn lựa chọn được sản phẩm ưng ý nhất. Với những lý do thiết yếu trên, em đã lựa chọn đề tài “Xây dựng website bán hàng điện tử điện lạnh” dựa trên hệ quản trị nội dung Nukeviet. 1.2 Mục tiêu của đề tài • Khảo sát, xác định yêu cầu của người dung, yêu cầu của hệ thống. • Phân tích, thiết kế hệ thống website đáp ứng các yêu cầu đặt ra. • Cài đặt website theo thiết kế. • Thử nghiệm website trên Internet hoặc mạng nội bộ. 1.3 Giới hạn và phạm vi của đề tài Biết được mã nguồn mở là gì,tìm hiểu các mã nguồn mở hiện có,đặc biệt là tìm hiểu kĩ về mã nguồn mở NukeViet. Thực hiện cài đặt,cấu hình và chạy được mã nguồn mở NukeViet. Từ đó xây dựng dựng một Website bán hàng điện tử điện lạnh sử dụng mã nguồn mở NukeViet. 1.4 Nội dung thực hiện Tham khảo một số Website bán hàng trên Internet để học hỏi cách thiết kế một website bán hàng điện tử điện lạnh. Tìm hiểu và cài đặt mã nguồn mở NukeViet. Cài đặt Web Sever : Vertrigo. 6 Xây dựng Website bán hàng điện tử điện lạnh Thiết kế giao diện Website sao cho thân thiện với người dùng. 7 Xây dựng Website bán hàng điện tử điện lạnh CƠ SỞ LÝ THUYẾT 1.5 Mã nguồn mở. 1.5.1 Khái niệm Phần mềm nguồn mở là phần mềm với mã nguồn được công bố và sử dụng một giấy phép nguồn mở. Giấy phép này cho phép bất cứ ai cũng có thể nghiên cứu, thay đổi và cải tiến phần mềm, và phân phối phần mềm ở dạng chưa thay đổi hoặc đã thay đổi. Năm 1998 một nhóm người chủ trương rằng thuật ngữ phần mềm tự do nên được thay thế bằng phần mềm nguồn mở vì thuật ngữ này ít mơ hồ hơn và dễ sử dụng hơn cho giới doanh nghiệp. 1.5.2 a) Lợi ích và hạn chế Lợi ích • Chi phí thấp: PMNM được dùng miễn phí về bản quyền và nếu có chi phí thì cũng chỉ là chi phí cho đóng gói sản phẩm và dịch vụ cho sản phẩm. Vì vậy, chi phí rất thấp so với các phần mềm thương mại. • Độc lập: PMNM không bị lệ thuộc vào bất kỳ một nhà cung cấp nào. Sự độc lập này là rất quan trọng vì các cơ quan Nhà nước đều cần có những giải pháp chung, chuẩn hóa và không muốn phụ thuộc vào các sản phẩm sở hữu riêng của các nhà cung cấp. • Tính thích ứng và sáng tạo: Thực tế đã cho thấy rất ít chương trình có thể tồn tại không cần thay đổi, nâng cấp trong một thời gian dài. Vì thế, khả năng cho phép lập trình viên xác định và sửa các lỗi cũng như thích ứng phần mềm với các yêu cầu mới phát sinh là một vấn đề rất quan trọng. Sự sẵn sàng có mã nguồn và có quyền thay đổi chúng giúp cho công việc này dễ dàng hơn. Việc có được mã nguồn cũng giúp những nhà lập trình sáng tạo ra phần mềm riêng của mình, đặc biệt đối với thế hệ trẻ và các doanh nghiệp phục vụ các yêu cầu đa dạng của khách hàng. 8 Xây dựng Website bán hàng điện tử điện lạnh b) Hạn chế • Đa dạng và phức tạp : Cộng đồng mã nguồn mở đã phát triển nhiều ứng dụng đa dạng với những chức năng tương tự nhau. Điều này gây khó khăn cho những người mới sử dụng trong việc chọn lựa. • Sự dư thừa: Sự chia nhánh mã nguồn có thể dẫn đến sự lãng phí trong quá trình phát triển nó. Nếu các nguồn phát triển được kết hợp và tổ chức lại một cách tốt hơn thì hiệu suất sẽ được nâng cao. • Thiếu các ứng dụng: Vẫn còn những lĩnh vực vắng bóng các PMNM. (Ví Dụ: một trình biên soạn HTML như MS Frontpage) • Bất tiện: Mã nguồn mở thường chỉ tập trung vào các mã của nó mà ít chú ý đến thiết kế giao diện và phát triển các tiện ích. Tính tương hỗ với các hệ thống phần mềm đóng: Các phần mềm nguồn mở, nhất là khi cài trên máy để bàn, thường không hoàn toàn tương thích với phần mềm đóng. 1.6 Giới thiệu về ngôn ngữ lập trình PHP 1.6.1 PHP là gì? Cái tên PHP ban đầu được viết tắt bởi cụm từ Personal Home Page và được phát triển từ năm 1994 bởi Rasmus Lerdorf. Lúc đầu chỉ là bộ đặc tả Perl, được sử dụng để lưu dấu vết người dùng trên các web. Sau đó Rasmus Lerdorf đã phát triển PHP như là một máy đặc tả (Scripting engine). Vào giữa năm 1997, PHP đã phát triển nhanh chóng trong sự yêu thích của nhiều người. PHP đã không còn là một dự án cá nhân của Rasmus Lerdorf và đã trở thành công nghệ web quan trọng. Zeev Suraski và Andi Gutmans đã hoàn thiện việc phân tích cú pháp cho ngôn ngữ để rồi tháng 6 năm 1998, PHP3 đã ra đời (phiên bản này có phần mở rộng là *.php3). Cho đến tận thời điểm đó, PHP chưa 1 lần được phát triển chính thức, một yêu cầu viết lại bộ đặc tả được đưa ra, ngay sau đó PHP4 ra đời (phiên bản này có phần mở rộng không phải là *.php4 mà là *php). PHP4 nhanh hơn PHP3 rất nhiều. PHP bây giờ được gọi là PHP Hypertext PreProcesor. Tính đến thời điểm hiện thời, phiên bản PHP ổn định mới nhất là 5.3.5. 9 Xây dựng Website bán hàng điện tử điện lạnh 1.6.2 Tại sao ta nên sử dụng PHP Như chúng ta đã biết, rất nhiều website được xây dựng bởi ngôn ngữ HTML (Hypertext Markup Language). Đây chỉ là những website tĩnh, nghĩa là chứng chỉ chứa đựng một nội dung cụ thể với những dòng văn bản đơn thuần, hình ảnh và có thể được hỗ trợ bởi ngôn ngữ JavaScript hoặc Java Apple. Tuy nhiên, website cần được cập nhật nội dung một cách linh hoạt dễ dàng, vì vậy nó cần tới cơ sở dữ liệu. Các website như vậy được gọi là website động. Bởi nội dung của chúng luôn thay đổi tuỳ thuộc vào dữ liệu và người sử dụng. PHP là ngôn ngữ đáp ứng được những yêu cầu trên. Bằng cách chạy chương trình PHP trên máy chủ Web Sever, chúng ta có thể tạo ra ứng dụng có sự tương tác với cơ sở dữ liệu. Chúng ta hãy xem xét cách hoạt động của những trang web được viết bằng ngôn ngữ HTML và PHP như thế nào: Hình 2-1: Hoạt động của website viết bằng HTML Khác với các trang HTML, khi một trang PHP được yêu cầu, web server phân tích và thi hành các đoạn mã PHP để tạo ra trang HTML. Điều này được thực hiện bằng bốn bước sau: - Đọc yêu cầu từ phía browser. - Tìm trang web trên server. 10 Xây dựng Website bán hàng điện tử điện lạnh - Thực hiện các đoạn mã PHP trên trang web đó để sửa đổi nội dung của trang. - Gửi nội dung cho browser ở dạng HTML. Hình 2-2: Hoạt động của website viết bằng PHP Tóm lại, sự khác nhau giữa HTML và PHP là HTML không được thực hiện xử lý trên máy chủ Web server còn các trang viết bằng mã PHP được thực hiện và xử lý trên máy chủ Web server, do đó PHP linh động và mềm dẻo hơn. 1.6.3 Các thế mạnh của PHP PHP thực hiện với tốc độ rất nhanh hiệu quả. Một Server bình thường có thể đáp ứng được hơn hàng chục triệu truy cập trong một ngày. PHP hỗ trợ kết nối tới rất nhiều CSDL khác nhau như PostgreSQL, Microsoft SQL Server, Oracle, dbm, filePro... Ngoài ra còn hỗ trợ kết nối tới ODBC thông qua đó có thể kết nối với nhiều ngôn ngữ khác mà ODBC hỗ trợ. PHP cung cấp một hệ thống thư viện phong phú và ngày càng phát triển. Do PHP ngay từ đầu được thiết kế nhằm mục đích xây dựng và phát triển các ứng dụng trên web nên PHP cung cấp rất nhiều hàm xây dựng sẵn giúp thực hiện các công việc rất dễ dàng: gửi, nhận mail, làm việc với cookie… PHP là một ngôn ngữ rất dễ dùng, dễ học và đơn giản hơn nhiều so với các ngôn ngữ khác như Perl, Java. Đặc biệt, PHP là ngôn ngữ mã nguồn mở. Có rất 11 Xây dựng Website bán hàng điện tử điện lạnh nhiều phần mềm website mã nguồn mở được viết trên nền tảng của PHP như Joomla, Drupal, Nukeviet... 1.7 Giới thiệu về phần mềm mã nguồn mở Nukevie 1.7.1 NukeViet là gì? NukeViet là một phần mềm chạy trên máy chủ Web dùng để quản lý các website, cổng thông tin điện tử, báo điện tử, hệ thống thương mại điện tử, vận hành các mạng xã hội... cũng như hầu hết các nhu cầu làm việc trực tuyến khác. Phiên bản đang được phát hành theo giấy phép phần mềm tự do nguồn mở có tên gọi đầy đủ là NukeViet CMS gồm 2 phần chính là phần nhân (core) của hệ thống NukeViet và nhóm chức năng quản trị nội dung của CMS. Năm 2004, từ việc sử dụng sản phẩm PHP - Nuke để làm cho website người Việt xa xứ , Nguyễn Anh Tú - một lưu học sinh người Việt tại Nga - đã cùng cộng đồng Việt hóa, cải tiến thành NukeViet và đã liên tục được phát triển và trở thành một ứng dụng thuần Việt. 1.7.2 Sơ lược lịch sử NukeViet NukeViet có quá trình phát triển từ năm 2004, từ việc sử dụng sản phẩm PHPNuke để làm cho website cá nhân, Nguyễn Anh Tú - một lưu học sinh người Việt tại Nga - đã cùng cộng đồng Việt hóa, cải tiến thành NukeViet. Được sự đón nhận của đông đảo người sử dụng, NukeViet đã lien tục được phát triển và trở thành một ứng dụng thuần Việt. Cho đến phiên bản 3.0, đội ngũ phát triển NukeViet đã tách khỏi ảnh hưởng lạc hậu của PHPNuke và xây dựng NukeViet thành một ứng dụng khác biệt hoàn toàn. Với 100% dòng code được viết mới, NukeViet 3.0 đã cho kết quả là Website đạt chuẩn xHTML 1.0 và CSS 2.1 cũng như hỗ trợ Ajax từ trong bộ nhân. Kể từ năm 2010, NukeViet đã phát triển theo mô hình chuyên nghiệp, đội ngũ quản trị đã thành lập doanh nghiệp chuyên quản. Mặc dù từ phiên bản 3.0, NukeViet được viết mới hoàn toàn và trong quá trình phát triển của mình, nhiều cái tên đã được đưa ra để thay thế nhưng cuối cùng, theo kiến nghị của cộng đồng người sử dụng, cái tên NukeViet đã được giữ lại để nhớ rằng NukeViet được khởi đầu từ PHP-Nuke và để cảm ơn Franscisco Burzi Tác giả PHP-Nuke vì chính ông là 12 Xây dựng Website bán hàng điện tử điện lạnh nhân tố để có một cộng đồng mã nguồn mở NukeViet với hàng chục ngàn người dùng như hiện nay. Ngày 20-11-2011, NukeViet giành giải Ba Nhân tài Đất Việt 2011 ở Lĩnh vực Công nghệ thông tin/Sản phẩm đã ứng dụng rộng rãi (không có giải nhất, nhì). Dù NukeViet 3 đã được viết mới hoàn toàn nhưng nó vẫn chịu những ảnh hưởng từ PHP-Nuke ở những điểm sau: - NukeViet được viết bằng ngôn ngữ PHP và sử dụng cơ sở dữ liệu MySQL là chủ yếu, cho phép người sử dụng có thể dễ dàng xuất bản và quản trị các nội dung của họ lên Internet hoặc Intranet. - NukeViet vẫn sử dụng các khái niệm Module, Block, Theme cho hệ thống của mình mặc dù cấu trúc và công nghệ cho nó đã được đội ngũ phát triển NukeViet cải tiến hoàn toàn. 1.7.3 Ứng dụng NukeViet Nukeviet đáp ứng các đặc tính của một ứng dụng Web 2.0: - Hệ thống Nukeviet có thể chạy được nhiều nền khác nhau IIS hoặc Apache. Là hệ thống mã nguồn mở, được cập nhật liên tục. Việc phát triển ứng dụng được thực hiện dễ dàng và nhanh chóng. Nukeviet có khả năng hoạt động tốt trên nhiều trình duyệt. Khả năng tùy biến giao diện cao. 1.7.4 a) Ưu nhược điểm của NukeViet Ưu điểm • Là một hệ thống mã nguồn mở. • Nukeviet tạo điều kiện thuận lợi cho người dùng, đặc biệt là đối với người dùng không có kiến thức chuyên sâu về lập trình. • Nhiều Theme được xây dựng cung cấp miễn phí cho người dùng, việc sử dụng Theme đơn giản tạo điều kiện xây dựng website bắt mắt. • Giao diện quản trị hiện đại, với cấu trúc rõ ràng, việc cài đặt các modul khá đơn giản. • Hỗ trợ việc xây dựng Site đa ngôn ngữ. • Tùy biến site bằng Block. • Hệ thống quản lý người dùng. • Hệ thống ổn định và an toàn (Stable and Security). 13 Xây dựng Website bán hàng điện tử điện lạnh • Quản lý CSDL người sử dụng có thể tối ưu, sao lưu trên máy chủ và tải dữ liệu về để phục vụ cho công tác phục hồi nếu xảy ra sự cố. • Kiểm soát lỗi tự động và báo lỗi thông minh. • Hệ thống dễ dàng mở rộng và nâng cấp đồng thời đáp ứng được một lượng truy cập lớn. • Tối ưu hóa cho công cụ tìm kiếm (SEO). • NukeViet hỗ trợ OpenID. • Trình soạn thảo tích hợp sẵn: Spaw2, FCKeditor, Ckeditor, TiniMCE... • Nhiều Modul miễn phí. • Được hỗ trợ bởi một cộng đồng người dùng đông đảo. b) Hạn chế Cho tới bản 2.0 RC, NukeViet còn những nhược điểm sau: • Chưa sử dụng Ajax (cho đến bản NukeViet 2.0 beta 2). • Vẫn sử dụng chuẩn HTML 4.1. • Ít block, module, theme vì cộng đồng phát triển chưa thực sự nhiều. 1.7.5 Cấu trúc NukeViet3 Hệ thống NukeViet được thiết kế rất rõ ràng, mạch lạc, theo đó NukeViet phân cấu trúc thành 2 tầng, 1 lớp. Tầng nền tảng (Core) hay còn gọi là "nhân hệ thống": Chứa các thư viện và module vận hành hệ thống. Nếu một trong các thành phần này bị lỗi có thể làm ảnh hưởng một phần hoặc toàn bộ hệ thống. Tầng này chiếm 10% dung lượng và dòng code của NukeViet nhưng được sử dụng trong 90% các hoạt động của website. Tầng module: bao gồm module admin, module site, các block (kèm theo module hoặc chạy độc lập), các cronjob... Lớp giao diện: bao gồm giao diện admin, giao diện module và giao diện site. 14 Xây dựng Website bán hàng điện tử điện lạnh Hình 2-3: Mô hình cấu trúc hệ thống NukeViet 3.0 1.7.6 a) Các khái niệm cơ bản Khái niệm module trong hệ thống NukeViet • Module còn có tên gọi khác là Addons hay Plugins (tính năng tăng cường cho hệ thống) là những phần mở rộng của hệ thống NukeViet. Mỗi module sẽ đảm nhiệm một chức năng riêng cho hệ thống. Tùy chức năng và nhiệm vụ của module mà nó có thể phục vụ hệ thống chạy các tác vụ nền hoặc chỉ tương tác bên ngoài với người sử dụng (tương ứng với việc can thiệp sâu hoặc không sâu vào hệ thống).Hệ thống NukeViet mặc định đã có sẵn một số module, ngoài ra người sử dụng có thể cài thêm các module mới về từ website http://nukeviet.vn để cài lên hệ thống hoặc gỡ bỏ nó khỏi hệ thống. Module ảo là module được nhân bản từ một module bất kỳ của hệ thống NukeViet (nếu module đó cho phép tạo module ảo).Module ảo là khái niệm chỉ có kể từ phiên bản NukeViet 3.0. Công nghệ này cho phép người sử dụng có thể khởitạo hàng ngàn module một cách tự động mà không cần động đến một 15 Xây dựng Website bán hàng điện tử điện lạnh dòng code. Các module được sinh ra từ công nghệ này gọi là module ảo. Các module của NukeViet được đặt trong thư mục modules/. Tên mỗi module bao gồm chữ cái, chữ số và dấu gạch ngang. • Cấu trúc cơ bản của một module bao gồm các file và thư mục: admin.functions.php version.php funcs funcs/main.php admin admin/main.php functions.php b) Block • Block (khối) là các khối nhỏ trên website nhằm mục đích đa dạng dữ liệu trên mộ trang và có thể sử dụng để trang trí cho website. Các block có thể bật, tắt hoặc di chuyển dễ dàng đến bất cứ vị trí nào (được người thiết kế chỉ định trên website khi thiết kế giao diện web). Nhờ các Block mà nội dung website trở lên đa dạng và phong phú hơn. Khách truy cập cũng nhờ thế mà dễ dàng nắm bắt nội dung website và nhanh chóng tiếp cận đến mục họ quan tâm . • NukeViet 3 hiện hỗ trợ 4 loại block bao gồm: - Block dạng file: Block dạng file cũng có 2 kiểu là Block sử dụng chung cho toàn bộ website (Global block) và block sử dụng riêng cho module (module block). Block sử dụng riêng cho module thì chỉ có thể hiển thị ở module, còn block sử dụng cho toàn bộ site có thể hiển thị ở toàn bộ website. - Khối quảng cáo: giúp hiển thị các quảng cáo tạo ra từ module Banner. - Block HTML: cho phép tạo các dữ liệu từ HTML. - Block RSS cho phép lấy nội dung từ các nguồn RSS. 16 Xây dựng Website bán hàng điện tử điện lạnh Mỗi block có thể áp các Template (mẫu trình bày giao diện) khác nhau tùy vào theme sử dụng. c) Khái niệm theme • Theme (hay còn gọi là skin, template…) là khái niệm của NukeViet dùng để gọi các giao diện.NukeViet hỗ trợ việc sử dụng nhiều theme và người quản trị có thể dễ dàng thay đổi chúng.Tìm hiểu phần mềm nguồn mở NukeViet và ứng dụng Theme của NukeViet là giải pháp lý tưởng giúp cho công việc thay đổi giao diện website trở lên dễ dàng. Nhờ thiết kế mỹ thuật của tác giả tạo ra theme mà website có thể được trình bày dưới các bố cục khác nhau. Điều này sẽ giúp cho website không trở lên nhàm chán. • NukeViet tích hợp sẵn hai theme: - default và modern cho khu vực người dung. - hai theme: admin_default và admin_full cho khu vực quản trị. Hai theme default và admin_default là hai theme hệ thống, nếu các giao diện khác không hỗ trợ bất kì thành phần gì thì những thành phần đó được lấy mặc định từ hai theme này, vì vậy tuyệt đối không được đổi tên hay chỉnh sửa hai theme này. d) Khái niệm ngôn ngữ giao diện và ngôn ngữ cơ sở dữ liệu Đối với website sử dụng nhiều ngôn ngữ, ngôn ngữ trên site được xác định bằng hai thành phần: Ngôn ngữ giao diện và ngôn ngữ Cơ sở dữ liệu. Ngôn ngữ giao diện là ngôn ngữ cố định, được xác định khi lập trình và được định nghĩa sẵn trong các tệp tin ngôn ngữ. Ngôn ngữ cơ sở dữ liệu là các dữ liệu sử dụng cho các ngôn ngữ khác nhau, do người sử dụng nhập vào cho các trang ngôn ngữ khác nhau. Sở dĩ NukeViet phải phân biệt 2 khái niệm này vì phương pháp xử lý đa ngôn ngữ của NukeViet là giải pháp toàn vẹn cho phép mỗi ngôn ngữ có thể độc lập hoàn toàn hoặc phụ thuộc 1 phần vào ngôn ngữ kia tùy theo ý đồ của người thiết kế module. Đây chính là một thế mạnh về ngôn ngữ của NukeViet. 17 Xây dựng Website bán hàng điện tử điện lạnh 1.8 Cài đặt vertrigo 1.8.1 Lý do cài đặt vertrigo Để chạy được Nukeviet ta cần phải có một WebServer với Apache, MySQL, PHPl, việc cài đặt và cấu hình WebServer gặp nhiều khó khăn và tốn kém thời gian. Hiện nay có nhiều phần mềm cấu hình sẵn và ứng dụng như một WebServer như Xampp, Wamp… Nổi trội trong số đó là Vertrigo với những ưu điểm vượt trội: - Nhỏ gọn, tiện lợi, dễ cài đặt và sử dụng, ít lỗi. - Vertrigo dùng để giả lập máy tính thành một máy chủ Web (máy tính khi được giả lập máy chủ Web sẽ được gọi là: localhost, để phân biệt với các máy chủ đang hoạt động trên Web là host Server). 1.8.2 Các bước cài đặt vertrigo • Dowload Vertrigo tại : http://vertrigo.sourceforge.net/ • Cài đặt • Bạn chạy file cài đặt, lựa chọn ngôn ngữ --> Next -> I Agree -> Next -> chọn thư mục cài đặt (C:\Program Files\VertrigoServ) --> Next -> Install. • Sử dụng: chạy vertrigo = icon trên màn hình. Bên dưới Tray: Nếu hình chữ thập trong icon màu xanh, tức là server đang chạy. Màu đỏ là đang tắt. Màu vàng là đang khởi động. 1.9 Cài đặt NukeViet và sơ lược các module 1.9.1 a) Cài đặt NukeViet Chuẩn bị cho cài đặt NukeViet Ta tạo sẵn database cho NukeViet để thuận tiện cho quá trình cài đặt vào http://localhost/phpmyadmin/từ trình duyệt web: • Chọn database • Tên database: nuke ( có thể thay đổi ) • Nhấn Creat để hoàn thành Ta sẽ giải nén bộ mã nguồn mở NukeViet và copy vào thư mục www của Vertrigo C:\programfile\VertrigoServ\www 18 Xây dựng Website bán hàng điện tử điện lạnh b) Tiến hành cài đặt NukeViet Trên trình duyệt web ta vào địa chỉ http://localhost/nukeviet/ Quá trình cài đặt mới 1 website sử dụng NukeViet sẽ qua 07 bước như sau: • Bước 1: Lựa chọn ngôn ngữ Ngôn ngữ mặc định khi cài đặt là tiếng Việt, ta cũng có thể chọn sử dụng tiếng Anh. Lựa chọn xong ngôn ngữ ta nhấn vào nút “Bước kế tiếp” để chuyển sang bước tiếp theo. Hình 2-4: Chọn ngôn ngữ cài đặt *Gợi ý: Bạn có thể chọn cài đặt với ngôn ngữ bất kỳ. Sau khi cài đặt bạn vẫn có thể bổ sung các ngôn ngữ khác tải về từ website nukeviet.vn. • Bước 2: Kiểm tra việc CHMOD 19 Xây dựng Website bán hàng điện tử điện lạnh Hình 2-5: Kiểm tra điều kiện cài đặt Nếu tất cả các thông số đều đạt yêu cầu như trên, ta có thể chuyển qua bước kế tiếp bằng cách nhấp nút “Bước kế tiếp”. Nếu xảy ra lỗi, hệ thống sẽ yêu cầu bạn phải CHMOD lại thư mục hoặc tập tin cần thiết, ta cũng có thể điền thông tin tài khoản FTP máy chủ bằng cách vào ô “Cấu hình FTP” – nếu máy chủ của bạn hỗ trợ việc CHMOD thông qua php thì hệ thống sẽ tự động CHMOD những thư mục và tập tin cần thiết sau khi điền đầy đủ thông tin cấu hình FTP và nhấn vào nút “Thực hiện”. Còn không, sẽ phải tự CHMOD bằng tay. Sau khi hoàn thành quá trình CHMOD ta có thể nhấn vào nút “Bước kế tiếp” để chuyển qua bước tiếp theo. 20 Xây dựng Website bán hàng điện tử điện lạnh • Bước 3: Bản quyền Hình 2-6: Thông báo bản quyền Phần mềm sẽ hiển thị thông tin bản quyền về phần mềm nguồn mở theo giấy phép GNU/GPL và giải thích các điều khoản được phép và không được phép. Ta nhấp nút “Bước kế tiếp” để chuyển sang bước tiếp theo. • Bước 4: Kiểm tra máy chủ Hình 2-7: Kiểm tra môi trường máy chủ 21 Xây dựng Website bán hàng điện tử điện lạnh Để hệ thống NukeViet có thể chạy được thì yêu cầu máy chủ bắt buộc phải hỗ trợ Phiên bản PHP từ 5.2.0 và MySQL 5.02 trở lên. Nếu hai điều kiện này không thỏa mãn thì quá trình cài đặt không thể tiếp tục. Ngoài ra, hệ thống còn đưa ra những khuyến cáo về những tính năng khác của máy chủ. Nếu những yêu cầu thêm này không thỏa mãn bạn vẫn có thể cài đặt NukeViet nhưng hệ thống sẽ mất đi một số chức năng tiện ích. • Bước 5: Cấu hình cơ sở dữ liệu. Tên host : localhost USERNAME: root Tên cơ sở dữ liệu : nuke Hình 2-8: Cấu hình cơ sở dữ liệu Tiếp đó ta chọn Thực hiện để sang bước tiếp theo. • • • • • 22 Xây dựng Website bán hàng điện tử điện lạnh Hình 2-9: Thông tin website • Bước 6: Thông tin website Ở bước này các ta phải điền đầy đủ thông tin vào những ô được đánh dấu (*), bên cạnh là cột ghi chú để có thể hiểu rõ hơn quá trình nhập thông tin. Tên site: Đề tài mã nguồn mở NukeViet và ứng dụng Tài khoản ADMIN: admin Email: mrquanhp@gmail.com Điền mật khẩu và các thông tin cần thiết ta ấn thực hiện Sau đó là trang báo đã cài đặt thành công bộ mã nguồn mở NukeViet 23 Xây dựng Website bán hàng điện tử điện lạnh • Bước 7: Kết thúc Hình 2-10: Thông báo cài đặt thành công Sau khi xong các bước hệ thống yêu cầu có 2 lựa chọn: Xem trang chủ hoặc Đăng nhập trang quản trị. Ta có thể đăng nhập trang quản trị bằng cách gõ thêm /admin/ sau địa chỉ cài đặt NukeViet. Giao diện Trang chủ: Hình 2-11: Giao diện trang chủ 24 Xây dựng Website bán hàng điện tử điện lạnh Và giao diện trang quản lí site: Hình 2-12: Giao diện trang quản lí Vậy với các thao tác trên em đã hoàn thành việc cài đặt và cấu hình mã nguồn mở NukeViet. 1.9.2 a) Cấu trúc của gói cài đặt Module Module là gì? Module là bộ phận mở rộng thêm chức năng cho Web Site, các Module này có các chức năng khác nhau, được hiển thị trên trang Web tại các vị trí quy định và có thể thay đổi được. Một trang Web có thể hiển thị nhiều Module giống và khác nhau, Module có thể được cài đặt thêm vào Web Site. b) Một số Module có sẵn trong Nuke • Quản lý Upload Upload hình (ảnh, flash) từ máy tính hoặc một địa chỉ bất kỳ trên mạng. Quản lý: Di chuyển, đổi tên, sửa, xóa, tạo hình thu nhỏ... 25 Xây dựng Website bán hàng điện tử điện lạnh Hình 2-13: Giao diện trang quản lý upload • Giới thiệu:(Cho phép tạo module ảo) Hình 2-14: Giao diện trang giới thiệu • Quản trị và xuất bản Tin tức: (cho phép tạo module ảo) Hệ thống tin tức của NukeViet là hệ thống quản trị tin tức chuyên nghiệp đặc biệt phù hợp với các website tin tức. Nó cho phép xử lý nhiều tác vụ nền thông minh mà không cần người sử dụng can thiệp nhằm tối ưu cho hệ thống tin tức, Ví dụ: tạo hình thu nhỏ, tự động chia thư mục và sắp xếp hình vào các thư mục theo thời gian… 26 Xây dựng Website bán hàng điện tử điện lạnh Hình 2-15: Giao diện quản lý module Tin tức • Quản lý thành viên: Hình 2-16: Giao diện trang quản lý module tài khoản 27 Xây dựng Website bán hàng điện tử điện lạnh • Quản lý liên hệ gửi đến website: Hình 2-17: Giao diện trang quản lý module liên hệ • Quản lý thăm dò ý kiến: Hình 2-18: Giao diện trang quản lý module thăm dò ý kiến • Quản lý quảng cáo chuyên nghiệp Hình 2-19: Giao diện trang quản lý module quảng cáo 28 Xây dựng Website bán hàng điện tử điện lạnh • Quản lý và tạo album hình, trình chiếu album...Quản lý file. c) Cách đưa Module tích hợp vào trong Nuke Để có thể tích hợp Module vào Nukeviet ngoài việc dựa vào chuẩn cấu trúc của Modul, kiến trúc của Nukeviet mà còn phải theo một số phương pháp sau: • Các Module được tạo ra phải nén dưới dạng file .zip khi đó mới được • • • • cài đặt vào. Các Module phải phù hợp với từng phiên bản của Nukeviet. Vào Cài đặt gói Module + Block tương ứng với Module để cài đặt. Sau đó ấn tiếp tục ta chọn tệp tin và tiến hành cài đặt Sau khi đã cài đặt thành công thì kích hoạt Module để chạy ứng dụng bằng cách: Vào quản lý module – thiết lập module mới. 29 Xây dựng Website bán hàng điện tử điện lạnh NỘI DUNG THỰC HIỆN 1.10 Giới thiệu cơ bản về trang web ứng dụng Nukeviet làm shop bán hàng 1.10.1 Tiêu chí cho hệ thống Quản lý số lượng sản phẩm và danh mục không giới hạn, với số lượng lớn. Bán hàng qua mạng nên có thể dùng như một cửa hàng trên mạng. Tìm kiếm thông tin sản phẩm một cách nhanh chóng. Hỗ trợ thanh toán trực tuyến Khách hàng có thể thực hiện thanh toán qua hình thức mà họ muốn (trực tuyến, tiền mặt). Quản lý toàn vẹn quy trình bán hàng: từ lúc đặt hàng cho đến khi đơn hàng hoàn tất (đã chuyển, đã thu) An toàn, bảo mật đã được kiểm chứng qua nhiều dự án triển khai thành công. 1.10.2 Cài đặt module shop trong Nukeviet Cách cài đặt đơn giản, tiết kiệm chi phí mà vẫn đảm bảo các chức năng, hoạt động hiệu quả, thuận tiện cho việc quản trị bán hàng cũng như việc mua sản phẩm của khách hàng. • Đăng nhập vào phần quản trị của Nukeviet. • Vào Cài đặt gói Module + Block tương ứng với Module để cài đặt. Hình 3-1: Cài đặt module mới 30 Xây dựng Website bán hàng điện tử điện lạnh • Sau đó ta chọn tệp tin • Chọn tới vị trí tập tin module-shops-3-4-02.zip vừa download về và ấn tiếp tục tiến để hành cài đặt Hình 3-2: Chọn tệp module dưới dạng zip Sau khi đã cài đặt thành công thì kích hoạt Module để chạy ứng dụng bằng cách vào quản lý module – thiết lập module mới: Hình 3-3: Kích hoạt gói module 31 Xây dựng Website bán hàng điện tử điện lạnh Như vậy chúng ta đã thực hiện cài đặt module shop thành công Hình 3-4: Giao diện trang bán hàng khi cài module shop 1.10.3 Phát triển Giao diện, Module, Block cho Shop Nukeviet Để trang web thân thiện hơn với người dùng, đầy đủ chức năng của một Shop bán hàng chuyên nghiệp thì ta cần phải tùy biến giao diện và thêm vào đó một số block có tác dụng tương tác với khách hàng giúp cho quá trình mua, đặt hàng trở nên dễ dàng hơn. a) Phát triển Giao diện (Theme) Tổng quan về theme của NukeViet • Theme là gì? Trong hệ thống NukeViet, theme là các giao diện khác nhau giúp bạn có thể thay đổi hình thức website một cách nhanh chóng. Mỗi theme trong hệ thống NukeViet được tạo bởi một hệ thống các tệp tin trong đó quan trọng nhất (bắt buộc phải có ở tất cả các theme) là 2 tệp tin theme.php và style.css, ngoài ra còn có thể có các tệp hình ảnh đồ họa với mục đích trang trí cho Website. NukeViet sử dụng theme như thế nào trong việc thể hiện giao diện trang Web? Theme là một giải pháp đơn giản nhất mà các portal như NukeViet sử dụng trong việc thể hiện giao diện Website. Với giải pháp này, các ứng dụng & tính năng 32 Xây dựng Website bán hàng điện tử điện lạnh hệ thống được tách riêng, giao diện Website được tách riêng. Việc tách riêng như vậy giúp cho công việc thiết kế giao diện kiểu chuyên nghiệp hóa và cũng là đơn giản hóa công việc thiết kế giao diện. Như vậy khi nạp hệ thống chỉ cần trộn tính năng với giao diện là bạn sẽ có một Website hoàn chỉnh, rất uyển chuyển mà không sợ đụng hàng. Các theme được đặt trong thư mục themes/ Hình 3-5: Thư mục chứa theme Mặc định hệ thống NukeViet có bốn theme. Tên của thư mục chứa theme bao gồm chữ cái, chữ số, dấu – và dấu _ . Cấu trúc của một theme bao gồm: Hình 3-6: Các thành phần của một theme Thư mục block: Chứa các file template (.tpl) của các block global nằm trong thư mục includes/blocks/. Các file trong thư mục này có thể để trống. 33 Xây dựng Website bán hàng điện tử điện lạnh Thư mục chứa các file css. Mỗi file css của module có tên là tên của module, khi người dùng truy cập một module thì file css này sẽ được load tự động, khi đóng gói module các file này cũng sẽ được đóng gói tự động. Thư mục images: Chứa các file ảnh, một theme nên chứa các thư mục con: admin, arrows, icons. Trong thư mục này còn chứa các thư mục có tên là tên của module, khi đóng gói module, các thư mục này sẽ được đóng gói tự động. Thư mục js: Chứa các file javascript nếu theme có sử dụng. Thư mục layout: Chứa các file tpl – các file định dạng cho theme. Hình 3-7: Thiết lập layout (default) Body-left-right: Bố cục trang web 3 cột theo thứ tự: Thân trang - Phần trái – Phần phải. Body-right: Bố cục trang web 2 cột theo thứ tự: Thân trang - Phần phải. Body: Bố cục trang web chỉ có phần thân trang. Left-body-right: Bố cục trang web 3 cột theo thứ tự: Phần trái - Thân trang Phần phải. Left-body: Bố cục trang web 2 cột theo thứ tự: Phần trái - Thân trang. Left-right-body: Bố cục trang web 3 cột theo thứ tự: Phần trái – Phần phải Thân trang. Do đó ở mỗi trang khác nhau của mỗi module ta hoàn toàn có thể thiết lập cấu trúc trang. 34 Xây dựng Website bán hàng điện tử điện lạnh Thiết lập giao diện qua quản lý block Tương tự như layout, ta cũng có thể thiết đặt vị trí của các block khác nhau ở mỗi trang. Hình 3-8: Thiết lập giao diện qua quản lý block Các vị trí có thể đặt block: MENU_SITE: Vị trí thanh menu. HEADER: Vị trí herder. LEFT: Vị trí bên trái. RIGHT: Vị trí bên phải. TOP: Vị trí bên trên. BOTTOM: Vị trí bên dưới. FOOTER: Vị trí chân trang. Ta có thể khai báo thêm để thiết lập vị trí cho block tại file config.ini tại thư mục tên theme. 35 Xây dựng Website bán hàng điện tử điện lạnh Hình 3-9: Thiết lập vị trí cho block b) Phát triển Block hỗ trợ trực tuyến Block hỗ trợ trực tuyến có tác dụng để hỗ trợ trực tiếp hoặc giải đáp thắc mắc của khách hàng với chủ shop. Qua hỗ trợ trực tuyến, người dùng có thể biết thêm về thông tin sản phẩm, thông tin khuyến mãi hay những cập nhật chưa có trên webshop. Hình 3-10: Giao diện trang quản lý Ta chọn thêm Block và điền nội dung cho block hỗ trợ 36 Xây dựng Website bán hàng điện tử điện lạnh Hình 3-11: Thêm Block hỗ trợ trực tuyến Ta chọn Block của hệ thống => global_html Phần nội dung ta thêm đoạn mã nguồn : Với mrquanhp91 là ID yahoo của người hỗ trợ Hình 3-12: Thêm Block hỗ trợ trực tuyến 37 Xây dựng Website bán hàng điện tử điện lạnh Tên Block : Hỗ trợ trực tuyến Vị trí: LEFT Sau đó ta ấn Chấp nhận. Giao diện hỗ trợ trực tuyến khi hoàn thành Hình 3-13: Giao diện hỗ trợ trực tuyến khi hoàn thành 1.11 Biểu đồ use case và biểu đồ tuần tự 1.11.1 a) Biểu đồ use case và đặc tả chi tiết. Biểu đồ Use Case “Administrator” tổng quan Admin nhập vào hệ thống. Tại đây admin có quyền thêm, sửa xóa use cũng như sản phẩm,….. 38 Xây dựng Website bán hàng điện tử điện lạnh Hình: 3-14 biểu đồ use case “Administrator” 39 Xây dựng Website bán hàng điện tử điện lạnh b) đặc tả chi tiết biểu đồ use case • Biểu đồ use case “ đăng nhập” của use Admin, use đăng nhập vào hệ thống. Nếu tài khoản và mật khẩu đúng thì admin, use có quyền thay đổi thông tin cá nhân. Nếu sai thì hệ thống trả về thông báo “ tài khoản hoặc mật khẩu không đúng”. Hình: 3-15 : biểu đồ use case “ đăng nhập” của use • Biểu đồ use case “quản lý sản phẩm” của administrator Admin đăng nhập vào quyền quản trị tại đây admin có thể quản lý các sản phẩm ( thêm, sửa, xóa,…) Hình 3-16: biểu đồ use case “ quản lý sản phẩm” của admin • Biểu đồ Use Case “Quản lý User” của Admin Admin đăng nhập vào quyền quản trị tại đây admin có thể quản lý use một cách dễ dàng ( thêm, sửa, xóa,..) 40 Xây dựng Website bán hàng điện tử điện lạnh Hình 3-17: biểu đồ use case “ quản lý use” của admin • Biểu đồ Use Case ‘Gửi ý kiến’ của người dùng. Use có thể đăng nhập để gửi ý kiến của mình tới admin ở tại trang web. Hình 3-18: biểu đồ bình luận • Biểu đồ use case “ tìm kiếm” Tại đây use có thể tìm kiếm tương đối hay chính xác sản phẩm,… 41 Xây dựng Website bán hàng điện tử điện lạnh Hình 3-19: biểu đồ use case “tìm kiếm” • Biểu đồ use cae “liên hệ” Tại đây admin có thể cho thông tin số điện thoại, facebook, yahoo, mail,… để các use có thể liên hệ dễ dàng. Hình 3-20: biểu đồ use case “ liên hệ” 42 Xây dựng Website bán hàng điện tử điện lạnh 1.11.2 a) Biểu đồ tuần tự Biểu đồ tuần tự chức năng đăng nhập của các Actor. Người dùng sẽ chọn giao diện “đăng nhập”, nhập User name và pass, gửi user name và pass tới CSDL, truy xuất vào CSDL, lấy ra User name và pass, kiểm tra thông tin, truy vấn đúng sai, thông báo. Hình 3-21: biểu đồ tuần tự b) Biểu đồ tuần tự chức năng nhập thông tin, giá bán, hình ảnh sản phẩm dành cho Admin 43 Xây dựng Website bán hàng điện tử điện lạnh Admin chọn giao diện nhập thông tin sản phẩm, nhập thông tin sản phẩm, gửi thông tin sản phẩm, xác nhận thông tin, gửi thông tin về sản phẩm, lưu vào CSDL, gửi về kết quả, thông báo kết quả, hiển thị kết quả. Hình 3-22: biểu đồ tuần tự chức năng nhập thông tin, giá bán, hình ảnh sản phẩm dành cho Admin c) Biểu đồ tuần tự chức năng sửa thông tin thành viên dành cho Admin. Admin chọn giao diện sửa thông tin user, nhập thông tin user, hệ thống gửi thông tin user, xác nhận thông tin, gửi thông tin về user, lưu vào CSDL, gửi kết quả, hiển thị kết quả. 44 Xây dựng Website bán hàng điện tử điện lạnh Hình 3-23: biểu đồ tuần tự chức năng sửa thông tin thành viên dành cho Admin. d) Biểu đồ tuần tự chức năng xóa thông tin User dành cho Admin Admin chọn vào giao diện xóa User, gửi yêu cầu xóa thông tin User, xác nhận thông tin cần xóa, lưu vào CSDL, trả về kết quả, thông báo kết quả, hiển thị kết quả. 45 Xây dựng Website bán hàng điện tử điện lạnh Hình 3-25: biểu đồ tuần tự chức năng xóa thông tin User dành cho Admin e) Biểu đồ tuần tự chức năng đăng kí. Người dung chọn vào giao diện “đăng kí”, tại đây hệ thống sẽ hiển thị giao diện đăng kí, người dùng nhập thông tin cần thiết, kiểm tra thông tin, gửi thông tin đăng kí tới CSDL, kiểm tra thông tin, lưu vào CSDL, dữ liệu trả về, trả về kết quả, cuối cùng là thông báo kết quả. 46 Xây dựng Website bán hàng điện tử điện lạnh Hình 3-26: biểu đồ tuần tự chức năng đăng kí. 1.12 Thiết kế giao diện website Module Shop cho phép tạo lập gian hàng trực tuyến, xử lý thanh toán trực tuyến bằng cách tích hợp các cổng thanh toán. Các Tính năng chính : • Tổ chức trình bày gian hàng theo tác tiêu chí: Loại sản phẩm, nhóm sản phẩm, sản phẩm mới cập nhật… 47 Xây dựng Website bán hàng điện tử điện lạnh • Lịch sử giao dịch: Hiển thị lịch sử giao dịch của thành viên. Các chức năng Quản Trị Hệ Thống : Danh sách sản phẩm Hiển thị danh sách sản phẩm đã được đăng lên Hình 3-27: Hiển thị danh sách sản phẩm Thêm loại sản phẩm( Quản lý thêm, sửa, xóa sản phẩm) Để có thể thêm một sản phẩm trước tiên chúng ta cần phải tạo: Loại sản phẩm và đơn vị sản phẩm. Thêm loại sản phẩm Hình 3-28: Thêm loại sản phẩm • Bước 1: Nhập tên loại sản phẩm • Bước 2: Chọn chủ đề 48 Xây dựng Website bán hàng điện tử điện lạnh Khi mới tạo loại sản phẩm thì hệ thống chỉ cho phép tạo chủ đề chính sau khi thêm loại sản phẩm sẽ cho phép chọn các chủ đề tương ứng. Liên kết tỉnh: là liên kết của hệ thống để kết nối đến cơ sở dữ liệu, thường thì liên kết này hệ thống sẽ tự động lấy. Từ khóa: chính là từ khóa để khi tìm kiếm được nhanh hơn. Miêu tả: thông tin miêu tả về loại sản phẩm. Quyền xem: cho phép đối tượng được xem loại sản phẩm này (Tất cả/ Quản Trị/ Thành viên/ Nhóm thành viên). • Bước 3: Nhấn Lưu thay đổi để lưu lại Thêm đơn vị sản phẩm Hình 3-29: Thêm đơn vị sản phẩm. • Bước 1 : Nhập tên đơn vị sản phẩm Ghi Chú : thông tin ghi chú cho đơn vị sản phẩm • Bước 2 : Nhấn Ghi lại nội dung Thêm sản phẩm 49 Xây dựng Website bán hàng điện tử điện lạnh Hình 3-30: Thêm sản phẩm Các phần đánh dấu * là bắt buộc nhập, các phần còn lại có thể có hoặc không • Bước 1: Chọn loại sản phẩm (đã làm ở bước trước) • Bước 2: Nhập tên sản phẩm Nhấn GET để tạo liên kết. • Bước 3: Nhập các thông tin Mã sản phẩm, Giá sản phẩm, Số lượng trong kho, Giảm giá. • Bước 4: Chọn hình minh họa cho sản phẩm bằng cách nhấn nút Browse Server Nhập các thông tin: Chú thích cho hình, Giới thiệu ngắn gọn, Địa điểm bán, Hãng sản xuất. • Bước 5: Nhập nội dung chi tiết cho sản phẩm (đây là phần bắt buộc) • Bước 6: Thêm các thuộc tính cho sản phẩm (nếu không chỉnh sửa hệ thống sẽ tự động lấy thông tin mặc định) ở các phần: Sản phẩm thuộc các Block, Từ khóa dành cho máy chủ tìm kiếm, Thời gian cập nhật, Thời gian hết hạn, Tính năng mở rộng. - Bước 7: Nhấn đăng sản phẩm để đăng sản phẩm hoặc nhấn lưu sản phẩm không đăng để sản phẩm không đăng Nhóm sản Phẩm ( Quản lý thêm, sửa, xóa nhóm sản phẩm) 50 Xây dựng Website bán hàng điện tử điện lạnh Hình 3-31:Quản lý nhóm sản phẩm • Bước 1: Nhập tên nhóm sản phẩm • Bước 2: Chọn nhóm sản phẩm (nhóm chính hoặc các nhóm đã tạo). Liên kết tỉnh: là liên kết của hệ thống để kết nối đến cơ sở dữ liệu, thường thì liên kết này hệ thống sẽ tự động lấy. Từ khóa: chính là từ khóa để khi tìm kiếm được nhanh hơn. Miêu tả: thông tin miêu tả về loại sản phẩm. Quyền xem: cho phép đối tượng được xem loại sản phẩm này (Tất cả/ Quản Trị/ Thành viên/ Nhóm thành viên). • Bước 3: Nhấn Lưu thay đổi để lưu lại. Block Sản Phẩm (Dùng để nhóm các sản phẩm lại theo một tiêu chí nhất định) Hình 3-32: Block sản phẩm 51 Xây dựng Website bán hàng điện tử điện lạnh • Bước 1: Nhập tên Block sản phẩm • Bước 2: Từ khóa cho máy chủ tìm kiếm • Bước 3: Và miêu tả Block sản phẩm Hãng sản xuất Hình 3-33: Hãng sản phẩm • Bước 1: Quản lý các hãng sản phẩm như: sửa, xóa, thêm hãng sản xuất. • Bước 2: Để thêm hãng sản xuất cần có Tên hãng sx, website của hãng (nếu có) và Logo của hãng làm đại diện. • Bước 3: Lưu thay đổi. Quản lý bình luận Hình 3-34: Quản lý bình luận Quản lý Bật, Tắt hoặc xóa các bình luận về sản phẩm. 52 Xây dựng Website bán hàng điện tử điện lạnh Đơn Đặt hàng Hình 3-35: Đơn đặt hàng Đơn vị tiền tệ (Quản Lý việc: thêm, sửa, xóa đơn vị tiền tệ, mặc định khi cài nukeviet là Việt Nam đồng và USD) Hình 3-36: Đơn vị tiền tệ Để thêm 1 đơn vị tiền tệ cần thực hiện các bước: • Bước 1: Chọn loại tiền tệ. Có thể thêm Tên gọi (để hiển thị cho loại tiền tệ) và tỷ giá so với đơn vị tiền tệ trong nước. • Bước 2: Nhấn Ghi lại nội dung để lưu lại. 53 Xây dựng Website bán hàng điện tử điện lạnh Tích hợp cổng thanh toán (Quản lý: thêm, sửa và kích hoạt/ ngừng kích hoạt cổng thanh toán. Nukeviet chỉ hổ trợ cổng thanh toán Ngân lượng) Hình3-37: Tích hợp cổng thanh toán 1.13 Đưa website lên Internet 1.13.1 Đăng kí hosting Để đưa trang web của bạn lên mạng, bạn cần phải tìm một cái host và đặt một cái domain name cho nó. Hai thuật ngữ này có thể hiểu nôm na như sau: - Host là nơi chứa trang web, là một vùng trên ổ cứng của một cái máy chủ nào đó. Khi tìm host miễn phí, bạn nên xem host này có dung lượng bao nhiêu, 100M, 200M, ..., băng thông bao nhiêu (lượng truy cập tối đa cho phép), có hỗ trợ PHP và MySQL hay không (nếu bạn muốn làm web động). - Domain name có thể hiểu là địa chỉ dẫn đến trang web của bạn, như cái URL ấy. Ví dụ trang web của mình có domain name là thanhtra.nguyen.free.fr, mình gõ domain name vào thanh address của trình duyệt thì mình sẽ đến trang web đó. Các free host thông thường cho chúng ta luôn domain name. Bạn cũng có thể dùng domain name do bạn mua hoặc đăng ký miễn phí ở một nơi khác, rồi dẫn nó đến host mà bạn muốn, kỹ thuật này tuy không phức tạp nhưng nó cần được trao đổi cụ thể hơn, còn bây giờ mình nói về việc đơn giản nhất: dùng domain name và host ở cùng một chỗ. Tại đây mình sẽ sử dụng Byethost để đưa website của mình lên Internet. Sơ lược về byethost: Byethost là một trong số những dịch vụ hosting miễn phí tốt nhất hiện nay bởi rất nhiều mặt tích cực. Trước đây, nhiều trang cũng đã 54 Xây dựng Website bán hàng điện tử điện lạnh đăng tải chủ đề này và có nhiều ý kiến cho rằng 000Webhost.com là đối thủ của Byethost và vượt trội hơn so với Byethost. Thực tế, chúng ta cần phải xem xét lại các tiêu chí đánh giá chung, không nên đánh giá dịch vụ dựa trên một khía cạnh. Và hiện nay 000webhost đã chặn không cho các IP Việt Nam đăng ký, vì vậy có thể nói Byethost là dịch vụ hosting miễn phí tốt nhất hiện nay. Với dịch vụ hosting miễn phí, chúng ta nên xem qua các tiêu chí sau: - Độ ổn định của host - Dung lượng & Băng thông ( ít nhất cũng phải 50Megabyte space và 5Gigabyte bandwidth ) - Bắt buộc Hỗ trợ PHP và Mysql - Có bắt đặt quảng cáo hay không - Diễn đàn của họ có support tốt không - Quản trị bằng Cpanel, Dirrect Admin hay Vista Panel - Tính linh động trong việc đăng ký Và với các tiêu chí trên, thì không một dịch vụ hosting miễn phí nào có thể hạ gục được dịch vụ của Byethost. Về độ ổn định, Byethost không bao giờ làm bạn thất vọng. Mặc dù Website của bạn có hàng trăm lượt truy cập cùng một lúc thì website của bạn vẫn chạy tốt. Dung lượng của Byethost có lẽ là một điều mà bất kể ai nghe cũng phải suy nghĩ đắn đo: 5,5Gb disk space với băng thông hàng tháng là 200Gb. Dung lượng lưu trữ (Disk space) của Byethost là lớn nhất hiện nay. Disk Space của000Webhost.com cũng chỉ là 1,5Gb. Với dung lượng và băng thông lớn như vậy nhưng Byethost không bắt đặt quảng cáo của họ lên web chúng ta. Byethost có một forum hỗ trợ khá tốt, bất cứ một thắc mắc nhỏ nào cũng đều được giải đáp chỉ 30 phút sau khi post bài. Những giải đáp đó hầu hết là của các chuyên gia của Byethost hoặc của các thành viên tích cực, nâu năm đầy kinh nghiệm. Byethost quản trị bằng Vista Panel và bạn hoàn toàn có thể upgrade lên Premium Account bất cứ lúc nào để sử dụng Cpanel mà không bao giờ bị mất dữ liệu (Bạn nên thông báo với chuyên gia của họ hoặc vào diễn đàn Byethost). Bạn dễ dàng chạy các mã nguồn mở mà không cần mất công upload. Tất cả chúng (Joomla, wordpress, Drupal, Zencart, Oscommerce, PHPBB, Nuke – PHP, Nucleus. .v.v.v ) đều được tích hợp sẵn trong mục iVista - Easy Script Installation của Control Panel. Điều cuối cùng khiến dịch vụ Free hosting của Byethost trở thành số một là tính linh động trong việc đăng ký. Chỉ sau khoảng 5 phút, bạn đã có một tài khoản hosting miễn phí tốc độ ổn định, dung lượng lớn. Điều này thật khó xày ra khi bạn 55 Xây dựng Website bán hàng điện tử điện lạnh đăng ký free hosting của 000Webhost.com. Để đăng kí và sử dụng dịch vụ của Byethost ta thực hiện các bước sau: - Bước 1: Vào trang chủ của Byethost http://byethost.com/. Nhấn Free Host Sign Up. Bước 2: Điền thông tin của bạn vào các mục, chú ý nhập email phải chính xác vì thông tin hosting sẽ được gửi đến email cho bạn và email phải là của Gmail. Bước 3: Ngay sau đó, bạn sẽ nhận được 1 email từ Byethost kèm link kích hoạt đăng ký, mở hộp mail bạn vừa đăng ký, nhấn vào link để kích hoạt. - Bước 4: Sauk hi kích hoạt thành công byethost sẽ gửi lại cho bạn 1 email chứa các thông tin cần thiết của tài khoản mà bạn vừa tạo. Đợi một vài phút trang web sẽ gửi đường link xác nhận. Nhấn vào đường link vậy là đã đăng kí thành công tài khoản trên Byethost. 1.13.2 Up Website lên host Để upload website lên host chúng ta thực hiện các bước sau đây: • Bước 1: Tại localhost bạn vào PHP myadmin chọn CSDL của website bạn cần upload chọn export, sau khi quá trình export CSDL hoàn thành bạn sẽ nhận được 1 file có dạng *.sql • Bước 2: Đăng nhập vào byethost bằng tài khoản bạn vừa tạo rồi truy cập vào Cpanel bằng tài khoản mà byethost đã gửi cho bạn trong email • Bước 3: Sau khi đăng nhập thành công ta tìm đến ô My SQL database click vào và tạo 1 database mới. • Bước 4: Sau khi tạo xong database ta nhìn ở khung dưới click vào dòng admin của database đó rồi chọn mục importer nhấn vào chọn tệp rồi tìm đến file *.sql chúng ta đã export ở trên rồi nhấn execute và đợi cho quá trình upload database lên hoàn thành. 56 Xây dựng Website bán hàng điện tử điện lạnh • Bước 5: tại trang panel của bạn, bạn chọn mục subdomains để đăng kí miễn phí 1 tên miền do byethost cung cấp và nhấn create. • Bước 6: Sau khi đã tạo xong tên miền chún ta quay trở lại localhost và tìm đến thư mục chứa website của mình rồi nén thư mục đó dưới dạng file Zip. Chú ý: Đa số các hosting miễn phí hiện nay đều chỉ hỗ trợ upload thư mục web của bạn lên với kích thước tối đa là 10mb. Nếu thư mục lớn hơn 10mb ta nên mở thư mục ra rồi nén làm các phần nhỏ thành các file Zip và up load từng phần lên trên host. • Bước 7: Sau khi đã nén thành công thư mục web của bạn ta quay lại trang quản lí của byethost chọn mục Open filemanager chọn vào tên miền mà bạn vừa đăng kí. Tiếp theo ta chọn vào mục htdocs rồi nhấn nút upload phía bên trên thì giao diện sẽ chuyển sang 1 trang khác từ đó ta nhấn vào nút chọn tệp bên tay phải rồi chọn đến file zip ta đã nén ở bước trước rồi nhấn vào dấu tích phía trên bên trái để quá trình upload bắt đầu. Khi upload xong file đó sẽ tự động được giải nén trong mục htdocs của bạn • Bước 8: Vậy là ta đã upload xong website của ta lên host, việc cần làm bây giờ là sửa đổi một số thông tin như tài khoản admin, chmod 1 số thư mục cho phù hợp với host. Đầu tiên ta vào thư mục htdocs tìm mục config.php chọn edit và sửa thông tin như sau và save lại: $db_config['dbhost'] = "sql100.byethost31.com"; $db_config['dbport'] = ""; $db_config['dbname'] = "ten database"; $db_config['dbuname'] = "tên đăng nhập Cpanel"; $db_config['dbpass'] = "password"; $db_config['prefix'] = "nv3"; Sau khi hoàn thành bước ở trên ta bắt đầu CHmod777 một số thư mục: - Cache - Data ( tất cả các file và thư mục con của nó) - Files ( tất cả các file và thư mục con của nó) 57 Xây dựng Website bán hàng điện tử điện lạnh - Logs ( tất cả các file và thư mục con của nó) – Sess - Tmp - Uploads ( tất cả các file và thư mục con của nó) - .htaccess Để CHmod thư mục ta tìm đến thư mục đó trong htdocs nhấn chọn thư mục đó và chọn mục chmod phía trên bên phải sau đó điền số 777 và ô Chmod value rồi ấn dấu tích phía trên bên phải để hoàn thành. • Bước 9: Cuối cùng ta vào mục htdocs chọn data tìm đến file config_Global chọn edit và tìm dòng $global_config['my_domains'] = "…"; điền tên domains của bạn vào chỗ … rồi save lại. Vậy là website của ta đã hoạt động trên Internet ta chỉ cần đăng nhập vào tên miền đã đăng kí 58 Xây dựng Website bán hàng điện tử điện lạnh KẾT LUẬN Đề tài “Tìm hiểu mã nguồn mở Nukeviet và ứng dụng” đang được các doanh nghiệp và cá nhân quan tâm tới. Trong quá trình khảo sát và tìm hiểu để phân tích đề tài này dưới sự chỉ dẫn của thầy Nguyễn Đình Hân, em đã hiểu được phần nào và thấy được các công việc cần phải làm để xây dựng cho ứng dụng “Xây dựng website máy tính 2T”. Tuy gặp phải nhiều khó khăn nhưng em đã rất cố gắng để hoàn thành website với những chức năng sau: • Website căn bản là đã giới thiệu được các thông tin tới khách hàng. • Website xây dựng trên nền tảng Nukeviet vì thế tính bảo mật cao, tránh hacker xâm nhập và đánh cắp dữ liệu. • Website đã đáp ứng được các yêu cầu về hoạt động thương mại điện tử, giao diện đẹp, thiết kế nhanh, sử dụng đơn giản. • Website thử nghiệm trên localhost. Website đạt được một số chức năng chính để phục vụ cho việc giới thiệu đến khách hàng các sản phẩm của cửa hàng nhưng đó cũng chỉ đáp ứng được một phần nhỏ các yêu cầu hiện nay. Em mong nhận được ý kiến đóng góp để website được phát triển hoàn thiện hơn trong thời gian tới và đáp ứng đầy đủ các yêu cầu. Mặc dù đã cố gắng rất nhiều trong quá trình khảo sát tìm hiểu về mã nguồn mở và xây dựng ứng dụng website bán hàng điện tử điện lạnh, nhưng sẽ không tránh khỏi những thiếu sót. Vì vậy em mong quý thầy cô cũng như những ai quan tâm đến đề tài này chỉ dẫn và góp ý kiến cho em để em hoàn thiện website một cách đầy đủ. Mong muốn của em là phát triển website: • Với nhiều tính năng, ứng dụng thân thiện hơn. • Cơ chế bảo mật cao hơn. 59 Xây dựng Website bán hàng điện tử điện lạnh TÀI LIỆU THAM KHẢO [1] Nguyễn Văn Quyết, Giáo trình Công nghệ Web HYPERLINK "http://forum.nukeviet.vn/" \h http://forum.nukeviet.vn/ HYPERLINK " [2] HYPERLINK "http://wiki.nukeviet.vn/" \h http://wiki.nukeviet.vn/ HYPERLINK "http://wiki.nukeviet.vn/" \h [3] HYPERLINK "http://vi.wikipedia.org/wiki/NukeViet" \h http://vi.wikipedia.org/wiki/NukeViet HYPERLINK "http://vi.wikipedia.org/wiki/NukeViet" \h [4] DVD thiết kế web của HYPERLINK "http://www.izwebz.com/" \h HYPERLINK "http://www.izwebz.com/" \h http://www.izwebz.com/ HYPERLINK "http://www.izwebz.com/" \h 60 Xây dựng Website bán hàng điện tử điện lạnh PHỤ LỤC 1. 2. ….. 61 [...]... hình thu nhỏ, tự động chia thư mục và sắp xếp hình vào các thư mục theo thời gian… 26 Xây dựng Website bán hàng điện tử điện lạnh Hình 2-15: Giao diện quản lý module Tin tức • Quản lý thành viên: Hình 2-16: Giao diện trang quản lý module tài khoản 27 Xây dựng Website bán hàng điện tử điện lạnh • Quản lý liên hệ gửi đến website: Hình 2-17: Giao diện trang quản lý module liên hệ • Quản lý thăm dò ý kiến:... NukeViet 23 Xây dựng Website bán hàng điện tử điện lạnh • Bước 7: Kết thúc Hình 2-10: Thông báo cài đặt thành công Sau khi xong các bước hệ thống yêu cầu có 2 lựa chọn: Xem trang chủ hoặc Đăng nhập trang quản trị Ta có thể đăng nhập trang quản trị bằng cách gõ thêm /admin/ sau địa chỉ cài đặt NukeViet Giao diện Trang chủ: Hình 2-11: Giao diện trang chủ 24 Xây dựng Website bán hàng điện tử điện lạnh Và... 20 Xây dựng Website bán hàng điện tử điện lạnh • Bước 3: Bản quyền Hình 2-6: Thông báo bản quyền Phần mềm sẽ hiển thị thông tin bản quyền về phần mềm nguồn mở theo giấy phép GNU/GPL và giải thích các điều khoản được phép và không được phép Ta nhấp nút “Bước kế tiếp” để chuyển sang bước tiếp theo • Bước 4: Kiểm tra máy chủ Hình 2-7: Kiểm tra môi trường máy chủ 21 Xây dựng Website bán hàng điện tử điện. .. Xây dựng Website bán hàng điện tử điện lạnh • Sau đó ta chọn tệp tin • Chọn tới vị trí tập tin module-shops-3-4-02.zip vừa download về và ấn tiếp tục tiến để hành cài đặt Hình 3-2: Chọn tệp module dưới dạng zip Sau khi đã cài đặt thành công thì kích hoạt Module để chạy ứng dụng bằng cách vào quản lý module – thiết lập module mới: Hình 3-3: Kích hoạt gói module 31 Xây dựng Website bán hàng điện tử điện. .. được xây dựng cung cấp miễn phí cho người dùng, việc sử dụng Theme đơn giản tạo điều kiện xây dựng website bắt mắt • Giao diện quản trị hiện đại, với cấu trúc rõ ràng, việc cài đặt các modul khá đơn giản • Hỗ trợ việc xây dựng Site đa ngôn ngữ • Tùy biến site bằng Block • Hệ thống quản lý người dùng • Hệ thống ổn định và an toàn (Stable and Security) 13 Xây dựng Website bán hàng điện tử điện lạnh •... module mới 29 Xây dựng Website bán hàng điện tử điện lạnh NỘI DUNG THỰC HIỆN 1.10 Giới thiệu cơ bản về trang web ứng dụng Nukeviet làm shop bán hàng 1.10.1 Tiêu chí cho hệ thống Quản lý số lượng sản phẩm và danh mục không giới hạn, với số lượng lớn Bán hàng qua mạng nên có thể dùng như một cửa hàng trên mạng Tìm kiếm thông tin sản phẩm một cách nhanh chóng Hỗ trợ thanh toán trực tuyến Khách hàng có thể... các ứng dụng trên web nên PHP cung cấp rất nhiều hàm xây dựng sẵn giúp thực hiện các công việc rất dễ dàng: gửi, nhận mail, làm việc với cookie… PHP là một ngôn ngữ rất dễ dùng, dễ học và đơn giản hơn nhiều so với các ngôn ngữ khác như Perl, Java Đặc biệt, PHP là ngôn ngữ mã nguồn mở Có rất 11 Xây dựng Website bán hàng điện tử điện lạnh nhiều phần mềm website mã nguồn mở được viết trên nền tảng của PHP... hình ảnh đồ họa với mục đích trang trí cho Website NukeViet sử dụng theme như thế nào trong việc thể hiện giao diện trang Web? Theme là một giải pháp đơn giản nhất mà các portal như NukeViet sử dụng trong việc thể hiện giao diện Website Với giải pháp này, các ứng dụng & tính năng 32 Xây dựng Website bán hàng điện tử điện lạnh hệ thống được tách riêng, giao diện Website được tách riêng Việc tách riêng... Tên host : localhost USERNAME: root Tên cơ sở dữ liệu : nuke Hình 2-8: Cấu hình cơ sở dữ liệu Tiếp đó ta chọn Thực hiện để sang bước tiếp theo • • • • • 22 Xây dựng Website bán hàng điện tử điện lạnh Hình 2-9: Thông tin website • Bước 6: Thông tin website Ở bước này các ta phải điền đầy đủ thông tin vào những ô được đánh dấu (*), bên cạnh là cột ghi chú để có thể hiểu rõ hơn quá trình nhập thông tin.. .Xây dựng Website bán hàng điện tử điện lạnh - Thực hiện các đoạn mã PHP trên trang web đó để sửa đổi nội dung của trang - Gửi nội dung cho browser ở dạng HTML Hình 2-2: Hoạt động của website viết bằng PHP Tóm lại, sự khác nhau giữa HTML và PHP là HTML không được thực hiện xử lý trên máy chủ ... DẪN> HƯNG YÊN - 2014 Xây dựng Website bán hàng điện tử điện lạnh MỤC LỤC Xây dựng Website bán hàng điện tử điện lạnh DANHSÁCH HÌNH VẼ Xây dựng Website bán hàng điện tử điện lạnh DANH SÁCH TỪ VIẾT... xây dựng dựng Website bán hàng điện tử điện lạnh sử dụng mã nguồn mở NukeViet 1.4 Nội dung thực Tham khảo số Website bán hàng Internet để học hỏi cách thiết kế website bán hàng điện tử điện lạnh. .. đặt Web Sever : Vertrigo Xây dựng Website bán hàng điện tử điện lạnh Thiết kế giao diện Website cho thân thiện với người dùng Xây dựng Website bán hàng điện tử điện lạnh CƠ SỞ LÝ THUYẾT 1.5 Mã