Archive

Posts Tagged ‘JavaScript’

Use your Raspberry Pi as your local NodeJS Webserver

June 12th, 2016 15 comments

webtool_banner

*** An updated version of the article is available here ***

A couple of months ago, I tinkered around with NodeJS on my local machine. After a while I got kinda addicted to the NodeJS Plattform for webservice (SOA) applications as well as Desktop Apps (Electron/NodeWebkit). Hence more complicated NodeJS experiments will start, I decided to set-up my own webserver environment for my (local) network with a Raspberry Pi 2 B. My tools of choice are:

  • Raspian Jessie Lite from 2016-05-27
  • GIT v2.1.4: Version control for source code
  • NodeJS v6.2.0: for REST APIs and Websocket applications
  • Nginx Webserver: Deliver static files, Reverse Proxy for NodeJS, and Load Balancing
  • MySQL Server and Client: for Relational Databases
  • CouchDB v1.6.1: as my NoSQL Database with strong JavaScript tools
  • PM2: NodeJS Process Manager for starting and stoping NodeJS Apps
  • Nodeadmin: Admin Tool for MySQL (like PHPmyAdmin)

Let's get started:

 

Download Raspian Jessie Lite from the foundation website and write the image on your class 10 SD Card. For more information please read this tutorial (in German).

Read more...

My most important Twitter Messages #18

January 22nd, 2015 No comments

Twitter von der hess

Long time ago I started posting my last summary of my Twitter messages. It is always a nice way to reexperience the developments of a certain time period. For this reason my most important Twitter messages from Ocotber 2014 until January 2015. Read more...

My most important Twitter Messages #17

October 5th, 2014 No comments

Twitter von der hess

Long time ago I posted my last summary of my Twitter messages, however for me it is always a nice way to reexperience the developments of a time period. For this reason my most important Twitter messages from July 2013 until October 2014. Read more...

Making of wasfuttern.de: Produktion und der Launch

July 26th, 2013 1 comment

wasfuttern - making of - Part 3

Im letzten Blogartikel berichtete ich über die Ergebnisse unserer Feldstudie. Nun stand fest, was wie genau umgesetzt werden mußte. In diesem Blogartikel berichte ich euch über unsere Hürden bei der Produktion und wie wir bei unserem Launch vorgegangen sind.

5. Produktion

Die Feldstudie gab uns einen genauen Aufschluß was wir wollten. Nun ging es darum sich die Hände mit der Programmierung schmutzig zu machen. Kleine, mittlere und zum Teil ziemlich große Usability Anpassungen mussten umgesetzt werden. Read more...

Categories: Design Tags: , , , , ,

Making of wasfuttern.de: Vom visuellen Gesicht zur Feldstudie

July 22nd, 2013 No comments

wasfuttern - making of - Part 2

Im ersten Teil der Making-Of Serie habe ich die Randbedingungen des Projektes vorgestellt und unser Verfahren mit Hilfe von MockUps die Struktur und den Inhalt unserer App zu definieren. In diesem Beitrag geht es um die visuelle Gestaltung, sprich das Grafik Design unserer Ap. Ein weiteres Thema sind die Ergebnisse unserer kleinen Feldstudie mit Freunden.

3. Eine Art Mischung von Corporate Design und Screen Design

Die Erstellung eines visuellen Gesicht war weniger ein technisches und gestalterisches Problem, es war eher ein Budgetproblem. An dieser Stelle mußten wir einen großen Spagat zwischen unseren Ansprüchen und den stark begrenzten Mitteln machen. Read more...

Making of wasfuttern.de: Vom Mock-Up zum interaktiven Prototypen

July 14th, 2013 No comments

wasfuttern - making of - Part1

Seit Mitte/Ende Februar hat das Projekt wasfuttern.de das Licht der Welt erblickt. Mein frühiger Schulkollege Rusbeh kam vor ca. 1 Jahr auf mich zu mit seiner Antwort auf die alltägliche Frage "Was soll ich heute wo essen?". Jeder kennt sicherlich diese immer wieder auftretende Frage in der Mittagspause. In diesem Blogartikel gebe ich einen Einblick in unseren User-Centered Design Entstehungsprozess von wasfuttern.de.

Read more...

Falling in love with REST APIs and Backbone

February 28th, 2013 No comments

How I mentioned in my previous post, there is some stuff that I really like about developing with JavaScript. Especially, working with REST APIs and Backbone is so simple. There just a view steps to do. In my case I have chosen the Qype Rest API. Create your model and define your properties you want to work with.

Read more...

Get in touch with JavaScript

August 26th, 2012 4 comments

Some time passed since this Adobe public relation dilemma about Flex and Flash happened. Honestly, it hit me very hard. Exactly at this time, I was diving deeper into the Flex 4 Component Framework and tried to adapt my new knowledge to Flex Mobile. After some failures and misunderstandings I was on a good way and I was convinced that the (new) Flex 4 Framework is a real step forward for developing User Interface. For this reason, I got a little bit mad about the whole discussion of HTML5 vs. Flex. I expected that HTML5 + CSS3 + JavaScript will come, but not so fast and powerful. However, I got a good opportunity and checked what it is all about this new hype of web technologies. As a Flex and Flash Develeoper the transition to this open standard development approach is not very difficult, except the tooling is like from another planet.  I had the feeling that finding the right tooling is as difficult as finding the appropriate life partner. There doesn't exist an one simple solution for everything like Flash Builder environment. In my case I recommend for writing Code to use the IDE Webstorm, for debugging I am using Firebug for Firefox. Whatever everyone has his own preferences, so decide for yourself what is the best.

Read more...

Mr. Doobs Harmony drawing APP ported to MAX / MSP

July 8th, 2010 9 comments

For exploring the JavaScript API in MAX / MSP / Jitter I decided to port the Harmony Web Application by Mr. Doob. I really fall in love with the different brush styles. MAX / MSP / Jitter is pretty cool for doing audio visual stuff, and I think the different brush style might be nice for this. Fortunately, Mr. Doob published the source code and the code is nice, too! Therefore, it was not so difficult to understand the code.  During my porting process I had to consider four things: Read more...