Pour le découvrir et apprendre markdown, ce tutoriel doit vous rendre autonome en moins de 30 minutes.

Saurez-vous relever le défi ?

Chaque ressource est décrite avec précision, son format, le nombre de pages, l’auteur, le poids du fichier et le nombre de chargement
Malheureusement, il faudra parcourir les catégories manuellement, le moteur de recherche interne ne permet pas de retrouver facilement une ressource en particulier.
A moins d’utiliser la syntaxe de Google…

site:www.bestcours.com

par exemple

php objet site:www.bestcours.com

Une ressource à découvrir et à conserver.

start  tiny  .\root

Start : permet de lancer le serveur puis  de fermer la fenêtre de commandes

tiny : le nom du serveur

./root : le dossier contenant la racine des pages Web, correspond au dossier précédemment créé.

Sauvegardez le fichier.
Je vous en propose un tout fait en cas de difficulté pour la création de ce fichier.
Etape 4 :
Votre serveur ne fonctionnera que si une page d’accueil se trouve dans le dossier root, cette page doit se nommer

index.html ou index.htm

Pour faire simple, je vous ai préparé une petite page à télécharger ici par un clic droit puis Enregistrer la cible du lien sous. Renommez le fichier en supprimant le tiret du bas (_) puis copiez-le dans le dossier root.
Etape 5 : 
Pour lancer le serveur, double clic sur le fichier de commandes tiny.bat puis lancez un navigateur quelconque et tapez l’adresse :

http://127.0.0.1

Si tout est conforme, la magnifique page que vous avez téléchargée s’affiche. Il se peut que le pare-feu vous demande l’autorisation de valider l’ouverture du port 80, il est sage de la confirmer.
Tiny tourne en tâche de fond, il n’est pas possible de fermer le service facilement, vous devez passer par le gestionnaire de tâche (en faisant CTRL-ALT-SUPP) puis dans l’onglet Processus tuer la tâche TINY.exe
D’ailleurs cette manœuvre est indispensable avant d’éjecter le disque dur ou la clé USB. Ceci-dit vous auriez également pu copier le dossier complet (TinyWeb) sur un disque dur local avant de lancer le fichier de commandes.
Plus proprement, il est aussi possible de tuer cette tâche grâce à une bonne vieille ligne de commande :

taskkill /IM TINY.exe /F

Evidemment pour que cette ligne de commande soit plus rapide à mettre en œuvre il faut aussi la stocker dans un fichier de commande par exemple killtiny.bat comme celui-ci.

Etape 6 :

Certainement le plus intéressant, confectionnez votre site web et en copier la structure dans le dossier root en remplaçant la page index.html par votre page d’accueil personnalisée.
 
 
Plus d’infos sur TinyWeb Server sont disponibles sur le web de l’auteur :  http://www.ritlabs.com/en/products/tinyweb/

Enfin, vous avez mis la main sur cette extraordinaire animation flash que vous cherchiez depuis si longtemps pour illustrer un point obscur de votre cours ! Comment mettre cette ressource à disposition de vos étudiants ? D’autant plus que vous êtes un tantinet exigeant, vous souhaitez didactiser  cette ressource, quelques explications et une petite activité sous forme d’un exercice afin d’orienter la construction des connaissances.

Prenons un exemple concret dans le domaine de l’optique, la synthèse additive des couleurs sur le site de la CNNAM  :

http://ww2.cnam.fr/physique//DOCUMENTS/LABO/doppler.htm

et cliquez sur le premier lien effet Doppler (en utilisant Firefox).

Ce site a été choisi à titre d’exemple, pour télécharger réellement les ressources et les réutiliser, vous devez obtenir l’accord de ou des auteurs, c’est d’ailleurs la règle pour toute ressource en ligne.

Etape 1 : Récupérer l’animation flash

Quelques mots sur le Flash, la pagedoppler.htm est une page web, elle  contient seulement un lien vers l’animation flash qui est également stockée sur un serveur Web.

Pour obtenir des informations sur un objet Flash inclus dans une page web, il faut accéder au menu “Informations sur la page”, ce menu n’est pas disponible directement sous Firefox 5. Effectuez un clic droit dans la zone des onglets et cliquez sur “Barre de menus”.

Dans le menu “Outils” activez “Informations sur la page” :

Cliquez sur le bouton “Médias” -1-, cet onglet liste la totalité des ressources multimédias composant la page, images, sons et animations. Cherchez dans la liste une ressource de type embarquée, il s’agit de votre animation au format flash -2-.

Que faire de cette ressource ? soit la télécharger sur votre ordinateur, cliquez alors sur le bouton “Enregistrer-sous” ou bien récupérer le lien en sélectionnant son emplacement par copier-coller.

