1

/ P re f a c e

IBM
Web

InfoQ


WebApp

WebApp

 Contents
/Interview

04

Flash
Flash

/Hot News

08

/Dev Tips

10

/Cover Stor y

16

App

/Q&A

20

/ To p L i s t

24

/Editor's Choice

27

/Comments

28

/Requests

31

 / I n t erview

Web
A p p

Flash

F la sh
1.
Stanley26
Stanley12005

Flash
Flash
Flash
Flash

2.
Adobe
WacomBambooFlash
Professional CS5.5
Flash Builder4.5Adobe
AuditionAdobe AIR 2.7
AndroidiOS

3. Flash
Flash

CPU

AIR
FLASH
5

4.

FlashAndroidJava
OBJCFlashActionScriptAndroid
FlashAIR

5.

Stanley2

iPad

6. Web App

Web App

7.

8. Web App
Web App

 / H o t N ews
360

LOGO

360
http://finance.ifeng.com/roll/20110422/3916910.shtml

+++

http://www.ce.cn/cysc/tech/07hlw/guonei/201009/16/t20100916_20504222.shtml

7K7K

i
201037

http://news.cntv.cn/20110127/113248.shtml
8

API
API
OAuth2.0

IFrame

h t t p : / / t e c h . q q . c o m / a / 2 0 1 1 0 7 2 5 / 0 0 0 2 3 1 . h t m

CEO

APP

SEO

2011

h t t p : / / s o f t . c h i n a b y t e . c o m / 8 8 / 1 2 0 6 5 0 8 8 . s h t m l

 / D e v T ip s

?
20116,,
?IT,
2003Web2.0,
,

,?

A p p l e , G o o g l e , F a c e b o o k , Tw i t t e r, L i n k e d I n , i O S , A n d r o i d . . . . . .
AppleGoogle,
,Apple
,,
AppleSteve JobsIntel,,
iOSAppleAPIiOSiPhone,
i Po d , i Pa d , G o o g l e A n d r o i d , Fa c e B o o k , Tw
i t t e r, L i n k e d I n A p p l i c a t i o n P l a t f o r m ,
,
IT100Billion()FacebookAndroid
,

10

,,,,,
,2011,,,
,,360,
Web 2.0

,
app,,
,,,
,,

,100
,
,
,,,?
Cool,?
,?

11

,,,
,,
,,

,
,HTML5,CSS3

Killer idea,,

,Web2.0Web3.0LinkedIn
Web3.0,Data2.0,,
,,,
MapReduce, Big table,Machinelearning,Cloud computing
,?,,,
,

2010-2011,,
E C 2 Q Q. c o m
,,

,
,?
,,,
10?
,,?

12


:,,
,
,,
,,
:
, , A P r o d u c t i n B o x
,Black Box (),
,:

1.?:MM,
;:
,;
2. ?,?:
,,,
,
3. ?:
Android,,
4.,?:
Angr y Bird
5. ?:AndroidGoogle
Google,,
6. ?:Android
2000-3000,,
7. ,,1,1000?
:,1
8. ,?:GPS
,,,

13

9.segment()? :
1 0 . : S E O, S E M , I T

11. :3
12. ?:,

,
,
,
,:
R,
,Pool
,,
,ROI
,

,
,
,
,,
(Mockup),
,,Wikipedia

A Product in Box
A s i s . . . To b e . . .
5W1H
FIve Why

Google:
,(),

,(User scenario)
(Persona):

14

,,Windows

:1. ;2.;3.; ,
,,,,,ROI
Mockup,

:
Baslamiq: ,Web
Photoshop,GIMP:
Powerpoint: Shape,
YA M L B u i l d e r : H T M L / C S S
Stor y board: ,,
HTML/CSS:,,,
:
,,

