f7c7b1b05dbf77f771f9907dd1089c48ef346d91
[mdictionary] / www / devhowto.html
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
3 <head>
4         <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
5         <meta http-equiv="content-language" content="EN" />
6         <meta name="description" content="Home page for mDictionary project - 
7                     mobile multilingual dictionary for maemo.org platform 
8                     (previously known as a 'WhiteStork')" />
9         <meta name="keywords" content="mdictionary whitestork maemo n770
10                     n800 n810 dictionary xdxf stardict mobile linux comarch" />
11         <meta name="language" content="English" />
12         <meta name="owner" content="ComArch S.A." />
13         <meta name="copyright" content="ComArch, 2006-2007. All rights Reserved."/>
14
15         <link rel="shortcut icon" href="images/favicon.png" type="image/x-icon"></link>
16         <link rel="stylesheet" href="styles/main.css" type="text/css"></link>
17         <!--[if IE 6]>
18                 <link rel="stylesheet"
19                       type="text/css"
20                       href="styles/main_ie.css" />
21
22                 <script src="scripts/pngfix.js" type="text/javascript"></script>
23         <![endif]-->
24         <script language="JavaScript" src="scripts/javascripts.js" ></script>
25
26         <title>
27                 mDictionary - multilingual dictionary for Maemo
28         </title>
29 </head>
30 <body>
31 <div id="webContainer">
32         <div id="topBar">
33                 <img src="images/mLogo_ie24.png" style="float:left;"></img>
34         <div class="installs">
35                 INSTALL:
36                 <a href="files/mdictionary.install"
37                    class="install" style="margin-top:4px;"
38                    title="Click to install mDictionary on OS2006"><span>OS2006</span>
39                 </a>
40                 <a href="files/mdictionary.install"
41                    class="install" style="clear:both; margin-top:4px;"
42                    title="Click to install mDictionary on OS2007"><span style="letter-spacing:0px;">OS2007</span>
43                 </a>
44                 <a href="files/mdictionary2008.install"
45                    class="install" style="clear:both; margin-top:4px;"
46                    title="Click to install mDictionary on OS2008"><span style="letter-spacing:0px;">OS2008</span>
47                 </a>
48                 <span style="clear:both;text-align:center;display:block;font-size:9px;"><a href="howto.html" style="font-size:9px;text-decoration:none;">(read How To... first)</a></span>
49         </div>
50                 <div style="display:block;height:100px;">
51                         <p class="title">
52                                 mDictionary
53                         </p>
54                         <p class="description">
55                                 multilingual dictionary for <a href="http://www.maemo.org" target="_blank"><img align="top" border="0" src="images/maemo_logo.png" ></a>(N770, N800 &amp; N810)
56                         </p>
57                 </div>
58                 <div id="topBarLinks">
59                         <a href="index.html">Home</a>
60                         <a href="download.html">Download</a>
61                         <a href="howto.html">How to..</a>
62                         <a href="screen800.html">Screenshots</a>
63                         <a href="userguide.html">User Guide</a>
64                         <a href="faq.html">FAQ</a>
65                         <a href="devhowto.html" class="current">Development</a>
66                         <a href="contact.html">Contact</a>
67                 </div>
68
69         </div>
70         <div id="contentContainer">
71                 <h1>Developer's HOWTO:<br />making Your own GUI for mDictionary</h1>
72
73 <p><b>mDictionary</b> is intended to be as modifiable as possible. So apart from developing Your own dictionary engines, You can also create alternative user interface, should You find ours inattractive. For the intrepid ones, I have described how to do that. In this howto, I am going to explain how to communicate GUI with the engines's manager</p>
74
75 <p>The only header file You need to include in Your GUI is <span class="code">ws_dbus.h</span>. It contains all the functions necessary to communicate with the engines manager. The header file is available from our svn repository at <a href="https://garage.maemo.org">https://garage.maemo.org</a>.</p>
76 <p>Firstly, You initialize our dbus wrapper library with <span class="code">ws_dbus_create</span> function. You have to specify the name and the version of Your app and store the function's return value as it is necessary for further dbus wrapper communication.</p>
77         
78 <div class="code">dbus_data = ws_dbus_create ("mDictionaryGui", "v1.0");</div>
79 <p>
80 Then You configure the remote and local addresses, by using <span class="code">ws_dbus_config</span>. The settings should be the same as in the example, below:
81
82 </p>
83 <div class="code">ws_dbus_config( dbus_data,
84                 WS_DBUS_CONFIG_SERVICE,
85                 "org.maemo.mDictionaryGui" );
86 ws_dbus_config( dbus_data,
87                 WS_DBUS_CONFIG_OBJECT,
88                 "/org/maemo/mDictionaryGui" );
89 ws_dbus_config( dbus_data,
90                 WS_DBUS_CONFIG_IFACE,
91                 "org.maemo.mDictionaryGui" );
92 ws_dbus_config( dbus_data,
93                 WS_DBUS_CONFIG_REMOTE_SERVICE,
94                 "org.maemo.mDictionaryManager" );
95 ws_dbus_config( dbus_data,
96                 WS_DBUS_CONFIG_REMOTE_OBJECT,
97                 "/org/maemo/mDictionaryManager" );
98 ws_dbus_config( dbus_data,
99                 WS_DBUS_CONFIG_REMOTE_IFACE,
100                 "org.maemo.mDictionaryManager" );</div>
101 <p>
102 Now You have to call the <span class="code">ws_dbus_connect</span> function. It's an opaque function, which allows local methods to be run remotely. 
103 </p>
104 <div class="code">ws_dbus_connect( dbus_data );</div>
105 <p>
106 The only thing that's left now is specifying callback functions (with <span class="code">ws_dbus_set_cb</span>), which are to be called
107 whenever the manager calls a remote method.
108 </p>
109 <div class="code">ws_dbus_set_cb( dbus_data,
110                 "return_words",
111                 ws_gui_dbus_return_words,
112                 ws_gui_app );</div>
113
114 <p>Callbacks definition:</p>
115
116 <div class="code">void ws_gui_dbus_return_words( GError *error,
117                                GArray *words,
118                                gpointer user_data );</div>
119
120 <p class="faq_question">
121 Accessing received data inside a callback handling function:
122 </p>
123
124 <p>
125 In this case, words is a <span class="code">GArray</span> of <span class="code">osso_rpc_t</span> values. To access the contents of an <span class="code">osso_rpc_t</span> variable, You first have to check its type by accessing the type field. The value field is an union of primitives. Depending on the type, You should read the value by accessing a proper field. Here is an example:
126 </p>
127
128 <div class="code">int i;
129 osso_rpc_t data;
130 for (i = 0; i < words->len; ++i)
131 {
132         data = g_array_index (words, osso_rpc_t, 0);
133         if (DBUS_TYPE_STRING == data.type)
134         {
135                 char *tmp_word = g_strdup(data.value.s);
136                 do_sth_with_word(tmp_word);
137         };
138 };
139 </div>
140 <p class="faq_question">
141         Calling remote methods on manager:
142 </p>
143 <div class="code">ws_dbus_client_find_word (ws_gui_app->dbus_data, word);</div>
144 <p>
145 All functions containing the word client in their name, should be called from the GUI application.
146
147 Please refer to dbus wrapper API documentation for further info. It can be generated by issuing <span class="code">make docs</span> command in dbus wrapper source directory.
148 </p>
149
150 </div>
151         <div id="footer">
152                         <p>Copyright &copy; 2006 - 2008 ComArch S.A.</p>
153                         <br>
154                         <a href="http://www.comarch.com"><img src="images/comarch.png"
155                              alt="ComArch Information Technology"
156                              width="150px"
157                              height="36px"
158                                  border="0"
159                                  >
160                         </a>
161                 </div>
162         </div>
163 </div>
164 <br>
165 </body>
166 </html>