git.maemo.org Git - mgallery/blob - 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>
   9
  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. Button <img src="images/general_backspace.png" width="25px" height="25px"/> allows you to clean the searching field. </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.</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 picturies 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. It contains such items as "Refresh comments" and "Add comment".</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 "Add comment".</p>
  83                 <p align="center"><img src="images/send-comment.png" width="400px" height="240px" /></p>
  84
  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 "Network settings" item you can set proxy settings, if you need.</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 "Manage accounts" item of the menu. Here you can delete one of the existing accounts or create a new one. You should use this settings window if your current account was swiched to the offline mode or you had some network problems on your device. In that case you have to choose your current account in the list and push "Reconnect" button.</p>
  91                 <p align="center"><img src="images/account-settings.png" width="400px" height="240px" /></p>
  92                 <p>"Program settings" menu item allows you to set up the interface of the application or to clean it's cache to save your device resourses. The item "Enable multi panel mode" controls the number of panels in the main form of the application. The item "Enable window rotation" is available only for mobile devices.  </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>