XÂY DỰNG TRANG WEB SHOP 500USD CHO cửa HÀNG SON

TRƯỜNG ĐẠI HỌC CÔNG NGHIỆP HÀ NỘI KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO THỰC TẬP TỐT NGHIỆP Đề tài: XÂY DỰNG TRANG WEB SHOP 500USD CHO CỬA HÀNG SON Sinh Viên : Nguyễn Tiến Sơn Lớp : CĐ CNTT01 2019502057 Giáo viên hướng dẫn : Ths.Nguyễn Đức Lưu Nguyễn Tiến Sơn 1 Lớp CNTT1 – CĐ K21 Hà Nội, ngày 18 tháng 11 năm 2021 Nguyễn Tiến Sơn 2 Lớp CNTT1 – CĐ K21 MỤC LỤC Nguyễn Tiến Sơn 3 Lớp CNTT1 – CĐ K21 DANH MỤC CÁC HÌNH VẼ DANH MỤC CÁC BẢNG BIỂU Nguyễn Tiến Sơn 4 Lớp CNTT1 – CĐ K21 MỞ ĐẦU Tổng quan tình hình nghiên cứu thuộc lĩnh vực đề tài Hiện nay, công nghiệp 4.0 ngày phát triển, thúc đẩy hoạt động phát triển theo, đặc biệt thông tin, tin tức ngành nghề, lĩnh vực Thông tin nhu cầu công việc ngày nhiều, làm thế để thông tin dễ dàng đến với người, dễ dang tìm kiếm, trao đổi thương lượng cơng việc Nhu cầu tìm kiếm cơng việc hay cơng ty cần tìm đối tác tăng cao website tuyển việc làm cần thiết để công ty đối tác dễ dàng tìm kiếm trao đổi mang lại hiệu cơng việc cao, tiết kiệm chi phí Với nhu cầu tìm kiếm việc làm tăng cao để cá nhân, cơng ty muốn tìm việc làm phù hợp hay lưu lại thơng tin cơng ty mà quan tâm, để việc quản lý thơng tin trở nên dễ dàng tiện lợi Ứng tuyển công việc từ xa, chào giá công việc trở nên thuận lợi tiết kiệm Các công ty đăng tin tuyển dụng dễ dàng quản lý cơng việc đăng tuyển, xem hồ sơ ứng tuyển ứng viên cách nhanh chóng thuận tiện Việc quản lý lưu trữ hay quan tâm tới ứng viên tiềm năng, có đủ lực phù hợp với yêu cầu công ty trở nên dễ dàng Thay nhận đơn ứng tuyển hồ sơ thủ công tốn thời gian, không gian để lưu trữ mà hiệu công việc đem lại không cao cịn xảy sai sót, mát, thất lạc hồ sơ ứng viên Hay việc quản lý hạn đăng tin tuyển dụng tự động hóa Hiện có nhiều trang website tuyển dụng việc làm chủ yếu dành cho công ty, doanh nghiệp với cá nhân Đối với ngành nghề đặc thù xây dựng, cơng trình… việc tìm đối tác để đảm nhận gói thầu tồn dự án Vì với website tuyển dụng việc làm trọng vào đối tượng công ty, nhà thầu có đấu giá gói thầu tồn cơng việc tồn cơng việc Website giúp cơng ty, nhà thầu dễ dàng tìm đối tác kết hợp với để hồn thành cơng việc hiệu Tính cấp thiết, ý nghĩa khoa học thực tiễn đề tài Trong trình khảo sát, em nhận thấy hầu hết trang web tuyển dụng việc làm chủ yếu tập trung vào ngành nghề Công nghệ thông tin, kinh doanh… trang web làm đến nhà thầu tìm kiếm đối tác để chia sẻ gói thầu tồn dự án Vì nhà thầu cần đến trang web để đăng tải gói thầu mà cần tìm đối tác, đồng thời đánh giá đối tác qua lần hợp tác Việc phát triển website đăng tin tuyển dụng việc làm giúp nhàu thầu, cá nhân, doanh nghiệp: - Dễ dàng quản lý công việc, đối tác Dễ dàng đánh giá đối tác qua lần hợp tác Dễ dàng tìm kiếm, quan tâm đến đối tác, công việc phù hợp Tạo nên cộng đồng chia sẻ, hợp tác phát triển kinh tế Do vậy, em hy vọng tạo nên website hồn chỉnh để đáp ứng yêu cầu đặt kỳ vọng, nhiệt tình giúp đỡ từ thầy CHƯƠNG TỔNG QUAN Phần viết tóm tắt viết chương này, nêu tóm tắt chút viết chương trước 1.1 Hướng dẫn sử dụng mẫu đồ án tốt nghiệp (Tiêu đề mục – Style Heading 2) Sinh viên lưu ý: Việc lựa chọ font Unicode mẫu bắt buộc từ năm 2010 Nội dung tài liệu gợi ý số hướng dẫn soạn thảo văn WORD theo phong cách chuyên nghiệp Quy định sử dụng Style (3 cấp) văn thuyết minh đồ án bắt buộc (giống tài liệu này) Trong file mẫu này, thiết kế đầy đủ cấu trúc, style Sinh viên cần làm theo hướng dẫn phần có thuyết minh đồ án cách Paragraph mặc định có style Normal (phím tắt Ctrl+Shift+N) Khi sử dụng lần paragraph có style khác với style Normal style chưa thiết kế nên thiết kế style Hạn chế tối đa định dạng thủ công Việc thiết kế văn mẫu (Document Template) quản lý sử dụng style văn mẫu cách tối ưu làm cho file có dung lượng nhỏ hơn, lỗi hơn, thay đổi định dạng văn nhanh hơn, nhãn hình, bảng biểu, cơng thức, mục lục, danh mục hình vẽ bảng biểu thực cách tự động, không sợ bị nhảy số MỤC LỤC, DANH MỤC CÁC HÌNH VẼ, DANH MỤC CÁC BẢNG BIỂU - trang đầu cập nhật tự động phụ thuộc vào style có file Vì thế, sinh viên khơng cần chỉnh sửa mục lục, danh mục hình vẽ, danh mục bảng biểu, mà cần click chuột phải vào danh mục mục lục, danh mục hình vẽ hay danh mục bảng biểu chọn Update Field sau chọn Update entire table  OK Error: Reference source not found Sinh viên nên viết hoàn chỉnh nội dung phần PHIẾU GIAO NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP MỞ ĐẦU, nhập tên tất chương, mục, tiểu mục sau cập nhật lại mục lục in cho cán hướng dẫn xem trước trang từ đến hết phần MỞ ĐẦU Sau CBHD chỉnh sửa thông tin, bố cục thuyết minh cập nhật lại bắt tay vào viết nội dung Hình 1-1 Thao tác cập nhật mục lục Phần Header không chỉnh sửa Phần Footer – Sinh viên chỉnh sửa lại cho với thơng tin (Khơng ghi tên đề tài mục này) THÔNG TIN KẾT QUẢ NGHIÊN CỨU – Phần bắt buộc phải có, tiêu đề mục giữ nguyên, nội dung mục phải viết cho với thông tin sinh viên, dựa vào hướng dẫn mục để viết nội dung MỞ ĐẦU – Phần bắt buộc phải có, tiêu đề mục giữ nguyên, nội dung viết theo hướng dẫn Heading tiêu đề gốc (cấp 1), thường sử dụng để định nghĩa cho tiêu đề MỤC LỤC, tiêu đề CHƯƠNG, tiêu đề KẾT LUẬN, tiêu đề TÀI LIỆU THAM KHẢO, tiêu đề PHỤ LỤC số tiêu đề cấp khác (nếu có) Để định nghĩa đoạn văn theo Style cần gõ đoạn văn chọn style Trong Style nếu muốn cắt dịng đưa trỏ đến vị trí cần cắt nhấn SHIFT+ENTER thay nhấn ENTER Style cấp đánh số mặc định CHƯƠNG số chương Nếu sử dụng style Heading cho tiêu đề Mục lục gõ chữ “mục lục” sau chọn style Heading Lúc đoạn văn thành “CHƯƠNG MỤC LỤC” sau phải xóa phần số CHƯƠNG cách đưa trỏ đến đầu chữ Mục lục nhấn Backspace Nếu sử dụng style Heading cho tiêu đề Chương gõ nội dung tiêu đề chương VD “GIỚI THIỆU CHUNG VỀ CHỦ ĐỀ CỦA ĐỒ ÁN” sau chọn style Heading Lúc đoạn văn thành CHƯƠNG GIỚI THIỆU CHUNG VỀ CHỦ ĐỀ CỦA ĐỒ ÁN 1.2 Kết chương Đoạn nêu tóm tắt nội dung chương vừa viết viết vài câu ngắn nội dung có chương tiếp theo CHƯƠNG CƠ SỞ LÝ THUYẾT Nội dung chương giới thiệu sở lý thuyết, cách thức hoạt động áp dụng vào đồ án xây dựng website tuyển dụng việc làm Kết thúc chương xác định sở lý thuyết để giải quyết yêu cầu đồ án xây dựng website tuyển dụng việc làm 2.1 Phương pháp phân tích thiết kế hướng đối tượng UML 2.1.1 Đối tượng gì? Theo [1] đối tượng vật, việc mà có tính chất, đặc tính, hành động giống ta gom góp lại thành đối tượng Ví dụ: Sinh viên đối tượng sinh viên có đặc tính tên, mã sinh viên, giới tính… hành động học, điểm danh… Mỗi sinh viên thể đối tượng sinh viên 2.1.2 Khái niệm phân tích hướng đối tượng (object Oriented Analysis – OOA) Theo [2] phân tích hướng đối tượng gia đoạn phát triển mơ hình xác súc tích vấn đề, có thành phần đối tượng khái niệm đời thự, deex hiểu người sử dụng Sử dụng phương pháp đối tượng mơ hình hóa thực thể thuộc vấn đề có thực mà giữ cấu trúc, quan hệ hành vi chúng 2.1.3 Khái niệm thiết kế hướng đối tượng (Object Oriented Design - OOD) Theo [2] thiết kế hướng đối tượng giai đoạn tổ chức chương trình thành tập hợp đối tượng cộng tác, đối tượng thực thể lớp Các lớp thành viên cấu trúc với mối quan hệ thừa kế Mục đích giai đoạn OOD tạo thiết kế dựa kết giai đoạn OOA, dựa quy định phi chức năng, yêu cầu môi trường, yêu cầu khả thực thi Trong giai đoạn OOD, nhà thiết kế định nghĩa chức năng, thủ tục, thuộc tính mối quan hệ hay nhiều lớp 2.1.4 Khái niệm UML Ngơn ngữ mơ hình hóa thống (Unifield Modeling Language - UML) ngơn ngữ mơ hình hóa thống nhất, có phần bao gồm ký hiệu hình học, phương pháp hướng đối tượng sử dụng để thể miêu tả thiết kế hệ thống UML ngôn ngữ để đặc tả, trực quan hóa, xây dựng, UML sử dụng làm công cụ giao tiếp người dùng, nhà phân tích, nhà thiết kế nhà phát triển phần mềm B4 Website đưa thông báo thành cơng B5 Kết thúc usecase • Đăng xuất Điều kiện: người dùng truy cập website đăng nhập hệ thống B1 Người dùng chọn chức đăng xuất B2 Website xác nhận lại yêu cầu đăng xuất B3 Website xóa thơng tin đăng nhập trở trang chủ B4 Kết thúc usecase • Cập nhật hồ sơ Điều kiện: Người dùng truy cập website đăng nhập vào hệ thống B1 Người dùng chọn chức xem hồ sơ B2 Người dùng điền đầy đủ thông tin hồ sơ click nút cập nhật hồ sơ B3 Website đưa thông báo cập nhật thành cơng B4 Kết thúc usecase • Đánh giá đối tác Điều kiện: người dùng truy cập website, đăng nhập vào hệ thống, tham gia công việc kết thúc công việc B1 Người dùng truy cập vào chức đánh giá đối tác B2 Chọn công việc cần đánh giá B3 Điền thông tin đánh giá nhấn vào nút đánh giá B4 Website đưa thông báo đánh giá thành công B5 Kết thúc usecase G Usecase liên quan đến người đăng tin tuyển dụng • Đăng nhập Điều kiện: Người dùng truy cập website, đăng ký tài khoản chưa đăng nhập Luồng kiện chính: B1 Người dùng chọn chức đăng nhập B2 Người dùng nhập tên đăng nhập mật khẩu,click nút đăng nhập B3 Website thông báo đăng nhập thành công tiếp tục truy cập website B4 Kết thúc usecase Luồng kiện phụ B2.1 Người dùng không điền đầy đủ thông tin đăng nhập, website đưa thông báo yêu cầu điền đầy đủ thông tin quay lại B2 B2.2 Người dùng nhập sai thông tin đăng nhập, website đưa thông báo yêu cầu nhập lại quay lại bước B2 B2.3 Người dùng chọn đăng nhập facebook, website yêu cầu đăng nhập facebook kiểm tra nếu có quyền đăng nhập facebook đưa thông báo đăng nhập thành công tiếp tục B3, ngược lại khơng có quyền đăng nhập quay lại B1 • Đăng ký Điều kiện: Người dùng truy cập vào website chưa có tài khoản muốn đăng ký tài khoản Luồng kiện chính: B1 Người dùng chọn mục đăng ký B2 Nhập đầy đủ thông tin bắt buộc click vào nút đăng ký B3 Website thông báo đăng ký thành công đưa tới trang đăng nhập B4 Kết thúc usecase • Đăng xuất Điều kiện: người dùng truy cập website đăng nhập hệ thống B1 Người dùng chọn chức đăng xuất B2 Website xác nhận lại yêu cầu đăng xuất B3 Website xóa thơng tin đăng nhập trở trang chủ B4 Kết thúc usecase • Cập nhật hồ sơ Điều kiện: Người dùng truy cập website đăng nhập vào hệ thống B1 Người dùng chọn chức xem hồ sơ B2 Người dùng điền đầy đủ thông tin hồ sơ click nút cập nhật hồ sơ B3 Website đưa thông báo cập nhật thành cơng B4 Kết thúc usecase • Tìm kiếm, quan tâm ứng viên mời ứng tuyển Điều kiện: người dùng truy cập website đăng nhập vào hệ thống B1 Người dùng chọn lĩnh vực muốn tìm kiếm ứng viên nhấn vào nút tìm kiếm B2 Website đưa danh sách ứng viên phù hợp với lĩnh vực, ngành nghề tìm kiếm B3 Người dùng đưa click vào quan tâm ứng viên mời ứng tuyển B4 Website đưa thông báo thành công B5 Kết thúc usecase • Xem danh sách ứng tuyển Điều kiện: người dùng truy cập website đăng nhập vào hệ thống Luồn kiện chính: B1 Người dùng chọn chức xem danh sách ứng tuyển B2 Chọn công việc cần xem danh sách B3 Website đưa danh sách B4 Kết thúc usecase Luồng kiện phụ: B3.1 người dùng chấp nhận ứng viên đủ yêu cầu B3.2 website đưa đưa thông báo chấp nhận thành cơng • Quản lý ứng viên Điều kiện: người dùng truy cập website đăng nhập vào hệ thống B1 Người dùng chọn chức xem danh sách ứng viên B2 Website đưa danh sách B3 Kết thúc usecase • Đăng tin tuyển dụng Điều kiện: người dùng truy cập website đăng nhập hệ thống B1 Người dùng chọn chức đăng tin tuyển dụng B2 Người dùng nhập đầy đủ thông tin yêu cầu nhấn vào nút đăng tin B3 Website đưa thông báo đăng tin thành công chuyển đến trang xem danh sách công việc đăng B4 Kết thúc usecase • Đánh giá đối tác Điều kiện: người dùng truy cập website, đăng nhập vào hệ thống, tham gia công việc kết thúc công việc B1 Người dùng truy cập vào chức đánh giá đối tác B2 Chọn công việc cần đánh giá B3 Điền thông tin đánh giá nhấn vào nút đánh giá B4 Website đưa thông báo đánh giá thành công B5 Kết thúc usecase H Usecase liên quan đến quản trị hệ thống • Quản lý tin đăng tuyển Điều kiện: người dùng truy cập website đăng nhập vào hệ thống B1 Chọn chức quản lý tin đăng tuyển B2 Website đưa danh sách tin đăng tuyển B3 Kết thúc usecase • Quản lý người dùng Điều kiện: người dùng truy cập website đăng nhập vào hệ thống B1 Chọn chức quản lý người dùng B2 Website đưa danh sách người dùng B3 Kết thúc usecase • Xuất báo cáo Điều kiện: người dùng truy cập website đăng nhập vào hệ thống B1 Chọn chức xuất báo cáo B2 Lựa chọn xuất báo cáo theo ngày, tháng, năm B3 Website trả file báo cáo B4 Kết thúc usecase • Gửi mail phù hợp Điều kiện: Người dùng truy cập website đăng nhập hệ thống B1 Chọn chức gửi mail thông báo B2 Gửi mail phù hợp với danh sách đăng ký B3 Website đưa thông báo gửi mail thành công B4 Kết thúc usecase 3.3 Biểu đồ 3.3.1 Biểu đồ dành cho người tìm việc Hình 3-7 Biểu đồ đăng nhập người tìm việc Hình 3-8 Biểu đồ người tìm việc đăng ký tài khoản Hình 3-9 Biểu đồ người tìm kiếm đăng xuất Hình 3-10 Biểu đồ người dùng tìm kiếm cơng việc Hình 3-11 Biểu đồ người dùng ứng tuyển Hình 3-12 Biểu đồ quan tâm cơng việc Hình 3-13 Biểu đồ lưu công ty 3.3.2 Biểu đồ dành cho nhà tuyển dụng 3.3.3 Biểu đồ dành cho admin 3.4 Biểu đồ lớp 3.5 Biểu đồ hoạt động Hình 3-14 Biểu đồ hoạt động đăng nhập Hình 3-15 Biểu đồ hoạt động đăng ký tài khoản Hình 3-16 Biểu đồ hoạt động ứng tuyển Hình 3-17 Biểu đồ hoạt động chấp nhận ứng viên 3.6 Biểu đồ thực thể liên kết Hình 3-18 Biểu đồ thực thể liên kết 3.7 Kết chương Qua chương 3, em định hình mơ hình, cách thức hoạt động website tuyển dụng việc làm, nắm quy trình hoạt động website Chương tiếp theo kết đạt sau cài đặt chạy thử nghiệm CHƯƠNG KẾT QUẢ CÀI ĐẶT, THỬ NGHIỆM HOẶC KẾT QUẢ NGHIÊN CỨU 4.1 Tóm tắt chương Trong chương trình bày kết cài đặt, thử nghiệm, đưa giao diện phần mềm, kết thử nghiệm, so sánh với phần mềm tương tự khác (nếu có) Nếu đề tài nghiên cứu lý thuyết trình bày ứng dụng lý thuyết vào trường hợp cụ thể 4.2 Tiêu đề mục 4.2.1 Tiêu đề tiểu mục On the Insert tab, the galleries include items that are designed to coordinate with the overall look of your document You can use these galleries to insert tables, headers, footers, lists, cover pages, and other document building blocks When you create pictures, charts, or diagrams, they also coordinate with your current document look You can easily change the formatting of selected text in the document text by choosing a look for the selected text from the Quick Styles gallery on the Home tab You can also format text directly by using the other controls on the Home tab Most controls offer a choice of using the look from the current theme or using a format that you specify directly To change the overall look of your document, choose new Theme elements on the Page Layout tab To change the looks available in the Quick Style gallery, use the Change Current Quick Style Set command Both the Themes gallery and the Quick Styles gallery provide reset commands so that you can always restore the look of your document to the original contained in your current template 4.2.2 Tiêu đề tiểu mục The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog 4.3 Tiêu đề mục 4.3.1 Tiêu đề tiểu mục On the Insert tab, the galleries include items that are designed to coordinate with the overall look of your document You can use these galleries to insert tables, headers, footers, lists, cover pages, and other document building blocks When you create pictures, charts, or diagrams, they also coordinate with your current document look You can easily change the formatting of selected text in the document text by choosing a look for the selected text from the Quick Styles gallery on the Home tab You can also format text directly by using the other controls on the Home tab Most controls offer a choice of using the look from the current theme or using a format that you specify directly To change the overall look of your document, choose new Theme elements on the Page Layout tab To change the looks available in the Quick Style gallery, use the Change Current Quick Style Set command Both the Themes gallery and the Quick Styles gallery provide reset commands so that you can always restore the look of your document to the original contained in your current template 4.3.2 Tiêu đề tiểu mục The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog 4.4 Kết chương Đoạn nêu tóm tắt nội dung chương vừa viết viết vài câu ngắn nội dung có chương tiếp theo KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN Tác giả làm đồ án thế nào? kết sao? có giống kết dự kiến khơng? Phần sinh viên cần bám vào mục tiêu nội dung nêu PHIẾU GIAO NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP phần MỞ ĐẦU, đối chiếu với kết làm để có kết luận phù hợp Cịn vướng mắc chỗ nào? lý vướng mắc, hướng khắc phục (dựa vào để sinh viên khóa sau tham khảo phát triển đồ án tránh lặp lại để đỡ thời gian) Kết luận chung TÀI LIỆU THAM KHẢO [1] Freetust.net, "Lập trình hướng đối tượng gì?," 2014 [Online] Available: https://freetuts.net/lap-trinh-huong-doi-tuong-la-gi-27.html [2] voer.edu.vn, "Phân tích thiết kế hướng đối tượng," [Online] Available: http://voer.edu.vn/c/phan-tich-thiet-ke-huong-doi-tuong/4654167d [3] Freetust.net, "MVC PHP - Mơ hình MVC gì?," 2015 [Online] Available: https://freetuts.net/mvc-php-mo-hinh-mvc-la-gi-354.html [4] D Pro, "Framework gì? - Laravel gì?," [Online] Available: http://laptrinhphp.vn/framework-laravel/ [5] freetust.net, "Laravel gì? hướng dẫn cài đặt laravel lên windows," 2015 [Online] Available: https://freetuts.net/laravel-la-gi-huong-dan-cai-dat-laraveltren-windows-275.html [6] Thachpham.com, "Git github gì? nên dùng?," [Online] Available: https://thachpham.com/tools/git-git-va-github-la-gi-tai-sao-nendung.html [7] Khoa CNTT ĐH SPKT Hưng Yên, "Phân tích thiết kế hướng đối tượng," [Online] Available: http://voer.edu.vn/pdf/4654167d/1 PHỤ LỤC Các mã nguồn, bảng biểu lớn, phụ lục cho vào mục Trong phần đồ án, phần PHỤ LỤC không tính vào tổng số trang đồ án tốt nghiệp ... debug trình xây dựng Nhược điểm: - Xây dựng cầu kỳ thời gian để xây dựng thư viện 2.3 Laravel Framework 2.3.1 Framework gì? Theo [4] Framework thư viện hàm xây dựng sẵn, chun dùng phục vụ cho cơng... tài kết hợp với yêu cầu toán Song với đặc thù toán đặt trang web tuyển dụng việc làm đặc thù cho ngành xây dựng, hạ tầng nên cần có yêu cầu đặc thù khác Các trang web tuyển dụng việc làm có internet... trang website tuyển dụng việc làm chủ yếu dành cho công ty, doanh nghiệp với cá nhân Đối với ngành nghề đặc thù xây dựng, cơng trình… việc tìm đối tác để đảm nhận gói thầu tồn dự án Vì với website