Auf einen Blick. Auf einen Blick

Größe: px
Ab Seite anzeigen:

Download "Auf einen Blick. Auf einen Blick"

Transkript

1 Auf einen Blick Auf einen Blick 1 Apps HTML5 in der mobilen Webentwickung Konzeption und Gestaltungsprinzipien HTML5 als Designwerkzeug Positionsbestimmung Auslesen des Bewegungssensors mit JavaScript Offline damit eine App in jedem Winkel der Welt funktioniert WebApps mit Frameworks entwickeln Native Anwendungen und App-Stores Windows Phone Weiterführende Informationen

2 Inhalt Inhalt Vorwort Bevor s richtig losgeht Installation von XAMPP Apps Native Apps vs. WebApps WebApps allgemein Native Apps auf mobilen Geräten Apples App Store, Google Play und Co WebApps auf mobilen Geräten Native App oder WebApp? Warum ist es sinnvoll, auf Touch-Geräten zu entwickeln? Der Mobilsektor boomt Browsertechnik auf Mobilgeräten Showcase das können HTML5-Apps HTML5 in der mobilen Webentwickung HTML5 Definition und aktueller Stand HTML als Standard HTML5 als Marketinginstrument HTML5 als Flash-Ablösung? Was HTML5 bietet Der Aufbau einer einfachen HTML5-Seite Semantische Elemente in HTML CSS3 Grundlagen und Neuerungen Was ist eigentlich CSS? Styling mit einer CSS-Datei Gestalten mit CSS Tipps und Tricks Die Neuerungen von CSS3 welche sind heute schon einsetzbar?

3 Inhalt 2.4 Desktop vs. Mobile die Unterschiede Möglichkeiten und Limitationen von HTML5 auf einer mobilen Plattform HTML und CSS für kleine Bildschirme Von der Webseite zur WebApp Entwickeln mit JavaScript-Frameworks Zepto und Co Die JavaScript-Syntax Einführung in Zepto Wichtige Funktionen in Zepto JavaScript auf dem iphone testen Die Geschwindigkeit einer WebApp verbessern Kompression Die richtige Reihenfolge So wenig Anfragen wie möglich Konzeption und Gestaltungsprinzipien Touch-typisches Design in der Praxis Der feine Unterschied zwischen Berühren und Klicken Der Anwender erwartet so einiges Aufbau einer App Auf der Couch oder in der Bahn Alles eine Frage der Ausrichtung Eine App konzipieren Vorüberlegungen was genau soll meine WebApp können? Gedanken und Inhalte ordnen HTML5 als Designwerkzeug Ordnung halten mit CSS-Rastersystemen Einsatz des Less CSS Frameworks Das Raster für einen speziellen Einsatz Magazine Grid Mal was anderes als Arial Webfonts Schriften im Web Webfonts Font-Services Vor- und Nachteile von Webfonts

4 Inhalt Vorsicht! Schriften und deren Lizenzen Webschriften in Aktion Hinzufügen von Audio und Video Video Audio Animationen mit CSS CSS-Transitions und CSS-Animations Animieren mit -webkit-transition Animieren mit -webkit-animation Manipulation mit -webkit-transform Animationen mit Adobe Edge Animate Adobe Edge Animate Ihr erster eigener Teaser Die Oberfläche von Adobe Edge Animate Einstimmung, erste Vorüberlegungen und Unterteilung des Teasers Voreinstellungen: Die Einrichtung der Bühne Teil 1: Textelemente anlegen und animieren Teil 2: Fakten, schnell und knackig! Teil 3: Der Abbinder und der»call to Action« »Call to Action«Erstellung eines Buttons Der HTML-Code von Adobe Edge Animate im Detail Abschließende Worte zu Adobe Edge Animate Zeichnen mit JavaScript das canvas-element Erster Schritt: Canvas und Context registrieren Grundlegende Funktionen Zeichnen per Touch-Eingabe In der Praxis Canvas oder CSS? Canvas-Bibliotheken Positionsbestimmung Die Positionsbestimmung mit HTML Weitere Eigenschaften der Positionsbestimmung Die Where-to-Eat-App Position auf einer statischen Karte eintragen Interaktive Karten mit der Google Maps JavaScript-API einbinden Liste der Restaurants laden und ausgeben

5 Inhalt Den Abstand zwischen zwei Koordinaten berechnen Die Programmoberfläche Eine Symbolleiste einfügen Die Restaurantliste erstellen Der letzte Schliff More Fun mit Geodaten Yelp-API foursquare-api Google Places Twitter-API Flickr-API Auslesen des Bewegungssensors mit JavaScript Diese Daten liefert der Bewegungssensor Vorüberlegungen zur App»Shake it like a Polaroid picture« »Shake it like a Polaroid picture«die Umsetzung Die HTML-Datei Laden eines Bildes aus dem Fotodienst Flickr via JSON Die CSS-Datei Das Laden eines Polaroids Das Sahnehäubchen eine leichte Rotation des Polaroids Die Anzeige eigener Bilder mit dem Input-Element Einführung in den Dateiupload ab ios 6 und Android Erweitern der Shake-it-WebApp um eigene Fotos Übersicht Abschließende Worte/Einschränkungen Offline damit eine App in jedem Winkel der Welt funktioniert Abhilfe schafft das Cache-Manifest Die Struktur der Cache-Manifest-Datei Ihre erste Cache-Manifest-Datei Wann werden welche Daten gecached? Die Cache-Manifest-Datei im Einsatz

6 Inhalt 7.2 Der Local Storage die Offline-Datenbank localstorage-funktionen Temporäre Speicherung von Daten im Session Storage Die Offline-To-do-App Welche Anforderungen muss Ihre To-do-App erfüllen? Der Wireframe der To-do-App Funktionsbezogene Animation Zusätzliche EventHandler Checkliste zum Überprüfen der Offline-Fähigkeit einer WebApp WebApps mit Frameworks entwickeln Entwicklung einer WebApp mit jquery Mobile Zum Heiteren Hering ein Fischrestaurant als WebApp Die Startseite Kurze Kaffeepause ein Blick hinter die Kulissen von jquery Mobile À la Carte die Menüseite Implementierung einer Google Maps-Karte inklusive Routenplanung Ein Kontaktformular mithilfe von PHP jquery Mobile-Apps mit dem ThemeRoller und dem Interface-Builder von Codiqa noch schneller entwickeln Die Entwicklung einer App mit Sencha Touch Installation und erste Schritte mit Sencha Touch Interaktive Diagramme mit Sencha Touch Charts die Wetterstation HTML5-Tablet-Magazin mit Sencha Touch Responsive Apps mit Twitter Bootstrap Was ist das Responsive Webdesign? Was ist Bootstrap? Grundlagen Die Instagram-App Ressourcen

7 Inhalt 9 Native Anwendungen und App-Stores Eine WebApp wird zur nativen Anwendung Die Vor- und Nachteile einer nativen App Die Erstellung einer nativen App mit PhoneGap (Apache Cordova) »Shake it like a Polaroid picture«die native Version Die kompilierten App-Dateien mithilfe von PhoneGap Build erstellen Apple-Zertifikate und Profile Einbinden von Zertifikat und Profil in PhoneGap Build Endlich! Das Hochladen der Shake-it-like-a-Polaroidpicture-Daten Die App-Datei auf dem Endgerät installieren Icon- und App-Namen in PhoneGap Build anpassen Abschließende Worte zu PhoneGap und PhoneGap Build Ein Spiel mit PhoneGap Die Welt der Spiele Die Grundausstattung Runde für Runde JavaScript, die Erste Die Positionierung einer Schießscheibe Das Resultat einblenden Hinzufügen der PhoneGap-Funktionen Lasset die Duelle beginnen Eine native Magazin-App mit Laker Die Veröffentlichung einer App in einem App-Store Das Veröffentlichen einer App in Apples App Store Das Veröffentlichen einer App in Google Play Publizieren der WebApp in einem Store oder als Webseite Auf den Vollbildmodus hinweisen Die Alternative zu App-Stores OpenAppMarket Weitere Möglichkeiten Windows Phone Was ist Windows Phone? Der Browser Gestaltungsprinzipien des Modern UI

8 Inhalt Grundlagen Raster Die To-do-App Zum Home-Bildschirm hinzufügen Weiterführende Infos A Weiterführende Informationen 507 A.1 HTML5 und CSS A.2 JavaScript und nützliche Tools A.3 ios, Apple A.4 Android, Google A.5 Technologie und Gadgets A.6 Digital Publishing A.7 Design und Inspiration A.8 Sonstiges A.9 Interessante Twitter-Kontakte Index

