Webprogrammierung - medani web & design wien

Tag "webprogrammierung"

medani webdesign bietet nicht nur fertige Webseiten sondern programmiert Ihre individuelle Lösung. Ob spezielle Webdesigns, Zusätzliche Funktionen für Webseiten, angepasste Wordpressmodule bis hin zu speziellen Eigenentwicklungen, die auf Ihre Bedürfnisse zugeschnitten und programmiert werden.

Webdesign Redesign – Neuwirt Wellbleche

Webdesign Wien Screenshot Neuwirt Wellbleche

Die Firma Neuwirt Bleche hat von medani web & design wien ein modernes Webdesign erhalten. So wurde ein modernes und individuelles Webdesign erstellt und als WordPress Template in die Seite integriert.
Spezielle Custom Posts ermöglichen dabei eine einfache Wartung der WordPress Webseite. Dies ist durch das von medani web & design in HTML5 neu entwickelte WordPress Theme einfach und schnell möglich.

Das WordPress Template setzt dabei auf die Unterstützung von Custom Posts, einem erweiterten Formular, sowie auf spezielle AJAX Funktionalität um die Verwaltbarkeit als auch die Usability des WordPress Systems zu erhöhen.

Kunde:
Website:
Leistungen:
Umsetzung:

Neuwirt Bleche
www.wellbleche.at
Webdesign, CMS (WordPress), WordPress Template
2011

Kommentare deaktiviert
Tags

SalesAudit – Webapplikation & Webprogrammierung

webprogrammierung-webapplikation salesaudit

medani web & design hat ein neues Reporting-Tool für on tour Marketing online gebracht!
Die individuelle Webprogrammierung / Webapplikation ermöglicht österreichweit getätigte Überprüfungen von Mitarbeitern zu erfassen und zentral auszuwerten.
Das Tool sollte dabei vor allem den Wissensstand von Mitarbeitern überprüfen und sofort mit bestanden oder nicht bestanden bewerten. Nicht bestandene Mitarbeiter wurden 2 Wochen später noch einmal überprüft.

Facts zur Webapplikation:

Erfassen von Shops
Erfassen von Prüfern
Prüfer zu Shops zuordnen
Mitarbeiter zu Shops erfassen
Verschiedene Zugangsberechtigungen
Auswertung von Fragen nach einem fixen Schema
Zahlreiche Statistikauswertungen
Statistiken als Excel downloaden

Ziel der Webprogrammierung ist eine Aufzeichnung des Wissenstands eines Mitarbeiters um die Qualität in den einzelnen Shops zu sichern. Dadurch kann nachvollzogen werden, welcher Mitarbeiter wo und welche Kompetenzen haben.

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

Kommentare deaktiviert
Tags

WordPress Theme Framework

medani web & design wordpress theme framework slider

Um unseren Kunden eine noch professionellere und schnellere Entwicklung von Webseiten anbieten zu können, hat medani web & design wien ein eigenes WordPress Theme-Framework entwickelt. Ziel des sehr speziellen WordPress Templates / WordPress Theme Frameworks ist die schnellere Bearbeitung von individuellen Webdesigns auf Basis des neuen WordPress Themes.

Neben verschiedenen Settings zur Positionierung des Inhaltes in der Webseite können auch per Klick verschiedene Schriften gewählt werden.

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 web & design 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).

1 Kommentar
Tags

WordPress 3.1.3 veröffentlicht

WordPress hat Version 3.1.3 veröffentlicht. Bei der Version 3.1.3 handelt es sich nur um ein Sicherheitsupdate für alle voran gegangenen WordPress Versionen. Vermutlich handelt es sich dabei um die letzte Version vor dem großen Update auf die neue Version (WordPress 3.2). Dabei wurden einige gravierende Probleme und Fehler behoben:

Änderungen zur Erhöhung der Sicherheit
Taxonometrie-Verbesserungen
Verhinderung von ungewünschten Zugang zu Daten wie Nutzernamen
Sicherheitsverbesserungen im Media-Bereich
WordPress Import-Datein bereinigen
„Clickjacking“-Schutz für moderne Browser auf den Admin- und Loginseiten.

1 Kommentar
Tags

Webdesign mit jQuery

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.

Kommentare deaktiviert
Tags

WordPress mobile Switch

Mobile Webseiten werden jetzt mit dem WordPress Plugin “GWX Mobile Switch” noch besser unterstützt. Das von medani web & design 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 web & design 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)

Kommentare deaktiviert
Tags

WordPress Plugins

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 web & design 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 web & design 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 web & design als Shortcode im Artikel eingebunden werden. Die Plugins von medani web & design werden mittels PHP, mySQL, XHTML, modernen Stylesheets (CSS3) und jQuery umgesetzt.

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

Kommentare deaktiviert
Tags

Entscheidung Webdesign – Teil2

Im 1.Teil der 3teiligen Reihe “Entscheidung Webdesign” hat medani web & design eine kurze Hilfestellung gegeben, ob für Ihre Webseite ein fertiges Template oder doch ein individuelles Webdesign die bessere Wahl ist.

