Turbolinks

### @informatom

### + 43 680 213 3030

### Web und Blog <br/> http://informatom.com

### Diese Präsentation <br/> http://at.mittenin.at/41
]
???
Zur Vollständigkeit
---

class: center, middle, inverse
# Webapplikationen
???
* ich schreibe Webapplikationen.
* aber was sind Webapplikationen?
---

## Web 1.0
--
 - konsumierend
--

## Web 2.0
--
 - interaktiv
--

## Web 3.0
--
 - semantisch
--

## Web 4.0
--
 - IOT (Internet Of Things)
---
background-image: url(images/web10.jpg)
---
background-image: url(images/web20.jpg)
---

## Web 1.0

## Web 2.0

## ~~Web 3.0~~

## ~~Web 4.0~~
---

## Web 1.0

## Web 2.0
--

## Web 3.0 - reaktiv = Echtzeit
---

class: center, middle, inverse
# Wollt Ihr auch mal?
# http://prp.informatom.com
---

### Kleine Studie

* alle 52 **Webseiten**, die von der IT-Alliance Seite verlinkt sind

* 48 mal **Dienstleistungen**<br/>
  ⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚
  ⊚⊚⊚⊚⊚⊚⊚⊚
* 37 mal **Produkte** ⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚⊚

* 7 mal **Shop als Dienstleistung** angeboten ⊚⊚⊚⊚⊚⊚⊚

* 8 mal **Shop in Betrieb** ⊚⊚⊚⊚⊚⊚⊚⊚

* 3 mal **Beratung** (1 mal Skype, 1 mal Snapengage, 1 mal Mercator) ⊚⊚⊚<br/>
  nicht als Beratung gelten:<br/>
  _E-Mail Adresse, Telefonnummer, Formular, Postanschrift, Volltextsuche_

* 3 mal **Remote Desktop Client** zum Download ⊚⊚⊚ (Teamviewer)
---

⊚⊚⊚⊚⊚⊚ fundamental disfunktional

⊚ Store ohne Shop

⊚ Shop hinter Registrierung

⊚ Shop ohne ein einziges Produkt

⊚ Subdomain (www.) nicht registriert und per 301 (moved permanently) umgeleitet

⊚⊚ Links ins Leere

⊚ Webauftritt bestehend aus: Name + IP + Nameserver
---

class: center
### Website
--
 +
--
 Shop
--
 +
--
 Beratung
--
 =
--
 Guided Selling
--

# Mercator

???
* Webshops beraten nicht, DiTech beriet gut
* Beschreibung der Einkaufssituation
* das müsste sich doch übertragen lassen
---

* Videochat
* Audiochat
* Textchat
* Filesharing (per Drag and Drop)
* Bildergallerie
* Cobrowsing
* Produktvorstellungen
* Produktvergleich
* Angebotserarbeitung
* Angebotslegung
* 100% anpassbar]
--

CMS (Templating System) / WYSIWYG HTML, Textile oder Markdown Editor /
Produktkatalog / Bestandshaltung / Upselling aus den Warenkatalog /
Kunden kauften auch / verwandte Produkte / Zubehör / gruppierte Produkteigenschaften /
Facets (Filter à la Geizhals) / Staffelpreise / Kundenverwaltung / E-Payment (MPay24) /
ERP Integration (Mesonic) / custom CI / externe Kataloge (Icecat) /
Anbindung bislang an MySQL, PostgresQL, MSSQL und SQLite Datenbanken /
echte Suchmaschine (Elasticsearch) / User Tracking (keine Übermittlung an Google) /
Front- und Backend zweispachig / Tasks und Backgoundjobs / Mailling / 100% anpassbar]
--

... Open Source (GPL v3)<br/>
... und noch Vieles mehr
---

Am besten gleich ausmachen!
<style type="text/css">
  @font-face {font-family: "Kalam"; src: url("fonts/Kalam-Light.ttf"); }
  body {font-family: 'Kalam'; }
  h1, h2, h3 {margin-bottom: 10px; }
  .remark-slide-content h1 { font-size: 3em; }
  .remark-slide-content h2 { font-size: 2em; }
  .remark-slide-content h3 { font-size: 1.6em; }
  .footnote {position: absolute; bottom: 3em; }
  li p { line-height: 1.25em; }
  .red { color: #fa0000; }
  .large { font-size: 2em; }
  a, a > code {color: rgb(249, 38, 114); text-decoration: none; }
  code {-moz-border-radius: 5px; -web-border-radius: 5px;
        background: #e7e8e2; border-radius: 5px; }
  .remark-code, .remark-inline-code { font-family: 'Ubuntu Mono'; }
  .remark-code-line-highlighted     { background-color: #373832; }
  .pull-left {float: left; width: 50%; }
  .pull-right {float: right; width: 50%; }
  .pull-right ~ p {clear: both; }
  #slideshow .slide .content code {font-size: 0.8em; }
  #slideshow .slide .content pre code {font-size: 0.9em; padding: 15px; }
  .inverse {background: #272822; color: #777872; text-shadow: 0 0 20px #333; }
  .inverse h1, .inverse h2 {color: #f3f3f3; line-height: 0.8em; }

#slide-inverse .footnote {bottom: 12px; left: 20px; }
  #slide-how .slides {font-size: 0.9em; position: absolute; top:  151px; right: 140px; }
  #slide-how .slides h3 {margin-top: 0.2em; }
  #slide-how .slides .first, #slide-how .slides .second {padding: 1px 20px; height: 90px;
    width: 120px; -moz-box-shadow: 0 0 10px #777; -webkit-box-shadow: 0 0 10px #777;
    box-shadow: 0 0 10px #777; }
  #slide-how .slides .first {background: #fff; position: absolute; top: 20%; left: 20%;
    z-index: 1; }
  #slide-how .slides .second {position: relative; background: #fff; z-index: 0; }

.left-column {color: #777; width: 20%; height: 92%; float: left; }
  .left-column h2:last-of-type, .left-column h3:last-child {color: #000; }
  .right-column {width: 75%; float: right; padding-top: 1em; }
</style>