9 Index.apk-Datei getCurrentPosition() htaccess , 339.ipa-Datei , 454, 477.p :active :first-child :last-child... Generator , 204 3D-Animation D-Effekt G-Verbindung Finger-Swipe Finger-Pinch A Abbinder Abbuchungsvorgang Abzeichen Achsenbewegung Achsenwert Acid2-Test acronym ActiveX-Objekt , 192 Adaptionsrate Add Key Add2Home addclass Administratorenrecht Adobe Adobe Edge Animate Adobe Flash... 38, 174 Adobe InDesign Adobe PhoneGap Build Adobe Photoshop... 47, 235 Adobe Typekit , 176, 179 Adobe-ID Adressleiste , 268 Advanced Audio Codec High Efficiency Advanced Audio Codec Low Complexity Advanced Audio Coding (AAC) Ajax Konzept Ajax (Forts.) Versand Ajax Spinner Ajax-Request Aktien-App Aktiengraph alert All in one Alleinstellungsmerkmal siehe USP Android Besitzer Gerät Marketplace SDK Version Android Developer Android Developer Console , 480 Android Marketplace... 27, 451 Android-Fans Angry Birds Animation , 211 Animationsdurchlauf Animationsrichtung Anschnitt Anwendung native Anwendungsbereich Anwendungsfall halbmobil Apache... 16, 17 Apache Cordova Apache Foundation API API_KEY API-Schlüssel APK-Format App Where to Eat App Store Zulassungsrichtlinien App-Datei , 477 append appendto App-Framework App-Icon... 81, 468 App-ID Apple Universal

10 Apple-Entwickler-Account Apple-ID Apple-Profil apple-touch-icon-precomposed Apple-Zertifikat Application Loader application-objekt App-Schema App-Store Array , 386, 398, 404, 408 Aside Magazine , 483 aside-element Asynchron Asynchronous JavaScript And XML attr Audio , 469 Audio Interchange File Format Audioformat Auflösung Automotive Agenda autoplay B background-size... 58, 287 Badge BakerFramework , 470, 471 Barcodescanner Base64-Format Baseline-Profil Bedienanweisung Bedienelement... 24, 140 Bedienmuster , 140 Bedienoberfläche , 341 Bedienschema before beginpath Benutzer Benutzerablauf Benutzeroberfläche... 30, 136, 147, 212 Benutzerposition Benutzerschemata Benutzer-Workflow Berners-Lee, Tim Beschleunigungskurve Betriebsbedingung Bewegung Bewegungsachse Bewegungssensor , 275, 435, 442 Bezahlprozess... 27, 29 beziercurveto Bézierkurve Bildergalerie Bildschirmauflösung Bildschirmtastatur Bit-Rate Blackberry Blindtextgenerator blur Bookmark Bookmark-Funktion Bookmarklet Bootstrap Bootstrap-Raster border-radius... 55, 459 Box box-shadow... 56, 59 Browserentwicklung Browsermarkt Browser-Plug-in Browserspiel Bundle ID Button , 140, 219, 419, 459 button-element C CACHE , 320, 321 Cache-Größe Cache-Manifest Cache-Manifest-Datei Caching-Mechanismus Calhoun, David Calibri Call to Action Callback-Funktion , 256, 390 Camera Canvas-Bibliothek canvas-element Carousel , 118, 129, 381, 406, 407, 408 Carousel-View Ceasar Easing Animation Tool center Certificates Siehe Zertifikat change Checkbox... 51, 501 Claim Clear click Codebasis Codecs Codiqa

11 Codiqa-Interface-Builder Comic Sans Context controls Creative Commons , 459 CSS Befehle Rastersystem CSS Effekte CSS3-Definition CSS-Animation CSS-Animations CSS-Transitions Cufon Cursor D Darstellungstechnologie data-add-back-btn data-back-btn-text data-icon datalist data-position data-role data-tap-toggle data-theme data-transition Date.now() Dateisystem Datenbank dblclick Deckkraft , 216 Default Layout Definitionssprache Design Made in Germany Designprinzipien Devices Diagramm , 381, 393, 396, 397, 402 Diagrammachse Diashow DIN Document Object Model DOM-Baum DOM-Objekt Don't Listen, observe DoubleTouch Drag & Drop , 432 Droid Sans Drop-down-Feld E ease-in , 216 ease-in-out ease-out e-book EDGE Eingabefeld , 502 Einkaufszettel Einsatzort Ein-Tasten-Telefon Elevator Pitch Elternelement Header Embed-Code Endlosschleife Entfernungsberechnung Entwickler Account , 472, 479 Schlüssel Zertifikat Entwurfssoftware Entwurfs-WebApp Erdradius Erfolgsmeldung Erwartungshaltung , 121, 135 Evans, Caleb EventHandler... 93, 465 EventListener , 333, 335, 338, 401 Ext JS Extra High Density Extra Large Screen F Facebook Fahrinfo-App Fahrstuhlfahrt FALLBACK Farbe Farbenblindheit Farbtransparenz Feed Fehlberührungen Fernbedienung FF Unit figcaption figure FileZilla fill

12 fillrect filltext Financial Times... 29, 320, 437 Fingerbewegung Fingerkuppe first-child Flash of Unstyled Content Flash s. Adobe Flash Flash-Plug-in Flash-Widget Flavius Josephus Flick Flickr 58, 157, 273, 275, 279, 283, 284, 285, 288, 289, 290, 439, 459 Account Feed Fotostream ID Flickr-API Flugmodus focus font Font-Service font-size FontSquirrel Fontstack font-style font-weight footer Formelemente Formular Formulardaten Förster-App Fotogalerie-App FOUC foursquare foursquare-api Frage-Antwort-App frame Frame-Rate Framework Franchise FTP-Server Fullscreen-Option Funkloch Funktionsbeschreibung Für Web und Geräte speichern Fußzeile G Game-Engines GDlib Gebühr Geodaten Geofunktion Geolocation Geolocation-App Geoposition Georgia Gerätehardware Geschlossenes System Geschwindigkeitszuwachs Gestaltungsprinzip Geste Gesten... 30, 110 getcontext getjson... 99, 361 Git Git Repository Gittermodell s. Wireframe Global Positioning System Google Analytics Google Checkout Google Mail... 23, 24 Google Maps Google Maps JavaScript-API , 253, 262 Google Music Google Places Google Play Google Web Font Directory Google Web Fonts google.maps.marker Google-Places-API GPS Abfrage Empfänger Koordinate Graphen Gravitation Greenwich Grid Layout Grid-Element Grundlinienraster GUI-Template Gummibandeffekt Gutenberg Gutters

13 H H halbmobil , 135 Hallo Welt... 86, 383 Handskizze Handysendemast Haptik Hardwarefunktion Hardwarekomponente Hashtag Hauptpfad Header header-element Helvetica HEX... 47, 57 Hey Ya hide High Density Highscore Hilfslinie Hintergrundbild... 44, 59 Hintergrundfarbe Hintergrundmusik , 196 Hintergrundmuster Hintergrundprozess Hirnstrom Home-Bildschirm... 81, 503 Home-Button Hörsaal hover... 68, 93 HTC htdocs HTML Formularfeldtypen Showcase HTML5-Apps HTML-MP3-Player Hybridkarte Hyperlink Hypertext Hypertext Markup Language I Icon , 498 Icon Sweets iconmask id IDC iframe ImageMagick ImageOptim Indikator Infobox Infokasten Inhaltsverzeichnis initial-scale innerheight innerwidth input Instagram... 25, 420 Instant Messenger Integer Interaktive Google-Karte Interaktivität Interface Interface-Builder Interface-Element Interface-Framework Interfaces , 115 Internet Explorer... 32, 492 Internetverbindung Intros Investor ios Provisioning Portal ios-style IP-Adresse iphone Mockup itunes Connect , 473, 476, 477, 478, 479 App J Java JavaScript Frameworks Konsole Syntax JavaScript-Interaktion jcanvas JPEG jplayer jqplot jqtouch jquery Plug-in jquery Mobile JSON , 283, 285, 358 API Aufruf Callbacks

14 JSON (Forts.) Feed , 394 Format , 394 Objekt Validator JSON-Datei JSON-Format JSONLint JSON-Objekt JSONP-Request JSONStore K Kachel Kamera Kameraaufruf Karte , 244 Ausschnitt , 252 dynamische , 255 interaktive Kartenmaterial statische Typ Karussell keydown Keyframe , 203, 336 keygen keypress keyup Kill-Switch Klasse verschachtelte Klassen... 48, 51 Klassendefinitionen Klassenname Kollektion Kolumnentitel Kommandozeilentool Kommunikationskonzept Kompass Komplex-symbiotisch Konkurrenz Kontaktformular Kontaktliste Kontaktseite Kontrast Konverter Konzeption , 134 Kopfzeile Korpi, Joni L Ladebalken Ladebildschirm Ladekreis Ladezeit Laker Compendium , 470 Laker Starter Pack Landscape-Modus Large Screen Lastenheft Latitude Launch-Funktion , 384, 405 Lautstärketaste Leckerli One Lehni, Jürg Leonello, Chris LESS CSS Less CSS Framework LG Lichtverhältnis Lifestyle-Magazin Lifestyle-Parameter Linear lineto Lipsum Liste , 363 Listeneintrag Listenelemente Listenrand listview Lizenz load Local Storage , 325, 333, 334, 335 localstorage-objekt Logo Lokale Suchmaschine Lokaler Speicher Longitude LongTouch Low Density LTE M Magazin Magazin-App Magazine Grid Magazin-Frameworks Magazinlayout Magazin-Mash-up