Sauvegardez l’animation dans un dossier créé pour l’occasion.

Etape 2 : Insérer l’animation dans le document Libre ou Open Office

Ouvrez  l’un ou l’autre, et sélectionnez le module Writer pour commencer. Le fichier Writer doit être sauvegardé dans le même dossier que celui contenant le fichier Flash, enregistrez le document Writer de suite.

Nous allons tout d’abord inclure l’animation dans la page, cliquez sur “Insertion”, “Objet” puis “Plug-in”.

Dans la fenêtre qui s’ouvre, avec le bouton “Parcourir” sélectionnez l’animation Flash précédente.

En théorie il est aussi possible d’insérer directement le lien vers l’animation en ligne. Avec ma version 3.4 de LibreOffice, l’animation ne se charge pas sauf à exporter la page en html.

L’animation est insérée dans la page, bien évidemment l’animation est active, manipulez les boutons de dosage de couleur pour le vérifier. L’arrière plan de la page Writer est peint en noir pour s’accorder avec la couleur de fond de l’animation. La couleur des caractères étant sur “Automatique”, le texte apparaît en blanc.

La sélection d’un objet Flash, pour le déplacer ou le redimensionner, n’est pas si évidente que cela, faites appel au navigateur d’objets, touche F5 ou dans la barre d’outils l’icône en forme d’étoile puis dans la liste hiérarchique, sélectionnez l’objet OLE en le double cliquant.

Etape 3 : Diffuser le document

Quelques précautions s’imposent : il ne faut pas renommer le fichier swf, ni séparer l’animation Flash du documents Writer. Si vous souhaitez corriger les travaux des étudiants, récupérez simplement le fichier Writer.

Il est également possible de construire le document Writer en insérant une animation flash sur un lecteur réseau, avantage indéniable puisque cela simplifie les opérations de copie mais l’animation ne sera active que lancée sur une machine du réseau. A vous de voir.

Vous pouvez également insérer une animation dans un diaporama Impress, les contraintes sont exactement les mêmes. Utilisez le navigateur d’objets dans Impress pour sélectionner l’objet (Ctrl-Maj-F5).

Enfin, n’oubliez pas d’indiquer la source de vos animations !

Bientôt de nouveaux parcours seront proposés.

Pour commencer, cliquez sur ce lien  https://www.facebook.com/pages/create.php pour accéder à cette page et sélectionnez votre thématique :

Par exemple nous allons créer la page Fan d’une chatterie de persans, on clique sur Lieu ou commerce puis on sélectionne le type de service Services pour animaux puis on complète les renseignements et on accepte les condition.

On enregistrer une photo, on peut aussi le faire ultérieurement :

Puis les renseignements sur l’activité, description et site Web externe :

Il est toujours possible de compléter ultérieurement toutes ces informations.

Votre page Fan est créée, un assistant vous présente les différentes fonctionnalités de l’interface. Avant toute création de contenu, peaufinez les paramètres de votre page Fan comme par exemple les rôles d’administration, la photo de couverture….

A vous de jouer !!!

Mes pages Fans :

Chatterie du Comté d’Artois de cet exemple

et

Elevage de Boxers de la Garde d’Eriador (il nous reste deux mâles bringés LOF à 850 euros et une femelle fauve à 1100 euros)

Moodle 2.n révolutionne l’interface utilisateur en présentant différemment les cours et les ressources. En gros, la page d’accueil et le menu se recentrent sur l’utilisateur et développent la notion d’accueil personnel :

J’aurai l’occasion de détailler cette interface dans un prochain article, en premier lieu nous allons installer Moodle.

A/ Télécharger le bousin

Rendez-vous sur la page Moodle.org, puis cliquez sur Téléchargements :

Chacun sait que Moodle est une application Web, pour tourner, il vous faut un serveur Web et une base de données, le tout parfaitement configurer avec les bonnes extensions. Pour ce tuto, on considère que rien de tout cela n’est installé sur votre bécane.

Désormais, il existe un “package” Moodle avec tout le nécessaire, cliquez sur “Moodle package for Windows” (c’est d’ailleurs pour cette raison que le projet “Moodle de Poche” est suspendu).

Trois versions sont disponibles :

En bas de l’écran, vous pouvez passer par le plate-forme Microsoft Webmatrix, pour le coup je vous le déconseille vraiment. Téléchargez la dernière ici la 2.1+ et décompressez.

B/ Démarrer les serveurs

Vous trouvez deux exécutables, un pour démarrer les serveurs, un autre pour les stopper, cliquez sur “Start Moodle”.

