Báo cáo đồ án cơ sở 2 dự án save our planet nâng cao ý thức bảo vệ môi trường

Báo cáo đồ án cơ sở 2 dự án Save Our Planet: Nâng cao ý thức bảo vệ môi trường. Tìm hiểu dự án và giải pháp bảo vệ hành tinh xanh bền vững.

Chuyên ngành

Khoa Học Máy Tính

Người đăng

Ẩn danh

Thể loại

Báo cáo đồ án cơ sở

2021

43
2
0

Phí lưu trữ

30 Point

Tóm tắt

I. Báo cáo đồ án Save Our Planet Giải pháp CNTT toàn diện

Trong bối cảnh công nghiệp hóa, hiện đại hóa đang diễn ra mạnh mẽ, các vấn đề về môi trường ngày càng trở nên cấp bách. Báo cáo đồ án cơ sở 2 dự án Save Our Planet là một công trình nghiên cứu khoa học, đề xuất một giải pháp công nghệ thông tin thiết thực nhằm giải quyết thách thức này. Dự án được thực hiện bởi nhóm sinh viên Nguyễn Khánh Toàn và Lê Quốc Việt từ trường Đại học Công nghệ thông tin và Truyền thông Việt - Hàn, dưới sự hướng dẫn của TS. Hồ Văn Phi. Mục tiêu chính của đồ án không chỉ dừng lại ở việc xây dựng một sản phẩm công nghệ, mà còn hướng đến việc tạo ra một nền tảng có sức ảnh hưởng, góp phần thay đổi nhận thức và hành vi của cộng đồng. Đồ án tập trung vào việc phát triển một website tuyên truyền môi trường mang tên “Save Our Planet”, hoạt động như một trung tâm thông tin, một diễn đàn kết nối và một nền tảng kêu gọi hành động. Bằng cách kết hợp kiến thức chuyên ngành công nghệ thông tin với các vấn đề xã hội, báo cáo khoa học này trình bày chi tiết từ quá trình lên ý tưởng, phân tích hệ thống, lựa chọn công nghệ cho đến triển khai và đánh giá sản phẩm. Đây là một minh chứng rõ ràng cho vai trò của công nghệ trong việc thúc đẩy phát triển bền vững và giải quyết các vấn đề toàn cầu.

1.1. Tổng quan về dự án cộng đồng bảo vệ hành tinh của sinh viên

Dự án “Save Our Planet” ra đời từ nhận thức sâu sắc về tình trạng ô nhiễm môi trường đang ở mức báo động tại Việt Nam và trên thế giới. Nhận thấy các phương tiện truyền thông hiện tại tuy cung cấp thông tin nhưng chưa chỉ rõ được hậu quả và cách khắc phục cụ thể, dẫn đến sự thờ ơ trong cộng đồng, nhóm tác giả đã đề xuất xây dựng một dự án cộng đồng trực tuyến. Nền tảng này không chỉ là nơi cung cấp kiến thức mà còn là không gian để mọi người tham gia trực tiếp vào các hoạt động bảo vệ hành tinh. Website tích hợp các bài viết chuyên sâu, các sự kiện thực tế và các dự án gây quỹ minh bạch, tạo thành một hệ sinh thái hoàn chỉnh, khuyến khích người dùng từ nhận thức đến hành động cụ thể.

1.2. Mục tiêu cốt lõi Nâng cao ý thức môi trường thời đại 4.0

Mục tiêu trọng tâm của đồ án là sử dụng sức mạnh của công nghệ để lan tỏa thông điệp và nâng cao ý thức môi trường cho mọi đối tượng. Thay vì các phương pháp tuyên truyền truyền thống, website “Save Our Planet” tiếp cận người dùng một cách hiện đại, tương tác và cá nhân hóa. Báo cáo xác định các mục tiêu cụ thể: (1) Cung cấp thông tin chính xác, minh bạch về các vấn đề như biến đổi khí hậu, ô nhiễm; (2) Tạo ra một diễn đàn để người dùng chia sẻ kiến thức, kinh nghiệm về lối sống xanh; (3) Tổ chức và kêu gọi tham gia các sự kiện, dự án môi trường thiết thực; (4) Xây dựng một cộng đồng những người quan tâm đến môi trường, cùng nhau hành động vì một tương lai bền vững.

1.3. Cấu trúc báo cáo khoa học và phương pháp nghiên cứu áp dụng

Bản báo cáo đồ án cơ sở 2 này được trình bày một cách khoa học và hệ thống, bao gồm 4 chương chính. Chương 1 giới thiệu tổng quan về đề tài. Chương 2 đi sâu vào phân tích và thiết kế hệ thống, bao gồm các biểu đồ use case, class diagram. Chương 3 trình bày quá trình triển khai, xây dựng website với các công nghệ cụ thể. Chương 4 tổng kết kết quả, đánh giá ưu nhược điểm và đề ra hướng phát triển trong tương lai. Phương pháp nghiên cứu được áp dụng là tổng hợp và phân tích tài liệu từ các bài báo khoa học, các website tương tự (blog, trang từ thiện, trang sự kiện), từ đó rút ra các luồng xử lý và thiết kế giao diện phù hợp cho một đồ án công nghệ thông tin.

II. Thực trạng ô nhiễm và thách thức nâng cao ý thức môi trường

Vấn đề ô nhiễm môi trường không còn là một nguy cơ tiềm ẩn mà đã trở thành một thực tại khắc nghiệt, ảnh hưởng trực tiếp đến sức khỏe con người và sự cân bằng của hệ sinh thái. Báo cáo đồ án Save Our Planet chỉ ra rằng, sự phát triển kinh tế nhanh chóng thường đi kèm với việc khai thác quá mức tài nguyên thiên nhiên và xả thải không qua xử lý, dẫn đến tình trạng ô nhiễm không khí, nước, đất ngày càng trầm trọng. Các phương tiện truyền thông đại chúng liên tục đưa tin về các điểm nóng ô nhiễm, về tác động của biến đổi khí hậu, nhưng thông tin thường rời rạc và chưa đủ sức lay động để tạo ra sự thay đổi lớn trong cộng đồng. Thách thức lớn nhất không nằm ở việc thiếu thông tin, mà ở sự thiếu kết nối giữa thông tin và hành động. Đồ án này xác định “sự thờ ơ” của con người là rào cản chính. Do đó, việc xây dựng một nền tảng cung cấp các giải pháp môi trường cụ thể, dễ tiếp cận và có tính tương tác cao là một yêu cầu cấp thiết. Nền tảng này cần phải vượt qua vai trò của một trang tin tức đơn thuần để trở thành một công cụ giáo dục và một chất xúc tác cho các dự án cộng đồng.

2.1. Phân tích vấn nạn ô nhiễm không khí nước đất hiện nay

Báo cáo đã tổng hợp các số liệu đáng báo động về tình trạng ô nhiễm tại các khu vực đô thị và công nghiệp. Ô nhiễm không khí từ khói bụi phương tiện giao thông và nhà máy, ô nhiễm nước do rác thải sinh hoạt và công nghiệp, cùng với ô nhiễm đất từ việc lạm dụng hóa chất nông nghiệp đang gây ra những hệ lụy nghiêm trọng. Những vấn đề này không chỉ làm suy giảm chất lượng sống mà còn là nguyên nhân trực tiếp gây ra nhiều bệnh tật nguy hiểm. Việc phân tích sâu các nguyên nhân này là cơ sở để website “Save Our Planet” xây dựng nội dung tuyên truyền phù hợp, giúp người dùng hiểu rõ nguồn gốc của vấn đề.

2.2. Rào cản tâm lý Sự thờ ơ của cộng đồng và vai trò truyền thông

Một trong những phát hiện quan trọng của giai đoạn khảo sát là sự tồn tại của một rào cản tâm lý lớn trong cộng đồng. Mặc dù nhận thức được sự tồn tại của ô nhiễm, nhiều người vẫn giữ thái độ thờ ơ vì cảm thấy vấn đề quá lớn, vượt ngoài tầm kiểm soát của cá nhân. Các phương tiện truyền thông hiện tại chưa thành công trong việc chỉ ra những hành động nhỏ nhưng có tác động lớn mà mỗi cá nhân có thể thực hiện. Chính vì vậy, việc nâng cao ý thức môi trường đòi hỏi một cách tiếp cận mới, tập trung vào việc trao quyền và tạo động lực cho cá nhân thông qua các giải pháp môi trường khả thi.

2.3. Nhu cầu cấp thiết về một nền tảng tuyên truyền môi trường hiệu quả

Từ những phân tích trên, đồ án khẳng định sự cần thiết của một website tuyên truyền môi trường chuyên biệt. Nền tảng này phải đáp ứng được các yêu cầu: cung cấp kiến thức khoa học tin cậy, trình bày các giải pháp thực tiễn từ tái chế rác thải đến sử dụng năng lượng sạch, và quan trọng nhất là tạo ra một không gian để kết nối những người cùng chí hướng. “Save Our Planet” được định vị để lấp đầy khoảng trống này, trở thành cầu nối giữa chuyên gia, nhà hoạt động và cộng đồng, thúc đẩy một phong trào bảo vệ hành tinh mạnh mẽ và có tổ chức.

III. Phương pháp phân tích và thiết kế website tuyên truyền môi trường

Để xây dựng một hệ thống hiệu quả, báo cáo đồ án cơ sở 2 đã áp dụng một quy trình phân tích và thiết kế bài bản, tuân thủ các nguyên tắc của ngành kỹ thuật phần mềm. Giai đoạn này là nền tảng quan trọng, quyết định tính khả thi, độ ổn định và khả năng mở rộng của sản phẩm. Quá trình bắt đầu bằng việc phân tích chi tiết các yêu cầu, bao gồm cả yêu cầu chức năng và phi chức năng. Nhóm tác giả đã xác định rõ các đối tượng người dùng (actor) của hệ thống, bao gồm: Người dùng (User), Người dùng hệ thống (System User) và Quản trị viên (Admin), mỗi đối tượng có những vai trò và quyền hạn riêng biệt. Dựa trên các yêu cầu này, các biểu đồ ca sử dụng (Use Case Diagram) đã được xây dựng để mô tả trực quan các tương tác giữa người dùng và hệ thống. Song song đó, Class Diagram cũng được thiết kế để định hình cấu trúc các đối tượng và mối quan hệ giữa chúng, tạo tiền đề cho việc xây dựng cơ sở dữ liệu. Toàn bộ quá trình này đảm bảo rằng đồ án công nghệ thông tin này không chỉ đáp ứng đúng nhu cầu đặt ra mà còn có một kiến trúc vững chắc, dễ dàng bảo trì và phát triển trong tương lai.

3.1. Đặc tả yêu cầu người dùng và hệ thống trong đồ án công nghệ thông tin

Báo cáo đặc tả chi tiết yêu cầu cho từng vai trò. Người dùng cuối có quyền xem, đăng bài viết, tham gia sự kiện, và ủng hộ dự án. Người dùng hệ thống có thêm các quyền quản lý nội dung cơ bản. Quản trị viên có toàn quyền cao nhất, bao gồm cả việc phân quyền cho các tài khoản khác. Về yêu cầu phi chức năng, hệ thống được yêu cầu phải hoạt động 24/7, có khả năng chịu tải 1000 người dùng truy cập đồng thời, và phải có giao diện thân thiện, dễ sử dụng. Những yêu cầu này là kim chỉ nam cho toàn bộ quá trình thiết kế và lập trình sau đó.

3.2. Mô hình hóa hệ thống với biểu đồ Use Case và Class Diagram

Để trực quan hóa hệ thống, các biểu đồ UML đã được sử dụng. Biểu đồ Use Case mô tả các chức năng chính như “Đăng nhập”, “Quản lý bài viết”, “Ủng hộ dự án”, “Phân quyền”. Mỗi use case được đặc tả chi tiết về tác nhân, tiền điều kiện, hậu điều kiện và luồng sự kiện. Trong khi đó, Class Diagram (trong Hình 10 của báo cáo) định nghĩa các lớp đối tượng cốt lõi như Person, User, Bài viết, Dự án, Sự kiện... cùng với các thuộc tính và phương thức của chúng. Việc mô hình hóa này giúp đội ngũ phát triển có một cái nhìn thống nhất và rõ ràng về kiến trúc phần mềm.

3.3. Thiết kế cơ sở dữ liệu Database cho dự án Save Our Planet

Dựa trên Class Diagram, một hệ cơ sở dữ liệu quan hệ sử dụng MySQL đã được thiết kế. Báo cáo (Hình 11: DB Diagram) trình bày chi tiết các bảng dữ liệu như users, blogs, projects, events,... và mối quan hệ giữa chúng. Các bảng được thiết kế để đảm bảo tính toàn vẹn dữ liệu, tối ưu hóa truy vấn và dễ dàng mở rộng khi có thêm các chức năng mới. Cấu trúc cơ sở dữ liệu này là xương sống của toàn bộ website tuyên truyền môi trường, lưu trữ mọi thông tin từ tài khoản người dùng, nội dung bài viết cho đến lịch sử ủng hộ.

IV. Bí quyết triển khai đồ án CNTT Công nghệ và ngôn ngữ lập trình

