+ All Categories
Home > Documents > ITP 140 Mobile App Tech - trinagre/itp140/lectures/ITP140_Windows.pdfSmartphones • Nokia – Lumia...

ITP 140 Mobile App Tech - trinagre/itp140/lectures/ITP140_Windows.pdfSmartphones • Nokia – Lumia...

Date post: 12-Jul-2019
Category:
Upload: hoangtuong
View: 217 times
Download: 0 times
Share this document with a friend
18
ITP 140 Mobile App Tech Windows
Transcript
Page 1: ITP 140 Mobile App Tech - trinagre/itp140/lectures/ITP140_Windows.pdfSmartphones • Nokia – Lumia ICON – Lumia 1520, 1020 – Lumia 928, 925, 920 – Lumia 822, 820 – Lumia

ITP 140 Mobile

App Tech

Windows

Page 2: ITP 140 Mobile App Tech - trinagre/itp140/lectures/ITP140_Windows.pdfSmartphones • Nokia – Lumia ICON – Lumia 1520, 1020 – Lumia 928, 925, 920 – Lumia 822, 820 – Lumia

Smartphones •  Nokia

–  Lumia ICON –  Lumia 1520, 1020 –  Lumia 928, 925, 920 –  Lumia 822, 820 –  Lumia 620 –  Lumia 520, 521

•  HTC –  Windows Phone 8XT, 8X

•  Samsung –  ATIV SE, S Neo –  ATIV Odyssey

2

Page 3: ITP 140 Mobile App Tech - trinagre/itp140/lectures/ITP140_Windows.pdfSmartphones • Nokia – Lumia ICON – Lumia 1520, 1020 – Lumia 928, 925, 920 – Lumia 822, 820 – Lumia

Surface

3

Page 4: ITP 140 Mobile App Tech - trinagre/itp140/lectures/ITP140_Windows.pdfSmartphones • Nokia – Lumia ICON – Lumia 1520, 1020 – Lumia 928, 925, 920 – Lumia 822, 820 – Lumia

Surface •  A powerful PC in tablet form •  Weighs in at 2 lbs or less •  It’s compatible with the broadest range of

peripherals and software •  3 choices – Surface Pro 2, Surface 2,

Surface –  http://www.microsoft.com/surface/en-us/products/

overview

4

Page 5: ITP 140 Mobile App Tech - trinagre/itp140/lectures/ITP140_Windows.pdfSmartphones • Nokia – Lumia ICON – Lumia 1520, 1020 – Lumia 928, 925, 920 – Lumia 822, 820 – Lumia

Start Screen •  Windows Phone lets you personalize your

Start screen •  Customize

features and apps

•  "The world's most personal smartphone"

5

Page 6: ITP 140 Mobile App Tech - trinagre/itp140/lectures/ITP140_Windows.pdfSmartphones • Nokia – Lumia ICON – Lumia 1520, 1020 – Lumia 928, 925, 920 – Lumia 822, 820 – Lumia

Apps •  Over 135,000 apps, including your favorites •  The only phone with Live Apps, which bring

the info you want right to your Start screen •  Most apps are free or free to try, and they’re

all certified.

6

Page 7: ITP 140 Mobile App Tech - trinagre/itp140/lectures/ITP140_Windows.pdfSmartphones • Nokia – Lumia ICON – Lumia 1520, 1020 – Lumia 928, 925, 920 – Lumia 822, 820 – Lumia

Unique Features •  Live Tiles

–  Deliver updates on your friends, schedule, apps, and more, right to your Start screen

–  Pin, move, and resize them

7

•  Live Apps – Pin one to Start, and its Live

Tile shows info and updates

Page 8: ITP 140 Mobile App Tech - trinagre/itp140/lectures/ITP140_Windows.pdfSmartphones • Nokia – Lumia ICON – Lumia 1520, 1020 – Lumia 928, 925, 920 – Lumia 822, 820 – Lumia

Unique Features •  Kid's Corner

–  Control the apps, games, videos, and music your kids access

8

•  Photos + OneDrive – Snap photos, use Lens apps,

and share your creations straight from the Camera

– Store your photos safely in the cloud by automatically syncing to OneDrive

Page 9: ITP 140 Mobile App Tech - trinagre/itp140/lectures/ITP140_Windows.pdfSmartphones • Nokia – Lumia ICON – Lumia 1520, 1020 – Lumia 928, 925, 920 – Lumia 822, 820 – Lumia

Windows Apps •  Windows Phone offers three different tile sizes, so

you can decide what’s most important and how much detail you see

•  Every single Windows Phone app and game is tested and certified by Microsoft, so you can feel confident when you download

•  Only Windows Phone lets you try the full version of most paid apps before you buy them –  Finally, you can say goodbye to downloader’s remorse!

•  Only Windows Phone Store learns the types of apps you like and provides personal recommendations just for you

9

