Windows phone Xperia X1 Panels Design and Development<br />Jinho Seo (twitter: @synabreu)<br />Mobile/Embedded Developer E...
Agenda<br />What is Xperia Panels?<br />Installation of the Sony Ericson SDK for Windows Mobile 6.1<br />A Types of Xperia...
What is Xperia Panels?<br />What are Xperia Panels?<br />Extension plug-in DLL that implements a specific Panel API that a...
Install Sony Ericsson SDK for Windows Mobile 6.1<br />Step by Step Guide<br />http://blogs.msdn.com/jinhoseo/archive/2008/...
Configuring Xperia Device Emulator (2)<br />Choose Emulator Options<br />Rename Skin Files<br />C:Program FilesWindows Mob...
Xperia Panels Architecture<br />OpenGL Panels<br />Native Panels<br />HTML Panels<br />Xpanel Resource<br />HTML Panel<br ...
Xperia HTML Panel (1)<br />Panel API and JavaScript to define its interface and functionality<br />Program FilesPanelsDemo...
Xperia HTML Panel (2)<br />Customize HTML, style.css and images<br />Adding HTMLPanel.dll<br />C:Program FilesSony Ericsso...
Xperia HTML Panel (3)<br />Customize HTML, style.css and images<br />Adding HTMLPanel.dll<br />C:Program FilesSony Ericsso...
Xperia HTML Panel (4)<br />View-&gt;Registry<br />Installation Key<br />HKEY_LOCAL_MACHINE/Software/SonyEricsson/Panels/HT...
Xperia HTML Panel (5)<br />Mandatory values in the HtmlPanelSettings Key<br />1) Url – The Url that HTML Panel will load a...
 A Tutorial of HTML Panel<br />Demo<br />
Xperia Native Panel<br />C/C++ Programming Model<br />Using Visual Studio 2008<br />1) New -&gt; Project<br />2) Select Xp...
 A Tutorial of Native Panel<br />Demo<br />
Xperia OpenGL ES Panel (1)<br />Support to OpenGL ES 1.1 library<br />Injecting OpenGL code into a Native Panel<br />1) So...
Xperia OpenGL ES Panel (2)<br />Creating the OpenGLESPanel DLL<br />1) Included OpenGLES header files<br />2) Define Fixed...
 A Tutorial of Xperia Open GL Panel<br />Demo<br />
Debugging Xperia X1 Device Emulator<br />HKEY_LOCAL_MACHINE/Software/SonyEricsson/PanelManager<br />SLOT2 – HTML Demo Pane...
Deploying Xperia X1 Device Emulator or Device<br />Building and Deploying CAB Files<br />Device Emulator<br />1) Cradle to...
Just do it now!<br />Conclusion<br />
Sony Erricson X1 Panel Development
Sony Erricson X1 Panel Development
Upcoming SlideShare
Loading in …5
×

Sony Erricson X1 Panel Development

1,560
-1

Published on

