Xây dựng website tin tức mới

Tr-ờng đại học vinh Khoa công nghệ thông tin -o0o - Đồ áN Tốt nghiệp Đề tài: XÂY DựNG WEBSITE TIN TøC MíI Giáo viên hướng dẫn : Sinh viên thc hin Th.S Đặng Hồng Lĩnh : Tạ Thị Hoài Thu Lớp : 46E2 - CNTT Vinh, tháng - 2010 MỤC LỤC Trang i c m n i nói đầu C NG T NG QU N Ề T ……………………………….….… 1.1 Tổng quan đề tài 1.2 Ngôn ngữ xây dựng Website………………………………… … … 1.2.1 Giới thiệu cấu trúc file HTML thẻ………………….….… ….4 1.2.2 Các thẻ định dạng 1.2.3 Một số thẻ HTML đặc biệt……………………………………… … 1.2.4 Tìm hiểu ngơn ngữ PHP sở liệu MySQL………….…… C NG P ÂN TÍC V T ẾT KẾ Ệ T ỐNG……… ……19 2.1 Yêu cầu tốn…………………………………………………… 19 2.2 Phân tích thiết kế………………………………………………… 20 2.2.1 Biểu đồ phân cấp chức năng……………………………….…………20 2.2.2 Biểu đồ luồng liệu……………………………………….……… 21 2.2.3 Mơ hình hóa liệu………………………………………………….25 C NG XÂY DỰNG C NG TRÌN ……………………….28 3.1 Giao diện người dùng…………………………………………… ……31 3.1.1 Giao diện trang chủ……………………………………… … …… 31 3.1.2 Giao diện trang giới thiệu……………………………… ….……….32 3.1.3 Giao diện trang liên hệ tòa soạn……………………………….…….33 3.1.4 Giao diện trang nội dung tin……………………………….……… 34 3.2 Giao diện người quản trị………………………………….………… 35 3.2.1 Giao diện trang đăng nhập……………………………….……… 35 3.2.2 Giao diện trang đăng nhập…………………………….…… 36 3.2.3 Giao diện đăng nhập tin mới……………….…………… ……….37 3.2.4 Giao tin đăng………… ………………….……………38 KẾT LUẬN……………………………………………………….….… 39 T L ỆU T M K ẢO………………………… ……………………40 Lời cảm ơn Lời nói đầu em xin cảm ơn ban giám hiệu nhà trường, ban chủ nhiệm khoa thầy cô giáo khoa CNTT trường Đại học Vinh trang bị cho em kiến thức cần thiết năm học vừa qua để em thực tốt đồ án Em xin chân thành cảm ơn tới thầy giáo ThS Đặng Hồng Lĩnh tận tình giúp đỡ hướng dẫn em hồn tất đồ án Ngoài em xin cảm ơn tất bạn bè giúp đỡ em suốt trình thực đồ án Mặc dù em cố gắng, khoảng thời gian cho phép hạn chế kiến thức nên đề tài em khơng thể tránh khỏi thiếu sót Chính vậy, em mong nhận góp ý thầy cô giáo bạn bè Lời nói đầu Hiện nay, phát triển lĩnh vực kinh tế, xã hội, nhu cầu ứng dụng công nghệ thông tin ngày cao không ngừng biến đổi Với phát triển kinh tế đời sống nhân dân ngày nâng cao, kéo theo nhu cầu giải trí, cập nhật thơng tin nhanh xác người tổ chức cần thiết Với xu phát triển vượt bậc công nghệ thông tin tồn giới, Việt Nam cơng nghệ thơng tin nói chung mạng Internet nói riêng ngày áp dụng nhiều lĩnh vực đời sống, diện gần gũi với người, với nhà Có thể nói, Internet kênh thơng tin bổ ích cho người, nguồn tư liệu dồi cho lĩnh vực khác đời sống Nhiều công nghệ ứng dụng hỗ trợ cho Internet số có ngôn ngữ PHP sở liệu MySQL, với kiến thức học em sử dụng ngôn ngữ để xây dựng Website tin tức Với mong muốn đưa đến cho người sử dụng Internet thông tin bổ ích giây phút thư giãn, giúp người hiểu biết thêm nhiều mặt đời sống nơi giao lưu, chia sẻ thông tin người Em xin chân thành cảm ơn thầy giáo ThS Đặng Hồng Lĩnh thầy cô giáo khoa Công nghệ thông tin giúp đỡ em suốt q trình hồn thành đồ án tốt nghiệp Vinh, tháng năm 2010 Sinh viên: Tạ Thị Hoài Thu C NG T NG QU N Ề T 1.1 Tổng quan đề tài Cùng với phát triển khơng ngừng kỹ thuật máy tính mạng điện tử, công nghệ thông tin cơng nghệ có đẳng cấp cao chinh phục hết đỉnh cao đến đỉnh cao khác Mạng Internet sản phẩm có giá trị lớn lao ngày trở nên cơng cụ khơng thể thiếu, tảng cho truyền tải, trao đổi thơng tin tồn cầu Giờ đây, việc liên quan đến thông tin trở nên thật dễ dàng cho người sử dụng, cần có máy tính kết nối internet dịng liệu truy tìm gần giới vấn đề mà bạn quan tâm ra, có đầy đủ thơng tin, hình ảnh chí đơi lúc có âm ta cần… Bằng internet, thực nhiều công việc với tốc độ nhanh chi phí thấp nhiều so với cách thức truyền thống Chính điều này, thúc đẩy khai sinh phát triển internet khắp giới, làm biến đổi đáng kể mặt văn hóa, nâng cao chất lượng sống người Trong xu phát triển thời đại cần phải nắm bắt thơng tin cách nhanh chóng tất hoạt động nước Giờ xây dựng website tin tức đóng vai trị quan trọng thúc đẩy phát triển đất nước Internet đời mang đến cho nhiều hội để tìm hiểu vùng miền giới Khi nhắc đến Internet người ý nhiều đến webside, website mang đến cho kho tàng tri thức khổng lồ Nó nơi trao đổi thông tin cách đại, vừa đa dạng, vừa phong phú, nhanh chóng Đối với web tin tức việc cung cấp thông tin mẻ cho độc giáo dục, y tế, khoa học, pháp luật …là yếu tố mang tính quết định đưa đến cho người đọc biết thêm nhiều thông tin khắp miền giới Ngồi hỗ trợ cho doanh nghiệp quảng cáo thông tin sản phẩm đến với tất người cách nhanh chóng Với đề tài này, em xin trình bày cách thức quản lý website giúp cho người quản trị dễ dàng việc quản lý, thay đổi, cập nhật thơng tin trang website Ngơn ngữ xây dựng Website Giới thiệu cấu trúc file - Khái niệm TML thẻ TML HTML (Hyper Text Markup Language - Ngôn ngữ đánh dấu siêu văn bản) định dạng để báo cho trình duyệt Web (Web browser) biết cách để hiển thị trang Web Các trang Web thực khơng có khác ngồi văn với thẻ (tag) HTML xếp cách đoạn mã để trình duyệt Web biết cách để thơng dịch hiển thị chúng lên hình - Cấu trúc file TML Tên trang 1.2.2Các thẻ định dạng +Thẻ … Cho phép bạn định dạng đoạn văn thuộc tính chúng Chẳng hạn, trường hợp bạn muốn đoạn văn, bạn sử dụng thẻ với algin=center hay justify để canh lề đoạn văn +Thẻ

