Ứng dụng gói mã nguồn mở để thiết kế website album ảnh khoa công nghệ thông tin trường đại học vinh

Trờng đại học vinh Khoa công nghệ thông tin ===== ===== Nguyễn Kỳ Thanh ứng dụng gói mã nguồn mở để thiết kế Website album ảnh Đề tài “ứng dụng gói mã nguồn mở để thiết kế Website Alb

Trờng đại học vinh Khoa công nghệ thông tin

===== =====

Nguyễn Kỳ Thanh

ứng dụng gói mã nguồn mở

để thiết kế Website album ảnh

Đề tài “ứng dụng gói mã nguồn mở để thiết kế Website Album ảnh

khoa Công nghệ thông tin trờng Đại học Vinh” thực hiện trong kỳ bảo vệ đồ

án là đề tài mà em rất quan tâm vì Website này sẽ là nơi chia sẻ các hình ảnh

về các hoạt động giảng dạy, học tập, rèn luyện của giảng viên, sinh viên, họcsinh Trờng Đại học Vinh cũng nh khoa Công nghệ thông tin Tuy đã rất cốgắng trong việc tìm hiểu, nghiên cứu, phân tích và thiết kế trang web nhngchắc chắn sẽ không tránh khỏi những thiếu sót Rất mong nhận đợc sự đónggóp ý kiến của các thầy cô giáo và các bạn để website ngày càng hoàn thiệnhơn

Qua đây, em xin đợc gửi lời cảm ơn chân thành nhất tới Ban chủ nhiệmkhoa CNTT, Đoàn trờng – Hội sinh viên trờng Đại học Vinh, các thầy giáo,cô giáo đã tạo cho em những điều kiện thuận lợi nhất để em có thể hoàn thành

đồ án tốt nghiệp của mình Đặc biệt là sự tận tình quan tâm dìu dắt của thầy

giáo - Thạc sỹ Trần Văn Cảnh đã giúp em rất nhiều trong suốt quá trình

hoàn thành đồ án

Cuối cùng em xin cảm ơn gia đình, bạn bè và tập thể lớp 45K CNTT những ngời luôn bên cạnh động viên, ủng hộ em trong suốt quá trình học tập,rèn luyện và thực hiện đồ án

-Em xin chân thành cảm ơn!

Sinh viên thực hiện

Nguyễn Kỳ Thanh

Lời nói đầu

Hiện nay, việc quảng bá thông tin, xây dựng hình ảnh của các tổ chức,doanh nghiệp cũng nh cá nhân trên mạng Internet là một việc làm rất quantrọng Và trong thời đại kĩ thuật số hiện nay, việc chụp ảnh và lu giữ lại là nhucầu thiết yếu của mỗi ngời, là một việc làm hết sức quan trọng, nó góp phần lugiữ lại các khoảnh khắc đáng nhớ Việc lu trữ ảnh đợc dùng nhiều nhất hiệnnay là lu giữ trên mạng internet thông qua các website, nó giúp cho việc chia

sẻ ảnh một cách dễ dàng hơn, an toàn hơn Nhng có một thực tế là có rất nhiềuwebsite của các tổ chức, cơ quan nhà nớc, doanh nghiệp vẫn còn đang thiếuphần album ảnh của mình Hạn chế đó sẽ đợc khắc phục bởi các gói phầnmềm mã mở giúp cho việc thiết kế website album ảnh ngày càng dễ dàng vàthuận tiện hơn

Qua quá trình học tập, tham gia các hoạt động Đoàn – Hội tại Trờng

Đại học Vinh, em đã nhận thấy đợc những hạn chế của việc lu trữ các ảnh tạitrờng hiện nay; sự cần thiết của việc sử dụng các hình ảnh trong các hoạt độnggiảng dạy, học tập cũng nh việc quảng bá hình ảnh của trờng trong quá trìnhxây dựng và phát triển Vì vậy trong đồ án tốt nghiệp này em muốn giới thiệutới thầy cô và các bạn các gói mã nguồn mở thiết kế website album ảnh

