Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Sony Erricson X1 Panel Development


Published on

SonyErricson X1 Panel

Published in: Technology
  • Be the first to comment

  • Be the first to like this

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 /><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 /><br /><ul><li>Final Step : Install Sony Ericsson SDK for Windows Mobile 6.1</li></ul>Download URL:<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 />