Thông tin tài liệu
TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT – HÀN KHOA KHOA HỌC MÁY TÍNH ĐỒ ÁN CƠ SỞ ĐỀ TÀI: CHƯƠNG TRÌNH THIỆN NGUYỆN HỒ BÌNH XANH SO-VN Sinh viên thực : HUỲNH ĐAI TÂY Giảng viên hướng dẫn : THS NGUYỄN THỊ HẠNH Lớp : 20IT4 Đà nẵng, tháng năm 2021 TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT – HÀN KHOA KHOA HỌC MÁY TÍNH ĐỒ ÁN CƠ SỞ CHƯƠNG TRÌNH THIỆN NGUYỆN HỒ BÌNH XANH Đà Nẵng, tháng năm 2021 MỞ ĐẦU Giới Thiệu Ngày nay, sống kỷ nguyên tin học nhờ vượt bậc bùng nổ mạnh mẽ công nghệ thông tin, Công nghệ thông tin khơng ngừng dừng lại mục đích phục vụ cho khoa học kĩ thuật mà sâu vào đời sống, trị, kinh tế, xã hội, trở nên thân thiện, gần gũi, mang lại nhiều lợi ích cho người Công nghệ thông tin ngày khẳng định tính hữu ích sức mạnh phương diện, ngành nghề sống, thời đại kinh tế thị trường Đi kèm theo đó, hệ thống website phát triển khơng ngường với đủ lĩnh vực: văn hố, thời sự, khoa học công nghệ, làm đẹp, nấu ăn, thể thao, ca nhạc, phim ảnh, giáo dục, y tế… Tuy nhiên, để tạo trang web có sức sống bền lâu thân phải mạng lại lợi ích cho nhiều người Giao diện bắt mắt yếu tố quan trọng để người xem click chuột đến website bạn Những yếu tố định giữ chân đọc giả lại nội dung mà website cung cấp “Xóa đói giảm nghèo” vấn đề quan tâm hàng đầu Tất quốc gia dù lớn hay nhỏ toàn giới coi vấn đề xóa đói giảm nghèo vấn đề ưu tiên giải hàng đầu Đặc biệt, Việt Nam người Đảng nhà nước tạo hội việc làm xóa nạn mù chữ Đặc biệt thời đại 4.0 , công nghệ vốn phát triển nắm vấn đề , nhóm chung em đưa dự án Website “CHƯƠNG TRÌNH THIỆN NGUYỆN HỊA BÌNH XANH” phục vụ nhu cầu Đây hệ thống đơn giản phép người có điều kiện ủng hộ tiền , lương thực, áo quần qua INTERNET Mục tiêu - Mục tiêu đề tài thiết kế giao diện website để người có hồn cảnh khó khăn( Trẻ em mồ cơi, người khuyết tật, ) biết đến nhằm nhận giúp đỡ từ lòng vàng Ngược lại, phương tiện để nhà hảo tâm có hội chia sẻ trao yêu thương đến mảnh đời bất hạnh Phương pháp nghiên cứu - Nghiên cứu quy trình phân tích, thiết kế website Nghiên cứu cách sử dụng công nghệ cần thiết để thiết kế, xây dựng website như: HTML5, CSS, Javascript, Bootstrap 4 Nội dung tiến độ nghiên cứu Thời gian Nội dung thực Người thực Từ 20/3/2012 Khảo sát trạng Huỳnh Đại Tây đến 28/3/2021 Từ 29/3/2021 trang website từ thiện Tìm hiểu công nghệ xây Huỳnh Đại Tây đến 5/4/2021 Từ 6/4/2021 dựng website tìm tài liệu Thiết kế giao diện trang chủ Huỳnh Đại Tây Từ 21/4/2021 Thiết kế giao diện mục Huỳnh Đại Tây đến 6/5/2021 Từ 7/5/2021 Sử lỗi giao diện website Huỳnh Đại Tây đến 14/5/2021 Từ 14/5/2021 hoàn thiện Viết báo cáo Huỳnh Đại Tây đến 22/5/2021 Từ 22/5/2021 Hoàn thiện website nộp lên Huỳnh Đại Tây đến 30/5/2021 hệ thống đến 20/4/2021 LỜI CẢM ƠN Để thực hoàn thành tốt đồ án này, em nhận giúp đỡ hướng dẫn tận tình thầy, cô thuộc trường Đại Học Công Nghệ Thông Tin Và Truyền Thông Việt Hàn – Đại Học Đà Nẵng Em xin cảm ơn thầy cô thuộc môn chuyên ngành cung cấp cho chúng em thông tin, kiến thức vô quý báu cần thiết suốt thời gian để em thực hồn thành đồ án Đặc biệt em xin chân thành cảm ơn cô Nguyễn Thị Hạnh, người trực tiếp hướng dẫn chúng em thời gian thực đồ án Cuối cùng, xin chân thành cảm ơn bạn ngành công nghệ thông tin ủng hộ, giúp đỡ, chia sẻ kiến thức, kinh nghiệm tài liệu có giúp chúng tơi trình nghiên cứu thực đề tài Do giới hạn mặt thời gian kiến thức kinh nghiệm thực tiễn nên đề tài không tránh khỏi sai sót Em mong nhận thơng cảm q thầy mong đón nhận góp ý thầy bạn Em xin chân thành cảm ơn! NHẬN XÉT (Của giảng viên hướng dẫn) …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… ……………………………………………………… Mục lục Chương Nghiên cứu tổng quan 13 2.1 Mơ hình 13 Chương Triển khai xây dựng 15 3.1 Tìm hiểu layout website 15 3.2 Thiết kế trang chủ website .15 Chương Kết luận Hướng phát triển 16 Giai đoạn 1: 17 Giai đoạn 2: 17 Giai đoạn 3: 17 Chương 1.1 1.2 GIỚI THIỆU Tên đề tài: Chương trình Thiện nguyện “ Hồ Bình Xanh “ Giới thiệu đề tài: Chương trình Thiện nguyện “ Hồ Bình Xanh “ chương trình thiện nguyện thơng qua việc ủng hộ tảng INTERNET cho người vô gia cư , người già neo đơn, hoàn cảnh đặc biệt khó khăn sống Từ việc ủng hộ Online nhóm thiện nguyện trực tiếp trao q vơ ý nghĩa đến với hồn cảnh nghèo khó xã hội Dựa tình hình thực tế đó, Chúng tơi khảo sát đặt toán thiết kế Website Thiện nguyện “ Hồ Bình Xanh “ Là website giúp người dùng tìm kiếm thơng tin mảnh đời bất hạnh, khó khăn, cần giúp đỡ xã hội Đồng thời, Website để quản lí hệ thống Từ thiện 1.3 Phương pháp, kết Phương pháp triển khai thực đề tài - Thu thập thơng tin : tài liệu cho website,tìm hiểu công nghệ cần thiết để xây dựng website như:HTML,Bootstrap,CSS, Javascript,… - Sử dụng Visual code để xây dựng website - Tạo logo cho trang website - Lên ý tưởng cho trang website - Xây dưng trang website Kết đạt - Thiết kế logo cho trang web Hình 1.1 Logo 1.4 1.5 - Thu thập nhiều thông tin giao diện trang website - Thiết kế giao diện cho website trang chủ, trang quản lí, Cấu trúc đồ án - Nguyên cứu tổng quan - Triển khai xây dựng - Kết luận hướng phát triển Các công cụ hỗ trợ thực thiết kế website Các phần mềm lập trình : - Visual Studio Code Ưu điểm phần mềm dễ để cài đặt sử dụng, tất tối ưu cho ngôn ngữ HTML ngơn ngữ lập trình web Các phần mềm có trình kiểm tra tả, số dịng, tự động hồn thành, xem trước trang cơng cụ soạn thảo văn hình ảnh Và 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, tùy biến giao diện, phím tắt, nhiều thứ khác Phát triển tích cực với hỗ trợ Microsoft Các tài liệu thức trì tốt Có hỗ trợ tích cực cộng đồng với tất plugin bạn cần Nếu gửi lỗi GitHub, bạn thường nhận phản hồi vịng ngày Thực tính tìm kiếm thay vơ dễ dàng, giúp cho nhanh chóng chỉnh sửa đoạn code bị lỗi Tự động báo lỗi trình viết chương trình Phần mềm Bracker tích hợp sẵn tính Quick Edit giúp cho người dễ dàng nhanh chóng soạn thảo chương trình Tự động báo lỗi lập trình javascript với công cụ JSLint Nhược điểm phần mềm chưa tối ưu hồn tồn ngơn ngữ, khó giải gặp lỗi bug, code, Các phím tắt mặc định khơng có ý nghĩa người dùng phải cấu hình lại gần tất chúng Các phần mềm chia cột thi tập tin Đối với eclipse, phần mềm tốn dung lượng nhớ Một số phần mềm cần phải trả phí Sublime Text… Các cơng cụ hỗ trợ việc thiết kế : Thư viện Bootstrap thư viện sẵn có nên việc sử dụng giúp bạn phát triển nhanh chóng website Rất dễ sử dụng, viết html, css, javascript nên bạn cần có kiến thức sử dụng bootstrap tốt Tính Responsive hữu ích: Bootstrap xây dựng sẵn reponsive css thiết bị mobiles, tablets, desktops nên bạn không thời gian viết đống css lằng nhằng Tương thích với trình duyệt: Nó tương thích với tất trình duyệt (Chrome, Firefox, Internet Explorer, Safari, and Opera) Javascript giúp tăng tính tương tác website Script chạy trình duyệt người dùng thay server thường sử dụng thư viện bên thứ nên tăng thêm chức cho website mà code từ đầu Photoshop CS6 để khắc phục hầu hết lỗi hình ảnh Photoshop cho phép bạn đổi màu, thêm bớt, xoá bỏ vật thể Bạn dễ dàng tạo hiệu ứng tuyệt đẹp photoshop Responsive để làm cho website tự điều chỉnh kích thước theo hình, giúp cho người dùng có trải nghiệm tối ưu mà không ảnh hưởng loại thiết bị mà họ dùng để truy cập vào website Lợi ích trang web tải cách nhanh chóng mà không bị biến dạng, người dùng không cần phải resize tay 1.6 Ý tưởng: Những thành tựu đất nước , phát triển kinh tế với số tăng trưởng khơng đồng nghĩa với việc q hương khơng có mảnh đời nghèo khổ , cực Đã có nhiều dự án thiện nguyện để bù đắp mảnh đời may mắn tốn nhiều thời gian thực thiện - Thời đại 4.0 khiến trở nên bận rộn gặp nhiều khó khăn để tiếp cận người nghèo khổ , cực - Nắm bắt vấn đề “CHƯƠNG TRÌNH THIỆN NGUYỆN HỊA BÌNH XANH” chương trình thiện nguyện thơng qua việc ủng hộ người tảng INTERNET từ chia cho hồn cảnh khó khăn sống Chương trình tiết kiệm nhiều thời gian cho người làm việc văn phòng , người khơng có nhiều thời gian qua giúp người dung mạng xã hội tiếp cận việc ủng hộ người nghèo 1.7 - Mục tiêu: Người dùng hồn tồn dễ sử dụng chương trình - Đáp ứng nhu cầu ủng hộ cho người dùng - Cập nhật nhanh thông tin hữu ích đại phương nghèo khổ cần giúp đỡ - Hỗ trợ người nghèo khổ , cực sống - Tạo niềm tin với người sử dụng chương trình - Tiếp nhận phản hồi từ người dùng hồn thiện chương trình Chương Nghiên cứu tổng quan 2.1 Mơ hình - Website “Thiện nguyện Hồ Bình Xanh” gồm phần : + Trang chủ: Giới thiệu chương trình “ Hồ bình xanh – SO-VN ” kèm theo phương hướng hoạt động + Trang Thành viên: bao gồm mảnh đời cần giúp đỡ, mạnh thường quân, tình nguyện viên tình nguyện,… + Trang Quỹ: Công khai số tiền doanh thu tài trợ + Liên hệ - Website “Thiện nguyện Hoà Bình Xanh” cho phép người dùng đánh giá, góp ý kiến cá nhân qua mục Liên hệ Tổng hợp lại ý kiến người dùng, sửa lỗi hoàn tất hệ thống chứng tỏ yêu cầu trang web thỏa mãn - Website cập nhật liên tục gồm: điều chỉnh lỗi mà chưa phát giai đoạn trước, nâng cấp hệ thống cập nhật danh sách 2.2 Tính khả thi - Giao diện dễ sử dụng cho tất người Chi phí phát triển khơng q cao , dễ dàng thu hút nhà đầu tư - Lợi : Hiện có website tương tự có thị trường nhiên chưa đáp ứng đầy đủ nhu cầu người sử dụng , học hỏi chọn lọc cải tiến vấn đề tồn đọng để gia cơng hồn chỉnh - Đang xu xã hội nay, đa phần người dùng hướng tới thực tìm kiếm thiết bị thông minh nên ứng dụng ủng hộ đông đảo người dùng 2.3 Xây dựng Website Xác định điều quan trọng website? Tạo dấu ấn với người sử dụng: Trước tiên cần phải chuyên nghiệp chi tiết Do tính cần xếp cách khoa học, dễ tìm kiếm đáp ứng nhu cầu khách hàng ghé vào web Tạo dựng lịng tin: Đối với người dùng lòng tin quan trọng, website chuyên nghiệp mang lại dấu ấn sâu sắc với khách hàng từ làm cho họ có cảm giác tin tưởng số địa điểm, giá tiền phù hợp với người Tính chia sẻ website cao: Muốn website chia sẻ nhiều cộng đồng chất lượng viết cần hay lơi cuốn, bên cạnh thiết kế với tính thẩm mỹ cao, tạo ấn tượng đặc biệt với người xem Các chức ( Module) thiết kế website Trang chủ: - Thiết kế trang chủ đẹp, chuyên nghiệp, bố cục theo trình tự logic khoa học - Thiết kế banner, logo, sologan phù hợp, bắt mắt - Hiển thị hình ảnh tổng thể website - Liệt kê tin tức mới, tin tức bật trang chủ Module Giới thiệu: - Giới thiệu chung website - Review số người dùng sau sử dụng Module Liên hệ: - Các form liên hệ để nhận phản hồi người truy cập - Liên hệ hỗ trợ trực tuyến Chương Triển khai xây dựng 3.1 Tìm hiểu layout website Thơng qua việc tìm hiểu layout số website nhóm chúng em nhận website bao gồm phần: + Header: Phần đầu trang, khu vực người ta thường đặt logo, banner, hiệu website/blog + Content: Phần nội dung, nội dung viết hoặc danh sách viết 3.2 Thiết kế trang chủ website Trang chủ website phần đập vào mắt người dùng, trang chủ cần phải có màu sắc hài hịa , giao diện đơn giản,dễ sử dụng 3.2.1 Logo: Thiết kế header Hình 3.1 Logo website 3.2.2 Bố cục website Bố cục website bao gồm : + Trang chủ + Hoạt động + Chương trình + Đóng góp + Quỹ tài liệu Hình 3.1: Thêm Thành viên Chương 4.1 Kết luận Hướng phát triển Kết luận Trong trình làm đồ án, chúng em gặp nhiều khó khăn giúp đỡ tận tình thầy, nhóm em hồn thành đồ án.Chúng em tìm hiểu tham khảo trang web chuyên cung cấp tài liệu Từ nhóm đưa ý tưởng, định hướng giao diện web Trong làm đồ án kiến thức có hạn nên khơng tránh khỏi sai sót , mong thầy bạn đóng góp ý kiến để đồ án hoàn thiện tốt hơn, để đáp ứng với nhu cầu thực tế Cuối chúng em xin chân thành cảm ơn giúp đỡ thầy trình làm đồ án, để đồ án hoàn thành Tuy nhiên, cịn nhiều hạn chế: - Mặc dù có nhiều cố gắng, tìm hiểu kiến thức học, kết hợp tra cứu tài liệu chuyên ngành hạn chế khả kinh nghiệm nên tránh khỏi thiếu sót định - Báo cáo chưa giải trọn vẹn vấn đề phát sinh trình quản lý - Báo cáo chưa đạt tính thẩm mĩ cao, phong cách hành văn cịn lủng củng, cịn nhiều vấn đề chưa xác cần khắc phục trình phát triển, nâng cấp phần mềm giai đoạn sau 4.2 Hướng phát triển Giai đoạn 1: tháng trước tung sản phẩm đến với thị trường: Hồn thành tạo Website cho sản phẩm Giai đoạn 2: Ngay sau tung sản phẩm đến sau tháng: Khảo sát mức độ tiếp nhận thị trường mục tiêu Giai đoạn 3: Bắt đầu từ năm thứ trở đi, liên tục khảo sát nhu cầu khách hàng nâng cấp website với nhiều tính giai đoạn cần thiết cung cấp giá trị gia tăng
Ngày đăng: 26/12/2021, 23:38
Xem thêm:
