Toolchain für Webentwickler

Vorwort: Ich arbeite in Düsseldorf bei der “menadwork GmbH” als Webentwickler und vor einigen Monaten habe ich mein Betriebssystem auf Linux (Debian) umgestellt, daher musste ich meine Toolchain / Programmierumgebung neu einrichten. Vorweg kann ich schon mal verraten, dass man sehr gut und effizient damit arbeiten kann. Nur drei, vier Programme (IE, Photoshop, Outlook, MS Office) musste ich per VIrtualBox (Win7) virtualisieren. 

 

Im folgenden wird eine Toolchain / Programmierumgebung für Webprojekte (PHP, HTML, CSS, Sass, JavaScript) eingerichtet. Diese Anleitung werden ich im parallel für Windows und Linux beschreiben.

 

1.) git - git-scm.com

Als erstes Installieren / Konfigurieren wir “git” zur Versionskontrolle und um Quellcode von github.com laden zu können. Auch wenn du mit wenigen Leuten oder alleine an einem Projekt arbeitest ist der Einsatz von “git” sehr empfehlenswert. Da man so auch noch nach Wochen / Monaten nachvollziehen kann, warum man welche Änderung gemacht hat und diese zudem ganz einfach rückgängig machen kann.  

 

1.1) Installation:

1.1.1) Linux (Debian / Ubuntu)

sudo apt-get install git

 

1.1.2) Windows
http://msysgit.github.io/

 

Tipp:

- nutze von Anfang an die git-bash!

- bei der Installation wird nach “PATH” gefragt, hier sollte der zweite Punkt ausgewählt werden, da man ansonsten nur mit der git-bash arbeiten kann

git in der Windows-CMD

git für Windows

- Aktiviere “quick-edit-mode” in den Einstellungen der git-bash (nach der Installation), so dass man schnell kopieren und einfügen kann

- Windows-Laufwerke (Partitionen) sind direkt unter “/” aufgehangen -> z.b. cd /d/xampp/

- “vim ~/.vimrc” -> Konfiguration für “vim” 

z.B.: 

:syntax enable
:set tabstop=2
:set shiftwidth=2
:set expandtab

 

1.2) Konfiguration

 

1.2.1) “line ending” 

Es wird wahrscheinlich zu Probleme (Änderung in jeder Zeile der gespeicherten Datei) bei der Zusammenarbeit von “git unter Windows” & “git unter Linux (Mac)” geben, da diese ein anderes “line ending” haben (\n bzw. \r\n). - http://git-scm.com/book/ch7-1.html#Formatting-and-Whitespace

 

# Windows - Diese wandelt “LF” (\n) in “CRLF” (\r\n) Endungen um, wenn der Befehl “git pull” ausgeführt wird und wandelt dies beim “git commit” wieder zurück  

git config --global core.autocrlf true

 

# Linux (Mac) – Diese wandelt “CRLF” (\r\n) in “LF” (\n) Endungen um, wenn der Befehl “git commit” ausgeführt wird

git config --global core.autocrlf input

 

-> somit sind die Dateien auf dem Repository (z.B.: github oder gitlab) und in der lokalen git-history immer mit “LF” (\n) codiert.

 

1.2.2) “push” 

git config --global push.default simple

 

-> der Befehl “git push” schiebt nur commits von der aktuellen “branch” zum Repository (branch mit dem selben Namen)

 

1.2.3) “user”

Teile “git” mit wer du bist:

git config --global user.name DEIN_NAME
git config --global user.email DEINE_MAIL@ADRESSE

 

1.2.4) “alias”

Wie in der Linux-Bash (~/.bashrc), kann man auch für git “aliases” (~/.gitconfig) vergeben:

git config --global alias.last 'log -1 HEAD'
git config --global alias.unstage 'reset HEAD --'
git config --global alias.hard 'reset --hard'
git config --global alias.co checkout
git config --global alias.br branch
git config --global alias.ci commit
git config --global alias.st status
git config --global alias.cam commit -a -m

 

1.2.5) “color”

git config --global color.diff auto
git config --global color.ui auto
git config --global color.status auto
git config --global color.branch auto

 

2.) Webserver + PHP

Als Webserver installieren wir uns lokal den “Apache”-Webserver, da diese bei vielen Web-Projekten später auch im Live-System zum Einsatz kommt und wir bereits lokal Dinge wie “.htaccess“-Umleitungen etc. testen kann.  

 

2.1) Installation:

2.1.1) Linux (Debian / Ubuntu)

sudo apt-get install apache2 libapache2-mod-php5 php5-mysql php5-curl php5-gd php5-intl php-pear php5-imagick php5-imap php5-mcrypt php5-memcache php5-ming php5-ps php5-pspell php5-recode php5-snmp php5-sqlite php5-tidy php5-xmlrpc php5-xsl php5-apcu php5-xdebug

 

Achtung: “php5-xdebug” sollte man nur auf seiner lokalen PC installieren!!! 

 

2.1.2) Windows

http://www.apachefriends.org/de/index.html

 

2.2) Konfiguration

Wenn man unter Linux bzw. Mac arbeitet, sollte man den Webserver bzw. PHP so konfigurieren, dass die entsprechenden PHP-Skript-Prozesse mit dem User des Webs laufen. Dies kann man z.B. via suphp oder via php-fpm bewerkstelligen. (Quick & Dirty: die Skripte mit dem eigenen User laufen lassen und das htdocs-Verzeichnis in das eigene Home-Verzeichnis legen)

Unter Windows braucht man sich an dieser Stelle noch keine Gedanken über User-Rechte machen, jedoch spätestens wenn man das Projekte zum ersten mal auf dem Server deployed muss man diesen Schritt auf dem Server wiederholen.

 

Tipp: hier findet man viele Anleitungen für die Installation von Linux-Servern -> http://www.howtoforge.de/

 

2.2.1) xDebug -> http://xdebug.org

Unter Windows (XAMPP) ist xDebug bereits vorinstalliert und muss nur noch in der “php.ini”-Datei aktiviert werden. Unter Linux befinden sich die Konfigurationen für PHP-Erweiterungen unter “/etc/php5/config.d/”.

z.B.: für Windows, wenn xampp unter “D:\xampp\” installiert ist

[XDebug]
;zend_extension = /path/to/xdebug.so
zend_extension = "D:\xampp\php\ext\php_xdebug.dll"
;xdebug.profiler_append = 0
;xdebug.profiler_enable = 1
xdebug.profiler_enable_trigger = 1
xdebug.profiler_output_dir = "D:\xampp\tmp"
xdebug.profiler_output_name = "cachegrind.out.%t-%s"
xdebug.remote_enable = 1
xdebug.remote_handler = "dbgp"
xdebug.remote_host = "127.0.0.1"
xdebug.trace_output_dir = "D:\xampp\tmp"
xdebug.remote_port=9000

 

 Info: http://wiki.netbeans.org/HowToConfigureXDebug#How_to_configure_XDebug

 

2.3) erster Test mit PHP

php -v

#MYSQL
php -r 'var_dump(function_exists("mysql_query"));'
php -r 'var_dump(function_exists("mysqli_query"));'

#JSON
php -r 'var_dump(function_exists("json_encode"));'

#BCMATH
php -r 'var_dump(function_exists("bcmod"));'

#MAIL
php -r 'var_dump(function_exists("mail"));'

#GD-LIB
php -r 'var_dump(function_exists("imagejpeg"));'

#SESSION
php -r 'var_dump(function_exists("session_start"));'

#SSH
php -r 'var_dump(function_exists("ssh2_connect"));'

#ZIP
php -r 'var_dump(function_exists("zip_open"));'

#GZIP
php -r 'var_dump(function_exists("gzopen"));'

#HASH
php -r 'var_dump(function_exists("hash_hmac"));'

#MCRYPT
php -r 'var_dump(function_exists("mcrypt_module_open"));'

#XML
php -r 'var_dump(function_exists("DomDocument"));'

#CURL
php -r 'var_dump(function_exists("curl_init"));'

#APC
php -r 'var_dump(function_exists("apc_store"));'

 

 2.4) PHPUnit installieren

pear config-set auto_discover 1
pear install --alldeps pear.phpunit.de/PHPUnit
pear install --alldeps phpunit/PHPUnit_SkeletonGenerator

 

3.) Netbeans (HTML5 & PHP) || PhpStorm (kostenpflichtig) || Sublime Text

Als nächsten großen Schritt werden wir uns nun eine IDE installieren hier würde ich für größere PHP-Projekte “Netbeans” bzw. “PhpStorm” empfehlen, obwohl “Sublime Text” auch seine Stärken hat und jeder der das Programm noch nicht ausprobiert hat, sollte es einmal testen!!!

 

3.1) Konfiguration

3.1.1) Netbeans

3.1.1.1) PHPUnit

Unter den Tools -> Options -> PHP -> PHPUnit-> kann man automatisch nach dem bereits installiertem PHPUnit und dem Skeleton-Generator suchen lassen und anschließend aus jeder PHP-Klasse ein PHPUnit-Template erstellen lassen. 

php_skeleton php_skeleton_confignetbeans_php_unit_beispiel

3.1.1.2) xDebug

Auch dieses Tool müssen wir einmal konfigurieren unter Tools -> Options -> PHP -> Debugging

netbeans_debug_xdebug netbeans_debug_xdebug_action

 

Tipp: Wir können unser PHP-Projekt nun nicht nur Debuggen, sondern auch Profilen. Indem wir den Parameter “XDEBUG_PROFILE=1″ per GET oder POST übermitteln und den Output anschließend z.B.: via  KCachegrind visualisieren lassen.

kcachegrind1

 

4.) “composer” - getcomposer.org

composer ist ein Manager für externe Bibliotheken (libs) und dessen Abhängigkeiten in PHP-Projekten.

 

4.1) Installation

4.1.1) Linux

curl -sS https://getcomposer.org/installer | php -- --install-dir=/usr/bin

 

4.1.2) Windows
https://getcomposer.org/Composer-Setup.exe

 

4.2) Repository -> https://packagist.org/

Auf der Webseite Packagist.org findet man alle Projekte, welche man ohne weitere Anpassungen in seinem Projekt verwenden kann und man kann seine eigenen Projekte einstellen (oder auch eigene Repositories verwenden, falls man diese nicht öffentlich machen will). z.B.: mein Profil -> packagist.org/users/voku/

4.3) Konfiguration

