2014 GSS solution day - ID Bear

98
ƢNĹêȨ Bear Lee 雲端搶鮮看

Transcript of 2014 GSS solution day - ID Bear

Page 1: 2014 GSS solution day - ID Bear

�ƢNĹêȨ Bear Lee

雲端搶鮮看

Page 2: 2014 GSS solution day - ID Bear

��������

Page 3: 2014 GSS solution day - ID Bear

3

�ňƆŲ�ùöQƼr�ƢN�Ĺêǰ

Page 4: 2014 GSS solution day - ID Bear

4

/Ǘ©ŏǯĞ��+

Page 5: 2014 GSS solution day - ID Bear

5

�sappmƭtf�ǯŕƈ/Ǘ

Page 6: 2014 GSS solution day - ID Bear

ðū�ƮƣDZǙŨ

6

Page 7: 2014 GSS solution day - ID Bear

×mǯNıƮƣ

7

Page 8: 2014 GSS solution day - ID Bear

8

ǓǙöQĹêǯƌŸǯï=����čŵŹ

Page 9: 2014 GSS solution day - ID Bear

9

ǓǙöQĹêǯƌŸǯï=����čŵŹ

Page 10: 2014 GSS solution day - ID Bear

10

ǓǙöQĹêǯƌŸǯï=����čŵŹ

Page 11: 2014 GSS solution day - ID Bear

11

ǓǙöQĹêǯƌŸǯï=����čŵŹ

Page 12: 2014 GSS solution day - ID Bear

12

UI

ǓǙöQĹêǯƌŸǯï=����čŵŹ

Page 13: 2014 GSS solution day - ID Bear

13

ǓǙöQĹêǯƌŸǯï=����čŵŹ

Page 14: 2014 GSS solution day - ID Bear

14

ǓǙöQĹêǯƌŸǯï=����čŵŹ

Page 15: 2014 GSS solution day - ID Bear

15

ǓǙöQĹêǯƌŸǯï=����čŵŹ

Page 16: 2014 GSS solution day - ID Bear

16

ŶÓU³�$�Ʈƣ öQŌĐ��°l趨勢

Page 17: 2014 GSS solution day - ID Bear

öQŵŹŮ.

Page 18: 2014 GSS solution day - ID Bear

Path!�ǑĨ�ƾƠŵŹDZ�dq��,�DZ¡Ä/e�w�d�ŵŹnj�DZ¥ũ�öQnj��/e�ŵŹappDZŃ!�ò��DZ�Path8Õ­ǔļ4�Ɯ´@DZƅÀ��i�ǰ

18

Page 19: 2014 GSS solution day - ID Bear

Behance!ĹêǯƓŸ��Ú/et��ŵŹDZšéƩ�t�qé���č�ÍŎǰ

19

Page 20: 2014 GSS solution day - ID Bear

Pinterest!��G"ÂƜG"DZÀųǯ/e!u;�D2�¶j���čǰ

20

Page 21: 2014 GSS solution day - ID Bear

FANCY!#Ūŕ¬�/eŵŹDZš&ÑÆŴ­��ŝlǯ#Ūĭ�DZ�ŒÐPNxăÆǰ

21

Page 22: 2014 GSS solution day - ID Bear

Foodspotting!Dĉ/e�ŵŹnj�DZ0@��ÍŎaopentableÀŴDZŝķõ�UIĹêÝǰ

22

Page 23: 2014 GSS solution day - ID Bear

Posse!�4&1ŊŇ�A�ōFDZ/eÖ*�ĵ4DZ£��ŝŀ�A���ĵr�¿åǰ

23

Page 24: 2014 GSS solution day - ID Bear

OOHLALA!fNãƈ��ĻŚŵŹÍŎDZÿƒŊŇLĻ¿�öQŵĊƦ�PNǰ

24

Page 25: 2014 GSS solution day - ID Bear

Notes & Diary

Personal Todo

File Sharing

