--- /dev/null
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+ <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="content-language" content="EN" />
+ <meta name="description" content="Home page for mDictionary project -
+ mobile multilingual dictionary for maemo.org platform
+ (previously known as a 'WhiteStork')" />
+ <meta name="keywords" content="mdictionary whitestork maemo n770
+ n800 n810 dictionary xdxf stardict mobile linux comarch" />
+ <meta name="language" content="English" />
+ <meta name="owner" content="ComArch S.A." />
+ <meta name="copyright" content="ComArch, 2006-2007. All rights Reserved."/>
+
+ <link rel="shortcut icon" href="images/favicon.png" type="image/x-icon"></link>
+ <link rel="stylesheet" href="styles/main.css" type="text/css"></link>
+ <!--[if IE 6]>
+ <link rel="stylesheet"
+ type="text/css"
+ href="styles/main_ie.css" />
+
+ <script src="scripts/pngfix.js" type="text/javascript"></script>
+ <![endif]-->
+ <script language="JavaScript" src="scripts/javascripts.js" ></script>
+
+ <title>
+ mDictionary - multilingual dictionary for Maemo
+ </title>
+</head>
+<body>
+<div id="webContainer">
+ <div id="topBar">
+ <img src="images/mLogo_ie24.png" style="float:left;"></img>
+ <div class="installs">
+ INSTALL:
+ <a href="files/mdictionary.install"
+ class="install" style="margin-top:4px;"
+ title="Click to install mDictionary on OS2006"><span>OS2006</span>
+ </a>
+ <a href="files/mdictionary.install"
+ class="install" style="clear:both; margin-top:4px;"
+ title="Click to install mDictionary on OS2007"><span style="letter-spacing:0px;">OS2007</span>
+ </a>
+ <a href="files/mdictionary2008.install"
+ class="install" style="clear:both; margin-top:4px;"
+ title="Click to install mDictionary on OS2008"><span style="letter-spacing:0px;">OS2008</span>
+ </a>
+ <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>
+ </div>
+ <div style="display:block;height:100px;">
+ <p class="title">
+ mDictionary
+ </p>
+ <p class="description">
+ multilingual dictionary for <a href="http://www.maemo.org" target="_blank"><img align="top" border="0" src="images/maemo_logo.png" ></a>(N770, N800 & N810)
+ </p>
+ <p class="description">
+ and <a href="http://www.meego.com" target="_blank"><img align="top" border="0" src="images/Meego.png" width="80" height="20" ></a> (N900 & netbook )
+ </p>
+ </div>
+ <div id="topBarLinks">
+ <a href="index.html" >Home</a>
+ <a href="download.html">Download</a>
+ <a href="qmlelements.html" class="current">QML Elements</a>
+ <a href="howto.html">How to..</a>
+ <a href="screen800.html">Screenshots</a>
+ <a href="userguide.html">User Guide</a>
+ <a href="faq.html">FAQ</a>
+ <a href="devhowto.html">Development</a>
+ <a href="contact.html">Contact</a>
+ </div>
+ </div>
+ <div id="contentContainer">
+ <h1>
+ QML in mDictionary Multilingual Dictionary.
+ </h1>
+ <p>
+ <strong>mDictionary</strong> was converted from "c" language to "c++" using QT library. The latest version of the user interface is created using <strong>QML</strong>, and
+ program can be run on systems such as MeeGo or Maemo
+ </p>
+ <p>
+When we created a graphic user interface we prepared a few basic components <br/>
+ </p>
+ <div class="faq_question">
+ <div class="faq_switcher" onClick="javascript:faq_switcher(this);"></div>
+ Text button
+ <div class="qml_answer">
+ <p>
+ Button with the ability to change width and height, enter any text and change it.
+ He has three states: enable, disable and active.
+ Active state occurs when the button is pressed and he is not disabled, disable state occurs when the button is switch off, and in other situations he is in normal state.
+ The font size automatically adjusts to the height of a button.
+ He is scalable by dividing to three parts. Two in the sides have always retain ratio of width to height, and the center which extends to any size.
+ Text in the button can be translatable.
+ <br/>
+ <img src="images/qml/button.png"></img>
+ <br/>
+ a.Enable b.Active c.Disable
+ <br/>
+ <br/>
+ <strong>Signals: </strong><br>
+ <span class="code">clicked()</span>- emit when button is clicked
+ <br>
+ <strong>Slots: </strong><br>
+ <span class="code">setText(string)</span>- change text in button to "string"
+ </p>
+ </div>
+ </div>
+ <div class="faq_question">
+ <div class="faq_switcher" onClick="javascript:faq_switcher(this);"></div>
+ Icon button
+ <div class="qml_answer">
+ <p>
+ The button has the same properties as the button with the text.
+ Selection of icons in button is possible by specifying the file path or the path of the resource to the drawing.
+ <br/>
+ <img src="images/qml/iconButton.png"></img>
+ <br/>
+ </p>
+ </div>
+ </div>
+ <div class="faq_question">
+ <div class="faq_switcher" onClick="javascript:faq_switcher(this);"></div>
+ Checkbox
+ <div class="qml_answer">
+ <p> The field has the ability to select and unselec. Change of state is captured and sygnal is emited </p>
+ <img src="images/qml/checkBox01.png"></img>
+ <br/>
+ </div>
+ </div>
+ <div class="faq_question">
+ <div class="faq_switcher" onClick="javascript:faq_switcher(this);"></div>
+ Spinbox
+ <div class="qml_answer">
+ <p> Box with text field accepting only numbers, and two buttons. In this component, you can set maximum and minimum values. The value can be changed using two buttons, and by keyboard. Buttons accept pressed and holding. </p>
+ <img src="images/qml/spinBox01.png"></img>
+ <br/>
+ </div>
+ </div>
+ <div class="faq_question">
+ <div class="faq_switcher" onClick="javascript:faq_switcher(this);"></div>
+ Combobox
+ <div class="qml_answer">
+ <p> ComboBox component allows to select one text item from the dropdown list, In the non-expanded state displays the currently selected item, when you expand it is possible to return without selecting a new element by clicking arrow at the component's right edge. You can use any set of text elements as a data model, as well as the change in size (it can be extended to the width). </p>
+ <img src="images/qml/cb01.png" ></img>
+ </div>
+ </div>
+ <div class="faq_question">
+ <div class="faq_switcher" onClick="javascript:faq_switcher(this);"></div>
+ Progresbar
+ <div class="qml_answer">
+ <p> Widget has two display modes. The first when we dontknown what is level of progress, pointer moves from left to right. Second when we know exactly what percentage of the operation was performed. ProgressBar has propertis to set maximum, minimum and current values </p>
+ <img src="images/qml/prograsbar.png" width="480"></img>
+ <br/>
+
+ </div>
+ </div>
+ <div class="faq_question">
+ <div class="faq_switcher" onClick="javascript:faq_switcher(this);"></div>
+ Line Edit
+ <div class="qml_answer">
+ <p> Text box with a border and the button to clean the field. </p>
+ <img src="images/qml/LineText.png" width="460"></img>
+ </div>
+ </div>
+ <div class="faq_question">
+ <div class="faq_switcher" onClick="javascript:faq_switcher(this);"></div>
+ List
+ <div class="qml_answer">
+ <p> Lists based on the model list. Have a bidirectional connection with the program. Changes in list are signaled to model, and from model to list.
+ Some lists have only text, other additional have checkbox, or icon </p>
+ <img src="images/qml/l01.png" ></img>
+ <img src="images/qml/l02.png" width="460"></img>
+ <img src="images/qml/l03.png" width="460"></img>
+ </div>
+ </div>
+ <div class="faq_question">
+ <div class="faq_switcher" onClick="javascript:faq_switcher(this);"></div>
+ Table
+ <div class="qml_answer">
+ <p> Table is based on the model list. It has four expandable columns. The values of rows are inserted by the model, while the header name by the qml code. </p>
+ <img src="images/qml/t01.png" ></img>
+ </div>
+ </div>
+
+ <p>
+ We also use some component from QtQuick and expand it<br/>
+ </p>
+ <div class="faq_question">
+ <div class="faq_switcher" onClick="javascript:faq_switcher(this);"></div>
+ WebView
+ <div class="qml_answer">
+ <p> This component uses a WebView from QtQuick. It is responsible for displaying html pages formatted using CSS. It has a zoom option, available by two buttons at the bottom right corner. The screen is also movable, the user by touch is able to move screen in all directions </p>
+ <img src="images/qml/wv01.png" width="460"></img>
+ </div>
+ </div>
+
+ <p>
+ Some examples with use our components <br/>
+ </p>
+ <div class="faq_question">
+ <div class="faq_switcher" onClick="javascript:faq_switcher(this);"></div>
+ HeloWidget
+ <div class="qml_answer">
+ <img src="images/qml/hello01.png"></img>
+ <img src="images/qml/hello02.png" width="460"></img>
+ </div>
+ </div>
+ <div class="faq_question">
+ <div class="faq_switcher" onClick="javascript:faq_switcher(this);"></div>
+ Dialogs
+ <div class="qml_answer">
+ <img src="images/qml/w01.png"></img>
+ <img src="images/qml/w02.png"></img>
+ <img src="images/qml/w04.png"></img>
+ <img src="images/qml/w06.png"></img>
+ <img src="images/qml/w07.png"></img>
+ <img src="images/qml/widget01.png"></img>
+ <img src="images/qml/widget02.png" width="460"></img>
+ </div>
+ </div>
+ <div class="faq_question">
+ <div class="faq_switcher" onClick="javascript:faq_switcher(this);"></div>
+ SearchBar
+ <div class="qml_answer">
+ <img src="images/qml/search01.png" width="460"></img>
+ <img src="images/qml/search02.png" width="460"></img>
+ </div>
+ </div>
+
+ </div>
+</div>
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+ <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="content-language" content="EN" />
+ <meta name="description" content="Home page for mDictionary project -
+ mobile multilingual dictionary for maemo.org platform
+ (previously known as a 'WhiteStork')" />
+ <meta name="keywords" content="mdictionary whitestork maemo n770
+ n800 n810 dictionary xdxf stardict mobile linux comarch" />
+ <meta name="language" content="English" />
+ <meta name="owner" content="ComArch S.A." />
+ <meta name="copyright" content="ComArch, 2006-2007. All rights Reserved."/>
+
+ <link rel="shortcut icon" href="images/favicon.png" type="image/x-icon"></link>
+ <link rel="stylesheet" href="styles/main.css" type="text/css"></link>
+ <!--[if IE 6]>
+ <link rel="stylesheet"
+ type="text/css"
+ href="styles/main_ie.css" />
+
+ <script src="scripts/pngfix.js" type="text/javascript"></script>
+ <![endif]-->
+ <script language="JavaScript" src="scripts/javascripts.js" ></script>
+
+ <title>
+ mDictionary - multilingual dictionary for Maemo
+ </title>
+</head>
+<body>
+<div id="webContainer">
+ <div id="topBar">
+ <img src="images/mLogo_ie24.png" style="float:left;"></img>
+ <div class="installs">
+ INSTALL:
+ <a href="files/mdictionary.install"
+ class="install" style="margin-top:4px;"
+ title="Click to install mDictionary on OS2006"><span>OS2006</span>
+ </a>
+ <a href="files/mdictionary.install"
+ class="install" style="clear:both; margin-top:4px;"
+ title="Click to install mDictionary on OS2007"><span style="letter-spacing:0px;">OS2007</span>
+ </a>
+ <a href="files/mdictionary2008.install"
+ class="install" style="clear:both; margin-top:4px;"
+ title="Click to install mDictionary on OS2008"><span style="letter-spacing:0px;">OS2008</span>
+ </a>
+ <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>
+ </div>
+ <div style="display:block;height:100px;">
+ <p class="title">
+ mDictionary
+ </p>
+ <p class="description">
+ multilingual dictionary for <a href="http://www.maemo.org" target="_blank"><img align="top" border="0" src="images/maemo_logo.png" ></a>(N770, N800 & N810)
+ </p>
+ <p class="description">
+ and <a href="http://www.meego.com" target="_blank"><img align="top" border="0" src="images/Meego.png" width="80" height="20" ></a> (N900 & netbook )
+ </p>
+ </div>
+ <div id="topBarLinks">
+ <a href="index.html" >Home</a>
+ <a href="download.html">Download</a>
+ <a href="qmlelements.html">QML Elements</a>
+ <a href="howto.html">How to..</a>
+ <a href="screen800.html" class="current">Screenshots</a>
+ <a href="userguide.html">User Guide</a>
+ <a href="faq.html">FAQ</a>
+ <a href="devhowto.html">Development</a>
+ <a href="contact.html">Contact</a>
+ </div>
+ </div>
+ <div id="contentContainer">
+ <p class="centered">
+ <a href="screen.html">
+ OS2006 :
+ </a>
+ |
+ <a href="screen800.html">
+ : OS2007 :
+ </a>
+ |
+ <a href="screenOS2008.html">
+ : OS2008
+ </a>
+ |
+ <a href="screenMaemo.html">
+ : Maemo :
+ </a>
+ |
+ <a href="screenMeego.html">
+ : MeeGo :
+ </a>
+ </p>
+ <p>
+ Some mDictionary screenshots. Click on them to enlarge image.
+ </p>
+ <div id="gallery">
+<a href="./screen/screen01.png" target="_blank"><img src="./screen/thumbnails/screen01_thumb.png"></a></td>
+<a href="./screen/screen02.png" target="_blank"><img src="./screen/thumbnails/screen02_thumb.png"></a></td>
+<a href="./screen/screen03.png" target="_blank"><img src="./screen/thumbnails/screen03_thumb.png"></a></td>
+<a href="./screen/screen04.png" target="_blank"><img src="./screen/thumbnails/screen04_thumb.png"></a></td>
+<a href="./screen/screen05.png" target="_blank"><img src="./screen/thumbnails/screen05_thumb.png"></a></td>
+<a href="./screen/screen06.png" target="_blank"><img src="./screen/thumbnails/screen06_thumb.png"></a></td>
+<a href="./screen/screen07.png" target="_blank"><img src="./screen/thumbnails/screen07_thumb.png"></a></td>
+<a href="./screen/screen08.png" target="_blank"><img src="./screen/thumbnails/screen08_thumb.png"></a></td>
+<a href="./screen/screen09.png" target="_blank"><img src="./screen/thumbnails/screen09_thumb.png"></a></td>
+<a href="./screen/screen10.png" target="_blank"><img src="./screen/thumbnails/screen10_thumb.png"></a></td>
+<a href="./screen/screen11.png" target="_blank"><img src="./screen/thumbnails/screen11_thumb.png"></a></td>
+<a href="./screen/screen12.png" target="_blank"><img src="./screen/thumbnails/screen12_thumb.png"></a></td>
+<a href="./screen/screen13.png" target="_blank"><img src="./screen/thumbnails/screen13_thumb.png"></a></td>
+ </div>
+ </div>
+ <div id="footer">
+ <p>Copyright © 2006 - 2008 ComArch S.A.</p>
+ <br>
+ <a href="http://www.comarch.com"><img src="images/comarch.png"
+ alt="ComArch Information Technology"
+ width="150px"
+ height="36px"
+ border="0"
+ >
+ </a>
+ </div>
+ </div>
+</div>
+<br>
+</body>
+</html>
--- /dev/null
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+ <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="content-language" content="EN" />
+ <meta name="description" content="Home page for mDictionary project -
+ mobile multilingual dictionary for maemo.org platform
+ (previously known as a 'WhiteStork')" />
+ <meta name="keywords" content="mdictionary whitestork maemo n770
+ n800 n810 dictionary xdxf stardict mobile linux comarch" />
+ <meta name="language" content="English" />
+ <meta name="owner" content="ComArch S.A." />
+ <meta name="copyright" content="ComArch, 2006-2007. All rights Reserved."/>
+
+ <link rel="shortcut icon" href="images/favicon.png" type="image/x-icon"></link>
+ <link rel="stylesheet" href="styles/main.css" type="text/css"></link>
+ <!--[if IE 6]>
+ <link rel="stylesheet"
+ type="text/css"
+ href="styles/main_ie.css" />
+
+ <script src="scripts/pngfix.js" type="text/javascript"></script>
+ <![endif]-->
+ <script language="JavaScript" src="scripts/javascripts.js" ></script>
+
+ <title>
+ mDictionary - multilingual dictionary for Maemo
+ </title>
+</head>
+<body>
+<div id="webContainer">
+ <div id="topBar">
+ <img src="images/mLogo_ie24.png" style="float:left;"></img>
+ <div class="installs">
+ INSTALL:
+ <a href="files/mdictionary.install"
+ class="install" style="margin-top:4px;"
+ title="Click to install mDictionary on OS2006"><span>OS2006</span>
+ </a>
+ <a href="files/mdictionary.install"
+ class="install" style="clear:both; margin-top:4px;"
+ title="Click to install mDictionary on OS2007"><span style="letter-spacing:0px;">OS2007</span>
+ </a>
+ <a href="files/mdictionary2008.install"
+ class="install" style="clear:both; margin-top:4px;"
+ title="Click to install mDictionary on OS2008"><span style="letter-spacing:0px;">OS2008</span>
+ </a>
+ <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>
+ </div>
+ <div style="display:block;height:100px;">
+ <p class="title">
+ mDictionary
+ </p>
+ <p class="description">
+ multilingual dictionary for <a href="http://www.maemo.org" target="_blank"><img align="top" border="0" src="images/maemo_logo.png" ></a>(N770, N800 & N810)
+ </p>
+ <p class="description">
+ and <a href="http://www.meego.com" target="_blank"><img align="top" border="0" src="images/Meego.png" width="80" height="20" ></a> (N900 & netbook )
+ </p>
+ </div>
+ <div id="topBarLinks">
+ <a href="index.html" >Home</a>
+ <a href="download.html">Download</a>
+ <a href="qmlelements.html">QML Elements</a>
+ <a href="howto.html">How to..</a>
+ <a href="screen800.html" class="current">Screenshots</a>
+ <a href="userguide.html">User Guide</a>
+ <a href="faq.html">FAQ</a>
+ <a href="devhowto.html">Development</a>
+ <a href="contact.html">Contact</a>
+ </div>
+ </div>
+ <div id="contentContainer">
+ <p class="centered">
+ <a href="screen.html">
+ OS2006 :
+ </a>
+ |
+ <a href="screen800.html">
+ : OS2007 :
+ </a>
+ |
+ <a href="screenOS2008.html">
+ : OS2008
+ </a>
+ |
+ <a href="screenMaemo.html">
+ : Maemo :
+ </a>
+ |
+ <a href="screenMeego.html">
+ : MeeGo :
+ </a>
+ </p>
+ <p>
+ Some mDictionary screenshots. Click on them to enlarge image.
+ </p>
+ <div id="gallery">
+<a href="./screen/screen01.png" target="_blank"><img src="./screen/thumbnails/screen01_thumb.png"></a></td>
+<a href="./screen/screen02.png" target="_blank"><img src="./screen/thumbnails/screen02_thumb.png"></a></td>
+<a href="./screen/screen03.png" target="_blank"><img src="./screen/thumbnails/screen03_thumb.png"></a></td>
+<a href="./screen/screen04.png" target="_blank"><img src="./screen/thumbnails/screen04_thumb.png"></a></td>
+<a href="./screen/screen05.png" target="_blank"><img src="./screen/thumbnails/screen05_thumb.png"></a></td>
+<a href="./screen/screen06.png" target="_blank"><img src="./screen/thumbnails/screen06_thumb.png"></a></td>
+<a href="./screen/screen07.png" target="_blank"><img src="./screen/thumbnails/screen07_thumb.png"></a></td>
+<a href="./screen/screen08.png" target="_blank"><img src="./screen/thumbnails/screen08_thumb.png"></a></td>
+<a href="./screen/screen09.png" target="_blank"><img src="./screen/thumbnails/screen09_thumb.png"></a></td>
+<a href="./screen/screen10.png" target="_blank"><img src="./screen/thumbnails/screen10_thumb.png"></a></td>
+<a href="./screen/screen11.png" target="_blank"><img src="./screen/thumbnails/screen11_thumb.png"></a></td>
+<a href="./screen/screen12.png" target="_blank"><img src="./screen/thumbnails/screen12_thumb.png"></a></td>
+<a href="./screen/screen13.png" target="_blank"><img src="./screen/thumbnails/screen13_thumb.png"></a></td>
+ </div>
+ </div>
+ <div id="footer">
+ <p>Copyright © 2006 - 2008 ComArch S.A.</p>
+ <br>
+ <a href="http://www.comarch.com"><img src="images/comarch.png"
+ alt="ComArch Information Technology"
+ width="150px"
+ height="36px"
+ border="0"
+ >
+ </a>
+ </div>
+ </div>
+</div>
+<br>
+</body>
+</html>
projects / mdictionary / commitdiff
