Windows App Studio


Chào bạn! Hôm nay mình sẽ giới thiệu một trang web cực kỳ thú vị từ Microsoft 😀Click xem em nó . Đây là website đã đưa mình đến với lĩnh vực phát triển ứng dụng trên nền tảng Windows/ Windows Phone. Duyên cơ biết đến App Studio, khi mình đăng ký và tham gia buổi Chat in studio về “Lập trình ứng dụng Windows Phone 8” (27/04/2014) tại VTC Academy.

Windows App Studio là công cụ hỗ trợ người dùng có thể tự tạo ra cho mình những ứng dụng độc đáo, trên nền tảng Windows/ Windows Phone. Chỉ với 4 bước nho nhỏ:

  1. Lựa chọn ý tưởng cho ứng dụng.
  2. Xây dựng nội dung.
  3. Thiết kế logo, hình ảnh, màu sắc.
  4. Publish lên store, device và trải nghiệm.

Đặc biệt hơn khi bạn không biết gì về lập trình, không biết Coding nhưng lại ấp ủ cho mình những ý tưởng thú vị, muốn tác phẩm nghệ thuật, tranh vẽ của mình được nhiều người biết đến… thì App Studio là một lựa chọn hoàn hảo lúc bấy giờ. “No need to code”, chính xác là như vậy, còn chờ gì nữa, thử ngay nhé 😉

  • Truy cập App Studio và đăng nhập tài khoản Microsoft . (Click Sign in).
  • Xuất hiện thông báo “Cho phép ứng dụng này? “, Click (Yes).
  • Tại Register User site, tiếp tục nhập thông tin theo yêu cầu ( có 1 cái check box “By using…” bạn check vào luôn nha ^^) và chọn Register

Đột nhập được rồi ! 
Để ý trên thanh menu có nhiều lựa chọn (My projects, How to, Start new, Sample apps,…).
My projects: Giúp xem lại, quản lý những ứng dụng đã, đang phát triển.
How to: Hướng dẫn chi tiết từng bước để build 1 ứng dụng Windows/ Windows Phone.
Start new: Bắt đầu ngay việc tạo riêng cho mình một ứng dụng (với Windows 10/ Windows 8.1/ Web app), không chỉ bắt đầu từ con số 0 (Empty App), bạn còn có thể lựa chọn My favorite band W10, My app W10, Contoso Ltd,… đây là các mẫu app Win 10/8.1 có sẵn.
Sample apps: Những ứng dụng Windows/ Windows Phone có sẵn, chọn vào để tải trực tiếp trên Store hoặc tải source code tại Github.
Tiếp hoy! 😛

  • Chọn My projects >> Start new project. Chọn nền tảng bạn muốn phát triển, ở đây mình chọn Windows 10 (nên chọn 8.1 nha ^^)>> Empty App W10
  • Đặt Tên ứng dụng, chọn preview device >> Start with this one!
  • Tới đây bạn vọc thử các chức năng nhé!

+ Thay đổi logo app, tên ứng dụng,…
+ Add sections: Bạn click chọn thử các chức năng có trong ứng dụng như RSS , HTML, YouTube, Flickr, Bing, Facebook, Menu, Collection…

  • YouTube: Thay đổi tùy ý Section Name. Ngoài ra, để sử dụng dịch vụ bạn phải tạo key API (Create new API Key>>Create and maintain Youtube API Key>>Đăng nhập gmail >>… xem tiếp tại đây ). Sau khi paste API Key, nhấn Validate. F5 reload lại trang project của bạn, chọn lại chức năng YouTube và thấy thành quả. Mò tiếp nhé ^^
  • Facebook ?, Twitter ?, Instagram ?  làm tương tự YouTube.
  • Menu: Chứa các chức năng con, nhấp chọn, đặt tên>>Confirm
  • Colection: Nơi chứa dữ liệu dạng tĩnh (Static – Dữ liệu bị set cứng, chỉ thay đổi khi bạn đưa ra bản cập nhật mới ứng dụng ) hoặc động (Dynamic – Lợi thế khi bạn làm ứng dụng về hội họa, ảnh nghệ thuật,… dữ liệu được cập nhật liên tục, như việc bạn kết nối dữ liệu với trang Flickr, thoải mái thay đổi hình ảnh mà không cần cập nhật ứng dụng).

*Lưu ý: Mỗi khi chỉnh sửa hoặc thêm chức năng nào trong ứng dụng, bạn nên Nhấn nút Save nha
appstudio6

+ Tiếp theo, khám phá 2 thẻ : Themes, Tiles 
+ Cuối cùng là Settings: Nếu đơn thuần chỉ làm ứng dụng để sử dụng riêng hoặc chia sẻ nội bộ gia đình, bạn bè,… bước này bạn có thể bỏ qua và nhấn Finish>> Generate>> Generate lần nữa để cài đặt trên device của bạn . Nhưng nếu muốn ứng dụng của mình lên store Microsoft, bạn phải nhập các thông số yêu cầu 😀 a
+ Nhấp Download Source Code để tải mã nguồn nếu bạn biết lập trình 
+ Do mình chọn app W10 nên hiện tại chưa cho phép cài đặt ngay trên máy (Installable Package), bạn thử tương tự trên w8.1 nhe.

Blog đơn giản giới thiệu cho bạn có cái nhìn sơ lược về trang web đầy tiềm năng này. Hy vọng bạn sẽ có riêng mình một ứng dụng hữu ích (Xem youtube, xem ảnh, đọc truyện,…). Bye bye :mrgreen:


Cám ơn bạn đã theo dõi blog.
Nhiều ngày tốt lành!

Advertisements

Cho mình biết cảm nhận của bạn nhé

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s