Đồ án tốt nghiệp: Xây dựng website mua view Youtube Vrocket - SV. Bạch Trung Kiên

Tài liệu đồ án tốt nghiệp xây dựng website mua view YouTube Vrocket. Phân tích, thiết kế hệ thống tăng view an toàn qua Google Ads với ReactJS.

• Tác giả: Bạch Trung Kiên
• Người hướng dẫn: ThS. Nguyễn Minh Đạo
• Trường học: Trường Đại Học Sư Phạm Kỹ Thuật Thành Phố Hồ Chí Minh
• Chuyên ngành: Công Nghệ Thông Tin
• Đề tài: Xây Dựng Website Mua Lượt Views Trên YouTube (Vrocket)
• Loại tài liệu: Khóa Luận Tốt Nghiệp
• Năm xuất bản: 2015-2020
• Địa điểm: Thành Phố Hồ Chí Minh

Tóm tắt

I. Tổng Quan Về Đề Án Xây Dựng Website Mua View YouTube Vrocket

Vrocket là một website mua view YouTube được xây dựng nhằm giúp các content creator và doanh nghiệp tăng lượt xem video một cách hiệu quả. Đề án này được thực hiện bởi sinh viên Bạch Trung Kiên từ trường Đại học Sư phạm Kỹ thuật TP.HCM, dưới sự hướng dẫn của ThS. Nguyễn Minh Đạo. Website mua lượt view trên YouTube sử dụng công nghệ ReactJS và Python để tạo nên một nền tảng mạnh mẽ, cho phép người dùng dễ dàng tạo các chiến dịch quảng cáo (campaign) và thanh toán an toàn qua PayPal. Dự án này kéo dài 15 tuần, từ tháng 03/2020 đến tháng 07/2020, với mục tiêu cung cấp giải pháp tối ưu hóa views YouTube với chi phí thấp nhất, giúp người dùng tận dụng chênh lệch giá từ Google Ads để kiếm lợi nhuận.

1.1. Khái Niệm Và Nhu Cầu Thị Trường

Hiện nay, nhu cầu mua view YouTube ngày càng tăng cao khi các Youtuber và doanh nghiệp cần nhanh chóng tăng độ phổ biến. Vrocket ra đời nhằm đáp ứng nhu cầu này bằng cách cung cấp dịch vụ tăng view YouTube với độ tin cậy cao và giá cả cạnh tranh. Nền tảng này cho phép người dùng tối ưu hóa quảng cáo trên Google Ads để mua lượt views hiệu quả, từ đó tạo ra cơ hội kiếm tiền từ chênh lệch giá giữa chi phí quảng cáo và giá bán.

1.2. Mục Tiêu Chính Của Dự Án

Mục tiêu của đề án website Vrocket là xây dựng một nền tảng mua view YouTube tin cậy với giao diện thân thiện người dùng. Dự án hướng tới việc tối ưu hóa quy trình tạo chiến dịch quảng cáo, hỗ trợ thanh toán PayPal, và cung cấp bảng điều khiển admin để quản lý dữ liệu người dùng hiệu quả. Ngoài ra, dự án còn giúp sinh viên thực tập hiểu rõ hơn về ReactJS, Python, Google Ads và các công nghệ web hiện đại.

II. Công Nghệ Và Kiến Trúc Hệ Thống Vrocket

Website mua view YouTube Vrocket được phát triển bằng ReactJS cho frontend và Python cho backend, tạo nên một kiến trúc ứng dụng web hiện đại và hiệu quả. ReactJS được lựa chọn vì khả năng xây dựng giao diện responsive và tương tác tốt với người dùng, trong khi Python cung cấp sức mạnh xử lý logic backend mạnh mẽ. Hệ thống Vrocket được thiết kế với hai phần chính: giao diện người dùng (user interface) để tạo và quản lý chiến dịch mua view YouTube, và bảng điều khiển admin (admin dashboard) để quản trị toàn bộ dữ liệu hệ thống. Cơ sở dữ liệu được tối ưu hóa để lưu trữ thông tin campaign, dữ liệu người dùng, và lịch sử giao dịch PayPal một cách an toàn và bảo mật.

2.1. Stack Công Nghệ Được Sử Dụng

Vrocket sử dụng ReactJS làm framework chính cho phát triển frontend, cung cấp khả năng tạo component tái sử dụng và quản lý state hiệu quả. Phía backend, Python được sử dụng kết hợp với các framework web mạnh mẽ để xử lý logic tạo campaign, tính toán giá mua view YouTube, và tích hợp Google Ads API. Hệ thống cũng tích hợp PayPal để xử lý thanh toán an toàn, đảm bảo bảo mật dữ liệu tài chính người dùng.

2.2. Thiết Kế Cơ Sở Dữ Liệu Và Giao Diện

Cơ sở dữ liệu Vrocket được thiết kế để quản lý bảng người dùng, campaign mua view YouTube, giao dịch PayPal, và lịch sử views. Giao diện được thiết kế thân thiện, cho phép người dùng dễ dàng tạo chiến dịch, chọn số lượng views cần mua, và thực hiện thanh toán. Dashboard admin cung cấp các công cụ phân tích để theo dõi hiệu suất campaign và quản lý người dùng toàn cầu.

III. Tính Năng Chính Và Lợi Ích Của Website Vrocket

Website mua view YouTube Vrocket cung cấp một loạt tính năng thiết thực giúp tăng view YouTube một cách nhanh chóng và hiệu quả. Tính năng chính bao gồm tạo chiến dịch quảng cáo (campaign) với các tùy chọn linh hoạt, tính toán giá tự động dựa trên số lượng views cần mua, và thanh toán an toàn qua PayPal. Ngoài ra, Vrocket cung cấp bảng điều khiển theo dõi chiến dịch real-time, cho phép người dùng xem rõ số views đã đạt được và ROI của mỗi campaign. Lợi ích của website mua view YouTube này là giúp người dùng tối ưu hóa chi phí quảng cáo, tận dụng chênh lệch giá Google Ads để kiếm lợi nhuận, đồng thời nâng cao độ phổ biến video một cách bền vững và tin cậy.

3.1. Tính Năng Tạo Và Quản Lý Campaign

Người dùng Vrocket có thể dễ dàng tạo chiến dịch mua view YouTube chỉ với vài bước đơn giản. Tính năng cho phép chọn số lượng views mong muốn, thiết lập độ tuổi đối tượng và vị trí địa lý target. Mỗi campaign có thể được giám sát theo thời gian thực, với chi tiết về số views đạt được, chi phí, và hiệu suất. Người dùng cũng có thể tạo nhiều campaign đồng thời để mua view YouTube cho các video khác nhau.

3.2. Tích Hợp PayPal Và Tối Ưu Hóa Chi Phí

Vrocket hỗ trợ thanh toán an toàn qua PayPal, cho phép người dùng toàn cầu dễ dàng thực hiện giao dịch. Hệ thống tính toán giá tự động dựa trên Google Ads hiện tại, giúp người dùng mua view YouTube với chi phí thấp nhất có thể. Tính năng tối ưu hóa chi phí này tạo ra cơ hội kiếm lợi nhuận từ chênh lệch giá giữa chi phí quảng cáo và giá bán, mang lại lợi ích tài chính lớn cho các content creator.

IV. Triển Khai Và Hướng Phát Triển Của Vrocket

Đề án website Vrocket đã hoàn thành giai đoạn phát triển ban đầu với toàn bộ tính năng mua view YouTube cơ bản được triển khai thành công. Dự án đạt được các kết quả chính như: xây dựng website mua lượt view đầy đủ chức năng sử dụng ReactJS và Python, phát triển bảng điều khiển admin để quản lý dữ liệu người dùng và campaign, tích hợp thanh toán PayPal an toàn, và tối ưu hóa quy trình tạo campaign quảng cáo YouTube. Nhóm phát triển đã khảo sát các trang web tương tự để đảm bảo Vrocket cung cấp giá trị tốt hơn so với các đối thủ cạnh tranh. Hướng phát triển trong tương lai bao gồm mở rộng dịch vụ sang các nền tảng mạng xã hội khác như TikTok, Instagram, hoàn thiện AI recommendation system để gợi ý campaign tối ưu, và cải thiện bảo mật để bảo vệ dữ liệu người dùng tốt hơn.

4.1. Kết Quả Đạt Được Từ Dự Án

Vrocket đã thành công trong việc xây dựng một nền tảng mua view YouTube hoàn chỉnh với giao diện responsive và chức năng campaign management toàn diện. Dự án cung cấp thanh toán PayPal an toàn, hệ thống quản lý admin mạnh mẽ, và đạt được hiệu suất tối ưu trong việc tăng view YouTube. Sinh viên thực tập cũng đã nâng cao kỹ năng về ReactJS, Python, Google Ads API, và phát triển kỹ năng làm việc nhóm quốc tế.

4.2. Ưu Điểm Và Hướng Phát Triển Tương Lai

