Xây dựng website tin tức bóng đá bằng joomla luận văn tốt nghiệp đại học

Bỏo cỏo gồm 3 chương: Chương 1: Tổng quan về phần mềm mó nguồn mở và cài đặt Appsever Chương 2: Thiết kế cỏc thành phần chớnh cho website và tạo cỏc module cho website Chương 3: Tạo tran

Trờng đại học vinh

Khoa cntt

==== o0o ====

đồ án tốt nghiệp

Xây dựng Website Tin tức bóng đá số

Giáo viên hớng dẫn : Vũ Chớ Cường Sinh viên thực hiện : Phan Thành Tỳ

1 CÀI ĐẶT APPSEVER ĐỂ TẠO LOCALHOS

1.1 Giới thiệu chung về Appsever 5

1.2 Cài đặt Appsever để tạo localhost 6

2 CÀI ĐẶT JOOMLA! TRÊN LOCALHOST 14

3 DÙNG QUYỀN QUẢN TRỊ ĐỂ QUẢN LÝ THÀNH VIÊN XÂY DỰNG WEBSITE 18

CHƯƠNG 2: 21

THIẾT KẾ CÁC THÀNH PHẦN CHÍNH 21

CHO WEBSITE 21

1 CÀI ĐẶT TEMPLATE

1.1 Giới thiệu về template 21

1.2 Cài đặt template cho Joomla! 21

2 PHÂN LOẠI TIN TỨC

2.1 Tạo Section 22

2.2 Tạo Category 23

3 TẠO MENU CHO WEBSITE 24

4 TẠO BÀI VIẾT VÀ LIÊN KẾT BÀI VIẾT ĐẾN MENU 25

4.1 Tạo bài viết 25

4.2 Tạo liên kết bài viết đến Menu 26

TẠO CÁC MODULE CHO WEBSITE TIN TỨC 28

1 Giới thiệu về module 28

2 Cài đặt module 28

2.1 Module Login 28

2.4 Module show thành viên lãnh đạo 29

CHƯƠNG 3: TẠO TRANG THƯ VIỆN HÌNH ẢNH VÀ TÀI LIỆU CHO WEBSITE TIN TỨC 31

1 Tạo thư viện hình ảnh cho website tin tức 31

2 Xây dựng trang quản lý tài liệu upload/download bằng DocMan cho website 31

2.1 Giới thiệu về DocMan: 31

2.2 Cài đặt Docman 31

2.3 Chỉnh sửa cấu hình cho Docman 32

2.4 Thêm một chủng loại tài liệu (category) trên Docman: 34

2.5 Tạo trang download/upload tài liệu: 34

MỘT SỐ GIAO DIỆN CỦA WEBSITE TIN TỨC 35

KẾT LUẬN 38

TÀI LIỆU THAM KHẢO 39

Hàng năm nguồn nhân lực Công nghệ thông tin đào tạo ra luôn đáp ứng đợc sốlợng lớn các yêu cầu của xã hội về nhiều mặt nh : Kinh tế, văn hóa , xã hội…DoDo

đó, việc ứng dụng rộng rãi của ngành công nghệ thông tin trong xã hội là điềutất yếu

Từ khi Internet ra đời, kéo theo đó là sự bùng nổ thông tin trên Internet,một loạt các dịch vụ trên Internet đã khiến cuộc sống của con ngời trở nên thú

vị hơn, khoảng cách địa lý không còn là vấn đề gây khó khăn Những lợi ích màInternet mạng lại là rất lớn Trong đó Website là một trong những dịch vụ phổbiến nhất trên Internet hiện nay

Trớc tình hình đó, việc xây dựng một Website giới tin tức hớng nghiệp làmột giải pháp tối u đem lại nhiều lợi ích cho ngời sử dụng Đó cũng là lí do để

em thực hiện đề tài “Xây dựng Website Tin tức bóng đá số.”

Em xin gửi lời cảm ơn chân thành nhất đến Thầy giáo Vũ Chí Cờng đã

nhiệt tình hớng dẫn em hoàn thành đề tài này

Mặc dù bản thân em cũng đã nổ lực hoàn thiện Website nhng cũng khôngthể tránh khỏi những thiếu sót, rất mong nhận đợc sự giúp đỡ và góp ý chânthành từ phía các thầy, cô cùng toàn thể các bạn

