Graphical user interface
User interface and interaction design[edit] The graphical user interface is presented (displayed) on the computer screen. It is the result of processed user input and usually the primary interface for human-machine interaction. Designing the visual composition and temporal behavior of a GUI is an important part of software application programming in the area of human-computer interaction. Large widgets, such as windows, usually provide a frame or container for the main presentation content such as a web page, email message or drawing. A GUI may be designed for the requirements of a vertical market as application-specific graphical user interfaces. Automated teller machines (ATM)Point-Of-Sale touchscreens at restaurants [10]Self-service checkouts used in a retail storeAirline self-ticketing and check-inInformation kiosks in a public space, like a train station or a museumMonitors or control screens in an embedded industrial application which employ a real time operating system (RTOS).
Introduction à Ruby - JDN Développeurs
Le langage Ruby, au départ très confidentiel car ne disposant que d'une communauté japonaise, gagne en popularité, au point d'être comparé à Python quand il s'agit de définir un langage simple d'accès et complet. Plus récemment, Ruby s'est distingué sur le terrain de PHP grâce à un framework de création d'application Web très complet, baptisé Rails. Ruby On Rails gagne peu à peu le coeur des développeurs voulant prendre leur distance face à un PHP considéré comme bancal et trop proche de Java. Ruby est une combinaison de Smalltalk pour l'utilisation de l'Objet, de Python pour la simplicité d'utilisation, et de Perl pour la flexibilité (Ruby étant par ailleurs un clin d'oeil à Perl). Présentation L'initiateur de Ruby, Yukihiro "Matz" Matsumoto, l'a créé en 1995 autour d'une idée, "quick and easy" (rapide et simple) : le langage devait être non seulement rapide à prendre en main, mais également faciliter le développement d'applications, sans pour autant en limiter les possibilités.
Tutoriel: Réaliser un diaporama simple avec JQuery
Facile jQuery, css Il existe une nouvelle version du diaporama simple avec JQuery ! JQuery est devenu rapidement un framework de développement javascript indispensable, très pratique que ce soit pour développer de simples fonctionnalités ou des sites complets. Souvent, lors de la création d’un site internet, on rencontre les mêmes fonctionnalités de base (des rollover sur les images, un menu déroulant, un diaporama …), et pour chacun d’entre eux, il existe quasiment un plugin JQuery qui répond à ces attentes. Il peut être également utile de développer un plugin pour une fonctionnalité simple mais à laquelle on se trouve souvent confronté et dont on veut maîtriser le fonctionnement. Mon premier tutoriel s’articulera donc autour de la mise en place d’un plugin JQuery simple: un diaporama Photo. Introduction Nous allons donc réaliser un diaporama de photos. Première étape: partie HTML Avant tout, il convient d’inclure la librairie JQuery dans notre page de test. Deuxième étape: partie CSS
Rolling with Ruby on Rails
by Curt Hibbs 01/20/2005 Editor's note: Curt Hibbs and Bill Walton have updated this tutorial for Rails 1.2 in Rolling with Ruby on Rails Revisited and Rolling with Ruby on Rails Revisited, Part Two. We recommend those tutorials for all new Rails development. Also check out Bill Walton's monthly series, Cookin' With Ruby on Rails. Maybe you've heard about Ruby on Rails, the super productive new way to develop web applications, and you'd like to give it a try, but you don't know anything about Ruby or Rails. This article steps through the development of a web application using Rails. Let's answer a couple of burning questions before rolling up our sleeves to build a web application! What is Ruby? Ruby is a pure object-oriented programming language with a super clean syntax that makes programming elegant and fun. What is Rails? Rails is an open source Ruby framework for developing database-backed web applications. Part of the answer is in the Ruby programming language. Seeing is Believing
Créer un site Web mobile, approche pragmatique | LEKTUM
On nous l'annonçait pour 2013, voilà que c'est arrivé en 2011. Une étude publiée par le cabinet de recherche Flurry en juin dernier montre que le temps passé sur Internet via les applications mobiles des smartphones et des tablettes a pour la première fois dépassé celui que les internautes passent sur le Web via les ordinateurs de bureau et les ordinateurs portables. Autant dire que l’Internet mobile n’en finit pas de prendre son envol et qu’un site web moderne ne peut plus se passer aujourd’hui d’une version mobile. Retour aux sources La décennie 2000 fut celle du Web et du Web 2.0, des standards W3C et de Firefox. Développer un site Web mobile semble au premier abord quelque chose d'assez simple : ce n'est jamais que du Web avec des styles CSS adaptés à une résolution d'écran plus petite. Coder pour le Web mobile, c'est donc revenir à l'origine des problématiques de conception Web. Les résolutions Une certaine diversité... iPhone 3, une résolution d'écran de 320x480 Mais attention ! Ou :
RubyFR - Accueil
Leçon 4: Créer un hook dans prestashop
Je vais, dans ce tutoriel, vous expliquer comment créer un nouveau hook au sein de prestashop, ce qui vous permettra de placer vos modules dans des endroits différents que ceux que prestashop propose par défaut. Cette manipulation est plutôt simple et comporte trois étapes : - Insertion d’un nouveau hook dans la base de donnée - Introduction du hook dans le code - Affectation d’un module au nouveau hook 1 / Insertion d’un nouveau hook dans la base de donnée Il s’agit ici de se connecter à votre base de donnée directement via phpMyAdmin ou autre client sql. - Si vous utilisez WAMP/MAMP/LAMP , l’url d’accès à votre base devrait ressembler à ceci : (A savoir que le port 8888 peut changer en fonction de vos paramètres). - Si vous travaillez directement en ligne, vous devriez avoir reçu les informations de connexion via votre hébergeur. A ce stade, vous devriez être face à vos dizaines de tables prestashop présentes au sein de votre base de donnée.
Tutoriel: developper une application facebook en 10 etapes
[Ce tutoriel a été écrit par Julian Descottes, contributeur émérite au guide Facebook: On s'y retrouve ! Merci à toi Julian] Comment développer un application facebook en 10 étapes? 1. Ce dont vous avez besoin Créer une application Facebook peut être simple et rapide, mais requiert d’avoir quelques ressources à sa disposition. Avant de commencer la création d’une première application, vous devez ajouter l’application Facebook Developer ( 3. Cliquez sur Set up a new Application pour débuter (voir Figure 05.35) la création de l’application. 4. - Use FBML/Use iFrame. 5. Le développement d’une application Facebook ressemble à celui d’une application Web, allégée de toutes les fonctionnalités prises en charge par Facebook. 6. Commencez par télécharger et décompresser l’API réservée à PHP et déposez-la sur le serveur qui hébergera votre application Facebook. 7. 8. 9. Une fois votre application finie (félicitations !) 10.