Ưu điểm của Vrocket là giao diện trực quan, quy trình tạo campaign nhanh chóng, và chi phí mua view YouTube cạnh tranh. Hướng phát triển tương lai bao gồm mở rộng sang TikTok, Instagram, tích hợp AI để tối ưu campaign tự động, cải thiện bảo mật dữ liệu, và phát triển mobile app để người dùng quản lý campaign trên điện thoại dễ dàng hơn.

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

Phần mở đầu - Phần nội dung o Chƣơng 1: Cơ sở lý thuyết o Chƣơng 2: Khảo sát hiện trạng và xác định yêu cầu o Chƣơng 3: Mô hình hoá yêu cầu o Chƣơng 4: Thiết kế hệ thống o Chƣơng 5: Cài đặt và kiểm thử - Phần kết luận 2 PHẦN NỘI DUNG CHƢƠNG 1: CƠ SỞ LÝ THUYẾT 1. Python Python là một ngôn ngữ lập trình bâc cao cho các mục đích lập trình đa năng, đƣợc thiết kế với ƣu điểm mạnh là dễ đọc, dễ học và dễ nhớ. Nó dễ dàng để tìm hiểu và đang nổi lên nhƣ một trong những ngôn ngữ lập trình nhập môn tốt nhất cho ngƣời lần đầu tiếp xúc với lập trình. Python hoàn toàn tạo kiểu động và sử dụng cơ chế cấp phát bộ nhớ tự động.

Python có cấu trúc dữ liệu cấp cao mạnh mẽ và cách tiếp cận đơn giản nhƣng hiệu quả đối với lập trình hƣớng đối tƣợng. Cú pháp lệnh của Python là điểm cộng vô cùng lớn vì sự rõ ràng, dễ hiểu và cách gõ linh động làm cho nó nhanh chóng trở thành một ngôn ngữ lý tƣởng để viết script và phát triển ứng dụng trong nhhieeuf lĩnh vực, ở hầu hết các nền tảng Tính năng chính Python : - Ngôn ngữ lập trình đơn giản dễ học: Python có cú pháp đơn giản, rõ ràng. Nó dễ đọc và dễ viết hơn rất nhiều khi so sánh với những ngôn ngữ lập trình khác nhƣ C++, Java, C#. Python làm việc lập trình trở nên thú vị, cho phép bạn tập trung vào những giải pháp chứ không phải cú pháp.

- Miễn phí, mã nguồn mở: Bạn có thể tự do sử dụng và phân phối Python, thậm chí là dùng cho mục đích thƣơng mại. Vì là mã nguồn mở, bạn không những có thể sử dụng các phần mềm, chƣơng trình đƣợc viết trong Python mà còn có thể thay đổi mã nguồn của nó. Python có một cộng đồng rộng lớn, không ngừng cải thiện nó mỗi lần cập nhật. - Khả năng di chuyển: Các chƣơng trình Python có thể di chuyển từ nền tảng này sang nền tảng khác và chạy nó mà không có bất kỳ thay đổi nào.

Nó chạy liền mạch trên hầu hết tất cả các nền tảng nhƣ Windows, macOS, Linux. - Khả năng mở rộng và có thể nhúng: Giả sử một ứng dụng đòi hỏi sự phức tạp rất lớn, bạn có thể dễ dàng kết hợp các phần code bằng C, C++ và những ngôn ngữ khác (có thể gọi đƣợc từ C) vào code Python. Điều này sẽ cung cấp cho ứng dụng của bạn những tính năng tốt hơn cũng nhƣ khả năng scripting mà những ngôn ngữ lập trình khác khó có thể làm đƣợc. - Ngôn ngữ thông dịch cấp cao:Không giống nhƣ C/C++, với Python, bạn không phải lo lắng những nhiệm vụ khó khăn nhƣ quản lý bộ nhớ, dọn dẹp 3 những dữ liệu vô nghĩa,.

Khi chạy code Python, nó sẽ tự động chuyển đổi code sang ngôn ngữ máy tính có thể hiểu. Bạn không cần lo lắng về bất kỳ hoạt động ở cấp thấp nào. - Thƣ viện tiêu chuẩn lớn để giải quyết những tác vụ phổ biến: Python có một số lƣợng lớn thƣ viện tiêu chuẩn giúp cho công việc lập trình của bạn trở nên dễ thở hơn rất nhiều, đơn giản vì không phải tự viết tất cả code. Ví dụ: Bạn cần kết nối cơ sở dữ liệu MySQL trên Web server? Bạn có thể nhập thƣ viện MySQLdb và sử dụng nó.