�(ĭ`·Ř

Page 26: 2014 GSS solution day - ID Bear

Evernote!�4ƧƋ�ơ�ƞ¼·Řǰ

26

Page 27: 2014 GSS solution day - ID Bear

IFTTT!IF This Then That �öQÍŎ�APIǠ.DZB�ģK�Nôǰ

27

Page 28: 2014 GSS solution day - ID Bear

Clear!1öQLJƫIĐ�ƭƫƻ%�Todo·ŘDZ��ưǤ�UIƉĢ:ć@DZ�ŝŀ�ƴrÞDZü#sĜ|�ĆķEŭǰ

28

Page 29: 2014 GSS solution day - ID Bear

Gneo!ńƽĴƟ�Todo·ŘDZ�Eŭ/�Î���Ŕ²�ţśDZšƑ'Evernotet�sĜserverǰ

29

Page 30: 2014 GSS solution day - ID Bear

Mailbox!j��ò3�\¬ÑÆÂ�ĆķEŭ�ǑĨ�appDZ�g�â�fƛIµDZB?)Č�Ģ�ìëhĈDZšđDropboxÀŴǰ

30

Page 31: 2014 GSS solution day - ID Bear

Dispatch!�nMailboxDZ�{E>�à�èŁn�Aapp�DZ?<à��ÆÉDZB�{¯§6á��?app�¼ ǰ

31

Page 32: 2014 GSS solution day - ID Bear

IM & File Sharing Search

Project Management Task Management Enterprise Social Platform

File Management and File Sharing

ƃƳǂs·Ř

Page 33: 2014 GSS solution day - ID Bear

azendoo!��þMDZƑ'ŵŹ×mşıĚ�¸ƥ�ŐƙÍŎǰ

33

Page 34: 2014 GSS solution day - ID Bear

Trello!Ƒ'�y�ƂĢ�ƼrĚ�]��Task�Ƥıǰ

34

Page 35: 2014 GSS solution day - ID Bear

Producteev!��TaskÂVă½�ƃƳNetworkDZ&ƹÓnƃƳ¿DZěDŽTask�ǂsÊĮǰ�Jivex­ �ÍŎǰ

35

Page 36: 2014 GSS solution day - ID Bear

Slack!1ë#ƶ»Ť�ƀ�ƉĢO+ƃžĀǚ¹�ÊĮDZ&1/eǟƥǯŔĢwįDZƿƪ/e'�ĺƔgǰ

36

Page 37: 2014 GSS solution day - ID Bear

�G"�÷�"�QÍŎǶ

Page 38: 2014 GSS solution day - ID Bear

���cŖǒ¢ĭ�6�ǯĹê

Ò���ÍŎ�ĴCø�ʼn òǪ�$ÍŎ��þ æijï=õ�¦º

Page 39: 2014 GSS solution day - ID Bear

3939

技術RWD Mobile Web App SPA

Page 40: 2014 GSS solution day - ID Bear

4040

Responsive Web Design

Page 41: 2014 GSS solution day - ID Bear

4141

Page 42: 2014 GSS solution day - ID Bear

4242

Responsive Web DesignƑ'ǩœãƈ�Ư²Z²g �$ģľRĢDZBļr�Ĺ êŇë�ƍÅãƈ�ä�DZ Hǘ�s��JƉĢǰ !

���media queriesxĤ: �ƌŸĩ[

Page 43: 2014 GSS solution day - ID Bear

4343

Media Queriesmedia queries�CSS3�Ŷ�±oƆŲżƯZǯãƈƯZǯļr�ǖǯãƈŦÂǯ©ŏgDZ0ÔDžď�iē=ŧŽÃ²Oǩœ �ó�ǰ

Page 44: 2014 GSS solution day - ID Bear

4444

mobile web applicationƑ'�Ǐ�ļrDZòƵKƜÔ ±(AppŔĢ�ítNıǰ ǖWfNãƈscrollf���İ ²ǯYǨgǰ CSS3 Animation

Page 45: 2014 GSS solution day - ID Bear

4545

iscroll dz webkit-overflow-scroll:touch �iOS��$&1Ƒ' CSSĤ:åż��Scrollf�DZWs±(ŔĢƝ��Ǐ��ݲņ`YǨDZ���?ƆŲż�$�ē=iscroll�javascriptŋ¬Ĥ:�R�M«ǰ

Page 46: 2014 GSS solution day - ID Bear

4646

css animationVJ��fNãƈDZ�¿Ŋ��Ģ�ƆŲżDZ5nļr�Nļ�ǣJKƱŬ�&��ǰ

Page 47: 2014 GSS solution day - ID Bear

4747

Page 48: 2014 GSS solution day - ID Bear

4848

Page 49: 2014 GSS solution day - ID Bear

4949

Page 50: 2014 GSS solution day - ID Bear

5050

Single-Page Applications

Ű®ļr�ģľDZ]�ļr�g�7ÌDZ Ƒ'JavascriptÇǬÍż�ĺťDZ��Ņ Ķ��HTML�ǰ �ĹêÝ�ƙ�$�¢Nt�äĩDZĤ� ļr:ć�:�òĥDZBï=õ&1M^ ]�ŧû�,�Ǐǰ Angular.js + CSS3 Animation

