background preloader

Sharevox - The simplest way to express yourself

Sharevox - The simplest way to express yourself
Related:  programming and hackingcollaborationCommuniquer

Single Page Apps with AngularJS Routing and Templating Overview Single page apps are becoming increasingly popular. Sites that mimic the single page app behavior are able to provide the feel of a phone/tablet application. Angular helps to create applications like this easily. Our Simple App We’re just going to make a simple site with a home, about, and contact page. Goals Single page applicationNo page refresh on page changeDifferent data on each page While this can be done with just Javascript and AJAX calls, Angular will make this process easier as our app starts growing. File Structure - script.js - index.html - pages ----- home.html ----- about.html ----- contact.html This is the simple part. <! For linking to pages, we’ll use the #. Angular Application Module and Controller We’re going to setup our application. First, we have to create our module and controller in javascript. var scotchApp = angular.module('scotchApp', []); scotchApp.controller('mainController', function($scope) { $scope.message = 'Everyone come and see how good I look!' <! ...

PastBook. Creer un album photo collaboratif PastBook est un service en ligne qui permet de créer très facilement un album photo collaboratif. PastBook est plutôt orienté grand public, mais il trouvera sa place dans de nombreuses circonstances notamment dans le cadre d’événementiels. Ce service photo en ligne permet de créer très facilement des albums photos à plusieurs. L’usage de PastBook est extrêmement simple. Pour créer un album, il suffit de lui donner un titre, une description et de commencer à y épingler les photos que vous souhaiter insérer. Une fois votre album terminé, vous pourrez le consulter tranquillement en ligne, vous pourrez aussi le partager grâce à une url unique. La facilité de partage avec d’autres contributeurs en fait un bon outil collaboratif grand public pour créer un album photo à plusieurs. Lien: PastBook.

Weebly - Create a free website and a free blog Weebly is perfect for creating classroom websites, student e-portfolios, and websites for assigned projects. Our drag & drop website editor is stunningly simple to use, and appropriate for use with students of all ages. Weebly enables your students to express themselves creatively using a variety of multimedia features, all within a protected environment that you control. Weebly was named one of TIME's 50 Best Websites of the year, and here's why: Start creating your site in seconds! Our core advantage is our stunningly easy drag & drop website editor. With Weebly, you can password protect all your students' websites with one click. If you can imagine it, you can do it with Weebly. Post class updates, homework assignments, and news for parents using our super slick blogging features. It is completely free to create and publish a website with Weebly. We don't place advertising on your site, and never will. Deciding on a look for your website couldn't be easier.

Ma hAPPy classe Carnet de terrain de Grégoire Pagnier est une application qui permet la saisie de données (texte, photos, vidéos, coordonnées GPS, croquis…) lors d'une classe de terrain. Deux utilisations sont possibles : - soit en suivant un parcours préparé sur ordinateur et installé préalablement dans la tablette ; - soit en saisissant directement de nouvelles données sur le terrain ; Pour chaque point d'un parcours préparé, il est possible d'inclure des consignes, des aides (vidéos, photos, images, sons, textes), des images ou photos à légender ou annoter. L'application Carnet de terrain devient ainsi un outil nomade dédié au contexte de la classe de terrain. Divers formats sont proposés pour récupérer les données (pdf, kmz, zip) afin d'éventuellement les exploiter ultérieurement. L'application n'est pour l'instant disponible que pour les terminaux avec écran de 10 pouces. A savoir Merci d'avance pour le partage.

Creating a Single Page Todo App with Node and Angular Today we will be creating a very simple Todo application using the MEAN (Mongo, Express, Angular, Node) stack. We will be creating: Single page application to create and finish todosStoring todos in a MongoDB using MongooseUsing the Express frameworkCreating a RESTful Node APIUsing Angular for the frontend and to access the API While the application is simple and beginner to intermediate level in its own right, the concepts here can apply to much more advanced apps. What We’ll Be Building Base Setup File Structure We are going to keep the file structure very simple and put most of the code for our Node application into the server.js file. - public ----- core.js ----- index.html - package.json - server.js Installing Modules In Node, the package.json file holds the configuration for our app. Now if we run npm install, npm will look at this file and install Express and Mongoose. Node Configuration In our package.json file, we told it that our main file would be server.js. Database Setup Todo Model

Comparatif de 12 solutions de curation Dans le cadre du dossier sur la curation que jai eu le plaisir de coordonner pour la revue Documentaliste et Sciences de linformation de mars 2012 ( ), jai eu loccasion de réaliser un comparatif de 12 solutions dont je vous propose ci-dessous quelques éléments complémentaires. Vous pouvez aussi télécharger cet article au format PDF sur Slideshare Plutôt que de nous concentrer sur les services dont le positionnement marketing est explicitement celui de la curation, nous avons donc choisi de « brasser large » en choisissant des services qui, à minima et sauf exception répondent à la définition proposée par la Wikipedia : « La curation de contenu () est une pratique qui consiste à sélectionner, éditorialiser et partager les contenus les plus pertinents du Web pour une requête ou un sujet donné ». Les douze solutions sélectionnées Images Vidéos Conclusion

