App Studio - Session 2: Build your first App with App Studio

Thong.Le-Vo-Quoc@studentpartner.com
11 Nov 2014
Building Apps for Windows Phone and Windows App
App Studio

Plan/Design
Publish App
lên App
Store
Test App
trên thiết bị
thật
Test/Debug
App trên
Emulator
Dùng Visual
Studio để
chỉnh sửa
App
Theo dõi
App và ghi
nhận
Feedback
Dùng App
Studio để
tạo App
App Studio|

Sau khi đã thực thiện xong việc tìm kiếm ý tưởng chúng ta sẽ bắt đầu tạo App
Tại trang chủ App Studio các bạn nhấn
App Studio|

App Studio|
raymondle2409 raymondle2409

App Studio|
29718324@N08
29718324@N08
29718324@N08 : chính là User name.
Đối với các User name là tên thì có thể sẽ không lấy được dữ liệu.

App Studio|
raymondle2409
mspvn
raymondle2409 và mspvn: chính là User name.
Hiện tại Facebook Section chưa hỗ trợ lấy Thông Tin từ Group.

App Studio|
.
Các Section được phép Thêm vào Menu bao gồm
Collection có nhiệm Tạo một cơ sở dữ liệu Offline hoặc Online.

App Studio|
Để thêm các Column cho cơ sở dữ liệu, bạn có thể nhấn vào “Create New” để
tự tạo Column với các
Thuộc tính như
Name và Type
Hoặc có thể nhấn “Add
default columns” để App
Studio tự động tạo mẫu
cho bạn. Sau đó bạn có
thể chỉnh sửa theo ý
muốn của mình.

App Studio|
Text
Multiline ( Text dưới dạng nhìu dòng )
Image
Address
Album
Artist
Email
Phone
Song
Url

App Studio|
Để làm được công việc này bạn cần nhấn nút ở phía dưới Section
Collection.
Sau đó chọn Tab DATA.
Tiếp đến nhấn nút
Cuối cùng nhấn nút để bắt đầu Add dữ liệu vào Collection.

App Studio|
Ngoài cách Add thủ công
từng dữ liệu một thì App
Studio hỗ trợ “Import”
danh sách dữ liệu tối đa
40 dòng và kích thước file
không quá 500Kb.
Trong file Import các bạn cần
đặt dòng đầu tiên là tên các
Column đặt trong dấu “” và
ngăn cách nhau bởi dấu ;
Đối với các dữ liệu cũng cần
đặt trong dấu “” và ngăn
cách nhau bởi dấu ; và các
dữ liệu phải được ngăn cách
từng dòng khác nhau.

App Studio|
"Title";"Sub";"ImageUrl";"Description"
"Xin chào 1";"Đây là subTitle";"https://www.microsoftstudentpartners.com/Content/Images/Global/mspPassion.png";"Xin
chào các bạn Microsoft Student Partner New!“
"Xin chào 2";"Đây là subTitle 2";"https://www.microsoftstudentpartners.com/Content/Images/Global/mspPassion.png";"Xin
chào các bạn Microsoft Student Partner New!"

App Studio|
hỗ trợ Tùy
Chỉnh mỗi Page rất chi
tiết, tại đây chúng ta có
thể Edit Layouts, Binding,
Section Name, Data và
trang Detail

App Studio|
Các Layout của List
Ngoài ra còn cung cấp tính năng chỉnh sửa Layout tức là cách bố
trí hiển thị thông tin dữ liệu của một Page.
Các Layout của Menu

App Studio|
Để bạn nhấn
nút ở bên dưới
Section mà bạn muốn tùy
chỉnh.

App Studio|
Là một tính năng giúp bạn có thể Hiển Thị Thông Tin từ dữ liệu vào vị trí
mình muốn.

App Studio|
Cách thức sử dụng và tùy
chọn Binding

Data Source Action Binding
App Studio|
Đây là một tính năng gần giống với Menu Action.
Cũng cung cấp các khả năng thực hiện các hành động tùy vào kiểu dữ liệu
• Create email (email data type)
• Search for artist or album (artist or album data type)
• Dial phone number (phone data type)
• Show directions (address data type)
• Show location (address data type)
• Show artist (artist data type)
• Play artist mix (artist data type)

Extra Function
App Studio|
App Studio hỗ trợ 3 tính
năng chính cho mỗi page
detail bao gồm
Text to Speech, Share Text,
Pin to Start. Các tính năng
này được đặt dưới
Application Bar của ứng
dụng.