Une fenêtre de commande s’affiche (un écran pas beau tout noir), autorisez les serveurs Apache et Mysql :

C/ Installer Moodle

Démarrez votre navigateur, au hasard Firefox et tapez  l’adresse de votre serveur Web local :

http://localhost

ou

http://127.0.0.1

Le processus d’installation de Moodle démarre. Sélectionnez la langue :

Le dossier d’installation, ici sur un disque dur USB, on ne change rien :

Ne touchons pas non plus aux réglages de la base de données, par contre il faut choisir un mot de passe. Ne vous cassez pas la tête.

L’installation vérifie les modules php, normalement pas de problème, cliquez sur “Continuer”.

A l’étape suivante, il faut un peu de patiente, l’installation va créé tout un tas de fichiers, quand c’est fini, il y a un bouton “Continuer” tout en bas de la page.

On arrive à la création des comptes utilisateurs. Nous sommes bien d’accord que ce Moodle n’est pas une plate-forme de production, pas besoin de créer des comptes individuels. Par contre il peut être malin de créer un compte par profil, administrateur, professeur et étudiant, histoire de se faire la main sur chacun d’eux.

Paramétrage du compte administrateur, complétez les rubriques en rouge, puis validez.

Paramètres de la page d’accueil, ici c’est le minimum syndical :

Moodle est installé

D/ Usages au quotidien

Pour arrêter le serveur, fermez le navigateur puis cliquez sur l’exécutable “Stop Moodle”, les serveurs sont inactifs.

La remise en route s’effectue comme l’installation Start Moodle puis lancez le navigateur et http://localhost à mettre en favori.

L’installation sur un disque mobile ou une clé est toujours possible, sauf que si la lettre de lecteur change, les modules doivent se reconfigurer au démarrage sauf que ça n’a pas marché.

Vérifiez bien que votre clé ou disque a toujours la même lettre affectée.

Comme l’explique parfaitement Korben dans ce billet, Cloudfare accélère l’affichage de vos pages tout en apportant une certaine protection à l’égard des saloperies du web, dont les botnets et autres robots spammeurs. Bref que des avantages.

En plus le service est gratuit et très simple à mettre en place, que de bonnes raisons pour protéger de suite le blog Tic & Net !

Rendez-vous sur https://fr.cloudflare.com et ouvrez un compte et connectez-vous. Tout se passe en 4 étapes :

Etape 1 : Insérez le domaine à protéger, puis bouton vert :

Etape 2 : Cloudflare interroge les serveurs de noms, pendant ce temps là vous avez droit à une petite vidéo. Ca dure moins d’une minute ensuite on peut cliquer directement sur le bouton de confirmation en bas de la page.

Etape 3 : A nouveau le gros bouton vert en bas de l’écran, rien n’est à changer sur cette page (sauf si vous êtes un méga pro)

Etape 4 : Une page vous donne les DNS à mettre en place à la place de ceux de WordPress.

Pas de panique ! j’ai cherché un peu mais finalement c’est pas bien compliqué, laissez la page Cloudflare ouverte et ouvrez un onglet avec le Dashboard  WordPress de votre blog, dans Réglages, cliquez sur Domaines :

Sur cette page vous trouvez le domaine qui a servi a ouvrir le blog, là il est désactivé, ainsi que le domaine acheté chez WordPress.com. C’est ce dernier que nous allons reparamétrer :

Si vous ne vous souvenez plus du mot de passe de gestion de ce domaine, modifiez le ensuite copier-coller votre numéro de client et cliquez sur Gérer vos domaines. Collez le numéro de client et tapez le mot de passe, puis Secure Login.

Une page affiche vos différents domaines. Evitez de tripatouiller partout, vous êtes prévenu…

Cliquez sur votre domaine.

Puis sur Set Nameservers :

Activez le troisième choix, et remplacez les deux adresses de DNS avec celles fournies par Cloudflare au dernier écran. Validez puis déconnectez-vous de la gestion de domaine WordPress.

Ce n’est pas fini, encore une étape ! Reprenez l’onget Cloudflare et validez le dernier écran en cliquant le bouton vert I’ve updated my name servers, continue.

La redirection se met en place progressivement sans coupure de l’accès au blog, ce n’est pas instantané il faut jusque 48 heures !

Dans quelques jours vous pourrez consulter le tableau de bord Cloudflare pour obtenir des infos statistiques sur la fréquentation du blog et aussi sur les attaques bloquées.

Il est également possible d’exclure un pays ou une plage d’adresse ip. Que du bonheur !

Pour revenir à l’état initial, remplacez simplement les NDS par ceux de WordPress :

NS1.WORDPRESS.COM
NS2.WORDPRESS.COM

source : Korben.info