Page 10: ITP 140 Mobile App Tech - trinagre/itp140/lectures/ITP140_Windows.pdfSmartphones • Nokia – Lumia ICON – Lumia 1520, 1020 – Lumia 928, 925, 920 – Lumia 822, 820 – Lumia

Cortana •  Windows Phone 8.1 features Cortana, a

smartphone assistant. •  Cortana is powered by Bing.

–  She gets to know you by learning your interests over time.

–  She looks out for you, providing proactive, useful recommendations.

–  And Cortana keeps you closer to the people and things you care about most, by keeping track of all that matters.

10

Page 11: ITP 140 Mobile App Tech - trinagre/itp140/lectures/ITP140_Windows.pdfSmartphones • Nokia – Lumia ICON – Lumia 1520, 1020 – Lumia 928, 925, 920 – Lumia 822, 820 – Lumia

Design •  http://dev.windowsphone.com/en-us/design •  Inspiration

–  The Windows Phone design team was inspired by sources like Swiss-style print and packaging, simple way-finding graphics found in transportation hubs, and even our own software

•  Design Principles –  We believe in experiences that are

defined by clean, uncluttered app screens that operate quickly, minimize typing, and surface new info automatically

11

Page 12: ITP 140 Mobile App Tech - trinagre/itp140/lectures/ITP140_Windows.pdfSmartphones • Nokia – Lumia ICON – Lumia 1520, 1020 – Lumia 928, 925, 920 – Lumia 822, 820 – Lumia

Design Principles •  http://dev.windowsphone.com/en-us/design/

principles •  Pride in craftsmanship •  More with less •  Fast and fluid •  Authentically digital

–  Infographic instead of iconographic •  Win as one

12

Page 13: ITP 140 Mobile App Tech - trinagre/itp140/lectures/ITP140_Windows.pdfSmartphones • Nokia – Lumia ICON – Lumia 1520, 1020 – Lumia 928, 925, 920 – Lumia 822, 820 – Lumia

Design Process •  http://dev.windowsphone.com/en-us/design/

process •  Concept •  Structure •  Interaction •  Visual •  Prototype

13

Page 14: ITP 140 Mobile App Tech - trinagre/itp140/lectures/ITP140_Windows.pdfSmartphones • Nokia – Lumia ICON – Lumia 1520, 1020 – Lumia 928, 925, 920 – Lumia 822, 820 – Lumia

Windows •  Design Guidelines

–  http://msdn.microsoft.com/en-us/library/windows/apps/hh770552

•  UX Guidelines –  http://msdn.microsoft.com/en-us/library/windows/

apps/hh465424 •  Full Windows 8 GUI theme pack

–  http://www.designshock.com/windows-8-theme/ •  Windows GUI Toolkit

–  http://guitoolkits.com/windows-gui-toolkit/

14

Page 15: ITP 140 Mobile App Tech - trinagre/itp140/lectures/ITP140_Windows.pdfSmartphones • Nokia – Lumia ICON – Lumia 1520, 1020 – Lumia 928, 925, 920 – Lumia 822, 820 – Lumia

Development •  http://dev.windowsphone.com/en-us •  Windows Phone SDK

–  http://dev.windowsphone.com/en-us/downloadsdk •  Tools

–  Construct 2: https://www.scirra.com/construct2 for games

–  Touch Develop: https://www.touchdevelop.com •  Build for Windows

–  http://build.windowsstore.com/#fbid=R8qrf-xPLP6

15

Page 16: ITP 140 Mobile App Tech - trinagre/itp140/lectures/ITP140_Windows.pdfSmartphones • Nokia – Lumia ICON – Lumia 1520, 1020 – Lumia 928, 925, 920 – Lumia 822, 820 – Lumia

Develop Windows Apps •  Create a UI •  Add features •  Test your app •  API reference

•  http://dev.windowsphone.com/en-us/develop

16

Page 17: ITP 140 Mobile App Tech - trinagre/itp140/lectures/ITP140_Windows.pdfSmartphones • Nokia – Lumia ICON – Lumia 1520, 1020 – Lumia 928, 925, 920 – Lumia 822, 820 – Lumia

Create a UI •  Lay out your UI using XAML (Extensible

Application Markup Language) –  XAML is a declarative language that you can use

to create app UI such as controls, shapes, text, and other content presented on the screen.

–  XAML is XML-based, thus made up of elements and attributes.

•  The app page (or canvas) is the base of your UI

17

Page 18: ITP 140 Mobile App Tech - trinagre/itp140/lectures/ITP140_Windows.pdfSmartphones • Nokia – Lumia ICON – Lumia 1520, 1020 – Lumia 928, 925, 920 – Lumia 822, 820 – Lumia

Development •  http://msdn.microsoft.com/en-us/library/

windowsphone/develop/dn632732.aspx •  For the IDE (Integrated Development

Environment), most developers use Visual Studio.

•  The main programming languages are C++, C#, VB (Visual Basic), and JavaScript. –  Code samples -

http://code.msdn.microsoft.com/wpapps/

18


Recommended