15 Magnetresonanztomograf mail manifestr mark Marker Markierungsstil Marktforschung Marktumfeld , 137 Mash-up Master Detail maximum-scale Media Query... 61, 62 Medium Density Mehrspaltigkeit Menüleiste meta-tags meter Microblogging-Service... 34, 272 Microsoft Microsoft Visio Midi-Kompositionen Mikrofon... 30, 436 MiroVideoConverter Mitbewerber-Apps Mobilbereich Mobile Layout , 159 Mobile Safari... 33, 74 Mobile WebKit Mobilgerät Model-View-Controller Modern UI Modul Motorola mousedown mousemove MouseOver mouseup moveto MP Multimedia-Anwendungen Multimedia-Element Muster MySQL... 16, 324 N Native Anwendung Native App Nachteil Native App (Forts.) Vorteil navbar Navigationselement Navigationsgerät Navigationsleiste , 350 Navigationssystem navigator.geolocation Netbook Netscape NETWORK Newsticker Nirvana Nokia Nokia Communicator Nokia Lumia Normal Screen Noticia Text notification Notiz Nutzer-Flow Nutzerforum Nutzertest Nutzerverhalten Nutzerzentriertes Design O Objective-C , 470 off Offline , 317, 326, 499 Offline-App Offline-Datenbank Offline-Modus Ogg Audio Ogg Theora OmniGraffle on ondevicemotion , 277 opacity Open Source OpenAppMarket Open-Source-Framework OpenType-Format Opera Orientierung Outer margins Outkast output Overlays

16 P Pagina panel Paper.js Papierprototyp Performancevorteil Pflichtenheft PhoneGap , 456 Plug-in PhoneGap Build , 445, 465 PHP , 372, 373, 374, 375, 376 Pinch Pixelraster Pixelverdopplung placeholder-attribut Plattform Android ios Plattformunabhängig Playbook Play-Pause-Button Plug-in PNG PNG PngOptimizer Pocket Island Polaroid Portraitmodus Position... 44, 123 position.coords.accuracy position.coords.altitude position.coords.altitudeaccuracy position.coords.heading position.coords.speed position:fixed Positionierung Positionsabfrage Positionsbestimmung Positionsdaten Positionssensor poster Post-its Präfix prepend preserve-3d Privater Schlüssel Profil Apple Programmiersprache Programmierung progress Prototyp Provisioning Provisioning Portal Provisioning Profil Pseudoklasse Pseudomobil , 135 Public APIs Publikation Puckey, Jonathan Pupillenbewegung Pythagoras Q Querverweis R Radio-App Radiobutton Raster , 495 Rastersystem , 150 Reason Why Rechner wissenschaftlicher Red Bull Registerreiter Regularie... 29, 436 Reliefkarte Reload remove removeclass Rendering Engine Reset Reset CSS Responsive App Responsive Webdesign Retina Retina-Displays RGB RGBA... 57, 59 Rollball root Rotate rotate rotatey Rot-Grün-Schwäche Route Routenplanung , 371 Rundungsfehler

17 S Samsung Sandbox-Modell Satellit Satellitenkarte Schablonen Schablonenmethode Schadsoftware Schlagschatten Schlüssel , 324, 447, 448, 450, 451 Schlüsselbild , 211, 215 Schlüsselbund Verwaltung Schnitt Schrift , 180 Schriftart... 44, 214 Schriftdarstellung Schriftgestaltung Schriftgröße Schriftschnitte Schriftstärke Schriftstil Schüttelgeste Scroll Scrollverhalten... 69, 76 Segoe UI Seitenwechsel Selection Colours Selektionsfarbe Selektor Sencha Touch , 381 Syntax Sencha Touch Charts Sensor Serien Seriennummer Serververbindungen Session Storage settimeout Shake-Event Sharky Shazam Shoji Ansicht show Sicherheitsbedenken sifr Signal Signing Silbentrennung Situation Situationsbeschreibung , 140 Skeuomorphes Design Skin Skriptsprache SKU-Nummer Slider Slideshow , 469 Small Screen Smaller Smartcover Social-Network-Anwendung Soft-Hyphen Softwareentwicklung Softwareschema Sonnenlicht Sounddatei Soundeffekt , 466 Spalten , 416 Spiel , 128, 235, 456, 457 Splashscreen Spotlight-Suche Stadtführer Standardlayout Standardstil Startbildschirm , 457 Static Maps-API Statusleiste Stern-App Store-Betreiber Storyboard Storyboard-Methode Straßenkarte String strip_tags stroke Stylesheet submit Subtle Patterns subtlepatterns Suchfunktion Suchmaschine lokale Surfer-App SVG Swipe switch-anweisung Symbian Symbol , 495 Symbolleiste ,

18 System geschlossenes Systemschrift T Tab Tablet Apps Bildschirm Magazin , 402 Tablet Layout Tabs , 124, 417 Tageslicht Tags teehan+lax Testablauf Testlabor Testperson , 146 Testsituation Texteingabefeld Textfeld Textur The Noun Project Theme ThemeRoller Themes Thumbnail time Times New Roman Tippen Titelleiste , 131 Titelzeile To-do-App , 499 To-do-Liste , 326, 327, 334 toggle toggleclass Ton Toolbar toolbar-element , 404 Tooltip... 68, 110, 236, 484 Touch Touch Charts touchend Touch-Gerät , 134 Touch-Geste touchicon Touch-Oberfläche Touchscreen touchstart , 465 Trailer Transformation Triangulieren Trident Trojaner Tutorial-Ansicht Tweets Twitter... 33, 34, 196, 272 Twitter Bootstrap Twitter Pitch Twitter-API Typografie U U-Bahn Übertragungsgeschwindigkeit UDID UglifyJS UI Stencils Umfrage Umgebung Unique Selling Proposition siehe USP Updatezyklus Usability-Labor Userflow user-scalable USP UTF , 175 V var Vektorformat Vektorgrafik Vendor-Präfix Verbindungsgeschwindigkeit Verdana Verlaufsgenerator Version Verwendungsort Vibrationsalarm video-element Viewport... 80, 84, 133, 406, 408 Vimeo Viren Vollbild Vollbildmodus Vollbildvideos Vollmobil Vorüberlegung

19 W W3C-Konsortium Wave Wave-Dateien WebApp-Store Webeditor Webfonts WebGL WebKit... 32, 37, 55, 199 -webkit-animation webkit-animation-delay webkit-animation-direction webkit-animation-duration webkit-animation-fill-mode , 338 -webkit-animation-iteration-count webkit-animation-name webkit-animation-timing-function webkit-appearance webkit-backface-visibility webkit-linear-gradient webkit-overflow-scrolling webkit-tap-highlight-color webkit-transform , 295 -webkit-transform-style webkit-transition Webmailer webos Webschrift Webserver Webspace Werkzeugleiste Werteinhalt Wertepaar , 324 Werteschlüssel Wetter-API Wetter-App , 393 Wetterdaten Wetterdiagramm Wetterstation Wide Mobile Layout Wildcards window-element Windows Windows CE Windows Phone... 13, 142, 436, 438, 445 Windows Phone Windows Phone Windows Phone Store Windows RT Windows Vista Wireframe Modell Workflow World Weather Online X X-Achse XAMPP Control Panel Installation Netzwerkkonfiguration Server Xcode XMLHttpRequest xtype Y Y-Achse Yanone Kaffeesatz Yelp-API YouTube Z Z-Achse Z-Beschleunigung Zeewe Zeichen-App Zeichensatz Zeichnen , 231 Zeit Zeitleiste Zeitschriftenabo ZEN Player Zepto... 90, 458 Objekt Zertifikat Apple Entwickler , 447, 450 Zielgerät Zielgruppe Zielgruppenanalyse Zielgruppenvertreter z-index Zoomstufe Zootool Zufallsfunktion Zufallszahl ,

20 Zulassungsrichtlinie WebApp-Store Zulassungsverfahren Zurück-Button Zwitschern

Apps mit HTMLS und CSS3

Apps mit HTMLS und CSS3 Florian Franke, Johannes Ippen Apps mit HTMLS und CSS3 für ipad, iphone und Android Galileo Press.... ~ Auf einen Blick Auf einen Blick Apps 21 2 HTMl5 in der mobilen Webentwickung 35 3 Konzeption und

