Mobiilsed seadmed 2015

http://www.trueactivist.com/64-historical-pictures-you-most-likely-havent-seen-before-8-is-a-bit-disturbing/

Inglismaa esimene arvuti 1950

http://io9.com/photos-from-the-days-when-thousands-of-cables-crowded-t-1629961917

Mobiilsete seadmete kasutamine

Priit Tammets

http://commons.wikimedia.org/wiki/File:Macaca_nigra_self-portrait.jpg

http://commons.wikimedia.org/wiki/File:Macaca_nigra_self-portrait.jpg

Mobiilne seade?

https://getpebble.com

http://www.google.com/glass/start/what-it-does/

http://www.forbes.com/sites/insertcoin/2014/03/08/the-oculus-rift-will-battle-sony-and-microsoft-at-e3/

http://www.nerdlocker.com/movies/her-long-depressing

Mis järgmiseks?

Minu telefon kui..

http://www.phonearena.com/news/Apple-iPhone-6-camera-see-the-first-samples_id60504

• Mobiilirakenduste top 3 USA - Facebook, Youtube, Facebook Messenger

• Mobiilirakenduste top 3 China - WeChat, QQ, QQ Music

http://qz.com/481245/these-are-the-25-most-popular-2015-mobile-apps-in-america/

http://www.chinadaily.com.cn/bizchina/2014-06/24/content_17610243_10.htm

Text messaging 97%

Music or podcasts 92%

Voice/video calls 89%

Maps 88%

Take picture/video 75%

News 60%

Internet 55%

Email 50%

Social networking 47%

Games 41%

Watching video 41%

• Juuni 2012, 1 000 000 000 PC-d Windowsiga

• Sept. 2012 - 880 000 000 Android & iOS seadet

http://www.lukew.com/ff/

• Hong Kongis keskmiselt 240 telefoni 100 elaniku kohta

• Põhja-Koreas 8

• Eestis..?

https://en.wikipedia.org/wiki/List_of_countries_by_number_of_mobile_phones_in_use

• Kuidas suurendab seadmete rohkus meie mobiilsust?

• Mis on nende seadmete ühine joon - miski, mida nad kõik kasutavad?

http://newskiller.com/for-syrian-refugees-smartphones-are-a-lifeline-not-a-toy/

A lady as well as her mom take a look at a mobile phone as travelers wait outside an enrollment center in Roszke, Hungary. Mobile phone applications have actually been produced to assist refugees discover job, acquire residency licenses as well as open financial account, to name a few points.

http://goo.gl/2m6jol

Internet

Veebirakendus vs native app

Defineeri vajadused ja nõuded

This tool set includes:

• tool for creating at least four types of location-based interactive assignments relevant for Zoo settings (triggered either by a QR code or GPS-based proximity): augmented reality assignments; quizzes; crossword and memory puzzles; video and photo story telling assignments;

• repository of interactive assignments;

• environment for composing and conducting location-based GPS adventure games, challenges and tournaments that utilise all these different types of interactive assignments. The platform uses Mozilla Open Badges framework for awarding the achievements of players.

http://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions

Tundlik veebidisain *

* http://translate.google.ee/#en/et/responsive%20web%20design

Lehekülg toimib igal suuruses ekraanil

• Kasutajad otsivad informatsiooni läbi väga erinevate seadmete

• Me ei saa neid piirata

• Me saame neile anda kas:

• hea kogemuse

• veidi viletsama

• või ta kõrvale jätta. Kuid..

Kasutaja = raha

Media queries

Media queries

http://www.joepettersson.com/css3-media-queries-and-mobile-devices/

• Responsive images

• Lazy loading (http://www.pinterest.com/ näide)

• 2012 - keskmine veebileht 1.25MB

• 2014 ennustus - üle 2MB

• Ja seda on liiga palju.

http://www.lukew.com/ff/entry.asp?1681

Ülesanne

• Teil on EMT interneti pakett 1.5GB kuus hinnaga 7,5€

• Postimees.ee lehekülje laadimine (26.09.14 28.09.15) laeb andmeid ca 1.5 8MB eest

• Mitu korda te saate ühes kuus Postimees.ee lehekülge lugeda enne andmemahu täitumist?

• Testi oma tööd - http://slowyapp.com/

PrivaatsusApple Health, Google Maps, Facebook

(Kodune) töö

• http://mobile.nytimes.com/2015/09/27/opinion/sunday/stop-googling-lets-talk.html?_r=1&referer=http://feedly.com/index.html

Esitluses on kasutatud materjale järgmisestest ettekannetest konverentsilt Webshaped 2013:

• The Future is Responsive - Jonathan Smiley

• 180 degrees East - Holger Bartel

Lisalugemist teemadel:

• Mobile First, Luke Wroblewski (http://www.abookapart.com/products/mobile-first)

• Responsive Web Design, Ethan Marcotte (http://www.abookapart.com/products/responsive-web-design)

• Creating a Mobile-First Responsive Web Design, Brad Frost (http://www.html5rocks.com/en/mobile/responsivedesign/)

• http://www.pewresearch.org/fact-tank/2015/04/01/6-facts-about-americans-and-their-smartphones/