10 outils collaboratifs pour la classe C’est une des principales avancées apportées par les tice en classe, la possibilité de faciliter le travail collaboratif entre l’enseignant et ses élèves ou entre les élèves eux-mêmes. Travail en commun et interactivité dopent l’investissement de chacun. On ne compte plus le nombre d’outils en ligne permettant le travail collaboratif dans la classe. J’en ai présenté beaucoup dans ces colonnes. Voici une nouvelle liste de 10 outils collaboratifs pour la classe. Ils sont tous gratuits et faciles à mettre en oeuvre et à utiliser. Twiddla. Bubbl.us. Google Drive. Google Hangouts. Edmodo. SocialFolders. Cacoo. Titanpad. Bounceapp. Wiggio.

mailgun-js Simple Node.js module for Mailgun. Installation npm install mailgun-js Usage overview Please see Mailgun Documentation for full Mailgun API reference. This module works by providing proxy objects for interacting with different resources through the Mailgun API. Messages stored using the Mailgun store() action can be retrieved using messages(<message_key>).info() function. Something more elaborate. Attachments Attachments can be sent using either the attachment or inline parameters. inline parameter can be use to send an attachment with inline disposition. Sending attachments can be done in a few ways. We can pass a buffer (has to be a Buffer object) of the data. Finally we provide a Mailgun.Attachment class to add attachments with a bit more customization. data - can be one ofa string representing file path to the attachmenta buffer of file dataan instance of Readable which means it is a readable stream.filename - the file name to be used for the attachment. Sending MIME messages Promises

Outils coopératifs Google Drive en classe: pour collaborer, mutualiser, sociabiliser… | Ma onzième année et les suivantes... J’utilise Google Drive depuis la rentrée 2012 avec mes élèves. J’avais déjà introduit cet outil avec une autre classe mais cette année, il fait partie active et quotidienne de mes cours et de ma pédagogie. Pour quels usages? Nous l’utilisons en cours, hors temps de classe et lors des périodes de stage des élèves. Une adresse Gmail En début d’année, j’ai fait créer à chacun de mes élèves une adresse Gmail qu’ils sont tenus d’utiliser dans tous les échanges élève-enseignant-tuteur de stage. Google drive Nous avons dès l’adresse créée à utiliser Google drive. En amont du cours : je crée un document et rédige les consignes du travail de classe pour les partager avec les élèves en amont du cours : l’élève peut les découvrir pour préparer le cours. En cours: – L’élève rédige souvent sur Gdrive : au lieu de me rendre une copie, il partage avec moi un document. Maintenir le lien avec les absents: Puisque chaque document est partagé avec la classe, il est accessible aussi aux élèves absents du cours.

nodemailer Send e-mails from Node.js – easy as cake! Upgrade warning Do not upgrade Nodemailer from 0.7 or lower to 1.0 as there are breaking changes. You can continue to use the 0.7 branch as long as you like. See the documentation for 0.7 here. Migration guide See the migration guide from 0.7 to 1.0 in the 1.0 release blog post. Notes and information Nodemailer supports Unicode to use any charactersWindows – you can install it with npm on Windows just like any other module, there are no compiled dependencies. Support Nodemailer development If you want to support with Bitcoins, then my wallet address is 15Z8ADxhssKUiwP3jbbqJwA21744KMCfTM TL;DR Usage Example This is a complete example to send an e-mail with plaintext and HTML body See nodemailer-smtp-transport for SMTP configuration options and nodemailer-wellknown for preconfigured service names (example uses 'gmail'). Goals for 1.0 1. Nodemailer 0.x is quite large and includes a ton of stuff that is not needed for most users. 2. Setting up Install with npm

RESSOURCES - Technologie au collège Encore un nouveau logiciel pour créer de la carte mentale ??? Cette fois-ci, c'est une application Web (pas d'installation necessaire, il suffit d'une adresse mail opérationnelle).Mais le point fort de cette application est la possibilité d'avoir plusieurs postes informatiques qui travaillent sur la même carte mentale en temps réel. Les élèves peuvent donc intervenir simulatanement, sur une même carte, en créant et completant ses différentes branches et ramifications ; l'enseignant peut de son poste contrôler et moderer l'évolution du travail. (la configuration du logiciel permet : une interface en français, de creer un lien vers la lecture de la carte pour d'éventuelle publication, ...)

Related: