22
Monday, November 8, 2010

Day: Ignite iPad App - The making of

Embed Size (px)

DESCRIPTION

Ignite iPad App: The Making of ... Why did we do it? How did we do it? What did we learn? Find out how the Day team built the Ignite iPad application for a rich interactive Ignite experience and enable business users to update the mobile content, using CQ5. Cedric Huesler, Director of Product Marketing & Gabriel Walt, Web Developer, Day Software, Piyush Patel, Sapient

Citation preview

Page 1: Day: Ignite iPad App - The making of

Monday, November 8, 2010

Page 2: Day: Ignite iPad App - The making of

Ignite iPad App: The Making off...Piyush Patel, SapientGabriel Walt, DayCédric Hüsler, Day

Monday, November 8, 2010

Page 3: Day: Ignite iPad App - The making of

© COPYRIGHT 2010 SAPIENT CORPORATION | CONFIDENTIAL

Conference Helper SapientNitro SM

Page 4: Day: Ignite iPad App - The making of

© COPYRIGHT 2010 SAPIENT CORPORATION | CONFIDENTIAL

"iPad app for #dayignite is a great idea. Events are running late so everyone is automatically getting an updated schedule pushed to them."!

Tweets Alexkli: Really like the conference iPad app, nice to get rid of paper brochures and provide collaboration at the same

time. #dayignite1 day ago via CQ5

mattwilcoxpro I wish #FCF10 had an iPad app like the one used at #dayignite. Best conference app I have

seen

Page 5: Day: Ignite iPad App - The making of

© COPYRIGHT 2010 SAPIENT CORPORATION | CONFIDENTIAL

THE OPPORTUNITY •  Quick and easy access to schedules bios and materials

•  Profiles of fellow attendees (facebook, LinkedIn)

•  Ability to provide real-time commentary

•  Visual perspective of Tracks and Topics

•  Speaker has ability to update and upload content into app

•  Notes feature to capture thoughts

•  Can get some work done too!

Page 6: Day: Ignite iPad App - The making of

TIMELINE

Mid July: Concept Discussion - Lets do it! August: WireFrames & Visual Design

Page 7: Day: Ignite iPad App - The making of

© COPYRIGHT 2010 SAPIENT CORPORATION | CONFIDENTIAL

ATTENDEE ACTIVATION PROCESS

Last Modified: 07/16/10

Author: Derek FridmanFile: 1.4 V1.4

page 3 of 22

!""#$%##&%!"!'!(#

)

*#+,-.#/$!.#0

12#+%&!

12#+%&'

12#+%&,

!3345644&78&98:46&3;&<=;>764&3?47=&4@97A&966=488B&98&C4AA&98&9&<988C;=6&3;&9D37>934&3?4&9<<A7D937;5E

B&.F83&G4&3?4&4@97A&966=488&<=;>7646&H;=&=4I783=937;5E

!3345644&A9F5D?48&3?4&%9J&9<<A7D937;5&GJ&3;FD?75I&3?4&9<<&7D;5E

K84=&6939&&A;;:F<L=43=74>9A&H=;@&3?4&%9J&93345644&6939G984E

!3345644&C4AD;@46&GJ&59@4M&98:46&3;&>9A76934&3?47=&<=4>7;F8AJ&<=;>7646&64397A8&98&C4AA&98&<=;>764&8;@4&G=74H&966737;59A&75H;=@937;5B&3;&45?95D4&3?47=&4N<4=745D4E

B174A68&"'%

K84=&6939&F<69346M&93345644&D?4D:46&753;&D;5H4=45D4E&!<<&78&9D37>9346&956&DF83;@7O46&H;=&93345644E

%9J&6783=7GF348&7P96&3;&93345644E

!,"2Q!"#

#.!2+

Page 8: Day: Ignite iPad App - The making of

© COPYRIGHT 2010 SAPIENT CORPORATION | CONFIDENTIAL

IGNITE CONFERENCE DETAIL (PORTRAIT)

Last Modified: 07/16/10

Author: Derek FridmanFile: 1.4 V1.4

page 13 of 22

!"#$ %&'&()"* +&,

-./0.1/23

!"#$%

45627850

19:;!<= "20.4)02*.