Đồng thời áp dụng gói mã nguồn mở s.Gallery để xây dựng Website Album

ảnh khoa Công nghệ thông tin trờng Đại học Vinh minh họa cho những tính

năng nổi bật, tầm quan trọng của một webstie album ảnh

Ngoài phần mở đầu và phần kết luận, đồ án đợc chia làm 4 chơng chính: Chơng I: Tổng quan về phần mềm nguồn mở

Chơng II: Giới thiệu về gói mã nguồn mở S.GalleryChơng III: Thiết kế và xây dựng Website album ảnh khoa Côngnghệ thông tin, trờng Đại học Vinh

Chơng IV: Một số màn hình giao diện của Website

Chơng I Tổng quan về phần mềm nguồn mở I.1 Giới thiệu phần mềm nguồn mở trên thế giới

Phần mềm nguồn mở (OSS – Open Source Sofware) có lịch sử phát triểnqua hàng chục năm Lợi ích của phần mềm nguồn mở có thể thấy rõ qua sựhình thành của các cộng đồng nguồn mở với các sản phẩm có giá trị cao trongthực tế và cả giá trị trong đào tạo

Hơn 2 thập kỉ trớc, khi máy tính lần đầu tiên vơn tới mã nguồn của các ờng đại học và đợc truyền đi miễn phí, các nhà lập trình cho rằng, sẽ đợc trảtiền 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 đó

tr-Sự việc thay đổ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át triể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ập mã nguồn

Các phần mềm mở thông dụng nhất hiện nay:

- Các hệ điều hành nguồn mở: Red Hat, OpenLinux, Debian, ManDrake,SuSE, TurboLinux, Nirvana, Slackware, FreeBSD, NetBSD, OpenBSD

- Hệ quản trị cơ sử dữ liệu nguồn mở: MySQL, PostgreSQL

- Các phần mềm nguồn mở dùng cho cá nhân:

+ Văn phòng: MS Office, Sun StartOffice, OpenOffice, Unikey…+ 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,…

- Các phần mềm nguồn mở phục vụ cho server:

+ Web: Apache, MS IIS, Sun Iplanet…

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

- Các công cụ lập trình nguồn mở: Borland Kylix (C++), GNU C++, SunJDK (Java), PHP, Sun J2EE, Microsoft Visual Studio.Net, Webalizel…

I.2 Hệ phần mềm mở Apache, PHP & MySQL

I.2.1 Apache

Apache là một kiểu mẫu web server 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 t cá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 Apache đợc phát triển và duy trì bởi một cộng đồng mãnguồn mở dới sự bảo trợ của Apache Software Foundation Apache đợc pháthành là một phần mềm tự do và miễn phí Download Apache Web Server tại

địa chỉ: http://www.apache.org/dist/httpd/binaries/win32.

I.2.2 PHP

PHP (Personal Home Page) đợc phát triển từ một

sả n phẩm có tên là PHP/FI do Rasmus Lerdorf tạo ra năm

1995, ban đầu đợc xem nh là một tập con đơn giản củacác mã kịch bả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ên mạng Ông đã đặt tên cho bộ mã kịch bản này là 'Personal HomePage Tools' Khi cần đến các chức năng rộng hơn, ông đã viết ra một bộ thựcthi bằng C lớn hơn để có thể truy vấn tới các cơ sở dữ liệu và giúp cho ngời sửdụng phát triển các ứng dụng web đơn giản ông đã quyết định công bố mãnguồn của PHP/FI cho mọi ngời xem, sử dụng cũng nh sửa các lỗi có trong nó

đồng thời cải tiến mã nguồn

PHP/FI, viết tắt từ "Personal Home Page/Forms Interpreter", bao gồmmột số các chức năng cơ bản cho PHP Nó có các biến kiểu nh Perl, thôngdịch tự động các biến của form và cú pháp HTML nhúng

