Đề tài Lập trình web bằng CMS

Báo cáo Lập trình web bằng CMS 1 Contents I. GIỚI THIỆU ĐỀ TÀI ........................................................................................................................ 2 1.1 Tên đề tài ..................................................................................................................................... 2 1.2 Nội dung ..................................................................................................................................... 2 1.3 Đối tượng phục vụ ..................................................................................................................... 2 II. CHUẨN BỊ DỰ ÁN....................................................................................................................... 2 2.1 Lập kế hoạch dự án .................................................................................................................... 2 2.2 Phân công công việc cho các thành viên trong nhóm, điều phối công việc ...................... 3 2.3 Môi trường làm việc .................................................................................................................. 4 III. KHẢO SÁT XÁC ĐỊNH MỤC TIÊU, PHÂN TÍCH HỆ THỐNG ....................................... 4 3.1 Mục tiêu chính ............................................................................................................................ 4 3.2 Mục tiêu tổng quát ..................................................................................................................... 4 3.3 Khảo Sát Hiện Trạng Của Trang Web ..................................................................................... 4 IV. GIỚI THIỆU CÔNG CỤ VÀ CÔNG NGHỆ PHÁT TRIỂN WEB ....................................... 5 4.1 Joomla – Mã nguồn mở ............................................................................................................. 5 4.1.4 Phần mở rộng ..................................................................................................................... 8 4.2 Chương trình tạo máy chủ ảo XAMPP ................................................................................. 12 V. PHÂN TÍCH HỆ THỐNG ..................................................................................................... 14 Yêu cầu chi tiết về website .................................................................................................................. 14 Đối với người truy cập website .......................................................................................................... 14 Đối với người quản trị ......................................................................................................................... 14 Chức năng cụ thể: ................................................................................................................................ 14 Đầu ra: ............................................................................................................................................... 15 Đầu vào .............................................................................................................................................. 15 VI. THIẾT KẾ CHI TIẾT .................................................................................................................. 18 VII. TỔNG KẾT VÀ ĐÁNH GIÁ..................................................................................................... 19 VIII. TÀI LIỆU THAM KHẢO ....................................................................................................... 20 2 I. GIỚI THIỆU ĐỀ TÀI 1.1 Tên đề tài Xây dựng trang web cho phòng thí nghiệm bằng CMS. 1.2 Nội dung Trang web mang thông tin của phòng thí nghiệm tới với người đọc.Cập nhật thông tin của phòng thí nghiệm vể nghiên cứu,đào tạo thành viên và kết quả bài thi mô học. 1.3 Đối tượng phục vụ Tất cả mọi người muốn tìm hiểu thông tin về phòng thí nghiệm . II. CHUẨN BỊ DỰ ÁN 2.1 Lập kế hoạch dự án Sau khi nhóm tiến hành thảo luận và cuối cùng thống nhất xây dựng một trang Web có tên là lab để nhằm cập nhật tin tức hàng ngày cho người truy cập Web của phòng LAB, đồng thời lập ra kế hoạch cho dự án như sau: Khảo sát tình hình thực tế, tham khảo thông tin từ các trang có sẵn của trường viết bằng joomla. Nhóm thống nhất sử dụng công cụ thiết kế Web là Joomla vesion 3.0, server ảo sẽ chạy trên phần mềm XAMPP. Các công cụ này miễn phí nên có thể tìm kiếm và download trên mạng. Riêng gói cài đặt Joomla thì có thể truy cập vào trang chủ của Joomla là joomla.org để download. Vì thế cần phải tìm kiếm, download tài liệu về Joomla, bản cài đặt Joomla 3.0, bản cài đặt server ảo XAMPP, và các gói cài đặt công cụ ứng dụng của Joomla như template (giao diện), plugin (công cụ bổ trợ), component (các 3 gói thành phần), bản Việt hóa để tiến hành xây dựng trang Web. Các gói công cụ này cũng có thể tìm kiếm và download trên mạng, có thể miễn phí hoặc là trả phí bằng dịch vụ Epay hoặc nạp tiền qua tin nhắn điện thoại! Công việc chính của dự án sau khi đã thu thập đủ các dữ liệu cần thiết đó là: Cài đặt server ảo XAMPP để chạy localhost, tạo cơ sở dữ liệu cho trang Web, cài đặt Joomla, thiết kế giao diện, đăng bài viết, chạy thử, upload lên host, quản trị trang Web. Các công việc tiến hành theo trình tự. 2.2 Phân công công việc cho các thành viên trong nhóm, điều phối công việc Thành viên Nhiệm vụ Đinh Văn Nhâm - Tìm kiếm tài liệu XAMPP,cài đặt XAMPP - Tìm kiếm tài liệu JOOMLA,cài đặ JOOMLA - Thiết kế giao diện,menu chính của trang web Nguyễn Quang Sơn - Tìm kiếm các gói công cụ bổ trợ,cài đặt template - Thiết kế menu phụ - Tìm kiếm bài viết Lê Văn Nhạc - Cài đặt CSDL - Cài đặt đa phương tiện - Ghi lại các bước cài đặt Nguyễn Văn Sang - Thiết kế lập báo cáo 4 2.3 Môi trường làm việc Công cụ thiết kế trang Web là Joomla, gói Joomla sử dụng là gói Joomla version 1.5.23 có dung lượng là 14.7 MB, server ảo sử dụng phần mềm XAMPP version 1.7.3 có dung lượng là 51 MB và dung lượng của gói cài đặt là 282 MB. Vì phần mềm XAMPP có dung lượng khá lớn, và đòi hỏi cấu hình máy cao, nên cấu hình máy tối thiểu là CPU Duo Core, RAM 1Gb, dung lượng ổ đĩa trống tổi thiểu là 2 Gb. Đồng thời sử dụng hệ điều hành Windows của Microsoft ( Windows XP, Windows 7) để chạy chương trình. Bởi vì Hệ điều hành Windows là hệ điều hành phổ biến, giao diện cửa sổ dễ sử dụng, lại dễ cài đặt và khởi chạy nhiều chương trình phần mềm. III. KHẢO SÁT XÁC ĐỊNH MỤC TIÊU, PHÂN TÍCH HỆ THỐNG 3.1 Mục tiêu chính Xây dựng trang web  Cập nhật các thông tin,tin tức và hoạt động của phòng thí nghiệm.  Đăng tải tài liệu môn học cho sinh viên  Đăng tải kết quả thi 3.2 Mục tiêu tổng quát Xây dựng trang web:  phân chia các tin tức thành một menu giúp người truy cập biết thông tin,tin tức ở danh mục nào.  Luôn cập nhật những thông tin mới nhất một cách nhanh chóng  Cho phép tìm kiếm thông tin,bài viết trong trang web 3.3 Khảo Sát Hiện Trạng Của Trang Web Một số trang web lớn sử dụng mã nguồn Joomla : 1. IHOP (chuỗi nhà hàng) - 2. Đại học Harvard (Giáo dục) - 5 3. Các Maven Green (Eco-nguồn lực) - 4. Website của các tổ chức,đơn vị lớn như Bệnh Viên Bạch Mai( 5. Trường Đại Học Ngoại Thương(ường THPT Nguyễn Bỉnh Khiêm( 6. Vv. Cũng được phát triển trên mã nguồn Joomla IV. GIỚI THIỆU CÔNG CỤ VÀ CÔNG NGHỆ PHÁT TRIỂN WEB 4.1 Joomla – Mã nguồn mở 4.1.1 Mã nguồn mở là gì ?. Mã nguồn mở là thuật ngữ chỉ các sản phẩm phần mềm công khai (source code). Người dùng không phải trả bất kì chi phí nào, hơn thế nữa họ có quyền xem , sửa đổi, cải tiến và nâng cấp theo một số nguyên tắc chung quy định trong giấy phép phần mềm mã nguồn mở General Public Licence –GPL. 4.1.2 Giới thiệu CMS CMS (Content Management System) là hệ thống dùng để tạo ra, thay đổi, lưu trữ, xóa các thông tin, tài nguyên dựa trên một hệ thống lưu trữ được tổ chức tốt. Ngoài ra nó còn bao gồm các công cụ giúp cho việc quản lý phiên bản phát hành thông tin, định dạng thông tin một cách nhanh chóng và dễ dàng. Thông tin ở đây có thể là thông tin có cấu trúc (được lưu trong CSDL) hoắc thông tin không cấu trúc như các file media, file văn bản... Các tờ báo điện tử, shop bán hàng hay các cổng thông tin điện tử của chính phủ cũng là CMS. Có rất nhiều hệ thống CMS trên thế giới, một số dạng phổ thông và đơn giản có thể kể là : Joomla, Nuke, Mambo... Phức tạp hơn là Typo3, Ezpublish.. CMS là xu hướng chung của tất cả các website ngày nay.CMS trong tương lai sẽ được tích hợp vào các hệ thống ERP của doanh nghiệp. Các dữ liệu của doanh nghiệp sẽ được publish trực tiếp lên website mà không cần phải tốn nhiều công sức. Ví dụ một nhà máy vừa sản xuất ra một sản phẩm , sản phẩm này ngay lập tức xuất hiện trên 6 trang website về thương mại điện tử của nhà máy đó, thông tin về sản phẩm được lấy từ dữ liệu của phóng kĩ thuật, giá cả thì lấy từ phòng kinh doanh, các hình thức khuyến mãi lấy từ phòng maketing... 4.1.1 Joomla CMS Joomla là một hệ quản trị nội dung mã nguồn mở (Open Source Content Management Systems). Joomla được viết bằng ngôn ngữ PHP và kết nối tới cơ sở dữ liệu My SQL, 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 hoặc Intranet. Joomla! có các đặc tính cơ bản là: boộ đệm trang (page caching) để tăng tốc độ hiển thị, lập chỉ mục, đọc tin RSS (RSS feeds), trang dùng để in, bản tin nhanh, blog, diễn đàn, bình chọn, lịch biểu, tìm kiếm trong site và hỗ trợ đa ngôn ngữ .Joomla! được phát âm theo tiếng Swahili như là jumla nghĩa là "đồng tâm hiệp lực". Joomla! được sử dụng ở khắp mọi nơi trên thế giới, từ những Website cá nhân cho tới những hệ thống website doanh nghiệp có tính phức tạp cao, cung cấp nhiều dịch 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. Joomla! là "sản phẩm anh em" với Mambo giữa tập đoàn Miro của Úc (hãng đang nắm giữ Mambo), với phần đông những người phát triển nòng cốt. Ban đầu công ty Miro của Úc (Miro Software Solutions) đã phát triển Mambo theo dạng ứng dụng mã nguồn đóng. Đến tháng 4 năm 2001, công ty đã thông qua một chính sách bản quyền kép, nghĩa là phát hành Mambo theo cả giấy phép GPL. 4.1.3 Tại sao lại chọn Joomla? 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. Joomla là hệ thống quản trị nội dung mã nguồn mở số 1 thế giới hiện nay. Linh hoạt, đơn giản, thanh nhãm tính tùy biến rất ca và cự kì mạnh mẽ,. Được sử dụng trên toàn thế giới từ những trang web đơn giản cho đến nhưng trang web phức tạp. Việc cài đặt Joomla rất đễ dàng, đơn giản trong việc quản lý và đáng tin cậy. Các phiên bản hiện tại : 7 Hiện Joomla có 3 dòng phiên bản chính  Joomla 1.0.x phiên bản phát hành đầu tiên  Joomla 1.5.x phiên bản tiếp sau đó  Joomla 2.5.x  Joomla 3.0.x là phiên bản mới nhất Trong bài báo cáo sử dụng phiên bản Joomla 3.0 Những điểm mới trong joomla 3.0  Tích hợp Twitter Bootstrap vào gói media package  Giao diện thân thiện người dùng, chạy trên thiết bị di động  Template phần site “front end” –Protostar  Cập nhật template Beez3  Cài đặt đơn giản với 3 bước  Joomla 3.0 giờ đây có thể chạy trên PostgreSQL database.  PHP Memcached Driver  Sử dụng JFeed cho hệ thống quản trị feed thay vì SimplePie  Cài đặt gói ngôn ngữ trực tiếp từ phần extension manager  Guest user group được đặt mặc định  Cho phép lưu bài viết trống  Module thống kê dành cho quản trị viên mới  Cập nhật TinyMCE lên phiên bản version 3.5.6  Dọn dẹp, tối ưu code, file, và bảng dữ liệu (bản ghi) không sử dụng đến.  Nâng cấp Smart Search (tìm kiếm thông minh)  Nâng cấp tiêu chuẩn hóa code.  Unit testing in the CMS (kiểm thử đơn vị cho bộ mã nguồn lõi - nhằm đảm bảo chất lượng mã nguồn lõi)  Updated system tests in the CMS (cập nhật kiểm thử hệ thống cho bộ mã nguồn - đảm bảo chất lượng toàn hệ thống mã nguồn) 8  Custom active menu item for menu module  Cho phép SEF plug-in thêm canonical url vào phần head 4.1.4 Phần mở rộng Sau khi cài đặt Joomla, ta đã có một website với nhiều tính năng cơ bản. Tuy nhiên , nếu muốn tùy biến hoặc bổ sung tính năng cho website các bạn có thế cài đặt thêm các thành phần mở rộng (extension) như: Gói ngôn ngữ (Language package), giao diện (template), component, mô-đun (module), mambot/plugin. Những thành phần mở rộng này được đánh dấu bằng các biêu tượng để dễ phân biệt. Tuy nhiên chúng có thể là những đơn vị độc lập hoặc có thể là một gói gồm cả component, module, mabot/plugin hỗ trợ lẫn nhau. Các bước cài đặt một thành phần mở rộng Bước 1: Download thành phần mở rộng  Truy cập vào website  Sử dụng các công cụ tìm kiếm hoặc dựa theo danh mục liệt kê chức năng để tìm extension thỏa mãn yêu cầu của bạn.  Xác định thành phần mở rộng đó là loại gì? Gói ngôn ngữ (language package), giao diện (teamplate), componet, mô-đun(module), mambot/plugin hay là một gói(gồm cả component, module và mambot/plugin).  Đọc hướng dẫn cài đặt kèm theo.  Download thành phần mở rộng đó. 9 Bước 2: Cài đặt extension Để cài đặt một thành phần mở rộng bạn có 3 lựa chọn:  Cài đặt thông qua file nén(ZIP).  Cài đặt thông quan một danh sách các file đã được upload lên server  Cài đặt từ một địa chỉ URL . Cài đặt thông qua file nén (ZIP)  Mở trang quản trị (VD:  Chọn menu “Extension ”  Chọn mục “Install/Uninstall”  Trong ô “Upload Package File” nhấn nút “Browse...” và chọn file chứa extension.  Nhấn nút “Upload file and install ” .  Chờ Joomla thông báo kết quả cài đặt 10 Lưu ý: Thông thường một thành phần mở rộng (extension ) được đóng gói trong một file nén (ZIP) có dạng như sau: Trong đó file .xml nằm ở thữ mục ngoài cùng là file chứa các thông số cho quá trình cài đặt và cấu hình. Cài đặt thông qua danh sách các file Nên áp dụng cách này nếu server của bạn không hỗ trợ việc giải nến file ZIP hoặc gói cài đặt của bạn lớn hơn.  Giải nén extension mà bạn đã download được.  Upload các file này lên một thư mục nào đó trên server mà Joomla có thể truy cập được.  Mở trang quản trị (VD:  Chọn menu “Extension ”  Chọn mục “Install/Uninstall”  Trong ô “Install from directory ” nhập vào đường dẫn mà bạn giải nén extension .  Nhấn nút “install ” . 11  Chờ Joomla thông báo kết quả cài đặt  Cài đặt thông qua một địa chỉ URL trỏ tới gói cài đặt  Cách này ít thông dụng. Hướng dẫn install/uninstall • Bước 1. Mở trang quản trị VD: http//localhost/administator/ • Bước 2. Cài đặt Component, Module, Template, Language, Plugin mới • Mở menu "Extensions" > chọn "Install/Unistall" • Trong mục "Upload Package File", nhấn nút [Browser] và chọn Component (thường được đóng gói trong một file Zip) • Nhấn nút [Upload File & Install] để cài đặt • Joomla sẽ thông báo kết quả cài đặt • Sao đó chọn ngôn ngữ hiển thị của website của mình là tiếng Việt. Hướng dẫn thay đổi template, language trong Joomla • Bước 1. Mở trang quản trị VD: http//localhost/administator/ • Bước 2. Vào phần cài Template, Language Manager 12 • Bạn sẽ thấy tất cả các Template bạn hiện có, bạn check vào Template bạn muốn đổi rồi chọn Default (Mặc định) • Mở website để xem kết quả. 4.2 Chương trình tạo máy chủ ảo XAMPP XAMPP là phần mềm ứng dụng được phát triển bởi Apache friends, là chương trình tạo máy chủ Web (Web servser) được tích hợp sẵn Apache, PHP, My SQL, FTP Server, Mail Servervà các công cụ như phpMyadmin. Không như Appserv, Xampp có chương trình quản lý khá tiện lợi, cho phép chủ động bật tắt hoặc khởi động lại các dịch vụ máy chủ bất kỳ lúc nào. Chương trình được phát hành theo các điều khoản của GNU General Public (Giấy phép công cộng GNU) License và hoạt động như một máy chủ web miễn phí có khả năng phục vụ các trang động. XAMPP là có sẵn cho Microsoft Windows, Linus, Solaris , và Mac OS X , và được sử dụng chủ yếu cho các dự án phát triển web. Phần mềm này rất hữu ích trong khi bạn 13 đang tạo các trang web động bằng cách sử dụng ngôn ngữ lập trình như PHP, JSP, Servlets, hoặc các công cụ thiết kế Web như Joomla XAMPP đòi hỏi chỉ có một tập tin zip , rar , 7z , hoặc exe được tải về và chạy. XAMPP được cập nhật thường xuyên để kết hợp các phiên bản mới nhất của Apache / My SQL / PHP và Perl . Nó cũng đi kèm với một số module khác bao gồm OpenSSL và phpMyadmin . Cài đặt XAMPP tốn ít thời gian hơn so với việc cài đặt mỗi thành phần của nó một cách riêng biệt. Khép kín, nhiều trường hợp của XAMPP có thể tồn tại trên một máy tính duy nhất, và bất kỳ trường hợp nào có thể được sao chép từ máy này sang máy khác. Nó được cung cấp trong cả hai phiên bản đầy đủ tiêu chuẩn, và một phiên bản nhỏ hơn. XAMPP bao gồm: Apache: hay là chương trình máy chủ HTTP là một chương trình dành cho máy chủ đối thoại qua giao thức HTTP. Apache chạy trên các hệ điều hành tương tự như Unix, Microsoft Windows, Novell Netware và các hệ điều hành khác. Apache đóng một vai trò quan trọng trong quá trình phát triển của mạng web thế giới MySQL: là hệ quản trị CSDL mã nguồn mở phổ biến nhất thế giới và được các nhà phát triển rất ưa chuộng trong quá trình phát triển ứng dụng. Vì MySQL là cơ sở dữ liệu tốc độ cao, ổn định và dễ sử dụng, có tính khả chuyển, hoạt động trên nhiều hệ điều hành cung cấp một hệ thống lớn các hàm tiện ích rất mạnh.Với tốc độ và tính bảo mật cao, MySQL rất thích hợp cho các ứng dụng có truy cập CSDL trên internet. MySQL miễn phí hoàn toàn cho nên bạn có thể tải về MySQL từ trang chủ. Nó có nhiều phiên bản cho các hệ điều hành khác nhau: phiên bản Win32 cho các hệ điều hành dòng Windows, Linux, Mac OS X, Unix, FreeBSD, NetBSD, Novell NetWare, SGI Irix, Solaris, SunOS ... MySQL là một trong những ví dụ rất cơ bản về Hệ Quản trị Cơ sở dữ liệu quan hệ sử dụng Ngôn ngữ truy vấn có cấu trúc (SQL). MySQL được sử dụng cho việc bổ trợ PHP, Perl và nhiều ngôn ngữ khác, nó làm nơi lưu trữ những thông tin trên các trang web viết bằng PHP hay Perl,... 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 14 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. Ngôn ngữ, các thư viện, tài liệu gốc của PHP được xây dựng bởi cộng đồng và có sự đóng góp rất lớn của Zend Inc, công ty do các nhà phát triển cốt lõi của PHP lập nên nhằm tạo ra một môi trường chuyên nghiệp để đưa PHP phát triển ở quy mô doanh nghiệp. Perl: (viết tắt của Practical Extraction and Report Language - ngôn ngữ kết xuất và báo cáo thực dụng) được Larry Wall xây dựng từ năm 1987, với mục đích chính là tạo ra một ngôn ngữ lập trình có khả năng chắt lọc một lượng lớn dữ liệu và cho phép xử lí dữ liệu nhằm thu được kết quả cần tìm. Perl là ngôn ngữ thông dụng trong lĩnh vực quản trị hệ thống và xử lí các trang Web do có các ưu điểm sau:  Có các thao tác quản lí tập tin, xử lí thông tin thuận tiện  Thao tác với chuỗi kí tự rất tốt  Đã có một thư viện mã lệnh lớn do cộng đồng sử dụng Perl đóng góp (CPAN). Cú pháp lệnh của Perl khá giống với C, từ các kí hiệu đến tên các hàm, do đó, nhiều người (đã có kinh nghiệm với C) thấy Perl dễ học. Perl khá linh hoạt và cho phép người sử dụng giải quyết với cùn