Mehr

Auf einen Blick. Auf einen Blick

Auf einen Blick. Auf einen Blick Auf einen Blick Auf einen Blick 1 Apps... 23 2 HTML5 in der mobilen Webentwickung... 37 3 Konzeption und Gestaltungsprinzipien... 109 4 HTML5 als Designwerkzeug... 149 5 Positionsbestimmung... 239 6 Auslesen

Mehr

Inhalt. 1 Apps 21. 2 HTML5 in der mobilen Webentwickung 35. 1.1 Native Apps vs. WebApps... 21

Inhalt. 1 Apps 21. 2 HTML5 in der mobilen Webentwickung 35. 1.1 Native Apps vs. WebApps... 21 Inhalt Inhalt Vorwort... 11 1 Apps 21 1.1 Native Apps vs. WebApps... 21 1.1.1 WebApps allgemein... 22 1.1.2 Native Apps auf mobilen Geräten... 22 1.1.3 App Store, Google Play und Co.... 25 1.1.4 WebApps

Mehr

WEBAPPS MEDIEN ZWISCHEN TECHNOLOGIE UND GESELLSCHAFT PROF. DR. MANFRED THALLER JONAS SCHOPHAUS UNI KÖLN WS 2012

WEBAPPS MEDIEN ZWISCHEN TECHNOLOGIE UND GESELLSCHAFT PROF. DR. MANFRED THALLER JONAS SCHOPHAUS UNI KÖLN WS 2012 WEBAPPS MEDIEN ZWISCHEN TECHNOLOGIE UND GESELLSCHAFT PROF. DR. MANFRED THALLER JONAS SCHOPHAUS UNI KÖLN WS 2012 AGENDA 1. Native versus webbasierte Apps 2. HTML5 & CSS3 1. Media Queries 2. Geolocation

Mehr

HTML5- Apps. für iphone und Android. HTML5, CSS3 und jquery Mobile: Design, Programmierung und Veröffentlichung plattformübergreifender Apps

HTML5- Apps. für iphone und Android. HTML5, CSS3 und jquery Mobile: Design, Programmierung und Veröffentlichung plattformübergreifender Apps Markus Spiering / Sven Haiges / Rene Scholze HTML5- Apps für iphone und Android HTML5, CSS3 und jquery Mobile: Design, Programmierung und Veröffentlichung plattformübergreifender Apps 5 Inhaltsverzeichnis

Mehr

App Entwicklung mit Hilfe von Phonegap. Web Advanced II - SS 2012 Jennifer Beckmann

App Entwicklung mit Hilfe von Phonegap. Web Advanced II - SS 2012 Jennifer Beckmann App Entwicklung mit Hilfe von Phonegap Web Advanced II - SS 2012 Jennifer Beckmann http://www.focus.de/digital/internet/netzoekonomie-blog/smartphone-googles-android-laeuft-konkurrenz-in-deutschland-davon_aid_723544.html

Mehr

Webseiten und Web-Apps grafisch gestalten mit HTML5 Canvas ohne Flash und sonstige Tools

Webseiten und Web-Apps grafisch gestalten mit HTML5 Canvas ohne Flash und sonstige Tools Webseiten und Web-Apps grafisch gestalten mit HTML5 Canvas ohne Flash und sonstige Tools 1 Kurze HTML-Geschichte Die HTML4-Spezifikation wurde im Dezember 1997 vorgelegt. Seitdem Stagnation! Das W3C arbeitete

Mehr

Service Coding Crash Course

Service Coding Crash Course Service Coding Crash Course Willkommen! noch 2 wilde Tage! Bisher: Aufbau von Models, scaffolding, Formulare Formatierung, Assets einbinden, Layout, Navigation Ziel heute: Mobile Browser, JavaScript APIs

Mehr

Immer mehr lebt mobil

Immer mehr lebt mobil Immer mehr lebt mobil mehr als 4.600.000.000 Mobilgeräte breite Verfügbarkeit neuer always-on und Apps Lifestyle 2 Trittsicher auf allen mobilen Pfaden mit HTML5 und jquery Mobile Mike Baird http://flickr.com/photos/mikebaird/482031103/

Mehr

Christian Immler. Der Crashkurs für Android, und Windows Phone. Mit 309 Abbildungen

Christian Immler. Der Crashkurs für Android, und Windows Phone. Mit 309 Abbildungen Christian Immler Der Crashkurs für Android, und Windows Phone Mit 309 Abbildungen Inhaltsverzeichnis 1 - die Großen Drei 9 1.1 Kultspielzeuge für jedermann 10 1.2 Android: der Herausforderer 11 1.2.1 Die

Mehr

1.1 Für wen ist dieses Buch geeignet? Für wen ist dieses Buch eher nicht geeignet? Was erwartet Sie in diesem Buch? 6

1.1 Für wen ist dieses Buch geeignet? Für wen ist dieses Buch eher nicht geeignet? Was erwartet Sie in diesem Buch? 6 D3kjd3Di38lk323nnm 1 Einleitung... 1 1.1 Für wen ist dieses Buch geeignet? 4 1.2 Für wen ist dieses Buch eher nicht geeignet? 5 1.3 Was erwartet Sie in diesem Buch? 6 2 Die Adobe Digital Publishing Suite

Mehr

Wo steht HTML5 Überblick, Möglichkeiten, Zukunft (ohne Anspruch auf Vollständigkeit)

Wo steht HTML5 Überblick, Möglichkeiten, Zukunft (ohne Anspruch auf Vollständigkeit) 1 Wo steht HTML5 Überblick, Möglichkeiten, Zukunft (ohne Anspruch auf Vollständigkeit) Sven Brencher 2 Wie ich zu Webentwicklung stehe Yeah Flexbox! Entwickler vs. Unternehmer ROI? 3 Wie kann man HTML5

Mehr

Autorensysteme für mobile Anwendungen - Totgesagte leben länger. Prof. Dr. Michael Bauer 25.10. 2012 Autorensysteme

Autorensysteme für mobile Anwendungen - Totgesagte leben länger. Prof. Dr. Michael Bauer 25.10. 2012 Autorensysteme Autorensysteme für mobile Anwendungen - Totgesagte leben länger Was ist, was will ein Autor? Produzent interaktiver, multimedialer Inhalte geschlossene Einheiten (Apps) keine Grenzen für Kreativität Entwicklungs-

Mehr

Präsentation Von Laura Baake und Janina Schwemer

Präsentation Von Laura Baake und Janina Schwemer Präsentation Von Laura Baake und Janina Schwemer Gliederung Einleitung Verschiedene Betriebssysteme Was ist ein Framework? App-Entwicklung App-Arten Möglichkeiten und Einschränkungen der App-Entwicklung

Mehr

c t HTML 5 App Werbemittelanforderung

c t HTML 5 App Werbemittelanforderung c t HTML 5 App Werbemittelanforderung Preise und Spezifikationen Werbeform Platzierung Preis Print/App-Kombi Opening Page Opening Page Print/App-Kombi Marktanzeigen (Fullscreen, ½, ¼ Screen) Innerhalb

Mehr

Mobile Kartenanwendungen im Web oder als App?

Mobile Kartenanwendungen im Web oder als App? Mobile Kartenanwendungen im Web oder als App? Agenda Anforderungen an eine mobile Kartenanwendung Warum mobile Anwendungen? Mobil ist nicht genug! Knackpunkte bei der Entwicklung mobiler Kartenanwendungen

Mehr

Martin Fache (KIDS interactive) - Anforderungen an eine mobile/responsive Website Vortrag zum Seitenstark Fachtag

Martin Fache (KIDS interactive) - Anforderungen an eine mobile/responsive Website Vortrag zum Seitenstark Fachtag Agenda Entwicklung der Internet-fähigen Geräte Motivation für mobile Optimierung Lösungsansätze und Praxisbeispiele Im Jahr 2000 http://dag.wosc.edu/?gallery=wosc-computer-collection Im Jahr 2000 Webseite

Mehr

Webseiten werden mobil Planung geht vor

Webseiten werden mobil Planung geht vor Webseiten werden mobil Planung geht vor Mobiles Web Aspekte der Planung 20. April 2012 Inhaltliche Schwerpunkte Einordnung mobiler Technologien Besonderheiten mobiler Touchscreen-Geräte Best Practices

Mehr

3-W-Event. Simplify! Ganzheitliche Gestaltungskonzepte neue Trends im Webdesign. Sabrina Schoenfelder Projektleitung, Beratung

