Báo cáo Lập trình Web

Nội dung text: Báo cáo Lập trình Web

1. Báo cáo lập trình Web GVHD: Trần Anh Khoa Chương 1: MỞ ĐẦU 1.1 Lý do chọn đề tài Công nghệ thông tin ngày càng phát triển, các vấn đề đời sống, xã hội đều được đưa ra bàn bạc giải quyết thông qua internet. Ứng dụng công nghệ thông tin vào quản lý, ngày càng trở nên cần thiết trong nhiều lĩnh vực như: kinh tế, văn hoá, thế thao và đặc biệt là trong ngành giáo dục Trong những năm gần đây các trang web quản lí giáo dục phục vụ cho nhu cầu học tập ngày càng phổ biến và thu được nhiều thành quả. Đối với một trường Cao Đẳng việc thiết kế trang Web phục vụ quản lí và học tập là điều không thể thiếu, bạn có thể xem điểm ,cập nhật thời khoá biểu hay là xem thông tin hoạt động của khoa hoặc phục vụ cho những nhu cầu nhất định, điều đó rất có lợi cho sinh viên ,giảng viên Trong môi trường học tập và nghiên cứu của sinh viên, thầy cô giáo tại trường cao đẳng, việc có 1 website để trao đổi, làm công cụ liên lạc, phương tiện học tập lại càng là vấn đề cần thiết. Các tin tức, dự án, phần mềm hữu dụng trên thế giới luôn luôn được phát minh từng giờ, từng phút và vì vậy, việc cập nhật thông tin, trao đổi về các sự kiện phần mềm trong nước và quốc tế mang lại cho thầy và trò của khoa những lợi ích nhất định. Vì thế nhóm em chọn thiết kế trang web giới thiệu về khoa công nghệ thông tin. 1.2 Mục đích Để giới thiệu đến các bạn về khoa công nghệ thông tin. Qua đó mọi người cũng có thể thu thập tin tức cũng như các tài liệu nhằm phục vụ cho việc học tập được tốt hơn. Mặt khác, mỗi khoa cũng cần phải có mỗi wesite riêng để tiện liên lạc giữa giáo viên và sinh viên hoặc sinh viên với sinh viên vì thế việc có web site giới thiệu khoa công nghệ thông tin là cần thiết vì phải nó góp phần làm công việc quản lý trong bộ môn dễ dàng hơn ( ví dụ trong quản lý điểm - việc đưa điểm lên mạng của thầy cô, quản lý cơ sở dữ liệu về điểm, trong khi với web khoa chưa có tìm kiếm SVTH: Nguyễn Văn Tấn – Thiều Quốc Trung Trang 1
2. Báo cáo lập trình Web GVHD: Trần Anh Khoa điểm theo lớp, việc lên điểm còn chậm vì phải thông qua phòng đào tạo, với web bộ môn có thể cho phép thầy cô có thể dễ dàng đưa điểm, xóa sửa. Với web của trường vì csdl là quá lớn nên không thể xem điểm của những sinh viên đã tốt nghiệp thì có thể xem trong web side bộ môn). 1.3 Phạm vi nghiên cứu: Chỉ giới thiệu về khoa công nghệ thông tin của trường Cao Đằng Công Thương TP Hồ Chí Minh. Chương 2: TỔNG QUAN Đề tài được mô hình theo mô hình website giới thiệu khoa công nghệ thông tin, trong đó dịch vụ chính của khoa là cung cấp các thông tin cũng như tài liệu cho các sinh viên. Trang web gồm có 2 phần chính: 2.1 Phần dành cho người dùng: Dùng để hiển thị các thông tin mà người dùng có thể thấy được. Các nội dung mà người dùng cấn biết và có thể douwnload các tài liệu hoặc phần mềm có trong trang web để hộ trợ cho việc học tập. Gồm có các trang như giới thiệu khoa (nhiệm vụ và chương trình đào tạo), Tìm kiếm (kết quả học tập và thời khóa biểu), Đăng ký thành viên, Sinh viên( quyền lợi sinh viên), Tài liệu tham khảo( tài liệu học và phần mềm), Đoàn thanh niên (Giới thiệu sơ lược về đoàn thanh niên), Hình ảnh(các hình ảnh của lớp), Các site liên kết (các trường đại học lân cận). 2.2 Phần dành cho nhà quản trị: Người quản trị có quyền hiệu chình các mục của trang web, có quyền thêm, xóa, sửa dữ liệu và cập nhật các thông tin các user đã đăng ký. Gồm các mục: Hiệu chỉnh trang nhiệm vụ, hiệu chỉnh trang chương trình đào tạo, , thay đổi mật khẩu người quản trị, xóa một user thành viên, backup, restore cơ sở dữ liệu. SVTH: Nguyễn Văn Tấn – Thiều Quốc Trung Trang 2
3. Báo cáo lập trình Web GVHD: Trần Anh Khoa Chương 3: Thiết kế và cài đặt trang web 3.1 Sơ đồ hoạt động và cách tổ chức cơ sở dữ liệu: 3.1.1 Sơ đồ hoạt động của trang web Dưới đây là sơ đồ hoạt động của trang web khi người dùng cũng như người quản trị dùng đến Trang chủ Quản trị Giới thiệu khoa Các trang hiệu chỉnh Đăng ký và xử lý Tìm kiếm Data Người dùng Sinh viên Tài liệu tham khảo Đoàn thanh niên Hình ảnh Các site liên kết SVTH: Nguyễn Văn Tấn – Thiều Quốc Trung Trang 3
4. Báo cáo lập trình Web GVHD: Trần Anh Khoa Diễn giải: Người dùng có thể vào Trang chủ, giới thiệu khoa, đăng ký, tìm kiếm. sinh viên, tài liệu tham khảo, đoàn thanh niên, hình ảnh, các site liên kết ( kí hiệu: ). Người quản trị có thể xử lý các thông tin (thêm, xóa, sửa) và đưa vào Data. Khi người dùng đăng kí thì thông tin sẽ vào Data . Các trang web có dấu mũi tên là các trang lấy thông tin ra từ Data. o Các mục nhỏ: Giới thiệu khoa Nhiệm vụ Chương trình đào tạo Từ mục giới thiệu khoa có hai trang là nhiệm vụ và chương trình đào tạo. Tìm kiếm Kết quả Thời khóa học tập biểu Từ mục tìm kiếm có hai trang là kết quả tìm kiếm và thời khóa biểu. Tài liệu tham khảo Tài liệu Phần mềm học Từ mục tài liệu tham khảo có hai trang là tài liệu học và phần mềm. 3.1.2 Tổ chức cơ sở dữ liệu o Bảng User: SVTH: Nguyễn Văn Tấn – Thiều Quốc Trung Trang 4
5. Báo cáo lập trình Web GVHD: Trần Anh Khoa Bảng 1 o Bảng Giáo viên Bảng 2 o Bảng Sinh viên Bảng 3 o Bảng Điểm chuẩn năm 2006 – 2007- 2008 SVTH: Nguyễn Văn Tấn – Thiều Quốc Trung Trang 5
6. Báo cáo lập trình Web GVHD: Trần Anh Khoa Bảng 4 o Bảng Chương trình đào tạo Bảng 5 o Bảng Menu Bảng 6 o Bảng thời khóa biểu: Bảng 7 o Các bảng khác tương tự bảng chương trình đào tạo SVTH: Nguyễn Văn Tấn – Thiều Quốc Trung Trang 6
7. Báo cáo lập trình Web GVHD: Trần Anh Khoa 3.2 Giao diện, chức năng của từng trang web 3.2.1 Trang người dùng o Trang chủ Hình 1 SVTH: Nguyễn Văn Tấn – Thiều Quốc Trung Trang 7
8. Báo cáo lập trình Web GVHD: Trần Anh Khoa o Trang nhiệm vụ: o Hình 2  Chức năng: Trang nhiệm vụ chỉ có một chức năng cho người dùng xem thông tin về nhiệm vụ của khoa công nghệ thông tin. SVTH: Nguyễn Văn Tấn – Thiều Quốc Trung Trang 8
9. Báo cáo lập trình Web GVHD: Trần Anh Khoa o Trang tìm kiếm kết quả học tập: Hình 3  Chức năng: Trang này có chức năng cho người dùng tìm kiếm kết quả học tập của từng sinh viên. Chỉ cần người dùng nhập MSSV và nhấn nút Tìm thì kết quả sẽ tìm thấy như hình dưới đây. SVTH: Nguyễn Văn Tấn – Thiều Quốc Trung Trang 9
10. Báo cáo lập trình Web GVHD: Trần Anh Khoa Hình 4 o Trang Đội ngũ cán bộ giáo viên: Hình 5 SVTH: Nguyễn Văn Tấn – Thiều Quốc Trung Trang 10
11. Báo cáo lập trình Web GVHD: Trần Anh Khoa  Chức năng : Trang chỉ hiển thị danh sách các giảng viên khoa công nghệ thông tin và thông tin về phương thức tổ chức giảng dạy. o Trang sinh viên tương tự như trang nhiệm vụ: o Trang đăng ký: Hình 6  Chức năng: Cho phép người dùng đăng ký để trở thành thành viên của trang web thì mới có thể download các tài liệu hoc hoặc phần mềm, thời khóa biểu. SVTH: Nguyễn Văn Tấn – Thiều Quốc Trung Trang 11
12. Báo cáo lập trình Web GVHD: Trần Anh Khoa o Trang tài liệu học: Trước khi vào download thì người dùng phải đăng ký trước để có một tài khoản rồi nhập vào username và password thì đương link mới hiện ra. Hình 7  Chức năng: Cho phép các thành viên của trang web đăng nhập vào để có thể download tài liệu hoặc phần mềm như hình dưới: SVTH: Nguyễn Văn Tấn – Thiều Quốc Trung Trang 12
13. Báo cáo lập trình Web GVHD: Trần Anh Khoa Hình 8 o Trang thời khóa biểu: Hình 9 SVTH: Nguyễn Văn Tấn – Thiều Quốc Trung Trang 13
14. Báo cáo lập trình Web GVHD: Trần Anh Khoa  Chức năng: Khi người dùng nhấn vào một trong ba thời khóa biểu thì sẽ hiển thị form đăng nhập để người dùng nhập vào rồi mới download được. Nếu bạn nhập sai username hoặc password thì hệ thống sẽ báo lỗi nếu nhập đúng thì mới download được. . Hình 10 o Trang hình ảnh: chỉ hiện thị hình ảnh của lớp : o Trang các site liên kết: khi người dùng nhấp vào một trường đại học nào thì nó sẽ link đến trang web của trường đó SVTH: Nguyễn Văn Tấn – Thiều Quốc Trung Trang 14
15. Báo cáo lập trình Web GVHD: Trần Anh Khoa Hình 11 o Menu tìm kiếm trên mạng và upload file : chỉ link tới trang google.com và trang mediafire.com. o Trang web còn cho phép xem điểm chuẩn các năm trước của trường. Hình 12 SVTH: Nguyễn Văn Tấn – Thiều Quốc Trung Trang 15
16. Báo cáo lập trình Web GVHD: Trần Anh Khoa 3.2.2 Trang quản trị: Muốn vào được trang quản trị thì phải có mật khẩu đăng nhập vào mới vào được. Trang này chỉ dành riêng cho lập trình viên. Chỉ có Admin mới vào được. Người quản trị là người có quyền cao nhất trong trang web. Admin có thể chình sửa, xóa một user nào hoặc chỉnh sửa văn bản các thông tin: Giao diện trang quản trị : Hình 13 SVTH: Nguyễn Văn Tấn – Thiều Quốc Trung Trang 16
17. Báo cáo lập trình Web GVHD: Trần Anh Khoa o Các trang chỉnh sửa tương tự nhau chỉ có một vài trang có cơ chế làm việc khác. Hình 14  Chức năng: Khi admin chỉnh sửa văn bản đã có trong khung chính là đoạn thông tin ở ngoài trang người dùng rồi nhấn nút gửi đi thì văn bản sẽ được đưa vào Cơ sở dữ liệu và từ CSDL load ra ngoài trang người dùng. SVTH: Nguyễn Văn Tấn – Thiều Quốc Trung Trang 17
18. Báo cáo lập trình Web GVHD: Trần Anh Khoa o Trang hiệu chỉnh giáo viên:  Hình 15  Chức năng: Cho phép người quản trị thêm , xóa, sửa một hoặc nhiều giáo viên. Người quản trị muốn thêm một giáo viên thì phải nhập đầy đủ mã giáo viên, họ tên, trình độ rồi nhấn nút gửi. Khi có hộp thoại thông báo đã gửi thành công thì trong CSDL sẽ hiển thị giáo viên vừa được thêm. Muốn xóa giáo viên chỉ cần chon mã giáo viên rồi nhấn gửi đi. Muốn sửa một giáo viên phải chọn mã giao viên rồi nhấn nút chấp nhận thì hộp thoại sẽ hiện ra cho phép admin chỉnh sửa rồi ấn nút gửi đi, khi thông báo đã gửi thành công thì mới hoàn thành. SVTH: Nguyễn Văn Tấn – Thiều Quốc Trung Trang 18
19. Báo cáo lập trình Web GVHD: Trần Anh Khoa  Hình 16  Hình 17 SVTH: Nguyễn Văn Tấn – Thiều Quốc Trung Trang 19
20. Báo cáo lập trình Web GVHD: Trần Anh Khoa o Trang thay đổi mật khẩu Hình 18  Chức năng: Thay đổi mật khẩu cùa người quản trị. Đầu tiên cần phải nhập đầy đủ các mục nếu nhập sai một mục thì hệ thống sẽ thông báo lỗi. Nếu đầy nhập đầy đủ và nhấn nút thay đổi mật khẩu thì hệ thống sẽ thông báo mật khẩu dã được thay dổi thành công. Nếu bạn chưa nhập thì hệ thống sẽ nhắc người quản trị cần nhập vào. Xem hình dưới SVTH: Nguyễn Văn Tấn – Thiều Quốc Trung Trang 20
21. Báo cáo lập trình Web GVHD: Trần Anh Khoa Hình 19 o Trang xóa user thành viên: Hình 20 SVTH: Nguyễn Văn Tấn – Thiều Quốc Trung Trang 21
22. Báo cáo lập trình Web GVHD: Trần Anh Khoa  Chức năng: Loại bỏ một thành viên của trang web. Nếu thành viên không còn lướt trang web này hoặc vì lý do gì đó mà thành viên cần phải thay đổi tài khoản thì người quản trị có thể xóa. Chỉ cần chọn username thành viên cần xóa rồi nhấn nút gửi đi. o Trang backup cơ sở dữ liệu: Hình 21  Chức năng : Backup tất cả cơ sở dữ liệu đã có trong trang web. Khi nhấn nút backup hệ thống thông báo bắt đầu backup. Rồi chương trình sẽ chạy như hình bên dưới. khi đó tất cả các dữ liệu sẽ được lưu vào một file nhất định tên backup nằm chung với folder trang web. Lưu ý: Chỉ backup được khi người quản trị chạy trên Wampserver và copy toan bộ file vào WWW. SVTH: Nguyễn Văn Tấn – Thiều Quốc Trung Trang 22
23. Báo cáo lập trình Web GVHD: Trần Anh Khoa Hình 22 o Trang restore cơ sở dữ liệu chuẩn: chức năng tương tự như trang backup chỉ lấy cơ sở dữ liệu từ folder backup vào myphpadmin. Hình 23 SVTH: Nguyễn Văn Tấn – Thiều Quốc Trung Trang 23
24. Báo cáo lập trình Web GVHD: Trần Anh Khoa o Trang cập nhật thời khóa biểu: Trang này gồm hai chức năng chính: thêm thời khóa biểu mới và xóa thời khóa biểu cũ (nếu cần). Khi ta thêm một thời khóa biểu mới, ta phải nhập tên thời khóa biểu và đương link để download thời kkoas biểu đó. Khi đã đủ thông tin thêm thì ta nhấn nút thêm, trang thời khóa biểu sẽ load lại cơ sở dữ liệu và tự cập nhật lại đường link . Chức năng xóa thì đơn giản, chỉ cần người quản trị chọn tên thời khóa biểu cần xóa rồi nhấn nút xóa, khi đó tên thời khóa biểu cùng với đường link sẽ mất theo. o Trang hiệu chỉnh tài liệu và hiệu chỉnh phần mềm tương tự như trang cập nhật thời khóa biểu. SVTH: Nguyễn Văn Tấn – Thiều Quốc Trung Trang 24
25. Báo cáo lập trình Web GVHD: Trần Anh Khoa KẾT LUẬN Trang web giới thiệu khoa công nghệ thông tin phần lớn đã hoàn thành nhưng vẫn còn những lỗi thiếu sót do chưa nắm bắt kỹ thuật cũng như cơ chế nên vẫn chũa được hoàn chỉnh lắm . Hơn thế nữa vẫn còn mắc một số vấn đề như font chữ trong cơ sở dữ liệu còn bị lỗi. Do dữ liệu còn nhiều thiếu thốn nên việc cập nhật vào trang web còn nhiều thiếu sót, mong thầy thông cảm. SVTH: Nguyễn Văn Tấn – Thiều Quốc Trung Trang 25
26. Báo cáo lập trình Web GVHD: Trần Anh Khoa TÀI LIỆU THAM KHẢO o Code VD của thầy. o Tìm kiếm trên google.com.vn SVTH: Nguyễn Văn Tấn – Thiều Quốc Trung Trang 26