• Không có kết quả nào được tìm thấy

ĐỒ ÁN TỐT NGHIỆP

Protected

Academic year: 2024

Chia sẻ "ĐỒ ÁN TỐT NGHIỆP"

Copied!
89
0
0

Loading.... (view fulltext now)

Văn bản

Sinh viên: Bùi Quang Tuấn - Lớp: CT1701- Chuyên ngành: Công nghệ thông tin 5 HƯỚNG DẪN LUẬN ÁN. Tôi xin chân thành cảm ơn ThS Đỗ Văn Chiêu, giảng viên Bộ môn Công nghệ thông tin - Trường Đại học Công nghệ Quản lý Hải Phòng, người đã tận tình hướng dẫn, tư vấn cho tôi trong suốt quá trình làm bài. Dù doanh nghiệp lớn hay nhỏ, dù hoạt động trong lĩnh vực nào thì việc tiếp cận công nghệ thông tin và song hành cùng công nghệ thông tin luôn mang lại lợi ích và hiệu quả cao.

Phát triển kinh doanh luôn liên quan đến việc áp dụng các ứng dụng và lợi ích khác nhau của công nghệ thông tin vào các lĩnh vực ứng dụng công nghệ thông tin, điều này giúp ích đáng kể cho hoạt động kinh doanh của công ty. Ví dụ, khi một công ty ứng dụng công nghệ thông tin vào việc phát triển phần mềm quản lý doanh nghiệp sẽ nâng cao hiệu quả, độ chính xác cao và giảm nhân lực quản lý. Tìm hiểu, nghiên cứu và xây dựng website Trường Cao đẳng Du lịch Hải Phòng.

TỔNG QUAN

  • Tổng quan về World Wide Web
    • Khái niệm
    • Cách tạo ra trang web
    • Trình duyệt web (web Client hay web Browser)
    • Webserver
  • Tổng quan về Html-css
    • Giới thiệu về html
    • Giới thiệu về Css
  • Ngôn ngữ PHP
    • Định nghĩa PHP
    • Lý do nên dùng PHP
    • Hoạt động của PHP
    • Tổng quan về PHP
    • Hàm trong php
    • Biểu mẫu PHP
    • PHP OOP(Object-Oriented Programming.)
    • Session và Cookie
  • Tổng quan về framework Yii 2
    • Giới thiệu về Yii 2
    • Một số thành phần chính
    • Routing and URL Creation

Mã PHP yêu cầu máy chủ gửi dữ liệu thích hợp (mã HTML) tới trình duyệt web. MySQL là một hệ thống quản lý cơ sở dữ liệu nguồn mở (Hệ thống quản lý cơ sở dữ liệu quan hệ, viết tắt là RDBMS) hoạt động theo mô hình máy khách-máy chủ. RDBMS là phần mềm hoặc dịch vụ dùng để tạo và quản lý cơ sở dữ liệu bằng cách quản lý mối quan hệ giữa chúng.

MySQL là một cơ sở dữ liệu có giao diện trên Windows hoặc Linux cho phép người dùng thực hiện các thao tác liên quan đến nó. Nếu ứng dụng có quy mô lớn, bạn có thể chọn cơ sở dữ liệu có quy mô lớn như Oracle, SQL Server, v.v. Để thao tác hoặc xử lý dữ liệu trong chính cơ sở dữ liệu, chúng tôi sử dụng các ngôn ngữ lập trình như: PHP, C++, Java, Visual Basic, v.v.

Hình 1 Cấu trúc website
Hình 1 Cấu trúc website

THIẾT KẾ BACK-END, FRONT-END

Phân tích thiết kế hệ thống

  • Bảng cơ sở dữ liệu
  • Các kiểu liên kết

Sinh viên: Bùi Quang Tuấn - Lớp: CT1701- Chuyên ngành: Công nghệ thông tin 26 Website được chia làm 2 thành phần. Back-end (Lập trình trên máy chủ) bao gồm các thành phần xử lý thông tin từ Front-end. Quản trị viên truy cập tính năng quản lý bài viết để quản lý các bài viết trên trang, có thể thêm, sửa, xóa và xem chi tiết bài viết.