Phiên bản PHP dùng phổ biến nhất hiện nay là PHP 5 PHP 5 phiên bản

đợc công bố ngày 29/06/2003 để cộng đồng kiểm nghiệm Phiên bản Beta 2sau đó đã ra mắt vào tháng 10/2003 Đến ngày 21/12/2003 PHP 5 Beta 3 đã đ-

ợc công bố, bỏ hỗ trợ Windows 95, sửa chữa nhiều lỗi và thêm đợc nhiều hàmmới Ngày 13/07/2004 bản PHP 5 chính thức đã ra mắt Các phiên bản mớinhất của PHP 5 ngời dùng có thể download tại địa chỉ

http://www.php.net/downloads.php

Hiện nay phiên bản tiếp theo của PHP là PHP 6 đang đợc phát triển, PHP

6 bản sử dụng thử đợc download tại địa chỉ http://snaps.php.net Phiên bản

PHP 6 đợc kỳ vọng sẽ sửa đợc những thiếu sót của PHP ở phiên bản hiện tại

nh hỗ trợ namespace, Unicode

I.2.3 MySQL

Cơ sở dữ liệu MySQL đã trở thành cơ sở dữliệu mã nguồn mở phổ biến nhất trên thế giới vìtốc độ xử lý nhanh, ổn định và dễ sử dụng Nó đ-

ợc sử dụng mọ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í cho những website có dung lợng lớn, phần mềm đóng gói nh Yahoo,Google, Nokia,…

Địa chỉ download các phiên bản của MySQL:

http://dev.mysql.com/download.

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 ứngdụng xây dựng trên nền Linux, Apache, MySQL, PHP

MySQL chạy đợc trên các hệ điều hành khác nhau nh: Linux, Windows,OS/X…

MySQL có những đặc tính cơ bản sau:

- Tính linh hoạt

- Tính thực thi cao

- Hỗ trợ giao dịch mạnh

- Là nơi lu trữ Web và Data

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

MySQL ra đời đã giúp cho giới công nghệ thông tin trên thế giới không

bị quá phụ thuộc vào các phần mềm nguồn đóng, cụ thể là SQL của hãngMicrosoft

Chơng II Giới thiệu về gói mã nguồn mở S.Gallery II.1 Giới thiệu về các gói mã nguồn mở tạo Website Album ảnh II.1.1 Website Album ảnh

Trong thời đại kĩ thuật số hiện nay, việc chụp ảnh và lu giữ lại là nhucầu thiết yếu của mỗi ngời, là một việc làm hết sức quan trọng, nó góp phần lugiữ lại các khoảnh khắc đáng nhớ Việc lu trữ ảnh đợc dùng nhiều nhất hiệnnay là lu giữ trên mạng internet, nó giúp cho việc chia sẻ ảnh một cách dễdàng hơn, và cũng an toàn hơn Từ đó khái niệm Website Album ảnh đã ra

đời

Website Album ảnh là một trang web chỉ dùng để lu trữ các bức ảnh dớidạng ảnh số và đợc sắp xếp theo tên, danh mục, tác giả hoặc nội dung…nócho phép ngời dùng truy cập để xem và tải về máy tính của mình

Hiện nay, trên mạng Internet có rất nhiều website chia sẻ ảnh trực tuyến

lớn nh: Picasa, Anhso.net, anhsovn.com, vnphoto.net …là để mọi ngời nơi

chia sẻ, cung cấp các bức ảnh số mới, độc đáo và đẹp

Nhng có một thực tế là có rất nhiều website của các tổ chức, cơ quannhà nớc, doanh nghiệp, cá nhân…vẫn còn đang thiếu phần album ảnh củamình

Hạn chế đó đã đợc khắc phục bởi các phần mềm thiết kế website album

chuyên nghiệp nh: AAA Web Album, Web Album Maker … và đặc biệt là các

