TechToolGeek

noreply@blogger.com (Franck Melka) — Tue, 24 Oct 2023 13:31:00 +0000

Découvrez comment rédiger des prompts efficaces pour les modèles GPT. Apprenez les structures, secrets et meilleures pratiques pour obtenir des réponses précises. Devenez un expert en prompt engineering.

Dans cette formation, vous allez apprendre à rédiger des prompts, leurs structures, leurs secrets, les trucs et astuces pour obtenir un prompt parfait et ainsi un résultat précis.

A - La rédaction d'un prompt parfait pour interagir avec un modèle de langage comme #ChatGPT (ou n'importe quel modèle GPT) dépend largement de l'objectif que vous souhaitez atteindre.

Cependant, voici quelques conseils généraux pour optimiser vos prompts :

1. Clarté : Soyez aussi clair et précis que possible. Évitez les ambiguïtés.

2. Contexte : Fournissez suffisamment de contexte. Si vous posez une question avancée ou technique, il peut être utile de fournir des informations de base pour orienter la réponse.

3. Question explicite: Posez votre question de manière directe. Par exemple, "Qu'est-ce que la photosynthèse?" est plus clair que "Je me demandais comment les plantes font leur truc avec le soleil."

4. Mise en forme: Si vous souhaitez une réponse dans un format particulier (liste, paragraphe, etc.), spécifiez-le.

5. Longueur: Les prompts trop longs peuvent être tronqués ou ne pas être entièrement pris en compte par le modèle. Gardez cela à l'esprit.

6. #Reverse prompting: Parfois, orienter le modèle avec un préambule peut aider. Par exemple, "En tant qu'expert en chimie, pouvez-vous m'expliquer..." peut aider à orienter la réponse vers une explication experte.

7. #Iterative prompting: Si vous n'obtenez pas la réponse souhaitée du premier coup, n'hésitez pas à reformuler ou à poser des questions de suivi pour préciser.

8. Evitez les questions ouvertes: Les questions ouvertes peuvent donner lieu à des réponses généralistes. Si vous recherchez des détails spécifiques, posez des questions ciblées.

9. Gérer les biais: Comme tout modèle entraîné sur des données, GPT peut avoir des biais. Soyez conscient de cela et soyez prêt à interroger les réponses de manière critique. Un biais est plus communément appeler "une hallucination"en terme technique, ce qui veut dire que l'IA invente.

10. Testez et affinez: Comme pour toute interaction, il peut être nécessaire de tester plusieurs formulations pour obtenir la réponse souhaitée.

Enfin, rappelez-vous que même avec un prompt parfait, aucun modèle n'est infaillible. Il est toujours bon de vérifier les informations et de ne pas s'appuyer entièrement sur un seul outil ou source d'information.

B - Les "croches" (guillemets) et les parenthèses peuvent être utilisées pour diverses raisons lors de la formulation d'un prompt :

1. Guillemets ("") : Ils peuvent être utilisés pour indiquer une citation directe, pour mettre l'accent sur un terme particulier, ou pour clarifier que quelque chose doit être pris littéralement.

Par exemple, si vous demandez à un modèle de langage de générer une histoire basée sur la phrase "Elle a dit 'Bonjour, monde!'", les guillemets indiquent que "Bonjour, monde!" est une citation directe du personnage.

2. Parenthèses () : Elles sont souvent utilisées pour fournir des informations supplémentaires ou des clarifications.

Par exemple, "Qu'est-ce que la photosynthèse (le processus par lequel les plantes produisent de la nourriture) ?" Ici, la parenthèse fournit une clarification rapide de ce qu'est la photosynthèse.

Lors de l'interaction avec un modèle comme ChatGPT, l'utilisation de guillemets ou de parenthèses peut aider à préciser votre demande ou à fournir un contexte supplémentaire.

Cependant, comme pour tout outil, il est important de les utiliser judicieusement pour éviter d'introduire des ambiguïtés ou de surcharger le modèle avec des informations inutiles.

En résumé, l'utilisation de ces symboles est une technique pour aider à guider la réponse du modèle, mais la clé est toujours la clarté et la précision du prompt dans son ensemble.

C - Voici maintenant un exemple de prompt complexe qui intègre plusieurs des éléments mentionnés ci-dessus:

"En tant qu'expert en histoire de l'art, pouvez-vous m'expliquer, en format de liste, les principales différences entre le mouvement impressionniste (comme celui représenté par Monet) et le mouvement post-impressionniste (comme celui de Van Gogh)? Assurez-vous d'inclure des informations sur les techniques utilisées, les thèmes abordés, et la période de temps concernée."

Ce prompt comporte les éléments suivants :

Clarté : Il demande explicitement une explication sur les différences entre deux mouvements artistiques.

Contexte : Il fournit des exemples de peintres pour chaque mouvement.

Question explicite : Il est clairement demandé une liste des différences.

Mise en forme : Le format de liste est spécifiquement demandé.

Reverse prompting : Le préambule "En tant qu'expert en histoire de l'art" oriente le modèle vers une réponse détaillée et experte.

Parenthèses : Elles sont utilisées pour fournir des exemples et des clarifications.

Gestion des biais : En demandant explicitement une réponse d'expert, nous essayons de minimiser les réponses simplifiées ou biaisées.

C'est un exemple complexe, mais il montre comment combiner plusieurs techniques pour formuler un prompt efficace.

Résultat du prompt complexe:

Réponse de ChatGPT:

Bien sûr ! Voici une liste détaillée des principales différences entre l'impressionnisme et le post-impressionnisme :

Impressionnisme (par exemple, Claude Monet) :

