THIẾT KẾ WEBSITE BÁN HÀNG LƯU NIỆM TRỰC TUYẾN SỬ DỤNG MÃ NGUỒN MỞ JOOMLA

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO BÀI TẬP LỚN ĐỀ TÀI: THIẾT KẾ WEBSITE BÁN HÀNG LƯU NIỆM TRỰC TUYẾN SỬ DỤNG MÃ NGUỒN MỞ JOOMLA Giảng viên hướng dẫn : Lê Nam Huy Sinh viên thực hiện : Ngô Duy Kiên Phạm Đình Hinh Nguyễn Thị Nhàn Phạm Thị Ngọc Đoàn Văn Hiển Lớp : CNTT – K10C Thái Nguyên, Tháng 4 Năm 2015 MỤC LỤC MỤC LỤC 2 LỜI MỞ ĐẦU 3 CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 4 1.4.2. Một số khái niệm trong joomla 24 1.4.3 Các thành phần cơ bản 25 1.4.4 Cài đặt joomla 3.2.2 27 CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 33 2.1. Khảo sát hệ thống 33 2.1.1.Giới thiệu đề tài Website bán đồ lưu niệm 33 2.1.2.Các yêu cầu trong hệ thống 35 2.2. Phân tích yêu cầu người dùng 35 2.3. Cách thức thực hiện của từng đối tượng 37 2.3.1. Khách hàng 37 2.3.2. Người quản trị (admin) 38 2.4. Biểu đồ Use case tổng quát 39 2.5. Các biểu đồ cho từng chức năng của hệ thống 39 3.1 Giao diện trang chủ 53 3.2 Giao diện form đăng nhập 54 3.3 Giao diện trang sản phẩm 54 3.3 Giao diện trang chi tiết sản phẩm 55 TÀI LIỆU THAM KHẢO 56 2 LỜI MỞ ĐẦU Với sự phát triển nhảy vọt của công nghệ thông tin hiện nay, 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. Dĩ nhiên các bạn đã được nghe nói nhiều về Internet, nói một cách đơn giản, Internet là một tập hợp máy tính nối kết với nhau, là một mạng máy tính toàn cầu mà bất kì ai cũng có thể kết nối bằng máy PC của họ. Với mạng Internet, tin học thật sự tạo nên một cuộc cách mạng trao đổi thông tin trong mọi lĩnh vực văn hóa, xã hội, chính trị, kinh tế Trong thời đại ngày nay, thời đại mà “người người làm Web, nhà nhà làm Web” thì việc có một Website để quảng bá công ty hay một Website cá nhân không còn là điều gì xa xỉ nữa. 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ả. Với công nghệ Word Wide Web, hay còn gọi là Web sẽ giúp bạn đưa những thông tin mong muốn của mình lên mạng Internet cho mọi người cùng xem một cách dễ dàng với các công cụ và những ngôn ngữ lập trình khác nhau. Sự ra đời của các ngôn ngữ lập trình cho phép chúng ta xây dựng các trang Web đáp ứng được các yêu cầu của người sử dụng. PHP (Personal Home Page) là kịch bản trên phía trình chủ (Server Script) cho phép chúng ta xây dựng trang Web trên cơ sở dữ liệu. 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. 3 Vì vậy chúng em đã chọn đề tài “Thiết kế website bán hàng lưu niệm trực tuyến sử dụng mã nguồn mở Joomla” Nội dung đề tài được chia làm 3 chương : Chương 1: Cơ sở lý thuyết. Chương 2: Phân tích thiết kế hệ thống Chương 3: Xây dựng website. CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 1.1. Mục tiêu nghiên cứu, yêu cầu nghiên cứu 1.1.1. Mục tiêu nghiên cứu mã nguồn mở Joomla và xây dựng hệ thống website • Nắm vững những kiến thức cơ bản về mã nguồn mở Joomla và xây dựng template Joomla cho website. • Sử dụng ngôn ngữ lập trình PHP để tạo ra website chuyên nghiệp, đáp ứng được nhu cầu của khách hàng, cũng như các doanh nghiệp hiện nay. • Đối với hệ thống nhằm giúp doanh nghiệp đẩy mạnh việc quảng bá hình ảnh doanh nghiệp, sản phẩm dịch vụ của mình. • Thông tin được cập nhật và luôn đáp ứng được nhu cầu của các nhà doanh nghiệp. • Hỗ trợ và tư vấn cho khách hàng khi tham gia hệ thống. • Bên cạnh đó còn tiết kiệm được thời gian và chi phí đi lại cho các nhà kinh doanh. 4 1.1.2. Những yêu cầu đặt ra cho việc nghiên cứu mã nguồn mở joomla và hệ thống website Đối với mã nguồn mở joomla Hiểu được khái niệm cấu trúc mã nguồn, Ưu, nhược điểm của joomla, và cách xây dựng website trên mã nguồn joomla như thế nào? Đối với hệ thống • Tạo sự thân thiện, an toàn, dễ sử dụng cho khách hàng, đối tác, các nhà kinh doanh. • Hỗ trợ cho người quản trị có thể quản lý các thông tin về các sản phẩm, và giao dịch trên website một các dễ dàng. • Hệ thống phải đảm bảo tốc độ tải trang làm sao có thể tối ưu, giảm bớt sự khó chịu của người dùng khi duyệt trang. • Đảm bảo được tính bảo mật, tránh sự chống phá của hacker. • Mã nguồn phải trong sáng dễ hiểu, dễ bảo trì và nâng cấp. 1.2. Phạm vi nghiên cứu và phương pháp thực nghiệm 1.2.1. Phạm vi nghiên cứu Nghiên cứu mã nguồn mở joomla, ngôn ngữ lập trình PHP, Mysql, nghiên cứu trang web tin tức trực tuyến 1.2.2. Phương pháp thực nghiệm Từ những yêu cầu đặt ra của đề tài, tiến hành phân tích và đưa ra phương pháp giải quyết theo các bước sau: • Tìm hiểu mã nguồn joomla để cơ sở lập trình, và xây dựng website trên nền joomla • Tìm hiểu các kiến thức liên quan đến tin tức trực tuyến, các cài đặt chức năng để áp dụng cho hệ thống. • Tìm hiểu về ngôn ngữ lập trình PHP kết hợp với template , module , components và cơ sở dữ liệu MySQL để giải quyết vấn đề. • Tiến hành phân tích thiết kế hệ thống nhằm đưa ra hệ thống tối ưu. 5 • Lập trình hệ thống. • Tiến hành chạy thử và kiểm tra. • Thay đổi, bổ sung, khắc phục sự cố, lỗi, từ đó đưa website vào hoạt động chính thức. 1.3. Cơ sở ngôn ngữ lập trình 1.3.1. Tìm Hiểu Về HTML Khái niệm HTML (hay Hypertext Markup Language-Ngôn ngữ liên kết siêu văn bản) là ngôn ngữ đánh dấu chuẩn dùng lập trình các tài liệu World Wide Web, tài liệu là các tập tin văn bản đơn giản. Cấu trúc cơ bản <HTML> <Head> <title>Tiêu đề trang web</title> </Head> <Body> Nội dung chính của trang web </Body> </HTML> Trong đó: 6 • Thẻ <Html></Html> định nghĩa phạm vi của văn bản HTML • Thẻ <Head></Head> định nghĩa các mô tả về trang HTML. Các thông tin trong thẻ này không được hiển thị trên màn hình cửa sổ trang web. • Thẻ <title></title> mô tả tiêu đề trang web. Thông tin trong phần này sẽ hiển thị trên thanh tiêu đề của cửa sổ trang web. • Thẻ <Body></Body> xác định vùng thân của trang web. Đây là nơi chứa các thông tin sẽ hiển thị trong trang web. Một số thẻ <tag> cơ bản trong văn bản HTML • <p> Định dạng đoạn văn bản</p> • <h1> Định dạng tiêu đề trang web</h1> lần lượt đến <h6></h6>. • <a href="Liên kết"> Tên liên kết</a> cặp thẻ này cho phép ta đặt liên kết đến một địa chỉ khác. • <img Đường dẫn hình ảnh " /> cặp thẻ này cho phép ta chèn dữ liệu hình ảnh. • <script type=" Kiểu Script"> Nội dung của Script.</script> cặp thẻ này cho phép ta có thể định nghĩa các Script như: Javascript, VbScript. • <embed src="Đường dẫn dữ liệu âm thanh"></embed> cặp thẻ này cho phép ta định nghĩa dữ liệu âm thanh đơn giản. • <table></table> cặp thẻ này sẽ cho ta định nghĩa một bảng biểu. • <tr></tr> định nghĩa một dòng. • <td></td> định nghĩa một ô. • <b>Nội dung</b> dạng chữ đậm. • <i>Nội dung</i> dạng chữ nghiêng. • <font> Nội dung</font> các thuộc tính cơ bản trong cặp thẻ này như: size, color… Thành phần của form. <form method="post" name="login" id="login" action="login.php"> <input type="text" name="username" id="username" value="Tài khoản" /> 7 <input type="password" name="username" id="username" value="Mật khẩu" /> <input type="submit" name="Submit" value="Login" /> </form> Trong đó: Method: Phương thức của form. Có thể là post hoặc get. Name: Tên của form. Action: Chỉ đến trang xử lý form. Sau đó, ta định nghĩa một thành phần text: username, một thành phần password và một nút submit form. 1.3.2. Ngôn ngữ PHP Khái niệm PHP PHP (viết tắt hồi quy "PHP: Hypertext Preprocessor") là một ngôn ngữ lập trình kịch bản hay một loại mã lệnh chủ yếu được dùng để phát triển các ứng dụng viết cho máy chủ, mã nguồn mở, dùng cho mục đích tổng quát. Nó rất thích hợp với web và có thể dễ dàng nhúng vào trang HTML. Do được tối ưu hóa cho các ứng dụng web, tốc độ nhanh, nhỏ gọn, cú pháp giống C và Java, dễ học và thời gian xây dựng sản phẩm tương đối ngắn hơn so với các ngôn ngữ khác nên PHP đã nhanh chóng trở thành một ngôn ngữ lập trình web phổ biến nhất thế giới. Ưu điểm PHP : • Nó miễn phí và tính khả chuyển đối với các hệ điều hành họ Unix và Windows. • Được nhiều người sử dụng và phát triển. • Mã lệnh nằm ngay trong trang web. Nó có thể dễ dàng truy cập tới các tài nguyên hệ thống và nhiều cơ sở dữ liệu. • Dễ học khi đã biết HTML, C. • Nhiều hệ thống CMS (hệ thống quản trị nội dung) miễn phí dùng. Nhược điểm: Chỉ chạy trên ứng dụng web. 8 Cấu trúc cơ bản của PHP Đoạn mã sau minh họa giúp cách viết PHP lồng vào các trang HTML dễ dàng như thế nào: <?php $a = 5; $b = 7; $c = $a+$b; echo "Chuong trinh tinh tong don gian"; echo $c; ?> Thẻ <?php và thẻ ?> sẽ đánh đấu sự bắt đầu và sự kết thúc của phần mã PHP qua đó máy chủ biết để xử lý và dịch mã cho đúng. Đây là một điểm khá tiện lợi của PHP giúp cho việc viết mã PHP trở nên khá trực quan và dễ dàng trong việc xây dựng phần giao diện ứng dụng HTTP. PHP cũng có thẻ bắt đầu và kết thúc giống với ngôn ngữ HTML. Cách sử dụng PHP • Cách 1: Cú pháp chính: <?php Mã lệnh PHP ?> • Cách 2: Cú pháp ngắn gọn <? Mã lệnh PHP ?> • Cách 3: Cú pháp giống với ASP. <% Mã lệnh PHP %> • Cách 4: Cú pháp bắt đầu bằng script <script language=php> </script> Để lập trình bằng ngôn ngữ PHP cần chú ý những đặc điểm sau: • Cuối câu lệnh có dấu ; 9 • Biến trong PHP là tiền tố $. • Mỗi phương thức đều bắt đầu bằng { và đóng dấu bằng } • Khi khai báo biến thì không có kiểu dữ liệu. • Nên có giá trị khởi đầu cho biến khai báo. • Phái có ghi chú cho mỗi đoạn mã mới. • Sử dụng dấu // hay dấu # để giải thích cho mỗi ghi chú. • Sử dụng / * */ cho mỗi đoạn ghi chú. • Khai báo biến có phân biệt chữ hoa hay chữ thường. Xuất giá trị ra trình duyệt Để xuất dữ liệu ra trình duyệt chúng ta có những dòng cú pháp sau: • echo "Thông tin"; • printf "Thông tin"; Thông báo gồm biến, chuỗi hoặc lệnh HTML… <?php echo " xin chao ban !"; ?> Nếu giữa hai chuỗi muốn liên kết dùng dấu “.” <?php echo " xin chao ban !". "Ban co khoe khong ?"; ?> Biến trong PHP Khi khai báo biến trong PHP thì cần thêm tiền tố $ trước biến, tên của biến không được trùng với các từ khóa. Ví dụ: <?php $a = 100; // Biến a ở đây có giá trị là 100. 10 [...]... bỏ 1.4 Tìm hiểu mã nguồn mở Joomla 1.4.1 Giới thiệu mã nguồn Joomla Joomla là gì? Joomla là một hệ thống giải thưởng quản lý nội dung (CMS), cho phép bạn xây dựng trang web và các ứng dụng trực tuyến mạnh mẽ Nhiều khía cạnh, bao gồm cả của nó dễ sử dụng và mở rộng, đã thực hiện các phần mềm Joomla trang web phổ biến nhất hiện có Tốt nhất của tất cả, Joomla là một giải pháp mã nguồn mở là miễn phí cho... những hệ thống website doanh nghiệp có tính phức tạp cao, cung cấp nhiều dịch 23 vụ và ứng dụng Joomla! có thể dễ dàng cài đặt, dễ dàng quản lý và có độ tin cậy cao Joomla! có mã nguồn mở do đó việc sử dụng Joomla! là hoàn toàn miễn phí cho tất cả mọi người trên thế giới 1.4.2 Một số khái niệm trong joomla Phần Quản Trị Joomla Administration-Quản trị Joomla Là trung tâm điều khiển của website Joomla. là... khỏi website Từ phiên bản 1.6 trở đi, Joomla đã tích hợp sẵn chức năng xóa bỏ vào trình cài đặt Bạn có thể click vào nút “Remove installation folder” để xóa Hoặc vào trực tiếp trình quản lý file của máy tính để xóa thư mục này Và xem kết quả website mới được tạo: 32 CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 2.1 Khảo sát hệ thống 2.1.1.Giới thiệu đề tài Website bán đồ lưu niệm * Thực trạng: Hiện nay, cửa hàng. .. nay, cửa hàng vẫn áp dụng hình thức bán hàng trực tiếp và thanh toán theo phương thức truyền thống Theo đó, khi khách hàng có nhu cầu mua hàng họ sẽ tới tận cửa hàng để xem và tìm hiểu sản phẩm mình muốn mua và thanh toán trực tiếp với cửa hàng Khách hàng đến với Việt Khôi thuộc nhiều đối tượng khác nhau Phần lớn là sinh viên từ các trường đại học và các khách hàng có nhu cầu mua hàng ở khu vực lân cận... o Khách hàng (Người dùng) a, Khách hàng Khách hàng là những người dùng có nhu cầu mua hàng Họ sẽ tìm kiếm những mặt hàng cần thiết từ hệ thống và đặt mua những mặt hàng này Vì thế trang web phải thỏa mãn những chức năng sau: + Hiển thị danh mục sản phẩm để khách hàng xem và chọn - Đưa ra các sản phẩm mới Đưa ra sản phẩm bán chạy + Cung cấp chức năng tìm kiếm sản phẩm Với nhu cầu của người sử dụng khi... thiệu sản phẩm sẽ là công cụ hỗ trợ việc bán hàng hiệu quả nhất cho cửa hàng Website sẽ là cầu nối để khách hàng có thể tiếp cận sản phẩm, dịch vụ của cửa hàng một cách hiệu quả Website sẽ mang lại rất nhiều lợi ích cho cửa hàng như: - Cung cấp thông tin nhanh chóng, mang tính cập nhật để phục vụ tốt các đối tượng khách hàng - Thông tin luôn sẵn sang có trên website và có thể được xem bất kỳ lúc nào,... tìm kiếm các mặt hàng mà họ cần và muốn mua Đôi lúc cũng có nhiều khách hàng vào website này không có ý định mua gì thì yêu cầu 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 + Sau khi khách hàng lựa chọn xong những mặt hàng cần đặt mua và thanh toán thì hệ thống có chức năng hiển thị đơn đặt hàng để khách hàng nhập những thông tin cần thiết, tránh đòi... Ưu điểm: - Giao hàng trực tiếp tới tay khách hàng hoặc các đối tác, khách hàng sẽ có thể kiểm tra hàng trước khi mua vì thế cửa hàng dễ dàng nhận được ý kiến, yêu cầu, trao đổi trực tiếp từ khách hàng - Là hình thức đơn giản, không đòi hỏi công nghệ hiện đại, yêu cầu nhân lực - Độ an toàn và tin cậy cao Nhược điểm: - Tốn kém chi phí, thời gian - Hạn chế không gian địa lý *Giải pháp: Website giới thiệu... để Joomla cài đặt dữ 31 liệu mẫu chuẩn vào website cho bạn Còn nếu bạn đã biết dùng và chuẩn bị xây dựng website mới, thì nên chọn là None và đến bước kế tiếp: Tiếp theo Joomla sẽ thực thi công việc tương tác với cơ sở dữ liệu của bạn Cho đến khi hiện ra giao diện như hình trên, thì việc cài đặt website đã được hoàn tất Và để bảo mật website, thì Joomla yêu cầu bạn phải xóa bỏ thư mục cài đặt của Joomla. .. Site Tất cả các thành phần mở rộng đều được cài đặt thêm hoặc gỡ bỏ thông qua các Menu lệnh trong Joomla! 1.4.4 Cài đặt joomla 3.2.2 Bước 1: Download bộ cài Joomla Các bạn nên vào trực tiếp trang download của Joomla tại địa chỉ: http://www .joomla. org/download.html Và thực hiện download phiên bản mới nhất tại thời điểm hiện tại về để tiến hành cài đặt Bước 2: Giải nén bộ cài đặt Joomla ra thư mục Hosting . bật mà PHP và MySQL được rất nhiều người sử dụng. 3 Vì vậy chúng em đã chọn đề tài Thiết kế website bán hàng lưu niệm trực tuyến sử dụng mã nguồn mở Joomla Nội dung đề tài được chia làm 3. TRUYỀN THÔNG KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO BÀI TẬP LỚN ĐỀ TÀI: THIẾT KẾ WEBSITE BÁN HÀNG LƯU NIỆM TRỰC TUYẾN SỬ DỤNG MÃ NGUỒN MỞ JOOMLA Giảng viên hướng dẫn : Lê Nam Huy Sinh viên thực hiện. nguồn mở joomla và hệ thống website Đối với mã nguồn mở joomla Hiểu được khái niệm cấu trúc mã nguồn, Ưu, nhược điểm của joomla, và cách xây dựng website trên mã nguồn joomla như thế nào? Đối với