gói phần mềm mã mở đã giúp cho việc thiết kế website album ảnh ngày càng

dễ dàng, thuận tiện và tiết kiệm chi phí, công sức hơn

II.1.2 Các gói mã nguồn mở hỗ trợ thiết kế website album ảnh

Hiện nay có rất nhiều gói mã nguồn mở hỗ trợ việc thiết kế một websitealbum ảnh của các tác giả ngời Việt Nam cũng nh nớc ngoài, nổi bật lên trong

đó là các gói: Vgallery, 4images, s.Gallery …

* Vgallery

Vgallery là gói phần mềm của tác giả VietPHP, phiên bản mới nhấthiện nay là phiên bản Vgallery Lite v1.0

Các u điểm của Vgallery:

- Tự tạo album mới từ những th mục có sẵn trên host: VGallery có thểquét toàn bộ th mục PIXDIR (th mục gốc chứa ảnh), tìm những th mục có tênbắt đầu bằng từ khoá th mục (mặc định là 'GDIR') và thêm vào CSDL nếu nócha tồn tại Đây là cách nhanh nhất thêm 1 loạt album mới Chỉ cần tạo th mụcmới trong th mục ảnh gốc với tên bắt đầu bằng từ khoá của th mục ảnh,VGallery sẽ tạo ngay một album mới

- Tự động làm mới Album: VGallery có thể quét toàn bộ các th mụcchứa ảnh và tìm những ảnh mới (cha đợc đa vào CSDL) rồi thêm chúng vàoCSDL Tính năng này giúp tiết kiệm đợc khá nhiều thời gian Chỉ cần upload

ảnh lên host bằng 1 chơng trình truyền tải file, rồi sau đó vào VGallery, ảnhmới sẽ đợc tự động thêm vào trong cơ sở dữ liệu

Chức năng tự động làm mới Album còn giúp xoá đi những bản ghi bịlỗi Những bản ghi mà ảnh không còn tồn tại nữa sẽ bị VGallery tự động xoá

đi

- Tự động tạo Thumbnails (ảnh đại diện): Khi một album đợc mở, chứcnăng tự động tạo Thumbnails sẽ xác định xem thumbnail của 1 ảnh đã tồn tạihay cha và tạo thumbnail cho ảnh đó một cách tự động nếu cần

* 4images

4images đợc cung cấp tại địa chỉ http://www.4homepages.de, đây là

một gói phần mềm mã mở của nớc ngoài đợc dùng khá nhiều trên thế giớihiện nay, hỗ trợ khá nhiều ngôn ngữ, nhng không có Tiếng Việt 4imagescũng đã đợc một số lập trình viên Việt Nam tiến hành Việt hóa và đa ra chocộng đồng sử dụng (phiên bản 1.7.6)

4images có diễn đàn hỗ trợ tại địa chỉ

http://www.4homepages.de/forum

Phiên bản mới nhất là phiên bản 1.7.7 (1,6MB)

4images có phần quản lý ảnh khá đầy đủ với các tính năng nh: tạothumnails tự động, công cụ resize ảnh, quản lý các tài khoản ngời dùng, chỉnhsửa danh mục, tìm kiếm ảnh…

Nhợc điểm của 4images là cha đợc nhiều ngời Việt Nam sử dụng nênkhông đợc hỗ trợ về tiếng Việt, gây khó khăn cho những ngời dùng không cónhiều kiến thức về tiếng Anh Phần hiện thị ảnh của 4images cha thực sự đẹp,còn khá đơn điệu nên không thu hút đợc ngời dùng

II.2 Giới thiệu về S.Gallery

là một gói mã mở thiết kế websitealbum ảnh đợc xây dựng và phát triển bởi tác giả Lê Bằng, đợc chia sẻ và hỗ

trợ tại địa chỉ http://sgallery.giaidap.info S.Gallery là một gói phần mềm đợc