Những thƣ viện này đƣợc kiểm tra kỹ lƣỡng và đƣợc sử dụng bởi hàng trăm ngƣời. Vì vậy, bạn có thể chắc chắn rằng nó sẽ không làm hỏng code hay ứng dụng của mình. - Hƣớng đối tƣợng: Mọi thứ trong Python đều là hƣớng đối tƣợng. Lập trình hƣớng đối tƣợng (OOP) giúp giải quyết những vấn đề phức tạp một cách trực quan.

Với OOP, bạn có thể phân chia những vấn đề phức tạp thành những tập nhỏ hơn bằng cách tạo ra các đối tƣợng. Python đƣợc dùng ở đâu? - Lập trình ứng dụng web: Bạn có thể tạo web app có khả năng mở rộng (scalable) đƣợc bằng cách sử dụng framework và CMS (Hệ thống quản trị nội dung) đƣợc tích hợp trong Python. Vài nền tảng phổ biến để tạo web app là: Django, Flask, Pyramid, Plone, Django CMS. Các trang nhƣ Mozilla, Reddit, Instagram và PBS đều đƣợc viết bằng Python.

- Khoa học và tính toán: Có nhiều thƣ viện trong Python cho khoa học và tính toán số liệu, nhƣ SciPy và NumPy, đƣợc sử dụng cho những mục đích chung chung trong tính toán. Và, có những thƣ viện cụ thể nhƣ: EarthPy cho khoa học trái đất, AstroPy cho Thiên văn học,. Ngoài ra, Python còn đƣợc sử dụng nhiều trong machine learning, khai thác dữ liệu và deep learning. - Tạo nguyên mẫu phần mềm: Python chậm hơn khi so sánh với các ngôn ngữ đƣợc biên dịch nhƣ C++ và Java.

Nó có thể không phải là lựa chọn tốt nếu nguồn lực bị giới hạn và yêu cầu về hiệu quả là bắt buộc. Tuy nhiên, Python là ngôn ngữ tuyệt vời để tạo những nguyên mẫu (bản chạy thử - prototype). Ví dụ, bạn có thể sử dụng Pygame (thƣ viện viết game) để tạo nguyên mẫu game trƣớc. Nếu thích nguyên mẫu đó có thể dùng C++ để viết game thực sự.

4 - Ngôn ngữ tốt để dạy lập trình: Python đƣợc nhiều công ty, trƣờng học sử dụng để dạy lập trình cho trẻ em và những ngƣời mới lần đầu học lập trình. Bên cạnh những tính năng và khả năng tuyệt vời thì cú pháp đơn giản và dễ sử dụng của nó là lý do chính cho việc này. Phát triển phía client: Python tích hợp liền mạch với các thƣ viện và framework phía client, bao gồm Angular, React, và Bootstrap. REACTJS React JS Component là các block xây dựng nên mọi ứng dụng React.

Một component có thể đƣợc sử dụng riêng hoặc đƣợc kết hợp với các component khác để tạo ra các component lớn hơn. Điều quan trọng, các component này là động: chúng cung cấp một template, sẽ đƣợc điền vào bằng dữ liệu biến. Mục đích chính của một component React là tạo ra một số JSX từ template này, và sẽ biên dịch sang HTML và đƣợc hiển thị trên DOM. JSX là một syntax extension cho JavaScript.

Nó có vẻ rất giống với HTML, nhƣng với một số khác biệt chính. Ví dụ: bạn có thể bao gồm một vanilla JavaScript expression bên trong JSX bằng cách wrap nó trong dấu ngoặc nhọn. Props là một object đƣợc cung cấp cho một component bởi parent của nó và nó chứa tất cả các thông tin liên quan đến component cụ thể đó. state giống nhƣ nguồn của thác nƣớc, thì props là dòng nƣớc chảy xuống.

State là một đối tƣợng JavaScript ghi lại và phản ứng với các user event. Mỗi class-based component có state object riêng và bất cứ khi nào state bị thay đổi, component đó cùng với tất cả các phần tử con của nó sẽ đƣợc hiển thị lại. Hooks chúng ta đã có thể sử dụng state trong stateless (functional) component, việc mà từ trƣớc tới nay ta bắt buộc phải khai báo Class. Có thể thấy, các nhà phát triển React họ đang muốn hƣớng đến 1 tƣơng lai Functional Programming thay vì sử dụng những Class mà chỉ nghe cái tên thôi là ta đã nghĩ ngay đến OOP.