Themes
App Studio|
App Studio cung cấp 3 loại Theme chính cho các bạn chọn lựa.

Custom Style
App Studio|
Custom Style là tính năng cho phép bạn chọn màu cho Application Bar,
Foreground, Backgroud.
Nếu không thích dùng
Background Color ? Bạn
có thể sử dụng hình ảnh
để làm Background cho
Ứng Dụng.
Tích chọn vào
Background Image và
nhấn nút để up ảnh.

Tile
App Studio|
Tile là một tính năng hay giúp App của bạn luôn chạy
và cập nhập thông tin cần thiết ra màn mình Start của
điện thoại.
Có 3 loại Tile được App Studio hỗ trợ là
Flip Template
Cycle Template
Iconic Template

Tile
App Studio|
Có 3 loại Tile được App Studio hỗ trợ là
Flip Template : đây là Tile có 2 mặt gồm trước và sau sẽ được lật qua lại.
State Normal State Wide

Tile
App Studio|
Cycle Template : hỗ trợ trình diễn tới 9 ảnh trên Tile.

Tile
App Studio|
Iconic Template : hiển thị nội dung mà bạn nhập vào và không thay đổi.

Tile
App Studio|
Màn hình thiết kế Tile trên App Studio

Splash Screen & Lock Screen
App Studio|
Lock Screen là màn hình khi bạn Lock điện thoại.Splash Screen là màn hình lúc mới khởi động ứng dụng.

Splash Screen & Lock Screen
App Studio|
Giao diện thiết kế Splash Screen và Lock Sreen trên App Studio.
Đối với màn hình Splash
Screen của Window
App bạn cần Set
Background Color cho
ứng dụng.

Publish Info
App Studio|
Đây là bước cuối cùng trong việc xây dựng nội dung cho ứng dụng trước khi
Tạo và Publish App
lên Store.

Publish Info
App Studio|
Language nếu app của
bạn có trên nhiều thị
trường thì ngôn ngữ mặc
định là English.
Nhưng nếu App của bạn
chỉ có trên 1 thị thường
duy nhất thì có thể để
English hay ngôn ngữ của
thị trường đó.
App Title là tên ứng dụng
của bạn khi xuất hiện trên
Store.
App Description là mô tả
nội dung của ứng dụng.
Lưu ý là phần Description
bạn cần nhập đúng theo
ngôn ngữ mà bạn chọn.
Privacy Statement Url là một
bản nội dung nói về Chính
Sách Bảo Mật trong ứng
dụng của bạn.
Bạn có thể tạo một trang
web hay blog với bài viết nói
về Chính Sách Bảo Mật.
Tham khảo :
bit.ly/apppolicy

Publish Info
App Studio|
Associate App with the Store là bước Update
thông tin Developer cho App trước khi Upload
lên Store.
Bước 1 : Bạn truy cập Store để Submit App. Sau
khi tạo App để chuẩn bị Submit xong thì các bạn
vào để lấy thông tin.
Bước 2 : Điền thông tin cần thiết vào Associate
App with the Store.

Generate
App Studio|
Sau khi nhấn Finish bạn sẽ được chuyển sang Trang Xuất file Package, Project
Code. Tại đây bạn nhấn nút để bắt đầu Quá Trình tạo và xuất
File.
Để chuyển sang bước này bạn cần nhấn nút để hoàn tất quá
trình xây dựng nội dung và giao diện.

Generate
App Studio|
Generation Type các bạn nên chọn
Installable packages là Yes để chúng
ta có thể Download Source Code về
hoặc để Test trên Device.
Một Popup chọn phiên bản Windows
Phone và các tùy chọn kèm theo sẽ
hiện ra.
Tại đây bạn chọn Phiên bản bạn
muốn là Universal App hay Windows
Phone 8.

Generate
App Studio|
Quá trình tạo
packages hoàn tất.
App Studio sẽ cung
cấp cho các bạn file
packages cho từng hệ
điều hành để
Download và Source
Code Project để chỉnh
sửa trên Visual Studio

App Studio|
http://appstudio.windows.com/en-us/home/howto
https://appstudio.windows.com

©2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, Office, Azure, System Center, Dynamics and other product names are or may be registered trademarks and/or
trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this
presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee
the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN
THIS PRESENTATION.

App Studio - Session 2: Build your first App with App Studio

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (15)

Similar to App Studio - Session 2: Build your first App with App Studio

Similar to App Studio - Session 2: Build your first App with App Studio (20)

App Studio - Session 2: Build your first App with App Studio

Editor's Notes