, (http://
aaladdin.com),,
,,,,Mentoring Session,
Web app,ScrumGathering
(http://blog.aaladdin.com) (http://weibo.com/mmxw)

10,,
,, ,,,
,,,,HSE,,,
,,,,,

15

 / Co v er S to ry

A pp

App

1.?
1998

2010

APPAPP

8LinuxPHP
61221

Google
500Online CRM
SNS

16

2.?
APP

APP

3.

APP

123

4.

17


A P P
1 0 0 %
12
3

5.Web App
Web App

APP
APPAPP
123

6.

18

7.
APP

8.Web App
APP
APP

Web App

9.Web App
?

12

12

19

/Q&A

APP5
5APP1

(query)

query

20

app,
,app

A
300pxB500px
body

< s c r i p t s r c = " h t t p : / / a p p . b a i d u . c o m / s t a t i c / a p p s t o r e / m o n i t o r. s t " >

</script>
<!-- -->
<script>baidu.app.setHeight(xxx);</script>

body

21

< s c r i p t s r c = " h t t p : / / a p p . b a i d u . c o m / s t a t i c / a p p s t o r e / m o n i t o r. s t " >

</script>
<!-- -->
<script>

baidu.app.autoHeight();

baidu.app.setHeight(xxx);

</script>
XXX;
xxx;
xxxxxx;
xxx
JS</body>

< s c r i p t s r c = " h t t p : / / a p p . b a i d u . c o m / s t a t i c / a p p s t o r e / m o n i t o r. s t " >

</script>
<!-- -->
<script>

baidu.app.autoHeight();

baidu.app.setHeight(xxx);

</script>
JS
baidu.app.setHeight(xxx);

6 OpenAPI
IDAPI KeySecret Key
IDIDAPI KeySecret Key
Secret Key

Flash widget

Open APIPHP
SDKOpen API
SDK

22

7
app

appmaster@baidu.com

7
http://app.baidu.com/developer/page/docstate

TXTPDF
app
http://app.baidu.com/developer/appdoc?t=specific.html

8 BAE
BAE
flashBWA widgetBDMLweb
bd:swfflashwmodewindowtransparent
opaque

BAE
BAE3

3
appmaster@baidu.com
3
1010G

23

 / T o p L ist

Stanley2

27QQ

5
Stanley1

27QQ

Stanley2
a.FlashFlash
Flash
b.2005Stanley

Stanley
2

24

2
MP3

MP3
a)

b)
1 . M P 3 M P 3 M P 3 WAV
2.
3.

25

81300
60

C2B

16

26

 / E d i t o r' s C h o ice

InfoQ

27

 / C o m men ts

DCCI

DIY

2D&3DAutocad3Dmax
Web-APP

Autodesk
2

DIY
Autodesk

3
APP/

Autod e sk

28

Lamp

2009

""
""""last.fm
last.fmSNS

FM""
FMUI

FM
FM2

APP

FM
do u ban.fm

29


Te c h W e b . c o m .
cn2000

( C TO )

30

 / R e q u e sts

Edse_wm
88946907
NIU6

fyq

ses1013young

a690381454~~
~
mettry

BRIDGE

-----------------------------------------------------------------------------
j a n e a n d b e t t y
geluxu
cp7506~

zx200909
Let_It_Be_
l x l g e n i u s EMS~
p c l a o r e n ,!!

-----------------------------------------------------------------------------jsrf_sega
wu_fei_hui

2011-06-10 18:19,
O(_)O

31

xk19901231

,

oo,

cheng_7_
-----------------------------------------------------------------------------shongleaway3d2d

todayfine

neilkwo
~~
Web!
nemea
zhyg65163D

-----------------------------------------------------------------------------ibanban2011-06-28 09:37,

firefox
parent.parent.bdjs.app_callback,

.parent.parent.app.invoke,.
bug

ianqin2

mini_boat

32

We b
In f o Q
ed ito r s @cn . in f o q . co m
e d ito r s @cn . in f o q . co m
I nf o Q
ht tp :/ / weib o . co m /in f o q ch in a

ht tp :/ / weib o . co m /ba id u o p en

ht tp :/ / weib o . co m /ba id u tech

ht tp :/ / ap p . ba id u . co m /d evelo p er

InfoQ

InfoQJava.NETRubySOA

20001

WebInfoQ
C4Media Inc.
33