PH-Lehrgang MINF 25.10.2012 Stephan Czermak

Übersicht Didaktischer Exkurs Kollaborative Arbeitstechniken Cloud9 IDE Google Drive Office 365 (Prezi) Innovative Marketingmethoden SEO Analyse Tools

Didaktischer Exkurs Fundamentale Ideen der Informatik Algorithmisierung Sprache Strukturierte Zerlegung Idee Anwendungsbereiche

Didaktischer Exkurs Fundamentale Idee Definition: In verschiedenen Bereichen vielfältig anwendbar (Horizontalkriterium) Auf jedem intellektuellen Niveau vermittelbar (Vertikalkriterium) Längerfristig relevant (Zeitkriterium) Steht in Bezug zu Alltag und Lebenswelt (Sinnkriterium)

Didaktischer Exkurs Treshhold Conzepts Threshold Concepts repräsentieren Gegenstände einer Disziplin, ohne deren Verständnis der Schüler am weiteren Fortschritt gehindert wird Es besteht die Gefahr, dass der Schüler den Zustand der „Liminality“ erreicht, d.h. oberflächlich Verständnis vortäuschen kann

Medieninformatik Muss eine klaren Mehrwert geben Wenn nur „kreativ“ Audio, Video, Fotografie, Webdesign in kreative Fächer Nicht nur reine Anwender/Produktschulung SEO  kann nächstes Jahr wieder ganz anders aussehen z.B.: Schüler in BHS 3 Office Versionen (von 2007  365) Identifikation über Inhalte und nicht über Produkte Produkte sollen mittel zum Zweck sein Bsp.: Datenbanken werden gleichgesetzt mit Access Spiralprinzip  Tabellen Excel  Acccess  PHP/Mysql

Kollaboratives arbeiten in der Cloud Unterseekabel Weltweit Stand 2007 (Quelle: Wikipedia)

ISO-OSI Modell OSI-Schicht Einordnung DoD-Schicht Protokoll-beispiel Einheiten Kopplungs-elemente 7 Anwendungen (Application) Anwendungs- orientiert Anwendung Ende zu Ende (Multihop) HTTP FTP HTTPS SMTP LDAP NCP Daten Gateway, Content-Switch, Layer-4-7-Switch 6 Darstellung (Presentation) 5 Sitzung (Session) 4 Transport (Transport) Transport- orientiert Transport TCP UDP SCTP SPX TCP = Segmente UDP = Datagramme 3 Vermittlung (Network) Vermittlung Punkt zu Punkt ICMP IGMP IP IPsec IPX Pakete Router, Layer-3-Switch 2 Sicherung (Data Link) Netzzugriff Ethernet Token Ring FDDI ARCNET Rahmen (Frames) Bridge, Switch 1 Bitübertragung (Physical) Bits Repeater, Hub

kollaborative, browserbasierte Clouddienste plattformunabhängig Auszeichnungssprachen - Webtechnologien Browser

Browser interpretiert Client Server Modell Html/CSS Javascript Editor unsere Webseite https://c9.io koll. Editor https://c9.io Webseite Code Browser interpretiert

kollaborative, browserbasierte Clouddienste plattformunabhängig redundante Datenspeicherung  Datensicherheit vs. Datenschutz

Raid - Systeme Raid 0 „Striping“ Beschleunigung ohne Redundanz Durchsatzrate steigt, Sicherheit sinkt

Raid - Systeme Raid 1 „Mirroring“ Kein Geschwindig-keitsgewinn Sicherheit der Daten erhöht

Raid - Systeme Raid 5 „Rotational Parity“ Geschwindig-keitsgewinn Sicherheit der Daten erhöht Paritätsbit  Aussagenlogik und Binärsystem

Raid - Systeme Kombinationen

Serverfarmen http://www.google.com/about/datacenters/gallery/#/

