medani webdesign bietet speziell für Online Shop Kunden ein Security Paket an. Dadurch wird sichergestellt, dass alle PrestaShop Systeme von medani webdesign sicher vor Angriffen sind und rund um die Uhr erreichbar bleiben. Zusätzlich werden tägliche Backups des Systems und der Datenbank gemacht, um auch hier eine zusätzliche Sicherheit zu gewährleisten. Die Online Shop Systeme von medani webdesign werden natürlich am neuesten Stand gehalten und auf die aktuellste Version upgedatet.

Details zum Security Pack für PrestaShop finden Sie natürlich auf der Detailseite:

www.medani.at/webdesign-leistungen/online-shop/security-pack-fur-prestashop/

Auch Online-Shops müssen nicht auf Analytics Dienste wie Google-Analytics oder Piwik zur Auswertung der Besucher und Seiten verzichten.
Die Shop-Systeme Magento und Virtuemart (Joomla) bieten seit kurzem auch ein Plugin / Modul für Piwik an. Dadurch kann der Web-Analytics Dienst sehr einfach in die eigene Seite integriert werden.

Neu ist jedoch ein Piwik-Plugin für den noch recht jungen PrestaShop. Mit diesem Plugin kann Piwik jetzt auch in PrestaShop einfach installiert werden. Das Plugin ist übrigens in Deutsch entwickelt worden. medani webdesign wien begrüßt diese Entwicklung, da PrestaShop ein absolut interessantes OpenSource Projekt ist.

PrestaShop hat den Open Source Award “Best E-Commerce Application 2010″ errungen. Auch 2011 ist PrestaShop wieder für diesen Award nominiert und hat gute Chancen den begehrten Award auch heuer wieder zu gewinnen.

Highlights des medanitwo WordPress Theme Frameworks:

• Homepageslider – großer Slider mit Beschriftung und verschiedenen Slide-Effekten
• Farbschema – wählen Sie zwischen verschiedenen Farbschemata aus (Beispiel: hell/dunkel)
• Layout – wählen Sie zwischen verschiedenen Modulpositionen
• Font-Size – Schriftgrößen frei wählbar
• Font-Color – Schriftfarbe frei wählbar
• Link-Color – Linkfarbe frei wählbar
• Logo – Logo schnell tauschbar
• Favicon – Favicon schnell tauschbar
• Mail-Encryption – codieren von Mail-Adressen im Footer
• Analytics – automatisches Einbinden von Google-Analytics und Piwik möglich

Das WordPress Theme-Framework von medani webdesign wien wird laufend weiter entwickelt um unseren Kunden weiter professionelle Webseiten am Puls der Zeit zu bieten. Sie haben interesse am WordPress Theme-Framework oder einer individuellen Webprogrammierung? Dann kontaktieren Sie unsere Experten für Programmierung (Gerhard Waschier, dipl. Mediendesigner) und Webdesign (Florian Felber, BA).

Für FFP hat medani webdesign ein individuelles Design entworfen, das der Webseite einen sehr persönlichen Charakter verleiht. Eingebunden sind sowohl ein Image-Slider und eine Youtube-ähnliche Slideshow, als auch ein Vimeo-player. Dabei werden eingebettete Videos von Vimeo automatisiert als Video in der Slideshow eingebettet und abgespielt.

Das Ziel war ein individuelles Webdesign mit einigen besonderen Features. Die meisten Features sind allerdings im Backend versteckt und dienen der Usability, die medani webdesign auf die speziellen Wünsche des Kunden abgestimmt hat. Zusätzlich kommen im Frontend der Webseite einige jQuery Techniken zum Einsatz, welche die Webseite zu einem absoluten “Hingucker” machen.

Als Basis diente das Content Management System WordPress in der aktuellen Version (WordPress 3.1), in welchem der Kunde sehr einfach neue Inhalte und neue Videos posten kann.

Details zu diesem Web-Projekt finden Sie auf der Referenzseite.

Wie bereits berichtet, wurde Anfang Mai die neue Version von jQuery (Version 1.6) veröffentlich. Dabei wurden weitgehend alle Funktionen verbessert. jQuery 1.6 ist dabei vor allem schneller und mit einem neu geschriebenen Attributmodul veröffentlicht worden.


Doch was genau bringt uns das im Webdesign? Ganz einfach. Webseiten mit der neuen jQuery Version werden deutlich schneller. Das .attr(“wert”) wird zum Beispiel (je nach Browser) bis zu 5x schneller ausgeführt. Dadurch werden Seiten spürbar beschleunigt. Neue Webprojekte können dadurch noch schneller geladen werden oder noch mehr Funktionen aufnehmen. Alte Webdesigns können ebenfalls durch ein Update auf die aktuelle jQuery Version einen Geschwindigkeitsschub erhalten.


