Browsed by
Category: Allgemein

Codeigniter Tutorial

Codeigniter Tutorial

Vorbereitung Dateien herunterladen Wir laden uns die aktuelle Version von Codeigniter herunter. Projektordner einrichten Wir können den Codeigniter-Ordner als Projektordner verwenden. Wir benötigen allerdings nur die Ordner application, system und die Datei index.php. In application lebt später unsere Website. Nur hier programmieren wir. Der Ordner system enthält die Kenfunktionen von Codeigniter. Datenbank auf Server einrichten Die für unser Projekt benötigte Datenbank finden Sie in der Datei forum.sql, der Downloaddateien (Moodle). Richten Sie sich einen Server mit Datenbank ein und importieren…

Read More Read More

Fehlerkultur in der Softwareentwicklung

Fehlerkultur in der Softwareentwicklung

Niemand macht gerne Fehler, niemand macht absichtlich Fehler, aber alle machen Fehler. Sie sind Teil eines jeden Entwicklungsprozesses. Und doch werden Fehler immer noch tabuisiert. Das ist leider wenig hilfreich. So werden in Entwicklungsumgebungen häufig die automatisierten Warnungen unterdrückt. Natürlich sieht das erstmal besser aus, aber Warnungen am Anfang schlagen meist am Ende als Fehler durch. Weggucken ist selten der richtige Weg. Dabei ist dieses Problem jedem bewusst. Jeder Vorgesetzte weiss, dass Fehler gemacht werden, er macht ja schliesslich selbst…

Read More Read More

Konzeption von Augmented Reality Anwendungen

Konzeption von Augmented Reality Anwendungen

Wird eine Augmented Reality Anwendung nach derselben Vorgehensweise wie eine normale Webapplikation konzipiert? Die Antwort lautet nein, und der Grund dafür liegt in der Beziehung zu der Umgebung. Augmented Reality (AR) bindet die reale Welt in die virtuelle Welt ein. Sie reichert sie an, sie erweitert sie, sie ersetzt sie teilweise oder sie entfernt Teile daraus. Die Human Computer Interaction, HCI, erforscht seit mehr als 30 Jahren das Design und die Verwendung von Computer-Technologie, an der Schnittstelle zwischen Menschen und Computern….

Read More Read More

Design Thinking im Kommunikationsdesign: zwei Fallstudien

Design Thinking im Kommunikationsdesign: zwei Fallstudien

Das Institut für Multimedia Production (IMP) hat die Innovationsmethodik Design Thinking in zwei Fallstudien auf ihre Tauglichkeit in Bezug auf Kommunikationsdesign erforscht. Es wurde der Frage nachgegangen, ob anhand dieses Ansatzes tatsächlich jede Art von User Experience von Grund auf überdacht und verbessert werden kann. Design Thinking ist eine Projektmethode mit amerikanischen Wurzeln, die nun auch in der Schweiz ihren Platz als Innovationsförderin gefunden hat. Zurzeit wird sie in den Medien richtiggehend zelebriert. Zahlreiche Bücher dazu sind erschienen, das Kursangebot ist…

Read More Read More

P5 – die Programmiersprache für Designer, Künstler und Einsteiger

P5 – die Programmiersprache für Designer, Künstler und Einsteiger

P5 ist eine einfache Programmiersprache, welche zum Werkzeugkasten von Generative Design gehört. P5 wird verwendet, um mit Hilfe von Code Visualisierungen, Ideen, Prototypen oder Zeichnungen (Sketches) für den Browser zu programmieren. Die Javascript-Bibliothek eignet sich für Designer, Künstler, Programmiereinsteiger und Lebenskünstler. Im ersten Semester der Interaktiven Medien des Studiengangs Multimedia Production verwenden wir P5 als Einführung in die Programmierung. Aus diesem Grunde entsteht in den nächsten Wochen unter der URL http://p5js.ch/ ein Einsteiger-Tutorial. P5 wurde von Lauren McCarthy und Dan…

Read More Read More

CSS Grid Tutorial

CSS Grid Tutorial

CSS Grid eignet sich zur Erstellung komplexer Layouts für Web-Sites. Seit dem 17. Oktober 2017 unterstützen alle Browser die Befehle. Unser Tutorial gibt eine Einführung in die CSS Grids. CSS Grid sind eine Spezifikation des W3 Konsortiums, welche das Layouten mit Spalten und Zeilen im Browser regelt. Seit Oktober 2017 unterstützen alle Browser die Spezifikation. Diese wird überarbeitet, ein Teil der Befehle wird in Zukunft in das neue Box Alignment Module Level 3 verlagert. Zum Glück gibt es auch die…

Read More Read More

One-Pagers im Eye-Tracking Test

One-Pagers im Eye-Tracking Test

One-Pagers sind, wie der Name schon sagt, Webseiten die aus einer einzigen Seite bestehen. In der Regel befinden sich sämtliche Informationen auf der Startseite. Lediglich Informationen wie Impressum, AGBs oder Kontakt sind häufig ausgegliedert.  Ein One-Pager ist somit vergleichbar mit einer Straße, die man auf- und ablaufen kann. Abzweigungen gibt es nicht. Oft liegt der Seite ein Parallax-System zu Grunde. Das heisst, dass der eigentliche Inhalt vor einem Hintergrundbild liegt, welches sich mit dem Scroll ebenfalls verändert. Im Laufe der letzten Jahre…

Read More Read More

3D im Web

3D im Web

Dank x3dom, einer Entwicklung der Fraunhofer-Gesellschaft ist das Erstellen und Einbetten von 3D Grafiken im Browser ein Kinderspiel. Im HTML-Code werden einfache Befehle für das Erzeugen von 3D Objekten, Texturen etc. eingegeben. Die Spezifikation erlaubt auch das Einbinden von Video- und Audiodateien sowie das Programmieren von Interaktivität. Der Code für obiges Beispiel ist extrem einfach und verständlich: Weitere Beispiele Veränderter Viewport und Lichtquelle Beispiel mit Bild und Video Interaktivität Animation Im Live Beispiel lässt sich der Inhalt mit der Maus…

Read More Read More

SI Magazine

SI Magazine

Im regelmässig erscheinenden SI Magazine erschien kürzlich ein Artikel von Ines Jansky mit dem Titel «SciencEmotion | Technik für Jugendliche». Darin wird die Frage aufgeworfen, wie es gelingen könnte, Jugendliche im Alter von 12-21 für technische Themen und Berufswege zu begeistern. Das Projekt sciencEmotion der HTW Chur geht, auf Basis von eigenen neuen wissenschaftlichen Untersuchungen, direkt auf Jugendliche zu und bezieht sie in die Lösung ein. Im Januar wurde im SI Magazine der MMP Studiengang vorgestellt, kurze Zeit später erschien…

Read More Read More

Grid Layout Bibliothek Masonry

Grid Layout Bibliothek Masonry

Die Javascript Bibliothek Masonry erlaubt das schnelle Erstellen von grafischen Layouts. Mit von der Bibliothek gegebenen Klassen können sehr schnell unregelmässige Layouts gestaltet werden: HTML- und CSS-Code sind einfach und verständlich: Auf der Website von David De Sandro finden sich viele Beispiele mit Code sowie umfangreiche Tutorials.