đông đảo ngời quản trị website hiện nay sử dụng để xây dựng phần album ảnhcho website của mình

Phiên bản s.Gallery ra đời đầu tiên là bản v1.0 beta vào ngày 10/6/2008.Hiện nay s.Gallery gồm có các phiên bản 1.0, 1.1, 1.2, 1.3 và 1.3.1

Hình 6: Các phiên bản của s.Gallery

II.2.1 Cấu trúc cơ sở dữ liệu của S.Gallery

Cơ sở dữ liệu của S.Gallery có mặc định gồm ba bảng:

Hình 6: Bảng cơ sở dữ liệu của s.Gallery

- B¶ng app_gallery_cat gåm cã t¸m trêng: chÞu tr¸ch nhiÖm lu th«ng tincña c¸c danh môc ¶nh:

II.2.2 Đánh giá về Sgallery

Hình ảnh giới thiệu tại Trang chủ của s.Gallery tại địa chỉ

http://sgallery.giaidap.info:

Hình 6: Hình ảnh giới thiệu của s.Gallery tại trang chủQua quá trình tìm hiểu, cài đặt và dùng thử các gói phần mềm mở đểthiết kế website album ảnh, em đã quyết định chọn s.Gallery để phát triển và

xây dựng Website Album ảnh khoa Công nghệ thông tin vì s.Gallery có các u

điểm so với các mã mở gallery khác nh:

+ nhẹ: phiên bản cài đặt chỉ nặng cha đến 2MB

+ đẹp: trình bày, hiển thị ảnh theo phong cách mới Có tính năng tự

động tạo thumbnails cho ảnh hoàn thiện, ít xảy ra lỗi

+ dễ sử dụng: sắp xếp ảnh, danh mục một cách khoa học, tạo điều kiệncho khách truy cập dễ dàng trong việc xem, tìm kiếm ảnh

+ nhanh: tốc độ load, xử lý ảnh nhanh

+ có phần Administrator quản lý ảnh và danh mục rõ ràng, dễ sử dụng.+ dễ dàng cài đặt trên localhost và không kén host

Nhng vì s.Gallery là một gói mã nguồn mở mới xây dựng (từ tháng 6năm 2008) và đang đợc phát triển nên còn có những thiếu sót cần đợc khắcphục để có thể thiết kế một website album ảnh hoàn thiện

*) Những thiếu sót của S.Gallery:

+ Cha có phần nhập và hiển thị nội dung của ảnh (thông tin về nội dung

ảnh, ngày chụp, ngời chụp, địa điểm…)

+ Phần Administrator còn cha hiển thị đợc ảnh thumnails của các ảnhtrong phần Chỉnh sửa ảnh.

+ Một số phần trên trang chủ và trang administrator cha đợc Việt hóahết, nhiều lúc còn gây khó khăn cho ngời sử dụng

+ ở trang Administrator và trang chủ cha có đờng link liên kết đếnnhau nên gây ra khó khăn trong việc chuyển đổi giữa hai trang

+ Phần tích hợp thêm các loại trình diễn ảnh theo dạng Flash (Flashverison) còn đang gặp lỗi, chỉ phù hợp với Flash player 9 nên không thể hiểnthị ở các máy tính có cài phiên bản Flash player mới nhất là Flash player 10

Chơng Iii Thiết kế và xây dựng Website album ảnh khoa Công nghệ thông tin - trờng Đại học Vinh III.1 Đặt vấn đề

Trong Nửa thế kỷ xây dựng và trởng thành của Trờng Đại học Vinh và

10 năm phát triển của Khoa Công nghệ thông tin, việc lu giữ lại các hình ảnh

về hoạt động của cán bộ, giảng viên và học sinh sinh viên trong Trờng, Khoa

là một việc làm hết sức quan trọng Nhng hiện nay, chủ yếu các hình ảnh vềquá trình lịch sử phát triển của Trờng vẫn đang lu trữ ở dạng ảnh in và đợc tr-

