Xây dựng website mua lượt views trên youtube (vrocket)

PHẦN MỞ ĐẦU Tính cấp thiết đề tài Hiện nay, internet đƣợc sử dụng phổ biến rộng rãi nhiều quốc gia giới Tại Việt Nam, nhiều ngƣời nhiều độ tuổi từ bé đến lớn sử dụng internet với nhiều mục đích khác Internet sử dụng với nhiều nghành nghề nhƣ kinh tế, trị, khoa học, du lịch, vv… Ngồi ra, tìm đọc đƣợc nguồn tài liệu nhƣng đặc biệt kiếm đƣợc tiền thơng qua hoạt động internet, không lấy đƣợc tiền nƣớc mà có trang web ngƣời nƣớc ngồi thích sử dụng nên ta kiếm đƣợc tiền với tất ngƣời giới Những nghề nhƣ Youtuber hay Streammer hot, video họ nhƣ ngƣời tiếng khác thu hút nhiều lƣợt theo dõi tƣơng tác nhiều tảng trực tuyến hay mạng xã hội Và đặc biệt với tƣơng tác lƣợt views giúp thu lại nguồn lợi khổng lồ từ đó, nhƣ việc có nhiều views có nhiều tƣơng tác hơn, giúp phần quảng cáo đến ngƣời chƣa biết đến hay hoạt động giúp tiếng Mỗi videos thu hút hàng triệu lƣợt view nhờ có lƣợng views khủng cộng với tƣơng tác số ngƣời nhận đƣợc biết đến nhiều lƣợng tƣơng tác đó, có lợi ích sau n Từ nhu cầu lợi đó, em định nghiên cứu xây dựng ứng dụng: SỬ DỤNG GOOGLE ADS WORD ĐỂ MUA LƢỢT VIEWS TRÊN YOUTUBE Mục tiêu đề tài + Đề tài nhằm sử dụng google ads để tạo tài khoản mua lƣợt views với độ tin cậy ƣu thích cao với giá + Tối ƣu việc sử dụng google adswork tạo campaign nhanh cho user + Giúp user ăn đƣợc tiền chênh lệch google adwords với giá đƣa + Qua trình làm đề giúp thân em tiềm hiểu rõ ngôn ngữ reactjs, framework, sử dụng component google adwords nhƣ internet banking, Đối tƣợng phạm vi nghiên cứu Đề tài phù hợp với tất ngƣời với độ tuổi, trình độ học vấn, ngành nghề, có nhu cầu cần quảng bá tên tuổi hay thƣơng hiệu Kết dự kiến đạt đƣợc - Xây dựng đƣợc website Vrocket sử dụng công nghệ ReactJS Python - Website phải có mục cho ngƣời dùng sử dụng admin để quản lý tất liệu ngƣời dùng Phƣơng pháp nghiên cứu - Phƣơng pháp thực nghiệm khoa học - Phƣơng pháp phân tích tổng hợp Bố cục báo cáo Báo cáo dự kiến gồm phần chƣơng: - 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 trạng xác định u cầu o Chƣơng 3: Mơ hình hố u cầu o Chƣơng 4: Thiết kế hệ thống o Chƣơng 5: Cài đặt kiểm thử - Phần kết luận PHẦN NỘI DUNG CHƢƠNG 1: CƠ SỞ LÝ THUYẾT 1.1 Python Python ngơn ngữ lập trình bâc cao cho mục đích lập trình đa năng, đƣợc thiết kế với ƣu điểm mạnh dễ đọc, dễ học dễ nhớ Nó dễ dàng để tìm hiểu lên nhƣ ngôn ngữ lập trình nhập mơn tốt cho ngƣời lần đầu tiếp xúc với lập trình Python hồn tồn tạo kiểu động sử dụng chế cấp phát nhớ tự động Python có cấu trúc liệu cấp cao mạnh mẽ cách tiếp cận đơn giản nhƣng hiệu lập trình hƣớng đối tƣợng Cú pháp lệnh Python điểm cộng vơ lớn rõ ràng, dễ hiểu cách gõ linh động làm cho nhanh chóng trở thành ngơn ngữ lý tƣởng để viết script phát triển ứng dụng nhhieeuf lĩnh vực, hầu hết tảng Tí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 dễ viết nhiều so sánh với 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 giải pháp cú pháp - Miễn phí, mã nguồn mở: Bạn tự sử dụng phân phối Python, chí dùng cho mục đích thƣơng mại Vì mã nguồn mở, bạn khơng sử dụng phần mềm, chƣơng trình đƣợc viết Python mà cịn thay đổi mã nguồn Python có cộng đồng rộng lớn, khơng ngừng cải thiện lần cập nhật - Khả di chuyển: Các chƣơng trình Python di chuyển từ tảng sang tảng khác chạy mà khơng có thay đổi Nó chạy liền mạch hầu hết tất tảng nhƣ Windows, macOS, Linux - Khả mở rộng nhúng: Giả sử ứng dụng đòi hỏi phức tạp lớn, bạn dễ dàng kết hợp phần code C, C++ ngơn ngữ khác (có thể gọi đƣợc từ C) vào code Python Điều cung cấp cho ứng dụng bạn tính tốt nhƣ khả scripting mà ngôn ngữ lập trình khác khó 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 nhiệm vụ khó khăn nhƣ quản lý nhớ, dọn dẹp liệu vơ nghĩa, Khi chạy code Python, tự động chuyển đổi code sang ngôn ngữ máy tính hiểu Bạn khơng cần lo lắng hoạt động cấp thấp - Thƣ viện tiêu chuẩn lớn để giải tác vụ phổ biến: Python có số lƣợng lớn thƣ viện tiêu chuẩn giúp cho cơng việc lập trình bạn trở nên dễ thở nhiều, đơn giản khơng phải tự viết tất code Ví dụ: Bạn cần kết nối sở liệu MySQL Web server? Bạn nhập thƣ viện MySQLdb sử dụng Những thƣ viện đƣợc kiểm tra kỹ lƣỡng đƣợc sử dụng hàng trăm ngƣời Vì vậy, bạn chắn khơng làm hỏng code hay ứng dụng - Hƣớng đối tƣợng: Mọi thứ Python hƣớng đối tƣợng Lập trình hƣớng đối tƣợng (OOP) giúp giải vấn đề phức tạp cách trực quan Với OOP, bạn phân chia vấn đề phức tạp thành tập nhỏ cách tạo đối tƣợng Python đƣợc dùng đâu? - Lập trình ứng dụng web: Bạn tạo web app có khả mở rộng (scalable) đƣợc cách sử dụng framework CMS (Hệ thống quản trị nội dung) đƣợc tích hợp Python Vài tảng phổ biến để tạo web app là: Django, Flask, Pyramid, Plone, Django CMS Các trang nhƣ Mozilla, Reddit, Instagram PBS đƣợc viết Python - Khoa học tính tốn: Có nhiều thƣ viện Python cho khoa học tính tốn số liệu, nhƣ SciPy NumPy, đƣợc sử dụng cho mục đích chung chung tính tốn Và, có thƣ viện cụ thể nhƣ: EarthPy cho khoa học trái đất, AstroPy cho Thiên văn học, Ngồi ra, Python cịn đƣợc sử dụng nhiều machine learning, khai thác liệu deep learning - Tạo nguyên mẫu phần mềm: Python chậm so sánh với ngôn ngữ đƣợc biên dịch nhƣ C++ Java Nó khơng phải lựa chọn tốt nguồn lực bị giới hạn yêu cầu hiệu bắt buộc Tuy nhiên, Python ngôn ngữ tuyệt vời để tạo nguyên mẫu (bản chạy thử - prototype) Ví dụ, bạn sử dụng Pygame (thƣ viện viết game) để tạo nguyên mẫu game trƣớc Nếu thích ngun mẫu dùng C++ để viết game thực - 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 ngƣời lần đầu học lập trình Bên cạnh tính khả tuyệt vời cú pháp đơn giản dễ sử dụng lý cho việc Phát triển phía client: Python tích hợp liền mạch với thƣ viện framework phía client, bao gồm Angular, React, Bootstrap 1.2 REACTJS React JS Component block xây dựng nên ứng dụng React Một component đƣợc sử dụng riêng đƣợc kết hợp với component khác để tạo component lớn Điều quan trọng, component động: chúng cung cấp template, đƣợc điền vào liệu biến Mục đích component React tạo số JSX từ template này, biên dịch sang HTML đƣợc hiển thị DOM JSX syntax extension cho JavaScript Nó giống với HTML, nhƣng với số khác biệt Ví dụ: bạn bao gồm vanilla JavaScript expression bên JSX cách wrap dấu ngoặc nhọn Props object đƣợc cung cấp cho component parent chứa tất thơng tin liên quan đến component cụ thể state giống nhƣ nguồn thác nƣớc, props dịng nƣớc chảy xuống State đối tƣợng JavaScript ghi lại phản ứng với user event Mỗi class-based component có state object riêng state bị thay đổi, component với tất phần tử đƣợc hiển thị lại Hooks sử dụng state stateless (functional) component, việc mà từ trƣớc tới ta bắt buộc phải khai báo Class Có thể thấy, nhà phát triển React họ muốn hƣớng đến tƣơng lai Functional Programming thay sử dụng Class mà nghe tên ta nghĩ đến OOP Cộng với việc không sử dụng Class kế thừa từ React Component nên kích thƣớc bundle đƣợc giảm đáng kể code sử dụng Hooks Để thay đƣợc Class React Hooks cung cấp cho built-in Hooks, giúp sử dụng đƣợc thành phần tạo nên React, có loại built-in là: Basic Hooks Additional Hooks Chủ yếu hiểu sử dụng hook basic nhƣ useState, useCallback, useEffect, useMemo,… Redux-Saga đƣợc xem nhƣ thread riêng biệt ứng dụng bạn, mà chịu trách nhiệm phần side effects Hãy tƣởng tƣợng Saga nhƣ thread liên tục gọi đến phƣơng thức 'next' hàm tạo cố gắng nạp tất liệu cách nhanh Luồng thực Redux-Saga bắt đầu việc phát action Nếu reducer đƣợc định thực action reducer tiến hành cập nhật store với trạng thái Thƣờng action tạo side effect nhƣ yêu cầu đến server sau kết thúc lại gửi action khác cho reducer tiếp tục xử lý Redux Thunk cho phép trả Action function thay PJO, đóng vai trị Middleware đƣợc đặt trƣớc thời điểm reducer nhận request để nhận biết action có trả PJO hay khơng, PJO, Thunk chuyển action đến Reducer nhƣ thƣờng lệ, action trả function, Redux Thunk "chặn" action lại đợi lệnh asynchronous function hoàn tất trả kết Đến nhận đƣợc PJO Redux Thunk cho action đến Reducer nhƣ bình thƣờng CHƢƠNG 2: KHẢO SÁT HIỆN TRẠNG VÀ XÁC ĐỊNH YÊU CẦU 2.1 KHẢO SÁT MỘT SỐ TRANG WEB 2.1.1 Themarketingheaven (https://themarketingheaven.com/) Hình 2.1 Giao diện trang chủ Themarketingheaven Ƣu điểm: - Thiết kế đơn giản, đẹp, đại - Nguồn phong phú youtube, twitter, facebook , … - Dễ dàng thực thao tác cho ngƣời dùng 2.1.2 Stormviews (https://www.stormviews.net/) Hình 2.2 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ợ 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 2.1.3 QQTube (https://www.qqtube.com/) Hình 2.3 Giao diện trang chủ QQTube Ƣu điểm: - Giao diện đƣợc thiết kế đại Nhƣợc điểm: - Giao diện không mát mắt - Ngƣời dùng khó tiếp cận 2.1.4 GetStarted Tiktok (https://getstarted.tiktok.com/) Hình 2.4 Giao diện trang chủ GetStarted Tiktok Ƣu điểm: Giao diện thiết kết đại Hỗ trợ tảng di động 2.1.5 Viewsta(https://viewsta.com/) Hình 2.5 Giao diện trang chủ GetStarted Tiktok Ƣu điểm: Giao diện thiết kết đại Hỗ trợ tảng di động 2.2 XÁC ĐỊNH YÊU CẦU 10 - BM_Profile Hình 3.16 Biểu mẫu trang profile 39 - BM_Bill Hình 3.17 Biểu mẫu trang bill 40 - BM_HoTro Hình 3.18 Biểu mẫu trang hỗ trợ 41 - BM_Truspilot Hình 3.19 Biểu mẫu trang trustpilot 42 - BM_Blog Hình 3.20 Biểu mẫu trang blog 43 - BM_FAQ Hình 3.21 Biểu mẫu trang FAQ 44 CHƢƠNG 4: THIẾT KẾ HỆ THỐNG 4.1 THIẾT KẾ CƠ SỞ DỮ LIỆU 4.1.1 Lƣợc đồ sở liệu Hình 4.1 Lƣợc đồ sở liệu 45 4.1.2 Đặc tả cở sở liệu - Bảng User (Lƣu thông tin ngƣời dùng) Bảng 4.1 Bảng mô tả bảng liệu User STT Thuộc tính Mơ tả Kiểu liệu Ghi PK Id Mã ngƣời dùng nvarchar(450) Fullname Tên ngƣời dùng hiển thị nvarchar(256) giao diện Password Mật nvarchar(max) Email Email nvarchar(256) - Bảng Country Bảng 4.2 Bảng mô tả bảng liệu Country STT Thuộc tính Mơ tả Kiểu liệu Ghi PK Id Mã country int Name Tên country nvarchar(50) Region ID Mã region int Create on Ngày tạo datetime Update on Ngày cập nhập datetime - FK Bảng Region Bảng 4.3 Bảng mơ tả bảng liệu Region STT Thuộc tính Mơ tả Kiểu liệu Ghi int PK Id Mã thẻ Name Tên Region Country Quốc gia nvarchar Create on Ngày tạo datetime Update on Ngày cập nhập datetime 46 Bảng Campaign nvarchar(30) Bảng 4.4 Bảng mơ tả bảng liệu Campaign STT Thuộc tính Mô tả Kiểu liệu Ghi int PK Id Mã back Name Tên campaign nvarchar(500) Video Title Title video nvarchar(250) Video URL URL video nvarchar(500) Views Số views thực int Target from Số views đạt đƣợc int views Target to views Số views đạt đƣợc int Youtube views Lƣợt views youtube int Amuont Số tiền để mua views int 10 Gender Giới tính nvarchar 11 Age Tuổi nvarchar 12 Interest Sở thích nvarchar 13 Regions Vùng nvarchar 14 Country Quốc gia nvarchar 15 User ID Mã user int 16 Status Trạng thái nvarchar 17 Video duration Thời lƣợng int 18 Impression Tỷ lệ int 19 Video views rate Đánh giá views videos 20 Campaign ID Mã campign 21 Purchase date Ngày mua Datetime 22 Create on Ngày tạo Datetime 23 Start on Ngày bắt đầu Datetime 24 End date Ngày kết thúc Datetime 25 Video thumbnail Ảnh thu nhỏ videos nvarchar 47 FK Nvarchar Int FK - Bảng Bill Bảng 4.5 Bảng mô tả bảng liệu Bill STT Thuộc tính Mơ tả Kiểu liệu Ghi int PK Id Mã phiếu tốn Invoice date Ngày hóa đơn datetime Invoice number Số hóa đơn Nvarchar Amount Số tiền để mua views Int Amount due Tiền hạn Int Payment status Trạng thái tóan Int Campaign ID Mã campaign Int FK User ID Mã user Int FK Charge ID Mã trả phí nvarchar 10 Payment mode Loại toán Nvarchar 11 Timestamp Thời gian tạo Datetime 12 Details Lƣu thơng tin tốn navarchar 13 URL Download Download invoid Nvarchar 48 4.2 API sử dụng - Sử dụng Ky Unversal để gọi API từ backend sang Fontend - Flow type React 4.2.1 STT Method Post API /api/anonymos Mô tả Kiểm tra Biểu mẫu BM_DangNhap ngƣời dùng ẩn danh Get /api/auth/confirm/{tocken} Confirm BM_DangKy email POST /api/auth/login/ Loggin BM_DangNhap Post /api/auth/register Register BM_DangKy user Delete Delete user BM_Profile Get info BM_Profile /api/users Get /api/users user post /api/users Create user post /api/users/change- Change password password /api/users/update-payment Update put BM_DangKy BM_Profile BM_ThanhToan payment information 10 get /api/bill-history Get list BM_Billing campaign 11 get /api/campaigns Get list campaign 12 post /api/campaigns create campaign 49 BM_TaoCampaign Ghi 13 delete /api/countries/{country_id} Delete BM_TaoCampaign country 14 put update BM_TaoCampaign /api/countries/{country_id} cuontry 15 post /api/paypal-complete Tạo paypal BM_ThanhToan mua hàng 16 Get /api/prices Thực BM_ThanhToan toán 17 Get /api/report-by-age Nhận thông BM_TaoCampaign tin tuổi 18 get /api/report-by-country Nhận thông BM_TaoCampaign tin quốc gia 19 get /api/report-by-device Nhận thông BM_TaoCampaign tin thiết bị 20 get /api/report-by-gender Nhận thông BM_TaoCampaign tin giới tính 21 Get /api/report-by-impressions 22 Get /api/report-by-views Nhận thơng tin lƣợt views 50 BM_TaoCampaign PHẦN KẾT LUẬN Kết đạt đƣợc - Nắm đƣợc kiến thức tảng ReactJS Python bản, cấu trúc, cách thức vận hành - Sử dụng thành thạo boostrap - Hiểu thực thành công việc kết hợp tảng ReactJS Python - Xây dựng đƣợc website theo yêu cầu với chức sau: + Tạo campaign + Xóa user + Thanh tốn paypal + Xem view, rate từ thông số google adwords + Filter campaign (wattingcampaign, livecampaign,….) - Thực thời hạn đề - Nâng cao khả tự nghiên cứu - Hiểu thêm nhiều farmword react Ƣu nhƣợc điểm đề tài Ƣu điểm: - Thanh toán paypal - Giao diện trực quan, dễ tƣơng tác Nhƣợc điểm: - Quá trình thực đơi bị chậm tình hình sức khoẻ ngƣời thực chƣa đƣợc đảm bảo Hƣớng phát triển đề tài Dựa vào phát triển internet giới ngành công nghiệp số phát triển Dựa lợ ích mà mạng xã hội mang lại kiếm tiền dựa cung cầu nên nhóm phát triển đề tài theo webside sử dụng mobile Web chủ yếu đƣợc xây dựng fontend viết ngôn ngữ ReactJS sử dụng thƣ viện có sẵn Boostrap tìm hiểu thêm Styled Component để xây dựng đƣợc fontend dễ nhìn, dễ tƣơng tác với ngƣời dùng Backend chủ yếu sử dụng python để viết em sử dụng Ky Universal để call API từ backend sang font end Hình thức toán sử dụng paypal để toán hóa đơn sử dụng hệ thống Tìm hiểu thêm cách liên kết toán internet 51 banking với Omise Tối ƣu hóa việc sử dụng google adwords giúp user không cần tạo campaign google ads mà thông qua trang web để mua view, giúp cho user ăn lƣợng chênh lệch google adwords với giá đƣa 52 TÀI LIỆU THAM KHẢO [1] Tutorial ReactJS Getting Started, React - A JavaScript library https://reactjs.org/ [2] Introducing Hooks - React https://reactjs.org/docs/hooks-intro.html [3] Tìm hiểu hook React Hook – Viblo https://viblo.asia/p/cung-tim-hieu-ve-cac-hook-trong-react-hooks-Ljy5VYgjlra [4] React hook form - Simple React forms validate https://react-hook-form.com/ [5] Xuân Anh, HƢỚNG DẪN REACTJS CƠ BẢN – CẨM NANG HỌC REACTJS 2019, https://nordiccoder.com/blog/huong-dan-reactjs-co-ban/ [6] Ky universal https://www.npmjs.com/package/ky-universal [7] Redux-Saga https://www.npmjs.com/package/redux-saga [8] Styled Component https://styled-components.com/docs/basics [9] Bootstrap https://getbootstrap.com/docs/4.0/getting-started/introduction/ [10] Internet Banking https://www.omise.co/internet-banking 53 ... video nvarchar(500) Views Số views thực int Target from Số views đạt đƣợc int views Target to views Số views đạt đƣợc int Youtube views Lƣợt views youtube int Amuont Số tiền để mua views int 10 Gender... động 2.1.5 Viewsta(https://viewsta.com/) Hình 2.5 Giao diện trang chủ GetStarted Tiktok Ƣu điểm: Giao diện thiết kết đại Hỗ trợ tảng di động 2.2 XÁC ĐỊNH YÊU CẦU 10 Xây dựng đƣợc website Vrocket,... cầu cần quảng bá tên tuổi hay thƣơng hiệu Kết dự kiến đạt đƣợc - Xây dựng đƣợc website Vrocket sử dụng cơng nghệ ReactJS Python - Website phải có mục cho ngƣời dùng sử dụng admin để quản lý tất