Page 51: 2014 GSS solution day - ID Bear

5151

Page 52: 2014 GSS solution day - ID Bear

5252

�$îĎ�÷ì�� ŌĐ � DM ņ ï=�Um�ƏºDZ šē=ƌŸ�:ǰ

Page 53: 2014 GSS solution day - ID Bear

53

ĭ�-Vitals Mobile ĭ�-VIdegree Mobile

Case Study

Page 54: 2014 GSS solution day - ID Bear

54

�Ŕ�Ƽr�ñǯć��žĀ

54

Page 55: 2014 GSS solution day - ID Bear

54

�Ŕ�Ƽr�ñǯć��žĀ

54

Page 56: 2014 GSS solution day - ID Bear

55

Vitals Mobile

�$Ĺ�ÐŎĠ¾q8app�� ü#�Ľ�C�iĝ¯§ǰ WçŇ륢ĝ¯§�'Ŕ�,��

Page 57: 2014 GSS solution day - ID Bear

Ăłï=ǭĝ�>Ž

q8œÌ��ĝƬljāĪ

Ò�ĺťǜ

C�i

ÏTř!ŷş ĝ¿å

Ǖŗ

6ſ

56

Page 58: 2014 GSS solution day - ID Bear

57

Ăłï=ǭĝ�>Ž

ÏŞTřŷş

��ĝƬljāĪ

ĝ¿å!Ï/ŷ

2Ǖŗ

6ſ

2

�ƇCęð-ƖűDZ���Ƽr�IJ�à��ŻƐ!ÁǧǯŰ®ǯNjLjà�ǰĕ�ǵ�İ¥¢ĝ¿å��Ŕǰ

57

Page 59: 2014 GSS solution day - ID Bear

öQªĔǍ 

5858

Page 60: 2014 GSS solution day - ID Bear

ǃÕĸ 0�k¬ ǡÌÏÙ

5959

Page 61: 2014 GSS solution day - ID Bear

�i¿å�ÏÙ

6060

Page 62: 2014 GSS solution day - ID Bear

�i¿å�ÏÙ

Ö=Třŷş

�iƕǥC8@:��ǁƕǫ

_Ē9İ�ݼ

CęK�&ůĥbÈTřŷş

6060

Page 63: 2014 GSS solution day - ID Bear

6161

Page 64: 2014 GSS solution day - ID Bear

6262

Page 65: 2014 GSS solution day - ID Bear

6262

Page 66: 2014 GSS solution day - ID Bear

&�iöQ�nj�ǐ¬

6363

Page 67: 2014 GSS solution day - ID Bear

&�iöQ�nj�ǐ¬

¸÷nĕu�ÏŞ�E>�

6363

Page 68: 2014 GSS solution day - ID Bear

&�iöQ�nj�ǐ¬

6363

Page 69: 2014 GSS solution day - ID Bear

6464

Page 70: 2014 GSS solution day - ID Bear

6565

n�Vitals Mobile��RǢ(� �$gĆėī�YǨDZB�$ǛĜ �D��app

Page 71: 2014 GSS solution day - ID Bear

66

VIdegree Mobile

VIdegree Mobile�VIdegree�b�appDZ dž=Angulars.jsǴPhone Gap ƁtDZ šËħ&úĖï=ǰ

66

Page 72: 2014 GSS solution day - ID Bear

67 67

Page 73: 2014 GSS solution day - ID Bear

67 67

�S�$�ƲŢ��08Õ��ŔƗƘ8Õ�ñ

Page 74: 2014 GSS solution day - ID Bear

68

VIdegree Mobile

68

Page 75: 2014 GSS solution day - ID Bear

69

VIdegree Mobile

69

Page 76: 2014 GSS solution day - ID Bear

7070

¿ÈÚ

ėī

Page 77: 2014 GSS solution day - ID Bear

7171

¿ÈÚ

ėī

Page 78: 2014 GSS solution day - ID Bear

7272

¿ÈÚ

ėī

Page 79: 2014 GSS solution day - ID Bear

j�Ŝ��ƨ NJ¤ÄĆ

Page 80: 2014 GSS solution day - ID Bear

74

¸ƥ-ƸÐTř¢É�fNÞ ¸ƥ-GPM mobile

Case Study

74

Page 81: 2014 GSS solution day - ID Bear

7575

ƸÐTř¢É�fNÞ

��?�Ȩ�fNÞ�ĸDZ �$1Mobile First�Ăą36DZ ší=0��ƌŸDZŝŀßǞƄ� =�Ƽrǰ

Page 82: 2014 GSS solution day - ID Bear

76

ƸÐTř¢É�fNÞ

76

Page 83: 2014 GSS solution day - ID Bear

7777

Page 84: 2014 GSS solution day - ID Bear

7878

Page 85: 2014 GSS solution day - ID Bear

79

ƸÐTř¢É�fNÞ

79

Page 86: 2014 GSS solution day - ID Bear

79

ƸÐTř¢É�fNÞ

79

Page 87: 2014 GSS solution day - ID Bear

80

ƸÐTř¢É�fNÞ

]�ĭ�ø¸ƥƷf'Ŕ�DZ

�$��ď�ŠřDZ�B¯§O�DZ

V��{¯§O�Vvǰ

V���¸ƥĿ�=%�ƚķDZ�� ŀ�Ĵǀ�:[Dz

80

Page 88: 2014 GSS solution day - ID Bear

81

ĺƶ�8ÊĮfNÞ

�S¸ƥ�$/�X�č ƗƘ ��#Ŕ��sDZx1ģǦ� pIJ�ĸÞ�fNãƈÞǰ

81

Page 89: 2014 GSS solution day - ID Bear

8282

�ĸÞ�ƉĢ

Page 90: 2014 GSS solution day - ID Bear

8383

Page 91: 2014 GSS solution day - ID Bear

8383

Page 92: 2014 GSS solution day - ID Bear

8484

Page 93: 2014 GSS solution day - ID Bear

8484

Page 94: 2014 GSS solution day - ID Bear

85

ĺƶ�8ÊĮfNÞ

žĀ�'Ŕ�DZėīò3�¦ºDZ �$�����Ɗǝšő`YÅö Q&��ǰ ėīƎz�æ��$]�ŢûĂł �=%�¸ÐŔ²ǰšǎ�ėī� �µDZő`��&��øċ��ǰ

85

Page 95: 2014 GSS solution day - ID Bear

86

與客戶共同創造價值

彼此了解,共同把事情做對!

86

Page 96: 2014 GSS solution day - ID Bear

8787

�$Ġ¾B�4ýř�ň¥ô�GSS

�Ë��ƌŸźĦ�Domain knowhow

@DZšHǘ0uǮǯĴƟǯ�=ǯ �÷ï=õÛÜ�ƼrĹêǰ îĎߥDZ�|h�urǰ

Page 97: 2014 GSS solution day - ID Bear

8888

Ŷ�ĭ�o~³DZ�$Č ����$ÍŎ� ğ�Ą¢K�ėī&1Ę��×mDZKƱŬǯ ßƺ�¿åǰ š�Ë�ġ¸ó�Ė�¦ºæijÊĮ �l�YǨžĀ×mǰ �$�æ�ėī�žĀĬØ�ĭ�K��Ɣ}ǰ

Page 98: 2014 GSS solution day - ID Bear

��������

��

89