Aber Vorsicht. Webseiten, die mit der alten jQuery Version 1.5 arbeiten, sollten nicht einfach updaten. Durch die neu geschriebenen Attributmodule kann es zu Komplikationen kommen. Seiten, in denen Funktionen für jQuery 1.5 geschrieben wurden, könnten mit der neuen Bibliothek durchaus Probleme bereiten, da die alten Codes nicht mehr korrekt ausgeführt werden.

Erste Aussichten auf das nächste WordPress Release gibt es bereits jetzt. medani webdesign hat sich den kommenden Release angesehen und informiert bereits jetzt über die Neuigkeiten der WordPress Version 3.2!

Ein neuer Punkt bei der bevorstehenden WordPress Version wird vor allem das überarbeitete Template sein. Das erst seit kurzem in Verwendung gekommene WordPress Theme TwentyTen wird gegen das neue TwentyEleven ausgetauscht. Dieses Theme wird einige Verbesserungen für die Usability bringen. Dabei können auch verschiedene Vorlagen individuell für jede Webseite verwendet werden. (2spaltig, 3spaltig etc.)

Ein leidiges Thema für WordPress wird endlich in Angriff genommen: Die Geschwindigkeit! WordPress 3.2 soll gegenüber den Vorgängerversionen deutlich an Geschwindigkeit gewinnen. Dabei werden viele alte Funktionen von Bord genommen, um das System vor allem schlanker zu machen. Neue Funktionen werden keine dazukommen.

Ebenfalls in Angriff wurde ein eigener Editor genommen. Der alte Editor von TinyMCE soll gegen einen WordPress eigenen Editor getauscht werden und den Workflow erheblich verbessern. Updates des Content Management Systems sollen schneller erfolgen. Dabei werden in zukünftigen Versionen nicht mehr alle Dateien getauscht und upgedatet, sondern nur noch Dateien, in denen Änderungen vorgenommen wurden. Auch Akismet soll dabei nicht mehr automatisch mit einem Update versorgt werden.

Um WordPress konkurrenzfähig zu halten und weiter am Puls der Zeit zu bleiben, wird ab WordPress 3.2 endlich die Mindestanforderung für den Server hochgeschraubt. Dabei wird mindestens PHP 5.2.4 und MySQL5 vorausgesetzt. Ebenfalls wird der Support und die Unterstützung für den Internet Explorer 6 eingestellt. Dadurch wird vor allem das Backend unter dem IE6 nicht mehr funktionieren. Auch bei medani webdesign wird diese Entwicklung begrüßt, da ein standardisiertes Coding der Webseiten und einheitliche Darstellung des Webdesigns in allen Browsern weiter verbessert wird.

Mobile Webseiten werden jetzt mit dem WordPress Plugin “GWX Mobile Switch” noch besser unterstützt. Das von medani webdesign wien entwickelte WordPress Plugin bietet dabei großen Komfort bei der Erstellung von mobilen Lösungen. Mobile Geräte, Smartphones und Tablets werden dabei automatisch erkannt.

Wird ein mobiles Gerät entdeckt, kann der User auf ein eigenes mobiles Design weitergeleitet werden. Das Design kann dabei bequem im Backend vom User ausgewählt werden.  Mittels Umschalter kann zusätzlich zwischen der mobilen Version und der Vollversion hin- und her gewechselt werden. Momentan werden sämtliche aktuellen mobilen Geräte unterstützt inkl. iPhone, iPad, iPod, Android Phones, Windows Mobile 6.5, Windows Phone 7, Opera Mobile, Firefox Mobile, Blackberry, Nokia und viele andere mehr. Das Plugin wird laufend um die neuesten mobilen Browser erweitert.

Entwickelt wurde das Plugin für die aktuelle WordPress Version 3.1 und ist damit auf dem neuesten Stand der Technik.

Momentan setzt medani webdesign das Plugin exklusiv bei seinen Kunden mit mobilem Webdesign ein. Einen kleinen Vorgeschmack auf die Arbeitsweise des interessanten Plugins bekommen Sie unter www.bma-law.com. Dazu nur schnell die Adresse in Ihrem Smartphone aufrufen und das Ergebnis ansehen.

– Gerhard Waschier, dipl. Mediendesigner (Anfrage)

WordPress als Content Management System ist großartig. Viele tolle Funktionen, die im aktuellen Release bereits enthalten sind, machen das System zu einem der modernsten und flexibelsten Content Management Systeme der Welt. Nicht vorhandene Funktionen und Komponenten können dabei ganz einfach über so genannte Plugins erweitert werden. Die Anzahl der WordPress Plugins ist groß und die gebotenen Funktionen der Plugins sind sehr unterschiedlich. So können Plugins Suschmaschinenoptimierung weiter verbessern, eine Slideshow einbinden, Videos abspielen, eine Bildergalerie erstellen,  einen Eventkalender zur Verfügung stellen, das System vor Spam schützen, Google Analytics einbinden, Google Maps einbinden, etc… Sie sehen also, die Möglichkeiten sind groß, um das System nach den eigenen Bedürfnissen zu erweitern.

