Báo cáo thực tập xây dựng website trường THPT

BỘ CÔNG THƯƠNG TRƯỜNG ĐẠI HỌC KINH TẾ KỸ THUẬT CÔNG NGHIỆP - BÁO CÁO THỰC TẬP CUỐI KHÓA ĐỀ TÀI: THIẾT KẾ WEBSITE QUẢN LÝ TRƯỜNG TRUNG HỌC PHỔ THÔNG THANH OAI A GIÁO VIÊN HƯỚNG DẪN: MAI MẠNH TRỪNG SINH VIÊN NHÓM: NHÓM LỚP: ĐHTIN8A1HN HÀ NỘI - NĂM 2018 BỘ CÔNG THƯƠNG TRƯỜNG ĐẠI HỌC KINH TẾ KỸ THUẬT CÔNG NGHIỆP - BÁO CÁO THỰC TẬP CUỐI KHÓA ĐỀ TÀI: THIẾT KẾ WEBSITE QUẢN LÝ TRƯỜNG TRUNG HỌC PHỔ THÔNG THANH OAI A GIÁO VIÊN HƯỚNG DẪN: MAI MẠNH TRỪNG SINH VIÊN NHÓM: NHÓM ĐỖ ĐÌNH MẠNH ( NHĨM TRƯỞNG) TRỊNH THỊ THƠ CHU THỊ THỦY LỚP: ĐHTIN8A1HN Hà Nội - Năm 2018 LỜI MỞ ĐẦU Ngày nay, sống kỷ nguyên tin học nhờ phát triển vượt bậc, bùng nổ mạnh mẽ công nghệ thông tin Công nghệ thông tin không dừng lại phục vụ cho khoa học kĩ thuật mà sâu vào đời sống, trị, kinh tế, xã hội, trở nên thân thiện, gần gũi, mang lại nhiều lượi ích cho người Cơng nghệ thơng tin ngày khẳng định tính hữu dụng sức mạnh phương diện, ngành nghề sống, thời đại kinh tế thị trường Đi kèm theo đó, hệ thống website phát triển không ngừng với đủ lĩnh vực: văn hóa, thời sự, khoa học cơng nghê, làm đẹp, nấu ăn, thể thao, ca nhạc, giáo dục, y tế Tuy nhiên để tạo trang web có sức sống bền lâu thân phải mang lại lợi ích cho nhiều người Giao diện bắt mắt yếu tố quan trọng để người dùng click chuột đến website bạn Nhưng yếu tố định giữ chân người dùng nội dung mà website cung cấp Trong học kỳ này, giúp đỡ thầy Mai Mạnh Trừng với kiến thức chúng em học, chúng em hoàn thành báo cáo thực tập cuối khóa với đề tài “ Thiết kế website quản lý Trường trung học phổ thông Thanh Oai A” Tuy nhiên, với tầm hiểu biết hạn hẹp, kiến thức thiết kế lập trình web chưa nhiều, kinh nghiệm viết ít, khơng tránh khỏi thiếu sót Rất mong góp ý thầy cô bạn để báo cáo chúng em hoàn thiện Chúng em trân trọng cảm ơn thầy cô! Hà Nội, ngày 28 tháng năm 2018 DANH MỤC CÁC TỪ VIẾT TẮT Từ viết tắt CGI Ý nghĩa Computer- generated imagery Dịch nghĩa CSDL DHTML Cơ sở liệu Dynamic Hyper Text Markup Language Cơng nghệ mơ hình ảnh máy tính Cơ sở liệu Ngơn ngữ đánh dấu siêu văn động HTML Hyper Text Markup Language Ngôn ngữ đánh dấu siêu văn Perl Practical Extraction and Report Language Ngôn ngữ kết xuất báo cáo thực dụng PHP Hypertext Preprocessor Ngơn ngữ lập trình kịch WWW World Wide Web Mạng lưới toàn cầu DANH MỤC CÁC BẢNG STT 10 11 12 13 Số hiệu bảng Bảng 2.1 Bảng 2.2 Bảng 2.3 Bảng 2.4 Bảng 2.5 Bảng 2.6 Bảng 2.7 Bảng 2.8 Bảng 2.9 Bảng 2.10 Bảng 2.11 Bảng 2.12 Bảng 2.13 Tên bảng Bảng quản lý Bảng giáo viên Bảng học sinh Bảng phụ huynh Bảng môn học Bảng lớp Bảng điểm chi tiết Bảng điểm Bảng điểm rèn luyện Bảng học kỳ Bảng giáo viên dạy lớp Bảng tin tức Bảng cate tin tức DANH MỤC CÁC HÌNH STT Số hiệu hình Tên hình 10 11 12 13 14 15 16 17 18 19 20 21 22 23 Hình 2.1 Hình 2.2 Hình 3.1 Hình 3.2 Hình 3.3 Hình 3.4 Hình 3.5 Hình 3.6 Hình 3.7 Hình 3.8 Hình 3.9 Hình 3.10 Hình 3.11 Hình 3.12 Hình 3.13 Hình 3.14 Hình 3.15 Hình 3.16 Hình 3.17 Hình 3.18 Hình 3.19 Hình 3.20 Hình 3.21 Biểu đồ phân cấp chức Biểu đồ mức ngữ cảnh Logo trường Trang chủ Giới thiệu trường Thông tin hoạt động nhà trường Thông tin liên hệ Đăng nhập Trang quản trị Admin Quản lí giáo viên Thêm giáo viên Quản lí học sinh Thêm thơng tin học sinh Quản lí mơn học Phân bổ lớp học Quản lí tin tức Quản lí thể loại tin tức Thêm tin tức Quản lí điểm rèn luyện Thơng tin lớp phụ trách Cập nhật điểm rèn luyện Xem điểm Trang xem điểm học sinh CHƯƠNG 1: TỔNG QUAN VỀ THIẾT KẾ WEBSITE 1.1- Tổng quan website, công nghệ phát triển web 1.1.1- Khái niệm Website Website tập hợp trang web (web pages) bao gồm văn bản, hình ảnh, video, flashv.v… thường nằm tên miền (domain name) tên miền phụ (subdomain) Trang web lưu trữ ( web hosting) máy chủ web (web server) truy cập thơng qua Internet Website đóng vai trò văn phòng hay cửa hàng mạng Internet – nơi giới thiệu thông tin doanh nghiệp, sản phẩm dịch vụ doanh nghiệp cung cấp… Có thể coi website mặt doanh nghiệp, nơi để đón tiếp giao dịch với khách hàng, đối tác Internet 1.1.2- Lịch sử hình thành 6/8/1991 ngày đáng nhớ thời điểm mã máy tính "non nớt" cho www đăng alt.hypertext để người tải tìm hiểu Cũng hôm công nghệ web giới biết đến Jeff Groff, người tham gia viết mã với Berners-Lee, cho biết ý tưởng tạo dựng web thực hình thành đơn giản: "Chúng tơi nghĩ người sử dụng không cần phải xoay sở với vấn đề kỹ thuật phức tạp" Web giống khăn trải giường với nhiệm vụ cố che phủ rắc rối liệu lưu hành Internet Paul Kunz, nhà khoa học thiết lập máy chủ web châu Âu vào tháng 12/1991, cho biết đầu thập niên 90, máy tính giống "ốc đảo" thơng tin Một lần đăng nhập truy cập tài nguyên hệ thống Chuyển sang máy tính khác đồng nghĩa với việc họ phải đăng nhập thêm lần phải sử dụng lệnh khác để truy xuất liệu Web lôi kéo ý Kunz ơng chứng kiến Berners-Lee trình diễn khả hoạt động web hệ thống IBM Sau đó, Kunz thiết lập máy chủ web, cho phép chuyên gia vật lý rà soát 200.000 liệu dễ dàng hết Tuy nhiên, dù nhà vật lý bị web quyến rũ, đa số người lại không nhận biết khả tiềm ẩm Kunz cho điều nhiều tổ chức thực ý tưởng tương tự Cơng nghệ tiếng Gopher Đại học Minnesota (Mỹ), với tham vọng hóa giải phức tạp máy tính kết nối Internet Gopher mắt vào mùa xuân năm 1991 lưu thông Gopher cao hẳn so với lưu thông web vài năm Dự án www thực thăng hoa chuyên gia Marc Andreessen thuộc Đại học Illinois (Mỹ) giới thiệu trình duyệt web máy tính vào tháng 4/1993 Trình duyệt Mosaic q thành cơng số tính coi quy ước công nghệ web ngày Cũng vào năm 1993, Đại học Minnesota thu phí Gopher khiến người ta bắt đầu phải tìm đến giải pháp thay Ngoài ra, theo Ed Vielmetti, nhà nghiên cứu thuộc Đại học Michigan, từ năm đầu, web chứng minh tính hữu ích với người sử dụng thơng thường Mọi người sử dụng trang web để tự bộc lộ mình, điều mà cơng nghệ khác khơng cho phép (hình thức blog) Cuối năm 1994, lưu thông web rốt vượt qua Gopher từ chưa bị tụt lại Hiện nay, gần 100 triệu website xuất người ta gần đồng công nghệ web với Net Kunz cho biết ý tưởng hình thành www để tạo điều kiện cho người vừa đọc vừa đóng góp nội dung Những cơng cụ site chia sẻ ảnh, mạng xã hội, blog, trang wiki dần hoàn thành lời hứa ban đầu nhóm chuyên gia phát triển web 1.1.3- Các yêu cầu tối thiểu trang web Để Website hoạt động cần có tên miền (domain), không gian lưu trữ máy chủ ( hosting) nội dung ( trang web) - Tên miền tên địa website, ví dụ www.dantri.com tên miền website hay địa để người xem dùng để truy cập vào website website thiết phải có tên miền có nhiều tên miền trỏ vào Có nhiều loại tên miền như: … www.abc.com: tên miền quốc tế ( net, biz, org, ) … www.abc.com.vn: tên miền quốc gia … www.abc.com/xyz/ ( xyz tên miền website abc) : tên miền phụ ( sub domain) … v vv - Lưu trữ website: Dữ liệu website phải lưu trữ máy tính ( máy chủ- server) hoạt động kết nối với Internet server lưu trữ nhiều website, server bị cố chảng hạn tắt thời điểm khơng truy cập website lưu trữ server thời điểm bị cố - Hosting : không gian ổ đĩa máy chủ server để lưu nội dung website nhằm làm cho truy cập vào nội dung lúc nào, nơi Máy chủ phải hoạt động 24/24 Một website định phải có hosting hoạt động 1.1.4- Web tĩnh Trang web tĩnh thường viết ngôn ngữ HTML, DHTML, Trang web tĩnh thường dùng để thiết kế trang web có nội dung cần truy cập thay đổi Website tĩnh website bao gồm trang web tĩnh sở liệu kèm Website tĩnh thường thích hợp với cá nhân, tổ chức, doanh nghiệp vừa nhỏ làm quen với môi trường internet * Ưu điểm: + Thiết kế đồ họa đẹp + Tốc độ truy cập nhanh + Thân thiện với máy tìm kiếm + Chi phí đầu tư thấp * Nhược điểm: + Khó khăn việc cập nhật thay đổi thơng tin + Thơng tin khơng có tính linh hoạt, thân thiện với người dùng + Khó tích hợp, nâng cấp, mở rộng 1.1.5- Web động Website động website có sở liệu, cung cấp công cụ quản lý website ( Admin Tool) Với web động, thông tin gọi từ sở liệu người dùng truy vấn đến trang web Trang web gửi tới trình duyệt gồm câu chữ, hình ảnh, âm hay liệu số dạng bảng nhiều dạng khác Web động thường phát triển ngôn ngữ tiên tiến PHP, ASP, ASP.NET, Java, sử dụng sở liệu quan hệ mạnh Access, My SQL, MS SQL, Thông tin web động ln dễ dàng cập nhật thường xuyên qua việc sử dụng công cụ cập nhật phần mềm quản trị web Web động có tính tương tác với người dùng cao Tất trang web thương mại điện tử, mạng thông tin lớn, website tổ chức, doanh nghiệp hoạt động chuyên nghiệp Net sử dụng web động 1.1.6 - Thiết kế web 1.1.6.1- Khái quát chung Bước công đoạn thiết kế website phải có định chắn việc xuất với website Tránh việc website trở nên lan man, sa lầy vào mục tiêu không rõ ràng Trước xây dựng website nên: + Xác định đối tượng người sử dụng website +Website có mục đích rõ ràng +Thiết lập chủ đề website +Thiết kế khối thông tin chủ yếu mà website cung cấp 1.1.6.2- Các bước để thiết kế trang web Bước 1: Phân tích người dùng tự đánh giá - Lớp: Bảng 2.6- Bảng lớp Tên cột id tenlop Kiểu giá trị int (10) varchar (255) - Điểm chi tiết: Bảng 2.7- Bảng điểm chi tiết Tên cột id id_diem diemmieng diem15p diem1tiet diem1tiet2 diemhocky diemtb Kiểu giá trị int (10) float float float float float float float - Điểm: Bảng 2.8- Bảng điểm Tên cột id id_monhoc id_hocky id_hocsinh Kiểu giá trị int (10) int (10) int (10) int (10) - Điểm rèn luyện: Bảng 2.9- Bảng điểm rèn luyện Tên cột id id_hocky id_hocsinh diem Kiểu liệu int (10) int (10) int (10) float - Học kỳ: Bảng 2.10- Bảng học kỳ Tên cột id tenhocky Kiểu liệu int (10) varchar (191) - Giáo viên dạy lớp: Bảng 2.11- Bảng giáo viên dạy lớp Tên cột id id_giaovien id_lop Kiểu liệu int (10) int (10) int (10) - Tin tức: Bảng 2.12- Bảng tin tức Tên cột id ten noidung ic_cate Kiểu liệu int (11) text text int (11) - Cate tin tức: Bảng 2.13- Bảng cate tin tức Tên cột id danhmuc Kiểu liệu int (11) text CHƯƠNG 3: THIẾT KẾ GIAO DIỆN WEBSITE - Logo: Hình 3.1- Logo trường - Trang chủ: Hình 3.2- Trang chủ - Giới thiệu trường chung nhà trường: Hình 3.3- Giới thiệu trường - Các hoạt động nhà trường: Hình 3.4- Thơng tin hoạt động nhà trường - Thông tin liên hệ: Hình 3.5- Thơng tin liên hệ - Đăng nhập: Hình 3.6- Đăng nhập - Trang quản lí Admin: Hình 3.7 - Trang quản trị Admin - Quản lí danh sách giáo viên: Hình 3.8- Quản lí giáo viên -Thêm giáo viên: Hình 3.9- Thêm giáo viên - Quản lí danh sách học sinh: Hình 3.10- Quản lí học sinh - Thêm thơng tin học sinh: Hình 3.11- Thêm thơng tin học sinh - Quản lí thơng tin mơn học: Hình 3.12- Quản lí mơn học - Phân bổ lớp học: Hình 3.13- Phân bổ lớp học - Quản lí tin tức nhà trường: Hình 3.14- Quản lí tin tức - Quản lí thể loại tin tức: Hình 3.15- Quản lí thể loại tin tức - Thêm tin tức: Hình 3.16- Thêm tin tức - Quản lí điểm rèn luyện: Hình 3.17- Quản lí điểm rèn luyện - Giáo viên xem thơng tin lớp học phụ trách: Hình 3.18- Thơng tin lớp phụ trách - Giáo viên cập nhật điểm rèn luyện cho học sinh: Hình 3.19- Cập nhật điểm rèn luyện - Giáo viên xem điểm học sinh: Hình 3.20- Xem điểm - Học sinh vào xem điểm mình: Hình 3.21- Trang xem điểm học sinh CHƯƠNG 4: KẾT LUẬN 4.1- Kết đạt - Vận dụng kiến thức học vào thực tiễn - Xây dựng Website mà quản lý thông tin giáo viên, học sinh, điểm, lớp, môn học tin tức nhà trường 4.2- Hạn chế - Các chức thô sơ - Chưa chạy thiết bị di động điện thoại mà chạy máy tính 4.3- Hướng phát triển - Tăng tính hiệu - Tăng tính ổn định bảo mật Website - Có thể chạy nhiều thiết bị thơng minh