New structure for project.
[vlc-remote] / www / index.html
index 8d1e333..8281167 100644 (file)
@@ -1,9 +1,136 @@
-<html>
-       <head>
-               <title>Vlc-Remote for MAEMO - Homepage</title>
-       </head>
-
-       <body>
-               <h1>Build in progress</h1>
-       </body>
-</html>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+    <!-- This template can be downloaded from www.openwebdesign.org. Just search for neuphoric -->
+    <!-- This template has been modified by mejobloggs (http://www.openwebdesign.org/userinfo.phtml?user=mejobloggs) -->
+    <!-- Please use this template according to the license on the original template (included as pleaseread.txt) -->
+    <!-- The original of this template was designed by http://www.tristarwebdesign.co.uk - please visit for more templates & information - thank you. -->
+    <head>
+        <title>Présentation VLC Remote - Projet Maemo QT - Contrôler VLC à distance</title>
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+        <link rel="stylesheet" type="text/css" href="styles.css" />
+    </head>
+
+    <body id="altbody">
+
+        <div id="wrapper-header">
+            <div id="header">
+                <h1>VLC Remote - Projet Maemo QT</h1>
+            </div>
+        </div>
+
+        <div id="wrapper-menu">
+            <div id="menu">
+                <ul>
+                    <li><a title="" href="#presentation">Présentation</a></li>
+                    <li><a title="" href="#installation">Installation</a></li>
+                    <li><a title="" href="#utilisation">Utilisation</a></li>
+                    <li><a title="" href="#licence">Licence</a></li>
+                    <li><a title="" href="https://garage.maemo.org/projects/vlc-remote/">Garage Maemo</a></li>
+                </ul>
+            </div>
+        </div>
+
+        <div id="content">
+            <h1>Page en construction - Mise à jour le 19/08/2010 : 08h34</h1>
+            <h2 id="presentation">1. Présentation</h2>
+            <p>Vlc-remote est une application pour telephone  permettant 
+                de controller <a href="http://www.videolan.org/" title="Site officiel VLC">VLC</a>
+                à distance.<br />
+                L'application développé ici fonctionne sur les téléphones équipés de l'OS Maemo,
+                le Nokia N900 actuellement.
+                <br />
+                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>.
+            </p>
+
+            <p><a href="#menu">Retour menu</a></p>
+
+            <h2 id="installation">2. Installation</h2>
+            <p>
+                L'application est disponible dans le dépôt extra-devel.
+            </p>
+            <h3>Activer le dépôts extra-devel</h3>
+            <p></p>
+            <p><a href="#menu">Retour menu</a></p>
+
+            <h2 id="utilisation">3. Utilisation</h2>
+            <h3>Configurer VLC sur votre ordinateur</h3>
+            <p>Les procèdures sont similaires suivant votre système d'exploitation ( Windows/Linux/Mac OS)</p>
+            <p>Nous considèrons ici que vous avez déjà installé VLC sur votre ordinateur</p>
+            <h4>Linux</h4>
+            <ol class="instructions">
+                <li>Démarrez VLC</li>
+                <li>Cliquez sur le menu <em>Outils</em></li>
+                <li>Cliquez sur <em>Préférences</em>, vous avez une fenêtre similaire à celle ci :
+                    <img src="images/screenshots/vlc-linux-preferences-simple.jpeg" alt="VLC - Outils -Préférences" /></li>
+                <li>Cliquez sur <em>Tous</em> en bas à gauche de la fenêtre,
+                    la colonne de gauche contient maintenant une arboressence de menu
+                </li>
+                <li>Double cliquez sur <em>Interface</em>, puis sur <em>Interfaces Principales</em>.<br />
+                    Cocher la case <em>Interface de commande à distance HTTP</em>.
+                    <img src="images/screenshots/vlc-linux-interfaces-principales-http-checked.jpeg" alt="VLC - Outils -Préférences - Interfaces principales http" /></li>
+                <li>
+                    Dans l'arborescence à gauche cliquez sur <em>HTTP</em> en dessous d'<em>Interfaces principales</em>.<br />
+                    Cochez la case <em>Exporter la jaquette vers &laquo; /art &raquo;</em><br />
+                    Cliquez sur Enregistrer pour valider les paramètres et fermer la fenêtre, puis redémarez VLC.
+                    <img src="images/screenshots/vlc-linux-interfaces-principales-http-art.jpeg" alt="VLC - Outils -Préférences - Interfaces principales http - art" />
+                </li>
+            </ol>
+            <h4>Windows</h4>
+            <h4>Mac OS</h4>
+
+            
+            <h3>Configurer Vlc-remote sur votre mobile</h3>
+            <p>Lorsque vous démarez l'application la fenêtre de gestion de compte apparait.<br/>
+                Elle vous permet d'enregistrer plusieurs machines, ainsi vous pouvez facilement accèder
+                aux différens ordinateurs que vous utilisez avec VLC<br />
+            </p>
+
+            <h4>Gestionnaire de compte</h4>
+            <img src="" alt="Copite d'écran du gestionnaire de compte" />
+            <ol class="instructions">
+                <li><strong>Ajouter</strong>
+                    <p>Un compte contient les éléments suivants : </p>
+                    <ol>
+                        <li>Nom : choisissez ce que vous voulez (portable pierre, ordinateur chambre, etc..)</li>
+                        <li>Ip  : l'ip représente l'adresse de l'ordinateur ,que vous voulez ajouter, sur le
+                            réseaux (Wifi, câbles, etc...), si vous ne la connaissez reportez vous à <a href="#trouver_mon_ip">l'annexe ci-dessous</a></li>
+                        <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>
+                    </ol>
+                    <img src="" alt="Copie d'écran d'ajouter un compte" />
+                </li>
+                <li><strong>Éditer</strong>
+                    <p>Lors de l'édition d'un compte seul l'ip et le port sont modifiables<br />
+                    Les instructions sont les mêmes que pour ajouter</p>
+                    <p>Sélectionnez le compte dans la liste, le bouton <em>Éditer</em> sera alors actif, appuyez dessus</p>
+                </li>
+                <li><strong>Supprimer</strong>
+                    <p>Sélectionnez le compte dans la liste, le bouton <em>Supprimer</em> sera alors actif, appuyez dessus</p>
+                </li>
+                <li><strong>Utiliser</strong>
+                    <p>Cette action permet de définir le compte auquel vlc-remote doit se connecter.<br />
+                    À chaque démarrage de l'application, vous pourrez effectuer ce choix.</p>
+                    <p>Sélectionnez le compte dans la liste, le bouton <em>Utiliser</em> sera alors actif, appuyez dessus</p>
+                </li>
+            </ol>
+
+            <h3>Utiliser</h3>
+            <p>L'affichage principale permet de controler la vidéo en cours
+                de lecture, de consulter la playlist et de naviguer dans les
+                repertoires de l'ordinateur sur leque Vlc est en cours d'éxecution.
+            </p>
+            <p><a href="#menu">Retour menu</a></p>
+
+            <h2 id="licence">4. Licence</h2>
+            <p>
+                L'ensemble de l'application est développé en C++ avec le framework QT
+                Le code est sous licence GPL.
+            </p>
+        </div>
+
+        <div id="footer">
+            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>
+        </div>
+
+    </body>
+
+</html>
\ No newline at end of file