Mit etwas Suche findet man auch gute Plugins für die meisten Bedürfnisse. Doch was wenn eine spezielle Funktion noch nicht existiert und es kein passendes (auffindbares) Plugin gibt? medani webdesign programmiert nicht nur Ihre Webseite und erstellt ein modernes Webdesign. Mit Hilfe von Custom Fields kann einerseits das Template um spezielle Funktionen erweitert werden. Soll die Funktion templateunabhängig bleiben, dann kann medani webdesign auch ein passendes WordPress Plugin entwickeln, das auf die aktuelle Version von WordPress maßgeschneidert wird.


WordPress bietet dabei die Möglichkeit Funktionen über das Backend zu bearbeiten, als Widget zur Verfügung zu stellen oder direkt in das Webdesign einzuarbeiten. Zusätzlich können Plugins von medani webdesign als Shortcode im Artikel eingebunden werden. Die Plugins von medani webdesign werden mittels PHP, mySQL, XHTML, modernen Stylesheets (CSS3) und jQuery umgesetzt.


Damit Ihre Webseite noch mehr kann und Ihr Webdesign noch weiter hervorsticht!

Für BMA hat medani webdesign ein individuelles Design entworfen, das der Webseite einen sehr persönlichen Charakter verleiht. Eingebunden sind sowohl ein Image-Slider und ein Soundplayer (nicht sichtbar) über den das aktuelle Corporate Sound File abgespielt werden kann. Das Template wurde für verschiedene Sprachen optimiert und wird bei Wahl automatisch übersetzt. Zusätzlich hat medani webdesign für die Rechtsanwaltskanzlei eine mobile Version der Seite entworfen. Eine automatisches Redirect leitet mobile User direkt auf die Mobile Version der Seite.

Als Basis diente das Content Management System WordPress, in welchem der Kunde sehr einfach neue Inhalte und aktuelle Veranstaltungen posten kann.

Details zu diesem Web-Projekt finden Sie auf der Referenzseite.

Viele Unternehmen haben ein großes Portfolio. Gerade wenn das Unternehmen wächst, muss dieses internationaler auftreten und die eigene Webseite in mehreren Sprachen zur Verfügung stellen.


Die Internationalisierung ist oft ein leicht unterschätztes Unterfangen. Sicher sind allen Internetusern schon Seiten begegnet, wo anstelle der Umlaute und Sonderzeichen nur große Fragezeichen und Platzhalter entgegenleuchten, die die Lesbarkeit des Textes stark beeinträchtigen.

Gerade Sprachen die keine lateinischen Schriftzeichen beinhalten oder von rechts nach Links gelesen werden, treiben den Aufwand und damit die Kosten für eine multinationale Webseite stark in die Höhe.


Die Lösung nennt sich UTF-8 Codierung. Diese Zeichencodierung ist (so sollte man meinen) mittlerweile Standard für internationalisierte Webseiten. Gute Webdesigner und Webdeveloper setzen diese standardmäßig ein. Leider sind immer noch viele alte Webseiten nicht in dieser Codierung. Zusätzlich muss nicht nur die Webseite sondern auch die dazugehörige Datenbank richtig formatiert werden. Bei Datenbanken gilt generell: utf-8_unicode_ci ist die richtige Codierung. Dadurch werden Zeichen im UTF-8 Format codiert, Umlaute und Sonderzeichen werden richtig dargestellt.


Eine große Fehlerquelle beim Codieren sind Multi-Byte-Zeichen. Japanische Zeichen (Kanji) sind zum Beispiel solche Multi-Byte Zeichen. Die Fehler sind dabei meist erst ersichtlich, wenn man plötzlich vor der Fehlermeldung “Internal Server Error” anstatt des Inhalts steht. Ebenfalls zu beachten ist, dass die am Server verfügbare Schrift UTF-8 fähig sein muss. Anderenfalls sind serverseitig generierte (dynamische) PDF Datein zwar in Deutsch und English lesbar, bestehen im Russischen, Arabischen oder Chinesischen nur aus Platzhalterzeichen. Auch im Deutschen können Umlaute dann oft nicht richtig dargestellt werden.


Hat man diese Hürde bewältigt, muss man die Seite noch fit für ältere Browser machen. Die richtige Angabe der Codierung im HTML- und HTTP-Header ist gerade für ältere Browser (ältere Internet Explorer Versionen zum Beispiel) ausgesprochen wichtig, um eine fehlerfreie Wiedergabe der Webseite zu gewährleisten.