3-W-Event. Simplify! Ganzheitliche Gestaltungskonzepte neue Trends im Webdesign. Sabrina Schoenfelder Projektleitung, Beratung 3-W-Event Simplify! Ganzheitliche Gestaltungskonzepte neue Trends im Webdesign Sabrina Schoenfelder Projektleitung, Beratung internezzo ag Grundstrasse 4b CH-6343 Rotkreuz Tel. +41 41 748 02 48 www.internezzo.ch

Mehr

Cross-Platform Apps mit HTML5/JS/CSS/PhoneGap

Cross-Platform Apps mit HTML5/JS/CSS/PhoneGap Cross-Platform Apps mit HTML5/JS/CSS/PhoneGap Proseminar Objektorientiertes Programmieren mit.net und C# Florian Schulz Institut für Informatik Software & Systems Engineering Einführung Was hat Cross-Plattform

Mehr

Mobile Doku mit altbekannten Werkzeugen. Prof. Sissi Closs

Mobile Doku mit altbekannten Werkzeugen. Prof. Sissi Closs Mobile Doku mit altbekannten Werkzeugen Mobile Doku? Ein neues Buzz-Wort. Dazu später noch der neue tekom Leitfaden. Warum keine klassische Web-Help/Seite am mobilen Gerät? kein schönes Bedienerlebnis

Mehr

HYBRID-APPS ENTWICKELN. UWE MUTZ Univ.-Lektor Ing. MSc MAS

HYBRID-APPS ENTWICKELN. UWE MUTZ Univ.-Lektor Ing. MSc MAS HYBRID-APPS ENTWICKELN UWE MUTZ Univ.-Lektor Ing. MSc MAS ZIEL DES WEBINARS Einblick in die Entwicklung einer App auf Basis einer Website Verständnisgewinn zum Thema App-Entwicklung generell: Website Responsive

Mehr

Öko APEX Hybride Lösung für Smartphones mit APEX und PhoneGap

Öko APEX Hybride Lösung für Smartphones mit APEX und PhoneGap Öko APEX Hybride Lösung für Smartphones mit APEX und PhoneGap Christian Rokitta themes4apex Utrecht, Niederlande Schlüsselworte Oracle Application Express, Apps, Smartphone, PhoneGap, HTML5, CSS, jquery

Mehr

Robert R. Agular Thomas Kobert. 5. Auflage HTML. Inklusive CD-ROM

Robert R. Agular Thomas Kobert. 5. Auflage HTML. Inklusive CD-ROM Robert R. Agular Thomas Kobert 5. Auflage HTML Inklusive CD-ROM Vorwort 13 Einleitung 14 Arbeitsschritte 14 Wichtige Stellen im Buch 14 Buffi-Infokästen 14 Aufgaben 15 Wohin mit den Übungen? 15 HTML-Ordner

Mehr

Apollo Überblick. Klaus Kurz. Manager Business Development. 2007 Adobe Systems Incorporated. All Rights Reserved.

Apollo Überblick. Klaus Kurz. Manager Business Development. 2007 Adobe Systems Incorporated. All Rights Reserved. Apollo Überblick Klaus Kurz Manager Business Development 1 Was ist Apollo? Apollo ist der Codename für eine plattformunabhängige Laufzeitumgebung, entwickelt von Adobe, die es Entwicklern ermöglicht ihre

Mehr

Webportfolio Kurs 2 1

Webportfolio Kurs 2 1 Webportfolio Kurs 2 1 Inhalte Übersicht Konzeption und Gestaltung von Websites Strukturierung von HTML-Dokumenten Formatierung von HTML-Dokumenten Verwenden von Bildern, Links, Listen, Tabellen.. Einbettung

Mehr

Web-Modul in Lightroom 5. Stefan Sporrer

Web-Modul in Lightroom 5. Stefan Sporrer Web-Modul in Lightroom 5 Stefan Sporrer Photoshop Lightroom 5 Modul: Web Lightroom 5 Module Bibliothek Entwickeln Karte Buch Diashow Drucken Web Modul: Web Erstellen von Foto-Gallerien Kompletten Foto-Web-Sites

Mehr

Eine App, viele Plattformen

Eine App, viele Plattformen Eine App, viele Plattformen Anwendungsentwicklung für Mobile Heiko Lewandowski 23.04.2013 EINLEITUNG Festlegung App-Strategie: Welche Ziele möchte ich erreichen? Die Vielzahl der Plattformen und Geräte(hersteller)

Mehr

Video 1: Wie Sie eine Facebook Seite anlegen. Erstellen Sie ein kostenloses Facebook Konto auf http://www.facebook.com

Video 1: Wie Sie eine Facebook Seite anlegen. Erstellen Sie ein kostenloses Facebook Konto auf http://www.facebook.com Checklisten Video 1: Wie Sie eine Facebook Seite anlegen Erstellen Sie ein kostenloses Facebook Konto auf http://www.facebook.com Öffnen Sie die Seite http://www.facebook.com/pages/ und klicken Sie auf

Mehr

Sachwortverzeichnis... 251

Sachwortverzeichnis... 251 Inhalt Vorwort... V 1 WWW World Wide Web... 1 1.1 Das Internet Infrastruktur und Administration... 2 1.2 Datenübertragung... 4 1.3 Sprachen im Web... 6 1.4 Webseiten... 7 1.4.1 Clientseitige Dynamik...

Mehr

Ein- und Umbau von Spielen, Videos, Ton. Seitenstark-Fachtag, 13.Juni 2016

Ein- und Umbau von Spielen, Videos, Ton. Seitenstark-Fachtag, 13.Juni 2016 Ein- und Umbau von Spielen, Videos, Ton Seitenstark-Fachtag, 13.Juni 2016 Herausforderung Spieleumbau Ausgangssituation Ein beliebtes, bewährtes Spiel einer Website soll neu aufgelegt werden, damit es

Mehr

Di 8.4. Silverlight: Windows Presentation Foundation für s Web. Christian Wenz

Di 8.4. Silverlight: Windows Presentation Foundation für s Web. Christian Wenz Di 8.4 January 21-25, 2008, Munich, Germany ICM - International Congress Centre Munich Silverlight: Windows Presentation Foundation für s Web Christian Wenz Silverlight // WPF für s Web OOP 2008 // Di

Mehr

Webdesign Grundlagen. Michael Kraft, M.A. WS 2012/2013 hawk@herrkraft.de

Webdesign Grundlagen. Michael Kraft, M.A. WS 2012/2013 hawk@herrkraft.de Webdesign Grundlagen Michael Kraft, M.A. WS 2012/2013 hawk@herrkraft.de Bürokratie Termine & Kursliste & http://hawk.herrkraft.de Wer bin ich? michael kraft ba ma 2006 2012 hawk tutor interaction digital

Mehr

Workshop I. Technische Differenzierung mobiler Kommunikationslösungen am Beispiel NPO/NGO Kommunikation. 7. Juni 2011

Workshop I. Technische Differenzierung mobiler Kommunikationslösungen am Beispiel NPO/NGO Kommunikation. 7. Juni 2011 Workshop I Technische Differenzierung mobiler Kommunikationslösungen am Beispiel NPO/NGO Kommunikation 7. Juni 2011 Übersicht è Native Apps è Web-Apps è Mobile Websites è Responsive Design Mobile Kommunikation

Mehr

Ein mobiler Electronic Program Guide

Ein mobiler Electronic Program Guide Whitepaper Telekommunikation Ein mobiler Electronic Program Guide Ein iphone Prototyp auf Basis von Web-Technologien 2011 SYRACOM AG 1 Einleitung Apps Anwendungen für mobile Geräte sind derzeit in aller

Mehr

Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger

Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger Tutoring Projekt II // Master Druck- und Medientechnik // Beuth Hochschule für Technik Berlin // Berlin, 23.11.2013 Vorstellungsrunde Wer sind wir? Was machen wir? Webseite zum Kurs: http://beuthworkshop.wordpress.com

Mehr

Use Cases, Mockups, Prototyping Von der Idee zur App

Use Cases, Mockups, Prototyping Von der Idee zur App Use Cases, Mockups, Prototyping Von der Idee zur App Dipl.-Päd. Sandro Mengel 08. November 2012 The Beginning: Idee & Fragestellungen Eine App... für welche Zielgruppe? mit welchen Inhalten oder Features?

Mehr

PHP Kurs Online Kurs Analysten Programmierer Web PHP

PHP Kurs Online Kurs Analysten Programmierer Web PHP PHP Kurs Online Kurs Analysten Programmierer Web PHP Akademie Domani info@akademiedomani.de Allgemeines Programm des Kurses PHP Modul 1 - Einführung und Installation PHP-Umgebung Erste Lerneinheit Introduzione

Mehr

Relution Enterprise Appstore. Enable Enterprise Mobility. 2.5 Release Note

Relution Enterprise Appstore. Enable Enterprise Mobility. 2.5 Release Note Enable Enterprise Mobility 2.5 Release Note 1 Relution Release 2.5 Das neuste Relution Release in der Version 2.5 bringt eine ganz neue Erfahrung in den Enterprise Mobility Markt. Zwei Hauptfeatures dominieren