SonyErricson X1 Panel

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,560
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
13
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Sony Erricson X1 Panel Development

  1. 1. Windows phone Xperia X1 Panels Design and Development<br />Jinho Seo (twitter: @synabreu)<br />Mobile/Embedded Developer Evangelist<br />Microsoft Korea<br />http://blogs.msdn.com/jinhoseo<br />
  2. 2. Agenda<br />What is Xperia Panels?<br />Installation of the Sony Ericson SDK for Windows Mobile 6.1<br />A Types of Xperia Panels<br />Creating and Deploying Xperia Panels on Device Emulator<br />Debugging Xperia Panels on Device and Device Emulator<br />
  3. 3. What is Xperia Panels?<br />What are Xperia Panels?<br />Extension plug-in DLL that implements a specific Panel API that allows it to be configured and launched from within the Xperia Panel Interface.<br />A Types of Xperia Panels<br />Xperia Native Panel<br />Xperia HTML Panel<br />Xperia OpenGL Panel<br />
  4. 4. Install Sony Ericsson SDK for Windows Mobile 6.1<br />Step by Step Guide<br />http://blogs.msdn.com/jinhoseo/archive/2008/12/23/0-t.aspx<br /><ul><li>Final Step : Install Sony Ericsson SDK for Windows Mobile 6.1</li></ul>Download URL: http://developer.sonyericsson.com/site/global/docstools/windowsmobile/p_windowsmobile.jsp<br /><ul><li>Configuring Xperia Device Emulator in Visual Studio 2008</li></li></ul><li>Configuring Xperia Device Emulator (1)<br />Open Tools menu and choose Options<br />Rename XPERIA X1 of Windows Mobile 6 Professional VGA Emulator<br />
  5. 5. Configuring Xperia Device Emulator (2)<br />Choose Emulator Options<br />Rename Skin Files<br />C:Program FilesWindows Mobile 6 SDKPocketPCDeviceemulationPocket_PC_X1Pocket_PC_X1.xml<br />
  6. 6. Xperia Panels Architecture<br />OpenGL Panels<br />Native Panels<br />HTML Panels<br />Xpanel Resource<br />HTML Panel<br />Native Panel<br />Windows phone<br />
  7. 7. Xperia HTML Panel (1)<br />Panel API and JavaScript to define its interface and functionality<br />Program FilesPanelsDemoPanel<br />File System View : Adding index.html, HTMLPanel.dll, HtmlPanel.dll.&lt;LCID&gt;.MUI and image resources<br />
  8. 8. Xperia HTML Panel (2)<br />Customize HTML, style.css and images<br />Adding HTMLPanel.dll<br />C:Program FilesSony EricssonSDK WM6SEMC_VS_DEVLIB<br />
  9. 9. Xperia HTML Panel (3)<br />Customize HTML, style.css and images<br />Adding HTMLPanel.dll<br />C:Program FilesSony EricssonSDK WM6SEMC_VS_DEVLIB<br />
  10. 10. Xperia HTML Panel (4)<br />View-&gt;Registry<br />Installation Key<br />HKEY_LOCAL_MACHINE/Software/SonyEricsson/Panels/HTML Demo Panel<br /> Mandatory Values<br />DLL, Landscape, LargeLandscape, Portrait, LargePortrait, Name, DisableWait(1), RequiredVersion(100), Desc<br />
  11. 11. Xperia HTML Panel (5)<br />Mandatory values in the HtmlPanelSettings Key<br />1) Url – The Url that HTML Panel will load at startup<br />2) Timeout – HTML page loading timeout in milliseconds. <br />Millisecond Value is 10000<br /> 3) Snapshot – 1 (Landscape, LargeLandscape, Portrait and LargeStrait)<br />BrowserRestrictions Key<br />AllowUrlMask - *, all of pages<br />DenyUrlMask – Restricted domain<br />
  12. 12. A Tutorial of HTML Panel<br />Demo<br />
  13. 13. Xperia Native Panel<br />C/C++ Programming Model<br />Using Visual Studio 2008<br />1) New -&gt; Project<br />2) Select Xperia Panel Project<br />Enter your name and Select a Class Name<br />
  14. 14. A Tutorial of Native Panel<br />Demo<br />
  15. 15. Xperia OpenGL ES Panel (1)<br />Support to OpenGL ES 1.1 library<br />Injecting OpenGL code into a Native Panel<br />1) Source code for the DLL that implements the Panel<br />2) Deployment of the DLL and accompany resource and registry settings<br />Linking to the Open GL ES Library<br />
  16. 16. Xperia OpenGL ES Panel (2)<br />Creating the OpenGLESPanel DLL<br />1) Included OpenGLES header files<br />2) Define Fixed Point Constants<br />3) Include EGL Constants: g_Display, g_EGLSurface and g_EGLContext<br />Adding WndProc for your draw function<br />Implementing interface funtions<br />1) InitializeCustomItem<br />2) ReleaseCustomItem<br />Additional Methods<br />1) gluesPerspective<br />2) drawCube<br />Calling the Drawing Routing – WM_PAINT<br />
  17. 17. A Tutorial of Xperia Open GL Panel<br />Demo<br />
  18. 18. Debugging Xperia X1 Device Emulator<br />HKEY_LOCAL_MACHINE/Software/SonyEricsson/PanelManager<br />SLOT2 – HTML Demo Panel<br />Add HTMLPanelLauncher or NativePanelLauncher<br />Execute HTMLPanelLancher or NativePanelLauncher<br />
  19. 19. Deploying Xperia X1 Device Emulator or Device<br />Building and Deploying CAB Files<br />Device Emulator<br />1) Cradle to device emulator<br />2) HTMLPanelLauncher or NativePanelLauncher<br />Xperia X1 Device <br />1) Manually Copy and Install<br />2) Click on Panel Button<br />Test and Certification in your CAB Files<br />
  20. 20. Just do it now!<br />Conclusion<br />
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×