Luận Văn 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 q 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 hồ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 hồn thành khóa luận tốt nghiệp LỜI CAM ĐOAN Tên tơi là: NGUYỄN THỊ HỒ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 hồn tồ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, tơi xin hồn tồ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 tố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 cịn 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 tố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, cịn trường phổ thơng, trung học sở, tiểu học chưa áp dụng nhiều Vì tốn đặt cần thiết có Website riêng cho trường học Ở khóa luận này, tơi 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 tố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 đồn 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 qn mật lấy lại mật cách nhấn váo đường link: Qn 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à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, cịn trường phổ thơng, trung học sở, tiểu học chưa áp dụng nhiều Vì tốn đặt cần thiết có Website riêng cho trường học Ở khóa luận này, tơi nghiên cứu toán ? ?Thiết kế Website. .. HỒ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