Sunday, 24 August 2014 13:49

Không cần code viết ứng dụng xem videos Youtube bằng Windows Phone App Studio

Written by 
Rate this item
(2 votes)

Microsoft cung cấp cho chúng ta một công cụ để viết ứng dụng đơn giản mà không hề cần tốn một dòng code nào.

Tất nhiên bạn phải sử dụng thêm MS Visual Studio 2012 UltimateWP8 SDK hoặc device để có thể chèn thêm các tile màn hình và chụp hình screenshot nếu như muốn đưa ứng dụng lên Windows Phone Store.

Sau đây mình sẽ hướng dẫn chi tiết tạo một ứng dụng xem video youtube, gom tất cả các videos clip của channel Dailygrade trên youtube. Rất đơn giản, hãy cùng làm theo nhé:

Bước 1:

Truy cập Windows Phone App Studio ở địa chỉ: http://apps.windowsstore.com/

Sau đó chọn Start bulding, một trang đăng nhập sẽ hiện ra, bạn phải đăng nhập tài khoản Microsoft để tạo một ứng dụng mới.

0 Viết ứng dụng xem videos Youtube đơn giản bằng Windows Phone App Studio

Bước 2:

- Chọn Create ở màn hình tiếp theo

2 Viết ứng dụng xem videos Youtube đơn giản bằng Windows Phone App Studio

- Chọn tiếp Create an empty app.

Bước 3:

- Điền thông tin cho ứng dụng bao gồm Tittle (tên ứng dụng), Description (mô tả ứng dụng) và Logo ứng dụng (có cũng được, không có thì thêm sau trong Visual Studio). Tiếp đó bấm Next.

3 Viết ứng dụng xem videos Youtube đơn giản bằng Windows Phone App Studio

Bước 4:

Ở trang tiếp theo, bạn sẽ bấm nút Add và chọn Add Section.

4 Viết ứng dụng xem videos Youtube đơn giản bằng Windows Phone App Studio

- Đặt tên cho Section, chọn loại Datasource (ở đây là Youtube nhé), nhập tên Datasource.

- Sau khi chọn xong bấm Save Changes.

5 Viết ứng dụng xem videos Youtube đơn giản bằng Windows Phone App Studio

Bước 5:

- Click vào Data source Videos để edit nhé

6 Viết ứng dụng xem videos Youtube đơn giản bằng Windows Phone App Studio

- Đây là channel Dailygrade:

111 Viết ứng dụng xem videos Youtube đơn giản bằng Windows Phone App Studio

- Điền các thông tin như thế này:

+ (1) Chọn kiểu là Channel.

+ (2) Gõ dữ liệu là dailygrace (đường link channel là http://www.youtube.com/user/dailygrace).

+ (3) Bấm Refresh để tải lại dữ liệu.

+ (4) Save changes.

7 Viết ứng dụng xem videos Youtube đơn giản bằng Windows Phone App Studio

Bước 6:

- Sau khi Save changes ở Bước 5 xong, bạn chọn Next.

8 Viết ứng dụng xem videos Youtube đơn giản bằng Windows Phone App Studio

- Sửa lại màu sắc cho ứng dụng, làm xong bấm Next.

9 Viết ứng dụng xem videos Youtube đơn giản bằng Windows Phone App Studio

Bước 7:

Chọn Genarate app để tạo source code cho ứng dụng.

10 Viết ứng dụng xem videos Youtube đơn giản bằng Windows Phone App Studio

- Chờ quá trình Genarate app hoàn tất

12 Viết ứng dụng xem videos Youtube đơn giản bằng Windows Phone App Studio

- Download source code về:

13 Viết ứng dụng xem videos Youtube đơn giản bằng Windows Phone App Studio

Bước 8: Sau khi download source về, điều đầu tiên là phải Unlock file nén vừa down về trước khi giải nén nó.

Chuột phải vô file .zip đó, chọn Properties -> Unblock.

Sau đó giải nén, mở Project lên.

(Lưu ý: bước này có thể có cũng có thể không tùy theo máy, nếu bạn mở lên mà không thấy mục Unblock thì có thể bỏ qua bước này)

Bước 9:

Mở Project lên, chuột phải vào Reference, chọn Manage Nuget Packages

14 Viết ứng dụng xem videos Youtube đơn giản bằng Windows Phone App Studio

- Chọn Restore, chờ Project restore lại các References thì bấm nút Close.

15 Viết ứng dụng xem videos Youtube đơn giản bằng Windows Phone App Studio

Bước 10:

- Mở file WMAppManifest ra, thêm các tiles cho ứng dụng nữa.

Build ứng dụng lên, chụp screenshot và bạn đã có thể submit ứng dụng lên store rồi.

Đây là hình ảnh khi chạy ứng dụng:

wp ss 20140206 0007 Viết ứng dụng xem videos Youtube đơn giản bằng Windows Phone App Studio

Read 2788 times Last modified on Sunday, 24 August 2014 14:20