&'()'*+,-*'(+4<>9?)!@AB?)$<C<>)A!;)#?9;D):<=A9:;9;B>)#$!@!A:!=E)9C!;F)8=)#:)=!A!)9C!;D)9B);9?@BA)=!GHF)6B>#G!;B>)$!:;B?)E>#I!$#)C<>9?D)!$)GC#=$!;)#=;9);!=:!$B=;)9E9;F)"><!=)?#B>!A)C!EBC#D)9B!A?<$)9E9;)<>=#>9)!=D)I9H!:BC#)9E9;)=!GHF)">#9A9=;)I9=9=#;!A)C!EBC#)A9$)#=;9)<>=#>9)I#>!BAF

4<>9?)!@AB?)$<C<>)A!;)#?9;D):<=A9:;9;B>)#$!@!A:!=E)9C!;F)8=)#:)=!A!)9C!;D)9B);9?@BA)=!GHF)6B>#G!;B>)$!:;B?)E>#I!$#)C<>9?D)!$)GC#=$!;)#=;9);!=:!$B=;)9E9;F)"><!=)?#B>!A)C!EBC#D)9B!A?<$)9E9;)<>=#>9)!=D)I9H!:BC#)9E9;)=!GHF)">#9A9=;)I9=9=#;!A)C!EBC#)A9$)#=;9)<>=#>9)I#>!BAF

8=)#:)=!A!)9C!;D)9B);9?@BA)=!GHF)6B>#G!;B>)$!:;B?)E>#I!$#)C<>9?D)!$)GC#=$!;)#=;9);!=:!$B=;)9E9;F)"><!=)?#B>!A)C!EBC#D)9B!A?<$)9E9;)<>=#>9)!=D)I9H!:BC#)9E9;)=!GHF)

!"#$!#%

1".2J.K1

LA9>0#?94<>9?)!@AB?)$<C<>)A!;)#?)$9CF8=)#:)=!A!)9C!;D)9B);9?@BAF

LA9>0#?94<>9?)!@AB?)$<C<>)A!;)#?)$9CF8=)#:)=!A!)9C!;D)9B);9?@BAF

277.0/

'.)7H9)A:>99=)H9#$9>)$!A@C#MA);H9):B>>9=;)$#;9N$#M)<O)P99Q)R);H!A)>9E!<=)#CA<)@><I!$9A)#=)#>9#)O<>)@><?<;!<=#CNA@<=A<>AH!@)!?#E9>MF

/.)S9#;B>9)>9E!<=)H!EHC!EH;A)9I9=;N@#=9C)?9$!#)T@H<;<NI!$9<UD)BA9>A)#>9)#GC9);<)AP!@9)4NK)O<>)#$$!;!<=#C):<=;9=;)T!O)#@@C!:#GC9UF

".)"#=9CN.I9=;)$9A:>!@;!<=)>9E!<=)H<BA9A)$9A:>!@;!I9):<=;9=;)#G<B;);H9)@#=9CN9I9=;F))

0.)LA9>A):#=);<B:H)V2;;9=$W);<)#$$);H9)9I9=;);<);H9!>)@9>A<=#C)A:H9$BC9F)5=);<B:HD)BA9>A)#>9)AH<P=)#)AMA;9?)#C9>;):<=O!>?!=E);H9!>)#;;9=$#=:9)>9XB9A;)T2@@9=$!Y)O!EF+UF)2O;9>);H9)@#=9CN9I9=;)H#A)9=$9$D);H9)#;;9=$)GB;;<=)!A)>9@C#:9$)P!;H)#)O99$G#:Q)GB;;<=F)7<B:H!=E);H9)O99$G#:Q)GB;;<=)$!A@C#MA);H9)O99$G#:Q)<I9>C#M)T2@@9=$!Y)O!EF%&UF

+.)7H9)1@9#Q9>A)>9E!<=)$!A@C#MA);H9)I!>;B#C)GBA!=9AA):#>$A)<O);H<A9)A@9#Q!=E)$B>!=E);H9)@#=9CN9I9=;D);<B:H!=E)#):#>$)$!A@C#MA);H9)I!>;B#C)GBA!=9AA):#>$)<I9>C#M)T2@@9=$!Y)O!EFZUF

1.)7<B:H!=E);H9)4<:#;!<=)>9E!<=)C#B=:H9A);H9)?#@);<<C)<I9>C#M)T2@@9=$!Y)O!EF[UD)H!EHC!EH;!=E);H9)C<:#;!<=)<O);H9)@#=9CN9I9=;F

