allanbezerra | 19 November, 2009 20:45
This posts describes how to start the development using GuaranaUI Framework.
The developer can download two version of GuaranaUI. In the full package, build process is necessary. This ant based build system is very flexible, the user can select one of 6 themes available for 2 diferent resolutions. One more easy way is to get the built version, prepared for 360x640 resolution with default green theme.
1. Copy need files
You must copy lib and themes folders for your widget.
2. Guarana UI PATH Settings
Two paths must be setted in your javascript code:
- NOKIA_PATH_JAVASCRIPT = 'lib/';
- NOKIA_PATH_STYLE_ROOT = 'themes/nokia/base/';
3. Include dependencies
- CSS
<link rel='stylesheet' href='themes/themeroller/default-theme/Themeroller.css' type='text/css' media='screen'>
<link rel='stylesheet' href='themes/nokia/ext-theme/default/360x640/custom.css' type='text/css' media='screen'>
- JAVASCRIPT
<script src="lib/jquery/jQuery.js" type="text/javascript" charset="utf-8"></script>
<script src="lib/Guarana.js" type="text/javascript" charset="utf-8"></script>
4. Component creation (for Rating Component)
Nokia.use('rating', function(){
var rating = new Nokia.Rating({
element: '#rating01',
value: 2
});
});
A complete starting example is available here.
-- Allan Bezerra
allanbezerra | 19 November, 2009 18:20
Hi All,
My name is Allan Bezerra. Since 2003 I am SW Engineer working on INDT, Nokia Technology Institute in Manaus,Brazil. I have been working in Nokia Open Source Projects like: Linux Kernel SMAPS, Linux Compressed Cache for Maemo, Metatracker for Maemo, System Performance tools for Maemo, PyMaemo and others.
Currently, I am project leader of GuaranaUI Project. The Guarana UI Library is a jQuery-based set of customisable UI elements, application frameworks, and templates that can be used for the creation of user interfaces in Nokia's Web Runtime platform.
From now on, here is the GuaranaUI Camp. :-)
-- Allan Bezerra