Thiết kế website trường THPT quang hà

LỜI CẢM ƠN Trong suốt trình học tập trường vừa qua, em thầy cô trường tận tâm dạy bảo, cung cấp, truyền đạt kiến thức chuyên môn cần thiết, trang bị hành trang kiến thức để em có đủ tự tin bước vào đời Bài khóa luận tốt nghiệp hội để chúng em áp dụng tổng kết lại kiến thức mà học năm qua Đồng thời em rút kinh nghiệm thực tế quý giá suốt trình thực khóa luận Để có điều đó, trước hết, em xin trân trọng gửi lời cảm ơn tới thầy cô khoa Công Nghệ Thông Tin - Trường ĐH sư phạm Hà Nội tạo điều kiện thuận lợi cho em thời gian học tập hoàn thành khóa luận tốt nghiệp Em xin gửi lời cảm ơn sâu sắc tới giảng viên T.S Trịnh Đình Thắng, người trực tiếp hướng dẫn tận tình giúp đỡ chúng em trình học tập trình hoàn thành khóa luận tốt nghiệp LỜI CAM ĐOAN Tên là: NGUYỄN THỊ HOÀN Sinh viên lớp: K34-CNTT, Trƣờng Đại Học Sƣ Phạm Hà Nội Tôi xin cam đoan: Đề tài “Thiết kế Website Trường Trung học phổ thông Quang Hà” kết nghiên cứu riêng tôi, hướng dẫn thầy giáo T.s TRỊNH ĐÌNH THẮNG tham khảo số nguồn tài liệu Internet Khóa luận hoàn toàn không chép từ tài liệu có sẵn Kết nghiên cứu không trùng với tác giả khác Nếu sai, xin hoàn toàn chịu trách nhiệm! Hà Nội, ngày 20 tháng năm 2012 Người cam đoan Nguyễn Thị Hoàn MỤC LỤC LỜI CẢM ƠN LỜI CAM ĐOAN DANH MỤC BẢNG, HÌNH MỞ ĐẦU Chƣơng 1: CƠ SỞ LÝ THUYẾT 1.1 Phân tích toán 1.1.1 Vai trò Website với trường học 1.1.2 Lựa chọn ngôn ngữ thực 1.2 Giới thiệu PHP 10 1.3 Giới thiệu hệ quản trị sở liệu MySQL 11 1.3.1 Cơ sở liệu gì? 11 1.3.2 Bảng trường 11 1.3.3 Chuẩn hóa sở liệu 12 1.3.4 Tổng quan MySQL 12 1.3.5 Sử dụng SQL tạo sở liệu bảng MySQL 13 1.3.6 Phát biểu Select 14 1.3.7 Liên kết bảng 15 1.4 Giới thiệu Joomla 17 Chƣơng 2: PHÂN TÍCH HỆ THỐNG 21 2.1 Khảo sát trạng hệ thống 21 2.1.1 Hiện trạng hệ thống cũ 21 2.1.2 Đánh giá trạng 21 2.1.3 Yêu cầu phát sinh hệ thống 21 2.2 Biểu đồ phân cấp chức hệ thống 22 2.3 Biểu đồ luồng liệu (BLD) 23 2.3.1 Các thành phần biểu đồ luồng liệu 23 2.3.2 Biểu đồ luồng liệu mức khung cảnh 24 2.3.3 Biểu đồ luồng liệu mức đỉnh(mức 1) 25 2.3.4 Biểu đồ luồng liệu mức đỉnh hệ thống 26 Chƣơng 3: THIẾT KẾ HỆ THỐNG 28 3.1 Thiết kế sở liệu 28 3.2 Thiêt kế hệ thống 33 3.2.1 Trang chủ Website 33 3.2.2 Menu 36 3.2.3 Module đăng nhập 37 3.2.4 Module bình chọn 38 3.2.5 Module Thống kê người truy cập 39 3.2.6 Module Tìm kiếm 39 3.2.7 Giao diện trang giới thiệu 40 3.2.8 Giao diện trang tin tức / kiện 41 3.2.9 Giao diện trang Tin nội 42 KẾT LUẬN 43 PHỤ LỤC: HƢỚNG DẪN CÀI ĐẶT 44 TÀI LIỆU THAM KHẢO 50 DANH MỤC CÁC BẢNG, HÌNH Bảng 3.1: Bảng người dùng 28 Bảng 3.2: Bảng phân mục 29 Bảng 3.3: Bảng chuyên mục 30 Bảng 3.4: Bảng viết 31 Bảng 3.5: Bảng thành phần 32 Hình 2.1: Sơ đồ phân cấp chức hệ thống 22 Hình 2.2: Các thành phần biểu đồ luồng liệu 23 Hình 2.3: Biểu đồ luồng liệu hệ thống mức khung cảnh 24 Hình 2.4: Biểu đồ luồng liệu hệ thống mức đỉnh 25 Hình 2.5: Biểu đồ BLD mức đỉnh chức quản trị người dùng 26 Hình 2.6: Biểu đồ BLD mức đỉnh chức Quản lý nội dung 27 Hình 3.1: Cấu trúc Website 34 Hình 3.2 : Giao diện Trang chủ 35 Hình 3.3: Giao diện Modul đăng nhập 37 Hình 3.4: Giao diện chức Quên mật 38 Hình 3.5: Giao diện Modul bình chọn 38 Hình 3.6: Module tìm kiếm 39 Hình 3.7: Giao diện trang Giới thiệu 40 Hình 3.8: Giao diện trang Tin tức kiện 41 Hình 3.9: Giao diện trang Tin nội 42 MỞ ĐẦU Lý chọn đề tài Ngày với tốc độ phát triển nhanh Internet, hình thức thương mại điện tử, giải trí, thông tin kinh tế… ứng dụng mạnh mẽ nước ta Việc xây dựng Website việc cần thiết công ty, trường học, công sở, doanh nghiệp… Nó giúp quảng bá thương hiệu, cung cấp thông tin cho công ty, doanh nghiệp, trường học… Hiện nay, trang Web dành cho giáo dục phát triển mạnh chủ yếu dành cho cấp, ngành trường đại học, cao đẳng, trung cấp chuyên nghiệp Còn với trường trung học phổ thông, trung học sở trường tiểu học chưa áp dụng nhiều Trường Trung học phổ thông Quang Hà, thị trấn Gia Khánh, huyện Bình Xuyên, tỉnh Vĩnh Phúc trường chưa có trang web riêng Các tin tức, thông tin trường đến với em học sinh, giáo viên người có liên quan chậm, chưa thuận tiện Vì trường cần phải có Website riêng để quản lý, cập nhật thông tin để đưa thông tin tới giáo viên em học sinh cách thuận tiện nhanh chóng Chính lý trên, em chọn đề tài “Thiết kế Website Trường Trung học phổ thông Quang Hà” làm đề tài khóa luận cho Mục đích, nhiệm vụ nghiên cứu Với xu tiến khoa học – công nghệ, đặc biệt công nghệ thông tin nay, máy vi tính đóng vai trò chủ đạo giúp giải cách nhanh chóng, xác, tiết kiệm tối đa chi phí Việc thiết kế Website trường học giúp cho việc đưa tin tức, thông tin nhà trường tới giáo viên, học sinh người liên quan cách nhanh chóng, thuận tiện hiệu góp phần nâng cao, đẩy nhanh phát triển xã hội, thực ứng dụng tin học vào nhà trường Phạm vi nghiên cứu Phạm vi đề tài thiết kế Website trường trung học phổ thông Ý nghĩa khoa học thực tiễn Website thiết kế để ứng dụng việc đưa thông tin trường THPT Quang Hà tới em học sinh, giáo viên… áp dụng cho trường THPT khác có quy mô tương tự Xa nâng cấp để ứng dụng cho trường học có quy mô lớn Giả thiết khoa học Nếu Website ứng dụng thực tế nhiều trường học giúp cho việc cung cấp nắm bắt thông tin ngày thuận tiện hiệu Cấu trúc khóa luận Khóa luận em gồm có chương chính: Chương 1: Cơ sở lý thuyết Chương 2: Phân tích hệ thống Chương 3: Thiết kế hệ thống Chƣơng 1: CƠ SỞ LÝ THUYẾT 1.1 Phân tích toán 1.1.1 Vai trò Website với trƣờng học Nhờ phát triển không ngừng kỹ thuật máy tính mạng điện tử, đây, việc liên quan đến thông tin trở lê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 âm mà bạn 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 thương mại điện tử phủ điện tử 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 Trường học nơi có nhiều thông tin trao đổi hàng ngày, trường cần phải có Website riêng để quản lý, cập nhật thông tin để đưa thông tin tới giáo viên em học sinh cách thuận tiện nhanh chóng Hiện nay, trang Web dành cho giáo dục phát triển mạnh trường chuyên nghiệp, trường phổ thông, trung học sở, tiểu học chưa áp dụng nhiều Vì toán đặt cần thiết có Website riêng cho trường học Ở khóa luận này, nghiên cứu toán “Thiết kế Website Trường Trung học phổ thông Quang Hà” Website có chức cung cấp thông tin sau:  Các thông tin giới thiệu trường địa chỉ, lịch sử hình thành  Các thông tin, tin tức, kiện trường, tin giáo dục khoa học  Các thông tin cấu tổ chức, tổ ban ngành trường  Thời khóa biểu, lịch thi, điểm thi cho sinh viên  Các thông tin hoạt động trường học sinh  Quản lý việc truy cập thành viên  Liên kết với Website khác… 1.1.2 Lựa chọn ngôn ngữ thực Như biết, có nhiều ngôn ngữ lập trình để thiết kế trang Web như: Ngôn ngữ html, CGI, Perl, ASP, JSP, PHP… Mỗi ngôn ngữ có ưu điểm nhược điểm riêng Vì vậy, tùy vào quy mô, tính chất Website mà bạn muốn lập kỹ lập trình thân để chọn cho ngôn ngữ lập trình hợp lý Bên cạnh đó, mã nguồn mở Joomla, NukeViet ngày đa dạng làm cho việc thiết kế Website trở nên dễ dàng hơn, tiết kiệm thời gian, thuận tiên hiệu Joomla hệ quản trị nội dung mã nguồn mở (tiếng Anh: Open Source Content Management Systems) Joomla viết ngôn ngữ PHP kết nối tới sở liệu MySQL, cho phép người sử dụng dễ dàng xuất nội dung họ lên Internet Intranet Dựa vào việc phân tích chức toán phần kiến thức PHP mà em học trường nên em chọn PHP làm ngôn ngữ lập trình kết nối với hệ quản trị sở liệu MySQL Sử dụng Joomla để thiết kế công cụ PhpMyAdmin để tương tác với CSDL 1.2 Giới thiệu PHP PHP(Hypertext Preprocessor) ngôn ngữ lập trình kịch hay loại mã lệnh chủ yếu dùng để phát triển ứng dụng viết cho máy chủ, mã nguồn mở, dùng cho mục đích tổng quát Nó thích hợp với Web dễ dàng nhúng vào trang HTML Do tối ưu hóa cho ứng dụng web, tốc độ nhanh, nhỏ gọn, cú pháp giống C Java, thời gian xây dựng sản phẩm tương đối ngắn so với ngôn ngữ khác nên PHP nhanh chóng trở thành ngôn ngữ lập trình Web phổ biến giới Cũng HTML, PHP có thẻ bắt đầu thẻ kết thúc PHP có cú pháp sau: Cách : Cú pháp Cách 2: Cú pháp ngắn gọn Cách 3: Cú pháp giống với ASP Cách 4: Cú pháp bắt đầu script Thẻ “” đánh đấu bắt đầu kết thúc phần mã PHP qua máy chủ biết để xử lý dịch mã cho Đây 10 3.2.2 Menu Bao gồm:  Trang chủ  Giới thiệu Bài viết tổng hợp nhà trường  Tin tức / kiện  Tổ chức o Ban giám hiệu o Đảng o Ban chấp hành công đoàn o Đoàn TNCS Hồ Chí Minh o Hội cựu chiến binh o Tổ Văn o Tổ Sử - Địa – GDCD o Tổ Ngoại Ngữ o Tổ Toán – Tin o Tổ Vật lý – Kỹ thuật o Tổ Hóa – Sinh – Công nghệ o Tổ Hành o Tổ TD - GDQP  Thông báo học sinh o Hoạt động học sinh 36 o Điểm thi định kỳ o Thời khóa biểu  Tài liệu học tập  Tin giáo dục – khoa học  Các hệ cán giáo viên  Các hệ học sinh  Tin nội 3.2.3 Module đăng nhập Hình 3.3: Giao diện Modul đăng nhập Người dùng đăng nhập vào hệ thống để đọc tin mật, nội nhà trường Tài khoản người quản trị cấp cho tự đăng ký Nếu người dùng quên mật lấy lại mật cách nhấn váo đường link: Quên mật Một thông báo ra: 37 Hình 3.4: Giao diện chức Quên mật Nhập email mà người quản trị đăng ký để tạo tài khoản cho bạn, chọn “chấp nhận” Email hệ thống gửi lại tài khoản mật vào mail bạn, bạn phải truy cập vào email để nhận lại mật 3.2.4 Module bình chọn Hình 3.5: Giao diện Modul bình chọn Thể đánh giá người dùng trang web 38 3.2.5 Module Thống kê ngƣời truy cập Cho biết: o Tổng số thành viên Website o Tổng số nội dung o Tổng số liên kết Web o Tổng số lần xem viết 3.2.6 Module Tìm kiếm Hình 3.6: Module tìm kiếm Cho phép người dùng tìm kiếm tin tức theo điều kiện Người dùng chọn điều kiện tìm kiếm như: Tìm theo tham số, tìm từ mục trước tìm kiếm loại thông tin định Chức tìm kiếm giúp người dùng tìm kiếm thông tin cách nhanh chóng, thuận tiện hiệu 39 3.2.7 Giao diện trang giới thiệu Hình 3.7: Giao diện trang Giới thiệu Giới thiệu thông tin khái quát trường như: Địa chỉ, điện thoại, lịch sử hình thành 40 3.2.8 Giao diện trang tin tức / kiện Hình 3.8: Giao diện trang Tin tức kiện 41 3.2.9 Giao diện trang Tin nội Hình 3.9: Giao diện trang Tin nội 42 KẾT LUẬN Kết đạt đƣợc chƣơng trình: Hệ thống xây dựng bao gồm nội dung hệ thống Website trường học Hệ thống giao tiếp với sở liệu tương đối hiệu quả, thuận tiện cho việc tìm kiếm thông tin cho người dùng, giao diện dễ gần, chức dễ sử dụng… Điều giúp cho công tác quản lý truyền thông ngày trở nên hiệu hơn, góp phần nâng cao, đẩy nhanh phát triển xã hội, thực ứng dụng tin học vào nhà trường Hạn chế chƣơng trình: Mặc dù cố gắng hệ thống số nhược điểm: Việc phân chia phân mục chưa hợp lý, chưa tạo môi trường cho học sinh giáo viên trao đổi thông tin, chia sẻ kinh nghiệm học tập đóng góp ý kiến giúp tiến Hƣớng phát triển: Hệ thống trước mắt sử dụng trường THPT, THCS tiểu học có quy mô nhỏ, lượng thông tin Sau hệ thống sửa chữa nâng cấp sử dụng trường có quy mô lớn đáp ứng nhiều nhu cầu sử dụng hơn, nhiều chức giúp ích cho trường học trao đổi thông tin cách thuận tiện hiểu 43 PHỤ LỤC: HƢỚNG DẪN CÀI ĐẶT Hƣớng dẫn cài đặt WampServer Đây chương trình webserver hay, bạn cần cài wampserver tự động cấu hình webserver php, mysql, apache ứng dụng phpmyadmin Tải phần mềm theo địa chỉ: http://www.wampserver.com/en/download.php Sau tải bạn tiến hành cài đặt theo hình minh họa bên 44 45 46 47 48 Hƣỡng dẫn sử dụng Sau cài đặt xong WampServer ta mở WampServer kích hoạt tất cấu hình - Copy chương trình vào ổ C:\Wamp\www - Mở trình duyệt Web gõ theo đường dẫn: http://localhost/phpmyadmin Sau import sở liệu vào MySQL - Mở trình duyệt Web gõ theo đường dẫn: http://localhost/hoanphp Website ra, bạn sử dụng trang web khác 49 TÀI LIỆU THAM KHẢO Nguyễn Văn Ba (2004), Phân tích thiết kế hệ thống thông tin, Nxb Đại học Quốc Gia Hà Nội, Hà Nội Đỗ Bá Lâm, Bài giảng Thiết kế Web, Trường Đại học Bách khoa Hà Nội, Hà Nội Thạc Bình Cường, Vũ Thị Hậu, Giáo trình thiết kế Web, Nxb Giáo Dục, Hà Nội http://www.nhatnghe.com http://www.joomla.org http://www.joomlart.com http://forum.joomla.org http://buaxua.vn http://www.phpvn.org 10.http://haiphongit.com 50 [...]... vài năm gần đây với sự phát triển của công nghệ thông tin, nhà trường đã đưa ứng dụng công nghệ thông tin vào việc giảng dạy, soạn các giáo án điện tử… Song vì trường THPT Quang Hà là một trong những trường THPT chưa có trang web riêng Vì thế nên cũng có nhiều bất cập, việc trao đổi các thông tin trong nhà trường chưa được thuận tiện Khi nhà trường có tin gì cần thông báo với học sinh thì phải trao đổi,... cần thiết phải có một website riêng của nhà trường để thuận tiện cho việc trao đổi các thông tin giữa thầy và trò trong trường, các thông tin được trực tiếp do người quản trị website của trường đăng lên vì thế thông tin sẽ đảm bảo được độ chính xác hơn, góp phần tao nên sự gắn kết giữa học sinh, giáo viên và nhà trường 21 2.2 Biểu đồ phân cấp chức năng của hệ thống Hệ thống Website trường học Quản trị... thành phần Tên các trường Kiểu dữ liệu Mô tả id int id name varchar Tên link varchar Liên kết menuid int Menuid parent int Thành phần cha admin_menu_link varchar Liên kết menu quản trị admin_menu_alt varchar Nhiệm vụ option varchar Loại thành phần ordering int Sắp xếp admin_menu_img varchar Ảnh menu quản trị params text Các thông số enabled tinyint Cho phép Bảng 3.5: Bảng thành phần 32 3.2 Thiêt kế. .. về nhà trường thì phải hỏi giáo viên, hoặc tra thông tin trên các trang báo mạng Vì thế thông tin không đảm bảo được tính chính xác 2.1.2 Đánh giá hiện trạng Từ thực trạng của trường ở trên, ta thấy việc trao đổi thông tin trong nhà trường chưa được thuận tiện, thông tin chưa đảm bảo được tính chính xác, dễ bị nhầm lẫn 2.1.3 Yêu cầu phát sinh hệ thống mới Từ thực trạng của trường, yêu cầu cần thiết. .. nhất Bình chọn Tìm kiếm Tin tức Đăng nhập Liên kết Website Các tin liên quan Hình ảnh Thống kê thành viên Thông tin bản quyền Hình 3.1: Cấu trúc Website 34 Giao diện Trang chủ Hình 3.2 : Giao diện Trang chủ 35 3.2.2 Menu chính Bao gồm:  Trang chủ  Giới thiệu Bài viết tổng hợp về nhà trường  Tin tức / sự kiện  Tổ chức o Ban giám hiệu o Đảng bộ o Ban chấp hành công đoàn o Đoàn TNCS Hồ Chí Minh o Hội... 2.2 Đăng thông tin Thông tin 2.1 Cập nhật thông tin Thông tin Dữ liệu bài viết Yêu cầu Thông tin Người dùng Hình 2.6: Biểu đồ BLD ở mức dưới đỉnh ở chức năng Quản lý nội dung 27 Chƣơng 3: THIẾT KẾ HỆ THỐNG 3.1 Thiết kế cơ sở dữ liệu Xây dựng các bảng dữ liệu: Để giải quyết yêu cầu đặt ra một cách hợp lý và hiệu quả thì cơ sở dữ liệu cần được tối ưu Muốn như vậy CSDL cần phải được chuẩn hoá để tránh dư... muốn đưa ra kết quả được lấy từ 1 hay nhiều bảng khác nhau, khi đó chúng ta phải kết nối các bảng với nhau bằng mệnh đề JOIN Khi sử dụng JOIN cần quan tâm đến trường/ cột nào trong bảng thứ nhất có quan hệ với trường (cột) nào trong bảng thứ hai Mệnh đề INNER JOIN Phát biểu SQL dạng SELECT sử dụng mệnh đề INNER JOIN thường để kết hợp hai hay nhiều bảng với nhau, cú pháp: SELECT [SELECT LIST] FROM... enabled tinyint Cho phép Bảng 3.5: Bảng thành phần 32 3.2 Thiêt kế hệ thống 3.2.1 Trang chủ của Website Trang chủ gồm hệ thống các menu ứng với từng chức năng Các chức năng khác sẽ được gọi ra từ đây Cấu trúc của trang chủ bao gồm:  Menu chính  Module Tìm kiếm  Module Liên kết Website  Module Thống kê thành viên  Module Bài viết mới nhất  Module Bài viết được xem nhiều nhất  Module Bình chọn ... liệu riêng rẽ bên trong phân nhóm dữ liệu Mẩu tin chứa các trường Mỗi trường thể hiện một bộ phận dữ liệu trong một mẩu tin 11 1.3.3 Chuẩn hóa cơ sở dữ liệu Chuẩn hóa cơ sở dữ liệu là một phương pháp khoa học để phân tách một bảng có cấu trúc phức tạp thành những bảng có cấu trúc đơn giản theo những quy luật đảm bảo không làm mất thông tin dữ liệu Kết quả là sẽ làm giảm bớt sự dư thừa và loại bỏ những... thêm cho Joomla! Phần back-end được truy cập thông qua đường dẫn: http://your_domain/administrator Template (Temp): Là khuôn dạng, kiểu mẫu, hình thức được thiết kế để trình bày nội dung của trang Web và có các vị trí định sẵn để tích hợp các bộ phận, thành phần của trang Web Joomla! cho phép cài đặt và thay đổi Temp cho Web Site hay cho từng trang Web khác nhau một cách dễ dàng Module (Mod): Là bộ phận ... vào nhà trường Phạm vi nghiên cứu Phạm vi đề tài thiết kế Website trường trung học phổ thông Ý nghĩa khoa học thực tiễn Website thiết kế để ứng dụng việc đưa thông tin trường THPT Quang Hà tới... mạnh trường chuyên nghiệp, trường phổ thông, trung học sở, tiểu học chưa áp dụng nhiều Vì toán đặt cần thiết có Website riêng cho trường học Ở khóa luận này, nghiên cứu toán Thiết kế Website Trường. .. HOÀN Sinh viên lớp: K34-CNTT, Trƣờng Đại Học Sƣ Phạm Hà Nội Tôi xin cam đoan: Đề tài Thiết kế Website Trường Trung học phổ thông Quang Hà kết nghiên cứu riêng tôi, hướng dẫn thầy giáo T.s TRỊNH