Mehr

DCCS Lotusphere Nachlese 2012 Was sind XPages? Mobile Features für XPages

DCCS Lotusphere Nachlese 2012 Was sind XPages? Mobile Features für XPages Wir automatisieren und optimieren Ihre Geschäftsprozesse DCCS Lotusphere Nachlese 2012 Was sind XPages? Mobile Features für XPages Thomas Brandstätter 06.03.2012 www.dccs.at Agenda Theorie Was sind XPages

Mehr

Windows 8.1. Grundkurs kompakt. Markus Krimm, Peter Wies 1. Ausgabe, Januar 2014. inkl. zusätzlichem Übungsanhang K-W81-G-UA

Windows 8.1. Grundkurs kompakt. Markus Krimm, Peter Wies 1. Ausgabe, Januar 2014. inkl. zusätzlichem Übungsanhang K-W81-G-UA Markus Krimm, Peter Wies 1. Ausgabe, Januar 2014 Windows 8.1 Grundkurs kompakt inkl. zusätzlichem Übungsanhang K-W81-G-UA 1.3 Der Startbildschirm Der erste Blick auf den Startbildschirm (Startseite) Nach

Mehr

Konzeption und Entwicklung einer mobilen Web-Applikation aus dem XML-Datenexport eines Redaktionssystems

Konzeption und Entwicklung einer mobilen Web-Applikation aus dem XML-Datenexport eines Redaktionssystems Konzeption und Entwicklung einer mobilen Web-Applikation aus dem XML-Datenexport eines Redaktionssystems Thomas Hennig 08.11.2013 Wiesbaden 1 Gliederung 1 Einleitung 2 Anforderungen 3 Funktionsprinzip

Mehr

Ihr IT-Dienstleister aus Bonn

Ihr IT-Dienstleister aus Bonn Ihr IT-Dienstleister aus Bonn Wer wir sind Sie sind auf der Suche nach einem Partner, der Sie bei der technischen Umsetzung Ihrer Online-Projekte zuverlässig und kompetent unterstützt? Wer wir sind Die

Mehr

Teil I: Das Design. 1 Webdesign und Webstandards... 17. 2 Gestaltung und Layout... 51. 3 Typografie... 105. 4 Farbe 129. 5 Medien...

Teil I: Das Design. 1 Webdesign und Webstandards... 17. 2 Gestaltung und Layout... 51. 3 Typografie... 105. 4 Farbe 129. 5 Medien... Teil I: Das Design 1 Webdesign und Webstandards... 17 2 Gestaltung und Layout... 51 3 Typografie... 105 4 Farbe 129 5 Medien... 145 AUF EINEN BLICK 6 Werkzeugkasten... 159 Teil II: Die Technik 7 (X)HTML

Mehr

AK Medientechnologien 08 App Deployment. Josef Kolbitsch josef.kolbitsch@tugraz.at http://businesssolutions.tugraz.at/

AK Medientechnologien 08 App Deployment. Josef Kolbitsch josef.kolbitsch@tugraz.at http://businesssolutions.tugraz.at/ AK Medientechnologien 08 App Deployment Josef Kolbitsch josef.kolbitsch@tugraz.at http://businesssolutions.tugraz.at/ Übersicht Allgemeines Personen (Zertifikate) Devices Apps Provisioning Profiles Deployment

Mehr

Online-Publishing mit HTML und CSS für Einsteigerinnen

Online-Publishing mit HTML und CSS für Einsteigerinnen mit HTML und CSS für Einsteigerinnen Dipl.-Math. Eva Dyllong Universität Duisburg Dipl.-Math. Maria Oelinger spirito GmbH IF MYT 07-2002 Web-Technologien Überblick HTML und CSS, XML und DTD, JavaScript

Mehr

Inhaltsverzeichnis. Florence Maurice. Mobile Webseiten. Strategien, Techniken, Dos und Don'ts für Webentwickler. ISBN (Buch): 978-3-446-43118-8

Inhaltsverzeichnis. Florence Maurice. Mobile Webseiten. Strategien, Techniken, Dos und Don'ts für Webentwickler. ISBN (Buch): 978-3-446-43118-8 Inhaltsverzeichnis Florence Maurice Mobile Webseiten Strategien, Techniken, Dos und Don'ts für Webentwickler ISBN (Buch): 978-3-446-43118-8 ISBN (E-Book): 978-3-446-43279-6 Weitere Informationen oder Bestellungen

Mehr

Apple Train the Trainer 10 App Store Submission. Josef Kolbitsch josef.kolbitsch@tugraz.at http://businesssolutions.tugraz.at/

Apple Train the Trainer 10 App Store Submission. Josef Kolbitsch josef.kolbitsch@tugraz.at http://businesssolutions.tugraz.at/ Apple Train the Trainer 10 App Store Submission Josef Kolbitsch josef.kolbitsch@tugraz.at http://businesssolutions.tugraz.at/ Übersicht Allgemeines Provisioning Profiles Application Binary vorbereiten

Mehr

Digitales Publizieren für Tablets

Digitales Publizieren für Tablets Michaela Lehr Richard Brammer Digitales Publizieren für Tablets Magazin-Apps mit InDesign für ipad, Android & Co. VII Inhalt 1 Einleitung 1 1.1 Worum es in diesem Buch geht...2 1.2 Worum es in diesem

Mehr

EPO Consulting GmbH. Ihr Partner für HTML5 und SAP UI5 Apps. www.epoconsulting.com. Stand 2015/04. EPO Consulting GmbH - 1 -

EPO Consulting GmbH. Ihr Partner für HTML5 und SAP UI5 Apps. www.epoconsulting.com. Stand 2015/04. EPO Consulting GmbH - 1 - EPO Consulting GmbH Ihr Partner für HTML5 und SAP UI5 Apps www.epoconsulting.com Stand 2015/04 EPO Consulting GmbH - 1 - EPO Mobile Apps für HTML5 und SAP UI5 Apps SAP bietet künftig für alle SAP Produkte

Mehr

AK Medientechnologien 09 App Store Submission. Josef Kolbitsch josef.kolbitsch@tugraz.at http://businesssolutions.tugraz.at/

AK Medientechnologien 09 App Store Submission. Josef Kolbitsch josef.kolbitsch@tugraz.at http://businesssolutions.tugraz.at/ AK Medientechnologien 09 App Store Submission Josef Kolbitsch josef.kolbitsch@tugraz.at http://businesssolutions.tugraz.at/ Übersicht Allgemeines Provisioning Profiles Application Binary vorbereiten App

Mehr

Installation des edu- sharing Plug- Ins für Moodle

Installation des edu- sharing Plug- Ins für Moodle Installation des edu- sharing Plug- Ins für Moodle [edu-sharing Team] [Dieses Dokument beschreibt die Installation und Konfiguration des edu-sharing Plug-Ins für das LMS Moodle.] edu- sharing / metaventis

Mehr

Good Practice: Entwicklung einer Smartphone App mit Unterstützung von Open Text WSM. OpenText Websolutions Usergroup, 28.01.

Good Practice: Entwicklung einer Smartphone App mit Unterstützung von Open Text WSM. OpenText Websolutions Usergroup, 28.01. Good Practice: Entwicklung einer Smartphone App mit Unterstützung von Open Text WSM OpenText Websolutions Usergroup, 28.01.2014, Mannheim netmedia the Social Workplace Experts 1995 gegründet 20 Experten

Mehr

Webseiten sind keine Gemälde. Webstandards für ein besseres Web. Webstandards für ein besseres Web

Webseiten sind keine Gemälde. Webstandards für ein besseres Web. Webstandards für ein besseres Web Webseiten sind keine Gemälde Webkrauts Die Initiative für die Webkrauts ging von einem Blogeintrag im August 2005 aus. Nach dem Aufruf fanden sich innerhalb von etwa drei Tagen über 60 Interessierte zusammen.

Mehr

iphone Apps vs. Mobile Web

iphone Apps vs. Mobile Web iphone Apps vs. Mobile Web Smartphone-Anwendungen im Museumsbereich Vortrag iphone App vs. Mobile Web von Ines Dorian Gütt auf der Herbsttagung 2010 Seite 1/27 Inhalt Einführung iphone Apps Apps in itunes

Mehr

Der schnelle Weg zu Ihrer eigenen App

Der schnelle Weg zu Ihrer eigenen App Der schnelle Weg zu Ihrer eigenen App Meine 123App Mobile Erreichbarkeit liegt voll im Trend. Heute hat fast jeder Zweite in der Schweiz ein Smartphone und damit jeder Zweite Ihrer potentiellen Kunden.

Mehr

