Tìm hiểu hệ quản trị nội dung mã nguồn mở joomila và ứng dụng xây dựng vvebsite tin tức

"0 ‘ji 93 ỦY BAN NHẲN DÂN TỈNH KHÁNH HÒA TRƯỜNG CAO ĐẲNG s u PHẠM NHA TRANG TÌM HIẺU HỆ QUẢN TRỊ NỘI DUNG MÃ NGUỒN MỞ JỎOMLA v ứ n g d ụ n g x â y DựNG w e b s it e t in t ứ c TườuGnữsp.NHAĩnũiG Ị Họ tên tác giả: Nguyễn Thị Thanh Hiền Khoa: Tư nhiên Lớp: Sư Phạm Tin Khóa: 34 Giảng viên hướng dẫn: CN.Nguyễn Phạm Thế Vinh Nha Trang, tháng năm 2011 C H Ú N G NHẬN KẾT QUẢ N G H IÊN c ứ u KHOA H Ọ C Nghiên cứu khoa học với đề tài: “TÌM HIẾU HỆ QUẢN TRỊ NỘI DUNG MÃ NGUỒN MỞ JOOMLA VÀ ÚNG DỤNG XÂY DỤNG WEBSITE TIN TỨC” Do sinh viên Nguyễn Thị Thanh Hiền thục bảo vệ đụợc Hội đồng nghiệm thu nghiên cứu Khoa học Khoa Tự nhiên thông qua Giáo viên huớng dẫn CN Nguyễn Phạm Thế Vinh Chấp nhận Hộ đồng Khoa học Khoa Tự nhiên với kết xếp loại: ÚỈcỉ ngày bảo vệ ngày i^C:.tháng .năm JLŨ.Ậ.{ Chủ tịch Hội đồng nghiệm thu Khoa Tự nhiên ủy viên ủ y viên CN Nguyễn Phạm Thế Vinh CN Đoàn Huỳnh cẩm Duyên ủy viên CN Phạm Minh Tuyến CN Lý Sỹ Ngọc Lầu Nha Tranp nầv tháncr 'C ^~ - Thậ^Cê Thanh Bình nam 2011 LỜI NĨI ĐÀU Hiện cơng nghệ thơng tin trở nên vô phổ biến hầu hết quốc gia toàn giới Việc úng dụng công nghệ thông tin vào nhu cầu ngày người trở nên rộng rãi Để đáp ứng phục vụ nhu cầu người hàng loạt ngơn ngữ lập trình phần mềm đời Chức phần mềm vô đa dạng, ngồi cơng việc soạn thảo đơn giản, chức tính tốn cịn có phần mềm hỗ trợ tạo website truyền đạt thông tin đến cho người sử dụng như: tin tức, giải trí (nhạc, phim, ca kịch ), khoa học , ị , kinh tế Để truyền đạt thông tin kinh tế, xã hội , giải trí đến cho người, hàng loạt website tin tức đời (còn gọi báo điện tử), hỗ trợ người dùng truy cập nhanh chóng, tiết kiệm thời gian tiền bạc Ngày Joomla hệ thống quản ừị mã nguồn mở số giới dùng để thiết kế website Nó nhiều người biết đến sử dụng hồn tồn miễn phí Nhận thấy cần thiết tác dụng báo điện tử sống người, thấy khả phát triển rộng rãi Joomla việc thiết kế website chuyên nghiệp em định chọn đề tài nghiên cứu Để hoàn thành đề tài nghiên cứu em xin gửi lời cảm ơn sâu sắc đến khoa Tự Nhiên trường CĐSP Nha Trang tạo điều kiện cho em thực đề tài nghiên cứu Đặc biệt em xin gửi lời cảm ơn đến thầy Nguyễn Phạm Thế Vinh nhiệt tình hướng dẫn động viên em nhiều để em hoàn thành đề tài nghiên cứu Cuối em xin gửi lời cảm ơn chân thành đến bạn sinh viên lớp Sư phạm Tin K34 động viên giúp đỡ suốt thời gian nghiên cứu đề tài MỤC LỤC CHƯƠNG 1: GIỚI THIỆU Lí chọn đề tà i Giới hạn đề tà i Thể thức nghiên u 3.1 Tên đề tài: “TÌM HIỂU HỆ QUẢN TRỊ NỘI DUNG MÃ NGUỒN MỞ JOOMLA VÀ ÚNG DỤNG XÂY DỤNG WEBSITE TIN TỨC” 3.2 Mục đích nghiên cứu 3.3 Đối tượng nghiên cứu 3.4 Phưong pháp nghiên cứu 3.5 Phương tiện nghiên cứu 3.6 Kế hoạch nghiên cứu Cơ sở lý luận thực tiễn .2 4.1 Cơ sở lý luận 4.2 Cơ sở thực tiễn CHƯƠNG 2: LÀM QUEN VỚI LẬP TRÌNH WEB ĐỘNG Tìm hiểu ngơn ngữ lập trình web PHP CSDL MySql 1.1 Ngơn ngữ lập trình web PHP 1.1.1 Giới thiệu PHP: 1.1.2 Cú pháp qui ước PHP .5 1.2 Cơ chế truyền nhận liệu 1.2.1 Cơ chế truyền liệu ừang web nhập liệu 1.2.2 Cơ chế nhận liệu trang web nhận liệu(URL) 1.2.3 Cơ chế truyền nhận liệu : thôngqua hai phương thức bản: GET POST 1.2.3.1 Phương thức GET: 1.2.3.2 Phương thức POST: 19 Cơ sở liệu MySql 10 Tìm hiểu cơng cụ để xây dựng localhost,để upload vvebsite lên Internet 11 Tìm hiểu cách viết trang web động 12 4.1 Tìm hiểu web động 12 4.1.1 u điểm 12 4.1.2 So sánh web động web tĩnh 12 4.1.3 ứng dụng 13 4.2 Cách viết trang web động PHP 13 4.2.1 Bắt đầu lập trình PHP 13 4.2.2 Xử lý liệu íịrm 14 4.2.3 Truy xuất sở liệu 14 CHƯƠNG 3: TÌM HIỂU VÈ HỆ QUẢN TRỊ NỘI DUNG MÃ NGUỒN MỎ JOOMLA 16 Thế hệ quản trị nội dung mã nguồn m ở? 16 1.1 Hệ quản trị 16 1.1 Mã nguồn mở 16 Các hệ quản trị nội dung mã nguồn mở 16 2.1 Tomato CM S 16 2.2 Joomla 17 2.3 Mambo(CMS) 17 Joomla gì? 17 3.1 Joomla gì? 17 3.2 Cài đặt Joomla: .18 Cấu trúc website Joomla 22 4.1 Components 22 4.1.1 Component gì? 22 4.1.2 Vị ữí component: 22 4.1.3 Các component mặc định Joomla 22 4.1.4 Danh sách component ý nghĩa chúng: 4.2 Modules 22 23 4.2.1 Module gì? 23 4.2.2 VỊ trí module Joomla: 23 4.2.3 Các module mặc định Joomla 23 4.2.4 Danh sách module ý nghĩa chúng: 24 4.3 Templates 25 4.3.1 Template gì? 25 4.3.2 Các template mặc định Joomla: 25 4.3.3 Đặc điểm Template 25 Các thao tác trang quản trị Joomla( tạo viết, post bài, không cho hiển thị viết, cài đặt thành phần khác) 26 5.1 Tạo viết 26 5.2 Post b i 27 5.3 Không cho hiển thị viết 29 5.4 Cài đặt thành phần khác 29 5.4.1 Tạo readmore cho v iết 29 5.4.2 Chèn hình ảnh vào v iết 29 Cách thức cài đặt thành phần Joomla: cài đặt themes, modules, plugin, component, 30 6.1 Cài đặt component 31 6.2 Cài đặt modules 33 6.3 Cài đặtthem es 33 6.4 Cài đặt plugin 35 Cách viết modules Joomla 35 Cách thức viết themes Joomla 35 CHƯƠNG 4: XÂY DựNG WEBSITE TIN TỨC 38 Cài đặt Joomla .38 Thiết kế giao diện cho trang web tin tứ c .38 2.1 Phát thảo giao diện ' 38 2.2 Thiết kế giao diện tĩnh 38 Chuẩn hóa giao diện theo cú pháp Joomla 39 Cài đặt Modules 41 4.1 Tạo vị trí gắn kết modules templates 41 4.2 Các modules sử dụng trang web 41 Post cho ừang web 42 5.1 Tạo Section cho trang web: 42 5.2 Tạo Category cho trang web 42 5.3 Tạo Article 42 Hình Tên hình Trang Giải file nén để cài đặt joomla 18 Tạo sở liệu rỗng 18 Tạo sở liệu rỗng 18 Tạo sở liệu rỗng 19 Cài đặt joomla bước 19 Cài đặt joomla bước 19 Cài đặt joomla bước 20 Cài đặt joomla bước 20 Cài đặt joomla bước 20 10 Cài đặt joomla bước 21 11 Cài đặt joomla bước 21 12 Các Component mặc định joomla 22 13 Các Modules mặc định joomla 23 14 Các Templates mặc định joomla 25 15 Đăng nhập trang quản trị joomla 26 16 Tạo Section 26 17 Tạo Section 26 18 Tạo Section 27 19 Post 27 20 Post 28 21 Readmore cho viết 29 22 Chèn hình vào viết 29 23 Chèn hình vào viết 29 24 Cài đặt Component 30 25 Cài đặt Component 31 26 Cài đặt Component 31 27 Cài đặt Component 31 28 Cài đặt Component 32 29 Cài đặt Component 32 30 Cài đặt Component 32 31 Cài đặt Templates 33 32 Cài đặt Templates • 33 33 Cài đặt Templates 34 34 Cài đặt Templates 34 35 Cách thức viết themes joomla 35 36 Cách thức viết themes joomla 36 37 Phát thảo giao diện trang tin tức 38 38 Giao diện tĩnh trang tin tức 39 39 Vùng soạn thảo 43 40 Tạo readmore-Chương 43 41 Cài đặt tham số cho viết 43 42 Chèn hình ảnh vào viết-Chương 4-1 44 43 Chèn hình ảnh vào viết-Chưong 4-2 44 Bảng Tên bảng Trang Kiểu liệu Toán tử So sánh web động web tĩnh 12 Các Modules sử dụng ừên trang web tin tức 41 + Section: chọn section cho viết + Category: chọn category cho viết + Publish: cho phép sử dụng section hay khơng + Frontpage: viết có xuất trang chủ hay không + Vùng soạn thảo : B I g Stvte , Rnra “ *'ầ ỉ>í y ■ iHI* X-íỉ Hình 41: Vùng soạn thảo Artỉcle Tạo readmore cho viết: di chuyển chuột đến đoạn cần ngắt để đặt chữ “Read more”, kéo xuống khung soạn thảo, click chọn nút Read More Một đường gạch màu đỏ tạo để làm dấu hiệu Image ĩỢ 1PagôbreỄ* ' Read more Hình 42: Tạo readmore-Chương Cài đặt tham số cho viết: P aram eters (Artícle) Auíhor i Ađminístrator AuthorAĩỉas ị Access Leveỉ' Ị PubỊìõ Ị Crẽated Date ~r^ l ~j £ - Siart pÈibftsfìỉng [2Q Ĩi-oZ i5 16:12:43” " r— ■Finỉ.sh Publỉsbỉng íNever Ị "ị parameters (Advanced) : •:> Metadlata Intormatíon - Hình 42: Cài đặt tham sổ cho viết + Author: tác giả.Tác giả viết tự động chọn người đăng nhập chọn lại User khác + Access Level: mức đôi truy cập viết + Finish Publishing: ngày hết hạn đăng - Chèn hình ảnh vào viết + Lấy hình từ ổ cứng: Trong mục Upload chọn Browse để mở thư mục chọn ảnh từ ổ cúng Sau chọn xong, chọn Start Upload để đưa ảnh lên Uploacỉ M ro w s e y start Uplỗd ctearCompteteđ + Chọn hình có sẵn thư mục Stories: Đưa trỏ đến nơi cần chèn ảnh Xuống cuối khung soạn thảo, chọn biểu tượng Image, cửa sổ popup cho chọn hình Imacsơ Paqebreak-g Heađ ỊTfrjre,-.r Hình 43: Chèn hình ảnh vào viết-Chương 4-2 - Nhấn Save để lưu lại viết ^ Chú ý chọn loại viết: _ Nếu viết loại thuộc category phải chọn section trước rồ chọn category _ Nếu viết khơng có section category, chọn section category Uncategorised Tài liệu tham khảo [1]Hồng Hải; & Minh Đức.(2000).Giáo trình tự học thiết kế web động.Thành phố Hồ Chí Minh: Nhà xuất Lao động xã hội [2] http://www.joomla.org/announcements/release-news/5284-joomla-1520released.html [3] http://www.joomla.edu.vn/tai-lieu-hoc-joomla/42-customize-joomla-cms/86-quytrinh-tao-bai-viet-trong-joomla.html [4] http://www.nguyenkimvn.vn/diendan/archive/index.php/t-397.html [5] http://www.joomla.edu.vn/tai-lieu-hoc-joomla/40-install-joomla/137-quan-trijoomla-quan-ly-bai-viet.html [6] http://www.joomla.edu.vn/tai-lieu-hoc-joomla/42-customize-joomla-cms/65-vi-trimodule.html [7] http://phpcodevn.com/home/joomla/joomla-modules/161-tao-module-hello-worldcho-joomla-15 html [8] http://joomlavi.vn/vietnam/gioi-thieu-joomla [9] http://joomlavi.vn/vietnam/template-joomla [ 10]http://joomlavi.vn/vietnam/joomla-component [ 11 ]http://joomlavi.vn/vietnam/joomla-module [ 12]http://joomlavi.vn/vietnam/joomla-plugin PHỤ LỤC Trình bày đánh số hình ảnh, biểu bảng Hình 3: Giải fíle nén để cài đặt joomla ệ Explc^rcannot dísplcy the m n ụ CỉRiS-ỈS: Hình 4: Tạo sở liệu rỗng Hình 5: Tạo sở liệu rỗng Hình 8: Cài đặt joomla bước Hình 9: Cài đặt joomla bước Hình 10: Cài đặt joomla bước Hình 11: Cài đặt joomla bước Hình 12: Cài đặt joomla bước Hình 13: Cài đặt joomla bước co m _ b a n n e rs ệị ^ ^ n i^ c o n te c t Ị ị co m _co n te n t ị Ị com _new sfeeds í ị com _user , c o m _ m a ilto "Ị-V 11 c o m m e d ỉa c o m _ p o lf 't Y 11 _ com _se a rch X,.- - c o m _ w e b lin k s , : ; c o m _ w p p e r Ị^ ^ in d e x h tm l Hình 14: Các Component mặc định củajoomla m o d _ a rch rve m o d _ c u s to m m o d la te s tn e v v s | rnod _ b an n e rs : 1’ m o d _ fe e d ; ij/ r n o d _ lo g r n m o d _ m o s tre a d m o d^bre a d crum b s Ị ị m o d_ foo te r m o d_ m a inm e n u ; V rnơcL n e w sfla sh >1 m o d _ n d o m _ ĩm a g e ’^ ;jp m od_search m od_ se ctĩcm s r j|f m od_stats m o d _ w h o s o n ỉin e : ỊC :m o d _ w r a p p e r m od_related_rtem s |; m o d_ p o ll m od_syndicate vindex.htm l Hình 15 : Các Modules mặc định joomla beez lị rh u lc _ m ĩlfc y w a y |a _ p u rity S yste m Hình 16: Các Templates mặc định joomla Joom la! A dm ínistratíon Login Hình 17: Đăng nhập trang quản trị joomla m a ¥ I lị Jơ om íavi Ị^ ^ in d e x h tm l tow> ĩsirt rsto r* f r y ĩ*it**r, V\' 6“ sw TT c [ I :$ec&ntlan3$f J ,v ỉ ;■ 0; ?*■ >r Íií ĩ$T«f !k.H'_r+ í«.1f ;' Hình 19: Tạo Section Hình 20: Tạo Section Hình 21: Postbài •■'UBklí-M c pl r-ngo n ' ?fvớ ô* Hình 27: Cài đặt Component Hình 28: Cài đặt Component Hình 29: Cài đặt Component Hình 31: Cài đặt Component Hình 32: Cài đặt Component : Síte *tasus ị c«íeiit Cvnpcnttĩtt i £x(ersi9Ì» Ị :■ •; 3" jjỉ Hcip ; •— M íK 1» Ịí Ẹ Í-V \w ' lCĩ^ỉsa?*ị'5-*C *ĨẸ T i ĨỊ p Hình 33: Cài đặt Templates Hình 34: Cài đặt Templates ^5SỀ*_ — - Hình 36: Cài đặt Templates Hình 37: Cách thức viết themes joomla »21®’ Hình 38: Cách thức viết themes joomla Banner search menu T ’" ” Quang cẫo Tin nhát Tin tức Tin đọc nhiều Video Quang cáo , Q uảng cáo "7 ^- Khách truy cập ; ’• ' HỈnh 39: Phát thao giao diện trang tin tức Hình 40: Giao diện tĩnh trang tin tức £ • '= i- -^5-«- *■ "■ Hình 41: Vùng soạn thảo Article Imoge X páãebreek' Read more u ; , Hình 42: Tạo readmore-Chương ; - Parameters (Article) Author Ađmtnístratcr 1^1 AuthorALas < I Access Leveí ; Pirtíỉc “ CreatedDa!o Ì H 414.Ì 16,24 ị - ị:? - SlartPHblìshing 2Í, w ; , ,« ,-j Ushing ‘N e v e r ■ ■ 1%• : Parameters (Advanced) * * Metadata Intormation Hình 43: Cài đặt tham số cho viết Bảng 1: KIỂU DỮ LIỆU Tên kiểu liệu sô hàm xử lý Kiếu số: int, íloat abs,pow, bindec, decbin, ceil, íloor, sqrt, log, dechex, round, loglO, hexdec, srand(seed), rand, rand(min,max) Kiếu chuỗi: sừing print, - phân biệt nháy đcm nháy kép str_replace, strtoupper, strlen, substr, trim, strtolower, str_pad, strcasecmp Kiếu mảng: array count, in_array, sort, assort, ksort, usort, min,max, array_reverse, rsort, arsort, krsort, uasort, uksort Bảng 2: TỐN TỬ Loại Tốn tử Ghi New && II ?: , Xử lý bit Ị ~ « » 11 Luận lý II 11 II! 11 11 So sánh V II + - * / % ++ - ; Tốn học A V • [] »> AND OR XOR Gán = += -= 1= -= = /= %= » = « = &= (int) (double) (string) Bảng3: S SÁNH WEBSITE ĐỘNG VÀ WEBSITE TĨNH VVebsite động VVebsite tĩnh u u điểm - Nguời quản trị cập nhập thông tin - Tồc độ truy cập nhanh lúc Các máy chủ tìm kiếm dễ nhận diện - Có thực nhũng vấn đề phức tạp có vvebsite thể tính hóa đon, quản lý đơn hàng toán Online, so sánh, tìm kiếm sản phẩm theo yêu cầu - Số lượng trang phụ thuộc vào số lượng thông tin mà khách hàng cập nhật trang tự động phát sinh theo mục tương ứng có liên kết khác Nhuọc điêm - Tôc độ truy cập chậm - Thay đổi thơng tin khó khăn - Số lượng trang lớn, sửa chữa phải tố nhiều thời gian để sủa trang lại Cách thức cập nhật thông tin - Thông qua tài khoản quản trị admin - Xử lí trục tiêp vào fíle html thơng qua tài khoản ftp đưa lên internet Bảng 4: CÁC MODƯLES s DỤNG TRÊN TRANG TIN TỨC Modules tin_moi Modules qc_phai4 Modules ja_news Modules qc_videol Modules t i n l i e n q u a n Modules qc_video2 Modules luot_truy_cap Modules timkiem Modules quangcao Modules video Modules tin_doc_nhieu Modules nhac Modules qc_phai Modules dongho Modules qc_phai2 Modules top Modules qc_phai3 THÔNG TIN VỀ TÁC GIẢ I.sơ LƯỢCVỀ SINH VIÊN: Họ tên: Nguyễn Thị Thanh Hiền Mã số sinh viên: 0810040010 Sinh ngày: 10 tháng 02 Nơi sinh: TÂN BÌNH - NINH BÌNH năm 1990 NINH HÒA - KHÁNH HÒA Lớp: Sư Phạm Tin Khóa: 34 Khoa: Tự Nhiên Địa liên hệ: 28/1A Đặng Tất - phường Vĩnh Hải - TP Nha Trang Điện thoại: 0979584492 Email: hiensptin2@gmail.com II.QUÁ TRÌNH HỌC TẬP: * Năm 1: Ngành học: Tin học Khoa: Tự Nhiên Kết xếp loại học tập: Trung bình - Khá Sơ lược thành tích: Tham gia thi nghiệp vụ sư phạm * Năm 2: Ngành học: Tin học Khoa: Tự Nhiên Kết xếp loại học tập: Khá Sơ lược thành tích: * Năm 3: Ngành học: Tin học Kết xếp loại học tập: Trung bình —Kha Sơ lược thành tích: Khoa: Tự Nhiên