Période Temporelle : Les années 1870 à 1880, bien que ses racines aient commencé plus tôt et que ses influences aient perduré au-delà.
Techniques :Utilisation de petites touches de peinture pour capturer l'essence d'un moment, souvent sans détails minutieux.Application rapide de la peinture pour saisir les effets transitoires de la lumière.Mélange des couleurs sur la toile plutôt que sur la palette.
Thèmes :Représentation de scènes quotidiennes, de la nature, et de la vie urbaine moderne.Concentration sur la lumière, l'atmosphère et la couleur.Moins d'accent sur la forme précise ou le contour.
Philosophie :Volonté de capturer un instantané ou un moment éphémère.Rompre avec les traditions académiques et le réalisme détaillé.
Exemples d'œuvres :"Impression, soleil levant" de Monet."Les danseuses" de Degas.

Post-Impressionnisme (par exemple, Vincent van Gogh) :

Période Temporelle : Fin des années 1880 jusqu'au début des années 1900.
Techniques :Expérimentation avec des formes, des couleurs et des techniques distinctives.Usage de couleurs vives et souvent non naturelles.Techniques variées selon l'artiste : pointillisme pour Seurat, coups de pinceau épais et expressifs pour Van Gogh.
Thèmes :Exploration des émotions, des symboliques et de la psychologie humaine.Représentation de la nature et de la vie quotidienne, mais souvent avec une approche plus abstraite ou symbolique.
Philosophie :Même si le mouvement post-impressionniste était diversifié, il y avait une volonté commune d'aller au-delà de la simple capture d'un instant comme le faisaient les impressionnistes.Recherche d'une signification plus profonde ou d'une expression personnelle dans l'art.
Exemples d'œuvres :"La nuit étoilée" de Van Gogh."Les joueurs de cartes" de Cézanne.

En vidéo, c'est plus parlant:

En résumé, alors que l'impressionnisme était centré sur la capture d'un instant à travers la lumière et la couleur, le post-impressionnisme était plus axé sur l'exploration de techniques, d'émotions et de symboliques.

Maintenant, quand vous serez devant votre modèle GPT, vous serez à l'aise et vous obtiendrez les résultats que vous souhaitez.

Les principaux modèles GPT sont les suivants:

ChatGPT de OpenAI

Perplexity AI de Meta

Bard de Google

Pour aller plus loin et vous former toujours gratuitement à la technique du prompt:

Les bonnes pratiques du Prompt Engineering issues du site de OpenAI, le créateur de ChatGPT

Apprenez la science du prompt, du niveau débutant à expert, gratuitement

À la mémoire de Jonah Lomu

noreply@blogger.com (Franck Melka) — Thu, 24 Aug 2023 18:20:00 +0000

Un des plus grands moment du Rugby Néo-Zélandais et peut-être même de l'histoire du Rugby moderne.

L'hommage de toutes les équipes de Rugby Néo-Zélandaises des All Blacks faisant un HAKA émouvant pour saluer la dépouille de Jonah LOMU, mort le 18 novembre 2015, l'homme qui a révolutionné le Rugby moderne et l'a porté vers une autre dimension.

Cette séquence de 8'20 donne la chair de poule, ce HAKA a dû le porter directement au paradis des grands parmi les Géants du Rugby.

C'est beau, c'est sublime, c'est mon sport, c'est le mouvement, c'est le collectif, c'est la vie, c'est le Rugby.

Repose en paix l'ami

Pour vous mes amis vivants:

Ode au Guerrier, à l’Amitié et à la Beauté

Dans l’arène où la terre rencontre le ciel,
Où les esprits des guerriers d’autrefois veillent,
Rassemblés nous sommes, en une danse sacrée,
Pour chanter la beauté, l’amitié, et l’âme armée.

Sous la lueur de la lune, nos pieds foulent la terre,
Chaque pas, un écho des ancêtres, de notre fière lignée guerrière.
De nos bouches jaillissent les cris des temps jadis,
Honorant la beauté éternelle, la vie, et tous nos amis.

Les mains levées vers les cieux, les yeux plongés dans l’abysse,
Nous célébrons l’amitié, ce lien indéfectible, cette promesse.
Amis d’hier, d’aujourd’hui, unis dans l’adversité et la joie,
Guidant nos âmes, éclairant nos voies.

La beauté, dans chaque visage, dans chaque regard intense,
Se révèle à ceux qui, dans la danse, s’abandonnent à sa puissance.
Elle brille dans l’éclat d’un sourire, dans une larme versée,
Dans l’union des corps et des esprits, dans cette éternelle amitié.

Nous, guerriers des temps modernes, porteurs de rêves et d’espoirs,
Nous élevons nos voix, et dans ce haka, nous partageons notre histoire.
Honorant ceux qui sont partis, célébrant ceux qui restent,
Nous faisons résonner notre chant, symbole de notre quête céleste.

Que cette ode traverse le temps, comme le souffle du vent,
Pour rappeler à tous, l’importance de chaque instant.
Que la beauté, l’amitié, et l’âme des guerriers,
Restent gravées en nous, à jamais et pour toujours.

Franck Melka pour Jonah.

Comment bloquer les fenêtres surgissantes sur Safari

noreply@blogger.com (Franck Melka) — Sun, 13 Sep 2015 13:48:00 +0000

Comment bloquer les fenêtres surgissantes et qui ralentissent la navigation sur MAC et avec Safari.

La même astuce existe avec un Iphone, vous activez le lecteur intégré à Safari quand vous vous trouvez sur une page, un petit indicateur dans la barre d’adresse du site s’active (à gauche, 4 petits traits dont le dernier en bas est plus court)c’est la fonction Safari Reader, qui affiche les articles web sans publicité. L’icône devient blanc lorsque la fonctionnalité du lecteur est activée, il faut juste appuyer dessus et cette icône apparaît sur un fond noir..........magie, plus de pubs).
Dans notre exemple, il suffira, dans Safari de désactiver "Javascript", après avoir affiché le menu "Développement"dans les "Préférences" du navigateur. Cette vidéo est en mode accéléré.

Nelson Mandela

noreply@blogger.com (Franck Melka) — Sat, 07 Dec 2013 18:41:00 +0000