Heute geht es um die Frage warum Multi-Screen-Designs für Webseiten wichtig sind.
Prinzipiell geht es dabei um die Tatsache, dass kleine Monitore mit geringeren Aufösungen als 1024×768 Pixel am Arbeitsplatz im Verschwinden begriffen sind. Auch die meisten Laptops und Notebooks besitzen mittlerweile ansprechende Auflösungen, und daher muss man in der Entwicklung auf diese Geräte keine große Rücksicht mehr nehmen. Flexible Layouts sorgen im Normalfall für eine optimale Darstellung auf Laptop, PC, Netbook und Co.

Neu hinzugekommen sind in den letzten Jahren allerdings Smartphones, iPhone und nicht zu vergessen das iPad und Tablets. All diese Geräte besitzen keine einheitliche Bildschirmgröße und ein Design zu entwickeln, dass auf allen Geräten perfekt funktioniert ist eigentlich nicht möglich. Um zumindest für alle Geräte das passende Aussehen zu haben benötigt man Multi-Screen-Designs.

Multi-Screen-Design ist dabei eigentlich gar nichts aufregendes oder besonders Neues. Schon seit Jahren werden eigene Stylesheets für den Druck zusätzlich zu den Stylesheets für das Webdesign angeboten. Auch die Möglichkeit für andere Geräte eigene Stylesheets zu erstellen, ist hinreichend bekannt. Das Erstellen eigener Stylesheets ist dabei natürlich mit einem höheren Aufwand verbunden. Den größten Aufwand hat man normalerweise beim Anpassen des Inhalts an die Bildschirmgröße. Optional können noch bestimmte Textblöcke, Bilder und andere Details je nach Bedarf ein bzw. ausgeblendet werden. In diesem Punkt macht zumindest das Arbeiten mit div-containern richtig Spaß, da Inhalte dementsprechend in der Größe verändert, gefloatet oder anders positioniert werden können. Alte Webseiten, die noch in Tabellen aufgebaut sind, sind für Multi-Screen-Design eindeutig nicht zu gebrauchen.

Für spezielle Anwendungen oder gar eine vollständig eigene mobile Webseitenversion mit anderen Funktionen als die Vollversion, ist allerdings ein eigenes mobiles Webdesign Template die geeignetere Wahl, da sich ein eigenes Template noch besser an die Bedürfnisse anpassen lässt, als “nur” eine neue Stylesheet Datei.

Kommentare deaktiviert
Tags

Internationalisierung einer Webseite – Encoding

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.

UTF-8 Codierung 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. UTF-8 Codierung einer Webseite

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.

Kommentare deaktiviert
Tags

mobile Webseiten – Subdomain mit Redirect

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 web & design 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.

Kommentare deaktiviert
Tags

Mitarbeiter Datenbank

medani web & design 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.

Kommentare deaktiviert
Tags

jQuery mit anderen Bibliotheken nutzen

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)

Kommentare deaktiviert
Tags

Webapplikationen

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)

Kommentare deaktiviert
Tags

Was ist jQuery?

Oft hört man im Web die Begriffe AJAX und jQuery. medani web & design 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)

1 Kommentar
Tags

Reporting Tool – Webprogrammierung

medani web & design 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.

Kommentare deaktiviert
Tags

Mozilla Prism

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 web & design 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.

Kommentare deaktiviert
Tags

News | Programmierung | Technik | webprogrammierung

Webdesign Wien für Neuwirt-Bleche

Für die Neuwirt-Bleche hat medani webdesign eine neue Webseite kreiert. Neben einem Redaktionssystem sollte ebenfalls ein modernes Webdesign in Verbindung mit dem Corporate Design erstellt werden.

Zusätzlich wurde eine Slideshow in der Seite definiert, die dem Besucher abwechselnd verschiedene Bleche zeigt.

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

Kommentare deaktiviert
Tags

Webdesign Wien für B2B-Station

Für die neue Business-Plattform B2B-Station hat medani web & design ein völlig neues Online-portal geschaffen. Dabei sollte neben einem normalen Redaktionssystem auf der Webseite eine Plattform mit Firmen- und Branchenübersicht geboten werden. Ebenfalls können sich die Firmen innerhalb Ihrer Branche untereinander austauschen, Kontakte pflegen oder Neuigkeiten und neue Produkte/Dienstleistungen posten.

Damit Firmen noch zusätzlich auf sich aufmerksam machen können wurde zusätzlich ein Werbemodul für die Webseite geschaffen.

Details zu diesem Projekt finden Sie auf der Referenzseite.

Selbstverständlich wurde auch die Standard-Suchmaschinenoptimierung von medani web & design eingerichtet.

Kommentare deaktiviert
Tags

Content Management System | News | Webdesign Wien | webprogrammierung

Promotiontool – Webprogrammierung

medani web & design 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.

Ontourmarketing Promotiontool

Kommentare deaktiviert
Tags

Walid Awad - ZoZ.at: „Wir haben das neue Design unserer Webseite www.zoz.at von medani web & design gestalten lassen. Wir waren schon vom ersten Webdesign-Entwurf und von ...