PH-Lehrgang MINF 25.10.2012 Stephan Czermak. Übersicht Didaktischer Exkurs Kollaborative...
-
Upload
hiltraud-mosch -
Category
Documents
-
view
110 -
download
1
Transcript of 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