Hat man all diese Dinge erfolgreich umgesetzt und ein valides multinationales Webdesign oder Webapplikation erstellt, kann man das Design testen. Nicht vergessen, alle Sprachen ausgiebig zu testen, denn wer weiß, vielleicht hat sich ja doch noch wo ein Fehler eingeschlichen.

Viele Webseiten bieten nicht nur die Möglichkeit mit mobilen Geräten auf sie zuzugreifen, sondern erkennen automatisch mobile Geräte und schalten auf das mobile Design um.
Bei manchen Seiten findet man sogar einen Schalter zum “Switchen” (Hin- und Herschalten) zwischen den Ansichten.

Dabei gibt es drei Möglichkeiten um Webseiten für mobile Geräte und Smartphones fit zu machen.

Möglichkeit 1:

Die Erstellung und Einbindung einer eigenen CSS Datei für mobile Geräte. Dabei werden meist große Bilder und Teilbereiche der Webseite einfach ausgeblendet, sowie die Größe und das Layout angepasst, um eine verbesserte Darstellung auf mobilen Geräten zu erreichen. Gerade bei umfangreichen Webseiten kann das Styling sehr aufwändig sein. Da die Seite nur generell für mobile Endgeräte und Smartphones optimiert wird, kann es mit verschiedenen Geräten, den verschiedenen (mobilen) Browsern und natürlich durch die unterschiedlichen Auflösungen der Displays immer wieder zu Problemen in der Darstellung kommen.

Das Hauptproblem bei Smartphones, Tablets und mobilen Geräten: Jede Menge verschiedene Auflösungen, verschiedene Browser und Smartphone Betriebssysteme (IE Mobile, Firefox Mobile, iPhone, iPad, Android Systeme, Blackberry, Windows Phone 7, …). Eine Mischung aus diesen Komponenten macht es fast unmöglich eine Webseite für alle Geräte zu optimieren.

Möglichkeit 2:

Die 2te Möglichkeit um etwas ideal auf dem Handy oder Smartphone darzustellen sind Apps. Diese sind nicht unbedingt etwas Neues, da Linux User schon seit Jahren Anwendungen über das Internet installieren. Richtig durchsetzen konnten sich die Apps aber erst richtig mit dem iPhone von Apple. Mittlerweile bieten fast alle Hersteller die Möglichkeit Apps herunterzuladen, zu kaufen und zu installieren.
Die Apps wirken aufgeräumt, sind auf das Wesentliche reduziert und einfach zu bedienen. Daher auch der große Erfolg. Großer Nachteil von Apps: Sie sind nicht anpassungsfähig und können meist nur unter großem Aufwand für ein anderes System verfügbar gemacht werden. iPhone Apps bleiben somit auf dem iPhone, Android Apps bleiben auf Android und Windows Phone Apps bleiben auf dem Windows Phone Betriebssystem. Für spezielle Anwendungen können Apps durchaus Vorteile bieten. Bei Webseiten sind sie aber nicht ideal, da sie nicht auf allen Geräten laufen.


Beide Varianten bieten einige Vor- und Nachteile. Ein eigenes Stylesheet und die Seite bleibt Plattformunabhängig. Jedoch wird die Seite oft nicht ideal dargestellt. Bei Apps erhält man zwar eine ideale Darstellung des Inhalts, allerdings ist man nicht Plattformunabhängig und muss die App extra auf dem Telefon installieren.

Genau an diesem Punkt setzt Möglichkeit 3 an:

Stichwort: mobiles Webdesign und Webapps (Webapplikationen)

Viele große Webseiten wie zum Beispiel Google oder Facebook machen es uns vor. Unter einer Subdomain kann man eine mobile Version der Webseite aufrufen. Idealerweise muss diese nicht extra geklickt werden denn mobile Geräte, Smartphones, Tablets und mobile Browser können automatisiert ausgelesen und erkannt werden. Danach ist eine automatische Weiterleitung auf die mobile Version möglich. So können Sie einfach mit Ihrem Smartphone, iPhone, Tablet, iPad etc. die normale Webseite öffnen und werden auf eine mobile Version geleitet. Ein Umschalter, um auch die Originalversion zu sehen, ist natürlich ebenfalls einfach zu realisieren. Die mobile Version kann dabei flexibel wie eine App gestaltet werden und ist im Layout für mobile Endgeräte optimiert. Durch die Realisierung im Web entfällt dabei allerdings eine lokale Installation und die Seite ist somit Plattformunabhängig und kann auf jedem Gerät betrachtet werden.

Die automatische Weiterleitung funktioniert übrigens nicht nur auf iPhone, iPad und Android Systemen. medani webdesign inkludiert und unterstützt dabei ebenfalls Blackberry, Nokia, Symbian, Windows Mobile, Opera Mini, Mozilla Firefox Mobile (Fennec) und die meisten anderen Systeme. Selbstverständlich kann diese auch in bestehende WordPress Systeme, sowie in Webapplikationen integriert werden.