Mỗi bài viết sẽ có hình ảnh đại diện của bài viết, nếu bài viết không có hình ảnh đại diện thì sẽ sử dụng hình ảnh mặc định. Mỗi bài viết có tiêu đề bài viết, nội dung bài viết, ngày xuất bản, bài viết thuộc thể loại nào và mỗi bài viết có nhiều hình ảnh bài viết và nhiều từ khóa bài viết, mỗi từ khóa nằm trong nhiều bài viết. Hàng ngày du khách sẽ truy cập website của trường để xem thông tin giới thiệu trường, thông tin về các bài viết nổi bật, bài viết mới nhất, thông tin khoa, thông tin sinh viên, tin tuyển sinh và tin tức v.d. công việc, đối tác.

Bảng Danh mục
Bảng Danh mục

Xây dựng back-end

  • Tạo Project và thêm framework Yii2
  • Kết nối cơ sở dữ liệu
  • Tạo Model Generator và CRUD Generator
  • Giải thích nội dung

Khi người dùng chọn chức năng Checklist sẽ hiển thị danh sách. Và chức năng cập nhật danh sách đang xem, chức năng xóa danh sách đang xem. Ở tính năng Xóa từ khóa, khi người dùng chọn xóa sẽ có giao diện hỏi có chắc chắn xóa từ khóa hay không.

Ở chức năng xóa thanh trượt, khi người dùng chọn xóa sẽ có giao diện hỏi họ có chắc chắn xóa thanh trượt hay không. Sinh viên: Bùi Quang Tuấn - Lớp: CT1701- Chuyên ngành: Công nghệ thông tin 49 Chức năng tìm kiếm bài viết qua: Ngày đăng. Article Image Row: Nếu người dùng chọn nhiều ảnh thì sẽ hiển thị số lượng ảnh đã chọn.

Hàng danh mục bài viết: Đầu tiên, tất cả các danh mục trong bảng danh mục sẽ được truy xuất. Nếu bài viết được hiển thị, hãy chọn hai Tính năng nổi bật trong Danh mục bài viết. Hàng từ khóa bài viết: Người dùng sẽ nhập từ khóa, kèm theo gợi ý cách nhập từ khóa (mỗi từ khóa cách nhau bằng dấu phẩy).

Khi xem chi tiết bài viết: Bao gồm tiêu đề bài viết làm tên bài viết. Article Image Row: Lấy toàn bộ hình ảnh bài viết của bài viết đang chỉnh sửa, thêm chức năng xóa hình ảnh. Nếu bài viết là bài viết nổi bật thì hai tính năng nổi bật sẽ được chọn trong chuyên mục bài viết.

Sinh viên: Bùi Quang Tuấn - Lớp: CT1701- Chuyên ngành: Công nghệ thông tin 55 Trong tính năng xóa bài, khi người dùng chọn xóa, giao diện sẽ hỏi họ có chắc chắn muốn xóa bài hay không. Sinh viên: Bùi Quang Tuấn - Lớp: CT1701- Chuyên ngành: Công nghệ thông tin 64 Chức năng save dùng để lưu nội dung. Ở tính năng xóa người dùng, khi người dùng chọn xóa, giao diện sẽ hỏi họ có chắc chắn xóa tài khoản người dùng hay không.

Hình  8 Giao diện CRUD Generator
Hình 8 Giao diện CRUD Generator

Xây dựng Front-end

  • Tạo thư mục
  • Tổng quan về front-end
  • Xây dựng trang trang chủ
  • Xây dựng trang giới thiệu
  • Xây dựng trang bài viết

Hai bài viết bên phải đại diện cho hai bài viết từ trang web. Nội dung tin tức là một danh sách các tin tức. Khi xem một bài viết, bạn sẽ thấy thông tin chi tiết của bài viết đó. Khi xem bài viết tuyển dụng bạn sẽ thấy được nội dung chi tiết của bài viết.

Khi xem một bài viết về một bộ phận, bạn sẽ thấy thông tin chi tiết về bài viết của bộ phận đó. Khi xem một bài viết đánh giá về HTC, bạn sẽ có thể xem được thông tin chi tiết của bài viết. Hiển thị thông tin về trường, link trang Facebook của trường, link kênh Youtube của trường, hiển thị địa chỉ bản đồ của trường.

