[mgallery] / www / index.html
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3 <html xmlns="http://www.w3.org/1999/xhtml">
4 <head>
5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
6 <title>MySocials Gallery</title>
7 <link href="style.css" rel="stylesheet" type="text/css" />
8 </head>
10 <body>
11 <table width="779" border="0" align="center" cellpadding="0" cellspacing="0">
12   <tr>
13     <td><table width="70%" border="0" cellspacing="0" cellpadding="0">
14       <tr>
15         <td class="redbox">&nbsp;</td>
16       </tr>
17       <tr>
18         <td height="45"><a href="index.html" class="logo">MySocials Gallery</a></td>
19       </tr>
20     </table></td>
21   </tr>
22   <tr>
23     <td>&nbsp;</td>
24   </tr>
25 <tr>
26     <td bgcolor="#E2E2D2" class="border" height="40"><table width="70%" border="0" cellspacing="0" cellpadding="0">
27       <tr align="center">
28         <td><a href="index.html" class="toplinks">Description&nbsp;&&nbsp;Usage</a></td>
29         <td class="toplinks">|</td>
30         <td><a href="privacy.html" class="toplinks">Privacy</a></td>
31                 <td class="toplinks">|</td>
32         <td><a href="development.html" class="toplinks">Development</a></td>
33                 <td class="toplinks">|</td>
34         <td><a href="downloads.html" class="toplinks">Downloads</a></td>
35       </tr>
36     </table></td>
37   </tr>
38   <tr>
39     <td height="10"></td>
40   </tr>
41   <tr>
42     <td bgcolor="#F3F3F3" class="border"><table width="100%" border="0"
43     cellspacing="0" cellpadding="0">
44       <tr>
45         <td height="10"></td>
46       </tr>
47       <tr>
48         <td><table border="0" cellspacing="0" cellpadding="0">
49       <tr>
50         <td class="heading"></td>
51       </tr>
52     </table></td>
53       </tr>
54       <tr>
55         <td height="10"></td>
56       </tr>
57       <tr>
58         <td class="content">
59                 <h1>Description&nbsp;&&nbsp;Usage</h1>
60                 <h2>Work with application</h2>
61                 <p> MySocials Gallery is an application for browsing galleries of the images from social networks. It allows the user to view his/her own images and galleries created by user's friends. Current version supports such services as Facebook, VKontakte and Flickr.</p>
62                 <p>On this page there is a description of the work with MySocials Gallery on mobile device based on Maemo 5 platform (Nokia N900). The work with application on the other platforms is similarly.</p>
63                 <p>After you start MySocials Gallery for the first time, you will see "Add new account" window. You should create an account by inputing some name and choosing one of the supported services.</p>              
64                 <p align="center"><img src="images/add-account.png" width="400px" height="240px" /></p>
65                 <p>Then you have to log on the service. Our application uses autorization through web-interface (Webauth). <b>MySocials Gallery doesn't store your registration information (e.g. login and password).</b> Therefore if your session is out of date, the application shows autorization window again.</p>
66                 <p align="center"><img src="images/auth.png" width="400px" height="240px" /></p>
67                 <p>There are two types of forms in MySocial Gallery: main form and image view form. Main form consists of two panels and buttons. Button <img src="images/general_refresh.png" width="25px" height="25px"/> allows you to refresh data in application. By using button <img src="images/general_back.png" width="25px" height="25px"/> you can go back to previous view. For example, if you browse the list of albums and pictures, you return to the list of friends and their albums. </p>
68                 <p>After your authorization you will see the main form of the application. It shows you the list of your friends from social network and the list of your own albums.</p>
69                 <p align="center"><img src="images/main-window.png" width="400px" height="240px" /></p>
70                 <p>You can find a friend in the list by using quick search. Button <img src="images/general_backspace.png" width="25px" height="25px"/> allows you to clean the searching field.</p>
71                 <p align="center"><img src="images/friend-search.png" width="400px" height="240px" /></p>
72                 <p>You can view the albums, created by your friends in social networks. You should choose one of your friends from the list and click on it.</p>
73                 <p align="center"><img src="images/friend-albums.png" width="400px" height="240px" /></p>               
74                 <p>You will see the list of your friend's albums and it's content as a list of previews of the pictures.</p>
75                 <p align="center"><img src="images/friend-photos.png" width="400px" height="240px" /></p>
76                 <p>You can view the pictures in full screen mode after clicking on it's preview. If the picture hasn't been loaded from service the application shows the preview.</p>
77                 <p align="center"><img src="images/download-image-for-show.png" width="400px" height="240px" /></p>
78                 <p>After loading you will see the picture in full screen mode. In this application form there is a menu which allows you to work with comments (if they are supported by service). It contains such items as <b>"Refresh comments"</b> and <b>"Add comment"</b>.</p>
79                 <p align="center"><img src="images/image-show.png" width="400px" height="240px" /></p>
80                 <p>Under the picture you can see the list of comments to the current picture.</p>
81                 <p align="center"><img src="images/comments.png" width="400px" height="240px" /></p>
82                 <p>You can send your comment to the picture by using menu item <b>"Add comment"</b>.</p>
83                 <p align="center"><img src="images/send-comment.png" width="400px" height="240px" /></p>
85                 <h2>Application settings</h2>
86                 <p>You can use main menu of MySocials Gallery to set up the application. The menu is available from the main form of the application.</p>
87                 <p align="center"><img src="images/menu.png" width="400px" height="240px" /></p>
88                 <p>After choosing <b>"Network settings"</b> item you can set proxy settings. Button <b>"No Proxy"</b> turns off the search of proxy setting in your system. Button <b>"System"</b> activates the search of proxy settings in your system to use them in the application. Button <b>"Manual"</b> activates the fields for inputing Address and Port of proxy that you use in your system.</p>
89                 <p align="center"><img src="images/network-settings.png" width="400px" height="240px" /></p>
90                 <p>You can edit the list of created accounts by using <b>"Manage accounts"</b> item of the menu. Button <b>"Add"</b> allows you to create  new account. Using button <b>"Remove"</b> you can delete one of the existing accounts. Button <b>"Reconnect"</b> allows you to pass the authorization on the service again. You should use this button, if you had some network problems on your device and your account was switched to the offline mode or you wanted to log on the service with another registration information (e.g. login and password). In that case you have to choose this account in the list and push <b>"Reconnect"</b> button.</p>
91                 <p align="center"><img src="images/account-settings.png" width="400px" height="240px" /></p>
92                 <p><b>"Program settings"</b> menu item allows you to set up some specific settings of the application. The item <b>"Enable window rotation"</b> is available only for mobile devices. It allows the application to respond when your device changes it's position in space. The item <b>"Enable multi panel mode"</b> controls the number of panels in the main form of the application. If you choose this option, you see current panel with data from service (for example, the list of pictures) and the previous one (the list of albums). Otherwise you see only one panel with data in the main form of the application. It is very convinient for devices with small screen such as mobile devices. Button <b>"Clear cache"</b> allows you to clean application's cache to save your device resourses.</p>
93                 <p align="center"><img src="images/program-settings.png" width="400px" height="240px" /></p>
94       </td>
95       </tr>
96     </table></td>
97   </tr>
98   <tr>
99     <td><table width="92%" border="0" align="right" cellpadding="0"
100     cellspacing="0">
101       <tr>
102         <td class="copybox"> MySocials Gallery &copy; 2011</td>
103       </tr>
104     </table></td>
105   </tr>
106   <tr>
107     <td height="10">&nbsp;</td>
108   </tr>
109 </table>
110 </body>
111 </html>