fix some mistakes
[mysocials] / www / screenshots.html
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
2 "">
3 <html xmlns="">
4 <head>
5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
6 <title>MySocials Project</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 Project</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="85%" border="0" cellspacing="0" cellpadding="0">
27       <tr align="center">
28         <td><a href="index.html" class="toplinks">About</a></td>
29         <td class="toplinks">|</td>
30         <td><a href="screenshots.html" class="toplinks">Screenshots</a></td>
31         <td class="toplinks">|</td>
32         <td><a href="api.html" class="toplinks">MySocials API</a></td>
33         <td class="toplinks">|</td>
34         <td><a href="privacy.html" class="toplinks">Privacy</a></td>
35                 <td class="toplinks">|</td>
36         <td><a href="development.html" class="toplinks">Development</a></td>
37                 <td class="toplinks">|</td>
38         <td><a href="downloads.html" class="toplinks">Downloads</a></td>
39       </tr>
40     </table></td>
41   </tr>
42   <tr>
43     <td height="10"></td>
44   </tr>
45   <tr>
46     <td bgcolor="#F3F3F3" class="border"><table width="100%" border="0"
47     cellspacing="0" cellpadding="0">
48       <tr>
49         <td height="10"></td>
50       </tr>
51       <tr>
52         <td><table border="0" cellspacing="0" cellpadding="0">
53       <tr>
54         <td class="heading"></td>
55       </tr>
56     </table></td>
57       </tr>
58       <tr>
59         <td height="10"></td>
60       </tr>
61       <tr>
62         <td class="content">
63                 <h1>Screenshots</h1>
64                 <h2>Work with application</h2>
65                 <p>On this page you can find a description of the work with MySocials app on mobile device based on Maemo 5 platform (Nokia N900). The work with application on the other platforms is similarly.</p>
66                 <p>After you start MySocials 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>
67                 <p align="center"><img src="images/add_account_eng.png" width="650px" height="330px" alt="Maemo 5 version"/></p>
68                 <p>Then you have to log on the service. Our application uses authorization through web-interface (WebAuth). <b>MySocials doesn't store your registration information (e.g. login and password).</b> Therefore if your session is out of date, the application shows authorization window again.</p>
69                 <p align="center"><img src="images/webauth.png" width="650px" height="330px" alt="Maemo 5 version"/></p>
70                 <p>After that you will see main form of the app which consists of main menu, the list of your friends from social networks and toolbar with icons for working with list of friends, messages and albums. Future version of MySocials will support work with news feeds, audio and video. Button <img src="images/general_refresh.png" width="30px" height="30px" alt="Refresh Button"/> is used for refreshing information in the app.</p>
71                 <p align="center"><img src="images/friends_all_eng.png" width="650px" height="330px" alt="Maemo 5 version"/></p>
72                 <p>You can use filters to navigate through friends list. There are filters for social services, online/offline status and sex.</p>
73                 <p align="center"><img src="images/friends_vk_eng.png" width="650px" height="330px" alt="Maemo 5 version"/></p>
74                 <p align="center"><img src="images/friends_fl_eng.png" width="650px" height="330px" alt="Maemo 5 version"/></p>
75                 <p align="center"><img src="images/friends_mm_eng.png" width="650px" height="330px" alt="Maemo 5 version"/></p>
76                 <p>You can find a friend in the list by using quick search. Button <img src="images/general_backspace.png" width="30px" height="30px" alt="Backspace Button"/> allows you to clean the searching field.</p>
77                 <p align="center"><img src="images/friends_search_eng.png" width="650px" height="330px" alt="Maemo 5 version"/></p>
78                 After choosing one of your friends from the list you see his/her profile information. From this form you can go to browsing the user's albums, messages or send new message to him/her. Button <img src="images/general_back.png" width="30px" height="30px" alt="Back Button"/> returns you to the previous screen (in this case friends list form).   
79                 <p align="center"><img src="images/profile_eng.png" width="650px" height="330px" alt="Maemo 5 version"/></p>
80                 After choosing messages icon from toolbar you can browse your new messages from the services, inbox and outbox messages, and your drafts.
81                 <p align="center"><img src="images/messages_eng.png" width="650px" height="330px" alt="Maemo 5 version"/></p>
82                 After choosing albums icon from toolbar you can browse the list of user's albums.
83                 <p align="center"><img src="images/albums_eng.png" width="650px" height="330px" alt="Maemo 5 version"/></p>
84                 Content of chosen album is shown as a list of previews of the images.           
85                 <p align="center"><img src="images/images_eng.png" width="650px" height="330px" alt="Maemo 5 version"/></p>
86                 <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>
87                 <p align="center"><img src="images/image_download_eng.png" width="650px" height="330px" alt="Maemo 5 version"/></p>
88                 You are also available to browse and send comments to each image in the album (if this service is supported by social network).
89                 <p align="center"><img src="images/menu_comments_eng.png" width="650px" height="330px" alt="Maemo 5 version"/></p>
91                 <h2>Application settings</h2>
92                 <p>You can use main menu of MySocials to set up the application.</p>
93                 <p align="center"><img src="images/main_menu_eng.png" width="650px" height="330px" alt="Maemo 5 version"/></p>          
94                 <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 convenient 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 resources.</p>
95                 <p align="center"><img src="images/settings_eng.png" width="650px" height="330px" alt="Maemo 5 version"/></p>           
96                 <p>After choosing <b>"Network"</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 <i>Address</i> and <i>Port</i> of proxy that you use in your system.</p>
97                 <p align="center"><img src="images/proxy_eng.png" width="650px" height="330px" alt="Maemo 5 version"/></p>
98                 <p>You can edit the list of created accounts by using <b>"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>
99                 <p align="center"><img src="images/accounts_eng.png" width="650px" height="330px" alt="Maemo 5 version"/></p>
100       </td>
101       </tr>
102     </table></td>
103   </tr>
104   <tr>
105     <td><table width="92%" border="0" align="right" cellpadding="0"
106     cellspacing="0">
107       <tr>
108         <td class="copybox"> MySocials Project &copy; 2011</td>
109       </tr>
110     </table></td>
111   </tr>
112   <tr>
113     <td height="10">&nbsp;</td>
114   </tr>
115 </table>
116 </body>
117 </html>