Giai đoạn triển khai và xây dựng là quá trình hiện thực hóa các ý tưởng và thiết kế thành một sản phẩm cụ thể. Báo cáo đồ án Save Our Planet đã trình bày rõ ràng việc lựa chọn công nghệ và các công cụ hỗ trợ, phản ánh sự cân nhắc kỹ lưỡng giữa hiệu năng, tốc độ phát triển và tính phổ biến của công nghệ. Đối với phần giao diện người dùng (Front-end), nhóm đã quyết định sử dụng các công nghệ web nền tảng như HTML, CSS và Javascript, kết hợp với thư viện Bootstrap 5 để xây dựng giao diện responsive một cách nhanh chóng. Sự kết hợp này đảm bảo website có thể hiển thị tốt trên mọi loại thiết bị, từ máy tính để bàn đến điện thoại di động. Về phía xử lý logic và cơ sở dữ liệu (Back-end), PHP kết hợp với Laravel Framework và MySQL là lựa chọn chủ đạo. Laravel là một framework mạnh mẽ, cung cấp cấu trúc rõ ràng và nhiều tính năng sẵn có, giúp đẩy nhanh quá trình phát triển và đảm bảo tính bảo mật cho hệ thống. Toàn bộ đồ án công nghệ thông tin này là một ví dụ điển hình về việc ứng dụng một bộ công cụ (tech stack) hiện đại để tạo ra một website tuyên truyền môi trường hoàn chỉnh.

4.1. Lựa chọn công nghệ Front end HTML CSS Bootstrap 5 Javascript

Phần Front-end của dự án được xây dựng với mục tiêu mang lại trải nghiệm người dùng tốt nhất. HTML5 và CSS3 được sử dụng để cấu trúc và tạo kiểu cho trang web. Đặc biệt, thư viện Bootstrap 5 đóng vai trò quan trọng trong việc xây dựng giao diện đáp ứng (responsive), giúp website tự động điều chỉnh bố cục phù hợp với mọi kích thước màn hình. Javascript, cùng với các thư viện như JQuery và Ajax, được sử dụng để tăng tính tương tác, xử lý các sự kiện của người dùng và giao tiếp với server mà không cần tải lại trang, tạo ra một trải nghiệm mượt mà và hiện đại.

4.2. Xây dựng Back end mạnh mẽ với PHP Laravel Framework và MySQL

Để xử lý các logic nghiệp vụ phức tạp, quản lý người dùng và tương tác với cơ sở dữ liệu, nhóm đã chọn PHP, một ngôn ngữ lập trình phía máy chủ rất phổ biến. Việc sử dụng Laravel Framework mang lại nhiều lợi ích: cấu trúc MVC (Model-View-Controller) giúp tách biệt logic, giao diện và dữ liệu; hệ thống ORM (Eloquent) giúp thao tác với cơ sở dữ liệu MySQL một cách trực quan; cùng với đó là các tính năng bảo mật tích hợp sẵn. Sự kết hợp giữa PHP, Laravel và MySQL tạo nên một hệ thống Back-end ổn định, an toàn và có khả năng mở rộng tốt.

4.3. Các công cụ hỗ trợ phát triển VSCode PhpStorm và Xampp

Để quá trình lập trình diễn ra hiệu quả, nhóm đã sử dụng các công cụ chuyên nghiệp. VSCode và PhpStorm là hai trình soạn thảo mã (IDE) mạnh mẽ, hỗ trợ gợi ý code, gỡ lỗi và tích hợp nhiều tiện ích mở rộng. Xampp được sử dụng để tạo một môi trường máy chủ web cục bộ (bao gồm Apache, MySQL, PHP), cho phép các lập trình viên phát triển và kiểm thử website ngay trên máy tính cá nhân trước khi triển khai lên môi trường thật. Việc sử dụng thành thạo các công cụ này đã góp phần không nhỏ vào thành công của đồ án công nghệ thông tin.

V. Kết quả thực tiễn từ dự án website vì một lối sống xanh hơn

Sau quá trình phân tích, thiết kế và triển khai, báo cáo đồ án Save Our Planet đã gặt hái được những kết quả đáng khích lệ, thể hiện qua một sản phẩm website hoàn chỉnh với đầy đủ các chức năng cốt lõi. Sản phẩm cuối cùng không chỉ là một trang web thông tin đơn thuần mà là một nền tảng tương tác, hướng tới việc xây dựng một cộng đồng và thúc đẩy một lối sống xanh. Giao diện của website được thiết kế đơn giản, trực quan, với tông màu chủ đạo tạo cảm giác thân thiện với thiên nhiên. Website đã đáp ứng tốt yêu cầu về responsive, đảm bảo trải nghiệm người dùng nhất quán trên cả máy tính và điện thoại. Các chức năng chính như diễn đàn chia sẻ bài viết, hệ thống quản lý sự kiện, thư viện hình ảnh và tính năng ủng hộ dự án đều hoạt động ổn định. Đặc biệt, hệ thống quản trị (Admin Panel) được xây dựng khoa học, cho phép quản trị viên dễ dàng kiểm soát mọi hoạt động trên trang. Những kết quả này cho thấy dự án đã đạt được mục tiêu ban đầu, tạo ra một công cụ hữu ích để nâng cao ý thức môi trường và là một ví dụ xuất sắc cho một đồ án tốt nghiệp môi trường ứng dụng công nghệ.

