Sony Erricson X1 Panel Development

Windows phone Xperia X1 Panels Design and Development
Jinho Seo (twitter: @synabreu)
Mobile/Embedded Developer Evangelist
Microsoft Korea
http://blogs.msdn.com/jinhoseo

Agenda
What is Xperia Panels?
Installation of the Sony Ericson SDK for Windows Mobile 6.1
A Types of Xperia Panels
Creating and Deploying Xperia Panels on Device Emulator
Debugging Xperia Panels on Device and Device Emulator

What is Xperia Panels?
What are Xperia Panels?
Extension plug-in DLL that implements a specific Panel API that allows it to be configured and launched from within the Xperia Panel Interface.
A Types of Xperia Panels
Xperia Native Panel
Xperia HTML Panel
Xperia OpenGL Panel

Install Sony Ericsson SDK for Windows Mobile 6.1
Step by Step Guide
http://blogs.msdn.com/jinhoseo/archive/2008/12/23/0-t.aspx

Final Step : Install Sony Ericsson SDK for Windows Mobile 6.1

Download URL: http://developer.sonyericsson.com/site/global/docstools/windowsmobile/p_windowsmobile.jsp

Configuring Xperia Device Emulator in Visual Studio 2008

Configuring Xperia Device Emulator (1)
Open Tools menu and choose Options
Rename XPERIA X1 of Windows Mobile 6 Professional VGA Emulator

Configuring Xperia Device Emulator (2)
Choose Emulator Options
Rename Skin Files
C:Program FilesWindows Mobile 6 SDKPocketPCDeviceemulationPocket_PC_X1Pocket_PC_X1.xml

Xperia Panels Architecture
OpenGL Panels
Native Panels
HTML Panels
Xpanel Resource
HTML Panel
Native Panel
Windows phone

Xperia HTML Panel (1)
Panel API and JavaScript to define its interface and functionality
Program FilesPanelsDemoPanel
File System View : Adding index.html, HTMLPanel.dll, HtmlPanel.dll.<LCID>.MUI and image resources

Customize HTML, style.css and images
Adding HTMLPanel.dll
C:Program FilesSony EricssonSDK WM6SEMC_VS_DEVLIB

View->Registry
Installation Key
HKEY_LOCAL_MACHINE/Software/SonyEricsson/Panels/HTML Demo Panel
Mandatory Values
DLL, Landscape, LargeLandscape, Portrait, LargePortrait, Name, DisableWait(1), RequiredVersion(100), Desc

Mandatory values in the HtmlPanelSettings Key
1) Url – The Url that HTML Panel will load at startup
2) Timeout – HTML page loading timeout in milliseconds.
Millisecond Value is 10000
3) Snapshot – 1 (Landscape, LargeLandscape, Portrait and LargeStrait)
BrowserRestrictions Key
AllowUrlMask - *, all of pages
DenyUrlMask – Restricted domain

A Tutorial of HTML Panel
Demo

Xperia Native Panel
C/C++ Programming Model
Using Visual Studio 2008
1) New -> Project
2) Select Xperia Panel Project
Enter your name and Select a Class Name

A Tutorial of Native Panel
Demo

Xperia OpenGL ES Panel (1)
Support to OpenGL ES 1.1 library
Injecting OpenGL code into a Native Panel
1) Source code for the DLL that implements the Panel
2) Deployment of the DLL and accompany resource and registry settings
Linking to the Open GL ES Library

Xperia OpenGL ES Panel (2)
Creating the OpenGLESPanel DLL
1) Included OpenGLES header files
2) Define Fixed Point Constants
3) Include EGL Constants: g_Display, g_EGLSurface and g_EGLContext
Adding WndProc for your draw function
Implementing interface funtions
1) InitializeCustomItem
2) ReleaseCustomItem
Additional Methods
1) gluesPerspective
2) drawCube
Calling the Drawing Routing – WM_PAINT

A Tutorial of Xperia Open GL Panel
Demo

Debugging Xperia X1 Device Emulator
HKEY_LOCAL_MACHINE/Software/SonyEricsson/PanelManager
SLOT2 – HTML Demo Panel
Add HTMLPanelLauncher or NativePanelLauncher
Execute HTMLPanelLancher or NativePanelLauncher

Deploying Xperia X1 Device Emulator or Device
Building and Deploying CAB Files
Device Emulator
1) Cradle to device emulator
2) HTMLPanelLauncher or NativePanelLauncher
Xperia X1 Device
1) Manually Copy and Install
2) Click on Panel Button
Test and Certification in your CAB Files

Just do it now!
Conclusion