compufreak

Sommerferien 2010

compufreak — Fri, 23 Jul 2010 17:34:39 +0000

Hallöchen,
ich bin leider nicht mehr dazu gekomen, noch vor meinem Sommerurlaub ein paar Videos zu veröffentlichen. Das tut mir sehr leid, aber ich hatte einige … technische Probleme.
Nun starte ich morgen aber erstmal in meine wohlverdiente (?) Sommerpause. Vom 24.07.-24.08.10 werde ich nur per Handy zu erreichen sein. Meine Emails werden lediglich automatisch beantwortet. Das wird wohl einige ‘noreply@sowieso’-Mail-Clienten ziemlich nerven, aber ich bin zu faul meine Newsletter abzubestellen XD. Ich habe es leider auch nicht mehr geschafft einige Posts vorzufertigen. Deshalb werden lediglich zwei automatisch erscheinen.
Es hat also alles nicht so geklappt, wie geplant, aber das muss es in den Ferien ja auch nicht, oder?

Ich wünsche Euch Allen viel Spaß und Erholung für die nächsten Wochen.

Wer sich ohne mich langweilt, kann ja Wikipedia runterladen.

…

Lach’ nicht! Das geht!

Und wer sich jetzt ernsthaft dafür interessiert, kann ja mal nach einem Programm namens ‘Kiwix’ googlen

Bis dahin also,

compufreak

Echt Webdesignen – Teil 26 – 28

compufreak — Tue, 13 Jul 2010 16:48:21 +0000

Hah, da war ich doch schon den zweiten Tag hintereinander fleißig. Ich kann erneut 3 Videos präsentieren. Der Phase5-Entwickler will sich die Videos aus temporalen Gründen erst am Wochenende ansehen. Bis dahin habe ich wohl 30 Videos Heute Abend mach’ ich aber nicht mehr soo viel. Ein bisschen am eBook arbeiten und vielleicht noch ein paar Kleinigkeiten, sonst nix. Till-Chill-Zeit. Schließlich gibt’s morgen Ferien

Nach dieser belanglosen, langweiligen und eigentlich überflüssigen Einleitung, die ich nur geschrieben habe, um einen Auszugstext zu haben, folgen nun die neuen Videos :

Teil 26:

www.youtube.com/watch?v=PF2nrE_wV3w

Teil 27:

www.youtube.com/watch?v=p2dAzf5cF-0

Teil 28:

www.youtube.com/watch?v=o3W2ztrELQ8

compufreak

Echt Webdesignen – Teil 23 – 25

compufreak — Mon, 12 Jul 2010 20:22:51 +0000

Ich war wieder fleißig! Ich habe heute gleich drei neue Videos hochgeladen und überall eingegliedert. Nun habe ich bereits 26 Videos zu dieser Reihe. Morgen werde ich dann wieder an meinem eBook arbeiten müssen. Außerdem versuche ich grade einen Grundgerüst-Generator auf die Beine zu stellen, der nichts zu wünschen übrig lässt. Eine richtige Profikiste, welche aber natürlich auch einen einfachen Modus eingebaut bekommt
Für die nächsten Tage steht dann nur so was auf dem Plan: Videos machen, eBook schreiben, ein paar kleinere Tools entwickeln und Artikel für die Ferien schreiben
Als ich mit den Videos angefangen habe, habe ich schonmal an den Entwickler von phase5 geschrieben. Ich hatte eigentlich nur gefragt, ob ich den Editor in meinen Videos verwenden darf. Nun werden meine Videos vielleicht sogar auf der phase5-Seite verlinkt. Schon cool!

Nun aber: Viel Spass:

Teil 23:

www.youtube.com/watch?v=-lg3jJvUBds

Teil 24:

www.youtube.com/watch?v=LaXJQI-wnPo

Teil 25:

www.youtube.com/watch?v=DE5QMbe4ojE

P.S.:
Ich habe unter Tutorials > Echt Webdesignen eine schönere Liste aller Videos angelegt! Einfach mal reinschauen! Und immer schön bewerten!

compufreak

Special: Die Playfair-Chiffre

compufreak — Sun, 11 Jul 2010 17:36:03 +0000

So,
ich habe ja mal versprochen, dass ich mit den Chiffren weitermache und nun gehts endlich weiter. Ich habe endlich die Playfair-Chiffre fertiggestellt:

Die Playfair-Chiffre war bis ins 20. Jahrhundert eine sehr sichere Chiffre. Sie war damals nämlich eine der wenigen, welche bipartit arbeitete. Das heißt: Es wurden jeweils Zweierpaare des Klartextes verschlüsselt. Im Gegensatz zur Vigenére-Chiffre ist sie jedoch monoalphabetisch, besitzt also nur ‘einen Key’. Sie wurde 1854 von Sir Charles Wheatstone erfunden, wurde jedoch durch den Mann, der sich beim britischen Millitär für sie einsetzte berühmt: Lord Lyon Playfair. Anfangs wurde der Vorschalg diese Chiffre als Standard für das britische Militär zu verwenden abgelehnt, obwohl Playfair sie nach eigenen Angaben einer Schulklasse in einer Viertelstunde hätte beibringen können. Damit hatte er nicht ganz recht. Ich denke 10 Minuten reichen
Im zweiten Anlauf erkannte das britische Millitär die Chiffre aber an, bestand aber darauf sie nach Playfair zu benennen.

Wie funktioniert die Playfair-Chiffre

Das Prinzip der Chiffre klingt anfangs etwas kompliziert ist aber nach ein wenig Üben einfach in der Anwendung. Bevor man einen Text verschlüsseln kann, muss man zwischen jeweils zwei gleiche Buchstaben ein ‘x’ oder einen anderen seltenen Buchstaben setzen. Dann stehen also keine zwei identischen Buchstaben mehr nebeneinander. Als nächstes werden die Buchstaben in Zweierpaare eingeteilt. Bleibt dabei am Ende ein Buchstabe über, wird noch ein ‘x’ hinzugefügt, damit dieses mit dem letzten Buchstaben ein weiteres Paar bildet. Der bearbeitete Klartext sieht also wie folgt aus:

Vorher	Programm
Nachher	PR OG RA MX MX

( Die Buchstaben werden nur der Übersichtlichkeit zu liebe groß geschrieben )

Leider muss nicht nur der Klartext, sondern auch der Schlüssel bearbeitet werden. Unser Schlüsselwort muss aus Buchstaben bestehen, da die Playfair-Chiffre nicht case-sensitiv ist, ist es egal, ob wir große oder kleine Buchstaben verwenden. Zudem dürfen alle Buchstaben in unserem Schlüsselwort nur genau einmal vorkommen! Nun legen wir eine Tabelle mit 5 Spalte, und 5 Zeilen an, eine Tabelle also mit 25 Zellen. Wir füllen nun diese Zellen der Reihe nach mit je einem Buchstaben unseres Schlüsselwortes. Von oben nach unten, von links nach rechts:

Schlüsselwort: Festung

F	E	S	T	U
N	G

Nun füllen wir den Rest der Tabelle der Reihe nach mit den restlichen Buchstaben des Alphabets auf, sodass jeder Buchstabe genau einmal in der Tabelle vorkommt. ‘i’ und ‘j’ teilen sich eine Zelle. Alle ‘j’ im Klartext werden also zu einem ‘i’.

F	E	S	T	U
N	G	A	B	C
D	H	I/J	K	L
M	O	P	Q	R
V	W	X	Y	Z

Nun haben wir alles vorbereitet und können unseren Text verschlüsseln. Dazu gehen wir paarweise vor. Wir nehmen der Reihe nach jeweils ein Buchstabenpaar. Nun gibt es drei Möglichkeiten:

Liegen die beiden Buchstaben in derselben Spalte, werden sie jeweils um ein Feld nach unten verschoben. Jeder der beiden Buchstaben wird also durch den jeweils darunter liegenden ersetzt. Liegt der Buchstabe ganz unten in der Spalte, fängt man oben in der Spalte wieder an.
Liegen die beiden Buchstaben in derselben Zeile, werden sie jeweils um ein Feld nach rechts verschoben. Jeder Buchstabe wird also jeweils um den rechts daneben liegenden ersetzt. Liegt der Buchstabe ganz rechts, fängt man links in der Zeile wieder an.
Liegen die beiden Buchstaben weder in derselben Spalte, noch in derselben Zeile, ersetzt man jeden Buchstaben durch den, der in der selben Zeile, aber in der Spalte des jeweils Anderen steht.

So verfährt man mit dem gesamten Text. Das Ergebnis ist der verschlüsselte Text.

In unserem Beispiel sähe das wie folgt aus:

F	E	S	T	U
N	G	A	B	C
D	H	I/J	K	L
M	O	P	Q	R
V	W	X	Y	Z

Die Buchstaben P und R liegen in derselben Zeile, sie werden also zu Q und M.
O und G lieben in derselben Spalte, sie werden also zu W und H.
Das Buchstabenpaar R und A liegt weder in derselben Spalte, noch in derselben Zeile. Sie werden zu P und C.
Die Buchstaben M und X liegen ebenfalls nicht in derselben Zeile oder Spalte. Sie werden zu V und P.
Das Buchstabenpaar M und X wird natürlich erneut zu V und P.

Verschlüsselter Text: QMWHPCVPVP

Um den Text nun wieder zu entschlüsseln geht man ähnlich vor. Zuerst muss wieder die Tabelle des Schlüssels angelegt werden. Dann teilt man den verschlüsselten Text wieder in Paare auf. Hierbei können natürlich nicht zweimal derselbe Buchstabe nebeneinander stehen. Logisch.

Nun verfährt man in umgekehrter Reihenfolge:

Liegen die beiden Buchstaben in derselben Spalte, werden sie jeweils um ein Feld nach oben verschoben. Jeder der beiden Buchstaben wird also durch den jeweils darüber liegenden ersetzt. Liegt der Buchstabe ganz oben in der Spalte, fängt man unten in der Spalte wieder an.
Liegen die beiden Buchstaben in derselben Zeile, werden sie jeweils um ein Feld nach links verschoben. Jeder Buchstabe wird also jeweils um den links daneben liegenden ersetzt. Liegt der Buchstabe ganz links, fängt man rechts in der Spalte wieder an.
Liegen die beiden Buchstaben weder in derselben Spalte, noch in derselben Zeile, ersetzt man jeden Buchstaben durch den, der in derselben Zeile, aber in der Spalte des jeweils Anderen steht.

Man erhält den Klartext, allerdings müssen noch die ‘überflüssigen’ Buchstaben (‘x’) entfernt werden.

Probleme bei diesem Verfahren
Es gibt bei diesem Verfahren einige Probleme, was macht man beispielsweise mit Sonderzeichen? Und: wie könnte man ohne Sonderzeichen ein Satzende markieren? Leider gibt es für diese Probleme keine einheitliche Lösung.

Zum Playfair-Chiffre-Tool

Ich hoffe Euch gefällt diese Chiffre. Demnächst werde ich hoffentlich ab und an mal wieder eine weitere Chiffre umsetzen können, aber hauptsächlich konzentriere ich mich weiter auf meine Webdesign-Tutorials.

compufreak

Echt Webdesignen: eBook

compufreak — Sun, 11 Jul 2010 06:55:49 +0000

Ich habe mich jetzt schon ein paar Tage nicht gemeldet. Ich war leider ohne Internetzugang und konnte keine Videos oder ähnliches machen. Vorher habe ich allerdings endlich die erste Version meines eBooks fertigstellen können. Es ist noch in der Entwicklung, das heißt: es enthält bestimmt noch viele orthographische Fehler, Tippfehler oder einfache Unwahrheiten, da ich es bis jetzt nur stellenweise Korrektur lesen konnte.
Das eBook beschreibt HTML 5 und sollte als Ergänzung meiner Videos verstanden werden. Manche Dinge werden im Buch ausführlicher beschrieben als in meinen Videos auf YouTube. Bisher habe ich die wichtigsten Grundlagen erklärt. Viele Elemente wurden allerdings noch nicht berücksichtigt, da ich plane, diese zusammen mit CSS zu erläutern. Zusätzlich möchte ich später auch noch eine Komplett- und eine Kurzreferenz ins Netz stellen.

Bitte bedenkt, dass sich diese Datei noch in Entwicklung befindet. Fehler am besten direkt ‘melden’. Ich werde die Datei regelmäßig aktualisieren und einen Changelog bereitstellen. Dieser wird neben dem Download-Link veröffentlicht.

Das eBook findet ihr im Download-Bereich.

compufreak

XHTML für compufreak.info

compufreak — Thu, 08 Jul 2010 09:22:16 +0000

ok,
ich habe meine wenige Zeit heute nicht für neue Videos genutzt, das muss bis morgen warten, sondern mir leiber mal den Validator geschnappt und angefangen meine Seite zu validieren. compufreak.info ist nun komplett XHTML-Standard-Konform. Sogar die YouTube-Videos halten sich an die Konventionen. Lediglich zwei kleine Fehler in der Suchfunktion konnte ich nicht beheben: Ich habe zwei Suchformulare mit derselben ID. Das ist natürlich nicht richtig, aber anders gehts nicht, da WordPress nunmal genau diese ID haben will. Pech. Es sind ja auch nur 2 kleine Fehlerchen. Der Rest arbeitet nun richtig. Desweiteren habe ich ein paar Kleinigkeiten angepasst, meine Plugins aktualisiert und die Deaktivierten rausgeschmissen.

Zudem habe ich die Suchfunktion endlich fertig gestellt. Sie funktionierte zwar, sah aber nicht schön aus. Nun ist sie bestens eingerichtet.

Eine neue Funktion habe ich eingebaut:

Wünsch dir was!

Jeder darf Wünsche für neue Artikel, Tutorials, Videos, Tools, Programme oder Erklärungen äußern. Wenn sie interessant und nicht zu umfangreich sind, werde ich ihnen nachkommen. Rechts im Menü gibt es den Link zum ‘Wunsch-Formular’. Einfach ausfüllen und abschicken.

Mit zwei Stunden Arbeit konnte ich meinen Seitwert von 10 auf 20 steigern. Aber 20 / 100 ist immer noch nicht besonders viel. Ich brauche Eure Hilfe: Unterstützt mich!

Speichert meine Seite (also http://www.compufreak.info) in Social-Bookmark-Diensten
Twittert Links zu meiner Seite oder meinen Artikeln. Jeder Tweet hilft
Zeigt Freunden meine Seite.
Stellt meine Seite in Foren vor.
Setzt Links von Eurer zu meiner Seite.
Bewertet meine Videos auf YouTube und empfehlt sie weiter.
Googled mal nach mir
Hinterlasst Kommentare auf YouTube oder unter meinen Artikeln
usw.

Sprich: Wenn euch meine Seite und mein Tun gefällt, dann zeigt es und helft mir im Web bekannter zu werden

Echt Webdesignen – Teil 21 + 22

compufreak — Wed, 07 Jul 2010 18:10:10 +0000

Nun habe ich endlich meine beiden leibsten Editoren vorgestellt: Notepad++ und den Phase 5 HTML-Editor. Beide haben ihre Vorzüge, für größere Projekte empfehle ich aber den Phase5-HTML-Editor.

Die jeweiligen Funktionen und Vorteile werden in 2 Videos ausführlicher Erläutert.
Inzwischen beinhaltet meine Anleitung 46 Seiten und wird bald online zu finden sein. Zudem möchte ich eine zweite Webdesign-Reihe starten, die auf HTML5 ‘umschulen’ soll.

Teil 21:

www.youtube.com/watch?v=sq6e0Ha-LgU

Teil 22:

www.youtube.com/watch?v=DyECqwDGbhQ

compufreak

Echt Webdesignen – Teil 19 + 20

compufreak — Tue, 06 Jul 2010 18:19:02 +0000

Endlich gabs wieder 2 Videos an einem Tag. Da ich morgen nicht viel vorhabe, schaffe ich wieder 2, vielleicht sogar 3?
Nebenbei arbeite ich täglich ‘ne gute Stunde an der begleitenden Anleitung. Sie umfasst bereits 26 Seiten und wird veröffentlicht, sobald ich den HTML-Teil darin abgeschlossen habe. Dann wird sie zu jedem Video erweitert und regelmäßig in aktualisierter Fassung hochgeladen.

Bis dahin habe ich aber ganz schön was vor mir.

Teil 19:

www.youtube.com/watch?v=c2iIzjO-ctk

Teil 20:

www.youtube.com/watch?v=HuZgAwUGkLM

compufreak

Echt Webdesignen – Teil 18

compufreak — Mon, 05 Jul 2010 18:34:38 +0000

Es tut mir leid, dass jetzt ein paar Tage zwischen dem neuen und den letzten Videos lagen, aber ich hatte technische Probleme mit meiner externen Festplatte. Nicht, dass diese am Entwicklungsprozess beteiligt gewesen wäre. Vielmehr hat sie sich an überhaupt nichts mehr beteiligt und CHKDSK hat mehrere Stunden gebraucht, um sie nicht wieder auf die Beine zu kriegen. Das Evakuieren meiner 300 GB Daten auf meine 320GB Festplatte war da nur noch ein kleines Sahnehäubchen. Jedenfalls habe ich nun das neue Video fertig. Ich schließe hiermit den HTML-Teil ab. Als nächstes folgt CSS. Ich denke, dass es unmöglich/sinnlos ist, nur HTML oder nur CSS zu lernen. Diese beiden Sprachen sind so eng verwoben, dass man an einem Punkt einfach anfangen muss, beide Aspekte zu betrachten. Die Feinheiten und die restlichen Elemente, werden im Zuge der Erschließung des CSS-Teritoriums vertieft.

Teil 18:

www.youtube.com/watch?v=sQYuIwLhdXk

compufreak

Echt Webdesignen – Teil 16+17

compufreak — Sat, 03 Jul 2010 12:08:07 +0000

Da hatte ich grad mal ein schönes Tempo, dann wurde ich lahmgelegt.
Jetzt hab ich aber endlich die beiden neuen Videos freigegeben. Allerdings fehlt am Ende jeweils ein bisschen. Ich hatte eigentlich noch was sagen wollen, dann musste ich aber die Pause-Taste drücken. Natürlich wär das auch alles gut gegangen, wenn ich nicht statt der Pause-Taste die Stop-Taste erwischt hätte. Naja. Zum Thema Validität sollte es sowieso ein Folgevideo geben. Danach ist dann übrigens auch bald schon CSS dran. Nebenbei arbeite ich auch an dem dazugehörigen eBook. Ich habe immerhin bereits 12 Seiten geschrieben.

Teil 16:

www.youtube.com/watch?v=qbcXAQeb1dc

Teil 17:

www.youtube.com/watch?v=7ugCnitvTlo

P.S.: Die neue Opera-Version ist endlich unter Ubuntu verfügbar