Lesen Sie mehr über mobiles Webdesign.
Lesen Sie mehr über Webapplikationen.

medani webdesign hat für on tour Marketing eine neue Mitarbeiter Datenbank programmiert!
In dieser Datenbank sollen Mitarbeiter nicht nur angelegt und bearbeitet werden können, sondern auch zu Projekten zugeordnet werden können.


Facts zum Tool:

• User anlegen / bearbeiten
• verschiedene Zugangsberechtigungen
• Mitarbeiter anlegen / bearbeiten
• Dateiupload zu Mitarbeitern (Bild, PDF, Word, Excel…)
• Projekte anlegen / bearbeiten
• Projektzeiträume festlegen
• Bewertung von Mitarbeitern (Star-Rating mit jQuery) zu einzelnen Projekten
• Secure Login (sicheres Einloggen) durch zusätzliche Sicherheitsmaßnahmen

Ziel des sehr speziellen Mini-CRM (Customer Relationship Management) ist sowohl die Verwaltung der Mitarbeiter, als auch der Projekte. Mitarbeiter können dabei zu Projekten zugeordnet werden. Nach Ablauf des Projekts können Mitarbeiter bewertet werden und auch Anmerkungen zur Arbeit des Mitarbeiters eingetragen werden. In der Ausbaustufe soll so eine objektive Bewertung von Mitarbeitern erfolgen, um für neue Projekte die besten Mitarbeiter auswählen zu können.


Administratoren dürfen natürlich alle Daten einsehen und ändern. Ebenso dürfen Administratoren nicht nur Mitarbeiter, sondern auch neue Systemuser generieren.

Sachbearbeiter hingegen haben keinen Zugriff auf die Systemuser und dürfen nur Mitarbeiter und Projekte verwalten.


Als zusätzliches Feature wurde ein eigenes klickbares Captcha entwickelt, dass die Sicherheit beim Login weiter steigern soll. Passwörter werden selbstverständlich verschlüsselt und das Tool wurde ebenso gegen SQL-Injection abgesichert.


Weiters soll das Tool in Zukunft eine Schnittstelle zu den anderen Tools von  on tour Marketing bieten. Dadurch sollen Mitarbeiter nicht mehr in jedes Tool eingepflegt werden müssen, sondern die Mitarbeiterdaten und Passwörter kommen direkt aus der Mitarbeiterdatenbank und werden automatisiert in Reporting- und Promotiontools eingespeist. Dadurch können Mitarbeiter zentral an einer Stelle bearbeitet und verwaltet werden und die anderen Tools werden dadurch einfacher und schneller wartbar.

Immer wieder gibt es Probleme, wenn man mehrere JavaScript Bibliotheken gleichzeitig in einem Projekt benutzt. Daher sollte man sich Grundsätzlich auf eine Bibliothek beschränken. Leider ist das nicht immer möglich, da die verwendete Bibliothek eine benötigte Funktion vielleicht eben mal nicht zur Verfügung stellt und daher zusätzlich eine weitere Bibliothek eingebunden wird.


Doch gerade das führt zu Überschneidungen und sorgt dafür, dass benötigte JavaScript Funktionen oft nicht mehr richtig funktionieren oder für schwere Fehler auf der Seite sorgen.
Grund dafür ist, dass sowohl jQuery als auch andere Bibliotheken wie Prototype, script.aculo.us, Motools und andere bekannte Bibliotheken für Funktionen das $ Zeichen benützen.
Was also tun, wenn man jQuery mit anderen Libraries nutzen möchte ohne dass sich die Skripten gegenseitig behindern?


Die Lösung des Problems ist der in jQuery integrierte non conflict Modus.


jQuery bietet diesen Modus um eben solche Probleme zu vermeiden. Anstelle von $ werden Funktionen von jQuery nach Aufrufen dieses Moduses mit jQuery aufgerufen.


Hier ein Beispiel um jQuery mit Prototype gleichzeitig zu verwenden:

 <html>
<head>
<script src="prototype.js"></script>
<script src="jquery.js"></script>
   <script>     jQuery.noConflict();

           // Use jQuery via jQuery(...)
     jQuery(document).ready(function(){       jQuery("div").hide();     });
         // Use Prototype with $(...), etc.
     $('someid').hide();

  </script>
</head>

<body>
Irgend ein Inhalt
</body>
 </html>

- Gerhard Waschier, dipl. Mediendesigner (Anfrage)

Webapplikationen (manchmal auch als Webanwendung bezeichnet) sind Programme, die auf einem Webserver ausgeführt werden. Aufgerufen werden diese Programme im Normalfall über einen Browser. Der Webserver kann entweder intern im Intranet oder extern im Internet verfügbar sein. Prinzipiell spielt dabei die räumliche Entfernung zum Client (Benutzer der Webapplikation) keine Rolle.

