PH-Lehrgang MINF 25.10.2012 Stephan Czermak. Übersicht Didaktischer Exkurs Kollaborative...

PH-Lehrgang MINF

25.10.2012Stephan 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 ModellOSI-Schicht Einordnung DoD-Schicht Einordnung Protokoll-

beispiel Einheiten Kopplungs-elemente

7 Anwendungen(Application)

Anwendungs-orientiert Anwendung

Ende zuEnde

(Multihop)

HTTPFTP

HTTPSSMTPLDAPNCP

DatenGateway,

Content-Switch, Layer-4-7-

Switch

6 Darstellung(Presentation)

5 Sitzung(Session)

4 Transport(Transport)

Transport-orientiert

TransportTCPUDPSCTPSPX

TCP = Segmente

UDP = Datagramme

3 Vermittlung(Network) Vermittlung

Punkt zuPunkt

ICMPIGMP

IPIPsecIPX

Pakete Router, Layer-3-Switch

2 Sicherung(Data Link)

NetzzugriffEthernet

Token RingFDDI

ARCNET

Rahmen (Frames) Bridge, Switch

1 Bitübertragung(Physical) Bits Repeater, Hub

kollaborative, browserbasierte Clouddienste

• plattformunabhängig

Browser

Auszeichnungssprachen - Webtechnologien

Client Server Modell

https://c9

.io

koll. Edito

rHtml/CSSJavascript

Editorunsere

Webseitehttps://c9

.io

Webseite

Browser interpretiert

Code

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

Log In:

Code

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

test1=Hallo; __utma=1.1458663054.1350475757.13 50475757.1350475757.1; __utmb=1.1.10.1350475757;

T e s t 1 = H a l l o ; _ _ u

0 1 2 3 4 5 6 7 8 9 10 11 12 13 14

Array

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 - LegitimationMediennutzung 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 - 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-ShopProduktpräsentation (Branding Website)Social-Media-Websites (Blogs, Communitys, Foren)EntertainmentWebanwendung (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

PageRank

Graphenthoriez.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)

• 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/

Wie Menschen suchen - Keywords

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

• Zentraler Punkt für Suchmaschinenwerbung (SEM) und Suchmaschinenoptimierung (SEO)

• Bsp.: Hotel Mondsee

Keyword-Recherche

Hotel Hotel Mondsee Hotel Seenland Unterkunft

Mondsee 4-Sterne-Hotel

Übernachtung Wellness-Hotel Tagungshotel Familienhotel Sporthotel

googeln

• Liste kann man kombinieren

Keyword-Recherche

Keywords Kombination mit Mondsee Kombination mit SeenlandHotel Hotel Mondsee Hotel SeenlandUnterkunft Unterkunft Mondsee Unterkunft Seenland4-Sterne-Hotel 4-Sterne-Hotel Mondsee 4-Sterne-Hotel SeenlandÜbernachtung Übernachtung Mondsee Übernachtung SeenlandWellness-Hotel Wellness-Hotel Mondsee Wellness-Hotel SeenlandTagungshotel Tagungshotel Mondsee Tagungshotel SeenlandFamilienhotel Familienhotel Mondsee Familienhotel SeenlandSporthotel Sporthotel Mondsee Sporthotel Seenland

Verkettung von Strings

Verketten von Strings mit Excel: =VERKETTEN(A3, " Mondsee")Javascript: ergebnis = text1 + text2;PHP: ergebnis = text1.text2;

function in Programmiersprache mit Parameterübergabehttp://c9.io

• Keywords bewerten– Keywordtool• https://adwords.google.com/o/KeywordTool

– Keywords auf Google Trends analysieren– [Exact]– Gibt Keywordsvorschläge

Keyword-Recherche

• Die Long-Tail-Theroie

Keyword-Recherche

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

• 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

Arbeitsaufgabe 6

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

1. Ein hoher PageRank ist das Maß der Dinge bei SEO

2. Die wichtigsten Suchbegriffe müssen in die Meta-Keywords geschrieben werden

3. Die Website sollte bei möglichst vielen Suchmaschinen angemeldet werden

4. Suchmaschinenoptimierung ist kostenlos

5. Suchmaschinenoptimierung macht man am Anfang, bei der Erstellung der Website

6. „Wir bringen Sie in Google auf Platz 1“

7. „Content is King!“

8. Weiße Schrift auf weißem Hintergrund

9. Bezahlte Keyword-Werbung führt auch zu einem besseren Ranking

10.Für ein gutes Ranking brauche ich sehr viele Links

Zehn Mythen über die SEO

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

• Informationsarchitektur – Strukturen schaffen

SEO – On-Page-Optimierungen

Baumstruktur einer Website Baumstruktur mit Deeplinks auf Unterseiten

• 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

SEO – On-Page-Optimierungen

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

• Doppelte Inhalte vermeiden (Duplicate Content)

SEO – On-Page-Optimierungen

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 SubdomainsLinks von

verschiedenen Domains

Links aus verschiedenen Rechnernetzen

Links von IPs – also Webservern

• 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

SEO – Off-Page-Optimierung

Arbeitsaufgabe 7

• Starten Sie eine Backlinkuntersuchung Ihrer Schulseite.

• 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

SEO – Off-Page-Optimierung

Suchmaschine

• Linkposition auf einer Webseite

SEO – Off-Page-Optimierung

Linkpositionen innerhalb einer Webseite(Quelle: SEOmoz)

• 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

SEO – Off-Page-Optimierung

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/analyticsdie 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