1/ Cài localhost:
Giả lập máy tính thành một máy chủ web, máy tính khi được giả lập máy chủ web sẽ được gọi là: localhost. Trong phần này ta sẽ ta không dùng gói Xampp nữa mà sẽ tự cài đặt cấu hình Apache, PHP, MySQL như chương III để giả lập máy chủ chạy ứng dụng.
2/ Thiết kế trang chính:
Trong phần quản lý file ta đi xây dựng các component như là: Giảng dạy, Nghiên cứu, Xuất bản, Đồ án, Đơn vị liên kết, Cộng tác viên, Sinh viên…
+Giảng dạy: Thống kê các môn học do bộ môn phụ trách bao gồm STT, Mã MH, Tên MH, Số tín chỉ.
+ Nghiên cứu: Giới thiệu các đề tài nghiên cứu cấp trường, cấp nhà nước của các sinh viên, giảng viên trong bộ môn.
+ Xuất bản: Giới thiệu các đề tài của sinh viên, giảng viên đoạt giải được đăng trên các tạp chí trong nước và thế giới.
Main menu Quan Ly File
Trang chủ Thăm dò ý kiến
Số người truy cập hiện thời Tìm kiếm
+ Đồ án: Giới thiệu tên đề tài, mô tả tóm tắt của các đồ án môn học đồ án tốt nghiệp mà các sinh viên đã làm.
+ Đơn vị liên kết: Giới thiệu về các tổ chức, các trường đại học liên kết đào tạo với bộ môn.
+ Cộng tác viên: Giới thiệu về các thành viên, cá nhân cộng tác với bộ môn.
+ Sinh viên: Giới thiệu các sinh viên đã có thành tích xuất sắc trong học tập và trong nghiên cứu khoa học.
Trong Main menu ta có thể xây dựng các component giống như ở phần quản lý file, ngoài ra ta còn xây dựng thêm component Trang chủ, Liên hệ, Lịch tiếp sinh viên, Nhân sự, Thông báo, Hỏi/ đáp, Thư mục web, Tìm kiếm, Tài liệu, Cựu sinh viên.
+ Trang chủ: Giới thiệu về bộ môn kỹ thuật hệ thống, khoa công nghệ thông tin trường Đại học Xây dựng Hà Nội.
+ Liên hệ: Tại đây có địa chỉ, số điện thoại, email… của khoa để người dùng tham gia đóng góp ý kiến, hoặc liên hệ công tác, làm việc.
+ Lịch tiếp sinh viên: Thông báo cụ thể lịch trực để tiếp sinh viên tại bộ môn. + Nhân sự: Giới thiệu về các thầy cô trong bộ môn.
+ Thông báo: Để thông báo các buổi sinh hoạt ngoại khoá, các chương trình hoạt động của bộ môn.
+ Hỏi/ đáp: Để người dùng có thể đặt câu hỏi mà có liên quan đến bộ môn. + Thư mục web: Là nơi giới thiệu các trang web hay để người dùng tham khảo. + Tìm kiếm: Trợ giúp tìm kiếm thông tin nhanh và chính xác
+ Tài liệu: Dùng để chia sẻ tài liệu như đồ án mẫu để tham khảo, eTbook, tài liệu khoa học.
+ Cựu sinh viên: Là nơi lưu các thông tin về các sinh viên đã ra trường, như là: Họ tên, MSSV, ngày tháng năm sinh, năm tốt nghiệp, địa chỉ, nơi công tác, điện thoại, email…
3/ Thiết kế một số component cho Website bộ môn.
Component ta sẽ xây dựng gồm 2 component đặt tên là Tài liệu và Cựu sinh viên. Component Tài liệu là trang để giới thiệu và download tài liệu. Component Cựu sinh viên là trang để lưu các thông tin hiện tại về các cựu sinh viên.
a/ Component Tài liệu: Trang này sẽ hiển thị các tài liệu như: eTbook, đồ án môn học, đồ án tốt nghiệp, tài liệu khoa học,… trong mỗi tài liệu đều có hiển thị tiêu đề, mô tả ngắn gọn, nhà xuất bản, giáo viên hướng dẫn, sinh viên thực hiện,.... Khi người dùng vào phần Tài liệu thì sẽ có quyền xem các thông tin về sách, nếu muốn download tài liệu thì phải đăng nhập, nếu chưa là thành viên thì sẽ phải đăng ký thành viên.
b/ Component Cựu sinh viên: Để lưu và hiển thị các thông tin hiện tại của các cựu sinh viên như: Họ tên, MSSV, ngày tháng năm sinh, lớp học cũ, quê quán, số điện thoại, email, đơn vị công tác… muốn lưu được thông tin thì các cựu sinh viên phải gửi
thư đến cho nhà quản trị về các thông tin của mình, khi muốn sửa chữa thông thì phải có gửi thư đến nhà quản trị để cập nhật thông tin.