Thiết kế giao diện người dùng

Một phần của tài liệu Xây dựng website Trung tâm hỗ trợ sinh viên và quan hệ doanh nghiệp. (Trang 35)

3.2.1 Danh sách các tập tin php

STT TÊN TẬP TIN GHI CHÚ

1 config.php Kết nối cơ sở dữ liệu

2 index.php Trang chủ

3 chitiettin.php Hiển thị nội dung chi tiết một tin 4 menu.php Hiển thị các danh mục trong menu

5 right.php Hiển thị các danh mục trong cột phải của trang chủ 6 searchform.php Giao diện form tìm kiếm

7 slideshow.php Slide show ảnh.

8 tinmoi.php Hiển thị tin mới cập nhật thuộc thể loại tin tức. 9 tinmoi1.php Hiển thị tin mới cập nhật thuộc thể loại thông báo 10 tinmoi2.php Hiển thị tin mới cập nhật thuộc thể loại đào tạo.

SVTH: Nguyễn Khánh Hoàng - Lớp 08SPT Trang 32

11 tinmoi3.php Hiển thị tin mới cập nhật thuộc mục hỗ trợ 12 tintrongloai.php Xử lý và hiện thị các tin trong một loại. 13 xulydangky.php Xử lý và cập nhật đăng ký khóa học

14 xulydanhsach.php Xử lý và hiển thị danh sách của một loại khóa học. 15 dangkykhoahoc.php Hiển thị form đăng ký các khóa học

16 danhsach.php Hiển thị bảng danh sách học viên các khóa 17 vieclam.php Hiển thị form tìm kiếm việc làm

18 dangkyvieclam.php Hiển thị form đăng ký việc làm 19 xulydangkyvieclam.php Xử lý đăng ký việc làm

20 xulytimkiemvieclam.php Xử lý tìm kiếm việc làm 21 chitietvieclam.php Hiển thị chi tiết một việc làm 22 chitietnhatro.php Hiển thị chi tiết nhà trọ 23 xulytimkiemnhatro.php Xử lý tìm kiếm nhà trọ

24 nhatro.php Hiển thị form tim kiếm nhà trọ 25 kqtimkiem.php Hiển thị kết quả tìm kiếm tin tức

SVTH: Nguyễn Khánh Hoàng - Lớp 08SPT Trang 33

3.2.2 Lược đồ cấu trúc liên kết giữa các trang xử lý

Trang chủ (Index.php)

Diễn đàn (forum.php )

call

Xem danh sách các khóa học (danhsach.php)

Hiển thị danh sách một loại khóa học (xulydanhsach.php)

call

call

Mục đăng ký các khóa học tại trung tâm (dangkykhoahoc.php)

Xử lý và cập nhật vào cơ sỡ dữ liệu (xulydangky.php)

call

call

Kết quả tìm kiếm tin tức (kqtimkiem.php)

call

Xem các tin trong một loại (tintrongloai.php)

Hiển thị chi tiết một tin (chitiettin.php)

call

call

Tìm kiếm nhà trọ (nhatro.php)

Xem chi tiết nhà trọ (chitietnhatro.php) call call call call Tìm kiếm việc làm (vieclam.php)

Thông tin việc làm (xulytimkiemvieclam.php)

Chi tiết việc làm (chitietvieclam.php)

call Đăng ký việc làm

(dangkyvieclam.php)

SVTH: Nguyễn Khánh Hoàng - Lớp 08SPT Trang 34

3.3 Một số giao diện chính của trang người dùng - Trang chủ - Trang chủ

Đây là giao diện chính của website khi người dùng truy cập.

Tại đây người dùng có thể xem tin tức, thông báo, các dịch vụ hỗ trợ, đăng ký các khóa học, truy cập đăng ký thành viên trong diễn đàn,…

SVTH: Nguyễn Khánh Hoàng - Lớp 08SPT Trang 35

-Trang xem tin tức, thông báo chi tiết

SVTH: Nguyễn Khánh Hoàng - Lớp 08SPT Trang 36

- Trang xem danh sách học viên đăng ký học

SVTH: Nguyễn Khánh Hoàng - Lớp 08SPT Trang 37

- Trang tìm kiếm việc làm

SVTH: Nguyễn Khánh Hoàng - Lớp 08SPT Trang 38

3.4 Thiết kế giao diện trang quản trị 3.4.1 Danh sách các tập tin php 3.4.1 Danh sách các tập tin php

STT TÊN TẬP TIN GHI CHÚ

1 dangnhap.php Form đăng nhập trang quản trị 2 forgot_password.php Lỗi quên password quản trị

3 index.php Trang chủ

4 listhocvien.php Danh sách học viên 5 listkhoahoc.php Danh sách khóa học

6 menu.php Menu

7 listlichhoc.php Danh sách lịch học 8 listloaikhoahoc.php Danh sách loại khóa học 9 listloaitin.php Danh sách loại tin

10 listtheloai.php Danh sách thể loại 11 listtin.php Danh các bản tin

12 listuser.php Danh sách thành viên quản trị 13 mothocvien.php Trang xử lý danh sách học viên 14 motkhoahoc.php Trang xử lý các khóa học 15 motlichhoc.php Trang xử lý các lịch học 16 motloaikhoahoc.php Trang xử lý các loại khóa học 17 motloaitin.php Trang xử lý các loại tin 18 mottheloai.php Trang xử lý các thể loại tin 19 mottin.php Trang xử lý tin chi tiết