Kollaborative Arbeitstechniken Cloud9 IDE https://c9.io/ Code smarter. Code together Webprogrammierung (HTML, CSS, Javascript, PHP,…) Ähnliches Projekt: https://koding.com/ zur Zeit noch in der Betaphase Vorsicht Cloud9 IDE funktioniert nicht im Internet Explorer! Verwenden Sie Firefox Portable oder Chrome Portable

Arbeitsaufgabe 1 Melden Sie sich bei https://c9.io an Erstellen Sie einen eigenen Workspace Gestalten Sie mit Hilfe der Auszeichnungssprache HTML eine kleine Webseite. Verwenden sie dazu das HTML-Template Teilen Sie ihren Workspace mit anderen Kursteilnehmern. Geben sie diesen „RW-Access“ zu ihrem Workspace Arbeiten Sie nun gemeinsam an einer Seite und fügen Sie dieser einen Inhalt wie z.B. ein Bild hinzu.

kollaborative, browserbasierte Clouddienste Datensicherheit Datenschutz? Wo liegen meine Daten Flagfox

Google DRIVE Webanwendung Netzwerk-Dateisystem für Synchronisation von Daten Online Datensicherung möglich Textverarbeitung, Tabellenkalkulation, Präsentationen, … gemeinsame Echtzeitbearbeitung von Inhalten

Google DRIVE Ähnlich Dropbox Lokaler Ordner wird mit Web und anderen Rechnern synchronisiert Google Dokumente werden im Browser bearbeitet z.B.: Word können online gelesen und Kommentiert, aber nicht bearbeitet werden

Google Drive Ebenenkonzept (Photoshop, z-Index CSS, …) Objektorientierung (Eigenschaften, Methoden)

Arbeitsaufgabe 2 Melden Sie sich bei google an. Arbeiten Sie in den gleichen Gruppen wie bei Aufgabe 1. Erstellen Sie auf google Drive 1 Ordner pro Gruppe und geben Sie diesen für Ihre Gruppenmitglieder frei. Erstellen Sie ein Textdokument Gestalten Sie gemeinsam ein Bewerbungsschreiben (Blind Text) Versuchen Sie nur mit Hilfe des integrierten Google Chats zu kommunizieren.

Diskussion Arbeitsaufgabe 2 Was waren Ihre Schwierigkeiten beim erstellen des Dokumentes? Was für Konzeptionelle unterschiede gibt es Ihrer Meinung nach beim Erstellen eines Bewerbungsschreiben mit Google Docs und MS-Word?

Identifikation Code Log In: Code Code Code

Cookies Textinformation Über Website (Server) auf Client platziert Vom Webserver auf Browser Von Skript in der Website erzeugt Client sendet Cookie Informationen bei Anfrage zurück an Server

Cookie erzeugen mit Javascript <!DOCTYPE html> <html> <head> <title>Cookie</title> <script type="text/javascript"> document.cookie = "test1=Hallo"; </script> </head> <body> <h1>Test Cookie</h1> </body> </html>

Cookies - Aufbau Textinformationen Als String gespeichert Bsp eines Cookies: test1=Hallo; __utma=1.1458663054.1350475757.1350475757.1350475757.1; __utmb=1.1.10.1350475757; __utmz=1.1350475757.1.1.utmcsr=(direct)|utmccn=(direct)|utmcmd=(none); __qca=P0-501292834-1350475763322; resendactivation=false; WRUID=939832964.1856069798; __utmc=1; username=sneff; __utma=200306492.98066052.1350476585.1350476585.1350476585.1; __utmb=200306492.8.10.1350476585; __utmc=200306492; __utmz=200306492.1350476585.1.1.utmcsr=(direct)|utmccn=(direct)|utmcmd=(none) Datentypen

Cookies Aufbau 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 T e s t 1 = H a l l o ; _ _ u Array test1=Hallo; __utma=1.1458663054.1350475757.13 50475757.1350475757.1; __utmb=1.1.10.1350475757;

Cookies auslesen mit Javascript <script type="text/javascript"> document.cookie = "test1=Hallo"; start = document.cookie.indexOf("test1="); end = document.cookie.indexOf(";",start); document.write("<h2>Gesamte Cookies:</h2> ",document.cookie); document.write("<h2>Gesuchter Cookie:</h2> ",document.cookie.substring(start,end)); </script>

Warum Tracking? Online Werbung http://www.google.de/ads/preferences/ Cookies der Website http://www.hlw-salzburg.at Firefox Addon „Cookie Monster“

Online Marketing - Legitimation Mediennutzung der Deutschen, Stand 2012 (Quelle: BITKOM/Aris 2012)

Online Marketing - Legitimation Entwicklung der Tageszeitungen von 2002 – 2012 (Verkaufte Auflage in Millionen)

Online Marketing Klassisches Marketing will Aufmerksamkeit des Käufers erhaschen Online Marketing – Push und Pull Marketing Push Marketing Geht vom Werbetreibenden aus Pull Marketing Kunde aktiv, z.B.: Suchanfrage

Website-Kategorien Anfang einer Websitegestaltung steht das Festlegen von Zielen Persönliche Homepage: Unternehmensauftritt (Corporate Website) Produktabverkauf via Online-Shop Produktpräsentation (Branding Website) Social-Media-Websites (Blogs, Communitys, Foren) Entertainment Webanwendung (E-Mail, Online-Banking, Suchmaschienen, …)

Website-Kategorien Anfang einer Websitegestaltung steht das Festlegen von Zielen Persönliche Homepage: http://www.michael-schumacher.de/ http://www2.felixbaumgartner.com/ Unternehmensauftritt (Corporate Website) http://www.audi.de/ Produktabverkauf via Online-Shop http://www.otto.de/ Produktpräsentation (Branding Website) https://www.becks.de/ Social-Media-Websites (Blogs, Communitys, Foren) http://www.gutefrage.net/ Entertainment http://www.youtube.com/ Webanwendung (E-Mail, Online-Banking, Suchmaschienen, …)

Website - Ziele Von langfristigen Zielen kurze und mittelfristige herunterbrechen durch konkrete Kennzahlen definieren können SMARTe Ziele S = spezifisch M = messbar A = akzeptiert R = realistisch T = terminierbar „Ich möchte in den nächsten drei Monaten meine eindeutigen Besucher auf meiner Website www.meins.at um 10% zum Vergleich zu heute steigern“

Arbeitsaufgabe 3 Besuchen Sie folgende gut gelungene Websites Versuchen Sie die Websites den vorher genannten Kategorien zuzuordnen https://www.becks.de/ http://www2.felixbaumgartner.com/ http://www.youtube.com/ http://www.otto.de/ http://www.michael-schumacher.de/ http://www.gutefrage.net/ http://www.audi.de/ Persönliche Homepage: Unternehmensauftritt (Corporate Website) Produktabverkauf via Online-Shop Produktpräsentation (Branding Website) Social-Media-Websites (Blogs, Communitys, Foren) Entertainment Webanwendung (E-Mail, Online-Banking, Suchmaschienen, …)

Online Marketing Überblick über die Bereiche des Online-Marketings

Die häufigsten Fehler Instabiles Website Grundgerüst Falsche Domain-Endung (Top Level Domain) Schwierige-Schreibweise der Domain Ungeschicktes Navigationskonzept Schlechte Website-Umsetzung Hohe Ladezeiten und schlechte Erreichbarkeit https://developers.google.com/speed/pagespeed/insights

Die häufigsten Fehler Die falsche Zielgruppe Fehlende Kenntnis der Zielgruppe (Feedback zu Website) http://www.apple.com/de/contact/feedback.html Falsche Zielgruppen auf der Website https://www.commerzbank.de/ Falsch ausgerichtetes Marketing

Die häufigsten Fehler Website-Steuerung im Blindflug Falsche Annahmen über das Nutzerverhalten Falsche Annahmen über wichtige Inhalte Falsche Annahmen über die technische Ausstattung der Nutzer

Die häufigsten Fehler Die größten Usability-Fehler – benutzerfreundliche Webseiten Keine Orientierung http://www.heine.de/ Konventionen werden missachtet (Logo, Hyperlink, …) Unstrukturierter Inhalt ohne Mehrwert http://www.tk.de/ Schlechte Suchfunktion http://www.frontlineshop.com/ Visuelles Rauschen http://www.apple.com/ Lange und unverständliche Formulare Fehlerseiten ohne weitere Hilfe

Die häufigsten Fehler Suchmaschinenunfreundliche Webseiten Websites mittels Flash und Frames erstellen Website Relaunch ohne SEO-Beratung SEO-Komplexität Links für bessere Rankings kaufen

Die häufigsten Fehler Ineffiziente Suchmaschinenwerbung Unzureichender Kontostand Keine Ausrichtig auf die Zielgruppe Unzulängliche Keywords

Google Analytics Analysetool für Webauftritt Integriert den Google Werbedienst AdWords http://www.google.at/analytics/

Arbeitsaufgabe 4 Melden sie sich bei http://www.google.com/analytics/ an. Erstellen sie gemeinsam eine Besucheranalyse. Betrachten sie den Besucherfluss und überlegen sie sich etwaige Verbesserungen. begründen sie diese

Arten von Suchmaschinen Anfangs: Webkataloge Yahoo Open Directory Projekt DMOZ (http://www.dmoz.de/) Informationsportale http://www.t-online.de/ Suchmaschinen (Schlagwörter versehener, bewerteter Index von Internetseiten) https://www.google.at/ Metasuchmaschinen Metacrawler http://www.metacrawler.com/ Metager2 http://www.metager2.de/

Marktanteile der Suchmaschinen

Wie arbeiten Suchmaschinen Crawling und Indexierung Crawler oder Robots durchsuchen Internet

Ranking-Kriterien Bei Google heute mehr als 200 Faktoren Anfangs Volltextsuchmaschinen Google Gründer Larry Page und Sergey Brin Webseiten anhand ihrer Verlinkung im Internet zu bewerten  PageRank http://aevita.com/webranking/ für IE PageRank Status  Chrome SearchStatus  Firefox Alexa Rank

z.B.: Dajkstra (kürzester Wege Algorithmus) PageRank Graphenthorie z.B.: Dajkstra (kürzester Wege Algorithmus) Navigationssystem

Wie Menschen suchen - Keywords Top 10 Suchbegriffe 2011 (Quelle Bing) Anteil der Mehrwortkombinationen bei Suchanfragen (Quelle: Experian Hitwise)

Wie Menschen suchen - Keywords Suchverhalten analysieren Stöbern in der Vergangenheit http://www.google.com/zeitgeist/ Was bewegt die Welt aktuell http://www.google.com/trends/hottrends Verlauf von Suchanfragen http://www.google.com/trends/

Arbeitsaufgabe 5 Untersuchen Sie die Website Ihrer Schule Ermitteln Sie den PageIndex Ermitteln Sie das Alexa Ranking Untersuchen Sie Ihre Schule mit Google Trends Welche Keywords finden Sie bei Google Trends besonders interessant und warum? Überlegen Sie sich, welche Keywords für Ihre Schule relevant sind

Keyword-Recherche Zentraler Punkt für Suchmaschinenwerbung (SEM) und Suchmaschinenoptimierung (SEO) Bsp.: Hotel Mondsee googeln Hotel Hotel Mondsee Hotel Seenland Unterkunft Mondsee 4-Sterne-Hotel Übernachtung Wellness-Hotel Tagungshotel Familienhotel Sporthotel

Verkettung von Strings Keyword-Recherche Liste kann man kombinieren Verkettung von Strings function in Programmiersprache mit Parameterübergabe http://c9.io Verketten von Strings mit Excel: =VERKETTEN(A3, " Mondsee") Javascript: ergebnis = text1 + text2; PHP: ergebnis = text1.text2;

Keyword-Recherche Keywords bewerten Keywordtool https://adwords.google.com/o/KeywordTool Keywords auf Google Trends analysieren [Exact] Gibt Keywordsvorschläge

Keyword-Recherche Die Long-Tail-Theroie

Aufnahme in die Suchmaschine Überprüfung Bei google: site:ihredaomain.at Alle Webseiten ihrer Website Wenn nicht Von anderen Internetseiten Verlinkung bekommen Manuelle Anmeldung bei der Suchmaschine Google: https://www.google.at/addurl Bing: http://www.bing.com/toolbox/submit-site-url

Arbeitsaufgabe 6 Erstellen Sie nun anhand der in Aufgabe 5 erstellten Keywords eine umfassende Keywordliste für Ihre Schulseite Nutzen Sie dafür das Keywordtool Vergessen sie nicht die Long-Tail-Theorie

Suchmaschinenoptimierung (SEO) Möglichst gut in den natürlichen (organischen) Ergebnissen der Suchmaschine gefunden werden Organic or Natural Search Positionierung im Anzeigebereich  Suchmaschinenwerbung (SEM) SEO basiert auf Keywordrecherche

Zehn Mythen über die SEO Ein hoher PageRank ist das Maß der Dinge bei SEO Die wichtigsten Suchbegriffe müssen in die Meta-Keywords geschrieben werden Die Website sollte bei möglichst vielen Suchmaschinen angemeldet werden Suchmaschinenoptimierung ist kostenlos Suchmaschinenoptimierung macht man am Anfang, bei der Erstellung der Website

Zehn Mythen über die SEO „Wir bringen Sie in Google auf Platz 1“ „Content is King!“ Weiße Schrift auf weißem Hintergrund Bezahlte Keyword-Werbung führt auch zu einem besseren Ranking Für ein gutes Ranking brauche ich sehr viele Links

Suchmaschinenoptimierung SEO On-Page-Optimierung Off-Page-Optimierung

SEO – On-Page-Optimierungen Name und Alter der Domain http://www.hotel-mondsee.at http://www.nic.at/ Bei Suchmaschinen registrieren (Webmaster-Tools) http://www.google.com/webmasters/tools http://www.bing.com/toolbox/webmasters

SEO – On-Page-Optimierungen Informationsarchitektur – Strukturen schaffen Baumstruktur einer Website Baumstruktur mit Deeplinks auf Unterseiten

SEO – On-Page-Optimierungen Die URL-Struktur der Website http://www.onmeda.de/ratgeber/ernaehrung/grundlagen/10_regeln_ernaehrung.html Interne Linkstruktur

SEO – On-Page-Optimierungen Technische Voraussetzungen schaffen Crawling Probleme mit Flash, AJAX, … Webmaster Tool HTML-Tags zur Strukturierung der Seite besonders <h1> bis <h3> div Elemente alt-Attribut Validierung der Seite http://validator.w3.org/

SEO – On-Page-Optimierungen Einzelne Webseiten optimieren Passender Suchbegriff Inhalte Optimieren Keyword Tool Webseite Haupt-Keyword Weitere Keywords Startseite Hotel Mondsee Unterkunft Mondsee, Zimmer Mondsee Wellness-Angebot Wellness Mondsee Massage(n) Mondsee, Sauna Mondsee

SEO – On-Page-Optimierungen Richtige Verwendung des Keywords

SEO – On-Page-Optimierungen Doppelte Inhalte vermeiden (Duplicate Content)

https://www.google.com/webmasters/tools/

SEO – Off-Page-Optimierung Verlinkungen im Netz zu Ihrer Website <a href=„http://www.orf.at/“>ORF</a> a  Anchor (Anker) href  hypertext reference Backlinks Verlinkungen andere Websites zu Ihrer Jeder Link eine Empfehlung

SEO – Off-Page-Optimierung Unterschiedliche Linkprofile

SEO – Off-Page-Optimierung Anzahl aller externen Links Links von verschiedenen Hosts – also Subdomains Links von verschiedenen Domains Links von IPs – also Webservern Links aus verschiedenen Rechnernetzen

SEO – Off-Page-Optimierung Wichtige Backlink-Tools Google Webmaster Komplette Liste Link:Abfrage in Google Geben Sie in der Suchmaschine Google folgendes ein: link:ihrewebsite.at Nur Auswahl der Kompletten Liste OpenSiteExplorer http://www.opensiteexplorer.org LinkDiagnosis http://www.linkdiagnosis.com

Arbeitsaufgabe 7 Starten Sie eine Backlinkuntersuchung Ihrer Schulseite.

SEO – Off-Page-Optimierung Der Wert eines Links Nicht nur Quantität sondern auch Qualität Nofollow-Links Links mit Attribut rel=„nofollow“ entwerten <a href=„http://www.orf.at/“ rel=„nofollow“>ORF</a> Links auf ganzen Seiten entwerten (Blogkommentare, …) <meta name=„robots“ content=„nofollow />

SEO – Off-Page-Optimierung Der Linktext <a href=„http://www.hlw-salzburg.at/“> HBLWM Salzburg-Annahof </a> Nicht mit eindeutigen Linktexten übertreiben Natürliche Linktextverteilung Variation der Linktexte Suchmaschine

SEO – Off-Page-Optimierung Linkposition auf einer Webseite Linkpositionen innerhalb einer Webseite (Quelle: SEOmoz)

SEO – Off-Page-Optimierung Der Linkaufbau – wie bekomme ich gute Links Links für Website bekommen (Linkbuilding) ist ein langer und kontinuierlicher Weg den man gehen muss der sich lohnt

SEO – Off-Page-Optimierung Linkaufbau Aktion 1 – Gute verlinkbare Inhalte schaffen Bereitstellen von guten Inhalten Z.B.: Leitfäden, Top-10-Listen, aktuelle Nachrichten Aktion 2 – Partner Kunden und Lieferanten verlinken lassen Geschäftskontakte nutzen Aktion 3 – Verzeichnisse, Webkataloge und Social Bookmarks Eintrag in ein Verzeichnis (z.B.: DMOZ, Yahoo Directory, …) Social-Bookmarking Dienste (Delicious, Mister-Wong, …)

SEO – Off-Page-Optimierung Aktion 4 – Thematisch passende Linkpartner finden Andere Webseiten die sich mit ihrem Thema beschäftigen kontaktieren Aktion 5 – Seiten die über Sie oder Ihr Thema schreiben Wenn über sie berichtet wird um Verlinkung bitten http://www.google.at/alerts Aktion 6 – Links reparieren Fehlerhafte oder Tote Links aufspüren und reparieren Google Webmaster Tool – Status - CrawlingFehler

SEO – Off-Page-Optimierung Aktion 7 – Linkbaits Linkbaits (Linkköder) sind Aktionen die für verstärkte, natürliche Links sorgen http://www.imedo.de/artikel/gesundheitswesen Charity-Aktionen http://www.kaufda.de/umwelt/co2-neutral/

SEO – Off-Page-Optimierung Links kaufen Links bei Anbieter einkaufen Laut Google Richtlinen nicht zulässig Kann zu einer Abstrafungszeit führen Google Sichtbarkeit einer Domain mit Abstrafung

Office 365 Neues Office Ähnlich google Docs, Teil ist Cloudservice Sharpointintegration Sehr mächtiges Tool

Arbeitsaufgabe 8 Untersuchen Sie mit Hilfe von Google Analytics http://www.google.com/analytics die Website der HLW-Salzburg. Erstellen Sie entweder in Google Docs oder Office 365 eine Präsentation über ihre Analyse Baumstruktur, Besucherfluss, Keywords, Aufrufe, geographische Analyse, Technologie, Mobile Anwender, … Arbeiten sie auch Verbesserungsvorschläge heraus