Der Client ruft dabei die URL der Applikation auf und der Server übernimmt die Anfrage und generiert oder lädt den ausführbaren Code. Die dabei generierte Webseite ist die Benutzeroberfläche der Webanwendung. Dabei muss nicht immer unbedingt HTML und CSS zum Einsatz kommen. Manche Webapplikationen setzen auf Flash oder Silverlight. Eine weitere Möglichkeit um Webanwendungen zu realisieren sind JAVA Programme.

Flash, Silverlight und Java bieten die Möglichkeit moderne, mit grafischen Effekten und Videosequenzen aufgepeppte, Applikationen zu entwickeln. Allerdings  benötigt der Client zusätzliche Plugins, um ein Programm aufrufen zu können.

HTML & JavaScript funktionieren jedoch auf allen gängigen Browsern standardmäßig. Mit Hilfe von AJAX (jQuery) können zum Beispiel Effekte und eine bessere Usability ebenfalls sehr gut umgesetzt werden.


Grundsätzlich unterscheiden wir zwischen 2 Arten von Webapplikationen:

• RIA(Rich Internet Application):
  Echte Webapplikationen, die mit Hilfe von AJAX, Flash, Java, etc. Programmlogiken teilweise auf dem Client berechnen.
• Webservices:
  ein Webserver stellt Daten in strukturierter Form zur Verfügung (zum Beispiel als XML, RSS…). Primär sind Webservices nicht zur direkten Ansicht gedacht, sondern sollen die Daten nur zur Weiterverarbeitung zur Verfügung stellen. Eine direkte Interaktion des Benutzers ist dabei nicht zwingend notwendig.

Vorteile von Webapplikationen:

Webanwendungen setzen keine spezielle Software voraus. Mit Hilfe eines einfachen Webbrowsers ist die Applikation ortsunabhängig verfügbar. Zusätzlich wird dabei eine große Plattformunabhängigkeit erreicht. Bei Änderungen am Programm muss nicht jeder Programmnutzer ein Update oder gar die neue Applikation installieren, da Änderungen zentral am Server vorgenommen werden. Zusätzlich kann eine mobile Version der Anwendung erstellt werden, um Daten auch auf iPads, Handys, iPhones und anderen Smartphones zur Verfügung stellen zu können.

Nachteile von Webapplikationen:

Für die Nutzung von Webanwendungen wird generell die Verbindung zum Webserver benötigt. Die Datenrate der Verbindung sollte die Anforderungen der Webanwendungen erfüllen können, wobei die Verbindungsgeschwindigkeit mittlerweile keine echte Hürde mehr darstellt. Außerdem können je nach Art der Applikation Sicherheit und Skalierbarkeit des Systems eine große Rolle spielen.

- Gerhard Waschier, dipl. Mediendesigner (Anfrage)

Oft hört man im Web die Begriffe AJAX und jQuery. medani webdesign versucht eine Erklärung der beiden Begriffe in verständlichen Worten.

AJAX

Ajax bedeutet nichts anderes als “Asynchronous JavaScript and XML”. Dabei handelt es sich um ein Konzept, um Daten asynchron zwischen dem Browser und dem Server zu übertragen. Dadurch können Teile der Internetseite geändert werden ohne die komplette Seite neu zu laden. Ziel ist es ein desktopähnliches Verhalten zu erzielen. Die wohl bekannteste Anwendung dabei ist die Google Suche. Ist Ihnen schon einmal aufgefallen, dass Ihnen beim Tippen automatisch Suchvorschläge gebracht werden, die sich mit jedem weiteren Buchstaben verändern und genauer werden? Das ist die Google-Suggest oder auch Autocomplete-Funktion genannt und funktioniert über AJAX.

Außerdem werden mit AJAX weitere  Effekte wie Drag & Drop, sortierbare Tabellen, Animationen ohne Flash, Accordion und viele andere Effekte ermöglicht.

jQuery

jQuery ist eine JavaScript-Bibliothek, welche die Entwicklung von AJAX-Funktionen erleichtert und beschleunigt. So müssen viele Funktionen nicht immer neu programmiert werden, sondern können einfach und komfortabel in den Quellcode eingebunden werden. Die Bibliothek besteht dabei aus einer JavaScript-Datei, die die grundlegenden Ajax-Funktionen und gängigen Effekte enthält.