5.1. Giao diện website thân thiện responsive trên mọi thiết bị

Điểm nổi bật đầu tiên của website “Save Our Planet” là giao diện được thiết kế tinh tế và chuyên nghiệp. Bố cục trang web rõ ràng, từ trang chủ, trang dự án, trang bài viết đến trang cá nhân, tất cả đều được sắp xếp logic, giúp người dùng dễ dàng tìm kiếm thông tin. Việc áp dụng thành công Bootstrap 5 giúp giao diện có khả năng co giãn linh hoạt, mang lại trải nghiệm đọc và tương tác tối ưu dù người dùng truy cập bằng bất kỳ thiết bị nào. Đây là yếu tố then chốt để giữ chân người dùng trong thời đại di động lên ngôi.

5.2. Các tính năng chính Diễn đàn sự kiện thư viện và gây quỹ

Website cung cấp một bộ tính năng đa dạng. Người dùng có thể đăng tải và bình luận bài viết, tạo thành một diễn đàn tri thức về môi trường. Chức năng sự kiện cho phép quản trị viên và người dùng tạo các hoạt động cộng đồng như dọn rác, trồng cây, và mời gọi mọi người tham gia. Thư viện ảnh là nơi lưu trữ những khoảnh khắc đẹp về thiên nhiên và các hoạt động bảo vệ môi trường. Đặc biệt, tính năng ủng hộ cho phép người dùng quyên góp trực tiếp cho các dự án, tạo ra một kênh gây quỹ minh bạch và hiệu quả.

5.3. Hệ thống quản trị Admin Panel trực quan và đầy đủ chức năng

Phía sau giao diện người dùng là một hệ thống quản trị mạnh mẽ. Quản trị viên có thể theo dõi các số liệu thống kê (lượng người dùng, bài viết, số tiền ủng hộ), duyệt và quản lý tất cả nội dung do người dùng đăng tải (bài viết, hình ảnh, sự kiện), quản lý thành viên và thực hiện phân quyền truy cập. Bảng điều khiển được thiết kế trực quan với các biểu đồ, giúp quản trị viên nắm bắt tình hình hoạt động của website một cách nhanh chóng. Đây là công cụ không thể thiếu để duy trì hoạt động ổn định và an toàn cho toàn bộ nền tảng.

VI. Tổng kết đồ án và định hướng phát triển bền vững cho tương lai

Kết thúc quá trình thực hiện, báo cáo đồ án cơ sở 2 dự án Save Our Planet đã hoàn thành các mục tiêu đề ra và tạo ra một sản phẩm có giá trị thực tiễn. Đồ án không chỉ là một bài tập kỹ thuật mà còn thể hiện trách nhiệm xã hội của sinh viên ngành công nghệ thông tin. Tuy nhiên, nhóm tác giả cũng thẳng thắn nhìn nhận những điểm còn tồn tại. Các hạn chế bao gồm việc thiếu chuyên gia môi trường để cố vấn nội dung, nguồn tin tức cần được kiểm duyệt chặt chẽ hơn, và chức năng thanh toán (donate) chưa hoàn thiện do chưa tích hợp API thực tế. Đây là những thách thức cần được giải quyết trong giai đoạn tiếp theo. Hướng phát triển trong tương lai rất rõ ràng: tiếp tục hoàn thiện sản phẩm, khắc phục các nhược điểm, và quan trọng hơn là xây dựng một cộng đồng người dùng vững mạnh. Với tầm nhìn dài hạn, “Save Our Planet” có tiềm năng trở thành một website tuyên truyền môi trường hàng đầu tại Việt Nam, đóng góp tích cực vào công cuộc bảo vệ hành tinh và thúc đẩy phát triển bền vững.

6.1. Đánh giá ưu và nhược điểm của dự án Save Our Planet

Ưu điểm lớn nhất của dự án là giao diện hiện đại, dễ sử dụng và hệ thống chức năng đầy đủ, đáp ứng nhu cầu của một nền tảng cộng đồng. Tuy nhiên, nhược điểm cần khắc phục là tính năng thanh toán chưa hoàn chỉnh, thiếu cơ chế xác thực thông tin chuyên sâu và cần một đội ngũ chuyên gia môi trường để đảm bảo chất lượng nội dung. Việc nhận diện rõ ràng các điểm mạnh và yếu này là bước đầu tiên để lên kế hoạch cải tiến sản phẩm một cách hiệu quả.

6.2. Hướng phát triển Hoàn thiện API và xây dựng cộng đồng

