Un framework Web python dans une bouteille Introduction à Bottle Bottle est un framework Web très simple à mettre en oeuvre et qui permet d'écrire des applications Web rapides avec peu de lignes de code. Il suffit de lire l'exemple fourni sur la page du projet pour s'en rendre compte. Pour illustrer son fonctionnement, nous allons créé un outil simple de diffusion d'un diaporama. Contexte de notre application On aimerait pouvoir diffuser un briefing (suite de diapositives) à un ensemble de personnes via leur navigateur Web. On aura donc un serveur disposant : d'une application/serveur Web qui pointe sur un répertoire donné et affiche la dernière image disponibled'un accès FTP sur ce même répertoire sur lequel on va placer des images de notre briefing On aura N clients qui iront sur l'URL fournie par l'application et ils disposeront d'un bouton pour interroger régulièrement le serveur sur l'image en cours à afficher. Contraintes techniques Les clients auront une interface très simple : L'environnement de développement Le script de base <!
Maîtriser les tableaux HTML avec JavaScript Au cours de vos projets, vous serez sûrement amenés à développer, supprimer ou simplement lire le contenu d'un tableau HTML, surtout si vos structures, ou celles que vous devrez traiter, seront en tableaux HTML. Ici, je vous présente une manière sûre d'y arriver. Oui ! Totalement sûre, car les outils que nous allons utiliser sont issus du DOM level 1, c'est-à-dire l'ensemble des standards publiés par le W3C en 1998. Ils sont donc disponibles dans tous les navigateurs dès Internet Explorer 5 et Netscape 6. Ce tutoriel demande des connaissances en JavaScript, et en particulier sur les objets. J'essaierai d'être le plus clair possible en expliquant les nouvelles notions. Ainsi ce tutoriel ne s'adresse pas uniquement à ceux qui doivent traiter des tableaux HTML, mais aussi à tous ceux qui veulent progresser en JavaScript. Voici un exemple de ce que vous pourrez facilement faire : aperçu.
Réaliser un IHM web avec Python et Bottle Il existe de nombreux frameworks de développement web en Python. Le plus connu, et à mon avis le plus efficace, reste Django mais je voudrais vous présenter Bottle, une solution très légère dont la philosophie est complètement différente de celle de Django. Idéal pour développer très rapidement par exemple une IHM web. La légèreté comme philosophie Django se veut le framework des perfectionnistes sous pression. Bottle a une approche beaucoup plus minimaliste d'un framework web. Une page web = Une fonction Python Du point de vue du code, là aussi Bottle recherche la légèreté. import bottle@bottle.route("/")def index(): return "Hello world!" bottle.run() #lance le serveur web en localhost sur le port 8080 Ouvrez un navigateur sur la page et la page affiche "Hello world!". Les décorateurs pour simplifier le développement Il n'y a pas de magie là dessous mais une utilisation très judicieuse des décorateurs Python. def trace(fn): #le code decorateur print "appel", fn.
Dynamisez vos sites web avec Javascript ! Bienvenue à toutes et à tous, Qui n'a jamais entendu parler du JavaScript ? Créé dans les années 90 en tant que simple langage de script, JavaScript est désormais un des poids lourds du développement Web ! Qui plus est, il se démocratise au sein d'autres environnements comme les serveurs avec le célèbre Node.js, les applications pour smartphones et tablettes, avec PhoneGap d'Adobe, les applications pour Windows 8, mais aussi les logiciels multiplateformes. Bref, JavaScript est partout ! Voici quelques exemples de ce qui est réalisable grâce au JavaScript : Sur ce, bonne lecture !
POO/IHM Objectifs Développement d'Interfaces Homme-Machine (IHM). Sensibilisation à la conception d'IHM. Mise en œuvre du concept de séparation couche de présentation - couche applicative. Plan Introduction à la notion d'IHM (1 séance) IHM en SWING (3 séances) IHM en GWT (3 séances) IHM en Flex (3 séances) 2 séances supplémentaires pour ajuster le planning en fonction de l'état d'avancement des étudiants Détail des séances Mode d'évaluation Contrôle continu (1/3 de la note globale). Vous êtes libre de développer avec IDE ou sans. JavaScript Tutorial motion Motion est un logiciel de détection vidéo et qui permet de diffuser un flux vidéo via internet par le protocole HTTP. C'est une solution simple pour diffuser le flux de sa webcam en ligne ou pour détecter des mouvements dans le champ d'une caméra par exemple. Pré-requis Disposer d'une connexion à Internet configurée et activée. Pour vérifier l'installation de votre webcam saisir dans un terminal : gstreamer-properties dans Video/Test, le test devrait afficher l'image de votre webcam. Installation Lancement automatique Par défaut, le daemon motion n'est pas activé/démarré. Si l'on veut l'activer, il faut mettre à 'Yes' la variable start_motion_daemon dans le fichier /etc/default/motion. En mode utilisateur (hors daemon), le mieux est de copier le fichier /etc/motion/motion.conf dans son propre dossier personnel. sudo cp /etc/motion/motion.conf ~/ Puis, mettre les bons droits : sudo chown $USER ~/motion.conf Configuration de base pour une webcam Maintenant nous allons éditer le fichier motion.conf
Dynamisez vos sites web avec Javascript ! Bienvenue à toutes et à tous, Qui n'a jamais entendu parler du JavaScript ? Créé dans les années 90 en tant que simple langage de script, JavaScript est désormais un des poids lourds du développement Web ! Qui plus est, il se démocratise au sein d'autres environnements comme les serveurs avec le célèbre Node.js, les applications pour smartphones et tablettes, avec PhoneGap d'Adobe, les applications pour Windows 8, mais aussi les logiciels multiplateformes. Bref, JavaScript est partout ! Voici quelques exemples de ce qui est réalisable grâce au JavaScript : Sur ce, bonne lecture !
Ajax, JavaScript, CSS, HTML 5 et interfaces graphiques crée vos logiciels - Le blog: Web, Python, Django, Javascript ... Il existe de nombreux frameworks de développement web en Python. Le plus connu, et à mon avis le plus efficace, reste Django mais je voudrais vous présenter Bottle, une solution très légère dont la philosophie est complètement différente de celle de Django. Idéal pour développer très rapidement par exemple une IHM web. La légèreté comme philosophie Django se veut le framework des perfectionnistes sous pression. Il est pensé comme une solution complète apportant l'ensemble des outils nécessaires pour développer rapidement un site internet. Bottle a une approche beaucoup plus minimaliste d'un framework web. Une page web = Une fonction Python Du point de vue du code, là aussi Bottle recherche la légèreté. import bottle@bottle.route("/")def index(): return "Hello world!" bottle.run() #lance le serveur web en localhost sur le port 8080 Ouvrez un navigateur sur la page et la page affiche "Hello world!". Les décorateurs pour simplifier le développement Par exemple:
Webcam et HTML Votre question MouT59 25 Juillet 2006 15:18:27 Je voudrais affiché le flux de ma Webcam sur une page HTML ? Si quelqu'un à la solution ! Autres pages sur : webcam html | Etre averti des réponses | Suivre ce sujet mr_keyser 25 Juillet 2006 15:39:35 A l'époque où j'avais fait ça (ca date déjà), le principe, c'était d'un coté, d'installer un logiciel sur ton pc, qui prend une photo toutes les 2 minutes par exemple! 25 Juillet 2006 15:46:45 Avec vlc jpeux faire un flux udp, y doit avoir un moyen de l'affiché en html, a la maniere d'un streaming... Contenus similaires 25 Juillet 2006 17:26:46 25 Juillet 2006 17:39:21 Merci, c'est une solution acceptable que je vais adapter, mais est il possible de le faire sans flash ?? crazycat@idn a c 145 L Programmation 25 Juillet 2006 17:47:14 25 Juillet 2006 18:02:56 Bah oui jme doute bien mais comment ? 25 Juillet 2006 18:08:55 après une recherche de 30s: ort.
~ Installer une webcam sur son site ~ Installer une Webcam sur son site Ce tutorial vous explique la procédure pas à pas : de la préparation du code HTML de la page Web à l'installation et la configuration d'un logiciel de transfert d'images, ici visionGS PE. Ce qu’il vous faut : Pour diffuser les images de votre Webcam sur votre site web, il vous faut obligatoirement : - une Webcam correctement configurée (voir le manuel d'installation de votre Webcam) - être connecté à Internet - une page html sur votre site où sera incrusté l'image de votre Webcam - un logiciel FTP capable de transférer les images de votre Webcam sur votre page web. Le principe : Votre Webcam, branchée sur votre ordinateur, filme ce qu'elle voit. ETAPE 1 : préparation de la page HTML sur votre site web La première étape consistera à préparer la page de votre site qui va recevoir l'image de votre webcam. Pour cela, à l'intérieur des balises et en haut de votre page vous allez entrer les indications suivantes : Notez le nom que vous avez donné à votre image.
Javascript - Manipulation des contrôles clavier | CommentCaMarche Cette astuce a pour but de vous faire découvrir la (ou du moins une) manière de contrôler les évènements clavier en javascript. Cela vous permettra de contrôler/attribuer les/des comportements particuliers à certaines touches du clavier. Techniques pré-requises Avant toute chose, les domaines suivants doivent vous être familiers: Evènements du clavier Voici la liste des évènements possible d'un clavier en javascript. onkeypress : lorsqu'une touche est activée onkeydown : lorsqu'une touche est enfoncée onkeyup : lorsqu'une touche est 'relevée' Pour de plus amples renseignements sur les évènements et leur gestion, vous pouvez consulter la rubrique javascript event Il faut bien noter la différence entre, d'une part 'onkeypress', et d'autre part 'onkeydown' et 'onkeyup' ! Attention cependant, tous les objets HTML ne comprennent pas ces fonctions de type écouteur, pour cela, renseignés vous sur le net avant de vous plonger dans votre code. L'objet 'event' Javascript Page web Fonction applyKey