Liferay 6.2. Open Source IT-Dienstleister. Ein modernes Open Source Portal System. forwerts solutions GmbH, Gabriele Maas

Liferay 6.2. Open Source IT-Dienstleister. Ein modernes Open Source Portal System. forwerts solutions GmbH, Gabriele Maas Liferay 6.2 Ein modernes Open Source Portal System forwerts solutions GmbH, Gabriele Maas Open Source IT-Dienstleister Liferay 6.2 Was ist neu? Liferay 6.2 Startseite Folie: 3 forwerts solutions GmbH 9.

Mehr

App-Entwicklung mit Titanium

App-Entwicklung mit Titanium App-Entwicklung mit Titanium Masterstudienarbeit von Betreuung Prof. Dr. M. von Schwerin App-Entwicklung mit Titanium 1 Gliederung 1.Titanium Eine Einführung 2.Programmierschnittstelle (API) 3.Module 4.App

Mehr

Inhaltsverzeichnis. Apps für Android entwickeln

Inhaltsverzeichnis. Apps für Android entwickeln Inhaltsverzeichnis zu Apps für Android entwickeln von Jan Tittel und Jochen Baumann ISBN (Buch): 978-3-446-43191-1 ISBN (E-Book): 978-3-446-43315-1 Weitere Informationen und Bestellungen unter http://www.hanser-fachbuch.de/978-3-446-43191-1

Mehr

Installation des edu-sharing Plug-Ins für Moodle

Installation des edu-sharing Plug-Ins für Moodle Installation des edu-sharing Plug-Ins für Moodle [Matthias Hupfer, Steffen Hippeli] [Dieses Dokument beschreibt die Installation und Konfiguration des edu-sharing Plug-Ins für das LMS Moodle.] edu-sharing.com

Mehr

Facebook Kurs Online Kurs Apps Entwicklungen für Facebook

Facebook Kurs Online Kurs Apps Entwicklungen für Facebook Facebook Kurs Online Kurs Apps Entwicklungen für Facebook Akademie Domani info@akademiedomani.de Allgemeines Programm des Kurs Facebook Modul 1 Einführung in die Programmierung Erste Lerneinheit Einführung

Mehr

Mission. TARGIT macht es einfach und bezahlbar für Organisationen datengetrieben zu werden

Mission. TARGIT macht es einfach und bezahlbar für Organisationen datengetrieben zu werden Mission TARGIT macht es einfach und bezahlbar für Organisationen datengetrieben zu werden Der Weg zu einem datengesteuerten Unternehmen # Datenquellen x Größe der Daten Basic BI & Analytics Aufbau eines

Mehr

Homepageerstellung mit WordPress

Homepageerstellung mit WordPress Homepageerstellung mit WordPress Eine kurze Einführung in die Installation und Einrichtung von WordPress als Homepage-System. Inhalt 1.WordPress installieren... 2 1.1Download... 2 1.2lokal... 2 1.2.1 lokaler

Mehr

Wir freuen uns, dass Sie sich für ein E-Book unseres Verlagshauses entschieden haben.

Wir freuen uns, dass Sie sich für ein E-Book unseres Verlagshauses entschieden haben. Leitfaden zum Download der E-Books unter www.baufachmedien.de Wir freuen uns, dass Sie sich für ein E-Book unseres Verlagshauses entschieden haben. In diesem Leitfaden erfahren Sie Schritt für Schritt

Mehr