SVTH: Nguyễn Khánh Hoàng - Lớp 08SPT Trang 39

3.4.2 Lược đồ cấu trúc liên kết giữa các trang xử lý

call cal l call call call Index.php Tổng hợp tin tức

(listtin.php) Loại tin (listloaitin.php) Thể loại tin (listtheloai.php) Khóa học (listkhoahoc.php) Lịch học (listlichhoc.php) Học viên (listhocvien.php) Lọai khóa học (listloaikhoahoc.php)

Loại hình công việc (listvieclam.php) Thông tin nhà trọ (litsthongtinnhatro.php) Thành viên (listuser.php) Công việc (listloaivieclam) Thông tin việc làm (listthongtinvieclam.php) Đăng ký việc làm (listdangkyvieclam.php) Loại hình nhà trọ (litsnhatro.php) call call call call call call call call call

SVTH: Nguyễn Khánh Hoàng - Lớp 08SPT Trang 40

3.4.3 Một số giao diện chính của trang quản trị - Trang chủ

Đây là giao diện chính của trang quản trị khi Admin truy cập.

Tại đây Admin có thể chỉnh, sữa, thêm, xóa các bài viết tùy theo từng mục khác nhau như: tin tức, thông báo, các dịch vụ hỗ trợ, các khóa học, danh sách đăng ký các khóa học, việc làm, danh sách đăng ký việc làm, nhà trọ, truy cập đăng ký thành viên trong diễn đàn,…

SVTH: Nguyễn Khánh Hoàng - Lớp 08SPT Trang 41

SVTH: Nguyễn Khánh Hoàng - Lớp 08SPT Trang 42

-Trang quản lý cập nhật các thể loại tin: Chỉnh sửa, thêm thể loại tin

SVTH: Nguyễn Khánh Hoàng - Lớp 08SPT Trang 43

- Trang quản lý các khóa học

SVTH: Nguyễn Khánh Hoàng - Lớp 08SPT Trang 44

- Trang quản lý danh sách học viên

SVTH: Nguyễn Khánh Hoàng - Lớp 08SPT Trang 45

-Trang quản lý các loại hình công việc

SVTH: Nguyễn Khánh Hoàng - Lớp 08SPT Trang 46

- Trang quản lý cập nhật chi tiết một việc làm

SVTH: Nguyễn Khánh Hoàng - Lớp 08SPT Trang 47

-Trang quản lý cập nhật các loại hình nhà trọ

SVTH: Nguyễn Khánh Hoàng - Lớp 08SPT Trang 48

KẾT LUẬN 1. Kết quả đạt được

- Hiểu sâu hơn về ngôn ngữ lập trình PHP, JavaScript, ngôn ngữ định dạng CSS và vận dụng thành thạo công cụ hỗ trợ Develop Toolbox vào việc lập trình web trên phần mềm Adobe Dreamwearver.

- Chương trình đã hoàn thành đúng các mục tiêu, phạm vi nghiên cứu và nhiệm vụ đặt ra

- Đáp ứng được nhu cầu đăng ký các khóa học, đăng ký tìm việc làm, nhà trọ cho người dùng có nhu cầu

- Góp phần tốt hơn vào việc quảng bá hình ảnh của Trung tâm đến với doanh nghiệp cũng như sinh viên

2. Hạn chế

- Giao diện chưa đẹp, tài nguyên của website chưa phong phú - Chức năng còn hạn chế, khó mở rộng

- Chưa tách biệt giữa khâu xử lý và trình bày - Chương tình chỉ mới chạy thử trên máy đơn

3. Hướng phát triển đề tài

- Khắc phục những hạn chế nêu trên trên

- Cho phép các doanh nghiệp có nhu cầu có thể trực tiếp đưa tin lên web - Cho phép học viên đăng ký các khóa học và nộp học phí trực tiếp qua mạng

Với những kết quả đạt được mong rằng đề tài sớm được đưa vào sử dụng góp phần giúp việc quản lý của Trung tâm thuận lợi, hiệu quả hơn và quảng bá hình ảnh của Trung tâm cũng như trường Đại học Sư phạm Đà Nẵng

SVTH: Nguyễn Khánh Hoàng - Lớp 08SPT Trang 49

TÀI LIỆU THAM KHẢO

Tiếng việt

[1]. Ban điều hành đề án 112 (2001-2010). Giáo trình phân tích, thiết kế, xây dựng, quản lý các hệ thống thông tin. Nhà xuất bản Tư pháp

[2]. Hoàng Anh Quang – Phạm Thành Đông (2007). Tự học thiết kế HTML. Nhà xuất bản Văn hóa Thông tin

[3]. Ngô Đình Thưởng. Giáo trình phân tích và thiết kế website. Đại học Sư phạm Đà Nẵng Website [4]. www.w3school.com [5]. www.phananhhuy.vn [6]. www.hotrosinhvien.vn [7]. http://www.izwebz.com [8]. http://www.thietkewebtop.com [9]. http://vi.wikipedia.org

Một phần của tài liệu Xây dựng website Trung tâm hỗ trợ sinh viên và quan hệ doanh nghiệp. (Trang 35)