Bỏo cỏo gồm 3 chương:

Chương 1: Tổng quan về phần mềm mó nguồn mở và cài đặt Appsever Chương 2: Thiết kế cỏc thành phần chớnh cho website và tạo cỏc

module cho website

Chương 3: Tạo trang thư viện hỡnh ảnh và load tài liệu cho website tintức và một số giao diện của website tin tức

Vinh, thỏng 05 năm 2011

Sinh viờn thực hiện:

Phan Thành Tỳ

CHƯƠNG 1 TỔNG QUAN VỀ PHẦN MỀM MÃ NGUỒN MỞ VÀ GIỚI

THIỆU CÀI ĐẶT APPSEVER VÀ JOOMLA

cho việc lập ra chơng trình chứ không phải bản thân các chơng trình đó Sự việcthay đổi khi máy tính tiến đến thế giới thơng mại và các công ty bắt đầu pháttriển, cấp phép cho phần mềm dựa trên nền tảng thơng mại, hạn chế sự truy cậpmã nguồn.

- Văn phòng: MS Office, Sun StartOffice, OpenOffice…

- Mail Cline: Netscape Messenger, MS Outlook, MS Internet Mail,

- Trình duyệt Web: MS IE, Netscape Navigator, Mozila, Opera…

- Mô phỏng Windows: Conntectix Virtual PC, Lindows, Wine…

 Phần mềm nguồn mở, phần mềm server:

- Web: Apache (61,4%), MS IIS (28,5%), Sun Iplanet (2%)

- Th điện tử: Cyrus IMAP, Sendmail, Quickmail, Fetchmail…

- Xác thực: Cistron Radius

- Cấp địa chỉ động: ISC DHCP

- Tổ chức danh bạ: Michigan Univ, OpenLDAP

- Dịch vụ tên miền: ISC Bind

- Khác: Tomcat (Java servlet), Squid (proxy), proftp (FTP)

 Phần mềm nguồn mở, công cụ lập trình:

- Trình dịch: Borland Kylix (C++), GNU C++, Sun JDK (Java), PHP

- Web Portal: Borland Jbuilder, IBM WebSphere Studio ApplicationDeveloper, Sun J2EE

- Windows: Microsoft Visual Studio.Net

Khi đợc phát hành lần đầu, Apache là chơng trình máy chủ mã nguồn mởduy nhất có khả năng cạnh tranh với chơng trình máy chủ tơng tự của NetscapeCommunications Corporation Từ đó, Apache đã không ngừng tiến triển và trởthành một phần mềm có sức cạnh tranh mạnh so với các chơng trình máy chủkhác về mặt hiệu suất và tính năng phong phú Từ tháng 04/1996, Apache trởthành một chơng trình máy chủ HTTP thông dụng nhất Hơn nữa, Apache thờng

đợc dùng để so sánh với các phần mềm khác

có chức năng tơng tự Tính đến tháng 01/2007 thì Apache chiếm đến 60% thị ờng các chơng trình phân phối trang web

tr-Apache là một kiểu mẫu webserver rất phổ biến Giống nh Linux, PHP,MySQL nó là một dự án nguồn mở Đây là nguồn mở nên bất kỳ ai có khả năng

đều có thể viết chơng trình mở rộng tính năng của Apache PHP hoạt động với tcách là một phần mở rộng của Apache, là một module của Apache Apache cótính ổn định và tốc độ cao Tuy nhiên Apache không hỗ trợ công cụ đồ hoạ trựcquan Apache chỉ làm việc tốt trên Unix, nhng cũng có những phiên bản chạytốt trên hệ Windows

1.2.2 PHP (Personal Home Page)

PHP đợc phát triển từ một sản phẩm có tên là PHP/FI do Rasmus Lerdorftạo ra năm 1995, ban đầu đợc xem nh là một tập con đơn giản của các mã kịchbản Perl để theo dõi tình hình truy cập đến bản sơ yếu lý lịch của ông trênmạng Ông đã đặt tên cho bộ mã kịch bản này là 'Personal Home Page Tools'

1.2.3 MySQL