…

Tương tự thẻ , trường hợp bạn muốn định dạng câu văn bản, bạn sử dụng thẻ

.Sau kết thúc thẻ đóng

, liệu trình bày tự động xuống hàng +Thẻ … Thẻ cho phép định dạng chuỗi với kiểu chữ định, cỡ chữ màu chữ định nghĩa thẻ +Thẻ …, …, … Thẻ cho phép bạn định dạng chuỗi in đậm (bold), cho định dạng chữ nghiêng (italic), cho định dạng chữ ghạch dới (underline) +.Thẻ … Đây thẻ định dạng bảng trang Web.Sau khai báo thẻ này, bạn phải khai báo thẻ hàng thẻ cột với thuộc tính khác +Thẻ Cho phép bạn chèn hình ảnh vào trang Web.Thẻ thuộc loại thể khơng có thẻ đóng.Thêm vào bạn cung cấp thuộc tính chiều cao, rộng, border địa hình ảnh +Thẻ Là loại thẻ dùng để liên kết trang Web liên kết đến địa Internet, mail hay Internet(URL) địa tập tin mạng cục (UNC) 1.2.3 Một số thẻ TML đặc biệt + Thẻ Thẻ khai báo thẻ , thẻ thường sử dụng để khai báo loại font sử dụng, tìm kiếm, xố cache, chuyển trang… + Thẻ marquee Thẻ marquee dùng để khai báo chuỗi chuyển động theo chiều hướng khác trang Web Thẻ thường sử dụng quảng cáo cho đề tài + Thẻ Thẻ cho phép bạn định dạng tất nội dung trình bày trang Web theo kiểu định Thẻ khai báo thẻ , khai báo thẻ trang Web, bạn khai báo sử dụng phần tử thẻ tham số class + Thẻ < ink> Sau khai báo phần tử trang style.css Ta khai báo chúng trang Web thẻ + Thẻ Trong trang Web, để kiểm soát tất hành động người dùng, ta cần khai báo sử dụng số phương thức thuộc tính Client Script hay phương thức bạn định nghĩa Khai báo thẻ sau: //code here „code here + Cấu trúc thẻ với Javascript Cấu trúc trang Web mô tả sau: //khai báo biến function functionname (tham số) { //Khai báo biến //Câu lệnh //Phát biểu có điều kiện } 1.2.4 Tìm hiểu ngơn ngữ P P sở liệu MySQL - Ngôn ngữ P P + Giới thiệu PHP (Personal Home Page) ngôn ngữ lập trình kết nối chặt chẽ với máy chủ Nói cách đơn giản không theo thuật ngữ khoa học trình xử lý PHP thực máy chủ (Windows Unix) Khi trang Web muốn dùng PHP phải đáp ứng tất q trình xử lý thơng tin trang Web đó, sau đa kết ngơn ngữ HTML Cũng giống hầu hết ngôn ngữ lập trình khác PHP nối trực tiếp với HTML Mã PHP tách biệt với HTML thực thể đầu cuối Khi tài liệu đưa phân tích, q trình xử lý PHP thực điểm quan trọng, sau đưa kết - Thiết kế liệu Bảng bình chọn (idbc, mota, anhien) binhchon Kiểu liệu Diễn giải ý nghĩa idbc Int(11) Khố chính, Mã bình chọn mota Varchar(200) Mô tả anhien Int(11) Ẩn Bảng chuyên mục (idcm, tencm, anhien, stt) Tên file Kiểu liệu Diễn giải ý nghĩa idcm Int(11) Khố chính, Mã chun mục tencm Varchar(70) Tên chuyên mục anhien Int(11)) Ẩn stt Int(11) Số thứ tự Bảng chuyên mục giới thiệu (idcmgt, ten,vitri) Tên file Kiểu liệu Diễn giải ý nghĩa idcmgt Int(11) Khố chính, mã chun mục giới thiệu ten Vachar(25) Tên chuyên mục vitri Vachar(15) Vị trí Bảng giới thiệu ( idgt, idcmgt, chude, tomtat, noidung, anh, tgian, ngay) Tên file Kiểu liệu Diễn giải ý nghĩa Idgt Int(11) Khố chính, mã giới thiệu idcmgt Int(11) ID chun mục giới thiệu chude Varchar ( 255 ) Chủ đề Tomtat Text Tóm tắt noidung Text Nội dung Anh Varchar ( 150) Ngày liên hệ Tgian Varchar( 50 ) Thời gian Ngay Varchar( 50 ) Ngày tháng Bảng loại tin (idlt, idcm, tenlt, anhien, stt ) Tên file Kiểu liệu Diễn giải ý nghĩa inlt Int(11) Khố chính, mã loại tin idcm Int(11) mã chuyên mục tenlt Varchar (60) Tên loại tin Anhien Int(11) Ẩn stt Int(11) Số thứ tự Bảng phương án (idpa, idbc, mota, solanchon, thutu) Tên file Kiểu liệu Diễn giải ý nghĩa Idpa Int(11) Khố chính, mã phương án Idbc Int(11) ID bình chọn Mota Varchar(200) Mô tả solanchon Int(11) Số lần lựa chọn Anhien Int(11) Ảnh thị Thutu Int(11) Số thứ tự Bảng quảng cáo (idqc, url, linkto, vitri, kieuanh, CT_Advs ) Tên file Kiểu liệu Diễn giải ý nghĩa idqc Int(11)) Khố chính, mã quảng cáo url Varchar(80) Đường linh linkto Varchar(200) Linh đến vitri Int(11) Vị trí kieuanh Int(11) Kiêu ảnh CT_Advs Int(11) Trạng thái quảng cáo Bảng quản trị (AdminID, AdminPss, hoten, Dienthoai, Diachi, Email) Tên file Kiểu liệu Diễn giải ý nghĩa AdminID Varchar(150) Khố chính, mã quản trị AdminPass Varchar(150) Mật quản trị hoten Varchar(150) Họ tên Dienthoai Varchar(150) Điện thoại Diachi Varchar(150) Địa Email Varchar(150) Email Bảng rao vặt_khuyến mại (idrv, mota, noidung, ngay, raovat) Tên file Kiểu liệu Diễn giải ý nghĩa idrv Int(11) Khố chính, mã rao vặt mota Varchar(200) Mô tả noidung Text Nội dung Data Ngày tháng Raovat int(11) Tin rao vặt Bảng user_rao vặt (tieude, noidung, anh, hoten, diachi, dienthoai, email, idurv, idrv, ngay) Tên file Kiểu liệu Diễn giải ý nghĩa Tieude Varchar(200) phần tiêu đề noidung Text Nội dung anh Varchar(150) Tên ảnh hoten Varchar(50) Họ tên Diachi Varchar(255) Địa dienthoai varchar(255) Điện thoại email Varchar(255) Email idurv Int(11) Khóa chính, ID rao vặt idrv Int(11) Idrao vặt Varchar(25) Ngày tháng Bảng tin (idtin, idlt, urlhinh, ten, tomtat, noidung, ngay, tgian, anhhien, idcm, tinnoibat, tinnoibat1, tinvuacapnhat, tinxemnhieu, tinchinh, tinphu, tinnong) Tên file Kiểu liệu Diễn giải ý nghĩa idtin Int(11) Khố chính, Mã tin idlt Int(11) Mã loại tin ulrhinh Varchar(150) Đường dẫn ảnh ten Varchar(150) Tên Tomtat Text Tóm tắt noidung Text Nội dung Varchar(25) Ngày tháng tgian Varchar(25) Thời gian Anhien Int(11) Tên ảnh idcm Int(11) Mã chuyên mục tinnoibat Int(11) Tin nỗi bật tinnoibat1 Int(11) Tin nỗi bật tinmoicapnhat Int(11) Tin cập nhật tinxemnhieu Int(11) Tin xem nhiều tinchinh Int(11) Tin Tinphu Int(11) Tin phụ tinnong Int(11) Tin nóng C XÂY DỰNG C NG NG TRÌN 3.1 Giao diện người dùng 1 Giao diện trang chủ Chức trang chủ: Hiển thị menu tin tức, tiêu điểm logo quang cáo 3.1 Giao diện trang giới thiệu Chức trang giới thiệu: Hiển thị thông tin admin tin hoạt động 3.1.3Giao diện trang liên hệ tòa soạn Yêu cầu trang đòi hỏi người gửi liên hệ phải nhập đầy đủ thơng tin liên hệ đến ban quản trị website Trong trường hợp người dùng gửi liên hệ đến ban quản trị mà chưa điền đầy đủ thơng tin xuất thông báo lỗi Giao diện lỗi hình sau Giao diện trang nội dung tin Chức trang tin tức: Trang hiển thị viết thể loại mà người xem muốn tìm đến 3.2 Giao diện người quản trị Giao diện trang đăng nhập Khi muốn vào trang quản trị yêu cầu phải đăng nhập hệ thống với tên đăng nhập mật xác 2 Giao diện trang trang đăng nhập Là trang cho phép lựa chọn mục để quản trị sở liệu cho trang web Tại trang người sử dụng click vào bên trái nơi có dịng chữ xuất menu để người quản trị chọn trang quản trị mà muốn sử dụng 3 Giao diện đăng nhập tin Người quản trị lựa chọn mục yêu cầu nhấn nút cập nhật thông tin để thêm loại tin Hoặc thêm bớt thông tin khác 3.2.4 Giao diện tin đăng Người quản trị lựa chọn mục yêu cầu Nếu người quản trị muốn sửa lại tin tức nhấn vào chức sửa, cịn muốn xóa nhấn vào chức xóa KẾT LUẬN Ngơn ngữ PHP kết hợp với hệ quản trị sở liệu MySQL cho phép thiết kế xây dựng trang Web có tính cao, đáp ứng nhu cầu khách hàng thời đại ngày Thời đại mà công nghệ thông tin trở thành nhu cầu thiếu việc cập nhật thông tin hàng ngày trở nên cần thiết cho tất người Đề tài nghiên cứu ứng dụng ngôn ngữ PHP, hệ quản trị sở liệu MySQL để xây dựng trang Web tin tức Website gồm chức năng: - Chức tìm kiếm - Chức quản lý tin tức - Chức quảng cáo ướng phát triển: Trong thời gian tới Web cần xây dựng thêm chức - Nâng cấp giao diện phù hợp - Hoàn thiện chức tìm kiếm nâng cao - Đa dạng hóa thơng tin T L ỆU T M K ẢO Kỹ sư inh Xuân Lâm, Những bi thực hành HTML, Nhà xuất thống kê, năm 2002 2.Nguyễn Trường Sinh, ứng dụng tin học phổ thôngMicrosoft Frontpage 2000 tuyển tập, Nhà xuất Giáo dục, năm 2000 NguyÔn Tr-êng Sinh, Macromedia DreamweaverMX, Nhà xuất lao động - xà hội,2003 Phạm ữu Khang, Xây dựng ứng dụng Web PHP & MYSQL, Nhà xuất Mũi Cà Mau, 2003 Trần Việt n, Học thực hành thiết kế web chuyên nghiệp DREAMWEAVER 8, NXB GTVT C¸c trang Web: - http://www.php.net - ttp://www.mysql.com - ttp://www.dynamite.ca - ttp://www.google.com ... tinnoibat Int(11) Tin nỗi bật tinnoibat1 Int(11) Tin nỗi bật tinmoicapnhat Int(11) Tin cập nhật tinxemnhieu Int(11) Tin xem nhiều tinchinh Int(11) Tin Tinphu Int(11) Tin phụ tinnong Int(11) Tin. .. Varchar(25) Ngày tháng Bảng tin (idtin, idlt, urlhinh, ten, tomtat, noidung, ngay, tgian, anhhien, idcm, tinnoibat, tinnoibat1, tinvuacapnhat, tinxemnhieu, tinchinh, tinphu, tinnong) Tên file Kiểu... Dienthoai, Email, Idurv, ) tin (Idtin, Idlt, Ulrhinh, Ten, Tomtat, Noidung, Ngay, Tgian, Anhien, Idcm, Tinnoibat, Tinnoibat1, Tinmoicapnhat, Tinxemnhieu, Tinchinh, Tinphu, Tinnong ) - Sơ đồ quan