O!EF+O!EF%\

FEEDBACK2

]5*. *3)^5LK024 8_087.)&\%\65442`5K27. 1"5015K1 80S5

O!EF%&

Page 9: Day: Ignite iPad App - The making of

7

IGNITE CONFERENCE DETAIL (LANDSCAPE)

Last Modified: 07/16/10

Author: Derek FridmanFile: 1.4 V1.4

page 14 of 22

!"#$"%#&'!"#$%

!"#$!#%

()*+ ,-.-/0)1 2-3

%456(78

&'()'*+,-*'(+97:4;0(<=>;0+7?7:0=(60*;46@0578=45646>:0*+(<(=5(8A04?(6B0C80*508(=(04?(6@04>064;<>=08(DEB0F>:*D(6>:0+(56>;0A:*G(+*0?7:4;@0(+0D?*8+(60*86406(85(+>8604A46B0):7(80;*>:(=0?(A>?*@04>(=;7+04A4607:8*:40(8@0G4E(5>?*04A4608(DEB0):*4=4860G4848*6(=0?(A>?*0=4+0*86407:8*:40G*:(>=B

97:4;0(<=>;0+7?7:0=(60*;46@0578=45646>:0*+(<(=5(8A04?(6B0C80*508(=(04?(6@04>064;<>=08(DEB0F>:*D(6>:0+(56>;0A:*G(+*0?7:4;@0(+0D?*8+(60*86406(85(+>8604A46B0):7(80;*>:(=0?(A>?*@04>(=;7+04A4607:8*:40(8@0G4E(5>?*04A4608(DEB0):*4=4860G4848*6(=0?(A>?*0=4+0*86407:8*:40G*:(>=B

C80*508(=(04?(6@04>064;<>=08(DEB0F>:*D(6>:0+(56>;0A:*G(+*0?7:4;@0(+0D?*8+(60*86406(85(+>8604A46B0):7(80;*>:(=0?(A>?*@04>(=;7+04A4607:8*:40(8@0G4E(5>?*04A4608(DEB0

&HH"$#

9IF&HCI$

%)"&J"K%

L=4:$*;497:4;0(<=>;0+7?7:0=(60*;0+4?BC80*508(=(04?(6@04>064;<>=B

L=4:$*;497:4;0(<=>;0+7?7:0=(60*;0+4?BC80*508(=(04?(6@04>064;<>=B

'.0HE40=5:4480E4*+4:0+(=<?*M=06E405>::4860+*64N+*M07O0P44Q0R06E(=0:4A(780*?=70<:7G(+4=0*80*:4*0O7:0<:7;76(78*?N=<78=7:=E(<0(;*A4:MB

/.0S4*6>:40:4A(780E(AE?(AE6=04G486N<*84?0;4+(*0T<E767NG(+47U@0>=4:=0*:40*D?40670=P(<409NK0O7:0*++(6(78*?057864860T(O0*<<?(5*D?4UB

".0)*84?N"G4860+4=5:(<6(780:4A(780E7>=4=0+4=5:(<6(G4057864860*D7>606E40<*84?N4G486B0C8O7:;*6(780+(=<?*M4+05E*8A4=0*O64:06E404G4860T&<<48+(V0O(AB,WUB0

0.0L=4:=05*8067>5E0X&6648+Y0670*++06E404G48606706E4(:0<4:=78*?0=5E4+>?4B0I8067>5E@0>=4:=0*:40=E7P80*0=M=64;0*?4:60578O(:;(8A06E4(:0*6648+*8540:4Z>4=60T&<<48+(V0O(AB2UB0&O64:06E40<*84?N4G4860E*=048+4+@06E40*6648+0D>66780(=0:4<?*54+0P(6E0*0O44+D*5Q0D>6678B0H7>5E(8A06E40O44+D*5Q0D>66780+(=<?*M=06E40O44+D*5Q07G4:?*M0T&<<48+(V0O(AB,-UB

+.0HE40%<4*Q4:=0:4A(780+(=<?*M=06E40G(:6>*?0D>=(84==05*:+=07O06E7=40=<4*Q(8A0+>:(8A06E40<*84?N4G486@067>5E(8A0*05*:+0+(=<?*M=06E40G(:6>*?0D>=(84==05*:+07G4:?*M0T&<<48+(V0O(AB[UB

1.0H7>5E(8A06E40975*6(780:4A(780?*>85E4=06E40;*<0677?07G4:?*M0T&<<48+(V0O(AB\U@0E(AE?(AE6(8A06E40?75*6(7807O06E40<*84?N4G486B

O(AB2

O(AB,W

FEEDBACK2

]I1" 1'0^ILK$&9 C_$CH"0-W,WFI99&`IK&H" C$SI]I1" 1'0^ILK$&9 C_$CH"0-W,WFI99&`IK&H" %)I$%IK% C$SI