Comment supprimer en.v9.com

noreply@blogger.com (Franck Melka) — Fri, 07 Jun 2013 16:28:00 +0000

en.v9.com est un malware qui modifie, sur votre navigateur, votre page de démarrage et votre page de démarrage par défaut et qui rajoute un moteur de recherche par défaut.

Je ne m'étendrai pas sur cette façon déloyale de gagner de l'argent.

Pour comprendre le fonctionnement de en.v9.com et d'autres malware de ce type, rendez vous sur cette page et sur ce site de qualité ( Malekal's Site ).

Nous allons donc voir comment supprimer rapidement en.v9.com et ce type d'infection ( virus de redirection de page web ).

Pour mon exemple et sur une machine virtuelle, j'ai téléchargé un logiciel qui va, si je ne fais pas attention, m'installer en.v9.com, en fait car il évolue rapidement v9.com.

Je vais donc télécharger Desk 365

et oublier de décocher l'installation de ce programme potentiellement dangereux ( v9.com ).

Je me retrouve avec une page d'accueil me dirigeant vers le site de v9.com

Je vais donc changer la destination de ma page d'accueil comme le webmaster du site me le conseille si gentiment, mais celle par défaut s'incruste, ci joint capture d'écran du site us.v9.com.

A partir de ce moment là, je vais aller dans la base de registre et après l'avoir sauvegardée, lancer une recherche.

Pour rentrer dans la base de registre:

Menu "Démarrer" ----> dans le champ "Rechercher" , entrez "regedit"

Exporter votre base de registre, car en cas de mauvaise manipulation, en double cliquant sur la sauvegarde, vous la restaurerez et n'altérerez pas votre système.

Maintenant il faut lancer une recherche dans la base de registre et à chaque résultat appuyer sur F3

Menu "Edition" et dans le champ de recherche entrez "v9.com"

Les résultats sont les suivants, il y en a 6

A chaque fois, il faudra remplacer le résultat affiché par l'adresse de votre moteur de recherche préféré, comme par exemple: http://www.google.fr

On va faire maintenant une vérification en relançant une recherche, la recherche ne donnera aucun résultat

On peut maintenant de nouveau surfer avec nos habitudes.

Installation du rôle et des services DNS sur un serveur Windows Server 2008 R2

noreply@blogger.com (Franck Melka) — Sun, 03 Mar 2013 16:52:00 +0000

Dans cet article nous verrons comment configurer un serveur Windows 2008 R2.

Par configurer le serveur Windows 2008 R2, j'entends: modifier son nom Netbios, lui attribuer une adresse ip statique, et installer les rôles DNS et DHCP.

D'autre part nous installerons aussi une zone de recherche inversée et un pointeur PTR pour rendre plus précis la résolution de nom.

Ce serveur est installé sur Vmware Fusion (pour MAC).

L'hôte (Imac) possède l'adresse ipv4 attribuée manuellement: 192.168.1. 20

La passerelle possède l'@IP: 192.168.1.1

L'@IP du serveur sera: 192.168.1. 30

Le suffixe DNS sera: vmware.win

La plage d'@IP du serveur DHCP sera comprise entre 192.168.1.31 et 192.168.1.80

Dans cette première partie nous allons voir comment installer le rôle et les services DNS

Préparation du serveur

1) Changement de nom du serveur

2) Attribution d'une adresse ip statique

3) Modification du suffixe DNS

4) Vérification de la nouvelle configuration

Configuration du serveur DNS

Installation du rôle DNS

Pour cette installation, on pensera à faire une installation "propre" en pensant au futur et à la maintenance.

Cette installation du service DNS peut être facilitée par un ajout de rôle dans l'interface , comme on peut le voir sur cette capture

on va donc la suivre, dans les versions antérieures comme Windows Server 2003, on peut toujours installer ce service en passant par Ajouter/supprimer des Composants Windows, sélectionner Services de Mise en Réseau et ensuite Système DNS.

a) Installation du rôle DNS

b) Fin de l'installation du rôle DNS

Installation des services DNS

b) Création d'un zone

c) On sélectionne la zone principale

d) On renseigne le nom de la zone

e) On crée le fichier de zone

f) Choisir "Autoriser à la fois les mises à jour dynamiques sécurisées et non sécurisées

g) Fin de l'installation

h) Installation réussie et ce qui doit apparaitre

i) Vérification de notre installation avec la commande nslookup

Comme on peut s'en apercevoir, cette résolution de nom ne renvoie pas un résultat précis, ce qui pourra, par la suite, dans un réseau, provoquer des pannes, les stations clientes pouvant avoir des difficultés pour résoudre des noms de domaines.

On va donc créer un zone de recherche inversée avec un Pointeur PTR.

Création d'une zone de recherche inversée.

a) On indique que c'est une zone principale

b) On indique que c'est une zone de recherche IPV4

c) On renseigne l'ID du réseau

d) Création d'un nouveau fichier

e) Choisir "Autoriser à la fois les mises à jour dynamiques sécurisées et non sécurisées

f) Fin de l'installation

On va maintenant créer un Pointeur PTR

Création du Pointeur PTR

a) Clic droit sur zone de recherche inversée et sélectionner créer un nouveau pointeur PTR

b) Résultat après la création du pointeur PTR

c) Relance de la commande nslookup et vérification de la différence de résultat

avant la création d'une zone de recherche inversée et du pointeur PTR et après.

Comment installer GLPI sur Centos/GLPI ne peut pas fonctionner correctement sans les fonctions json_encode et json_decode> L'extension mbstring de votre parseur PHP n'est pas installée>

noreply@blogger.com (Franck Melka) — Wed, 22 Aug 2012 19:27:00 +0000

Dans cet article nous allons voir comment installer GLPI sur un serveur Centos 5.2 et comment résoudre les différentes difficultés liées à cette installation.

