›

Đề tài Thiết kế Website tra cứu điểm

pdf 94 trang yendo 6150
Download
Bạn đang xem 20 trang mẫu của tài liệu "Đề tài Thiết kế Website tra cứu điểm", để tải tài liệu gốc về máy bạn click vào nút DOWNLOAD ở trên

Tài liệu đính kèm:

  • pdfde_tai_thiet_ke_website_tra_cuu_diem.pdf

Nội dung text: Đề tài Thiết kế Website tra cứu điểm

  1. Khóa Luận Tốt Nghiệp CHƯƠNG 1 GIỚI THIỆU ĐỀ TÀI 1.1. TÍNH CẤP THIẾT VÀ LÝ DO CHỌN ĐỀ TÀI. Trường Cao Đẳng Công Nghiệp – Dệt May Thời Trang Thành phố Hồ Chí Minh tiền thân là trường Công Nhân Kỹ Thuật May Thủ Đức, được thành lập theo quyết định số: 688/CNN-TCQL ngày 14 tháng 10 năm 1978 của Bộ trưởng Bộ Công Nghiệp. Ngày 13/5/2009 được sự chấp thuận của Bộ Trưởng Bộ Giáo Dục và Đào Tạo, Trường chính thức đổi tên thành Trường Cao Đẳng Kinh Tế Kỹ Thuật VINATEX TPHCM. Trước ngưởng cửa của thời đại công nghệ kỹ thuật ngày càng pháp triển, yêu cầu cấp thiết của nhà trường là phải xây dựng thương hiệu về đào tạo chất lượng, đáp ứng nhu cầu công việc của HSSV khi ra trường và hoạt động kinh doanh uy tín của mình trong xã hội. Cùng với việc đổi tên thành Trường Cao Đẳng Kinh Tế Kỹ Thuật VINATEX TPHCM, yêu cầu thiết kế lại website để hoạt động kịp thời trong năm học mới là rất cần thiết. Hơn nữa, website hiện tại không thu hút người xem cả về giao diện và ứng dụng. Xác định được mục đích hoạt động của mình, nhà trường yêu cầu đơn vị chuyên trách về hoạt động công nghệ thông tin thiết kế mới một website cung cấp đầy đủ thông tin cho người xem, đồng thời xây dựng các ứng dụng về hoạt động đào tạo và kinh doanh của nhà trường theo đúng quy định về cung cấp thông tin rộng rải và kịp thời trong các trường Cao Đẳng và Đại Học. Đó cũng là lý do em chọn đề tài thiết kế website mới và xây dựng ứng dụng tra cứu điểm của Trường Cao Đẳng Kinh Tế Kỹ Thuật VINATEX TPHCM. 1.2. MỤC TIÊU CHÍNH CỦA ĐỀ TÀI. Xây dựng Website cung cấp thông tin cần thiết trong hoạt động đào tạo và kinh doanh của Trường Cao Đẳng Kinh Tế Kỹ Thuật VINATEX TPHCM đồng thời xây dựng ứng dụng tra cứu điểm số HSSV trong đơn vị Trường. 1.3. YÊU CẦU CỦA ĐỀ TÀI. - Trang 1 -
  2. Khóa Luận Tốt Nghiệp - Thiết kế mới giao diện website theo tên Trường Cao Đẳng Kinh tế Kỹ Thuật VINATEX TPHCM - Cung cấp và cập nhật thông tin về hoạt động của Trường cũng như của các đơn vị trực thuộc trường. - Xây dựng ứng dụng tra cứu điểm số HSSV trên website của trường, liệt kê tất cả các môn học và điểm thi từng môn, đồng thời cung cấp toàn bộ thông tin về HSSV đó. 1.4. GIỚI HẠN CỦA ĐỀ TÀI. - Website chỉ cung cấp thông tin về đơn vị Trường Cao Đẳng Kinh tế Kỹ Thuật VINATEX TPHCM. - Các thông tin cung cấp ngoài thông tin thuộc các đơn vị trong trường đều mang tính tham khảo và không chịu trách nhiệm về mặt pháp luật. - Ứng dụng tra cứu điểm số chỉ phục vụ cho nhu cầu xem điểm của HSSV trong đơn vị trường, không có tính bắt buộc về mặc pháp lý và bảng điểm chính thức được cấp bởi Phòng Đào Tạo. 1.5. ĐỐI TƯỢNG PHỤC VỤ CỦA ĐỀ TÀI. - Phục vụ nhu cầu truy cập thông tin của tất cả mọi người. - Phục vụ nhu cầu tra cứu điểm số của HSSV trong trường. - Trang 2 -
  3. Khóa Luận Tốt Nghiệp CHƯƠNG 2 TỔNG QUAN 2.1. CƠ CẤU TỔ CHỨC TRƯỜNG CAO ĐẲNG VINATEX TPHCM. - Ban lãnh đạo đơn vị: Hiệu Trưởng phụ trách chung, một Hiệu Phó phụ trách đào tạo và một Hiệu Phó phụ trách hành chánh. - Các Phòng ban chức năng: Trường Cao Đẳng Kinh Tế Kỹ Thuật VINATEX TPHCM gồm 5 phòng ban, đó là: o Phòng Đào tạo: phụ trách chung các vấn đề về đào tạo. o Phòng Công tác HSSV: phụ trách chung về việc quản lý HSSV. o Phòng Tổ chức hành chánh :phụ trách về các mặt hành chánh và nhân sự. o Phòng Tài chính–kế toán: phụ trách các vấn đề tài chính của Trường. o Phòng Kế hoạch vật tư – quản trị: phụ trách quản lý và cung cấp thiết bị vật tư phục vụ nhu cầu hoạt động của trường. - Các khoa đào tạo: Trường Cao Đẳng Kinh Tế Kỹ Thuật VINATEX TPHCM gồm 5 khoa đào tạo, đó là: o Khoa Thiết kế thời trang. o Khoa Kinh tế. o Khoa Công nghệ thông tin. o Khoa Cơ điện. o Khoa Công nghệ may. o Khoa Khoa học cơ bản. - Các trung tâm: Trường Cao Đẳng Kinh Tế Kỹ Thuật VINATEX TPHCM hiện có 3 trung tâm, 2 phòng thí nghiệm và 1 cửa hàng đang hoạt động, bao gồm: o Trung tâm Sản xuất thực nghiệm: hoạt động gia công sản phẩm và đào tạo thực hành chuyên ngành may. o Trung tâm Nghiên cứu công nghệ - thời trang: phục vụ nhu cầu nghiên cứu, thiết kế thời trang. - Trang 3 -
  4. Khóa Luận Tốt Nghiệp o Trung tâm Tin học - ngoại ngữ: đào tạo và cấp chứng chỉ về anh văn và tin học. o Phòng thí nghiệm Hóa: phục vụ hoạt động dạy và nghiên cứu hóa học trong trường. o Phòng thí nghiệm Lý: phục vụ hoạt động dạy và nghiên cứu vật lý trong trường. o Cửa hàng thời trang CFS: cửa hàng dành cho HSSV trong trường, phục vụ nhu cầu về thời trang và các thiết bị dùng trong học tập, nghiên cứu của HSSV. Hình 1 - Mô hình tổng quan cơ cầu tổ chức của trường. - Trang 4 -
  5. Khóa Luận Tốt Nghiệp 2.2. MÔ HÌNH TỔNG QUAN GIAO DIỆN WEBSITE. Hình 2 – Mô hình tổng quan giao diện website 2.3. HIỆN TRẠNG QUẢN LÝ ĐIỂM SỐ CỦA HSSV TRONG TRƯỜNG. § Mỗi HSSV được cấp một mã số riêng biệt, được quản lý theo đơn vị lớp và chuyên ngành đào tạo, phân lớp theo từng khoa quản lý. § HSSV phải vượt qua môn học và tích lũy tín chỉ theo từng môn học của mình, điểm tổng kết được tính theo công thức sau: ĐIỂM TB KIỄM TRA + ĐIỂM THI (LẦN 1 hoặc LẦN 2) ĐIỂM CUỐI KỲ = 2 - Trang 5 -
  6. Khóa Luận Tốt Nghiệp 2.4. YÊU CẦU CƠ SỞ DỮ LIỆU QUẢN LÝ ĐIỂM SỐ CỦA HSSV. Trường Cao Đẳng Kinh Tế Kỹ Thuật VINATEX TPHCM yêu cầu cơ sở dữ liệu phải đáp ứng những yêu tố sau: § Cung cấp chính xác thông tin của HSSV trong Trường, cụ thể thông tin bao gồm: Họ và tên HSSV,mã số của HSSV, quê quán của HSSV, ngày tháng năm sinh của HSSV, lớp của HSSV, khoa quản lý HSSV, các điều kiện liên lạc với HSSV, khóa học cùng chuyên ngành mà HSSV đang theo học. § Cung cấp bảng điểm của HSSV bao gồm các yếu tố sau: Tên môn học mà HSSV đã thi hoàn tất, số tín chỉ của môn học đó cùng với học kỳ, điểm trung bình các kỳ kiểm tra, điểm thi lần 1 và lần 2, điểm tổng kết của cả môn học cùng lời kết luận vượt qua hay không. - Trang 6 -
  7. Khóa Luận Tốt Nghiệp CHƯƠNG 3 YÊU CẦU KỸ THUẬT 3.1. SƠ ĐỒ NGÔN NGỮ XÂY DỰNG WEBSITE. Hình 3 – Sơ đồ ngôn ngữ xây dựng website 3.2. CÔNG CỤ VÀ CÁC NGÔN NGỮ HỔ TRỢ § Ngôn ngữ web: ASP, ASPScript, JavaScript, HTML. § Công cụ lập trình: MS Visual Studio 2005. § Công cụ đồ họa: Photoshop. § Các dịch vụ hổ trợ: IIS và MS .NET Framework 2.0 § Cơ sở dự liệu: MS SQL Server 2005 - Trang 7 -
  8. Khóa Luận Tốt Nghiệp 3.3. MÔ HÌNH TỔ CHỨC CƠ SỞ DỮ LIỆU Hình 4 – Mô hình tổ chức cơ sở dữ liệu website - Trang 8 -
  9. Khóa Luận Tốt Nghiệp CHƯƠNG 4 TRIỂN KHAI THỰC HIỆN ĐỀ TÀI 4.1. GIỚI THIỆU CMS DOTNETNUKE CMS DOTNETNUKE là một hệ thống quản lý nội dung mã nguồn mở viết bằng ngôn ngữ lập trình VB.NET trên nền tảng ASP.NET. DotNetNuke được đánh giá là hệ thống quản trị nội dung mã nguồn mở .NET phát triển. CMS DOTNETNUKE được phát triển dựa trên cổng điện tử IBuySpy được Microsoft giới thiệu như là một ứng dụng mẫu dựa trên nền tảng .NET Framework. DotNetNuke đã được phát triển qua nhiều phiên bản và hiện nay đang ở phiên bản 4.5.5 Phiên bản hiện tại đòi hỏi .NET Framework 2.0 trong khi các phiên bản trước đó chạy trên nền .NET Framework 1. CMS DOTNETNUKE có một nhân cơ bản có thể mở rộng với các module để bổ sung các tính năng mới; giao diện của hệ thống có thể tùy biến nhờ vào kỹ thuật skin. MODULE Khoảng hơn 10 module cơ bản được cung cấp cùng với bản DotNetNuke. Các module khác có thể được download từ trang web của DotNetNuke trong đó có các module như: thương mại điện tử, album ảnh, blog, forum, wiki, mailling list Các module bổ sung khác cũng được các cộng đồng nguồn mở và các công ty phần mềm thương mại cung cấp. SKIN Giao diện của DotNetNuke được thiết kế với kiến trúc sử dụng skin cho phép tách biệt nội dung và giao diện của hệ thống. Kiến trúc này cho phép người thiết kế giao diện có khả năng làm việc độc lập với quá trình phát triển trong ASP.NET và chỉ đòi hỏi kiến thức về HTML cùng với cách thức thiết kế skin của DotNetNuke. Skin bao gồm một số file HTML cơ bản, trong đó có các vị trí để đặt nội dung, menu và các tính năng khác cùng với các file ảnh, file định dạng (stylesheets), Javascript; tất cả thường được đóng gói trong một file Zip.Giống như module, skin có thể được upload và cài đặt tự động thông qua trang quản trị. - Trang 9 -
  10. Khóa Luận Tốt Nghiệp CMS DOTNETNUKE thiết kế tối ưu nhằm đáp ứng nhu cầu xây dựng website của hầu hết các doanh nghiệp Việt Nam hiện nay. Bộ quản trị website được thiết kế một cách mạnh mẽ, linh hoạt, dễ dàng sử dụng, giảm thiểu tối đa những khó khăn cho người sử dụng ở bất kỳ trình độ nào. 4.1.1. CMS DOTNETNUKE có thể áp dụng để xây dựng.: § Website giới thiệu và quảng bá doanh nghiệp. § Website giới thiệu và trưng bày sản phẩm, dịch vụ. § Website bán hàng trực tuyến. § Trang tin tức, tài nguyên. 4.1.2. Tính năng nổi bật: § Tích hợp nhanh chóng. § Đa chức năng, đa ngôn ngữ. § Dễ dàng quản trị, không đòi hỏi kiến thức về tin học. 4.1.3. Danh sách tính năng: § Dễ dàng quản lý tích hợp các tính năng, module mới. § Thân thiện với các công cụ tìm kiếm. Hỗ trợ quảng bá website. § Tạo danh mục sản phẩm, dịch vụ đa cấp không hạn chế số lượng. § Tích hợp công cụ nhập nội dung hoàn toàn giống với làm việc trên WinWord. § Cho phép cập nhật Album ảnh (Slide show) cho sản phẩm. § Cho phép đánh giá – nhận xét sản phẩm . § Thao tác nhanh hơn với việc cập nhật đồng thời nhiều sản phẩm dịch vụ. § Tạo danh mục tin đa cấp và hỗ trợ xuất bản tin định dạng RSS. § Dễ dàng cập nhật file tài nguyên lên web, hỗ trợ cập nhật đồng thời nhiều file . § Dễ dàng tạo các Album ảnh với nhiều hiệu ứng trình chiếu (slide show). § Hỗ trợ quản lý khách hàng, đơn hàng cả với khách hàng thường xuyên và khách vãng lai. - Trang 10 -
  11. Khóa Luận Tốt Nghiệp § Hỗ trợ nhiều hình thức thanh toán (trực tiếp, ATM, COD, Paypal, Google Checkout, Egold, MoneyBroker ). § Phân quyền hệ thống chặt chẽ theo module chức năng và ngôn ngữ website. § Ghi nhật ký truy cập hệ thống. § Công cụ backup dữ liệu ngay trên website. § Dễ dàng thay đổi các thông tin về cầu hình hệ thống. § Tích hợp các tiện ích: Tỉ giá ngoại tệ, chứng khoán, dự báo thời tiết § Tài liệu trợ giúp sử dụng hệ thống cặn kẽ, minh họa bằng hình ảnh. § Sản phẩm được cập nhật, nâng cấp miễn phí thường xuyên. 4.1.4. Danh sách các Module chức năng. § Quản lý sản phẩm § Quản lý module bán hàng § Quản lý Dịch vụ § Quản lý Tin tức § Giới thiệu § Quản lý liên kết – Quảng cáo § Quản lý tài nguyên § Quản lý thư viện ảnh § Quản lý Liên hệ § Quản lý email list § Quản lý Khách hàng § Quản lý Đơn hàng § Quản lý phương thức thanh toán § Quản lý phân quyền Hệ thống § Quản lý Cầu hình hệ thống § Nhật ký truy cập § Trợ giúp sử dụng § Tiện ích (chứng khoán, thời tiết, ngoại tệ ) § Quản lý giao diện - Trang 11 -
  12. Khóa Luận Tốt Nghiệp § Backup dữ liệu 4.2. CÀI ĐẶT CMS DOTNETNUKE 4.2.1. Chuẩn bị hệ thống để cài đặt CMS DOTNETNUKE 4.2.1.1. Cài đặt IIS Để cài dịch vụ IIS, ta chọn Add/Remove Windows Components. Màn hình Windows Components Winzard xuất hiện, khi ấy ta chọn Option Internet Information Services (IIS) và tiếp tục chọn Next. Hình 5 – Màn hình lựa chọn dịch vụ IIS để cài đặt. IIS là một dịch vụ không tự cài đặt của Microsoft khi cài Hệ điều hành Windows, vì thế quá trình cài đặt IIS Services cần đĩa cài Hệ Điều Hành Windows. Cho đĩa CD cài Windows vào khi cài đặt, quá trình cài IIS sẽ tự động đến khi kết thúc. 4.2.1.2. Cài đặt MS .NET FrameWork 2.0 MS .Framework cũng không tự cài đặt khi cài Windows. Với những phiên bản DotNetNuke 1.xx trở về trước. Microsoft cho phép cài MS .FrameWork 1.0, nhưng khi cài DotNetNuke khác phiên bản trên thì ta cần cài MS .Framework 2.0 trở về sau. Chọn file MS .NetFrameWork cần cài đặt. Double Click vào file chọn để tiến hành cài. - Trang 12 -
  13. Khóa Luận Tốt Nghiệp Hình 6 – Cài đặt MS .NetFrameWork 2.0 4.2.1.3. Cài đặt SQL SERVER 2005 Developer Edition SQL SERVER 2005 Developer Edition được chia thành 2 đĩa cài đặt. Cho đĩa CD cài đặt vào, màn hình cài đặt sẻ hiển thị và cung cấp nhiều sự lựa chọn khác nhau. Trong giới hạn sử dụng CMS DotNetNuke trong Khóa luận này, ta chỉ cần tạo ra một cơ sở dữ liệu đơn giản nên ta sẽ chọn cải đặt : Server ComPonents, Tools, Books Online, and Samples và Run the SQL Native Client Installation Winzard. - Trang 13 -
  14. Khóa Luận Tốt Nghiệp Hình 7–Các lựa chọn cài đặt SQL SERVER 2005 Với sự chọn lựa vừa rồi, Màn hình Microsoft SQL Server 2005 Setup sẽ xuất hiện cùng với yêu cần chấp nhận cài đặt hay không. Ta nhấn chọn chấp nhận và Next để tiếp tục cài đặt. Quá trình cài đặt diễn ra, nhấn chọn Next để sang bước tiếp theo. Hình 8 - Quá trình xác nhận cài SQL Server 2005 với Serial sẵn có. Đánh dấu lựa chọn các mục cần cài đặt và Next để đến bước tiếp theo - Trang 14 -
  15. Khóa Luận Tốt Nghiệp Hình 9 – Lựa chọn các dịch vụ cài đặt của SQL AERVER 2005 Ở mục chọn Sample Database, ta chọn Will be installed on local hard drive để chọn cài cơ sở dữ liệu trong ổ cứng nội bộ của máy tính. Nhấp chọn Next để sang bước kế. Hình 10 – Lựa chọn cài đặt thêm chức năng Sample Databases Lựa chọn cách cài đặt theo mặc định Default. Option cài đặt: Windows Authentication Mode và Next, chấp nhận lựa chọn kế và nhấp Next. - Trang 15 -
  16. Khóa Luận Tốt Nghiệp Đến đây, quá trình lựa chọn các cầu hình cài đặt MS SQL Server 2005 đã hoàn tất, hệ thống đã chấp nhận và tiến hành cài đặt. Màn hình bên dưới hiển thị tất cả các sản phẩn sẽ cài đặt trong bộ MS SQL Server 2005. Hình 11 – Quá trình cài đặt SQL SERVER 2005 4.2.2. Cài đặt và khởi chạy CMS DOTNETNUKE 4.2.2.1. Giải nén gói CMS DOTNETNUKE. Trong Khóa luận này, CMS DOTNETNUKE được giải nén vào ổ C và đổi tên thư mục thành DOTNETNUKE. Hình 12- Sau khi giải nén. 4.2.2.2. Khởi chạy CMS DOTNETNUKE Để tiến hành chạy DOTNETNUKE trên hệ thống, ta Click chọn Start/Run và gõ vào dòng lệnh Inetmgr. - Trang 16 -
  17. Khóa Luận Tốt Nghiệp Hình 13 - Dòng lệnh Inetmgr trong Run Màn hình IIS (Internet Information Services) xuất hiện sau khi chạy lệnh Inetmgr trong Run. Trong màn hình Internet Information Services này, ta Right Click vào Default Web Site và chọn New/ Virtual Directory Hình 14 – Tạo mới Virtual Directory Màn hình Virtual Directory Creation Winzard xuất hiện, nhấn Next để đi tiếp sang quá trình cài đặt gói DOTNETNUKE. Ta đặt tên thư mục sẽ hiển thị trong màn hình IIS. Trong đề tài khóa luận này, tên được đặt là DOTNETNUKE. Tiếp tục chọn Next để sang bước kế. - Trang 17 -
  18. Khóa Luận Tốt Nghiệp Hình 15 – Đặt tên cho Virtual Directory mới Màn hình kế xuất hiện với yêu cầu ta chỉ vào gói DOTNETNUKE mà ta đã giải nén trong ổ C vừa rồi. Nhấp chọn OK sau khi đã trỏ vào thư mục DOTNETNUKE trong ổ C. Hình 16 – Chỉ đến gói CMS DOTNETNUKE đã giải nén. Lựa chọn tất cả các Option trong màn hình hiện ra và chọn Next, Yes để hoàn thành lựa chọn. - Trang 18 -
  19. Khóa Luận Tốt Nghiệp Hình 17 – Lựa chọn và xác nhận toàn quyền xử lý trong Virtual Directory Những thiết lập ban đầu đã xong, giờ trong Website đã xuất hiện thêm một nhánh với tên DOTNETNUKE trong màn hình IIS. Nhấp Right Click vào thư mục DOTNETNUKE và chọn Browse. Hình 18 – Chạy DOTNETNUKE từ IIS Màn hình Hỏi đáp cài đặt DotNetNuke hiện ra với 3 tùy chọn, Ta chọn Option Auto để trình cài đặt tiến hành tự động, ngôn ngữ mặc định chọn English và chọn Next. - Trang 19 -
  20. Khóa Luận Tốt Nghiệp Hình 19 - Màn hình mô tả tính trạng cài đặt DOTNETNUKE đang diễn ra. Sau khi cài đặt hoàn tất, giao diện màn hình chính của DotNetNuke hiện ra. Để việc thiết kế được tiện lợi, từ giờ ta sẽ truy xuất đến Site này theo địa chỉ LocalHost trên bất cứ trình duyệt web nào. - Trang 20 -
  21. Khóa Luận Tốt Nghiệp Hình 20 – Giao diện đầu tiên của CMS DOTNETNUKE. 4.2.3. Sử dụng CMS DOTNETNUKE thiết kế giao diện website 4.2.3.1. Skin mặc định của CMS DOTNETNUKE Sau khi cài đặt thành công gói DotNetNuke, màn hình đầu tiên xuất hiện. Màn hình này sẽ liệt kê 3 phần chính sau khi ta đăng nhập quyền quản trị theo gợi ý của DotNetNuke đó là: ControlPanel, Menu lựa chọn các trang chỉ mục và 5 paner rải đều trang HOME (TopPane, LeftPane, ContentPane, RightPane và BottomPane) 4.2.3.2. Add và sử dụng các Skin Download Để có thể Add thêm các Skin, các Module, Hay nói khác hơn là có toàn quyền thay đổi nội dung lẩn hình thức của gói DotNetNuke vừa cài - Trang 21 -
  22. Khóa Luận Tốt Nghiệp đặt, bắt buộc người thiết kế phải đăng nhập vào hệ thống với những quyền hạn nhất định để có quyền sửa đổi. DotNetNuke là một hệ quản trị nội dung mã nguồn mở, ở đó người có quyền quản trị sẽ thay đổi tất cả theo ý mình. Theo thiết lập mặt định, DotNetNuke cung cấp 2 quyền quản trị cao nhất để sửa đổi các thiết lập, đó là Admin và Host. Người thiết kế phải đăng nhập user là Admin hay Host và password tương ứng là dnnadmin hay dnnhost. Ở đây ta chọn quyền quản trị cao nhất là Host để đăng nhập vào hệ thống. Khi đăng nhập bằng tài khoản user: host, Pass: dnnhost. Ta sẽ có quyền Add thêm các gói giao diện Skin và các Module. Giao diện mặc định của DotNetNuke sẽ được thay đổi theo người thiết kế, để có thể thay đổi Skin, ta chọn Skins từ Menu HOST. Giao diện bên dưới là giao diện sau khi đã chọn Skins từ Menu HOST. Hình 21 – Hình dạng Skin và Container trong các gói Skin. - Trang 22 -
  23. Khóa Luận Tốt Nghiệp Nhấp chọn Upload Skin ở góc phải cuối màn hình. Khi giao diện cài đặt gói Skin mới hiện ra, ta chọn Browse và chỉ định gói Skin sẽ cài vào. Hình 22 – Giao diện màn hình cài đặt gói skin mới trong DOTNETNUKE Màn hình lựa chọn gói Skin sẽ cài đặt. Sau khi ấn định xong gói Skin cài đặt, ta nhấp chọn Install Skin Package để trình cài đặt thực hiện. Hình 23 – Lựa chọn gói skin cài đặt. Nếu quá trình diễn ra thuận lợi đồng nghĩa với việc ta đã cài đặt thành công gói Skin mới vào. Ấn chọn Return để quay về màn hình hiển thị Gói Skin mới, bây giờ trong hộp lựa chọn Skin đã xuất hiện thêm Skin thứ 2 là XDMediaBlue_Unzip&Read. Khi nhấp chọn vào gói Skin này, hình dạng của nó sẽ hiển thị bên dưới, đi cùng với gói Skin ta vừa hoàn tất cài - Trang 23 -
  24. Khóa Luận Tốt Nghiệp đặt xuất hiện thêm các Container của gói Skin. Khi nhấp chọn Apply từ Skin nào bên dưới, hình dạng mặc định của DotNetNuke sẽ thay đổi theo. Preview để xem thử hình dạng của Skin hay xóa Skin này ra khỏi danh sách Skin bằng nút chọn Delete. Hình 24 – Hình dạng mới của skin vừa cài đặt xong. 4.2.3.3. Nhúng và sử dụng các Module trong DOTNETNUKE Module mặc định có sẵn trong DotNetNuke không đủ để xây dựng một trang web theo ý muốn, vì thế module được phát triển ngày càng nhiều ở các dịch vụ, công ty thương mại và thiết kế Website. Có khoảng 10 Module được thiết kế sẵn trong bộ DotNetNuke. Hình 25 – Lựa chọn Module cần chèn vào trang web. - Trang 24 -
  25. Khóa Luận Tốt Nghiệp Để nhúng một module mới vào trong Project, ta cũng thực hiện tương tự như thêm mới gói Skin vào. Nhấp chọn Install Additional Modules từ Control Panel trên Site LocalHost hoặt lựa chọn Module Definitions trên HOST Menu. Màn hình cài đặt Module mới xuất hiện. Trong màn hình này liệt kê những Module đã cài đặt mặc định trong gói DotNetNuke (Install Modules), những Module có sẵn nhưng chưa cài đặt (Available Modules) và cả các tiện ích khác như cài đặt Module khác từ bên ngoài, tự tạo Module mới, trích xuất Module có trong gói DotNetNuke thành file cài đặt. Hình 26 – Màn hình lựa chọn cài thêm các module sẵn có. Ta chọn các Option Module cài đặt cần thiết trong Project, đó là Module Announcements, Forum, Map, UserOnline, FAQS và click chọn Install Selected Modules để tiến hành cài đặt. Sau khi cài đặt hoàn tất, trên Module của ControlPanel sẽ xuất hiện thêm các Module cài đặt vừa rồi và - Trang 25 -
  26. Khóa Luận Tốt Nghiệp sẵn sàng hoạt động. Nhưng những Module sẵn có chưa cài đặt trong gói DotNetNuke này chưa đáp ứng đủ yêu cầu trong đề tài này nên ta phải cài đặt thêm các Module khác từ bên ngoài. Trong màn hình cài đặt Module mới, ta chọn Install New Module để sang màn hình cài đặt thêm Module download bên ngoài vào. Hình 27 – Màn hình lựa chọn cài thêm các Module từ bên ngoài Tương tự như cài gói Skin mới, màn hình cài đặt Module hiện ra, nhấn chọn Browse, chỉ định Module cài đặt và chọn Install New Module. Ta chọn Module DnnSiteMap như trong hình. Hình 28 – Lựa chọn gói Module mới muốn cài đặt. Module DnnSitemap vừa cài xong và hiển thị trong hộp Module trên ControlPanel. - Trang 26 -
  27. Khóa Luận Tốt Nghiệp 29- Module mới cài đặt xuất hiện trong hộp Menu Module. 4.2.3.4. Thiết kế các trang trong website. 4.2.3.4.1. Đổi tên và cầu hình hiển thị trang chủ (HOME) Sau khi load trang chủ mặc định của DotNetNuke (HOME) ta xóa bỏ từng thành phần đang hiển thị trong trang HOME để thiết kế theo ý thích riêng của người thiết kế. Để xóa các thành phần hiện có trong trang mặc định của DotNetNuke, ta click chuột vào mủi tên trỏ xuống ở đầu góc trái các thành phần và chọn Delete. Màn hình trang default HOME chỉ còn đơn giản như hình bên dưới. Hình 30 – Giao diện trang HOME sau khi xóa các thành phần mặc định. Host Account là tài khoản cao nhất và có cách đăng nhập mặc định với user và password được gói cài đặt DotNetNuKe thông báo rộng rãi nên khi sử dụng ta thấy trong ContentPane xuất hiện thông báo chi tiết tài khoản không an toàn (Insecure account details), vì thế ta phải sử dụng một mật khẩu khác đăng nhập nhưng có quyền tương tự. - Trang 27 -
  28. Khóa Luận Tốt Nghiệp Để thay đổi tên hiển thị ta click chọn SuperUser Account và điền các thông tin theo yêu cầu. Hình 31 – Màn hình thay đổi tên hiển thị tài khoản HOST. Sau khi điền đầy đủ thông tin ở màn hình trên, ta chọn Update để thay đổi có hiệu lực, lúc này tên hiển thị SuperUser Account đã thay đổi theo thiết lập vừa rồi (Anh Phin). Click chọn tiếp Manage Password để thay đổi password đăng nhập, màn hình kế lại xuất hiện, điền các thông tin đầy đủ như yêu cầu và chọn Change Password, lúc này thiết lập đã được chấp nhận và user vừa rồi có quyền quản trị tương tự như host của DotNetNuke. - Trang 28 -
  29. Khóa Luận Tốt Nghiệp Hình 32 - Màn hình thay đổi mật khẩu đăng nhập tài khoản HOST. Giao diện hiện tại không thể đáp ứng mấy về nhu cầu thẩm mỹ nên sau khi đăng nhập với quyền quản trị ta sẽ thay đổi toàn bộ với mục đích hấp dẫn người truy cập. Trang HOME là ví dụ cụ thể cho một trang trong site mà DotNetNuke đã thiết kế, để cầu hình lại trang cũng như thay đổi tên của các trang, kể cả trang HOME ta nhấp chọn Settings ở phần Page Functions trong ControlPanel. Trong màn hình xuất hiện kế tiếp, ta sẽ thực hiện cầu hình trang cho Site. - Trang 29 -
  30. Khóa Luận Tốt Nghiệp Hình 33 – Cầu hình cho trang HOME Trong phần Basic Settings ta sẽ đổi tên trang HOME thành tên TRANG CHỦ trong phần Page Name, và đánh vào dòng chữ TRƯỜNG CAO ĐẲNG VINATEX TPHCM trong phần Page Title để hiển thị nó trên thanh Taskbar. Nút option: Include In Menu để gộp trang trong Phần Menu. Permissions là quyền truy cập trong Site, có 2 quyền cơ bản được cấp cho người lướt web, đó là cho phép tất cả mọi người truy cập (All Users) hoặt chỉ những người có tài khoản (Account) đã đăng ký truy cập (Registered Users) Với giới hạn của Trang Chủ, ta cấp trọn quyền truy cập cho tất cả mọi người, vì thế ta đánh dấu chọn vào option All Users. Advanced Settings là phần thiết lập nâng cao, bao gồm 2 phần. v Appearance : chịu trách nhiệm về phần giao diện § Icon: nếu ta chọn vào phần này thì khi trang chủ được load lên sẽ đi kèm theo một hình ảnh được ấn định trước. § Page Skin: đây là một lựa chọn quan trọng và cần thiết để thiết lập bộ mặt hiển thị trang. Với gói Skin đã cài đặt ở phần trước, ta sẽ chọn được 1 Skin để thiết lập cho TRANG CHỦ này. § Page Container: phần này sẽ thiết lập container hiển thị trong trang, nó quy định các Module trong trang mang hình dáng nào. v Other Settings: những thiết lập khác - Trang 30 -
  31. Khóa Luận Tốt Nghiệp § Secure: Lựa chọn mã hóa trang hay không, trong site này ta không chọn option này. § Start Date: Ngày bắt đầu hiển thị của trang. § End Date: Ngày kết thúc hiển thị của trang. § Link Url: Các liên kết nếu có. Sau khi hoàn tất thiết lập trang, ta nhấn chọn Update để chấp nhận thiết lập và đón nhận kết quả, Cancel để hủy thiết lập hoặt Delete để xóa trang đang thiết lập. Hình 34 – Hình dạng Skin mới cho TRANG CHỦ. 4.2.3.4.2. Thay đổi ngôn ngữ mặc định của DotNetNuke English là ngôn ngữ mặc định khi cài đặt hoàn thành gói DotNetNuke, may mắn là ta hoàn toàn có thể thay đổi điều đó với một module ngôn ngữ khác. Để thay đổi ngôn ngữ mặc định này, đầu tiên ta phải download Module ngôn ngữ tiếng Việt và cài đặt vào hệ thống. Gói ngôn ngữ là một Module, vì thế ta tiến hành cài đặt như cài đặt một Module bất kỳ. Sau khi cài đặt xong ta click chọn Languages từ Menu HOST. Màn hình lựa chọn ngôn ngữ hiển thị xuất hiện, chọn Tiếng Việt từ menu lựa chọn ngôn ngữ của Language và nhấp chọn Add. - Trang 31 -
  32. Khóa Luận Tốt Nghiệp Hình 35 - Màn hình lựa chọn ngôn ngữ hiển thị. Bây giờ trong phần Supported Locales xuất hiện thêm một ngôn ngữ là Tiếng Việt. Để thiết lập mặc định hiển thị Tiếng Việt cả trong thiết kế lẩn duyệt web, ta chọn Languages từ Menu Admin, Supported Locales hiển thị 2 ngôn ngữ tiếng Anh và Tiếng Việt với tình trạng (Status) là Enabled, lúc này ta sẽ tắt ngôn ngữ Anh đi bằng cách nhấp chọn vào Disable tại ngôn ngữ English đi, bây giờ chỉ còn lại Tiếng Việt trong tình trạng Enable (hiển thị). Hình 36 - Sau khi chuyển ngôn ngữ sang Tiếng Việt. Ghi chú: Ta sẽ sử dụng Tiếng Việt trong suốt quá trình thiết kế. 4.2.3.4.3. Thiết kế các trang hiển thị trên Menu (các trang Tiêu Đề) 4.2.3.4.3.1. Thiết kế trang TỔNG QUAN - Trang 32 -
  33. Khóa Luận Tốt Nghiệp TỔNG QUAN là một trang con trong website, thiết kế trang TỔNG QUAN cũng tương tự như thiết kế TRANG CHỦ. Từ ControlPanel, ta click chọn Add trong Page Functions để thêm trang mới, màn hình thiết lập trang mới hiện ra với một số thiết lập hơi khác so với trang chủ vừa thiết kế xong. - Trang 33 -
  34. Khóa Luận Tốt Nghiệp Hình 37 – Màn hình cầu hình hiển thị trang TỔNG QUAN. Màn hình Quản Lý Trang hiện ra với 2 chức năng quản lý chính đó là thiết lập cơ bản và thiết lập nâng cao. Trong phần Chi Tiết Về Trang ta điền vào 2 yêu cầu chính yếu đó là Tên trang và Tiêu đề trang. Ta chọn Gộp trong Menu để trang không ra ngoài phạm vi hiển thị của Menu. Đây là một trang công cộng vì thế ta chọn quyền truy cập cho tất cả mọi người và không đánh dấu chọn bên phần cầu hình trang. Sang phần Thiết Lập Nâng Cao ta chú ý đến điểm chính yếu là yêu cầu chọn Skin của trang, đây là giao diện sẽ hiển thị trong trang, theo hình trên ta sẽ chọn Skin XDMediaBlue_Unzip&Read- HorizaltalMenuFixel để khi hiển thị trang sẽ giống với giao diện TRANG CHỦ. Những Thiết Lập Khác là phần cầu hình phụ, thông thường ta không lựa chọn cầu hình phần này cho một trang thông tin không giới hạn thời gian hiển thị. Tất cả những thiết lập vừa rồi sẽ trở nên vô nghĩa nếu ta không nhấp chọn Cập Nhật, thao tác thêm mới một trang đã hoàn tất và khi hiển thị ta sẽ được trang TỔNG QUAN như sau: - Trang 34 -
  35. Khóa Luận Tốt Nghiệp Hình 38 – Hình dạng trang TỔNG QUAN sau khi cầu hình. 4.2.3.4.3.2. Thiết kế trang ĐƠN VỊ TRỰC THUỘC ĐƠN VỊ TRỰC THUỘC cũng là một trang hiển thị ngay trên thanh Menu, thiết kế trang ĐƠN VỊ TRỰC THUỘC không khác gì so với thiết kế trang TỔNG QUAN. Chọn Thêm từ Chức Năng Của Trang trong Bảng Điều Khiển, màn hình thiết kế trang ĐƠN VỊ TRỰC THUỘC như sau: Hình 39 – Hình dạng trang ĐƠN VỊ TRỰC THUỘC sau khi cầu hình. 4.2.3.4.3.3. Thiết kế trang ĐÀO TẠO Quá trình thiết kế trang ĐÀO TẠO cũng tương tự như trên. - Trang 35 -
  36. Khóa Luận Tốt Nghiệp Hình 40 – Hình dạng trang ĐÀO TẠO sau khi cầu hình. 4.2.3.4.3.4. Thiết kế trang TIỆN ÍCH Hình 41 – Hình dạng trang TIỆN ÍCH sau khi cầu hình. 4.2.3.4.3.5. Thiết kế trang THÔNG TIN - Trang 36 -
  37. Khóa Luận Tốt Nghiệp Hình 42 – Hình dạng trang THÔNG TIN sau khi cầu hình. - Trang 37 -
  38. Khóa Luận Tốt Nghiệp 4.2.3.4.3.6. Thiết kế trang CFS SHOP Hình 43 – Hình dạng trang CFS SHOP sau khi cầu hình. 4.2.3.4.3.7. Thiết kế trang ĐOÀN THANH NIÊN Hình 44 – Hình dạng trang ĐOÀN THANH NIÊN sau khi cầu hình. 4.2.3.4.4. Thiết kế các trang con bên trong các trang tiêu đề. Trong Menu của các trang tiêu đề xuất hiện các trang con. Để làm như thế ta cũng sẽ thiết kế các trang mới nhưng không thiết lập chúng xuất hiện trên Menu tiêu đề mà đặt chúng xuất hiện trong các trang tiêu đề. 4.2.3.4.4.1. Thiết kế các trang con bên trong trang TỔNG QUAN - Trang 38 -
  39. Khóa Luận Tốt Nghiệp Thiết kế thêm một trang mới, màn hình cầu hình trang mới hiện ra, thiết lập trương tự như các trang thiết kế phía trên nhưng trong phần Trang Mẹ ta chọn Trang tiêu đề mà trang đang thiết lập muốn hiển thị bên trong nó. Ta chọn Trang Mẹ là trang TỔNG QUAN để trang GIỚI THIỆU xuất hiện bên trong Menu của nó. Hình 45 – Màn hình Thiết Lập hiển thị trang con. Sau khi Cập Nhật, màn hình hiển thị sẽ có kết quả như hình sau: Hình 46 – Trang GIỚI THIỆU nằm phía trong trang TỔNG QUAN. Quá trình thiết kế các trang con tiếp theo bên trong trang TỔNG QUAN diễn ra tương tự. 4.2.3.4.4.2. Thiết kế trang con trong trang ĐƠN VỊ TRỰC THUỘC Thiết kế trang con mới tương tự như thiết kế trang con bên trên, chọn Trang Mẹ là trang ĐƠN VỊ TRỰC THUỘC vì trang CÁC KHOA ĐÀO TẠO hiển thị bên trong nó. - Trang 39 -
  40. Khóa Luận Tốt Nghiệp Hình 47 – Màn hình Thiết Lập hiển thị trang CÁC KHOA ĐÀO TẠO nằm trong trang tiêu đề ĐƠN VỊ TRỰC THUỘC. Trong website này các khoa đào tạo sẽ xuất hiện bên trong trang CÁC KHOA ĐÀO TẠO, vì thế ta lại thiết kế tiếp các trang con bên trong trang này. Tương tự như trên khi thiết kế tiếp các trang con bên trong, ta sẽ chọn Trang Mẹ là trang CÁC KHOA ĐÀO TẠO. Hình 48 – Màn hình Thiết Lập hiển thị trang THIẾT KẾ THỜI TRANG nằm trong trang tiêu đề CÁC KHOA ĐÀO TẠO. Màn hình hiển thị giờ đây sẽ xuất hiện Menu trang phân cấp như sau: - Trang 40 -
  41. Khóa Luận Tốt Nghiệp Hình 49 – Màn hình Menu phân cấp các trang trong website 4.2.3.4.5. Thiết kế giao diện hiển thị nội dung các trang. Nội dung và giao diện hiển thị của các trang được thiết kế dựa vào sự hỗ trợ của các module cùng với bảng màu được lấy từ nguồn của trang web wikipedia ( ách_màu). Hình 50 – Bảng tên và ký hiệu màu sử dụng trong thiết kế Web. 4.2.3.4.5.1. Thiết kế giao diện hiển thị nội dung trang TỔNG QUAN Trang TỔNG QUAN được thiết kế dựa vào 2 container, đó là gói container T-worxDNNR và EZMlike-DarkGreenSkin, 2 gói container trên nắm trong 2 gói skin T-worxDNNR và EZMlike-DarkGreenSkin, vì thế ta phải tải 2 gói Skin này vào gói DotNetNuke. 4.2.3.4.5.1.1. Tải skin mới lên DotNetNuke Ta click chọn skin từ Menu host trên website. Màn hình Skins hiện ra, tiếp tục click chọn Tải Lên Skin để add skin mới vào, chỉ định gói skin muốn tải lên từ nút Browse (ở đây ta chỉ định gói skin T- - Trang 41 -
  42. Khóa Luận Tốt Nghiệp worxDNNR.zip), sau đó click chọn Tải lên gói Skin để thực hiện, nhấn nút lệnh Trở về để xem container trong gói skin. Thực hiện tương tự cho lần tải gói skin EZMlike-DarkGreenSkin. Hình 51 - Hình dáng skin và container có trong gói skin EZMlike- DarkGreenSkin.zip Hình 52 – Hình dáng skin và container có trong gói skin EZMlike- DarkGreenSkin.zip. Hình dáng skin và container có trong gói skin T-worxDNNR.zip - Trang 42 -
  43. Khóa Luận Tốt Nghiệp Hình 53 - Hình dáng skin và container có trong gói skin T- worxDNNR.zip 4.2.3.4.5.1.2. Sử dụng container thiết kế trang TỔNG QUAN Màn hình thiết kế trang TỔNG QUAN hiện giờ vẩn chỉ là một trang với 5 pane trống. Ta chọn module Announcements từ menu sổ xuống của hộp Module được chứa trong bảng điều khiển, chọn vị trí đặt module là ContentPane trong hộp Pane, vị trí xuất hiện là dưới cùng trong họp Chèn, sắp hàng từ bên Trái và nhấp chọn Thêm bênh cạnh để thực hiện tác vụ. Hình 54– Màn hình Bảng Điều Khiển (ControlPane). Sau khi chèn xong module Announcements vào ContentPane, ta chấp chọn Thiết lập xuất hiện trên menu sổ xuống của module này trong ContentPane. - Trang 43 -
  44. Khóa Luận Tốt Nghiệp Hình 55 – Menu Module Announcements. Màn hình thiết lập module hiện ra với 3 thiết lập mặc định đó là Thiết lập Module, Thiết lập Trang và Thiết lập thông báo. Cầu hình cho mudule Announcements trong website này ta chỉ cần chú ý đến 2 thiết lập đó là Thiết lập Module và Thiết lập Trang. Ta điền vào phần Tiêu Đề Module là TRANG TỔNG QUAN ở phần Thiết Lập Cơ Bản, đánh dấu chọn Thừa Kế Quyền Hiển Thị Từ Trang để cấp quyền truy cập như ở trang trước và bỏ qua phần Thiết Lập Nâng Cao. Sang phần Thiết Lập Trang, thông thường ta chọn sắp hàng từ bên trái, nghĩa là ta sẽ để mặc định, trong phần chọn màu sắc ta sẽ đánh vào dòng chữ: PaleGoldenrod để chọn màu trong danh sách màu ở phía trên. Trong phần lựa chọn Module Container, ta sẽ chọn container là t-worxDNNR- TWC3 trong gói container t-worxDNNR đã thêm vào, nhấp chọn Cập Nhật ở cuối trang để nhấp nhận thao tác vừa rồi. - Trang 44 -
  45. Khóa Luận Tốt Nghiệp Hình 56 – Màn hình thiết lập hiển thị Module Announcements. Sau khi Cập Nhật, ta sẽ được module Announcements trong phần ContentsPane như hình: - Trang 45 -
  46. Khóa Luận Tốt Nghiệp Hình 57 – Màn hình hiển thị Module Announcements sau khi Cập Nhật. Bây giờ ta sẽ biên soạn nội dung bên trong nó, nhấp chọn Thêm Thông Báo Mới, một màn hình thiết lập mới lại xuất hiện để ta nhập nội dung. Hình 58 – Màn hình Thêm thông báo mới trong Module Announcements. Ta nhập phần Tiêu Đề, phần Mô Tả nội dung và lựa chọn Liên Kết đến một trang của site để chỉ mối liên kết hiển thị, phần Hình Ảnh cho phép ta load lên hình ảnh đại diện của Trang GIỚI THIỆU. Bên trên ta ghi phần Tiêu Đề là GIỚI THIỆU nên khi chọn phần Liên kết đến một trang trên Site của bạn ta sẽ chọn trang GIỚI - Trang 46 -
  47. Khóa Luận Tốt Nghiệp THIỆU (với điều kiện trang GIỚI THIỆU phải được tạo ra trước), Cập Nhật các thao tác vừa rồi và ta sẽ thấy kết quả ở phần hiển thị. Hình 59 – Kết quả sau khi hoàn tất Thêm Thông Báo Mới trong Announcements. 4.2.3.4.5.1.3. Sử dụng module UsersOnline liệt kê thành viên Online. Download và thêm mới một module vào DotNetNuke như trên. Chọn module UsersOnline từ hộp Module trong Bảng Điều Khiển, đặt vị trí xuất hiện của module này ở RightPane, chèn Dưới Cùng và sắp hàng bên trái, nhấp chọn Thêm để thêm module được chọn vào. Chọn thiết lập từ Menu sổ xuống của module UsersOnline trong RightPane. Điền các thông tin cần thiết sau: § Tiêu Đề: ta đánh vào dòng chữ Khách Online. § Đánh dấu chọn Thừa kế quyền Hiển Thị từ Trang. § Màu: đánh dòng chữ Aquamarine để chọn màu. § Module Container: chọn mẫu EZMlike-DarkGreenSkin- RounderBorderSlim-TitleHighlight trong gói Container EZMlike- DarkGreenSkin.zip § Đánh dấu chọn tất cả các option trong phần Thiết Lập Người Dùng Online. - Trang 47 -
  48. Khóa Luận Tốt Nghiệp Hình 60 – Màn hình thiết lập Module UsersOnline Sau khi Cập Nhật, ta sẽ được kết quả như hình bên : Ghi chú: một vài thông số không có vì hiện tại máy tính không kết nối Internet. - Trang 48 -
  49. Khóa Luận Tốt Nghiệp 4.2.3.4.5.1.4. Sử dụng module ICPC-Counter để tính tổng số khách truy cập trên website. Download và thêm mới một module vào DotNetNuke như trên. Chọn module ICPC-Counter từ hộp Module trong Bảng Điều Khiển, đặt vị trí xuất hiện của module này ở RightPane, chèn Dưới Cùng và sắp hàng bên trái, nhấp chọn Thêm để thêm module được chọn vào. Cầu hình Module ICPC-Counter tương tự như cầu hình module UsersOnline. Sau khi hoàn tất thiết lập và Cập Nhật, ta có kết quả tương tự như sau: Hình 61 – Kết quả sau khi thiết lập Module ICPC-Counter. Nhấp chọn Edit Counter để chọn số bắt đầu tính truy cập cùng với một số kiểu hiển thị module ICPC-Counter. - Trang 49 -
  50. Khóa Luận Tốt Nghiệp 4.2.3.4.5.1.5. Sử dụng module Text/HTML tạo Menu bên trái trang TỔNG QUAN. Chọn module Text/HTML có sẵn trong Bảng Điều Khiển, chèn chúng vào LeftBane, Thiết Lập giao diện hiển thị cho Mocdule Text/HTML tương tự như các Module trên. Sau đó ta nhấp chọn vào phần Thay Đổi Văn Bản để đến cửa sổ soạn thảo, soạn thảo giao diện hiển thị kể cả hình ảnh, tô đen đoạn văn bản (hay hình ảnh) muốn tạo liên kết, click vào biểu tượng liên kết bên dưới và lựa chọn theo các yêu cầu tiếp theo để thiết lập liên kết trang. Hình 62 – Biểu tượng thực hiện liên kết. Hình 63 – Các bước thực hiện liên kết. Sau khi dùng các module cần thiết tạo nên giao diện trang TỔNG QUAN, ta có kết quả toàn cảnh hiển thị trang TỔNG QUAN như sau: - Trang 50 -
  51. Khóa Luận Tốt Nghiệp Hình 64– Màn hình hiển thị nội dung toàn cảnh trang TỔNG QUAN. 4.2.3.4.5.2. Thiết kế giao diện hiển thị nội dung trang ĐƠN VỊ TRỰC THUỘC. Tương tự như thiết kế giao diện hiển thị trang TỔNG QUAN, ta sử dụng các modue Announcements, Text/HTML và ICPC-Counter thiết kế giao diện hiển thị trang ĐƠN VỊ TRỰC THUỘC, sau khi thiết kế, trang ĐƠN VỊ TRỰC THUỘC sẽ có hình dạng như sau: - Trang 51 -
  52. Khóa Luận Tốt Nghiệp Hình 65 – Màn hình hiển thị nội dung toàn cảnh trang ĐƠN VỊ TRỰC THUỘC. 4.2.3.4.5.3. Thiết kế giao diện hiển thị nội dung trang ĐÀO TẠO Tương tự như thiết kế giao diện hiển thị trang ĐƠN VỊ TRỰC THUỘC, ta sử dụng các modue Announcements, Text/HTML, UsersOnline và ICPC-Counter thiết kế giao diện hiển thị trang ĐÀO TẠO, sau khi thiết kế, trang ĐÀO TẠO sẽ có hình dạng như sau: - Trang 52 -
  53. Khóa Luận Tốt Nghiệp Hình 66 – Màn hình hiển thị nội dung toàn cảnh trang ĐÀO TẠO. - Trang 53 -
  54. Khóa Luận Tốt Nghiệp 4.2.3.4.5.4. Thiết kế giao diện hiển thị nội dung trang TIỆN ÍCH Hình 67 – Màn hình hiển thị nội dung toàn cảnh trang TIỆN ÍCH. - Trang 54 -
  55. Khóa Luận Tốt Nghiệp 4.2.3.4.5.5. Thiết kế giao diện hiển thị nội dung trang DIỄN ĐÀN Trang DIỄN ĐÀN của Trường Cao Đẳng Kinh Tế Kỹ Thuật VIANTEX TPHCM phục vụ nhu cầu trao đổi học tập vào đào tạo cũng như hỏi đáp những thông tin cần thiết phục vụ nhu cầu học tập và giảng dạy của tất cả mọi người. Module Forum dùng để tạo nên một diễn đàn trao đổi dành cho các thành viên khi đăng nhập, nghĩa là người dùng bình thường chỉ xem được nội dung có sẵn khi lướt web và chỉ phản hồi hay đặt câu hỏi khi hoàn thành các thủ tục đăng ký thành viên của diễn đàn. Để tạo một diễn đàn trao đổi các vấn đề về học tập và đào tạo, đầu tiên ta phải thêm một trang mới với tên là DIỄN ĐÀN HỌC TẬP VÀ ĐÀO TẠO với quyền xem trang là tất cả mọi người. 4.2.3.4.5.5.1. Cài đặt Module Forum vào DOTNETNUKE Trang DIỄN ĐÀN HỌC TẬP VÀ ĐÀO TẠO mới được tạo với giao diện trống, bây giờ ta sẽ thêm một module mới vào để tạo nên diễn đàn thực sự, đó là module Forum. Chọn Định nghĩa Module từ Menu HOST sổ xuống trong trang DIỄN ĐÀN HỌC TẬP VÀ ĐÀO TẠO đang hiện hành, Forum cũng là một module có hợp sẵn trong bộ DOTNETNUKE từ vestion 4 trở lên do đó ta chỉ cần đánh dấu chọn vào nó trong phần liệt kê Các Module Có Sẵn và sau đó nhấn chọn Cài Đặt Các Module Được Chọn để tiến hành cài module Forum. Trong một khoảnh khắc nhỏ trên phần liệt kê Các Module Đã Được Cài sẽ xuất hiện module Forum. 4.2.3.4.5.5.2. Sử dụng Module Forum Trong giao diện thiết kế trang DIỄN ĐÀN HỌC TẬP VÀ ĐÀO TẠO ta chèn module Forum vào. Theo cách chèn module truyền thống, trong phần Quản Lý Trang chọn Forum từ Menu - Trang 55 -
  56. Khóa Luận Tốt Nghiệp Module sổ xuống, đặt ở vị trí ContentPane và xuất hiện từ bên trái màn hình. Module Forum nguyên sơ có dạng như sau: Hình 68– Module Forum sau khi thêm vào ContentPane. Chọn Thiết Lập từ menu Module sổ xuống để định dạng cho module Forum, ta sẽ quan tâm đến các mục cầu hình sau: 1. Tiêu Đề Module: Tên hiển thị của module Forum, ta đặt như sau: Diễn Đàn Trao Đổi Học Tập - Đào Tạo Trường Cao Đẳng Kinh Tế Kỹ Thuật VINATEX TPHCM. 2. Quyền Truy Cập: Trang Forum là một trang công cộng, vì thế ở phần phân quyền truy cập ta đánh dấu chọn vào Tất Cả Người Dùng khi xem trang. 3. Footer: Đây là dòng chú thích phía đưới diễn đàn dành cho người quản trị Forum. Trong trang DIỄN ĐÀN HỌC TẬP VÀ ĐÀO TẠO này ta sẽ chú thích với dòng chữ như sau ở cuối diễn đàn: AdminAcount đề nghị thành viên trao đổi lành mạnh. Nếu vi phạm nội quy trên, AdminAcount sẽ xóa bỏ vĩnh viễn tư cách thành viên tham gia diễn đàn. - Trang 56 -
  57. Khóa Luận Tốt Nghiệp 4. Module Container: Là mục định dạng hình dáng của Forum xuất hiện trong trình duyệt, ta sẽ chọn kiểu xuất hiện: Zazza-sand- Image HeaderWhiteBackground. Hình 69 – Màn hình Thiết lập Module Forum. Hình 70 – Màn hình hiển thị sau khi Thiết Lập Module Forum. Mô hình chung về một về một diễn đàn đã định hình, việc còn lại là ta phải cầu hình sao cho Module Forum biến thành một diễn đàn trao đổi thực sự. Một diễn đàn trao đổi hoàn chỉnh phải được sắp xếp theo các mục thảo luận riêng biệt. Đễ dễ quản lý thông tin trên diễn - Trang 57 -
  58. Khóa Luận Tốt Nghiệp đàn, ta sẽ chia diễn đàn thảo luận thành từng nhóm chủ đề nhỏ. Để tạo nhóm chủ đề trên diễn đàn, ta nhấp chọn vào biểu tượng Quản Trị Forum trên module Forum, màn hình Quản Trị Forum hiện lên với 8 chức năng chính của diễn đàn, ta tiếp tục nhấp chọn biểu tượng Quản Lý Forum/Nhóm để tạo các nhóm thảo luận riêng biệt. Hình 71 – Màn hình Quản Trị Forum. Màn hình Quản Lý Forum hiện ra, trong diễn đàn chỉ xuất hiện một mục Chung, ta sẽ chọn biểu tượng Cầu Hình Forum bên phải để đổi tên của nhóm Chung này thành nhóm Quản Trị Forum cho người quản trị Post lên những thông báo chung cho diễn đàn. Hình 72 – Màn hình đổi tên nhóm Chung thành QUẢN TRỊ FORUM Quản Trị Forum là nhóm đầu tiên được chỉnh sửa, bây giờ ta sẽ tạo thêm các nhóm thảo luận khác, nhấp chọn Thêm Nhóm trong màn hình Quản Lý Forum, màn hình Quản Lý Nhóm hiện ra, ta điền vào tên nhóm mới sẽ hiển thị, ví dụ ta sẽ tạo thêm nhóm mới với tên nhóm - Trang 58 -
  59. Khóa Luận Tốt Nghiệp là : NHÓM CHUYÊN NGÀNH để sinh viên thảo luận về các môn học hay các vấn đề chung về ngành học của mình, nhấp chọn Add để hoàn tất tạo nhóm mới. Hình 73 – Màn hình tạo thêm nhóm mới. Tiếp tục quá trình trên để tạo các nhóm thảo luận cho Forum NHÓM CHUYÊN NGÀNH là một nhóm lớn nhằm phân biệt nhóm thảo luận với các chuyên đề khác, trong NHÓM CHUYÊN NGÀNH ta sẽ tạo thêm các nhóm chi tiết về các chuyên ngành đào tạo của trường, tương tự như tạo NHÓM CHUYÊN NGÀNH, ta nhấp chọn vào biểu tượng dấu + phía trước NHÓM CHUYÊN NGÀNH, sau đó nhấp chọn Thêm phía dưới để tạo nhóm con. Theo hình ta sẽ tạo thêm nhóm con THIẾT KẾ THỜI TRANG trong NHÓM CHUYÊN NGÀNH. - Trang 59 -
  60. Khóa Luận Tốt Nghiệp Hình 74 – Màn hình tạo nhóm con phân cấp từ nhóm vừa tạo. Sau khi Cập Nhật ta sẽ được kết quả như sau: Hình 75 – Kết quả tạo các nhóm phân cấp. Sau khi tạo xong các nhóm thảo luận riêng biệt, ta quay lại màn hình thiết kế trang DIỄN ĐÀN HỌC TẬP VÀ ĐÀO TẠO với kết quả như sau: - Trang 60 -
  61. Khóa Luận Tốt Nghiệp Hình 76 – Màn hình toàn cảnh diễn đàn sau khi thiêt kế hoàn tất - Trang 61 -
  62. Khóa Luận Tốt Nghiệp 4.2.3.4.5.6. Thiết kế giao diện hiển thị nội dung trang THÔNG TIN Hình 77 – Màn hình hiển thị nội dung toàn cảnh trang THÔNG TIN. 4.2.3.4.5.7. Thiết kế giao diện hiển thị trang CFS CSHOP 4.2.3.4.5.7.1. Cài đặt Module Store vào DOTNETNUKE - Trang 62 -
  63. Khóa Luận Tốt Nghiệp Dotnetnuke hổ trợ thiết kế website bán hàng trực tuyến nhờ vào module Store có tích hợp sẵn trong gói cài đặt nhưng chưa kích hoạt để sử dụng. Ta tiến hành cài Module Store tương tự như các Module trên. Sau khi cài đặt hoàn tất, module Store xuất hiện trong phần Các Module Đã Được Cài Đặt, đồng thời gói module Store này cũng xuất hiện trong hộp module trên Bảng Điều Khiển (ControlPane). Gói Module Store bao gồm 5 module thành phần: Hình 78- Các thành phần của Module Store. 4.2.3.4.5.7.2. Thêm 2 trang mới phục vụ cho Module Store Store là gói module giúp người thiết kế quản lý cửa hàng mình một cách linh động và tiện lợi nhất các danh mục cũng như sản phẩm của cửa hàng. Yêu cầu sử dụng module Store là ta phải thiết kế 2 trang với 2 mục đích khác nhau: § Trang STORE ADMIN dành cho việc thiết kế và quản lý sản phẩm cũng như nhân viên cửa hàng với quyền truy cập là Admin, không hiển thị cho người truy cập thông thường. - Trang 63 -
  64. Khóa Luận Tốt Nghiệp § Trang CFS SHOP thể hiện giao diện cho người truy cập website, lựa chọn sản phẩm trực tuyến cũng như thanh toán chi phí theo lựa chọn hàng hóa. 4.2.3.4.5.7.3. Sử dụng Module Store. 4.2.3.4.5.7.3.1. Sử dụng Store ở trang ADMIN STORE ADMIN STORE là trang dành cho quản trị viên, thiết kế và quản lý sản phẩm của mình. Ta nhấp chọn Mudule Store Admin từ Menu sổ xuống của hộp menu module, đặt module này trong phần Content Pane và sắp hàng từ trái sang. Module Store Admin xuất hiện với dòng chữ chỉ hiển thị cho các quản trị viên, lúc này ta sẽ điền một vài thông tin chính yếu đến cửa hàng mình ở mục Store Name (Tên cửa hàng), Currency Symbol: (định dạng loại giá trị hiển thị, Store Page (trang hiển thị cửa hàng), Shopping Cart Page (trang hiển thị thẻ thanh toán) và nhấp chọn Cập Nhật để các thao tác đầu tiên được thiết lập. Hình 79 – Thiết lập hiển thị Module Store Admin Bước tiếp theo là ấn định danh mục sản phẩm trong module Store. Nhấp chọn Categories để sang màn hình thiết kế danh mục hiển thị sản phẩm. Click Add Category, Name: điền vào tên danh - Trang 64 -
  65. Khóa Luận Tốt Nghiệp mục hàng hóa, Order: định vị trí xuất hiện và Parent để ấn định danh mục cha. Hình 80 – Cầu hình danh mục loại sản phẩm trong Catalogies. Bây giờ ta sẽ thêm vào hình ảnh, giá cả, lời chú thích của sản phẩm vào phần Products trong module Store. Sau khi nhấp chọn Products, một màn hình thiết lập mới hiện ra để ta nhập sản phẩm của mình vào. Category là phần chọn danh mục mà các sản phẩm mới sẽ xuất hiện bên trong nó. Nhấp chọn Add Product để thêm mới sản phẩm vào, màn hình thêm mới sản phẩm xuất hiện, ta nhập các thông tin cần thiết và hình ảnh vào ở các mục chính sau: Manufacturer (Tên sản phẩm), Unit Price (Giá trị sản phẩm), Image (lựa chọn hình ảnh sản phẩm), và thông tin chi tiết về sản phẩm trong phần Description. - Trang 65 -
  66. Khóa Luận Tốt Nghiệp Hình 81 – Màn hình thêm sản phẩm mới trong Catalogy Sau mỗi sản phẩm được chọn ta nhấp Cập Nhật, tiếp tục như thế cho đến khi hết các sản phẩm trong chuyên mục cần thêm vào. - Trang 66 -
  67. Khóa Luận Tốt Nghiệp Hình 82 - Màn hình hiển thị các sản phẩm (Products) có trong danh mục Catalogy. 4.2.3.4.5.7.3.2. Sử dụng Store ở trang CFS SHOP CFS SHOP là trang hiển thị sản phẩm và liệt kê chi phí lựa chọn của khách hàng, trong trang này ta sẽ sử dụng 3 module Store Catalog, Store Menu và Store Mini Cart. Thêm mới 3 module này từ hộp danh sách module trên Bảng Điều Khiển, khi xuất hiện trong trang CFS SHOP, tất cả các module trên bảng thân nó đã được thiết lập trong quá trình ta thiết lập module Admin Store, nhiệm vụ của 3 module này là hiển thị kết quả theo thứ tự sau: ü Store Catalog: hiển thị các sản phẩm theo danh sách chọn từ Store Menu. ü Store Menu: Liệt kê danh mục các sản phẩm. ü Store Mini Cart: Thể hiện các sản phẩm mà khách hàng chọn mua đồng thời liệt kê giá trị giỏ hàng kể cả thủ tục đăng ký mua hàng của khách. Trang trí các module để chúng xuất hiện trong trang cùng với vài thiết lập chính, ta sẽ có kết quả sau: - Trang 67 -
  68. Khóa Luận Tốt Nghiệp Hình 83– Màn hình hiển thị trang CFS Hình 84 – Màn hình đăng ký xác nhận đặt SHOP sau khi thiết kế hoàn tất. hàng của khách. - Trang 68 -
  69. Khóa Luận Tốt Nghiệp 4.2.3.4.5.8. Thiết kế giao diện hiển thị nội dung trang ĐOÀN THANH NIÊN Sử dụng Module Text/HTML giới hiệu các Hình ảnh hoạt động của Đoàn Thanh Niên được thiết kế trong RightBane. Sử dụng Module ICPC-Counter để hiển thị tổng số lược truy cập website trong LeftPane. Sử dụng Module UsersOnline để liệt kê các thông tin thành viên truy cập website trong LeftPane. Sử dụng gói Module Article để cung cấp các chỉ mục thông tin cần thiết trong ContentPane. Ø Cài đặt Module Article vào gói DOTNETNUKE § Module Article bao gồm 2 gói dữ liệu, đó là gói Catalogies (gói dành cho các quản trị viên dùng phân loại nhóm tin tức) và gói Article (gói hiển thị nhóm và chi tiết thông tin dành cho tất cả người truy cập). § Cách cài đặt gói module này tương tự như cách cài đặt các gói module khác, chỉ khác là sau khi cài đặt 2 gói trong module tin tức này, ta phải tạo ra 2 tài khoàn người dùng. v Article_Administrator: ü Full quyền (thêm, xóa, sửa, duyệt, bỏ duyệt). ü Khi vào trang edit sẽ thấy chức năng set ngày đăng tin, set ngày hết hạn, thấy checkbox Duyệt bài. v Article_Creator: ü Thêm, sửa (sửa xong, save, bài sẽ về trạng thái [Chờ duyệt] nếu đã duyệt rồi), ü Xóa những bài [Chờ duyệt], bài duyệt rồi không có quyền xóa. Khi vào trang edit sẽ không thấy checkbox duyệt bài, không thấy chức năng set ngày đăng tin, ngày hết hạn. - Trang 69 -
  70. Khóa Luận Tốt Nghiệp Ø Sử dụng Module Article thiết kế các chỉ mục thông tin về đoàn thanh niên trong ContentPane của trang ĐOÀN THANH NIÊN. Module tin tức quán lý các thông tin từ trong mục Catalogies, Module Catalogies sẽ phân loại nhóm tin tức và phục vụ cho nhu cầu cầu hình nhóm tin cho người quản trị. Đầu tiên ta cần tạo ra các nhóm tin tức từ Module Catalogies trước khi sử dụng module Article. Add Module Catalogies vào LeftPane trong trang thiết kế ĐOÀN THANH NIÊN, cầu hình hiển thị giao diện cho Module Catalogies ở phần Thiết Lập trong Menu sổ xuống của Module Catalogies. Sau khi thiết lập hoàn tất phần giao diện cơ bản, ta nhấp chọn vào Thêm Chuyên Mục phía dưới Module Catalodies để tiến hành thêm các nhóm tin cần thiết và ấn chọn Cập Nhật sau mỗi lần thêm nhóm tin mới. Sau khi hoàn tất tạo các nhóm tin từ Module Catalogies ta có kết quả như sau: Bây giờ ta sẽ Add tiếp Module Article để soạn tin mới và hiển thị chi tiết nội dung tin. Chọn Module Article từ hộp chứa Module trong Bảng Điều Khiển, cho xuất hiện vào phần ContentPane, Article xuất hiện với các chỉ mục tin tức soạn sẵn vừa rồi, việc còn lại là ta chỉ việc thêm các tin mới vào trong các nhóm tin mà thôi. Nhấp chọn Tạo tin mới phía dưới Module Article, một trình soạn thảo quen thuộc xuất hiện để ta tạo ra tin Hình 85– Các chuyên mới, điền và lựa chọn đầy đủ các thông tin mục tin tức trong trong các phần chủ yếu như Tiêu đề, Chuyên Catalogies Module mục, Ảnh, Lời dẫn, Chi tiết và không quên Cập Nhật sau mỗi lần soạn tin mới. Màn hình soạn thảo tin mới như sau: - Trang 70 -
  71. Khóa Luận Tốt Nghiệp Hình 86– Màn hình soạn thảo nội dung tin mới. Sau khi hoàn tất việc soạn tin bằng cách sử dụng gói Module tin tức Article, Liệt kê các thông tin thành viên truy cập website bằng Module UsersOnline, tính tổng số lượng truy cập website bằng Module ICPC- Counter và thiết kế các hình ảnh quảng cáo bằng Module Text/HTML, ta được kết quả thiết kế trang thông tin ĐOÀN THANH NIÊN như sau: - Trang 71 -
  72. Khóa Luận Tốt Nghiệp Hình 87 - Màn hình hiển thị nội dung toàn cảnh trang ĐOÀN THANH NIÊN. - Trang 72 -
  73. Khóa Luận Tốt Nghiệp 4.2.3.4.5.9. Thiết kế trang TRA CỨU ĐIỂM. 4.2.3.4.5.9.1. Thiết kế cơ sở dữ liệu Quản lý điểm số HSSV. Công cụ thiết kế cơ sở dữ liệu quản lý điểm số HSSV. Sử dụng hệ quản trị cơ sở dữ liệu SQL Server 2005 để thiết kế cơ sở dữ liệu quản lý điểm số HSSV. Lưu trữ cơ sở dữ liệu này trong phần App_Data của gói DOTNETNUKE. Thiết kế các thực thể. § SINH VIÊN bao gồm các thành phần: Mã sinh viên, mã chuyên ngành mã lớp, họ tên sinh viên, nguyên quán, ngày sinh, khóa học, phái, số điện thoại và địa chỉ email. § CHUYÊN NGÀNH bao gồm các thành phần: mã chuyên ngành và tên chuyên ngành. § LỚP bao gồm các thành phần: mã lớp và tên lớp § HỌC PHẦN bao gồm các thành phần: mã học phần, tên học phần, số tín chỉ, số tiết lý thuyết và số tiết thực hành. § HỌC KỲ bao gồm các thành phần: mã học kỳ, tên học kỳ và năm học kỳ. § ĐIỂM bao gồm các thành phần: mã sinh viên, mã học phần, mã học kỳ, điểm trung bình môn, điểm thi lần 1, điểm thi lần 2, điểm cuối kỳ và ghi chú. Tên các bảng và các cột dữ liệu. § SINHVIEN:MaSV, MaCN, MaLop, HoTenSV, NguyenQuan, NgaySinh, KhoaHoc, Phai, SoDienThoai, Email. § CHUYÊN NGÀNH: MaCN, TenCN. § LỚP: MaLop, TenLop. § HỌC PHẦN: MaHP, TenHocPhan, SoTinChi, SoTietLT, SoTietTH. § HỌC KỲ: MaHK, TenHocKy, NamHocKy. - Trang 73 -
  74. Khóa Luận Tốt Nghiệp § ĐIỂM: MaSV, MaHP, MaHK, DiemTBM, Diemthi1, Diemthi2, DiemCuoiKy, GhiChu. Mô hình quan hệ giữa các thực thể. Hình 88 – Mô hình quan hệ giữa các thực thể. Nhập dữ liệu trong các bảng dữ liệu. Bảng Chuyên ngành Bảng Lớp - Trang 74 -
  75. Khóa Luận Tốt Nghiệp Bảng Học kỳ Bảng Học phần Bảng Sinh viên Bảng Điểm - Trang 75 -
  76. Khóa Luận Tốt Nghiệp 4.2.3.4.5.9.2. Thiết kế trang TRA CỨU ĐIỂM. Tạo một gói lưu trữ trang TRA CỨU ĐIỂM mới với các bước sau: § Tạo một Folder mới với tên gợi nhớ là Quanlyhocsinh trong ổ đĩa C nhằm lưu trữ trang tra cứu điểm số cùng với module kết nối. § Sử dụng Visual Studio 2005 tạo mới một Website và chỉ vào gói lưu trữ trang tra cứu vừa tạo bên trên. § Tạo một module kết nối với tên là Ketnoi.cs và lưu trữ trong Folder App_Code. Nội dung của module kết nối như sau: Hình 89 - Code module kết nối. Tạo một trang mới trong gói Quanlyhocsinh. Trong màn hình Microsoft Visual Studio hiện hành, ta tạo mới một trang với tên là SearchData.aspx. Ta sử dụng các Textbox, Button và Label thiết kế giao diện như sau: - Trang 76 -
  77. Khóa Luận Tốt Nghiệp Hình 90 – Màn hình thiết kế giao diện TRANG TRA CỨU. Sau khi thiết kế giao diện xong ta viết Code cho nút lệnh tra cứu như sau: - Trang 77 -
  78. Khóa Luận Tốt Nghiệp Hình 91 - Code cho nút lệnh tra TRA CỨU. 4.2.3.4.5.10. Thiết kế giao diện hiển thị nội dung TRANG CHỦ. Giao diện trang chính (TRANG CHỦ) cũng được thiết kế dựa trên các Module tương Tự như các trang bên trên. Sử dụng Module Text/HTML cho việc tạo các hình ảnh liên kết cùng hình ảnh giới thiệu về Trường. Sử dụng Module ICPC-Counter để hiển thị tổng số lượt truy cập website. Sử dụng Module UsersOnline để liệt kê các thông tin thành viên truy cập website. Sử dụng gói Module Article để cung cấp các chỉ mục thông tin cần thiết. Sử dụng Module Account Login tạo chức năng đăng nhập cho các thành viên chưa là cũng như đăng ký cho người dùng chưa là thành viên của website. Ø Cài đặt Module Account Login: - Trang 78 -
  79. Khóa Luận Tốt Nghiệp Account Login là một Module được tích hợp sẵn trong gói cài đặt DOTNETNUKE, vì thế ta sẽ lựa chọn cài đặt module này từ trong hệ thống các Module sẵn có trong phần Định nghĩa Module. Ø Sử dụng Module Account Login: Sau khi cài đặt hoàn tất Module Account Login, ta sẽ chọn add thêm module này vào phần RightPane trong TRANG CHỦ, chỉ cần thực hiện các Thiết Lập hiển thị cơ bản và Cập Nhật là ta đã hoàn tất thiết kế tính năng đăng nhập hoặc đăng ký cho người truy cập website. Sử dụng Module Survey để thăm dò ý kiến người truy cập website. Website được thiết kế phục vụ một đích truy cập của người dùng, những câu hỏi như : website thực sự hữu ích hay không ? thông tin cung cấp hoàn chỉnh chưa? giao diện có thu hút người lướt web? Đó là bài toán mà người thiết kế website luôn chú tâm để trả lời. Module Survey giải quyết được những vấn đề trên vì nó tạo ra một số câu hỏi cùng với các câu trả lời và gửi chúng đến người quản trị, góp ý về các mặt cần thiết để sửa chữa website. Module Survey cũng là một Module tích hợp sẵn trong gói cài đặt DOTNETNUKE, ta thực hiện add chúng vào tương tự như Module Account Login. Sau phần Thiết Lập hiển thị cơ bản, ta nhấp chọn Thêm điều tra ở phía dưới Module Survey, màn hình mới hiện ra cho phép ta thiết lập các câu hỏi và câu trả lời cùng với cách trả lời chỉ một (Chọn lựa đơn) hay chọn nhiều (Chọn lựa nhiều) trong phần Kiểu, màn hình soạn thảo câu hỏi điều tra tương tự như sau: - Trang 79 -
  80. Khóa Luận Tốt Nghiệp Hình 92 - Màn hình soạn thảo câu hỏi điều tra và kết quả trong Module Survey. Sử dụng Module Links để tạo liên kết đến các website khác. Module Links cũng được tích hợp sẵn và ta chỉ việc lựa chọn cài đặt trong kho Module dự trữ. - Trang 80 -
  81. Khóa Luận Tốt Nghiệp Sau khi Thiết Lập hiển thị xong, ta nhấp chọn Thêm Liên Kết ở phần cuối Module Links, một màn hình tạo liên kết hiện ra với các tùy chọn, cung cấp các thông tin cần thiết về tên và địa chỉ website muốn lên kết đến Màn hình tạo mới một liên kết như sau: Hình 93 – Màn hình soạn thảo liên kết và kết quả hiển thị Module Links Với việc sử dụng các Module trên ta đã thiết kế TRANG CHỦ với giao diện như sau: - Trang 81 -
  82. Khóa Luận Tốt Nghiệp - Trang 82 -
  83. Khóa Luận Tốt Nghiệp Hình 94 – Màn hình hiển thị nội dung toàn cảnh trang TRANG CHỦ. - Trang 83 -
  84. Khóa Luận Tốt Nghiệp CHƯƠNG 5 THỬ NGHIỆM 5.1. XEM THÔNG TIN MỘT TRANG BẤT KỲ. Ta vào một trang bất kỳ để xem thông tin, vd: click chọn TRANG CHỦ. - Trang 84 -
  85. Khóa Luận Tốt Nghiệp Hình 95 – Toàn cảnh TRANG CHỦ khi truy cập. Sau khi click chọn vào một mẫu tin trên TRANGCHỦ, vd: BÁO CÁO CHUYÊN ĐỀ “PHÁT TRIỂN KỸ NĂNG GIAO TIẾP TRONG KINH DOANH” (09/07), chi tiết về phần mẫu tin trên sẽ hiện ra trên nền của TRANG CHỦ như sau: - Trang 85 -
  86. Khóa Luận Tốt Nghiệp Hình 96 – Chi tiết của mẫu tin được chọn 5.2. THAM GIA DIỄN ĐÀN. Hình 97 – Toàn cảnh trang DIỄN ĐÀN HỌC TẬP – ĐÀO TẠO khi truy cập. Ta click vào những nhóm trao đổi trên diễn đàn để xem, Forum chỉ cho phép Post bài lên hay trả lời trong diễn đàn khi người dùng có tài khoản và đã đăng nhập. 5.3. MUA SẮM TRONG SHOP CFS - Trang 86 -
  87. Khóa Luận Tốt Nghiệp Hình 98 – Toàn cảnh trang CFS SHOP khi truy cập. Ta click chọn mua vào món hàng, Trong giỏ hàng sẽ liệt kê tên hàng và giá trị, kèm theo thông tin cần thiết để khách hàng xác nhận mua hàng qua mạng . 5.4. TRA CỨU ĐIỂM SỐ - Trang 87 -
  88. Khóa Luận Tốt Nghiệp Hình 99 – Kết quả tra cứu khi điều kiện lọc bị sai. Khi màn hình tra cứu điểm số hiện lên, ta nhập Mã số sinh viên vào và click chọn TRA CỨU để xem thông tin điểm của từng môn học Hình 100 - Kết quả tra cứu khi nhập đúng Mã số sinh viên. - Trang 88 -
  89. Khóa Luận Tốt Nghiệp CHƯƠNG 6 TỔNG KẾT VÀ ĐÁNH GIÁ KẾT QUẢ ĐỀ TÀI 6.1. ĐÁNH GIÁ CHUNG. Đề tài Xây dựng ứng dụng tra cứu điểm số của HSSV trường Cao Đẳng Kinh Tế Kỹ Thuật VINATEX được thiết kế trên cơ sở sử dụng hệ quản trị nội dung CMS DOTNETNUKE phù hợp với chủ trương xây dựng website mã nguồn mở của Bộ Giáo Dục và Đào Tạo. Với ngôn ngữ thiết kế trên, trong tương lai ta có thể phát triển thêm nhiều ứng dụng khác phục vụ cho nhu cầu phát triển của đơn vị. Website đã thay đổi về mặt nội dung và hình thức theo hướng tích cực, vừa cung cấp tương đối đầy đủ thông tin về Trường cũng như thông tin và hoạt động của các đơn vị trực thuộc vừa xây dựng được ứng dụng tra cứu điểm số HSSV trên website. Giao diện tuy có thay đổi nhưng chưa thực sự thu hút người xem, để có được những trang web sinh động, ta nên sử dụng flash nhiều hơn trong quá trình thiết kế để tạo ra những hình ảnh chuyển động dưới nhiều dạng khác nhau. Tuy nhiên, do thời gian thực hiện đề tài hạn chế nên thông tin nhà Trường cung cấp chưa thật sự hoàn chỉnh nhất là trong thời gian đầu đổi tên trường và cũng nằm trong mùa tuyển sinh năm 2009. 6.2. ĐÃ HOÀN THÀNH. - Thiết kế mới giao diện website cung cấp thông tin cần thiết về hoạt động giáo dục, đào tạo và kinh doanh, đáp ứng nhu cầu thị hiếu người truy cập. - Xây dựng ứng dụng tra cứu điểm số HSSV theo mã số. 6.3. CHƯA LÀM ĐƯỢC. - Chưa chạy trên môi trường Inetrnet. - Thông tin về trường chưa thực sự hoàn chỉnh, cần phải cập nhật thêm trước khi đưa website chạy trên môi trường internet. - Chưa thiết kế màn hình nhập liệu cho cơ sở dữ liệu Quản lý Điểm của HSSV trên nền DOTNETNUKE. 6.4. LÝ DO. - Trang 89 -
  90. Khóa Luận Tốt Nghiệp - Trường Cao Đẳng Kinh Tế Kỹ Thuật VINATEX TPHCM chưa cung cấp hoàn chỉnh thông tin, website chưa chính thức được phê duyệt nên trường chưa thuê host và tên miền để duy trì website trên môi trường internet. - Trang 90 -
  91. Khóa Luận Tốt Nghiệp CHƯƠNG 7 HƯỚNG PHÁT TRIỂN ĐỀ TÀI 7.1. MỞ RỘNG TRA CỨU VỚI NHIỀU ĐIỀU KIỆN. Website được thiết kế với ứng dụng tra cứu điểm số theo mã số HSSV, trong tương lai ta sẽ mở rộng điều kiện tra cứu và hình thức tra cứu để khi HSSV quên mã số thì có thể tra cứu với các dữ liệu khác của mình (tra cứu theo tên, theo lớp, theo học kỳ ) 7.2. LIÊN KẾT VỚI HỆ THỐNG PHẦN MỀM EDUSOFT. EDUSOFT là phần mềm quản lý đào tạo hiện đang được triển khai sử dụng trong Trường Cao Đẳng Kinh Tế Kỹ Thuật VINATEX TPHCM. Tiện ích mà phần mềm này mang lại rất bổ ích cho hoạt động quản lý đào tạo của trường. Trong tương lai, những lợi ích mà phần mềm EDUSOFT mang lại sẽ được tích hợp lên website của trường, ví dụ như: tìm thông tin về HSSV, tra cứu điểm số sẽ được lấy từ cơ sở dữ liệu quản lý HSSV, tra cứu học bổng, học phí 7.3. XÂY DỰNG ỨNG DỤNG TỰ ĐÁNH GIÁ ĐIỂM RÈN LUYỆN . Xây dựng các bảng đăng ký tự đánh giá trực tuyến, Liệt kê các chương trình mà HSSV tham gia gửi trực tuyến về phòng Công tác HSSV mà không cần thông qua các mẫu giấy tự đánh giá 7.4. XÂY DỰNG ỨNG DỤNG ĐĂNG KÝ MÔN HỌC TRỰC TUYẾN. Vì bất cứ lý do gì HSSV muốn đăng ký trả nợ môn học, đăng ký học lại môn học hay đăng ký các khóa học trong Trung tâm Tin học – Ngoại ngữ , HSSV không cần phải đến gặp trực tiếp Phòng Đào Tạo hay Trung tâm Tin học – Ngoại ngữ mà chỉ cần điền đầy đủ thông tin được xác nhận của mình vào phiếu đăng ký trực tuyến trên website tại bất kỳ thời điểm nào 7.5. XÂY DỰNG ỨNG DỤNG THU HỌC PHÍ QUA THẺ ATM. Hệ thống thẻ thanh toán điện tử hiện đang được sử dụng ngày càng rộng rải trong hầu như mọi mặt của đời sống, vì thế ứng dụng thu học phí hay các loại phí khác qua hệ thống ngân hàng nói chung, các thẻ thanh toán nói riêng - Trang 91 -
  92. Khóa Luận Tốt Nghiệp hoàn toàn có thể áp dụng được trong môi trường học đường. Một mặt nó giải quyết được nhu cầu đóng các khoản thu của trường một cách linh hoạt mọi lúc mọi nơi, mặt khác nó đảm bảo được số tiền chuyển đến an toàn tuyệt đối (tránh nguy cơ mất, cắp, tiền giả ) - Trang 92 -
  93. Khóa Luận Tốt Nghiệp CHƯƠNG 8 KẾT LUẬN Em xin gửi lời cảm ơn đến tất cả quý Thầy cô, bạn bè – những người đã tận tình giúp đỡ em trong suốt quá trình thực hiện đề tài khóa luận tốt nghiệp, không chỉ góp ý và hướng dẩn về mặt chuyên môn mà còn giúp đỡ về mặt tinh thần để em có đủ tự tin hoàn thành khóa luận. Để hoàn thành đề tài khóa luận tốt nghiệp, em đã nhận được rất nhiều sự góp ý từ phía Thầy cô, đặc biệt là Thầy Võ Ngọc Tân đã luôn hỗ trợ mỗi khi đề tài gặp khó khăn. Bên cạnh sự giúp đỡ của Thầy cô, em còn nhận được không ít sự giúp đỡ từ phía các bạn cùng lớp. Xin chân thành ghi nhận tất cả sự giúp đỡ này và cho em gửi đến mọi người lòng biết ơn sâu sắc nhất. Tuy đã có rất nhiều cố gắng, song đề tài chắc chắn không tránh khỏi những thiếu sót, xin nhận được từ phía góp ý của Thầy cô cùng bạn bè cũng như sự cảm thông để em hoàn thành tốt khóa luận tốt nghiệp cũng như việc phát triển đề tài trong tương lai. Một lần nữa, em xin chân thành biết ơn! Sinh viên thực hiện Phan Anh Phin - Trang 93 -
  94. Khóa Luận Tốt Nghiệp MỤC LỤC CHƯƠNG 1 GIỚI THIỆU ĐỀ TÀI 1 1.1. TÍNH CẤP THIẾT VÀ LÝ DO CHỌN ĐỀ TÀI. 1 1.2. MỤC TIÊU CHÍNH CỦA ĐỀ TÀI. 1 1.3. YÊU CẦU CỦA ĐỀ TÀI. 1 1.4. GIỚI HẠN CỦA ĐỀ TÀI. 2 1.5. ĐỐI TƯỢNG PHỤC VỤ CỦA ĐỀ TÀI 2 CHƯƠNG 2 TỔNG QUAN 3 2.1. CƠ CẤU TỔ CHỨC TRƯỜNG CAO ĐẲNG VINATEX TPHCM. 3 2.2. MÔ HÌNH TỔNG QUAN GIAO DIỆN WEBSITE. 5 2.3. HIỆN TRẠNG QUẢN LÝ ĐIỂM SỐ CỦA HSSV TRONG TRƯỜNG 5 2.4. YÊU CẦU CƠ SỞ DỮ LIỆU QUẢN LÝ ĐIỂM SỐ CỦA HSSV. 6 CHƯƠNG 3 YÊU CẦU KỸ THUẬT 7 3.1. SƠ ĐỒ NGÔN NGỮ XÂY DỰNG WEBSITE. 7 3.2. CÔNG CỤ VÀ CÁC NGÔN NGỮ HỔ TRỢ 7 3.3. MÔ HÌNH TỔ CHỨC CƠ SỞ DỮ LIỆU 8 CHƯƠNG 4 TRIỂN KHAI THỰC HIỆN ĐỀ TÀI 9 4.1. GIỚI THIỆU CMS DOTNETNUKE 9 4.1.1. CMS DOTNETNUKE có thể áp dụng để xây dựng.: 10 4.1.2. Tính năng nổi bật: 10 4.1.3. Danh sách tính năng: 10 4.1.4. Danh sách các Module chức năng 11 4.2. CÀI ĐẶT CMS DOTNETNUKE 12 4.2.1. Chuẩn bị hệ thống để cài đặt CMS DOTNETNUKE 12 4.2.2. Cài đặt và khởi chạy CMS DOTNETNUKE 16 4.2.3. Sử dụng CMS DOTNETNUKE thiết kế giao diện website 21 CHƯƠNG 5 THỬ NGHIỆM 84 5.1. XEM THÔNG TIN MỘT TRANG BẤT KỲ. 84 5.2. THAM GIA DIỄN ĐÀN. 86 5.3. MUA SẮM TRONG SHOP CFS 86 5.4. TRA CỨU ĐIỂM SỐ 87 CHƯƠNG 6 TỔNG KẾT VÀ ĐÁNH GIÁ KẾT QUẢ ĐỀ TÀI 89 6.1. ĐÁNH GIÁ CHUNG. 89 6.2. ĐÃ HOÀN THÀNH 89 6.3. CHƯA LÀM ĐƯỢC. 89 6.4. LÝ DO. 89 CHƯƠNG 7 HƯỚNG PHÁT TRIỂN ĐỀ TÀI 91 7.1. MỞ RỘNG TRA CỨU VỚI NHIỀU ĐIỀU KIỆN. 91 7.2. LIÊN KẾT VỚI HỆ THỐNG PHẦN MỀM EDUSOFT 91 7.3. XÂY DỰNG ỨNG DỤNG TỰ ĐÁNH GIÁ ĐIỂM RÈN LUYỆN . 91 7.4. XÂY DỰNG ỨNG DỤNG ĐĂNG KÝ MÔN HỌC TRỰC TUYẾN 91 7.5. XÂY DỰNG ỨNG DỤNG THU HỌC PHÍ QUA THẺ ATM 91 CHƯƠNG 8 KẾT LUẬN 93 - Trang 94 -