Man lege eine Datei mit dem Namen “composer.json” an und sucht sich seine zu installieren Bibliotheken aus, anschließend ein “composer install –optimize-autoloader” bzw. “composer update” und schon kann man die Bibliotheken verwenden (include von “vendor/composer/autoload.php” nicht vergessen).

 

5.) Ruby && Node.js

Bower ist auch ein Manager für externe Bibliotheken, jedoch auf JavaScript, jQuery, SASS, LESS, CSS etc. (A package manager for the web) ausgerichtet. Für die Installation muss man auch Ruby und Node.js installieren, jedoch benötigen noch andere wichtige Tools in unserer Toolchain diese Programme, daher folgt nun zuerst die kurze Installation unter Linux und die etwas ausführlichere für Windows. :P

 

5.1) Installation

5.1.1) Linux (Debian / Ubuntu)

sudo aptitude install ruby-full build-essential nodejs

 

5.1.2) Windows

Downlaod & Installation von Ruby & Node.js:

http://rubyinstaller.org/ + “DevKit”
http://nodejs.org/download/

 

Nachdem wir Ruby Installiert haben müssen wir noch das “DevKit” für Ruby herunterladen und in das Verzeichnis in welchem du Ruby installiert hat in das Unterverzeichnis “\DevKit” entpacken. – z.B.: “D:\xampp\Ruby200-x64\DevKit” und dann folgenden Befehl auf der Kommandozeile (ggf. muss man ruby noch zum PATH hinzufügen oder Windows mal wieder neu-starten)

 

ruby dk.rb init

 

Anschließend müssen wir die Datei “dk.rb” noch wie folgt anpassen:

# This configuration file contains the absolute path locations of all
# installed Rubies to be enhanced to work with the DevKit. This config
# file is generated by the 'ruby dk.rb init' step and may be modified
# before running the 'ruby dk.rb install' step. To include any installed
# Rubies that were not automagically discovered, simply add a line below
# the triple hyphens with the absolute path to the Ruby root directory.
#
# Example:
#
# ---
# - C:/ruby19trunk
# - C:/ruby192dev
#
---
- D:/xampp/Ruby200-x64

 

 … und können die Installation mit folgenden Befehlen abschließen:

ruby dk.rb review
ruby dk.rb install

 

6.) Bower” – bower.io

Zurück zu Bower, nachdem wir nun Ruby && Node.js installiert haben, können wir nun weiter Tools sehe einfach über die Kommandozeile via npm installieren lassen.

 

6.1) Installation

npm install -g bower

 

6.2) Repository -> http://bower.io/search/

 

6.3) Konfiguration

Auch Bower hat eine Konfigurationsdatei “bower.json”, in welcher man die entsprechenden Abhängigkeiten eintragen kann.

 

Tipp: Video anschauen -> https://egghead.io/lessons/bower-introduction-and-setup

 

7.) “Sass” – sass-lang.com

Sass ist ein Preprocessor für CSS, so dass man Variablen, Schleifen, Funktionen etc. in CSS nutzten kann. Große Projekte wie z.B.: Bootstrap bieten Ihren Quellcode als scss-Version an. Der Code-Style unterscheidet sich nur minimal von “normalem” CSS, wobei hier normal in Anführungszeichen stehen, da man die verschiedenen CSS-Selektoren nicht zwingend verschachteln muss. Man kann auch einfach seine bestehende CSS-Datei in eine SCSS-Datei umbenennen und per “sass” kompilieren oder eine bestehen CSS-Datei (z.B.: test.css) per “sass-convert” Konvertieren.

sass-convert -F css -T scss css/test.css scss/test.scss

 

7.1) Installation

gem install sass

 

 7.2) Links

Basics: http://sass-lang.com/guide

Playground: http://sassmeister.com/

HowTos: http://thesassway.com/

 

7.3) Video

 

 8.) “compass” - compass-style.org

 compass ist ein Framework, welches auf sass aufbaut und dieses um CSS3-Funktionen und z.B. automatisches erstellen und aktualisieren von CSS-Sprites bietet.

 

8.1) Installation

gem install compass

 

Tipp: wenn man noch Browser unterstützen muss, welche keine Transparenzen via CSS (opacity) können, dann sollte man sich mal “compass-rgbapng” anschauen. Damit werden automatisch Fallback-Bilder (png’s) in der entsprechenden Farbe / Transparenz erstellt und im CSS eingebaut. 

 

8.2) Konfiguration

Wir starten indem wir folgende Datei anlegen -> “config.rb”

# Require any additional compass plugins here.
#require "rgbapng"

#add_import_path "vendor/bower/foundation/scss/"
#add_import_path "vendor/bower/normalize-scss/"

# Set this to the root of your project when deployed:
http_path = "/"
css_dir = "css"
sass_dir = "scss"
images_dir = "images"
javascripts_dir = "js"

# You can select your preferred output style here (can be overridden via the command line):
# output_style = :expanded or :nested or :compact or :compressed
output_style = :expanded

# To enable relative paths to assets via compass helper functions. Uncomment:
# relative_assets = true

# To disable debugging comments that display the original location of your selectors. Uncomment:
# line_comments = false
line_comments = true

# If you prefer the indented syntax, you might want to regenerate this
# project again passing --syntax sass, or you can uncomment this:
# preferred_syntax = :sass
# and then run:
# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass

  

8.3) HowTo

Nachdem wir die Konfiguration angelegt und ggf. angepasst haben, wird mit dem folgendem Befehl automatisch (bei Änderungen) die entsprechende scss-Datei in eine css-Datei kompeliert.

compass watch

 compass_watch

 

9.) “auto-prefixer” – github.com/ai/autoprefixer-rails

Anstatt die entsprechenden CSS3-Funktionen von compass zu verwernden, erscheint es mir einfacher und Sinnvoller entsprechende Vendor-Prefixes automatisch zu erstellen und genau das macht dieses Tool! Man kann es entweder selber aufrufen, in compass oder via “grunt” (dazu kommen wir gleich) integrieren.

 

9.1) Installation

gem install autoprefixer-rails

 

9.2.1) HowTo: Grunt + autoprefixer

(Auch wenn ich noch gar nicht zu grunt geschrieben habe, zeige ich schon mal wie, man dies nutzten kann.)

Als erstes wird das Plugin “grunt-autoprefixer” installiert und dann folgender Task in der Datei “Gruntfile.js” angelegt:

    autoprefixer: {
      options: {
        browsers: ['last 4 version']
      },
      multiple_files: {
        expand: true,
        flatten: true,
        src: 'css/*.css',
        dest: 'css/'
      }
    },

 

9.2.2) HowTo: compass + autoprefixer

Folgendes in die compass-Konfiguration “config.rb” einfügen:

  require 'autoprefixer-rails'

  on_stylesheet_saved do |file|
    css = File.read(file)
    File.open(file, 'w') do |io|
      io << AutoprefixerRails.process(css)
    end
  end

 

10.) “Grunt” – gruntjs.com

Grunt ist ein Task-Runner, dass heißt das Programme automatisch z.B. nach dem Speichern einer Datei ausgeführt werden können. Falls jemand das Tool noch nicht im Einsatz hat -> einfach mal Testen!!! Erst dieses Tool verknüpft alle hier vorgestellten Tools zu einer “Toolchain”. Und man ist nur noch einen Schritt davon entfernt automatisierte Tests im Browser, Live-Reload im Brower etc. zu nutzen.

 

10.1) Installation

npm install -g grunt-cli
npm install -g grunt-init

 

10.2) HowTo: Init

Entweder man legt sich selber ein entsprechendes “Gruntfile.js” (Konfiguration) und “package.json”- Datei an oder man nutzt den Befehl:

grunt-init TEMPLATE_NAME

 

10.3) Video

 

Wie im Video erklärt wird, kann man gunt, nachdem man dies einstellt hat, mit dem Befehl “grunt watch” auf Änderungen von beliebigen Dateien, beliebige Tasks ausführen lasse. In meinem Fall lasse ich z.B. bei Änderungen von “*.scss”-Dateien diese via compass in CSS compilieren, anschließend per “autoprefixer” überarbeiten, minifizieren und zum Schluss wird automatisch ein reload von dem entsprechendem Brower-Tab durchgeführt. :)

 

10.4) Plugins -http://gruntjs.com/plugins

Nachdem man ein Plugin in der Datei “package.json” eingetragen hat, kann man diese über diesen Befehl installieren: 

npm install

 

Tipp: Mit dem Plugin “matchdep” muss man die entsprechenden Plugins nicht noch in der Datei “Gruntfile.js” registrieren. 

 

PS: hier noch mein aktuelles Gruntfile + package 

 

Viel Spaß beim programmieren!!! :)

“Yahoo Pipes” und andere Informationsquellen

Durch die Kommentare auf einen alten Blog-Post “News im Internet suchen / filtern /finden” wo ich mich mit dem Google-Reader, Newsletter, Twitter… beschäftigt hatte, bin ich durch blog.posativ.org auf “Yahoo Pipes” gestoßen!

 

Am Anfang stelle ich erst einmal das Endergebnis vor, eine Zusammenfassung einiger Tech-Blogs:

IT-Blogger über Linux: http://pipes.yahoo.com/pipes/pipe.run?_id=f537df8f186dafe15ee88fa01ec110c2&_render=rss

 

1.) RSS-Feeds zusammensuchen

Unter meinen Quellen waren einige Feed aus meinem Google-Reader

Tipp: Unter (“Einstellungen” > “Reader-Einstellungen” > “Ordner und Tags”) kannst du deine Ordner öffentlich machen. ;-)

-> IT-BloggerIT-NewsIT-PodcastsLinuxHackingPolitikLesenswert

Dann habe ich noch einige URLs aus meinen Twitter-Listen zusammenkopiert und schon hatte ich so viele Informationen, dass man Stunden benötigen würde, um die Webseiten einzeln zu besuchen und sich die neusten Infos zusammenzustellen.

-> IT-BloggerIT-NewsIT-PodcastsLinuxHackingPolitikLesenswert

 

feed

feed

 

2.) RSS-Feeds filtern und sortieren

Auch wenn die Doku von “Yahoo Pipes” gut ist und es sogar einige Video-HowTo’s gibt, ist das meiste selbsterklärend und man kann vieles einfach ausprobieren, da man zum einen eine Debug-Konsole erhält, wenn man auf ein Element kickt und zum anderen sich viele andere Beispiele finden lassen, wo man sich die Konfiguration anschauen & kopieren kann, um diese für seinen Zweck anzupassen. z.B.: http://pipes.yahoo.com/pipes/pipe.info?_id=f537df8f186dafe15ee88fa01ec110c2 -> View Source & Clone

 

filter

filter

Der Bootvorgang – Wie fährt ein PC hoch…

1.) Einleitung

Der Begriff „Bootvorgang“ bezeichnet das Starten des Rechners, das Auswählen eines Betriebssystems und das Starten desselben. Der Begriff „Booten“ geht auf das englische Wort „bootstrap – Stiefelanzieher“ zurück.
Der Bootvorgang wird durch Reset initiiert. Reset tritt Beispielsweise auf, wenn der Strom eingeschaltet wird, die damit zusammenhängenden Vorgänge werden in Kapitel 2 beschrieben. Im Laufe des Bootvorganges gibt es später drei verschiedene Möglichkeiten, das Betriebssystem zu finden und zu laden – abhängig davon, wo sich der Code des Betriebssystems befindet:
1.) Der Code befindet sich auf einer Diskette, auf die direkt zugegriffen werden kann.
2.) Der Code befindet sich auf einer Festplatte.
Und das darauf folgende starten des Betriebssystems.


2.) Start

2.1) Reset
Beim Einschalten des Stromes wird „Reset“ ausgelöst, dabei handelt es sich um einen Hardwareinterrupt. Interrupts treten dann auf, wenn ein korrekter Programmablauf nicht mehr möglich oder wünschenswert ist. Alle Interrupts haben eine Priorität. Treten also mehrere Interrupts gleichzeitig auf, so werden sie nach Priorität geordnet ausgeführt, es sei denn, der Interrupt mit der höheren Priorität stoppt die weitere Programmausführung.
„Reset“ ist der Interrupt mit der höchsten Priorität: Er wird in jedem Fall ausgeführt. Das Reset Signal kann auch ausgelöst werden, ohne dass die Stromzufuhr unterbrochen wird. Dieser Fall wird als Warmstart bezeichnet. Den durch den Beginn der Stromzufuhr initiierten Start nennt man Kaltstart.


2.2) ROM
ROM (Read Only Memory) dabei handelt es sich um einen Speicherbaustein, aus dem nur Daten gelesen, in den aber keine Daten geschrieben werden können. Die gespeicherten Daten werden
bereits bei der Produktion der Bausteine festgelegt und können im Nachhinein nicht mehr oder nur mit speziellen Geräten verändert werden. Das ROM verliert seine Daten nicht, wenn keine Stromzufuhr angeschlossen ist. Sobald Reset gegeben wurde, wird die Hardwareinterrupt gestartet, wodurch prozessorinterne Register auf prozessorspezifische Startwerte gesetzt werden und versetzt so den gesamten Prozessor in den Startzustand. In der Regel wird anschließend der Inhalt des ROM in den RAM (Arbeitsspeicher) gespiegelt, da der Zugriff auf Speicherinhalte dort schneller gewährt werden kann. Zuletzt wird der Befehlszähler (Program Counter) auf den Beginn dieses Codes gesetzt, dadurch wird gewährleistet, dass der im ROM befindliche Code als erstes und ohne Voreinstellungen ausgeführt wird.


2.3) BIOS
Im ROM steht der Code des Basic Input Output Systems (BIOS). Dies ist ein Programm, das die Hardware überprüft und einfachste Hardwareunterstützung zur Verfügung stellt. Außerdem hat das BIOS die Aufgabe, den Start eines Betriebssystems zu ermöglichen und zu initiieren. Das BIOS führt nach seinem Start zunächst Hardwaretests durch, diese Tests werden „Power On Self Tests“ (POST) genannt. Während dieser Tests wird nach Hardware gesucht und gefundene Hardware überprüft, außerdem sucht das BIOS nach passenden Treibern. Zudem können durch diese Tests Fehler (z.B. defekte Festplatte) schneller erkannt werden.


Der POST lässt sich in einzelne Schritte einteilen. Die folgenden Schritte sind Teil jedes POST:
1. Überprüfung der Funktionsfähigkeit der CPU (bei Multiprozessor-Systemen: der ersten CPU)
2. Überprüfung der CPU-nahen Bausteine
3. Überprüfung des CMOS-RAM (Prüfsummen-Bildung)
4. Überprüfung des CPU-nahen Cache-Speichers
5. Überprüfung der ersten 64 Kilobyte des Arbeitsspeichers
6. Überprüfung des Grafik-Speichers und der Grafik-Ausgabe-Hardware


Danach kann die Grafik in Betrieb genommen werden. Die weiteren Tests werden daher meist auf dem Bildschirm sichtbar gemacht:
- Überprüfung des restlichen Arbeitsspeichers – dieser Schritt kann bei manchen BIOS durch einen Tastendruck übersprungen werden
- Überprüfung der Tastatur
- Überprüfung von weiterer Peripherie, u.a. Diskettenlaufwerke und Festplatten.
Anschließend lädt das BIOS veränderbare Daten z.B. Datum und Uhrzeit in einen Speicher. Diese Daten befinden sich auf einem kleinen Speicherbaustein, der durch eine Batterie konstant mit Strom versorgt wird. So können auch während eines Spannungsabfalls im restlichen System keine Daten verloren gehen. In diesem Speicher sind auch die benutzerdefinierten BIOS-Optionen gespeichert. Während des Startvorgangs kann der Benutzer in das Konfigurationsmenü gelangen, so dass man diese Dateien teilweise selber anpassen kann. Zuletzt sucht das BIOS nach einem bootfähigen Speichermedium. Ein Speichermedium kann zum Beispiel eine Festplatte, eine USB-Stick oder eine Diskette sein.


Jede Diskette ist in mehrere Sektoren unterteilt, von denen jeder einzelne 512 Byte umfasst. Eine Diskette wird genau dann als bootfähig bezeichnet, wenn…
1.) …von ihr ein vollständiges Betriebssystem geladen werden kann.
2.) …durch den auf ihr gespeicherten Code ein Betriebssystem von einer anderen Quelle geladen werden kann.
Den ersten Sektor einer bootfähigen Diskette nennt man Bootsektor.
Bei der Suche nach bootfähigen Speichermedien geht das BIOS nach einer Reihenfolge vor, die in BIOS festgelegt werden kann.


3.) Speichermedien

3.1) Booten von Diskette
Disketten sind nur in Sektoren aufgeteilt (im Gegensatz zu Festplatten). Der erste Sektor einer bootfähigen Diskette ist der Bootsektor, er ist 512 Byte lang und endet mit den 2 Byte der Magic Number. In den übrigen 510 Byte des Bootsektors befindet sich nun ein Programm, das den Start des Betriebssystems initiiert. Das eigentliche Betriebssystem befindet sich in den restlichen Sektoren der Diskette.
Das BIOS lädt (wenn die Magic Number stimmt) die ersten 510 Byte der Diskette in den Arbeitsspeicher und daraufhin wird dieser Code ausgeführt.


3.2) Booten von Festplatten
Die Grundstruktur aller Festplatten ist gleich: Metallscheiben mit magnetisierbarer Oberfläche rotieren mit hoher Geschwindigkeit in einem hermetisch abgeschlossen Gehäuse. Die Bits sind als Wechsel in der Magnetisierung der Scheibenoberfläche gespeichert. Schreib-/Leseköpfe (Engl. Heads) bewegen sich dicht über der Oberfläche nach innen und außen. Die Daten sind auf kreisförmigen Spuren abgelegt, die man auch als Tracks bezeichnet. Diese Anordnung unterscheidet sich grundlegend von der bei Schallplatten und CDs verwendeten: Hier gibt es pro Seite nur eine lange Aufzeichnungsspur in Form einer Spirale. Jede Spur einer Festplatte ist wiederum in einzelne Abschnitte aufgeteilt, den Sektoren (Engl. Sectors). Jeder Sektor fasst 512 Byte. Die Ansteuerung eines Sektors erfolgt über die Elektronik der Festplatte, der steuernde PC hat mit der Aufteilung in Sektoren nichts zu tun. Die meisten Festplatten benutzen die Ober- und Unterseite der Scheiben und verfügen über mehrere Magnetscheiben. Die Schreib-/Leseköpfe für alle Oberflächen sind als Einheit montiert, sie können sich nicht unabhängig bewegen. Deshalb liegen die Spuren auf den Plattenoberflächen exakt übereinander. Ein Satz von übereinander liegenden Spuren trägt den Namen Zylinder (Engl. Cylinder). Wie bereits erwähnt sind Festplatten in Abschnitte unterteilt, die mit den Koordinaten [cylinder, head, sector] angesprochen werden können. Zusätzlich kann eine Festplatte in Partitionen unterteilt werden.
Die im BIOS enthaltenen Treiber sind jedoch sehr stark minimiert, daher kann das BIOS nur auf begrenzten Festplattenplatz zugreifen. Die BIOS-Treiber können nur die Zylinder 0 bis 1023 der Festplatte ansprechen (8-GByte), auslesen und erkennen nicht mehr als zwei Partitionen, auf jeder der Partitionen kann ein Betriebssystem installiert werden. Die folgenden Ausführungen gelten nur für IDE-Festplatten, bei SCSI-Festplatten mit ihrem eigenen BIOS gibt es derlei Probleme nicht. Partitionen, von denen ein Betriebssystem geladen werden kann, heißen bootfähige oder aktive Partitionen.


CHS-Modus:
Bis etwa 1997 wurde für die Adressierung der Festplatte das CylinderHeadSector-Verfahren genutzt. Dadurch kann jeder 512 Byte Sektor durch die Angabe des Zylinder, des Kopfes und des Sektors genau lokalisiert werden. Die Köpfe geben dabei die Magnetscheibe und deren Seite an und die Zählung wird wie bei den Zylindern mit 0 angefangen.


CHS

CHS


(Zylinder) x  (Lese-Schreibköpfe) x (Sektoren) x (Sektoren Größe)
1024 x 255 x 63 x 512 Byte
= 8.422.686.720 Byte = 8.225.280 kByte = 8.032,5 MByte = 7,8 GByte


LBA-Modus:
Da heutige Festplatten wesentlich größere Kapazitäten haben, verwendet man zur Adressierung die “Linear Block Address”. Diese Adresse ist vier Byte (32Bit) lang und numeriert alle Sektoren einer Festplatte der Reihe nach durch. Dadurch ergibt sich eine maximale Gesamtkapazität von:
(Sektoren) x (Sektoren Größe)
2^32 x 512 Byte
= 2048 GByte = 2 TeraByte


Für die Verwaltung der Partitionen liegt in dem äußersten Zylinder jeder Festplatte der Master Boot Record (MBR). Der Master Boot Record enthält alle Informationen, die für den Bootvorgang benötigt werden. Er ersetzt in den nun folgenden Vorgängen das BIOS. Beim Booten von einer Festplatte wird das BIOS nicht mehr benötigt, sobald der im MBR enthaltene Code
gestartet wurde.


Jede Partition funktioniert ähnlich wie eine Diskette: sie beginnt mit einem Bootsektor, in dem sich ein Programm befindet, das vom MBR gestartet wird. Die sogenannte Master-Boot-Routine wird nun durchlaufen, Standardmäßig prüft dieser Code zunächst die Einträge in der Partitionstabelle und sucht eine primäre Partition, die als aktiv (bootfähig) markiert ist. Dann lädt der Master-Boot-Code den physikalisch ersten Sektor der aktiven Partition, den Bootsektor.


Der Master Boot Record
Der MBR enthält von Fabrik aus einen Code, der das weitere Hochfahren steuert. Dieser Code wird Master Boot Code (MBC) genannt. Mit dem MBC kann von Festplatte gebootet werden, wenn nur eine aktive Partition existiert. Außerdem enthält der MBR eine Datei, in der alle Partitionen verzeichnet sind – diese wird Partitionstabelle genannt. Der MBR befindet sich übrigens im ersten Sektor der Festplatte, da ein Sektor jedoch nur 512 Bytes aufweist, müssen sich Bootcode und Partitionstabelle diesen Platz teilen: In den ersten 446 Bytes wird der Programmcode des Bootloaders ausgelagert, und in den nächsten 64 Bytes wird die  Partitionstabelle untergebracht. Die letzten zwei Bytes enthalten den Code AA55h, der zur Identifizierung des MBRs selber dient.
Die Partitionstabelle enthält je Partition: (16 Byte lange Einträge)
- Boot-Flag (1 Byte) - Markiert die Partition als aktiv. Das könnte man auch mit einem Bit ausdrücken, in der Tabelle wird dennoch ein Byte freigehalten.
- Kopfnummer des Partitionsbeginns (1 Byte)
- Sektor und Zylindernummer des Boot-Sektors (2 Byte)
- Systemcode (1 Byte) - Bezeichnet den Typ der Partitionen: NTFS, unformatiert…
- Kopfnummer des Partitionsendes (1 Byte)
- Sektor und Zylindernummer des letzten Sektors der Partition (2 Byte)
- relative Sektornummer des Startsektors (4 Byte)
- Anzahl der Sektoren in der Partition (4 Byte) – Der MBC lädt die Partitionstabelle und wählt den aktiven Sektor aus. Anschließend lädt er den Inhalt des Bootsektors der ausgewählten Partition. Der dort gespeicherte Code wird gestartet und somit der Start des Betriebssystems initiiert.


Der Bootsektor
Innerhalb einer Partition gibt es einen weiteren Sektor, dessen Position immer gleich ist: der Bootsektor. Er liegt im ersten Sektor der Partition und ist damit leicht über die Einträge in der Partitionstabelle zu ermitteln.


Multiboot
Wenn die Festplatte mehrere verschiedene Betriebssysteme auf mehreren aktiven Partitionen enthält, ist der Master Boot Code (MBC) überfordert. In diesem Fall wird ein Bootmanager benötigt. Ein Bootmanager ist eine erweiterte Version des MBC. Er liest die Partitionstabelle ein und gibt über den Bildschirm eine Liste der als aktiv markierten Partitionen aus. Der Benutzer wählt eine dieser Partitionen aus. Der Bootmanager lädt den Bootsektor der ausgewählten Partition und startet den dort gespeicherten Code. Moderne Bootmanager enthalten eigene Treiber. Dadurch sind sie nicht auf die eingeschränkten BIOS Treiber angewiesen und können zum Beispiel auch Betriebssysteme starten, die sich auf der dritten oder vierten Partition befinden. Die 446 Bytes vom MBR welche für den Bootloader reserviert sind, reichen definitiv nicht aus, um eine vernünftigen Bootloader darin unterzubringen. Daher dient dieser Code in der Regel nur dazu, einen zweiten Code zu laden, der sich auf einer der Partitionen befindet. Diesen zweiten Bootloader bezeichnet man als Secondary Bootloader. Typische Bootloader für Linux-Systeme sind LILO und Grub.


Beispiel für einen Bootmanager: GRUB
GRUB (ein Akronym für GRand Unified Bootloader (engl. “Großer vereinheitlichter Bootloader”)) - GRUB ist der Linux Standard, dessen wichtigste Vorteil dieses Bootmanagers ist seine Flexibilität, verwendet, wie auch andere moderne Bootmanager, eigene Treiber, um nicht auf die Hardwareunterstützung durch das BIOS angewiesen zu sein. Dadurch sind nicht nur die BIOS Beschränkungen außer Kraft gesetzt. GRUB kann mit den eigenen Treibern die kernelspezifischen Formate des zu bootenden Betriebssystems verwenden. So können sehr viele Systeme geladen werden, auch ohne dass die physikalischen Adressen des Codes bekannt sind. Dadurch wird andererseits das Programm sehr groß und der Code passt nicht mehr im Ganzen in den MBR. Deshalb wurde GRUB in zwei Teile unterteilt ist:
GRUB Stages 1 & 2.
GRUB Stage 1 – hat dabei hauptsächlich die Aufgabe, Stage 2 zu laden und auszuführen.
GRUB Stage 2 – befindet sich auf der Festplatte. Da das Programm meist Teil einer Linux Distribution ist, befindet sich Stage 2 in der Regel auf der entsprechenden Linux Partition.
Bootvorgang_Linux

Bootvorgang_Linux

Beim Chainloading spricht GRUB die einzelnen Bootloader oder Bootsektoren der Betriebssysteme an und übergibt ihnen den Systemstart.
title=Windows Vista
      rootnoverify (hd?,?)
      chainloader +1
      makeactive


Beispiel für einen Bootmanager: Vista
Für ältere Betriebssysteme greift der Windows Boot Manager auf die als Windows Legacy OS Loader gekennzeichneten Objekte zurück, hierbei handelt es sich im Grunde um den Verweis auf einen weiteren Bootsektor. An diesen Boot-Loader wird dann die Kontrolle des weiteren Startvorgangs übergeben. Windows 2000/XP/2003 werden so beispielsweise gestartet.
Und hier kommt dann wieder die altbekannte boot.ini ins Spiel. Denn für den Start der alten Windows-Versionen wird einfach der ntldr aktiviert, der wiederum die boot.ini ausliest.
Die bisher in der boot.ini abgelegten Informationen finden sich nun im so genannten Boot Configuration Data Store (BCD). Diese Binärdatei ist meist im Verzeichnis \boot der Startpartition. Änderungen an der Boot-Konfiguration lassen sich nur noch über das Kommandozeilen-Tool (als Administrator) bcdedit.exe durchführen.
Bevor wir nun irgendwelche Änderungen an der BCD vornehmen, sollte mittels bcdedit
/export sicherung – ein Backup angelegt werden und bei Bedarf mittels bcdedit
/import sicherung – diese wieder einspielen.


Code:
bcdedit /create {legacy} /d “Windows XP”
bcdedit /set {legacy} device partition=D:
bcdedit /set {legacy} osdevice partition=D:
bcdedit /set {legacy} path \ntldr
bcdedit /displayorder {legacy} /addlast


Linux als Boot-Option:
Will man zusätzlich Linux installieren und trotzdem dem Windows Boot-Manager verwenden (Tipp: es ist ggf. leichter dies mit GRUB zu realisieren, wie bereits zuvor gezeigt wurde) ist das auch nicht allzu schwer. Man sollte jedoch bei der Installation von Linux lediglich darauf achten, dass der Bootloader von Linux nicht in den MBR geschrieben wird sondern in die Linux-Partition.


Code:
dd if=/dev/xxx of=/bootloader.bin bs=512 count=1
Ersetze das xxx durch das Device, auf dem Linux installiert ist, also beispielsweise sda1. Die Datei bootloader.bin kopierst du z.B. auf einen USB-Stick. Das direkte Mounten und Beschreiben der NTFS-Partition von Vista ist nicht unbedingt empfehlenswert. Starte nun Windows und kopieren die bootloader.bin auf die Windows-Partition. Mit den folgenden Befehlen erzeugst du den Boot-Eintrag:


Code:
bcdedit /create /d “Linux starten” /application bootsector
Du bekommst jetzt die neue GUID angezeigt, die du für die folgenden Befehle verwenden können.


Code:
bcdedit /set {neueGUID} device boot
bcdedit /set {neueGUID} path \bootloader.bin
bcdedit /displayorder {neueGUID} /addlast


4.) Der Betriebssystemstart

4.1) Der Bootstrap Loader
In diesem Kapitel wird das Programm beschrieben, das sich im Bootsektor eines bootfähigen Speichermediums befindet. Dieses Programm heißt Bootstrap Loader oder abgekürzt Bootloader. Es ist ein Teil des zu ladenden Betriebssystems; die folgenden Vorgänge sind also Betriebssystem-spezifisch. Die Aufgabe des Bootloaders besteht darin,die einzelnen Bestandteile des Betriebssystemkerns (Kernel) in vorherbestimmte Positionen im Arbeitsspeicher zu laden und ihren Start zu initiieren. Außerdem stellt er eine primitive Laufzeit-Umgebung bereit, so dass der Kernel, falls nötig, kompiliert werden kann. Der Bootloader ist meistens zu groß, um komplett in den ersten 510 Byte der Diskette/ Partition gespeichert werden zu können. Daher sind viele Bootloader in zwei Teile unterteilt, von denen einer im Bootblock und der andere auf dem Rest der Festplatte (oder Diskette) gespeichert ist. Hierbei übernimmt der zweite und größere Teil die Aufgabe des Bootloaders, während der erste Teil den zweiten Teil lädt. Besonders typisch ist diese Vorgehensweise für das Betriebssystem DOS. Bei DOS werden die beiden Teile des Bootloaders als Bootblock 1 und Bootblock 2 bezeichnet.


4.2) Bootstrap
Als Bootstrap (zu Deutsch Schnürsenkel) wird das Starten des Betriebssystems bezeichnet. Der Bootstrap Loader ist nach diesem Vorgang benannt worden, da er den Bootstrap initiiert. Der Bootstrap beginnt mit dem Start des Bootstrap Loaders und endet mit dem Start des ersten User Programms.

News im Internet suchen / filtern / finden

Heute wollte ich beschreiben, wie ich mich über IT-News informiere, denn jeder der sich mit dem Thema “IT” beschäftigt bemerke schnell das aktuelle Informationen sehr wichtig sind, wenn z.B. eine Sicherheitslücke bekannt wird, Updates für bestimmte Programme anstehen oder man sich “einfach” über neue Technologien / Programme / etc. informieren möchte.


An alle IT-Blogger: Ich bin immer auf der Suche nach neuen IT-Blogs und interessanten IT-News, daher würde ich euch bitten, folgende Angaben als Kommentar zu hinterlassen, so dass ich euch folgen und eure Nachrichten lesen kann, thx.

  1. RSS-Feed
  2. ggf. Twitter/Identi.ca – Account
  3. ggf. Facebook-Fanpage


Google-Reader

Der Google Reader ist sehr praktisch, da man nicht die verschiedenen News-Seiten besuchen muss, man hat alle Informationen auf einem Blick zusammen. (Im RSS-Feed bitte immer ganze Artikel anzeigen lassen, anders macht RSS keinen Sinn!!!) Zudem kann man im Google-Reader auch bei anderen Google-Usern (Buzz) mitlesen, welche wiederum Infos/News weiterempfehlen können, so baut man sich schnell seine persönliche kleine News-Zentrale zusammen. Damit das ganze nicht unübersichtlich wird, sollte man die RSS-Feed in einzelne Ordner (Kategorien) speichern. Die Krönung ist ganzen ist dann, wenn du dir das Google-Reader App auf deinem Android-Smartphone installierst und immer alle aktuellen News abrufbereit in der Tasche hast.

Tipp: Per iGoogle (Google – Startseite) kannst du dir deine Google-Reader News auch anzeigen lassen und mehr viele weitere Infos wie z.B. das Wetter etc.


Auf speziellen Webseiten, werden auch RSS-Feed von Blogs zusammengefasst, so dass man diese nicht selber organisieren muss bzw. auch neue Blogs / News findet. Wer sich für das Thema (RSS-Sammlung -Planet) interessiert, kann sich eine solche Software ggf. auch selber installieren – www.planetplanet.org

z.B.:


+ News werden archiviert

+ Ordner erleichtern die Verwaltung

+ komplette News auf einer Webseite

- unübersichtlich, bei vielen Abos

- ggf. doppelte News bei mehreren Abos


google_reader

google_reader


der bessere Google-Reader - feedly.com

Auch wenn die Technik vom Google-Reader schon sehr gut ist, wirklich ansprecht / übersichtlich sieht es nicht wirklich aus, daher nutze ich www.feedly.com. (verfügbar für Chrome, Firefox, Safari) Die einzelnen Kategorien vom Google-Reader kannst du dir nun übersichtlich in einer Art Zeitungsformat anzeigen lassen und bekommst viele weiter News Empfehlungen.


+ Ordner erleichtern die Verwaltung

+ komplette News auf einer Webseite

+ News werden gewichtet

+ Übersichtliche Darstellung

- nur im Browser verfügbar (App ist jedoch in Arbeit)


feedly

feedly


News für unterwegs

Wenn man aus welchem Grund auch immer unterwegs (offline) News lesen möchte, kann man sich auch mehrere RSS-Feed per E-Mail zuschicken lassen und zwar auf tabbloid.com. Außerdem nutze ich auch noch readitlaterlist.com, wir der Name (Read It Later) schon sagt, kann man hier bequem Webseiten abspeichern und später offline lesen.

Tipp: Für “Read It Later” gibt es auch Apps für dein Smartphone, falls du keine Internetflat hast. ;-)


+ Internet wird nicht ständig benötig

- ein wenig unübersichtlich (readitlaterlist.com)

- unübersichtlich (tabbloid.com)


multi_RSS_per_pdf

multi_RSS_per_pdf


read_it_later

read_it_late


E-Mail (Newsletter)

Vor einiger Zeit habe ich mit mich darauf beschränkt (am Morgen) auf der Arbeit die IT-News des Tages per E-Mail zu lesen. Daher kann man meine Blog-Beiträge auch per E-Mail empfangen, dies lässt sich sehr einfach per RSS + FeedBurner realisieren.

Tipp: Unter Linux (Arch Linux & Ubuntu) nutzte ich “Claws Mail” als E-Mail Client. :-)


z.B.:


+ News werden archiviert

+ Filter-Regeln, erleichtern die Organisation

- unübersichtlich, bei vielen E-Mails / Abos

- ggf. doppelte News bei mehreren Abos


Twitter

Wer ein wenig Zeit mitbringt, kann auf Twitter auch viele neue Leute kennen lernen und interessante News in der “Timeline” lesen, ich folge hier vielen IT-Bloggern und kann jedem der Twitter nutzt nur empfehlen Twitter-Listen anzulegen, um ein wenig Ordnung in die Informationsflut zu bekommen. z.B.: twitter.com/suckup_de/lists Indem andere diese Listen wiederum abonnieren, kann man auch ohne viel Zeitaufwand vielen News finden.

Tipp: Wer eine freie Alternative zu Twitter sucht sollte sich einmal identi.ca anschauen…


+ News in Echtzeit

+ Listen erleichtern die Verwaltung

- unübersichtlich Timeline, bei vielen Nachrichten

- spezielle News werden schnell überlesen

- doppelte News


Twitter_Listen

Twitter_Listen


Twitter_IT-Blogger

Twitter_IT-Blogger

Online-Zeitung (Twitter)

Als Ergänzung zu Twitter möchte ich an dieser Stelle kurz “Twittertim.es” und “paper.li” vorstellen. Bei Twittertim.es kann man aus seiner Timeline eine Zeitung generieren, die Reihenfolge der Beiträge ergeben sich daraus, wie viele Bekannte diese Nachricht ebenfalls erwählt haben. paper.li ist ebenfalls ein Online-Zeitungs-Dienst, welcher Twitter und ggf. Facebook Meldungen (News) verarbeitet. Der Vorteil von paper.li ist der, dass man auch die erwähnten Twitter-Listen als ansprechende Zeitung publizieren und abonnieren kann. z.B.: paper.li/suckup_de/it-nachrichten


+ News werden gewichtet

+ Übersichtliche Darstellung

- spezielle News werden ggf. nicht anzeigt


paper_politik

paper_politik


Social-News

Ergänzend zu den bisher Vorgestellen News-Quellen schaue ich teilweise auch in sogenannte Social-News, dort können User (du und ich) Nachrichten einreichen, diese können dann von anderen gepusht werden. Um so mehr Stimmen ein Beitrag erhält, desto weiter vorne (oben) wird dieser Angezeigt.

z.B.:


+ News werden gewichtet

- ggf. unrelevante / uninteressante News

- spezielle News werden schnell überlesen

- etwas unübersichtlich


Podcasts (Audio-News)

Sehr schön finde ich auch Padcasts, wo sehr liebe Menschen News zusammentragen, diese als eine Art Radiosendung verpacken und als Audio-File anbieten. Solch ein Podcast kannst man sich jedoch nur anhören, wenn man auch die Zeit mitbringt! z.B. auf dem Weg zur Arbeit / im Zug / oder einfach gemütlich zu Hause. ;-)

z.B.:


+ ausführliche News

+ irgendwie persönlicher als ein heise-Artikel :-)

- festgelegte Themenauswahl

- ggf. lange Laufzeit

Blogblume V3.0

Naja eigentlich ist es für mich meine erste Blogblume daher V1.0. In der Blogparade auf “blogblume.de” geht es darum, eine “Blume zu pflanzen” (mithilfe von HTML Graph) aber noch schönes als das Bild das an Ende dabei herauskommt, ist der Aufbau dieser “Blume”, daher einfach selber ausprobieren… :-)


Blogblume - Januar 2011

Blogblume - Januar 2011


Webseite -> Blume


  • blue: für links (der A tag)
  • red: für Tabellen (TABLE, TR and TD tags)
  • green: für den DIV tag
  • violet: für Bilder (der IMG tag)
  • yellow: für Formulare (FORM, INPUT, TEXTAREA, SELECT und OPTION tags)
  • orange: für Zeilenumbrüche und Zitatblöcke (BR, P, und BLOCKQUOTE tags)
  • black: der HTML tag, das root node
  • gray: alle anderen tags

Weihnachtsgeschenke für Geeks

Ein Geschenk für einen Computer-Freak zu finden ist gar nicht so schwer wie man auf Anhieb denkt. Denn es gibt ganze Webseiten, welche sich auf diese Kundschaft ausgerichtet haben. :-) Um einigen ahnungslosen Eltern, Freunden/-innen von (uns) Geeks einen Tipp zu geben, habe ich folgende kleine Liste zusammengestellt und wie man sieht müssen die Geschenke nicht einmal viel kosten.


1.) Taschentücher -> 1,25 €

US_Dollar

US Dollar als Taschentuch

2.) PC-Sticker -> 1.99 $

casebadges

casebadges


3.) 3D Notizblock -> 5,90 €

3D Notizblock

3D Notizblock

4.) Sudoku-Klopapier -> 6,95 €

sudoku_klopapier

sudoku Klopapier


5.) bOOleO Kartenspiel -> 11,90 €

bOOleO Kartenspiel

bOOleO Kartenspiel


6.) Lesezeichen an der Wand -> 14,90 €

Lesezeichen + Buchhalter

Lesezeichen + Buchhalter

7.) außergewöhnliche Ohrstöpsel -> 14,95 €

witzige Kopfhörer

witzige Kopfhörer

8.) myAVR Board light, Bausatz -> 14,95 Euro

board light Bausatz

board light Bausatz

9.) myBrett ->  15 €

myBrett

myBrett

10.) Widerstand ist zwecklos (T-Shirt) -> ~14,90 €

widerstand-zwecklos

widerstand-zwecklos

11.) Kaffee ist unverzichtbar -> 18.00 $

Kaffeetasse

Kaffeetasse

12.) Slide to unlock (Fußmatte) -> 19,90 €

Fußmatte Slide to unlock

Fußmatte Slide to unlock

13.) Selbstrührende Thermo-Tasse -> 19,95 €

selbstruehrende-tasse

selbstruehrende-tasse

14.)  W-Lan – T-Shirt -> 29,90 €

wlan_shirt

wlan_shirt


Auf den Webseiten gibt es natürlich noch Unmengen weitere interessante Dinge, über die sich jeder Geek freuen wird -> z.B.: “Fernzündung von Feuerwerkskörpern“, “Musikkissen“…

Droopy – Datenübertragung per HTTP

Das Python-Skript Droopy wird auf dem Zielrechner ausgeführt, so dass hier ein kleiner HTTP-Server gestartet wird, der eine einfache Seite mit Uploadformular enthält. Nun muss man nur noch dessen IP-Adresse zusammen mit der Portnummer in die Adresszeile des Browsers eingeben und kann Dateien verschicken (egal ob Windows, Mac, Linux …). Einzige Voraussetzung auf dem Zielrechner ist Python!


Download: droopy

wget http://stackp.online.fr/wp-content/uploads/droopy
mkdir uploads


Usage: droopy [options] [PORT]

Options:
  -h, --help                            show this help message and exit
  -m MESSAGE, --message=MESSAGE         set the message
  -p PICTURE, --picture=PICTURE         set the picture
  -d DIRECTORY, --directory=DIRECTORY   set the directory to upload files to
  --save-config                         save options in a configuration file
  --delete-config                       delete the configuration file and exit


Beispiel: droopy

python2 droopy -d uploads -m "Hi, schick mir doch mal ein paar Dateien... :-)" -p ~/Bilder/gemma-atkinson-108-06.jpg


droopy-Beispiel

droopy-Beispiel

Das Soziale-Netz und die digitale Zukunft

Die digitale Zukunft und wie man diese schon heute nutzen kann. Ich will in diesem Blog-Post einen Überblick über das Web 2.0 geben und beschreiben wie man sich heute im Digitalen-Netz bewegt und wie man Daten / Informationen austauscht. Was Soziale-Netze im Internet sind, sollte den meisten bekannt sein (Facebook, StudiXYZ, Twitter und Co.) wer mit dem Begriff noch nichts anfangen kann, dem empfehle ich den Film “The Social Network”.




Android + Web 2.0

Android + Web 2.0


Allgemeine Infos: Digitale-Welt

Wenn man den Zahlen einer neuen Studie glauben schenken darf, kann man die deutsche Bevölkerung in folgende Gruppen einteilen.:

  • 28 Prozent – Digitale Außenseiter (Digitale Außenseiter sind meist älter und weiblich)
  • 28 Prozent – Gelegenheitsnutzer (Mehrheit noch nicht im digitalen Alltag angekommen)
  • 07 Prozent – Berufsnutzer
  • 20 Prozent – Trendnutzer (Trendnutzer auf dem digitalen Vormarsch)
  • 17 Prozent – Digitale Profis digitale Avantgarde

Link: http://t3n.de/news/digitale-aussenseiter-deutschland-288027/



Weitere Statistiken zeigen, dass die Internet-User immer regelmäßiger Online sind. Dieser Trend dürfte in den nächsten Jahren noch drastisch steigen, da Smartphones und Tablet-PCs momentan meist von Trendnutzern genutzt werden, in Zukunft jedoch in allen Gruppen ankommen werden…


Internetnutzung im Tagesverlauf 300x216 Das Soziale Netz und die digitale Zukunft allgemein



Internetnutzung im Tagesverlauf


… auch wenn sich signifikante Unterschiede in der Altersstruktur der Netze zeigen – eine wirklich scharfe Abgrenzung gibt es nicht.


bild2.jpg 3efb251d3ebc35a9 300x298 Das Soziale Netz und die digitale Zukunft allgemein



Altersstruktur der Netze


Laut dem Bundesverband Informationswirtschaft, Telekommunikation und neue Medien e.V. (Bitkom) (PDF) waren schon im März 2010, 30 Millionen Deutsche ab 14 Jahren Mitglied in mindestens einem Sozialem-Netz (Online-Community), die Gründe einer Community beizutreten können sich natürlich stark unterscheiden.


Gründer für die Nutzung von Sozialen Netzwerken 300x218 Das Soziale Netz und die digitale Zukunft allgemein



Gründer für die Nutzung von Sozialen-Netzwerken


Fazit: ”Soziale Netze können vieles sein – Nachrichtenmedium, Kontaktbörse, Visitenkarte für Freiberufler, Spielplatz, Teamwork-Plattform und Suchdienst für verlorene Freunde. Mitglieder nutzen ihre Netzwerke, um zu klatschen, um geschäftliche Kontakte zu pflegen oder um Tipps zum Hobby auszutauschen. Dank Facebook und Co. bleiben sie mit dem nach Übersee ausgewanderten Kumpel in Kontakt und verpassen mit ihrer Smartphone-App auch im Urlaub nicht, was im Freundeskreis zu Hause passiert.

Wie im richtigen Leben gilt: Alles kann, nichts muss. Wer aber erst einmal einen persönlichen Strom aus geschäftlichen Nachrichten, Surf-Empfehlungen und privatem Klatsch eingerichtet hat, der kommt schwer davon wieder los. Manchmal hat es etwas von einer Mischung aus Tagesschau und „Gute Zeiten, schlechte Zeiten“ – wobei alle Inhalte aus dem persönlichen sozialen Netz stammen.” – heise.de


Warum ich so genau auch die Sozialen-Netze eingehe dürfte klar werden, wenn man sich anschaut wie viele Nutzer allein Facebook hat.

Facebook-User – Weltweit: ~574.460.480 (http://www.facebook.com/press/info.php?statistics)

Einwohner – Deutschland: ~82.167.000 (http://de.wikipedia.org/wiki/Liste_der_Staaten_der_Erde#Liste)


Spätesten jetzt dürften diese Dienste auch für Unternehmen interessant werden, denn wo gibt es sonst so viele potenzielle Kunden? Genauer will ich gar nicht auf den allgemeinen Teil und den Statistiken eingehen, dazu haben sich schon viele Leute ausgelassen, welche sich besser in der Digitalen-Welt auskennen als ich! Daher komme ich jetzt zum praktischen Einstig in die Digitale-Welt, auf das es in Zukunft weniger “Digitale Außenseiter” gibt.


Praktischer Einstig: Digitale-Welt

Ich habe hier eine Auflistung von bekannten Diensten im Internet zusammengeschrieben, welche man als User im Web 2.0 kennen sollte. Zudem sollte man sich zumindest kurz den Netzjargon anschauen, da man ansonsten ggf. in Chats, Foren und Sozialen-Netzen nicht weiß was jemand von einem will. icon wink Das Soziale Netz und die digitale Zukunft allgemein Daher muss du dich nicht wundern, wenn du bei einer Anfrage in einen Linux-Forum, als Antwort: “RTFM” bekommst („Read the fucking manual“ = „Lies das verdammte Handbuch“)



1.) Twitter

twitter Das Soziale Netz und die digitale Zukunft allgemein



twitter – Logo

“Twitter ist eine Anwendung zum Mikroblogging. Es wird auch als soziales Netzwerk oder ein meist öffentlich einsehbares Tagebuch im Internet definiert. Unternehmen und Pressemedien nutzen Twitter als Plattform zur Verbreitung von Nachrichten. Twitter wurde im März 2006 der Öffentlichkeit vorgestellt und gewann schnell international an Beliebtheit.” – Wiki



Leider kann man Twitter nicht wirklich so einfach definieren, da man einen “Twitter-Moment” miterleben muss, um zu verstehen worum es wirklich geht. Mein “Twitter-Moment” war z.B. als Strato ein größerer Server Ausfall hatte und auch mein V-Server betroffen war, ich hatte anfangs keine Idee was los war und warum ich meinen Server nicht erreichen konnte, dann habe ich kurzerhand bei Twitter nach dem Stichwort “Strato” gesucht und konnte mich mit vielen anderen Betroffenen live unterhalten und Infos austauschen!


Um Twitter einigermaßen Sinnvoll zu nutzen ist es meiner Meinung nach wichtig Listen zu erstellen, in welchen man andere Twitter-User (Nachrichten) nach Kategorien sortieren kann. Nachdem man einigen Usern folgt und auch selber einige Kurznachrichten (je 140 Zeichen) veröffentlicht hat. Kann man weitere User mit ähnlichen Interessen ausfindig machen:

- twitter.com/who_to_follow

- followfinder.googlelabs.com


Wichtig sind außerdem noch HashTags, dies sind Schlagwörter, welche zudem als Link (Suchwort) fungieren z.B. #NewTwitter. Desweiteren sollte man @replies verwenden, um einem anderen User zu Antworten, auch wenn dies auf Twitter meist nicht der Fall ist.


Es gibt eine Menge anderer Webseiten, welche Teilweise mit einer Twitter-Anbindung (API) arbeiten, um zusätzliche Funktionen anzubieten.

z.B.:

- twitpic.com – Bilder hochladen, kommentieren und bei Twitter veröffentlichen

- hootsuite.com – Twitter & Facebook Nachrichten besser organisieren

(hier noch eine Liste mit einigen Twitter-Anbindungen: twitter.pbworks.com)

Natürlich sollte man aufpassen, welchen Webseiten / Software man Zugriff auf seinen Account gewährt!


mein Twitter-Account: suckup_de



2.) Facebook

Facebook Das Soziale Netz und die digitale Zukunft allgemein



Facebook – Logo

“Facebook ist eine Website zur Bildung und Unterhaltung sozialer Netzwerke, die der Firma Facebook Inc. mit Sitz im kalifornischen Palo Alto gehört. Größte Anteilseigner sind Mark Zuckerberg (24 Prozent), Chris R. Hughes (12 Prozent), Peter Thiel (7 Prozent), Digital Sky Technologies (6,9 Prozent), Dustin Moskovitz (6 Prozent), Eduardo Saverin (5 Prozent) und Microsoft (1,6 Prozent).” – Wiki


Facebook hat zumindest in Deutschland Konkurrenz durch StudiVZ, MeinVZ, SchuelerVZ etc., wobei facebook meiner Meinung die bessere Qualität (Chat, HipHop-PHP, NoSQL, API, Places, Apps, Fan-Seiten…) bietet, wobei du bei StudiXYZ wahrscheinlich mehr von deinen Freunden und die lustigeren Gruppen-Namen finden dürftest. icon wink Das Soziale Netz und die digitale Zukunft allgemein


Wobei es bei Facekook, StudiXYZ und Co. geht liegt klar auf der Hand. Die einen wollten kontakt mit Freunden, Bekannten, Kommotionen, Mitschüler etc. pflegen andere nutzen diese Dienste als “Kontaktbörse” (siehe “The Social Network“) oder wie ich, um Informationen mit anderen auszutauschen, welche ähnliche Interessen (~> PC, Linux, Internet, Software) haben. icon smile Das Soziale Netz und die digitale Zukunft allgemein Es gibt natürlich auch viel Kritik an diesen Sozialen-Netzen. (z.B.: Datensammler) Du verlierst z.B. alle Rechte an deine Bilder, wenn du dieser bei facebook veröffentlichst, doch auch an dieser Stelle muss ich auf andere Leute mit mehr Ahnung von der Thematik verweisen, denn ich habe (leider) die AGBs nicht gelesen. Mit deinem Facebook-Account kannst du dich nun an vielen Webseiten direkt anmelden (z.B.: www.qype.com/user_login) oder andere Dienste mit deinem Facebook-Account verknüpfen. z.B.: Twitter-Verbindung herstellen apps.facebook.com/twitter & www.facebook.com/twitter oder man kann z.B. auch seine PS3 (Playstation-Network-Account) mit Facebook verbinden, so dass man seinen Freunden automatisch mitteilen, kann wenn man z.B. ein Spiel gewonnen hat. icon smile Das Soziale Netz und die digitale Zukunft allgemein


mein Facebook-Account: Lars-Moelleken



3.) status.net & identi.ca

Identi.ca logo Das Soziale Netz und die digitale Zukunft allgemein



Identi.ca – Lo

“Identi.ca ist ein Mikro-Blogging-Dienst und ein soziales Netzwerk, ähnlich wie Twitter. Identi.ca unterstützt den freien OpenMicroBlogging-Standard und ist die Referenzimplementierung und bedeutendste Plattform für StatusNet.” – Wiki


Identi.ca versucht die Nachrichten durch das anlegen von Gruppen zu organisieren, wobei du hier mehr Linux-User und Blogger findest (aber wahrscheinlich nicht so viele deiner Schulfreunde). Weiter unten in diesem Blog-Post gehe ich noch darauf ein, wie man identi.ca, twiiter und facebook miteinander verbindet, so dass deine Nachrichten automatisch auf den verschieden Webseiten verteilt werden. identi.ca ist nur eine (die größte) von vielen Seiten, welche auf der freien Software “status.net” und somit dem offenes Protokoll “OStatus” aufbaut. Im Grunde kann sich jeder die PHP-Software auf seinem Server installieren und eine eigene Community gründen und diese dann z.B. Twitter und anderen status.net-Seiten verbinden.



mein identi.ca-Account: voku



4.) Flickr

Flickr Das Soziale Netz und die digitale Zukunft allgemein



Flickr – Log

Flickr (von englisch to flick through something, „etwas durchblättern“, also etwa „Vorrichtung zum Durchblättern“ bzw. „Durchblätterer“ oder von englisch to flicker, „flimmern“) ist ein kommerzielles Web-Dienstleistungsportal mit Community-Elementen, das es Benutzern erlaubt, digitale und digitalisierte Bilder sowie Videos mit Kommentaren und Notizen auf die Website zu laden und so anderen Nutzern zur Verfügung zu stellen. Neben dem herkömmlichen Hochladen über die Website können die Bilder auch per E-Mail oder vom Fotohandy aus übertragen und später von anderen Webauftritten aus verlinkt werden.” – Wiki


Ich nutzte Flickr nur um Bilder hochzuladen, welche längere Zeit zur Verfügung stehen sollen, um diese dann z.B. in Blogs, Foren, E-Mails etc. zu verlinken. Man kann den Zugriff auf bestimmte Bilder auch auf bestimmte Gruppen oder User einschränken und natürlich gibt es eine Anbindung an Twitter und Facebook, so dass alle direkt erfahren, wenn du ein neues Bild hochgeladen hast. icon smile Das Soziale Netz und die digitale Zukunft allgemein Wenn du auf “Facebook”, “Twitter” und Co. direkt veröffentlichen möchtest, wenn du ein neues Foto hochgeladen hast, kannst du dies hier tun: www.flickr.com/account?tab=extend


mein flickr-Account: 41342799@N05



5.) last.fm

Last.fm  Das Soziale Netz und die digitale Zukunft allgemein



Last.fm – Logo

“Last.fm ist ein Internetradio auf Basis von sozialer Software, das entwickelt wurde, um Nutzern aufgrund ihrer Hörgewohnheiten neue Musik, Menschen mit ähnlichem Musikgeschmack und Konzerte in ihrer Umgebung empfehlen zu können. Es ist eine ehemalige Schwesterseite von Audioscrobbler, mit dem es sich früher eine Musikdatenbank teilte. Plattenfirmen und Musiker werden ermuntert, Last.fm Lizenzen zum Abspielen ihrer Musik zu erteilen. Last.fm hat derzeit ein Verzeichnis von über 80 Millionen einzelner Stücke und davon sieben Millionen für sein Internetradio zum Streaming sowie 150.000 kostenlose MP3-Downloads vorrätig.

[...]

Hört ein Nutzer von Last.fm einen Musiktitel, so wird dessen Bezeichnung (Titelzeile und Interpret) an Last.fm übertragen und dort im Nutzerprofil gespeichert und anderweitig statistisch ausgewertet. Diesen Übertragungsvorgang bezeichnet Last.fm als „scrobbeln“ (to scrobble).

Last.fm-Streams können im MP3-Format mit 128 kbit/s bei einer Abtastrate von 44,1 kHz abgerufen werden.” – Wiki


Nachdem man auf Last.fm einige Musik-Titel gehört hat bzw. auf anderem Wege einige Titel gescrobbelt hat, (build.last.fm/category/For+your+Desktop – für Linux empfehle ich “Clementine“ als Musik-Player) kann man Leute finden, welche einen ähnlichen Musikgeschmack haben oder auch ähnliche Künstler. Ein weitere Dienst, welche ein ähnliches


Als alternative will ich hier noch kurt www.simfy.de ansprechen, welcher mit Facebook-Anbindung, Last.fm-Anbindung (scrobble) daherkommt.

Nun kannst du für 7 Tage jeden Titel und alle Applikationen nutzen. Nach diesen 7 Tagen kostenloser Premium Mitgliedschaft kannst du auf der Webseite immer noch über 6 Millionen Songs direkt hören. Auch deine Freunde, Playlists und Charts werden natürlich nicht gelöscht.
 
Nicht mehr benutzen kannst du die mobilen Applikationen für Smartphones, iPod touch sowie die Desktop App für PC und Mac. Deswegen raten wir dir simfy jetzt auf Herz und Nieren zu testen. Du trägst kein Risiko. Diese kostenlose Test-Mitgliedschaft endet automatisch.
 
Eine dauerhafte Premium Mitgliedschaft, kannst du hier für nur 9,99 €<em>/Monat unter http://www.simfy.de/premium/</em> freischalten lassen.
simfy – überall einfach Musik hören!


mein last.fm-Account: voku1987


6.) Google (Buzz, Reader, hotpot, friendconnect, mail, latitude, docs)

Google Account-Übersicht: www.google.com/accounts/ManageAccount?hl=de (PS: hier kannst du dich auch direkt Regieren, falls du noch kein Google-Account hast)


6.1) Google Buzz

“Google Buzz ist eine Website der Google Inc. zur Unterhaltung von sozialen Netzwerken im Internet. Sie ist eine Erweiterung des E-Mail-Dienstes Gmail. Die Benutzer können Nachrichten, Bilder, Videos, Statusnachrichten und Kommentare austauschen.” – Wiki


mein Google-Buzz-Account: voku1987


6.2) Google Reader

“Google Reader ist ein webbasierter Feedreader. Der Nutzer hat die Möglichkeit, aus favorisierten Nachrichten verschiedener Quellen einen eigenen Feed für andere Leser zu erzeugen. Bis September 2007 war der Google Reader nur in Englisch verfügbar und befand sich im Testbetrieb in Google Labs.” – Wiki


Mit Google Reader kann man als nur RSS-Feed lesen und verwalten!!! Du kannst anderen Nutzern folgen, so dass du Ihre Empfehlungen lesen kannst, nachdem du einige RSS-Feed abonniert hast, schlägt dir Google Reader weitere RSS-Feed (Webseiten, Blogs…) vor, welche dich ggf. auch interessieren könnten. Zudem gibt


mein Google-Reader-Account: voku1987


6.3) Google Hotpot

Google Hotpot dient als Bewertung von Hotels, Restaurants, Öffentlichen Plätzen etc.. Es gibt natürlich bereits andere Dienste, welche einen ähnlichen Dienst anbieten und da bisher sind noch nicht viele Bewertungen bei Hotpot abgegeben wurden, kann ich momentan z.B. als alternative “www.qype.com/de” (mit Facebook-/ Google-/ Yahoo- … Anbindung) empfehlen.


6.4) Google Friend Connect

Google Friend Connect kann genutzt werden, um ähnlich wie auf Facebook-Seiten, Communities zu gründen. und zu verwalten. Hier noch ein Beispiel, wie man diese Fan-Seiten in seiner Webseite integrieren kann (in der rechte Widget-Leiste) -> suckup.de/about


6.5.) Google Mail

“Gmail (in Deutschland: Google Mail) ist ein kostenloser E-Mail-Dienst des Suchmaschinenbetreibers Google Inc.” – Wiki


Wer bisher seine E-Mail Adresse auf gmx.de, web.de etc. hatte sollte sich als alternative einmal “Google Mail” (Sie nutzen derzeit 75 MB (1 %) von Ihren 7526 MB.) ansehen.


chat callout Das Soziale Netz und die digitale Zukunft allgemein



Google Mail + Chat



6.6) Google Latitude

Zeigt auf der Google-Maps Karte deine bzw. die Position deiner Freunde an. Aus Datenschutztechnischen-Gründen kann man diese Funktion z.B. in dem Android Google-Maps App natürlich ein- und ausschalten. icon wink Das Soziale Netz und die digitale Zukunft allgemein


6.7) Google Docs / Google Text & Tabellen

“Google Text & Tabellen (engl. Google Docs) ist eine von Google Inc. angebotene Webanwendung zur Textverarbeitung, Tabellenkalkulation, Präsentation, Erstellung von Formularen und Erstellen von Zeichnungen. Sie ermöglicht Nutzern, Textdokumente, Tabellen und Präsentationen gemeinsam mit anderen Nutzern in Echtzeit online zu erstellen und zu bearbeiten.” – Wiki


z.B.: https://docs.google.com/document/d/1sNeEIBgIHj-d7SOlpYY0Agi1NAUxfOFMD13qD7tIftg/


— weitere Google Dienst —


Google bietet natürlich noch viele weitere Dienst an, welche ich hier noch nicht erwähnt habe z.B.:

- Google Webmster: eigene Webseite analysieren

- Google Earth + Google Street View: Satelliten-/Luftbilder/Fotos unterschiedlicher Auflösung mit Geodaten, überlagert + einem digitalen Höhenmodell

- Google Feedburner: RSS-Feed neu verpacken z.B. http://feeds.feedburner.com/suckup

- Google Kalender: ein sehr guter kostenloser Online-Kalender

- …und noch vieles mehr…



7.) gravatar.com

“Bei einem Gravatar handelt es sich um einen global verfügbaren Avatar (Globally Recognized Avatar), welcher mit der E-Mail-Adresse des Benutzers verknüpft ist. Verschiedene Seiten bieten den Nutzern an, Avatare auf ihre Server zu laden und mit ihren E-Mail-Adressen zu verknüpfen. So kann ein Benutzer des Internets in jedem Blog oder anderen System seinen globalen Avatar hinterlassen, ohne sich extra bei jedem Blog zu registrieren und dann ein Bild hochzuladen. Für viele Blogsysteme oder andere Internetangebote gibt es Plug-Ins, die das Einbinden solcher kleiner Bilder, die normalerweise eine Größe von 80×80 Pixeln haben, erleichtern.

Es besteht aber auch Kritik an Gravataren. Durch die Verwendung bei unterschiedlichen Internetaktivitäten ist dem Betreiber des Dienstes die Erstellung eines umfassenden Benutzerprofiles des Benutzers möglich, das der Anbieter beispielsweise für Werbezwecke verwenden kann. Auch Ermittlungsbehörden können dadurch auf einfache Art und Weise umfassenden Einblick in die Aktivitäten des Benutzers gewinnen.” – Wiki


Bei aller Kritik finde ich den Dienst trotzdem ziemlich hilfreich, da man über seine E-Mail Adresse, welche man bei den Webseiten angeben muss, um einen Kommentar zu schreiben, direkt ein Profilbild übergibt, zudem kann man dies relativ einfach in jeder Webseite einbauen kann. -> de.gravatar.com/site/implement




8.) disqus.com

Disqus, wie der Name schon verrät geht es hier um Diskussionen (Kommentare) auf Webseiten, Blogs etc.. Ich setze den Dienst auch in diesem Blog ein, so dass ich bisher so gut wie keinen Spam-Kommentar hatte, jeder einen Kommentar ohne vorherige Registrierung abgeben kann und wer will kann anstatt seine E-Mail etc. anzugeben sich per Facebook, Twitter, Yahoo … authentifizieren. Zudem gibt es eine “Akismet“ Integration und eine Menge weitere Features.




9.) foursquare.com & gowalla.com

Dies sind jeweils zwei Dienste welche auch konkurieren, da beide eine Mischung aus “GPS-Ortung” und dem bereits erwähnten qype.com/de (Bewertung/Empfehlung von Orten und Läden) ist. Dies macht natürlich erst Sinn, wenn man z.B. ein Handy mit Internet-Zugang + GPS hat, so dass man Empfehlungen andere User in seiner Nähe sehen kann oder sich anzeigen lassen kann so seine Freunde gerade sind. (ähnlich dem ebenfalls bereits erwähnten “Google Latitude”) Aber auch bei aller Kritik an solchen Dienst, finde ich es ziemlich hilfreich und informativ, wenn man sich z.B. nicht in Krefeld auskennt und dort einen Friseur sucht:

- http://gowalla.com/spots#q=Friseur&l=Krefeld

- http://foursquare.com/search?q=friseur&near=Krefeld,+Germany

- http://www.qype.com/dea14/search/Friseur?suppress_category_redirect=true



10.) youtube.com


YouTube Das Soziale Netz und die digitale Zukunft allgemein



YouTube – Logo

“Auf der Internetpräsenz befinden sich Film- und Fernsehausschnitte, Musikvideos sowie selbstgedrehte Filme. Sogenannte „Video-Feeds“ können in Blogs gepostet oder auch einfach auf Webseiten über eineProgrammierschnittstelle (API) eingebunden werden. [...] Am 9. Oktober 2006 wurde YouTube vom Suchmaschinenbetreiber Google für umgerechnet 1,31 Milliarden Euro (in Aktien) gekauft. Die Marke YouTube soll bestehen bleiben; der Betrieb mit 67 Mitarbeitern – darunter die Gründer Chad Hurley und Steve Chen – wird die Geschäfte vorerst unabhängig weiterführen.” – Wiki


YouTube ist über die Jahre gewachsen und hat einige wirklich sehr sehr gute Video zu bieten z.B. “Volker+Pispers“, “poetry+slam” (Andy Strauß muss man gesehen haben ^^) oder wer etwas Mathe lernen will “WieFunktioniertMathe“ … Wenn du YouTube mit “Google Reader”, “Twitter”, “Buzz” und “Facebook” verbinden möchtest, so dass deine Freunde (Un-/Bekannten) direkt sehen können welches Video dir gefällt, kannst du deine Account hier mir einander Verbinden: www.youtube.com/account?feature=mhum#sharing/activity


An dieser Stelle möchte ich auch noch vimeo.com und myvideo.de erwähnen! icon smile Das Soziale Netz und die digitale Zukunft allgemein


mein YouTube-Account: Voku1987



11.) meebo.com

“meebo ist ein auf libpurple basierender Ajax-Instant Messaging-Client und führt AOL Instant Messenger-, ICQ-, Yahoo! Messenger-, Windows Live Messenger-, XMPP-, MySpaceIM und Google Talk-Konten auf einer Seite im Messengerstil zusammen.” – Wiki


ICQ sollte bekannt sein, (alternative XMPP/Jabber) doch nicht jeder kennt meebo.de, hier kannst du auf einer Webseite z.B. über dein ICQ-Account mit deinen Freunden chatten… an dieser Stelle möchte ich auch noch “www.skype.com” erwähnen, auch wenn das Programm eigentlich den Punkt 12.) verdient hätte. icon smile Das Soziale Netz und die digitale Zukunft allgemein Es handelt sich hier um eine unfreie Software zur Internet-Telefonie. Mit Skype ist es möglich, mit den Kontakten zu chatten, ihnen Dateien zu senden, zu telefonieren und auch Videotelefonate zu führen. Alle Daten werden bei Skype verschlüsselt übertragen. Weitere Dienste (z.B. Anrufe in oder aus dem Festnetz oder das Verschicken von SMS) sind kostenpflichtig. Die Grunddienste sind jedoch kostenlos und bedürfen lediglich einer Registrierung. (Quelle: wiki.ubuntuusers.de/skype)


meebo 300x161 Das Soziale Netz und die digitale Zukunft allgemein



meebo



12.) mister-wong.de & digg.com & t3n.de/socialnews/ & webnews.de

Verweise auf Neuigkeiten (Blog-Einträge, Pressemitteilungen oder Nachrichten). Es gibt mittlerweile Unmengen an Nachrichten im Internet, einige sind weniger andere von größerer Bedeutung. Diesen Blog-Post den du gerade list, werde ich auch auf einiger der genannten Webseiten veröffentlichen und andere User können diesen dann Bewerten/Kommentieren und ggf. weiterempfehlen, so dass die User entscheiden was wichtig ist. Nachdem man sich ein wenig mit dem Thema auseinandergesetzt hat, stellt man jedoch schnell fest, dass kleine Webseiten, wie diese hier eine ist nicht viel Zuspruch erhalten. Da ich z.B. meistens nicht schreibt, was die Mehrheit lesen will: Linux. Ubuntu, C-Programmierung… gibt es für solche Webseiten andere Methoden, Informationen zu verbreiten, aber dazu kommen ich im nächsten Punkt (13.).



13.) RSS-Feed – Planet (z.B.: planet.ubuntuusers.de & planet.debianforum.de & planetsuse.org)

Im Grunde kann jeder mit der folgenden Software einen Planet auf seiner Webseite eröffnen. -> http://www.planetplanet.org/ <- Es geht darum RSS-Feeds zu einem bestimmten Thema zusammen zu fassen und somit eine Zusammenstellung aus mehreren Blogs etc. zu einem Themengebiet zu erhalten. Somit landen meine “Ubuntu-Themen” automatisch auf dem “ubuntuusers.de – planet” und Themen zu Debian werden auf dem “debianforum.de – planet” veröffentlicht.



14.) Wikipedia und Co.

Die meisten kennen die Webseite Wikipedia.org, doch wissen nicht, dass man sich die Software worauf diese Webseite basiert auch einfach installieren kann, um z.B. ein privates-Wiki oder ein Firmen-Wiki zu erstellen. Eine Webseite, wo Leute zusammen an einem Dokument arbeiten können und man die Veränderungen an dem Dokument stets nachvollziehen und ggf. Rückgängig machen kann. Wiki-Software-Beispiele:

- www.mediawiki.org

- www.dokuwiki.org


Wer sich über ein spezielles Thema informieren will, sollte sich einmal auf den verschiedenen Wiki-Seiten umsehen, welche es bereits gibt, hier ein paar Beispiele:

- ArchLinux – Wiki

- ubuntuusers.de – wiki



15.) slideshare.net

Auf der Seite www.slideshare.net kann man seine Präsentationen und Dokumente mit anderen teilen, aufgebaut ist das System ähnlich wie YouTube mit dem Unterschied, dass man direkt Präsentationen (.ppt .pdf) hochladen kann.


An dieser Stelle möchte ich auch noch prezi.com erwähnen, da man hier sehr ansprechende Präsentationen erstellen kann. Hier direkt eine sehr gute Präsentation zu diesem Thema.