Tài liệu Báo cáo lập trình web bằng CMS ppt

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

Báo cáo Lập trình web bằng CMS

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

I GIỚI THIỆU ĐỀ TÀI

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

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

- Tìm kiếm bài viết

- Cài đặt đa phương tiện

- Ghi lại các bước cài đặt

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

Một số trang web lớn sử dụng mã nguồn Joomla :

1 IHOP (chuỗi nhà hàng) - http://www.ihop.com

2 Đại học Harvard (Giáo dục) - http://gsas.harvard.edu

3 Các Maven Green (Eco-nguồn lực) - http://www.greenmaven.com

4 Website của các tổ chức,đơn vị lớn như Bệnh Viên Bạch

Mai(http://bachmai.gov.vn/

5 Trường Đại Học Ngoại Thương(http://www1.ftu.edu.vn/),Trường THPT Nguyễn Bỉnh Khiêm(http://nbk.edu.vn/)

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

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

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

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 :

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)

 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 http://extensions.joomla.org/

 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 đó

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: http://localhost/jommla/administrator/)

 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

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: http://localhost/jommla/administrator/)

 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

• 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ả

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

đ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

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ùng một vấn đề được đặt ra theo nhiều cách khác nhau

V PHÂN TÍCH HỆ THỐNG

5.1 Yêu cầu chi tiết về website

 Hiển thị các danh mục tin tức trên menu

 Hiển thị chi tiết các bài viết trong các mục

 Hiển thị kết quả các việc tìm kiếm,đăng kí,đăng nhập

 Cập nhật các thông tin,sự kiện mới

5.2 Đối với người truy cập website

 Cho phép xem tin tức và tìm kiếm thồng tin

 Cho phép download các tệp tin

5.3 Đối với người quản trị

Cập nhật thông tin liên quan,sửa xóa các bài đăng

Mô tả các chức năng