ng bày tại Phòng truyền thống của Trờng và các khoa

Vấn đề lu trữ ảnh hiện nay ở Trờng Đại học Vinh và Khoa Công nghệ thông tin còn có một số nhợc điểm nh sau:

- Việc lu trữ theo thời gian gặp nhiều khó khăn: ảnh in dễ thất lạc và bịhỏng, nhòe hình do ảnh hởng của thời tiết; ảnh số dễ bị xóa do quá trình lu trữtrên máy tính, máy ảnh và các thiết bị khác

- Việc sử dụng và khai thác không đạt hiệu quả cao: vấn đề sao chép, in

ảnh và sử dụng ảnh vào các tập san, tạp chí, báo cáo, tài liệu, bài giảng gặpkhó khăn Nhiều lúc cán bộ, giảng viên, sinh viên cần một số ảnh về các hoạt

động của Trờng theo từng nội dung sẽ gặp nhiều trở ngại, ví dụ nh: không biết

về nơi lu trữ ảnh, không thể tìm ảnh theo nội dung, việc quét, sao chép ảnhmất nhiều thời gian và tốn kém về tiền bạc

Qua quá trình học tập, tham gia các hoạt động Đoàn – Hội tại Trờng

Đại học Vinh, em đã rút ra đợc những hạn chế của việc lu trữ các hình ảnh Và

em đã quyết định tìm hiểu, nghiên cứu về các hình thức, công cụ lu trữ ảnhhiện nay, đi đến rút ra đợc một kết luận là: Ngoài việc lu trữ bằng ảnh in thìhình thức lu trữ ảnh tốt nhất hiện nay là chuyển tất cả các ảnh in th nh ảnh số,ành ảnh số,sau đó tiến hành đa lên mạng internet, lu trữ dới hình thức Website Album

ảnh Nh vậy thì việc lu trữ, sử dụng sẽ dễ dàng hơn, khi cần xem hoặc sử dụng

đến ảnh thì chỉ việc truy cập vào mạng internet để tải ảnh về

Để giải quyết vấn đề trên, em nhận thấy cần thiết phải xây dựng mộtwebsite album ảnh cho Khoa Công nghệ thông tin Website album này sẽ tậphợp các hình ảnh về quá trình xây dựng và phát triển của Trờng Đại học Vinh,

đặc biệt là về Khoa Công nghệ thông tin Các hình ảnh sẽ đợc sắp xếp theotừng danh mục để tạo sự thuận lợi khi truy cập

III.2 Cài đặt và khai thác

III.2.1 Cài đặt website

Để cài đặt Website Album ảnh trớc hết cần cài đặt công cụ trên máytính cá nhân, bao gồm: công cụ giả lập máy tính thành máy chủ web Xampp

và gói phần mềm S.Gallery

a) Cài đặt công cụ XAMPP

Xampp dùng để giả lập máy tính thành một máy chủ web (máy tính củabạn khi đợc giả lập máy chủ web sẽ đợc gọi là: localhost, để phân biệt với cácmáy chủ đang hoạt động trên web là host server), Xampp đợc tích hợp sẵnApache, PHP, MySQL, FTP Server, Mail Server và các công cụ nhPHPmyadmin

Các thành phần trong XAMPP 1.6.6a gồm:

Vào địa chỉ: http://www.apachefriends.org để tải bản các bản cài đặt.

Chạy chơng trình cài đặt XAMPP Installer, khi xuất hiện bảng chọn ngôn ngữ,chọn English và nhấn Ok

Khi xuất hiện bảng Welcome to the Xampp Setup Wizard, nhấn Next Trong License Agrement chọn I accept the Agreement, nhấn Next.

Trong Select Destination Location, chọn nơi cài đặt Xampp Chọn đờng

dẫn là C:\xampp, nhấn Next.