Sinh viên: Bùi Quang Tuấn - Lớp: CT1701- Chuyên ngành: Công nghệ thông tin 72 $trangsinhvienhtc = ChiTietBaiViệt::find(). Hiển thị tiêu đề bài viết và nội dung chi tiết trên trang giới thiệu. Khi chọn thông tin về quản lý của trường sẽ hiển thị một hình ảnh chứa thông tin đó.

Khi xem một bộ phận, bạn có thể xem được nội dung chi tiết các bài viết của bộ phận đó. Khi bạn xem chi tiết bài viết, nội dung chi tiết của bài viết sẽ được hiển thị và các bài viết liên quan sẽ thuộc về các bài viết cùng chuyên mục. Ngoài chi tiết tin nhắn và tin nhắn liên quan, trang chi tiết tin nhắn còn hiển thị hình ảnh tin nhắn và tin nhắn nổi bật.

Hình  31 Giao diện trang chủ
Hình 31 Giao diện trang chủ

DEMO WEBSITE

Demo Back-end

Sinh viên: Bùi Quang Tuấn - Lớp: CT1701- Chuyên ngành: Công nghệ thông tin 81 Giao diện đăng nhập với quyền quản trị viên. Danh sách menu bao gồm danh mục bài viết, từ khóa, bài viết, thanh trượt, người dùng, hủy đăng ký (quản trị viên). Giao diện người dùng đăng nhập với tư cách quản trị viên, với tên đăng nhập Nguyễn Văn A.

Danh sách menu gồm chuyên mục bài viết, từ khóa, bài viết, thanh trượt, hủy đăng ký (Nguyễn Văn A). Giao diện người dùng đăng nhập quản trị viên sẽ không có danh mục Người dùng (nơi đặt tài khoản người dùng).

Hình 43 Giao diên khi người dùng đăng nhập
Hình 43 Giao diên khi người dùng đăng nhập

Demo Front-end

  • Demo trang trang chủ
  • Demo trang chi tiết bài viết

Sinh viên: Bùi Quang Tuấn - Lớp: CT1701- Chuyên ngành: Công nghệ thông tin 83 Trên giao diện trang chủ gồm có tên trường, giao diện chức năng tìm kiếm, danh sách menu, thanh trượt hình ảnh và bên phải là 2 mục nổi bật. Hiển thị danh sách giảng viên, nội dung bên phải là clip trường nổi bật và giao diện đăng nhập. Trong phần Nhận xét về htc, các bài viết được hiển thị và trong phần Đối tác, hình ảnh của đối tác được hiển thị.

Phần chân trang hiển thị các thông tin bao gồm tên trường, địa chỉ và số điện thoại. Trong phần Follow Us hiển thị link trang Facebook của trường và kênh YouTube của trường. Phần bản đồ hiển thị địa chỉ Trường Cao đẳng Du lịch Hải Phòng.

Giao diện trang chi tiết bài viết hiển thị tên bài viết và ảnh đại diện, nội dung chi tiết của bài viết. Đồng thời tạo ra các chức năng quản lý nội dung giúp người dùng dễ dàng thao tác và quản lý. Xây dựng tính năng phân quyền người dùng khi đăng nhập để quản lý nội dung.

Xây dựng website hiển thị nội dung linh hoạt, giúp các trường dễ dàng cập nhật tin tức, hình ảnh, bài viết. Thiếu chức năng tìm kiếm nội dung, chức năng đăng ký, đăng nhập và chức năng trò chuyện trực tuyến với người dùng. Trong thời gian tới, tôi sẽ hoàn thiện các chức năng tìm kiếm nội dung, chức năng đăng ký và đăng nhập cũng như chức năng trò chuyện trực tuyến với người dùng.

Tạo cơ sở dữ liệu phong phú, xây dựng thêm các trang chi tiết đa dạng và nội dung thân thiện với người dùng.

Hình 46 Giao diện trang chủ
Hình 46 Giao diện trang chủ

Tài liệu tham khảo

Tài liệu liên quan