Trong tương lai, nhóm dự định sẽ tập trung vào hai hướng chính. Về mặt kỹ thuật, ưu tiên hàng đầu là tích hợp các API thanh toán an toàn và phổ biến để hoàn thiện chức năng gây quỹ. Về mặt nội dung và cộng đồng, nhóm sẽ tìm kiếm sự hợp tác với các chuyên gia, các tổ chức môi trường để xây dựng nguồn nội dung đáng tin cậy và tổ chức nhiều hơn nữa các dự án cộng đồng thực tế. Lắng nghe ý kiến người dùng cũng là một phần quan trọng để cải tiến website.

6.3. Tiềm năng trở thành nền tảng hàng đầu về bảo vệ môi trường

Báo cáo chỉ ra rằng thị trường website về môi trường tại Việt Nam vẫn còn nhiều tiềm năng. Với sự đầu tư nghiêm túc và định hướng phát triển đúng đắn, “Save Our Planet” hoàn toàn có thể trở thành một nền tảng tiên phong, đi đầu trong phong trào bảo vệ môi trường trực tuyến. Dự án không chỉ dừng lại ở một đồ án tốt nghiệp môi trường, mà có thể phát triển thành một doanh nghiệp xã hội, tạo ra tác động tích cực và bền vững cho xã hội.

11/09/2025

Trích đoạn nội dung tài liệu