Cơ sở dữ liệu MySQL đã trở thành cơ sở dữ liệu mã nguồn mở phổ biếnnhất trên thế giới vì tốc độ xử lý nhanh, ổn định và dễ sử dụng Nó đợc sử dụngmọi nơi ở nhiều tổ chức lớn trên thế giới để tiết kiệm thời gian và kinh phí chonhững website có dung lợng lớn, phần mềm đóng gói nh Yahoo, Google, Nokia

MySQL không chỉ là cơ sở dữ liệu mã nguồn mở phổ biến nhất trên thếgiới hiện nay mà nó là cơ sở dữ liệu đợc chọn cho thế hệ mới của các ứng dụngxây dựng trên nền Linux, Apache, MySQL, PHP MySQL chạy trên hơn 20flatform nh: Linux, Windows, OS/X, AIX, Netwar MySQL có những đặc tínhnh:

a) Tính linh hoạt

Máy chủ cơ sở dữ liệu MySQL cung cấp đặc tính linh hoạt, có sức chứa để

xử lý các ứng dụng đợc nhúng sâu với dung lợng 1MB để chạy các kho dữ liệulên đến hàng terabytes thông tin Sự linh hoạt về flatform là một đặc tính lớncủa MySQL với tất cả các phiên bản của Linux, Unix và Windows đang đợc hỗtrợ Và tính chất mã nguồn mở của MySQL cho phép sự tùy biến hoàn toàn theo

ý muốn để thêm vào các yêu cầu thích hợp cho database server

mà ngời đọc không bao giờ gây trở ngại cho ngời viết và ngợc lại Tính toàn vẹncủa dữ liệu cũng phải đợc bảo đảm trong suốt quá trình server có hiệu lực, cácmức giao dịch độc lập đợc chuyên môn hóa

d) Là nơi lu trữ Web và Data

MySQL là nơi cho các website trao đổi thờng xuyên vì nó có engine xử lý

chuyên dụng của web nh tìm kiếm văn bản nhanh Những tính năng này cũng

đ-ợc áp dụng cho môi trờng lu trữ dữ liệu mà MySQL tăng cờng đến hàngterabyte cho các server đơn

e) Chế độ bảo mật dữ liệu cao

Vì bảo mật dữ liệu cho một công ty là công việc quan trọng nhất của cácchuyên gia về cơ sở dữ liệu, MySQL đa ra tính năng bảo mật tuyệt đối Trongviệc xác nhận truy cập cơ sở dữ liệu, MySQL cung cấp các kỹ thuật mà chỉ cóngời sử dụng đã đợc xác nhận mới có thể truy nhập đợc vào server cơ sở dữ liệu.Tiện ích backup và recovery cung cấp bởi MySQL và các hãng phần mềm chophép backup logic và vật lý hoàn thiện cũng nh recovery toàn bộ hoặc tại mộtthời điểm nào đó

1.2.4 Cài Đặt Appsever để tạo localhost

1 2.4.1 Giới thiệu chung về Appsever

Để xõy dựng website Joomla! trờn localhost, cần phải cú một server ảotrờn mỏy tớnh, Appsever là một software và cũng là một cụng cụ giả lập sever,hosting ngay trờn PC, ngoài Appsever hiện nay cũn nhiều trỡnh giả lập khỏcnhư EasyPHP, Xampp, Wamp, VertrigoServ

Appsever tớch hợp sẵn cỏc tớnh năng của Apache, MySQL, PHP vàphpMyadmin Ưu điểm của Appsever là chương trỡnh này hoàn toàn miễn phớ,

dễ sử dụng và rất nhẹ, phự hợp với cỏc mỏy cấu hỡnh trung bỡnh, tương thớchcao và đầy đủ chức năng để chạy PHP

Tải chương trỡnh này tại trang chủ: www.appservnetwork.com

Bước 3: Xuất hiện bản License, chọn I argee Nhấn NEXT

Bước 4: Chọn đường dẫn cài đặt (mặc định là C:\AppSev) Nhấn NEXT

Bước 5: Chọn các Components, Ở Appsever đã tổ hợp cài đặt Apache,

MySQL, PhpMyadmin Nhấn NEXT

Bước 6: Điền thông tin sever.

SeverName : localhost

Email: Email quản trị viên

Apache HTTP Port: 80

Nhấn NEXT