Björn Seibert Manuela Hoffmann. Professionelles Webdesign I mit (X)HTML und CSS [

Björn Seibert Manuela Hoffmann. Professionelles Webdesign I mit (X)HTML und CSS [ Björn Seibert Manuela Hoffmann Professionelles Webdesign I mit (X)HTML und CSS [ Inhalt Vorwort 11 Über das Buch 11 Über die Autoren 12 Teil I Bevor es losgeht... 15 1 Einfach moderne Websites 19 1.1 Auf

Mehr

Consulting Development Design

Consulting Development Design Consulting Development Design 59. Bundesweites Gedenkstättenseminar - AG 4 Agenda Vorstellung Was verbirgt sich hinter einer mobilen App? Beispiel TABTOUR mehr als nur eine App Was ist jetzt und zukünftig

Mehr

CouchCommerce Online-Shops für Tablet Besucher optimieren, aber wie?

CouchCommerce Online-Shops für Tablet Besucher optimieren, aber wie? CouchCommerce Online-Shops für Tablet Besucher optimieren, aber wie? Wie Tablets die Post PC Commerce Ära einleiten Sie finden ein Video dieser Präsentation unter http://blog.couchcommerce.com/2012/06/03/couchcommerce-impressions-andvideo-from-the-shopware-community-day-2012/

Mehr

Apps mit HTML5 und CSS3

Apps mit HTML5 und CSS3 Florian Franke, Johannes Ippen Apps mit HTML5 und CSS3 für ipad, iphone und Android Auf einen Blick Auf einen Blick 1 Apps... 23 2 HTML5 in der mobilen Webentwickung... 37 3 Konzeption und Gestaltungsprinzipien...

Mehr

Webseiten erstellen für Einsteiger

Webseiten erstellen für Einsteiger Daniel Mies Webseiten erstellen für Einsteiger Schritt für Schritt zur eigenen Website Galileo Press Vorbemerkungen 15 1 Vordem Start 21 1.1 Wie kommt die Seite aus dem Internet auf meinen Computer? 21

Mehr

Eine eigene Seite auf Facebook-Fanseiten einbinden und mit einem Tab verbinden.

Eine eigene Seite auf Facebook-Fanseiten einbinden und mit einem Tab verbinden. Eine eigene Seite auf Facebook-Fanseiten einbinden und mit einem Tab verbinden. Nach den Änderungen die Facebook vorgenommen hat ist es einfacher und auch schwerer geworden eigene Seiten einzubinden und

Mehr

Süddeutsche Zeitung als digitale Ausgabe

Süddeutsche Zeitung als digitale Ausgabe Süddeutsche Zeitung als digitale Ausgabe Technische Spezifikationen für SZ-App- Anzeigen, Stand: 27.03.2015 Inhaltsübersicht 1. Einleitung und Anlieferungstermine S. 1 2. Anzeigen 2.1. Bildanzeigen statisch

Mehr

Referenzen Frontend und PHP

Referenzen Frontend und PHP Referenzen Frontend und PHP Stand: Dezember 2014 - Startseite Stand: Dezember 2014 - Seite wird mit PHP aus mysql Datenbank generiert - HTML5 und CSS3 - Aufbau mit - validiert von W3C www.georgien-nachrichten.de

Mehr

Mobile: Die Königsfrage

Mobile: Die Königsfrage Mobile: Die Königsfrage - Native App,Mobile Website oder doch Responsive Design? - Native App oder Mobile Website? Wer am Boom der mobilen Anwendungen teilhaben möchte, hat im Prinzip zwei Möglichkeiten:

Mehr

Auffrischung jquery. jquery Mobile. Marco Francke I 24.02.2011

Auffrischung jquery. jquery Mobile. Marco Francke I 24.02.2011 Auffrischung jquery jquery Mobile Marco Francke I 24.02.2011 Mayflower GmbH 2010 write less do more Marco Francke 24. Februar 2011 24.02.11 Mayflower GmbH 2 Mayflower GmbH 2010 Was ist jquery und was kann

Mehr

Apps mit HTML5 und CSS3

Apps mit HTML5 und CSS3 Florian Franke, Johannes Ippen Apps mit HTML5 und CSS3 für ipad, iphone und Android Auf einen Blick Auf einen Blick 1 Apps... 21 2 HTML5 in der mobilen Webentwickung... 35 3 Konzeption und Gestaltungsprinzipien...

Mehr

Wie richten Sie Ihr Web Paket bei Netpage24 ein

Wie richten Sie Ihr Web Paket bei Netpage24 ein Wie richten Sie Ihr Web Paket bei Netpage24 ein Eine kostenlose ebook Anleitung von Netpage24 - Webseite Information 1 E-Mail Bestätigung... 3 2 Ticketsystem... 3 3 FTP Konto anlegen... 4 4 Datenbank anlegen...

Mehr

Programmieren für mobile Endgeräte SS 2013/2014. Dozenten: Patrick Förster, Michael Hasseler

Programmieren für mobile Endgeräte SS 2013/2014. Dozenten: Patrick Förster, Michael Hasseler Programmieren für mobile Endgeräte SS 2013/2014 Programmieren für mobile Endgeräte 2 Inhalt Toast-Meldungen Permissions Sensoren GPS (Global Positioning System) Kamera Anzeigen von Koordinaten auf einer

Mehr

2. FAQ. 2.1 Headline Banner. Inhalt: 1.Installation. 1. Installation 2. FAQ 3. Einstellungen 4. Benötigen Sie weitere Hilfe?

2. FAQ. 2.1 Headline Banner. Inhalt: 1.Installation. 1. Installation 2. FAQ 3. Einstellungen 4. Benötigen Sie weitere Hilfe? Inhalt: 1. Installation 2. FAQ 3. Einstellungen 4. Benötigen Sie weitere Hilfe? 1.Installation Um das Electronics Theme zu installieren, gehen Sie in der Rubrik Design zum Template Store. Hier sehen Sie

Mehr

Facebook I-Frame Tabs mit Papoo Plugin erstellen und verwalten

Facebook I-Frame Tabs mit Papoo Plugin erstellen und verwalten Facebook I-Frame Tabs mit Papoo Plugin erstellen und verwalten Seit Anfang Juni 2012 hat Facebook die Static FBML Reiter deaktiviert, so wird es relativ schwierig für Firmenseiten eigene Impressumsreiter

Mehr

Responsive Webdesign Bootstrap und co. Pierre Hein & Benjamin Stein Stuttgart 7. Mai 2015

Responsive Webdesign Bootstrap und co. Pierre Hein & Benjamin Stein Stuttgart 7. Mai 2015 Responsive Webdesign Bootstrap und co. Pierre Hein & Benjamin Stein Stuttgart 7. Mai 2015 Agenda 1. Einführung Was ist Responive Webdesign, Media Queries und CSS preprocessing 2. Frameworks Bootstrap,

Mehr

Werten Sie mit hochwertigen Apps das Image Ihrer Firma auf!

Werten Sie mit hochwertigen Apps das Image Ihrer Firma auf! SERVICE - Frank Werten Sie mit hochwertigen Apps das Image Ihrer Firma auf! Eine eigene Firmen-App Präsentieren Sie Ihren Kunden Ihre eigene Firmen-App auf dem Tablet und Smartphone. Ideal für Firmenpräsentationen,

Mehr

Marcus Ross. PhoneGap. Mobile Cross-Plattform-Entwicklung mit Apache Cordova & Co. dpunkt.verlag

Marcus Ross. PhoneGap. Mobile Cross-Plattform-Entwicklung mit Apache Cordova & Co. dpunkt.verlag Marcus Ross PhoneGap Mobile Cross-Plattform-Entwicklung mit Apache Cordova & Co. dpunkt.verlag haltsverzeichnis 1 Entwickeln mit PhoneGap 1 1.1 Das Cross-Plattform-Problem 1 1.2 Wozu braucht man PhoneGap?

Mehr

Allgemeine Informationen Slides2Go Stand April 2015

Allgemeine Informationen Slides2Go Stand April 2015 Allgemeine Informationen Slides2Go Stand April 2015 1. ALLGEMEINE INFORMATIONEN... 3 1.1 SYSTEMANFORDERUNGEN WEB-BACKEND... 3 1.2 SYSTEMANFORDERUNGEN FRONTEND / APP... 3 1.3 UNTERSTÜTZTE DATEIFORMATE...

Mehr

Technische Informationen. Fabasoft Cloud

Technische Informationen. Fabasoft Cloud Technische Informationen Fabasoft Cloud Copyright Fabasoft Cloud GmbH, A-4020 Linz, 2015. Alle Rechte vorbehalten. Alle verwendeten Hard- und Softwarenamen sind Handelsnamen und/oder Marken der jeweiligen

Mehr

Anleitung nv charts App

Anleitung nv charts App Anleitung nv charts App Inhaltsverzeichnis Anleitung nv charts App...1 Wie bekomme ich die App?...1 Welche Geräte sind zu von uns Getestet:...2 Wie Starte ich die App...2 Karten Herunterladen...3 Wo bekomme

Mehr

easytermin App easysolution GmbH 1

easytermin App easysolution GmbH 1 easytermin App easysolution GmbH 1 Einleitung Vorwort Sowohl Interessenten als auch Kunden sollten zu jedem Zeitpunkt und von jedem Ort aus Termine mit unseren Mitarbeitern vereinbaren können. Um hierzu

Mehr

WordPress lokal mit Xaamp installieren

WordPress lokal mit Xaamp installieren WordPress lokal mit Xaamp installieren Hallo und willkommen zu einem weiteren Teil der WordPress Serie, in diesem Teil geht es um die Lokale Installation von WordPress mithilfe von Xaamp. Kurz und knapp

Mehr

Dieses Dokument beschreibt die Verbindungsherstellung mit dem WLAN-Netzwerk der PHLU auf Smartphones. hotline.hslu.ch Andere

Dieses Dokument beschreibt die Verbindungsherstellung mit dem WLAN-Netzwerk der PHLU auf Smartphones. hotline.hslu.ch Andere IT Services Support Werftestrasse 4, Postfach 2969, CH-6002 Luzern T +41 41 228 21 11, F +41 41 228 21 55 www.hslu.ch Luzern, 17. Juli 2013 Seite 1/12 Kurzbeschrieb: Dieses Dokument beschreibt die Verbindungsherstellung

Mehr

Android Testautomatisierung mit dem Framework Robotium

Android Testautomatisierung mit dem Framework Robotium Android Testautomatisierung mit dem Framework Robotium Daniel Knott XING AG @dnlkntt http://www.adventuresinqa.com Daniel Knott Manager Quality Assurance @dnlkntt daniel.knott@xing.com Daniel Knott hat

Mehr

HTML5. Wie funktioniert HTML5? Tags: Attribute:

HTML5. Wie funktioniert HTML5? Tags: Attribute: HTML5 HTML bedeutet Hypertext Markup Language und liegt aktuell in der fünften Fassung, also HTML5 vor. HTML5 ist eine Auszeichnungssprache mit der Webseiten geschrieben werden. In HTML5 wird festgelegt,

Mehr

Webentwicklung mit Mozilla Composer I.

Webentwicklung mit Mozilla Composer I. Tutorium Webentwicklung mit Mozilla Composer I. Präsentation der Sitzung vom 12. Mai 2004 Martin Stricker martin.stricker@rz.hu-berlin.de Programm Erstellen und Bearbeiten von Webseiten mit dem HTML-Editor

Mehr

Neue Oberfläche April 2013. am Montag, den 15. April 2013. Folie 1

Neue Oberfläche April 2013. am Montag, den 15. April 2013. Folie 1 Neue Oberfläche April 2013 am Montag, den 15. April 2013 Folie 1 Erklärung der Icons Die Icons, welche in jeder Update-Kommunikation verwendet werden, haben folgende Bedeutung: Neuerung (aktiv) Direkt

Mehr

2012 Microsoft Corporation. Alle Rechte vorbehalten. Microsoft Student Partners

2012 Microsoft Corporation. Alle Rechte vorbehalten. Microsoft Student Partners 2012 Microsoft Corporation. Alle Rechte vorbehalten. Microsoft Student Partners Eine typische Windows 8 Anwendung Lässt sich mit Tastatur und Maus bedienen, aber auch mit Touch und Stift Läuft auf x86,

Mehr

Vorwort. 1 Einleitung und Grundlagen 1

Vorwort. 1 Einleitung und Grundlagen 1 Vorwort XI 1 Einleitung und Grundlagen 1 1.1 Die mobile Welt - Tausende von Inseln 2 1.2 Was erwartet Sie in dem Buch? 3 1.3 Was ist PhoneGap? 4 1.3.1 Der PhoneGap-Wrapper und FFI 5 1.3.2 Unterstützte

Mehr

Windows 8.1. Grundkurs kompakt. Markus Krimm, Peter Wies 1. Ausgabe, Januar 2014 K-W81-G

Windows 8.1. Grundkurs kompakt. Markus Krimm, Peter Wies 1. Ausgabe, Januar 2014 K-W81-G Windows 8.1 Markus Krimm, Peter Wies 1. Ausgabe, Januar 2014 Grundkurs kompakt K-W81-G 1.3 Der Startbildschirm Der erste Blick auf den Startbildschirm (Startseite) Nach dem Bootvorgang bzw. nach der erfolgreichen

Mehr

ArcGIS Online Werkstatt II Wege zur eignen Webanwendung

ArcGIS Online Werkstatt II Wege zur eignen Webanwendung ArcGIS Online Werkstatt II Wege zur eignen Webanwendung Christiane Radies Esri Deutschland GmbH 26. Juni 2014, Stuttgart Agenda 1. Einbetten 2. Templates nutzen 3. API s 4. WebApp Builder 2 2014 Esri Deutschland

Mehr

Inhalte mit DNN Modul HTML bearbeiten

Inhalte mit DNN Modul HTML bearbeiten Einführung Redaktoren Content Management System DotNetNuke Inhalte mit DNN Modul HTML bearbeiten DotNetNuke Version 7+ w3studio GmbH info@w3studio.ch www.w3studio.ch T 056 288 06 29 Letzter Ausdruck: 15.08.2013

Mehr