MỞ ĐẦU Chương ` Giới thiệu 1.2 Phương pháp, kết quả 13 Cấu trúc đồ án 1.4 Các hệ thống website tương tự 15 Các công cụ hỗ trợ thực hiện thiết kế website 1.1 Các phân mêm lập trình : 1.2 Các công nghệ, ngôn ngữ hỗ trợ việc thiết kế : 1.6 Kết luận: Chương2 Phân (ích thiết kế hệ thống 2.1 Phân tích hệ thống 2.1 Đặc tả yêu cầu của người dùng 2.2 Yêu cầu phi chức năng 2.3 Yêu cầu hệ thống 2.4 Biểu đồ ca sử dung (use case) 2.1 Khdi niém use case 2.2 Cae tac nhân (actor) 2. Danh sách cdc Ca sw dung(Use case) 2.4 Biéu dé use case 2.5 Ddc ta use case 2.5 Diagram class: Chuong 3 Trién khai xay dung 3.3 Bo cuc Website: 3.10 Quản trị viên: 3.5 Phân công nhiệm vụ: 36 Chương 4 Kết luận và Hướng phát triển 37 4.2 Hướng phát triển: 37 DANH MỤC TÀI LIÊuU THAM KHẢO 37 PHỤ LỤC: 38 DANH MỤC CÁC BẢNG Bảng 2.1: Bảng so sánh các phương pháp 14 Bảng 3.1: Phân công nhiễm vụ 24 DANH MUC HINH Hình I: Use case Diagram 14 Hình 2: UseCase Quản lý hình ảnh, bài viết, sự kiện 14 Hình 3: UseCase Quan lý người dùng 15 Hình 4: UseCase Phân quyền 15 Hình 5: Đặc tả use case đăng nhập 16 Hình 6: Đặc tả usecase ủng hộ L7 Hình 7: Đặc tả usecase duyệt dự án 18 Hình 8: Đặc tả usecase Phân quyền 20 Hình 9: Đặc tả usecase đăng ký thông báo 21 Hình 10: Class diapram Thiết kế hệ thống 23 Hình 11 : DB Diagram Hình 12: Logo website 25 Hình 13: Trang chủ 26 Hình 14: Thông tin 26 Hình 15: Tất cả dự án 27 Hình 16 : Dự án chỉ tiết Hình L7: Ủng hộ 28 Hinh 18 : Xác nhận thanh toán 28 Hinh 19: Trang bài viết 29 Hinh 20: Chỉ tiết bài viết I 29 Hinh 21 : Chỉ tiết bài viết 2 30 Hinh 22: Đăng tải bài viết 30 Hinh 23: Thư viện 31 Hinh 24: Đăng tải hình ảnh 31 Hinh 25: Sự kiện 32 Hinh 26 : Chỉ tiết sự kiện | 32 Hinh 27: Chỉ tiết sự kiện 2 33 Hinh 28: Liên hệ 33 Hinh 29: Trang cá nhân | 34 Hinh 30: Trang cá nhân 2 34 Chương! Giới thiệu 1.1 Tổng quan - Bôi cảnh thực hiện: Trong bôi cảnh đât nước ngày cảng hiện đại hóa, công nghiệp hóa; mọi hoạt động của con người sẽ vô tỉnh dân đên các hệ lụy về ô nhiêm môi trường. - Vân đê cân giải quyêt: Vì những lân vô tỉnh nói trên thì vân đê vê ô nhiêm môi trường đã ở mức báo động, chúng ta dê dàng bắt gặp các hình ảnh về ô nhiễm môi trường ở trên các phương tiện thông tin đại chúng nhưng các phương tiện đó không chỉ rõ được các hậu quả và cách khắc phục nên con người dù có biết cũng rất thờ ơ. - Đề xuất nội dung cần thực hiện: Tạo ra một website tiếp cận được mọi người vả tuyên truyền, kêu gọi mọi người tham g1a bảo vệ môi trường, bảo vệ chính hành tinh ma chung ta đang sinh sông.

- Tác dụng của Website: Ngoài việc đem lại các kiến thức, sự hiểu biết về vấn đề ô nhiễm môi trường thi cũng sẽ có các sự kiện, dự án để mọi người có thê tham gia tryc tiếp vào việc khắc phục hậu quả của ô nhiễm. Đồng thời sẽ đem đến cảm nhận tốt nhất cho người dùng khi sử dụng website.2 Phương pháp, kết quả - Phương pháp: Nghiên cứu các bài báo và website về blog, từ thiện, sự kiện trên mạng. - Kết quả đạt được: Thu thập được thông tin hữu ích và các cách xử lý luồng đi sự kiện đề áp dụng vào việc tạo website. - Dựa trên các mục tiêu cụ thể đề tìm kiếm thông tin sử dụng, thiết kế giao diện phủ hợp.

- Xây dựng giao diện website sử dụng ngôn ngữ và công nghệ như: HTML, CSS, Bootstrap 5, JavaScript, JQuery, Ajax - Xây dựng BackEnd website sử dụng ngôn ngữ và công nghệ như: PHP, Laravel, JavaScript , MySql. - Sử dụng một số công cụ đề lập trình như PhpStorm, VSCode, Xampp,. Cấu trúc đồ án Báo cáo bao gồm các phân chính như sau: - Chương |: Giới thiệu + Giới thiệu về mục đích, ý nghĩa, lý do chọn đề tài; Tổng quan tình hình nghiên cứu vệ đồ án. - Chương 2: Phân tích và thiết kế hệ thống + Phân tích các ca sử dụng và thiết kế cơ sở đữ liệu.

- Chương 3: Triển khai xây dựng + Tổng quan dự án sau khi triển khai xây dựng và phân công nhiệm vụ các thành viên. - Chương 4: Kết quả và hướng phát triển + Kết quả của dự án, rút ra ưu nhược điểm và nêu hướng phát triển của dự án.4 Các hệ thống website tương tự Hiện nay có rất nhiều nguồn trang web cho chúng em tham khảo nên chúng em quyết định không tìm hiểu ở một nguồn nảo cụ thê, chỉ tìm hiểu những thông tin phù hợp nhất có ích nhất đề hoàn thiện trang web của chúng em. - Các trang blog đề phục vụ cho phần bài viết như tinmoi.vn - Các trang thanh toán dé phục vụ cho mục đích ủng hộ như shopee, lazada,. - Các trang sự kiện như phần event của facebook.5 Các công cụ hỗ trợ thực hiện thiết kế website 1.1 Các phần mềm lập trình : - PhpStorm - Xampp - VSCode Ưu điểm của các phần mềm này là nó rất dé dé co thé cai dat va su dụng, tất cả đều được tôi ưu cho ngôn ngữ HTML và các ngôn ngữ lập trình web.

Các phân mềm đều có trình kiếm tra chính tả, số dòng, tự động hoàn thành, xem trước trang và là công cụ soạn thảo văn bản và hình ảnh. Và đều tối ưu cho hệ điều hành Windows. Hỗ trợ mạnh mẽ cho cộng đồng nhiều Plugins, snippets, code auto complete, highlight beautiful, tuy biến giao diện, phím tắt, và rất nhiều thứ khác nữa. Phát triển rất tích cực với sự hỗ trợ cua Microsoft, IntelliJ.

Các tài liệu chính thức được duy trỉ tốt. Có sự hỗ trợ rat tich cực của cộng đồng với tất ca cac plugin ban cần. Nhược điểm của các phan mém nay là chưa tối ưu hoàn toàn về ngôn ngữ, sẽ rất khó giải quyết khi gặp các 16i bug, code. như việc bug block port apache hoac bug shutdown mysql cua Xampp.

Các phím tắt mặc định không có ý nghĩa và người dùng phải cầu hình lại gần như tất cả chúng. Các phần mềm chia được ít cột hién thị tập tin. Đối với PhpStorm, sử dụng đề viết mã phần PHP va Laravel rat tốt. Song dé phải dùng được bản pro thì phải trả phí.2 Các công nghệ, ngôn ngữ hỗ trợ việc thiết kế: Thư viện Bootstrap là một thư viện sẵn có nên việc sử dụng nó sẽ giúp bạn phát triển nhanh chóng website của mình.

Rất dễ sử dụng, vì nó được viét bang html, css, Javascript nén ban chi cần có kiến thức cơ bản về 3 cái đó là có thê sử dụng bootstrap tốt. Tính năng Responsive hữu ích: Bootstrap xây dựng sẵn responsive ess trén cac thiét bi mobiles, tablets, va desktops nén ban sé không mất thời gian viết css nữa. Tương thích với trình duyệt: Nó tương thích với tất cả các trình duyệt (Chrome, Firefox, Internet Explorer, Safari, and Opera). Javascript sé giup tang tinh tong tác trên website.

Script nay chay trên các trình duyệt của người dùng thay vì trên server và thường sử dụng thư viện của bên thứ 3 nên có thê tăng thêm chức năng cho website mà không phải code từ đâu. Responsive để làm cho website có thê tự điều chỉnh kích thước theo màn hình, giúp cho người dùng có được trải nghiệm tối ưu mà không ảnh hưởng bởi loại thiết bị mà họ dùng để truy cập vào website. Lợi ích đầu tiên là trang web có thê tải một cách nhanh chóng mà không bị biến dạng, đề cho người dùng không can phai resize bang tay.6 Kếtluận: Vì kết quả nghiên cứu cuối cùng là tạo ra một trang web áp dụng vào thực tế với yêu cầu về độ thâm mỹ cao, khả năng tương thích với tat cả các loại thiết bị, hoạt động ôn định. Chúng em đã quyết định sử dụng công nghệ và ngôn ngữ như HTML, CSS, Bootstrap 5, Js, Jquery, Ajax cung với phan mém VSCode, Developer tool dé thiét ké phan giao dién.

Phan backend sé str dung PHPStorm, Xampp, Mysql. dé hé tro cho phần xây dựng và xử lý dữ liệu. Chương2 Phân tích thiết kế hệ thống 2.1 Phân tích hệ thống 2.1 Đặc tả yêu cầu của người dùng - Người dùng: + Với vai trò là một Người dùng (user/customer) tôi muốn xem các bài viết, sự kiện, thông tin,. đề tôi có thê nam bắt thông tin (Cân có Use Case xem trang web).

+ Với vai trò là một Người dùng (user/customer) tôi muốn tham gia vào trang web để tôi có thê tham gia vào các sự kiện, việt bài việt (Cân có se Case đăng nhập, đăng ky). + Với vai trò là một Người dùng (user/customer) tôi muốn đổi mật khâu để dam bao độ an toàn cho tài khoản (Cân có se Case Đôi mật khâu). + Với vai trò là một Người dùng (user/customer) tôi muốn có proñle của riêng mình, dé dé dang quan ly được thông tin cá nhân (Cân có se Case quản lý trang cá nhân). + Với vai trò là một Người dùng (user/customer) tôi muôn tham gia vao các sự kiện, tạo bài việt,.

đề có thê xem các bài việt được thêm, xem các sự kiện đã tham gia. + Với vai trò là một Người dùng (user/customer) tôi muốn quản lý các bài viết mình đã đăng. đề có thê xem, thêm, sửa, xóa các bài viết của mình (Cân có se Case quản ly bài việt). - Người dùng hệ thống - giúp Quản trị viên quản lý website: + Với vai trò là một Người dùng hệ thống (System User) tôi muốn truy cập vào website dé giúp admin quan ly (Can c6 Use Case Dang nhap, Dang ký).

+ Với vai trò là một Người dùng hệ thống (System User) tôi muốn đổi mật khâu để đảm bảo độ an toàn cho tai khoan (Can c6 Use Case đôi mật khâu). + Với vai trò là một Người dùng hệ thống (System User) toi muốn có profile của riêng minh dé dé dang quan lý được thông tin cá nhân (Cân có Use case quan ly trang ca nhan). + Với vai trò là một Người dùng hệ thống (System User) tôi muốn xem, thêm, sửa, xóa, duyệt bài viết đê quản lý được các bài việt trên trang (Cân có se Case Quản lý bài việt). + Với vai trò là một Người dùng hệ thống (System User) tôi muốn xem, thêm, sửa, xóa, duyệt sự kiện đề quản lý được các sự kiện trên trang (Cân có Lse Case Quan ly su kiện).

Nội dung được bảo vệ bản quyền — Tải xuống đầy đủ