Bước 7: Tên và mật khẩu của MySQL

Name: Root (mức ưu tiên cao nhất)

Nhập password và confirm password

Nhấn NEXT

Bước 8: Chương trình tiến hành cài đặt

Bước 9: Hoàn tất cài đặt

Chọn Start Apache và Start MySQL để chương trình khởi động

Nhấn FINISH

Với cài đặt mặc định:

C:\AppServ\www là địa chỉ webroot, nơi copy các file php vào đây

C:\AppServ\mysql\data\ chứa CSDL MySQL, mỗi CSDL sẽ là 1 folder, để sao lưu dữ liệu MySQL, copy folder này thành nhiều bản sao

b Kiểm tra

Mở trình duyệt web, gõ địa chỉ: "http://localhost/ "(hoặc "http://127.0.0.1")Trình duyệt sẽ hiện ra như sau:

Để xem đầy đủ thông tin về sever vừa cài đặt, ta có thể truy cập trang

"http://localhost/phpinfo.php"

Để đăng nhập cơ sở dữ liệu, vào trình duyệt "localhost/phpmyadmin", Hộpthoại xuất hiện yêu cầu nhập User Name và Password (User Name vàPassword nhập khi cài đặt Appsever, mặc định User Name là root)

Kết quả:

2 Cài đặt Joomla trên localhost

Tải chương trình tại địa chỉ: www.joomla.org

a Tiến hành cài đặt

Giải nén file zip ra một thư mục (tạm đặt tên thư mục là joomla) và chép thư

mục joomla vào thư mục www của Appsev (mặc định là C:\Appsev\www).

Mở trình duyệt web, gõ localhost/joomla (nếu thư mục chứa mã nguồn

Joomla! trong thư mục www của Appsev là joomla, như đã nói ở trên) Trangweb Joomla! Web Installer xuất hiện

NEXT để qua bước tiếp theo và PREVIOUS để trở lại bước trước.

Bước 1: Choose Language: chọn ngôn ngữ.

Chọn English (United Kingdom) (thường để default) và nhấn NEXT

Bước 2: Pre-installation Check: Kiểm tra cài đặt

kiểm tra xem hệ thống có thể cài được Joomla! không, phần Recommended Settings gồm 2 cột (bên phải là yêu cầu Recommended, bên phải là hệ thống của Actual) Actual tương xứng sẽ có màu đỏ ở phần nào thì tức là phần đó chưa đáp ứng được yêu cầu Joomla! đặt ra, nếu là phần Register Globals thì

khắc phục bằng cách liên hệ với nhà cung cấp hosting để tắt đi

Nhấn NEXT

Bước 3 License: quy định sử dụng chương trình

Nhấn NEXT

Bước 4: Database Configuration: Thiết lập cơ sở dữ liệu

- Database Type: Hiện MySQL hỗ trợ 2 chuẩn là mysql và mysqli ( mới

hơn ), thường chọn mysql

- Host Name: nếu sử dụng MySQL trên chính máy cài Joomla! thì điền vào là

localhost, còn trong trường hợp khác, nếu sử dụng MySQL và truy xuấtdatabase thông qua 1 máy khác, thì chúng ta điền tên host đó hoặc IP của host

đó tại đây

- Username: tài khoản MySQL khi cài AppSever, nếu dùng trên localhost thì

tài khoản này nên đặt là root ( tài khoản có mức ưu tiên cao nhất ), trong

các table khác

Nhấn NEXT

Bước 5: FTP Configuration: thiết lập FTP, có thể mở hoặc không.

NhấnNEXT

Bước 6: Main Configuration: thiết lập cho website như tên web, email và

password của admin

- Site Name: đặt tên website

- Confirm the admin email and password Password này sẽ là password của

admin sau này đăng nhập vào trang quản trị của website

- Install default sample data: Cài đặt mặc định dữ liệu cho Joomla!

- Load local Joomla! 1.5 SQL script : Export dữ liệu từ bản 1.5 cũ và load

b Kiểm tra

Để website hoạt động, cần xóa hoặc rename thư mục Installation trong thư

mục Appsev\www\Joomla Chọn Site để xem thử site (địa chỉ truy cập vào

site có dạng "http://localhost/joomla")

Vào C:\AppServ\www\webcntt\ để sửa lỗi cơ bản bằng cách viết vào sau dòng

1 của configuration dòng ini_set(“memory_limit”, “30M”);

Kết quả thu được:

1.2.6.Dùng Quyền Quản Trị Để Quản Lý Thành Viên Xây Dựng

Việc xây dựng một website trên thực tế luôn là một vấn đề phức tạp, donhu cầu biến đổi mà website có thể thay đổi các mục đích, bố cục nên sự đónggóp phát triển website của các thành viên khác chiếm một vai trò quan trọng

Trang Quản Trị:

Mở trình duyệt web, nhập địa chỉ: "http://localhost/administrator"

Xuất hiện trang quản trị, nhập :

Các nội dung chính trong báo cáo được thực hiện tại trang quản trị này.

Giới Hạn Thành Viên

Tại trang quản trị, sử dụng tab: Site/ User Manager

Thêm thành viên: chọn New User

Name: Tên thành viên

UserName: Tên sử dụng khi đăng nhập website

Email: Email thành viên

New Password: nhập mật khẩu thành viên

Verify Password: nhập lại mật khẩu

Group: Tạo quyền quản trị của thành viên

Public Front-end: Thành viên có quyền đăng nhập website

Public Back-End: Thành viên có quyền đăng nhập quản trị website

Xóa thành viên: Tick vào tên thành viên và nhấn Trash

Hạn chế thành viên: Chọn thành viên và đổi group (nhóm làm việc) phù hợp.

Kết quả thu được: danh sách thành viên và nhóm làm việc của website:

CHƯƠNG 2 THIẾT KẾ CÁC THÀNH PHẦN CHÍNH CHO WEBSITE VÀ

TẠO CÁC MODULE CHO WEBSITE

A THIẾT KẾ CÁC THÀNH PHẦN CHÍNH CHO WEBSITE

2.1 Cài Đặt Template

2.1.1 Giới thiệu về template

Template là một bản mẫu khung sẵn trong đó cho phép người dùng đặtcác vị trí module và component đã được định vị trước

2.1.2 Cài đặt template cho Joomla!

Tuỳ thuộc vào nhu cầu và ý muốn mà chúng ta chọn cho mình những

template hợp lý Sau khi tải về máy, mở trang quản trị, chọn menu Extensions,

Install/Uninstall chọn đường dẫn đến templates, nhấn Upload File & Install

để cài đặt

Tiếp theo vào Extensions\Template Manager Di chuyển chuột đến

template để xem mẫu, chọn Template cho website bằng cách tick vào temp

vừa cài đặt chọn Defaut.

Kết quả thu được:

2.2 Phân Loại Tin Tức

Với mục đích xây dựng một website giới thiệu, không chỉ cần nội dung

Nhấn Apply và Save để kết thúc.

2.2.2 Tạo Category

Catelogy dùng để phân loại tin tức

Mở menu Content/Catelogy Manager

Catelogy Title: dùng để hiển thị ở Back-End

Catelogy Name: hiển thị ở Front-End

Select Section: Chọn vùng tin tức đã tạo (Section)

Nhấn Apply và Save để kết thúc

2.3 Tạo Menu Cho Website

a Tạo Menu

Mở menu Menus/Main menu/New:

Select Menu Item Type: Chọn Internal Link\Articles\Category Blog

Layout

Tittle: Trang chủ (tên menu)

Display in: Vị trí hiển thị

Parent Item: Cấp độ của Menu ( chọn Top)

Published: Hiển thị trên web (Yes)

b Hiển thị Menu lên website

Để làm menu mặc định, chọn dấu tick vào menu và nhấn Default Để hiển thị menu nhấn Published Để khóa menu: UnPublished.

Kết quả thu được khi Published menu vừa tạo:

2.4.Tạo Bài Viết Và Liên Kết Bài Viết Đến Menu

2.4.1 Tạo bài viết

Mở menu Content/Aticle Manager/New

Xoá bài viết: Mở menu Content/Aticle Manager tick chọn bài viết cần xóa

và nhấn Trash.

Sửa bài viết : Mở menu Content/Aticle Manager và chọn bài viết cần sửa.

Apply và Save để kết thúc

Mở menu Menus/Main menu/New:

Select Menu Item Type: Article/Article Layout