New structure for project.
[vlc-remote] / www / index.html
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
3     <!-- This template can be downloaded from www.openwebdesign.org. Just search for neuphoric -->
4     <!-- This template has been modified by mejobloggs (http://www.openwebdesign.org/userinfo.phtml?user=mejobloggs) -->
5     <!-- Please use this template according to the license on the original template (included as pleaseread.txt) -->
6     <!-- The original of this template was designed by http://www.tristarwebdesign.co.uk - please visit for more templates & information - thank you. -->
7     <head>
8         <title>Présentation VLC Remote - Projet Maemo QT - Contrôler VLC à distance</title>
9         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
10         <link rel="stylesheet" type="text/css" href="styles.css" />
11     </head>
12
13     <body id="altbody">
14
15         <div id="wrapper-header">
16             <div id="header">
17                 <h1>VLC Remote - Projet Maemo QT</h1>
18             </div>
19         </div>
20
21         <div id="wrapper-menu">
22             <div id="menu">
23                 <ul>
24                     <li><a title="" href="#presentation">Présentation</a></li>
25                     <li><a title="" href="#installation">Installation</a></li>
26                     <li><a title="" href="#utilisation">Utilisation</a></li>
27                     <li><a title="" href="#licence">Licence</a></li>
28                     <li><a title="" href="https://garage.maemo.org/projects/vlc-remote/">Garage Maemo</a></li>
29                 </ul>
30             </div>
31         </div>
32
33         <div id="content">
34             <h1>Page en construction - Mise à jour le 19/08/2010 : 08h34</h1>
35             <h2 id="presentation">1. Présentation</h2>
36             <p>Vlc-remote est une application pour telephone  permettant 
37                 de controller <a href="http://www.videolan.org/" title="Site officiel VLC">VLC</a>
38                 à distance.<br />
39                 L'application développé ici fonctionne sur les téléphones équipés de l'OS Maemo,
40                 le Nokia N900 actuellement.
41                 <br />
42                 Cette application est l'initiative d'un groupe de personnes indépendante du <a href="http://www.videolan.org/" title="Site officiel VLC">projet VLC officiel</a>.
43             </p>
44
45             <p><a href="#menu">Retour menu</a></p>
46
47             <h2 id="installation">2. Installation</h2>
48             <p>
49                 L'application est disponible dans le dépôt extra-devel.
50             </p>
51             <h3>Activer le dépôts extra-devel</h3>
52             <p></p>
53             <p><a href="#menu">Retour menu</a></p>
54
55             <h2 id="utilisation">3. Utilisation</h2>
56             <h3>Configurer VLC sur votre ordinateur</h3>
57             <p>Les procèdures sont similaires suivant votre système d'exploitation ( Windows/Linux/Mac OS)</p>
58             <p>Nous considèrons ici que vous avez déjà installé VLC sur votre ordinateur</p>
59             <h4>Linux</h4>
60             <ol class="instructions">
61                 <li>Démarrez VLC</li>
62                 <li>Cliquez sur le menu <em>Outils</em></li>
63                 <li>Cliquez sur <em>Préférences</em>, vous avez une fenêtre similaire à celle ci :
64                     <img src="images/screenshots/vlc-linux-preferences-simple.jpeg" alt="VLC - Outils -Préférences" /></li>
65                 <li>Cliquez sur <em>Tous</em> en bas à gauche de la fenêtre,
66                     la colonne de gauche contient maintenant une arboressence de menu
67                 </li>
68                 <li>Double cliquez sur <em>Interface</em>, puis sur <em>Interfaces Principales</em>.<br />
69                     Cocher la case <em>Interface de commande à distance HTTP</em>.
70                     <img src="images/screenshots/vlc-linux-interfaces-principales-http-checked.jpeg" alt="VLC - Outils -Préférences - Interfaces principales http" /></li>
71                 <li>
72                     Dans l'arborescence à gauche cliquez sur <em>HTTP</em> en dessous d'<em>Interfaces principales</em>.<br />
73                     Cochez la case <em>Exporter la jaquette vers &laquo; /art &raquo;</em><br />
74                     Cliquez sur Enregistrer pour valider les paramètres et fermer la fenêtre, puis redémarez VLC.
75                     <img src="images/screenshots/vlc-linux-interfaces-principales-http-art.jpeg" alt="VLC - Outils -Préférences - Interfaces principales http - art" />
76                 </li>
77             </ol>
78             <h4>Windows</h4>
79             <h4>Mac OS</h4>
80
81             
82             <h3>Configurer Vlc-remote sur votre mobile</h3>
83             <p>Lorsque vous démarez l'application la fenêtre de gestion de compte apparait.<br/>
84                 Elle vous permet d'enregistrer plusieurs machines, ainsi vous pouvez facilement accèder
85                 aux différens ordinateurs que vous utilisez avec VLC<br />
86             </p>
87
88             <h4>Gestionnaire de compte</h4>
89             <img src="" alt="Copite d'écran du gestionnaire de compte" />
90             <ol class="instructions">
91                 <li><strong>Ajouter</strong>
92                     <p>Un compte contient les éléments suivants : </p>
93                     <ol>
94                         <li>Nom : choisissez ce que vous voulez (portable pierre, ordinateur chambre, etc..)</li>
95                         <li>Ip  : l'ip représente l'adresse de l'ordinateur ,que vous voulez ajouter, sur le
96                             réseaux (Wifi, câbles, etc...), si vous ne la connaissez reportez vous à <a href="#trouver_mon_ip">l'annexe ci-dessous</a></li>
97                         <li>Port : si vous avez suivis nos instructions ci-dessus, VLC est configuré sur le port 8080, laissez le champs tel qu'il est déjà remplis</li>
98                     </ol>
99                     <img src="" alt="Copie d'écran d'ajouter un compte" />
100                 </li>
101                 <li><strong>Éditer</strong>
102                     <p>Lors de l'édition d'un compte seul l'ip et le port sont modifiables<br />
103                     Les instructions sont les mêmes que pour ajouter</p>
104                     <p>Sélectionnez le compte dans la liste, le bouton <em>Éditer</em> sera alors actif, appuyez dessus</p>
105                 </li>
106                 <li><strong>Supprimer</strong>
107                     <p>Sélectionnez le compte dans la liste, le bouton <em>Supprimer</em> sera alors actif, appuyez dessus</p>
108                 </li>
109                 <li><strong>Utiliser</strong>
110                     <p>Cette action permet de définir le compte auquel vlc-remote doit se connecter.<br />
111                     À chaque démarrage de l'application, vous pourrez effectuer ce choix.</p>
112                     <p>Sélectionnez le compte dans la liste, le bouton <em>Utiliser</em> sera alors actif, appuyez dessus</p>
113                 </li>
114             </ol>
115
116             <h3>Utiliser</h3>
117             <p>L'affichage principale permet de controler la vidéo en cours
118                 de lecture, de consulter la playlist et de naviguer dans les
119                 repertoires de l'ordinateur sur leque Vlc est en cours d'éxecution.
120             </p>
121             <p><a href="#menu">Retour menu</a></p>
122
123             <h2 id="licence">4. Licence</h2>
124             <p>
125                 L'ensemble de l'application est développé en C++ avec le framework QT
126                 Le code est sous licence GPL.
127             </p>
128         </div>
129
130         <div id="footer">
131             This template is a modified version of <a href="http://www.oswd.org/user/profile/id/8809" title="Go to tristar&rsquo;s OSWD user page">tristar&rsquo;s</a> <a href="http://www.oswd.org/design/preview/id/2755" title="Go to the original template">original</a>
132         </div>
133
134     </body>
135
136 </html>