Dans notre cas de figure Centos est installé sur VMware.
GLPI est solution open source de gestion de parc informatique, et Centos est une distribution GNU/Linux destinée aux serveurs.

Important: avant toute chose, il faut immédiatement après l'installation de Centos, lancer une mise à jour par l'intermédiaire de la commande YUM.

Pour celà, lancez:

# yum list updates
# yum update
# reboot

Pour notre démonstration, je travaillerai en mode graphique mais en ouvrant un terminal de façon à pouvoir travailler en CLI.

Toutes les commandes seront écrites en rouge, dans mysql on termine toujours une commande par un point-virgule.

Pour différencier les commandes du shell de celles de mysql:
- devant chaque commande du shell, il y aura #
- devant chaque commande mysql, il y aura mysql>

Avant tout, il faut savoir que pour fonctionner, GLPI doit être installé sur un serveur sur lequel les services Apache, Mysql et le langage PHP sont installés.

Dans un premier temps, il faut se connecter en "root": soit en super-utilisateur.
Ensuite, lancez la commande:

# yum install httpd, accepter "Y" et lancer l'installation d'Apache

Pour vérifier que l'installation s'est bien passée (en principe c'est le cas), tapez: # rpm -qa | grep httpd, on aurait pu lancer cette commande avant, mais j'ai préféré faire une mise à jour immédiate.

On va procéder de la même façon pour php et php-mysql.
On lance donc:

# yum install php

Et

# yum install php-mysql

On peut vérifier que nos installations se sont parfaitement déroulées ( bien qu'on le sache déjà) en entrant:

# rpm -qa | grep php et rpm -qa | grep php-mysql

Il faut maintenant installer le serveur de bases de données Mysql:

entrer la commande

# yum install mysql-server

et activer ces services

# /etc/init.d/ httpd start
# /etc/init.d/mysqld start

Vous serez certainement au cours de cette installation, à redémarrer votre serveur et pour que les services httpd et mysqld démarrent avec le serveur, entrez:

# chkconfig httpd on
# chkconfig mysqld on

Il faut maintenant donner un mot de passe d'administrateur à Mysql, créer une base de données pour GLPI et donner les bons droits à l'utilisateur GLPI, après l'avoir créé:

1) # mysqladmin -u root password 'root', pour le mot de de passe "root" à l'administrateur de Mysql

2) # mysql -u root -p , pour entrer dans Mysql et créer la base que l'on nommera "glpidb"

3) mysql> grant all privileges on glpidb.* to glpiuser@localhost identified by 'glpi';

Cette dernière commande permet de donner tous les droits en lecture et écriture à l'utilisateur 'glpiuser' qui se trouve sur la machine sur laquelle on va installer GLPI (dans notre cas, la machine locale) qui sera identifié par le mot de passe 'glpi'.

Il faut maintenant télécharger GLPI et après l'installer dans le bon répertoire, soit: /var/www/html

entrez cette commande:

# tar -xvzf glpi -0.83.4.tar.gz -C /var/www/html

Vous obtiendrez ce résultat:

Maintenant, il faut se rendre dans le répertoire "html": "cd /var/www/html" et changer le propriétaire des fichiers
qui devront appartenir dorénavant à l'utilisateur apache:

# chown -R apache glpi

On peut maintenant, à partir de notre navigateur, lancer l'installation de GLPI.

On obtient maintenant un message d'erreur:

GLPI ne peut pas fonctionner correctement sans les fonctions json_encode et json_decode>

L'extension mbstring de votre parseur PHP n'est pas installée>

Pour y remédier il faut suivre la petite procédure suivante:

# yum install php-devel
# yum install php-pear
# yum install gcc
# yum install php-mbstring
# pear install pecl/json

# cd /etc/php.d
# echo "extension=json.so" > json.ini ( pour changer l'extension des fichiers json.so en json.ini )
# /etc/init.d/ httpd start

# php -r 'var_dump(function_exists("json_encode"));' appuyez sur "entrée"

bool(true) (si vous avez ce résultat, c'est que tout est en ordre)

Lancer la commande
# /etc/init.d/ httpd start

"Notez que depuis PHP 5.2.0, l'extension JSON est fournie et compilée dans PHP par défaut."

On peut démarrer maintenant l'installation de GLPI

Augmenter le paramètre memory_limit lors de l'installation de GLPI / increase php memory limit/MAMP/Apache/php

noreply@blogger.com (Franck Melka) — Sun, 22 Jul 2012 14:59:00 +0000

Lors de l'installation de GLPI sur un MAC (OSX Snow Leopard) utilisant MAMP, on a toujours un message d'erreur nous indiquant que GLPI nécessite 64 Mio de mémoire et qu'il est important de lui allouer cette mémoire en configurant le fichier php.ini.

Cette opération est facilement réalisable, comme nous allons le voir.
Bien entendu, l'objectif de cet article n'est pas d'apprendre comment installer MAMP sur un MAC, ni GLPI dans MAMP.

Tout d'abord, quel est le message qui s'affiche?

Dans les test de la mémoire allouée, par défaut nous avons 32 Mio alors que GLPI en nécessite 64 au minimum, on nous demande donc d'augmenter les paramètres memory_limit dans le fichier php.in, mais lequel?

Pour connaitre le fichier à modifier, il nous tout d'abord savoir quelle version de php est installée sur notre serveur, pour cela rendez-vous dans la page d'accueil de MAMP et cliquer sur l'onglet phpinfo

Ensuite vous aurez tous les éléments d'information concernant la version de php installée sur votre serveur.

Rendez vous donc maintenant pour la recherche de ce fichier, et le chemin complet est le suivant:

Vous n'avez plus qu'à modifier le fichier qui correspond à votre version de php.

N'oubliez surtout pas de redémarrer votre serveur Apache pour que les changements prennent effet.

Ensuite vous pouvez relancer l'installation de GLPI, là où vous l'aviez abandonnée et continuer l'installation sans encombres.

Pour comprendre la numération utilisée, il faut savoir que de plus en plus aujourd'hui, on utilise en informatique la notion de Kio, Mio, Gio, etc... qui sont des Kilos octets, Mega octets, Gigaoctets, en fait des puissances de 2 et non plus par exemple des Go qui sont des puissances de 10 ( 1 Mega octets=1024 octets et non mille ).

Création d'une unité d'organisation, de groupe et d'utilisateurs dans Active Directory

noreply@blogger.com (Franck Melka) — Sun, 13 May 2012 21:03:00 +0000

Création d'un espace de noms dans Active Directory

noreply@blogger.com (Franck Melka) — Sun, 13 May 2012 21:02:00 +0000

Création d'un lecteur réseau sur Active Directory

noreply@blogger.com (Franck Melka) — Sun, 13 May 2012 21:01:00 +0000

Profils itinérants et repertoire de base dans Active Directory

noreply@blogger.com (Franck Melka) — Sun, 13 May 2012 21:00:00 +0000

Réplication dans Active Directory

noreply@blogger.com (Franck Melka) — Sun, 13 May 2012 20:59:00 +0000

Système de fichiers DFS dans Active Directory

noreply@blogger.com (Franck Melka) — Sun, 13 May 2012 20:59:00 +0000

Tolérance de panne pour Active Directory

noreply@blogger.com (Franck Melka) — Sun, 13 May 2012 20:58:00 +0000

Vérification de la tolérance de panne après installation de Active Directory

noreply@blogger.com (Franck Melka) — Sun, 13 May 2012 20:56:00 +0000

Comment donner un accès internet à un serveur installé local/MAMP/No-IP/Owncloud

noreply@blogger.com (Franck Melka) — Sun, 08 Jan 2012 18:12:00 +0000

Dans cet article (écrit avant ma formation de Technicien Supérieur de Support en Informatique), nous verrons comment installer un serveur en local et lui donner un accès entrant à internet.

Pour le serveur nous installerons une application pour MAC qui s'appelle MAMP qui est l'acronyme de MAC, Apache, MySQL et PHP, cette application est en fait un serveur virtuel avec toutes les fonctions auxquelles on peut s'attendre et trouver chez les hébergeurs payants.

Nous installerons aussi une application qui s'appelle Owncloud et qui permet de créer son propre "Cloud" en local, nous verrons alors comment lui donner un accès à internet, ce qui permet entre autre, de partager des fichiers volumineux ce que les messageries actuelles ne peuvent faire et en fait de créer son propre 'Nuage".

Bien entendu, de nombreuses applications alternatives à MAMP existent pour Windows et la démarche générale de cet article est applicable à tous les systèmes d'exploitations puisque l'on va parler de réseaux et de modems/routeurs ou de "*box".

Cet article n'est pas une méthode exhaustive ni didactique, mais plus un pas à pas voire un mémo, pour plus de détails, je donnerai au fur et à mesure des sources sous forme de liens qui vous permettront d'aller plus en avant dans la compréhension de la procédure.

Ce pas à pas suppose que vous ayez quelques pré-requis simples voire intuitifs sur les réseaux, comme les adresses IP "internes et externes (visibles sur internet)".

Tout d'abord, il nous faut installer MAMP, rendez-vous donc sur la page de téléchargement à cette adresse.

L'installation est des plus classiques et une fois réalisée, il nous faut régler les ports de MAMP de façon à ultérieurement lui donner un accès à internet.

On réglera donc le port Apache sur 80 ( c'est le port pour internet ) et 3306 pour Mysql.

Les ports par défaut sont 8080 et 8089, mais ne conviennent pas pour notre démarche, en revanche pour un réseau local, c'est parfait.

Ensuite il nous faut télécharger et installer sur notre serveur Owncloud, petite application en PHP qui promet et qui a terme nous permettra de créer notre "Cloud" personnel, rendez vous donc à cette adresse et en page d'accueil, vous aurez déjà une vue sur l'interface de Owncloud.

Maintenant, il faut "fixer" notre adresse IP, en fait la rendre statique, pour cela rendez vous sur NO-IP, site gratuit qui permettra de faire cette opération.

Cette adresse IP est l'adresse visible sur internet, si vous ne connaissez pas cette adresse, rendez-vous sur ce site.

Ceci étant fait vous obtiendrez un nom de domaine comme sur la capture suivante ( à vous de choisir le votre ) et lui associer votre adresse visible sur internet.

Ultérieurement, en entrant votre nom de domaine (enregistré sur No-iP), ce nom de domaine pointera vers votre adresse IP locale.

Il faudra ensuite, toujours sur ce site, télécharger et installer sur votre MAC/PC l'application de NO-IP qui va permettre de rendre "statique" votre adresse IP attribuée par votre fournisseur d'accès et qui s'appelle No-IP DUC.

Le plus important reste à faire, car maintenant il faut communiquer avec votre application installée sur votre serveur virtuel en local et pour cela, il faut:

- vous attribuer manuellement une adresse IP (locale)

et lui associer votre adresse MAC, rendez- vous donc dans l'interface de votre box:

- au travers de votre box, ouvrir les ports qui vous donneront accès depuis internet à votre serveur, on appelle cela des règles NAT.

Pour tous les autres routeurs ou "*box" rendez vous à cette adresse, les explications sont claires, à titre indicatif voici une capture d'écran:

Il faut maintenant vérifier que vos ports sont bien ouverts pour permettre les connections entrantes, rendez-vous donc à cette adresse et faire donc 2 vérifications une pour le port 80 et l'autre pour le port 3306.

Si vous avez créé un ftp ce sera le port 21 ( que vous aurez au préalable ouvert sur votre routeur), ce qui donne:

Tout est prêt maintenant, mais pour vérifier si tout fonctionne, il faudra le demander à un proche car peu de routeurs autorisent le loopback.

Finalement, si tout marche correctement en entrant votre adresse NO-IP, vous aurez accès à votre serveur,

Et bien entendu, à l'interface de Owncloud ou de toute autre application hébergée sur votre serveur.

Cette méthode peut aussi vous servir, si vous avez un petit serveur, à faire tourner un jeu et inviter vos amis, mais bien d'autres applications sont possibles, comme vous pouvez le voir sur la capture ci-dessus.

L'avantage de cette procédure est que les vitesses de transferts sont extrêmement élevées ( plus de 6 Mbs/s en local ), l'inconvénient est qu'il faut allumer votre MAC/PC et prévenir vos contacts.

Pour la sécurité du système, créez des utilisateurs avec droits de lecture et écriture uniquement et donnez leurs des mots de passe personnels, ou si vous avez confiance confiez leurs un mot de passe générique et verrouillez vos autres applications.

Pour ceux qui seraient rebutés de faire cette procédure, vous pouvez télécharger Opera et Opera Unite.

Bonne Année 2012 à toutes et à tous.

Steve Jobs | 1955 - 2011

noreply@blogger.com (Franck Melka) — Thu, 06 Oct 2011 14:36:00 +0000

Effet FancyZoom sur les images dans Blogger/Blogspot

noreply@blogger.com (Franck Melka) — Sun, 28 Aug 2011 13:47:00 +0000

Dans un précédent article, on a vu comment obtenir un effet lightbox dans Blogger/Blogspot.
Je vous avais parlé de l'effet FancyZoom du co-fondateur de Panic Software.
Aujourd'hui, on va voir comment installer cet effet sur Blogger/Blogspot.
Tout d'abord, rendez-vous sur le site de Cabel.
Il faut maintenant télécharger le soft.

Une fois téléchargé, il faut l'installer à la racine de son site, et c'est là que les problèmes commencent, puisqu'avec Blogger, on n'a pas accès par ftp aux fichiers du blog.

Il nous faut donc trouver une solution alternative, sur internet il y a de nombreux hébergeurs gratuits d'images, de vidéos et de scripts.

Personnellement, je vous conseille d'aller sur Google Sites, et d'ouvrir un site de la sorte vous pourrez héberger vos scripts ou autres documents.

Pour ma part, j'ai installé ces scripts sur mon site:

<script src="http://franck.melka.perso.sfr.fr/FancyZoom%201.1/js-global/FancyZoom.js" type="text/javascript"></script>
<script src="http://franck.melka.perso.sfr.fr/FancyZoom%201.1/js-global/FancyZoomHTML.js" type="text/javascript"></script>

En fonction de l'endroit où vous les hébergez, vous devrez modifier le chemin vers vos scripts.

Maintenant, rendez vous dans le tableau de bord de Blogger et développez: Modèles, ensuite entrez dans le code source:

Immédiatement après



<head>

collez vos scripts comme indiqué sur la capture d'écran, ci dessus.

Maintenant, reste le plus délicat, car sur les nouveaux modèles de Blogger, on ne trouve plus de balise



<body>

Alors suivez ce qui est affiché dans cette capture d'écran, ci dessous:

Juste après la balise,



</head>

Copiez et collez toute cette ligne en effaçant la ligne existante:

<body expr:class="&quot;loading&quot;data:blog.mobileClass" onload="setupZoom()">

C'est tout.

Attention, dans votre blog ce sera ou Lightbox ou FancyZoom.

NB: bien entendu, si vous souhaitez affiner ces effets, il vous faudra modifier le code installé sur votre serveur.

Comment augmenter le trafic de son blog ou site web avec Pingoat

noreply@blogger.com (Franck Melka) — Thu, 11 Aug 2011 14:30:00 +0000

Dans cet article très court sur le SEO et plus particulièrement sur le référencement naturel, je vais vous donner une astuce pour augmenter la visibilité de votre blog ou site web en utilisant un service gratuit de pings qui s'appelle Pingoat.

Quelques explications d'abord: chaque fois que vous publiez un article et si vous êtes inscrits, pat exemple chez Feedburner, un ping est envoyé pour signaler que vous avez publié un nouvel article, votre sitemap ce met à jour, ainsi que votre flux, vos abonnés sont alors prévenus.

Pingoat, qui est un service gratuit, va faire en sorte de prévenir des sites référents, en leur envoyant un ping, comme si vous étiez inscrit ou abonnés à ces sites qui sont aussi des aggrégateurs de flux.

Bien entendu, vous pouvez le faire manuellement, une image valant 1000 mots voyons à quoi cela ressemble.

Vous inscrivez votre blog ou site, votre flux si vous en avez un ( c'est préférable ), vous sélectionnez les services qui vous intéressent et vous lancez l'opération.

Comment Pingoat fonctionne?

Les requêtes ping directes, soumises par la page de soumission pingoat sont traitées immédiatement, montrant le résultat en direct pour chaque service ping.

Il est facile de configurer un serveur XML-RPC et commencer à accepter les pings. Mais ça devient un peu plus difficile quand vous avez à accepter un ping et de le transmettre à la liste des serveurs de ping ( ceux que vous avez cochés ).

C'est pourquoi les fonctionnalités du serveur XML-RPC Pingoat ping sont différentes.

Pingoat va faire un ping à une cinquantaine d'entre eux et ça devient encore plus difficile lorsque le serveur de ping doit gérer un énorme volume de pings.

Le serveur Pingoat XML-RPC accepte les pings et enregistre la requête ping dans l'une de ses nombreuses bases de données, qui lui permettent de répartir la charge de travail .

Si une base de donnée est surchargée, une autre prends la suite. Cette opération est répétée jusqu'à ce que le ping soit enregistré avec succès dans l'un des sites référents que vous avez séléctionné.

Le processus d'enregistrement se poursuit sans problèmes.

Maintenant il y a un autre processus (quelque chose comme un démon *) qui vérifie les bases de données à intervalle fréquent (toutes les cinq minutes).

"S'il" tombe sur une base de données avec des pings en attente d'enregistrement, "il" appelle un autre programme immédiatement et lui assigne la tâche de traitement de tous les ping en attente dans cette base de données.

A la fin du processus qui est rapide et plus simplement, vous êtes à ce moment là, référencés chez ces aggrégateurs qui eux envoient un pin en retour, qui va donc pointer vers votre blog ou site web, et ainsi augmenter votre visibilité.

Une autre capture d'écran sera plus parlante, c'est le résultat:

Il y a sur ce site de très nombreux autres outils pour les webmasters, dont un générateur de sitemap pour Google Webmasters Tools.

Un site à découvrir d'urgence.

Ajouter une icône pour iPhone/iPod Touch/iPad à Blogger/Blogspot

noreply@blogger.com (Franck Melka) — Sun, 24 Jul 2011 17:04:00 +0000

Dans cet article, nous allons voir comment ajouter une icône pour IPhone/IPod et IPad dans Blogger/Blogspot.
Ce qu'il est important de comprendre, c'est que cette icône doit se trouver à la racine du site (ou blog), dans notre cas ce sera la racine du blog.
Mais comme nous n'avons pas accès par ftp à notre blog, nous allons utiliser une astuce.

Avant tout, créez votre icône au format .png en lui donnant comme dimension 128x128 pixels, l'IOS d'Apple se chargera de la redimensionner en fonction des appareils ( qui n'était pas le cas avant, mais comme il y a de plus en plus de modèles, cette fonctionnalité a été rajoutée ).

1. Connectez vous à votre compte et créez un nouveau message

2. Cliquez sur l'image que vous venez d'importer, après avoir publié votre article

3. Dans la barre de navigation, vous avez le lien vers la racine du blog, où est hébergée votre icône, comme indiqué dans la capture d'écran ci-dessus.

4. Maintenant que vous avez l'adresse de votre icône entrez là dans:

<link rel="apple-touch-icon" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyqcCI33bNPxQKVLioDMpyGa7mtP8s9Zn9Frj2wfAEr2xJM3NXrJpxZr2YRkofz_scU1I_o8rEGCUGLSPDBwbaKfv6EXokZtFp_aeImpvbE6MKTymO4pxXy-ugElGuDB3TRnz7AcGUy0s/s1600/apple-touch-icon.png" />

5. Remplacez tout ce qui est entre parenthèses par le chemin vers votre icône.

6. Copiez ce code juste en dessous de la balise <head>

7. Supprimer votre message, votre icône restera hébergée sur les serveurs de Google ( et non pas sur Picasa ).

Il ne vous reste plus qu'à vous rendre sur votre blog à partir, par exemple de votre IPhone, et d'afficher votre blog sur la page d'accueil de l'IPhone.

Vous avez maintenant personnalisé votre blog sur votre IPhone, IPad, IPod.

NB: sans cette petite astuce, vous ne pourrez pas avoir votre icône personnelle.

Effet Lightbox sur les images dans Blogger/Blogspot

noreply@blogger.com (Franck Melka) — Thu, 21 Jul 2011 12:51:00 +0000

Dans cet article, nous allons voir comment obtenir un effet lightbox sur des images dans Blogger.
Cet effet lightbox est très élégant et fait en sorte que les images s'ouvrent et s'affichent dans un cadre qui ressemble au design de l'écran d'un Imac.
Pour cet effet nous utiliserons du Javascript, des CSS pour la mise en forme, et un "Prototype Framework" installé sur les serveurs de Google.

Pour ceux qui veulent aller plus loin dans la compréhension de cet effet et plonger au coeur du code, je vous propose d'aller visiter la page du créateur de cet effet Lokhesh Dhakar.

Vous pouvez aussi vous rendre à cette adresse pour avoir le code du Fancy Zoom, créé par

Name:	Cabel Maxfield Sasser
Job:	Co-Founder, Panic Inc.
Location:	Portland, OR
Email:	cabel@panic.com

ou lire cet article que j'ai rédigé et qui explique comment intégrer cet effet à Blogger.

Installation

1. Connectez vous à votre compte Blogger et rendez-vous sur votre tableau de bord.

2. Allez sur Modèle ensuite sur Editer HTML, sauvegardez votre Blog.

3. Rechercher dans le code source ( cmd+F pour MAC ou ctrl+F pour PC )

4. Remplacer par: Lien de téléchagement, CODE AU FORMAT .PDF

5. Ou copiez/collez:

<!--Light Box Code Starts  Bloggerplugins.ORG-->
<style>
#lightbox{    position: absolute;    left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer&gt;#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9Pgjcft3NuTjDM-fbHH5o7hqniJ7GQo-4wgbJQu9cvxH3lazKOJxgfE0iY0mGq-5xDrdbwHPqjyxSxWtwoFO4ZaT4bXUor7PVBJECIF4Pmbc3AM2UD683kf7xHaK-6ewKjz4xnSXqiD0/) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikZiYo_-PVmJE6Vh6v442vvWCg86dKJ8cG7HWQTTS-IMUJ0TZsMNGyugRrGLuiKXZgkGja_837y5HcY9-HX5AdfOhkkb72rmQ1c2h8r_CF85KU-LTJpqaIZzUp00yxRcuI6t0ywqkT-KM/) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%    ; }

#imageData{    padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; } 
#imageData #caption{ font-weight: bold;    }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;    }         
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}      

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
</style>
<script src='http://ajax.googleapis.com/ajax/libs/prototype/1.7.0.0/prototype.js' type='text/javascript'/>
<script src='http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.3/scriptaculous.js' type='text/javascript'/>
<script src='http://blogergadgets.googlecode.com/files/lightbox.js' type='text/javascript'/>
<!--Light Box Code Ends Bloggerplugins.ORG-->
</head>

Maintenant il vous faut ajouter des images dans votre article.
Pour cela utilisez l'importateur d'mages de Blogger et suivez les informations en cliquant sur cette image:

Code à rajouter en laissant un espace comme indiqué sur la capture d'écran en passant de nouveau en mode édition HTML: rel="lightbox" title=Image Caption"&gt;

Ce qui donne l'effet suivant:

Comment accélérer Firefox très facilement pour surfer plus vite

noreply@blogger.com (Franck Melka) — Thu, 09 Jun 2011 12:09:00 +0000

Récemment des articles sont parus pour comparer la vitesse des navigateurs, je vous donne aujourd'hui une méthode pour accélérer Firefox.

Ce petit article qui grâce à quelques manipulations dans la configuration de Firefox vous permettra de surfer beaucoup plus rapidement.

Pour que la démonstration soit plus simple, j'ai fait une capture d'écran.

Tout d'abord, dans la barre de navigation de Firefox, taper: about:config.

Un message apparaitra vous demandant de faire attention à ce que vous allez faire, validez et maintenant:

dans la barre de navigation des paramètres de Firefox, taper: network, comme indiqué sur la capture d'écran.

Ensuite, modifiez:

- network.http.keep-alive.timeout et passez sur une valeur de 600

- network.http.max-persistent-connections-per-proxy et passez sur 16

- network.http.pipelining définissez le sur true

- network.http.pipelining.maxrequests définissez le sur 8

- network.http.proxy.pipelining définissez sur true

- network.dns.disableIPVO définissez sur false

Cliquez sur les lignes dans les paramètres pour modifier les valeurs.

Maintenant vous pouvez surfer avec Firefox, 35% plus vite.

Si vous souhaitez d'autres trucs et astuces, ce qui s'appèle en fait des hacks, demandez le moi.

Comment créer un navigateur web sans taper une seule ligne de code/navigateur web/techtoolgeek/MAC/xcode/apple

noreply@blogger.com (Franck Melka) — Sun, 01 May 2011 17:47:00 +0000

Dans ce tutoriel vidéo, nous allons voir comment créer une application sans taper une seule ligne de code.

Cette application est un navigateur web aux fonctions limitées mais qui pourra remplacer facilement votre navigateur.

Pour cela il vous faudra dans un premier temps vous rendre sur le site d'Apple et de vous inscrire au programme Apple Developper Connection.

Plus qu'un long discours, je vous propose de suivre cette vidéo que j'ai mis en ligne sur YouTube, qui est un pas à pas qui vous apprendra comment créer votre première application, qui sera un navigateur Web.

Ces vidéos ont pour but de dédramatiser la programmation et peut être de déclencher des vocations.

D'autres vidéos suivront et vous verrez que c'est un peu plus simple que vous le croyez.

En tout cas, si vous savez développer un site web, vous saurez vous en sortir.

Deuxième vidéo:

Bonne semaine.

Iphone Tracker, Androïd Tracker, Applications de Tracking pour SmartPhones et Téléphones Cellulaires

noreply@blogger.com (Franck Melka) — Sat, 23 Apr 2011 11:55:00 +0000

Dernièrement les médias nous ont appris officiellement, ce que nous savions déjà depuis un peu plus d'un an et demi: à savoir que l'on peut suivre nos traces sur l'IPhone.Ces applications de tracking pour Smartphones et mobiles existent depuis bien longtemps et beaucoup d'entre-elles sont utilisées par la police comme preuves irréfragables devant les tribunaux.

Voyons maintenant comment elles fonctionnent et sur quelles plateformes elles tournent.

Tout d'abord la plus emblématique d'entre toutes: IPhone Tracker, créée par un ancien ingénieur d'Apple, disponible à cette adresse: IPhone Tracker.

Le code source est disponible quant à lui à cette adresse: Code Source.

Le code est en Objective-C est ne pourra être compilé que pour des MAC ( concernant IPhone Tracker ).

Le principe: quand vous synchronisez votre Iphone ou ipad sur votre MAC, un fichier est créé, cette application va aller chercher sur votre disque dur ce fichier caché qui se nomme consolidated.db.

On peut pour simplifier considérer que c'est un fichier de logs, il sert à localiser le matériel et à le bloquer à distance et éventuellement à le faire récupérer en cas de vol ( très utile parfois, surtout quand on est abonné à Mobile Me ).

La prise en main du logiciel aussi ( en fait, il n'y a qu'à lancer l'application ), une vidéo de démonstration claire est plus convaincante:

Pour télécharger iPhone Tracker pour Windows, il suffit de cliquer sur la version 32 bits ou 64 bits. Pour les développeurs, vous pouvez aussi vous procurer les sources et les adapter à votre sauce :

Avant d’installer le logiciel, assurez-vous d’avoir le .NET Framework 3.5 d’installé sur votre PC

Nos amis sous Android seront heureux de savoir qu’il existe à ce jour un outil capable de visualiser les données enregistrées par Google : android-locdump. Cet outil ne permet cependant pas d’empêcher votre mobile d’enregistrer ces données, à la manière du logiciel Tweak Untrackerd, disponible depuis hier sur les iPhone jailbreakés. En réalité, android-locdump s’apparente plus à un simple lecteur de fichiers cachés, comme iPhone Tracker, son pendant pour iPhone.

Maintenant, allons plus loin dans le tracking. Depuis très longtemps, il existe un logiciel, habilité FORENSIC, qui permet de tout connaître sur l'historique d'utilisation de votre téléphone portable, sachez que dès que vous avez un apareil numérique on pourra extraire vos données ( caméscopes, etc....). Ce logiciel pour portables s'appelle: Mobile Edit et là, pas de chance, on peut tout savoir, depuis vos appels, ceux que vous avez reçus, les n° de cartes SIM des appels entrants, vos données de navigation, vos positions [et même si vous avez effacé vos données], bref, toute votre vie numérique: un parfait outils pour les espions du numérique et donc a fortiori, pour les forces de l'ordre:

Ou des parents curieux;)