jQuery ist nicht die einzige JavaScript Bibliothek, aber auf jeden Fall eine der umfangreichsten und verbreitetsten. Zusätzlich zu den Standardfunktionen kann jQuery mit Plugins erweitert werden. Durch eine starke Community im Hintergrund wird jQuery laufend weiterentwickelt. Ein weiterer Versuch die Entwicklung mit jQuery noch weiter zu beschleunigen und noch komfortabler zu gestalten  ist jQueryUI. Dabei werden die wichtigsten und meist benutzten Funktionen wie zum Beispiel Datepicker, Calendar, Autocomplete Funktion etc. zusammengefasst und können noch einfacher eingebunden werden.

- Gerhard Waschier, dipl. Mediendesigner (Anfrage)

medani webdesign hat ein neues Reporting-Tool für den Kunden on tour Marketing online gebracht!
Das Tool ermöglicht österreichweit getätigte Arbeiten zu erfassen und zentral auszuwerten.

Facts zum Tool:

• Erfassen von Trafiken
• Erfassen von Mitarbeitern
• Mitarbeiter zu Trafiken zuordnen
• Verschiedene Zugangsberechtigungen
• Multi Bildupload
• Zahlreiche Statistikauswertungen
• Statistiken als Excel downloaden

Ziel des Reportingtools ist eine Aufzeichnung der getätigten Arbeiten eines Mitarbeiters. Dadurch kann nachvollzogen werden, welcher Mitarbeiter wo und wann welche Arbeiten getätigt hat. Um die Dekotour des Mitarbeiters nicht nur in Zahlen sichtbar zu machen, wurde eigens für den Kunden ein Multiuploader in das Tool programmiert, um bequem mehrere Bilder gleichzeitig hochladen zu können.

Die knapp 5.000 Trafiken wurden dabei mittels eines eigenen Importers in das System importiert und die jeweiligen Mitarbeiter fast vollständig automatisiert den einzelnen Trafiken zugeordnet.

Der Admin hat natürlich Kontrolle über alle Mitarbeiter, Trafiken und Auswertungen und kann bei Bedarf Mitarbeiter neu anlegen und zuweisen.

Ebenfalls können die Arbeiten zusätzlich dokumentiert werden. Die Bilder selbst werden in einer Lightbox vergrößert dargestellt.

Tobaccoland hat als Auftraggeber Einsicht in die Statistiken und kann Trafiken einzeln einsehen, oder auch eine Gesamtstatistik als Excel-Datei downloaden. Dadurch werden verschiedene Auswertungen ermöglicht.

Mozilla Prism heißt das interessanteste neue Produkt aus dem Hause Mozilla. Wie bereits Adobe Air oder Microsoft Silverlight schickt damit Mozilla ein Programm ins Rennen, das es ermöglicht Applikationen aus dem Web direkt auf den Desktop zu bringen.

Größter Vortei gegenüber den Konkurrenten dürfte dabei die einfache Nutzung des Tools sein. Im Gegensatz zu Adobe Air oder Microsoft  Silverlight muss keine eigene Applikation geschrieben werden um Prism einzusetzen, da Prism im Prinzip eine abggespeckte Form des Firefox ist. Webseiten können so direkt über Prism als Symbol am Desktop aufgerufen werden. Valides HTML wird dabei genauso unterstützt, wie Javascript, AJAX-Applikationen oder auch moderne Effekte von aktuellen CSS3 Stylesheets wie zum Beispiel rounded-corners oder box-shadow. Dadurch können bei der Entwicklung von neuen Webtools und Webapplikationen die neuesten Features und Ideen zu Usability und Design eingesetzt werden.

Sie können zum Beispiel Ihre Google-Analyitcs, Piwik-Analytics, Facebook, GoogleMail  oder auch moderne Webapplikationen bequem über Prism aufrufen ohne zuvor eine URL  einzugeben oder Ihren Browser zusätzlich zu belasten.

Nach einem Test hat medani webdesign den Mozilla Prism bereits erfolgreich im Einsatz. Unsere neuen Produkte aus der Webprogrammierung werden bereits so entwickelt, dass Tools nicht nur im Internet Explorer, Safari, Firefox & Co. laufen, sondern auch in Mozilla Prism einwandfrei funktionieren. Gerade für die Webprogrammierung bietet Mozilla Prism eine interessante Möglichkeit moderne Webapplikationen auf den Desktop zu bringen ohne großen zusätzlichen Entwicklungsaufwand.

Fazit:
Mozilla Prism birgt großes Potential und ist ein großer Schritt in Richtung mobiler Desktop. Vor allem für die Entwicklung solcher Applikationen ist es besser als Adobe Air oder Microsoft Silverlight, da Produkte für das Web in klassischem XHTML, HTML und Stylesheets entwickelt werden können. Ebenfalls die Unterstützung von Javascript und die damit verbundene Möglichkeit jQuery oder andere JavaScript-Bibliotheken einzubinden machen das Tool zu einem interessanten und vielseitig einsetzbaren Programm.

medani webdesign hat ein neues Tool zur Überwachung von laufenden Promotions online gebracht!

Facts zum Tool:

• Erfassen von Shops
• Erfassen von Mitarbeitern
• Promotoren zu Shops zuordnen
• Verschiedene Zugangsberechtigungen
• Zahlreiche Statistikauswertungen

Ziel des Projekts ist es die volle Kontrolle über aktuelle Promotions zu erhalten. Dabei werden alle Shops im System erfasst und es können Supervisoren, Personaldienstleister und Promotoren zugeordnet werden.

Die Supervisoren können dabei die gesammelten Daten direkt im System eingeben. Nach Eingabe der Daten steht dem Kunden live eine Auswertung und Statistik zur Verfügung. Als Auftraggeber sehen Sie auf einen Blick wie viele Abschlüsse in Summe gemacht wurden und in welchen Shops und/oder zu welchen Uhrzeiten die Abschlüsse gemacht wurden.
Zusätzlich kann man täglich zu jedem Shop und zu jedem Promotor einen Kommentar hinterlassen, um wichtige Vorkommnisse zu dokumentieren.

Neuigkeiten gibt es aus dem Bereich der Stylesheets.  Seit mittlerweile fast 10 Jahre entwickelt das W3C die neuen Spezifikationen für CSS3 in enger Zusammenarbeit mit den Browserherstellern. Mittlerweile gilt ca. 1/4 der Spezifikation als “Stabil”.

Viele der neuen Selektoren werden bereits von den verschiedenen Browsern umgesetzt und richtig interpretiert. Auch können die neuen Selektoren gefahrlos in Webdesigns umgesetzt werden, da unbekannte CSS-Anweisungen und Selektoren von den Browsern einfach ignoriert werden.

CSS3 baut vor allem die Pseudoklassen deutlich aus. Eine wichtige Pseudoklasse wird dabei :nth-of-type().
So kann man zum Beispiel Tabellen ganz einfach mit tr:nth-of-type(2n){style-anweisung} jeder zweiten Tabellenzeile eine andere Farbe zuweisen.

Das vermutlich spektakulärste Feature von CSS3 ist die Unterstützung von Webfonts – also herunterladbare Schriftarten. Das ermöglicht Werbeagenturen neue Schriftarten einzusetzen. Überlange Texte, die über das Webdesign Layout hinaus gehen würden, können zusätzlich mit der neuen CSS-Eigenschaft break-word formatiert werden.

Weitere interessante CSS-Eigenschaften sind vor allem Transparenzen und runde Ecken.
Aktuell werden transparenzen und runde Ecken hauptsächlich über komplizierte Verschachtelungen oder Grafiken realisiert.
Runde Ecken werden ab CSS3 einfach mit dem Attribut border-radius zugewiesen, während Transparenz mit dem Attribut opacity gesteuert wird.

Neu ist auch die CSS-Eigenschaft background-size.
Mit ihr ist es möglich für Hintergrundbilder Größen anzugeben. Angenommen werden von background-size Pixel und Prozentwerte.

Abschließend kann man sagen, dass noch viele neue Selektoren und Eigenschaften bis zur offiziellen Freigabe von CSS3 in die Spezifikation einfließen werden. Vieles davon ist durchaus praktisch und wird im Webdesign sehr schnell umgesetzt werden.

Wussten Sie, dass 11% der deutschen Bevölkerung im Besitz eines SmartPhones ist (Quelle: Otto Group – GO SMART 2012: Always in touch)?

Das sind, beruft man sich auf die Zählung vom November 2009 (Quelle: WikiPedia) rund 9.000.000 mobile Endgeräte, diese Zahl soll sich binnen 2 Jahren verdoppeln. Laut einer aktuellen Studie von Arthur D. Little und der Exane BNP Paribas (Quelle: PTA) zufolge soll sich dieser Trend auch in Österreich bemerkbar machen. Bereits 2015 heißt es, sollen 60% aller Mobilkunden ein SmartPhone besitzen (Quelle: PTA).

Das damit verbundene Potenzial des mobilen Internets muss nicht extra erläutert werden (europaweites Umsatzpotenzial von 27 Mrd. Euro, Quelle: PTA).

Um diesem technologischen Fortschritt gerecht zu werden, sind wir stolz darauf, unser Webdesign-Produktportfolio erweitern, und unseren Kunden eine noch größere Produktpalette anbieten zu können. Per Juli 2010 können Sie optional eine SmartPhone-Optimierung bestellen; medani mobile solutions. Weitere Infos zum Thema mobiles webdesign finden sie hier….

Wir optimieren Ihre Webseite auf Desktop und mobiles Internet, speziell für die Anzeige auf SmartPhone-Screens und iPhone. Wählen Sie, welche Inhalte Sie anzeigen möchten, ob sie ein spezielles Design für SmartPhones wünschen oder SmartPhone-Dienste, die wir für Sie entwickeln.