Cộng với việc không sử dụng Class kế thừa từ React Component nữa nên giờ đây kích thƣớc bundle sẽ đƣợc giảm đáng kể bởi code sử dụng Hooks. 5 Để có thể thay thế đƣợc Class thì React Hooks cung cấp cho chúng ta một bộ các built-in Hooks, giúp chúng ta sử dụng đƣợc các thành phần tạo nên React, có 2 loại built-in đó là: Basic Hooks và Additional Hooks. Chủ yếu hiểu và sử dụng các hook basic nhƣ useState, useCallback, useEffect, useMemo,…. Redux-Saga đƣợc xem nhƣ là một thread riêng biệt trong ứng dụng của bạn, mà nó chỉ chịu trách nhiệm về phần side effects.

Hãy tƣởng tƣợng rằng Saga nhƣ một thread liên tục gọi đến phƣơng thức 'next' của hàm tạo và cố gắng nạp tất cả các dữ liệu một cách nhanh nhất có thể. Luồng thực hiện của Redux-Saga sẽ bắt đầu bằng việc phát đi một action. Nếu một reducer đƣợc chỉ định thực hiện action này thì reducer sẽ tiến hành cập nhật store với trạng thái mới. Thƣờng thì những action này sẽ tạo side effect nhƣ là yêu cầu đến server và sau khi kết thúc thì nó lại gửi một action khác cho reducer tiếp tục xử lý.

Redux Thunk cho phép trả về các Action là một function thay vì chỉ là một PJO, nó đóng vai trò là một Middleware đƣợc đặt trƣớc thời điểm reducer nhận request để nhận biết các action có trả về một PJO hay không, nếu đó là một PJO, Thunk sẽ chuyển action đó đến Reducer nhƣ thƣờng lệ, nếu action trả về là một function, Redux Thunk sẽ "chặn" action đó lại và đợi cho đến khi một lệnh asynchronous nào đó trong function hoàn tất và trả về kết quả. Đến đây chúng ta đã nhận đƣợc một PJO và Redux Thunk sẽ cho action này đến Reducer nhƣ bình thƣờng. 6 CHƢƠNG 2: KHẢO SÁT HIỆN TRẠNG VÀ XÁC ĐỊNH YÊU CẦU 2. KHẢO SÁT MỘT SỐ TRANG WEB 2.

Themarketingheaven (https://themarketingheaven. Giao diện trang chủ Themarketingheaven Ƣu điểm: - Thiết kế đơn giản, đẹp, hiện đại. - Nguồn phong phú trên youtube, twitter, facebook , … - Dễ dàng thực hiện các thao tác cho ngƣời dùng. Stormviews (https://www.

Giao diện trang chủ Stormviews Ƣu điểm: - Cho phép học sử dụng mà không cần phải đăng nhập. - Hỗ trợ trên nền tảng di động. Nhƣợc điểm: - Giao diện không thân thiện. - Chỉ sử áp dụng với youtube.

QQTube (https://www. Giao diện trang chủ QQTube Ƣu điểm: - Giao diện đƣợc thiết kế hiện đại. Nhƣợc điểm: - Giao diện không mát mắt - Ngƣời dùng khó tiếp cận 9 2. GetStarted Tiktok (https://getstarted.

Giao diện trang chủ GetStarted Tiktok Ƣu điểm: Giao diện thiết kết hiện đại. Hỗ trợ trên cả nền tảng di động. Viewsta(https://viewsta. Giao diện trang chủ GetStarted Tiktok Ƣu điểm: Giao diện thiết kết hiện đại.

Hỗ trợ trên cả nền tảng di động. XÁC ĐỊNH YÊU CẦU 10 Xây dựng đƣợc website Vrocket, ngƣời dùng sử dụng google ads word để thanh toán, tạo các campaign videos và xem đƣợc các camppign đó của google, bao gồm các chức năng: - Đăng nhập, đăng ký bằng tài khoản thƣờng. - Đăng nhập, đăng ký bằng tài khoản Facebook, Google. - Tạo, sửa campaign.

- Thanh toán bằng paypal - Xem đƣợc bills - Xem thống kê - Xem các FAQs - Vào các blog đóng góp ý kiến - Chuyển đổi ngôn ngữ - Gửi yêu cầu công khai cá nhân. 11 CHƢƠNG 3: MÔ HÌNH HOÁ YÊU CẦU 3. LƢỢC ĐỒ USECASE Hình 3. Nghiệp vụ Bảng 3.

Bảng nghiệp vụ của Guest STT Tên nghiệp vụ Loại nghiệp vụ Quy định Biểu mẫu Ghi chú 1 Đăng nhập Xử lý QD_DangNhap BM_DangNhap 2 Đăng ký Xử lý, lƣu trữ QD_DangKy BM_DangKy 3. Quy định Bảng 3.