O(AB,-

Page 10: Day: Ignite iPad App - The making of

8

FIGURE APPENDIX - C

Last Modified: 07/16/10

Author: Derek FridmanFile: 1.4 V1.4

page 21 of 22

!"#$%&'( ) *#+",&'-./.'01+2&%&+3&'4$"5&'673%188"+#'9&#"1+:

;<9=*=4 >!?@9=<<= @A@=*=4

/-BC'D EBC(FC'D /-BC EBCGGG

!"#$%&'H ) 01+2&%&+3&';FBI'6<J&%8FK:

OVERLAY

LM<0>?*<=N

LM<0>?*<=N

LM<0>?*<=N

LM<0>?*<=N

LM<0>?*<=N

0>?@4<9O'> 0>?@4<9O'P 0>?@4<9O'0?Q&';FB'<J&%8FK'5"IB8FKI'CFBI'F+5R1%'2811%'B8F+I'21%',Q&'31+2&%&+3&G'SI&%I'3F+'T%1UI&'TK'3F,&#1%K'F+5R1%'813F,"1+G'

!"#$%&'V ) >,,&+5F+3&'01+2"%CF,"1+'7KI,&C'>8&%,

OVERLAY

LW>=@MR@A@=?'=>;@N'L?*;@N>,,&+5F+3&'01+2"%C&5') M1%&C'"BI$C'5181%'I",'FC&,X'31+I&'3,&,$%'F5"B"I3"+#'&8",G'*+'F3'+"I"'&8",X'&$',&CB$I'+"TQG'0$%FT",$%'5"3,$C'#%FJ"5F'81%&CX'"5'T8F+5",'F+,&',"+3"5$+,'&#&,G

OK

Page 11: Day: Ignite iPad App - The making of

9

4 Schedule

Page 12: Day: Ignite iPad App - The making of

10

4.1 Schedule - MapOverlay

Page 13: Day: Ignite iPad App - The making of

© COPYRIGHT 2010 SAPIENT CORPORATION | CONFIDENTIAL

TIMELINE

Late July: Concept Discussion - Lets do it! August: WireFrames & Visual Design September: App Development & CQ Setup October: Add Content, Panic about Apple October 12: Version 1.1 approved by Apple October 13-14: Chicago Ignite October 15: Collect Feedback Plan 1.2 release October 21: Submit 1.2 to AppStore Nov. 2: 1.2 Launch for Berlin

Page 14: Day: Ignite iPad App - The making of

© COPYRIGHT 2010 SAPIENT CORPORATION | CONFIDENTIAL

…your next conference

Page 15: Day: Ignite iPad App - The making of

Monday, November 8, 2010

Page 16: Day: Ignite iPad App - The making of

Architecture Overview

CQ 5.4 Author Server

CQ 5.4 Publish Server

iPad App

Monday, November 8, 2010

Page 17: Day: Ignite iPad App - The making of

Monday, November 8, 2010

Page 18: Day: Ignite iPad App - The making of

Monday, November 8, 2010

Page 19: Day: Ignite iPad App - The making of

Editing in CQ5

Monday, November 8, 2010

Page 20: Day: Ignite iPad App - The making of

CQ5ContentSync iPad

Ignite Summit App

Native UI

WebUI

CQ5 Day Summit Website

Content Users Forum

ZIP over HTTP JSONp over HTTP

B

C

E

F

D

A

Monday, November 8, 2010

Page 21: Day: Ignite iPad App - The making of

Monday, November 8, 2010

Page 22: Day: Ignite iPad App - The making of

Immediate Benefits

✴ Great looking agenda

✴ Change agenda during conference

✴ Collect feedback during conference

Challenges

✴ Networking Infrastructure, Wifi …

✴ Registration Process ...

Monday, November 8, 2010