Hình 1: Màn hình bớc đầu cài đặt XamppChọn Next để tiếp tục

Hình 2: Các bớc tiếp theo của quá trình cài đặt Xampp

Đánh dấu vào 3 ô Install Apache…./MySQL…./Filezilla…./ và chọnInstall để tiếp tục Sau khi cài đặt thành công sẽ xuất hiện th mục xampp trong

ổ đĩa C

Hình 3: Th mục Xampp xuất hiện trong ổ C

Mở bảng điều khiển của chơng trình Xampp bằng cách nhấn đúp chuột

vào Icon XAMPP Control Panel nằm trên Desktop

Trong bảng điều khiển Xampp, chọn Start để khởi động Apache và MySQL Nhấn vào nút X (góc trên bên phải) để tắt bảng điều khiển hoặc nhấnchuột và biểu tợng của Xampp nằm ở khay hệ thống (góc dới bên phải màn hình)

Hình 4: Màn hình XAMPP Control Panel

b) Cài đặt S.Gallery

- Sau khi tải bản S.Gallery (dung lợng 1,85MB) tại địa chỉ

http://sgallery.giaidap.info/download, tiến hành giải nén tại th mục C:\xampp\

htdocs và đặt lại tên là FitAlbum

- Bớc tiếp theo là tạo cơ sở dữ liệu cho Website

Gõ địa chỉ http://localhost/xampp vào trình duyệt trên máy, sẽ xuất hiện

trang quản lý chính của Xampp

Hình 5: Màn hình trang quản lý của XamppVào mục phpMyAdmin phía bên menu trái, hoặc gõ địa chỉ

http://localhost/phpmyadmin để tạo cơ sở dữ liệu cho Website.

Hình 6: Màn hình trang quản lý của phpMyAdmin

Gõ tên cơ sở dữ liệu vào ô Create new database và chọn utf8_general_ci trong mục Collation Sau đó click vào nút Create để hoàn tất.

Khi hiện thông báo: Database fitalbum has been created thì cơ sở dữ liệu đã

đợc tạo thành công

- Vào trình duyệt và gõ địa chỉ: http://localhost/fitalbum/install để vào

trang cài đặt chính của S.Gallery

Hình 7: Màn hình giao diện cài đặt s.GalleryTiến hành điền các thông số cần thiết cho Website trong các mục sau:

+) Mục SITE

+ Site title: nhan đề của Website, ở đây là Faculty of Information

Technology Album.

+ Server name: localhost.

+)Mục MYSQL DATABASE

+ Database name: cơ sở dữ liệu đã tạo của website, ở đây là fitalbum.

+ User Name: root.

+ Password: để trống

Click vào nút Install để cài đặt.

Khi cài đặt thành công sẽ xuất hiện trang chủ ban đầu của website:

Hình 8: Màn hình trang Home ban đầu của FIT AlbumViệc cài đặt S.Gallery đến bớc này đã hoàn thành, bớc tiếp theo là đếnphần cấu hình cho Website

c) Cấu hình cho website

Gõ địa chỉ http://localhost/fitalbum/?/admin để vào màn hình đăng nhập Control Panel của S.Gallery.

Các thông số mặc định ban đầu:

Username: administrator Password: 123456

Hình 9: Màn hình trang Login Control Panel ban đầu của FIT Album

Sau khi đăng nhập sẽ xuất hiện màn hình chính của Administrator

Hình 10: Màn hình trang Administrator ban đầu của FIT Album

Trong Administrator gồm có các mục

- Quản lý toàn bộ ảnh trong album

- Upload ảnh lên album

- Dùng để upload ảnh từ th mục fitalbum/upload/ftp thông

qua công cụ FTP ( File Transfer Protocol - Giao thức truyền tập tin)

- Upload ảnh theo link

- Quản lý các danh mục

- Tạo danh mục mới

- Quản lý và tạo mới các tài khoản có quyền vàotrang

Administrator để chỉnh sửa và upload ảnh

Màn hình Upload media :

Hình 11: Màn hình trang Upload Media ban đầu của FIT Album

d) Các chỉnh sửa trong code của s.Gallery

*) Sửa lỗi không hiện thumbnails trong mục Chỉnh sửa ảnh

Lỗi của S.Gallery là không hiện đợc thumbnail (ảnh đại diện) của ảnhkhi vào chỉnh sửa từng ảnh

Hình 12: Màn hình trang Chỉnh sửa ảnh ban đầu của FIT Album

Vào file admin_gallery_edit_form.php trong th mục C:\xampp\htdocs\

sgallery\system\application\modules\gallery\views, tiến hành sửa đoạn code:

<td>

<? if(in_array(end($arr), array('jpg', 'png', 'gif'))): ?>

<img src="<?=base_url();?> gallery/media/thumbnails <?=

Thành

<td>

<? if(in_array(end($arr), array('jpg', 'png', 'gif'))): ?>

<img src="<?=base_url();?>upload/thumbnails<?= $app_

Khi đó sẽ hiển thị đợc thumbnail của ảnh khi vào Chỉnh sửa ảnh:

Hình 13: Màn hình trang Chỉnh sửa ảnh sau khi sửa lỗi

*) Các chỉnh sửa trong file user_gallerry_ajax_home.php tại th mục

style="font-<br> Loading style="font-<br> Press <font color="red"> <b> F5 </b> </font>

style="font-Đang load ảnh <br> Nhấn <font color="red"> <b> F5 </b> </font>

<b> </b> nếu không thực hiện đợc !

</td>

</tr>

</tbody>

+) Söa hiÖn title khi rª chuét vµo banner chÝnh

images/gallery_ajax/logo.jpg" title="Chµo mõng 50 n¨m trêng

§¹i häc Vinh anh hïng 1959 - 2009"

Search: <input type= "text" id= "keyword" onkeydown=

"return searchEnter(event);" /> <img src="<?=base_url(); ?> images/gallery_ajax/search.png" title= "search" alt= "search" align =

"absmiddle" onclick = "searchClick( )" />

</div>

Thµnh

<div class="search">

T×m kiÕm: <input type= "text" id= "keyword" onkeydown=

"return searchEnter(event);" /> <img src="<?=base_url(); ?>

images/gallery_ajax/search.png" title= "Gâ tõ cÇn t×m kiÕm vµ Ên phÝm Enter " alt= "search" align = "absmiddle" onclick = "searchClick( )" />

</div>

+) Söa c¸c th«ng tin ë phÇn bªn díi cña Trang chñ (footer)

ChØnh söa code:

<div class="footer"> &copy; 2008 <a href =

"http://sgallery.giaidap.info"> s.Gallery </a> 1.2.

Powered by <a class = "version" href="#"> s.Code

</a> Written by <a class="author" href=

"sincos.net@gmail.com" > Lª B»ng </a>

</div>

Thµnh

<div class="footer"> &copy; 2009 <a href =

"http://sgallery.giaidap.info"> s.Gallery </a> 1.2.

Powered by <a class = "version" href="admin">

s.Code </a> ReWritten by <a class="author"

href= "http://fit.vinhuni.edu.vn" > NguyÔn Kú

$linkMap = '<a onclick = "loadList(0, 0) " href = "#home" title =

"Home" > Home </a>';

Thµnh

$linkMap = '<a onclick = "loadList(0, 0) " href = "#home" title =

+) Söa “New upload” trong Trang chñ thµnh “¶nh míi”

Vào file load_menu_mod.php tại C:\xampp\htdocs\fitalbum\system \

application\modules\admin\controllers thêm vào dòng 15 đoạn code

$MyMenu->add(3, "Trang Album", site_url('home'),

base_url().'images/admin/home.gif ', 0);

Hình ảnh nút Trang Album mới đợc thêm vào: