Installation von Eclipse: Unterschied zwischen den Versionen

aus GlossarWiki, der Glossar-Datenbank der Fachhochschule Augsburg
Keine Bearbeitungszusammenfassung
 
(175 dazwischenliegende Versionen von 3 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
'''VERALTET'''
{{Qualität
{{Qualität
|correctness        = 4
|correctness        = 4
|extent              = 4
|extent              = 5
|numberOfReferences  = 5
|numberOfReferences  = 5
|qualityOfReferences = 4
|qualityOfReferences = 4
|conformance        = 4
|conformance        = 5
}}
}}
=Vorbemerkung=
 
==Vorbemerkung==


[[Eclipse]] ist für die Entwicklung von dynamische Web-Anwendungen mit und ohne einen Web-Server (wie z.B. Tomcat) recht gut geeignet.
[[Eclipse]] ist für die Entwicklung von dynamische Web-Anwendungen mit und ohne einen Web-Server (wie z.B. Tomcat) recht gut geeignet.


=Installation von Eclipse=
Für Windows werden folgende Annahmen gemacht: Auf der Partition C befindet sich das Windows-System und die Benutzerdaten.
Da Eclipse „out of the box“ läuft, wird es auf der Partition mit den Benutzerdaten installiert.


* Eclipse (Juno, 4.2) herunterladen:
==Installation von Eclipse==
** Eclipse IDE for Java EE Developers (32 Bit oder 64 Bit) [http://eclipse.org/downloads/ herunterladen] ([http://download.eclipse.org/eclipse/downloads Download-Übersicht])
* Zip-Datei nach <code>c:/web</code> entpacken ⇒ <code>c:/web/eclipse</code> enthält Eclipse (<code>c:/web/eclipse/eclipse.exe</code>)


==Deutsche Sprachpakete installieren==
* Eclipse (Keppler, 4.3) herunterladen:
Das [http://www.eclipse.org/babel/downloads.php Eclipse Babel Project] stellt diverse Sprach-Pakete zu Verfügung, die allerdings noch nicht ganz fertiggestellt sind.
** '''Eclipse IDE for Java EE Developers''' (32 Bit oder 64 Bit) [http://eclipse.org/downloads/]; '''ACHTUNG: Andere Eclipse-Varianten enthalten die hier benötigte Web-Entwicklungsumgebnung nicht. Sie müssen die Version ''Java EE Developers'' verwenden.'''
* Zip-Datei nach <code>C:\web</code> (Windows) bzw. <code>/Applications/</code> (Mac OS) entpacken ⇒ <code>C:\web\eclipse</code> enthält Eclipse (<code>C:\web\eclipse\eclipse.exe</code> bzw. <code>/Applications/eclipse/Eclipse.app</code>)


# Eclipse starten (<code>c:\web\eclipse\eclipse.exe</code>)
'''Beim ersten Start von Eclipse werden Sie nach einem Workspace gefragt. Wählen Sie einen geeigneten Ordner aus:'''
# Wählen Sie einen geeignet Workspace aus (z.B. <code>c:\web\mmprog</code>; auf den Laborrechnern müssen Sie Ihr Home-Verzeichnis nehmen, nicht den Desktop!)
* Privater Rechner: z.B. <code>C:\web\workspace-mmprog</code> bzw. <code>/Benutzer/'''BENUTZERNAME'''/Programmierung/web/workspace-mmprog</code>
# <code>Help</code> → <code>Install New Software</code>
* HSA-Rechner: z.B. <code>Z:\mmprog\workspace</code>, wichtig ist, dass Sie Laufwerk Z (das ist Ihr persönliches Benutzerverzeichnis) benutzen
# <code>Work with: ''http://download.eclipse.org/technology/babel/update-site/R0.10.0/juno''</code> → <code>Add</code>
# <code>Name: ''Babel DE''</code> → <code>OK</code>
# (lange) warten bis <code>Pending</code> verschwindet
# <code>Babel Language Packs in German</code> selektieren → <code>Next</code> → <code>Next</code> → <code>I accept ...</code> selektieren → <code>Finsh</code>
# Warnung akzeptieren: <code>OK</code>
# <code>Restart Now</code>


Häufig sind die Babel Eclipse Server überlastet und eine manuelle Installation des Sprachpakets ist optional möglich.
===Deutsche Sprachpakete installieren===
# Downloaden des Pakets <code>''http://download.eclipse.org/technology/babel/babel_language_packs/R0.10.0/juno/juno.php#de''</code>  (vgl. <code>http://www.eclipse.org/babel/downloads.php</code>)
Das [http://www.eclipse.org/babel/downloads.php Eclipse Babel Project] stellt diverse Sprach-Pakete zu Verfügung, die allerdings noch nicht ganz fertiggestellt sind.
# <code>BabelLanguagePack-eclipse-de_4.2.0.v20120721043402.zip</code> herunterladen
# Die beiden Ordner, die im Ordner <code>eclipse</code> des ZIP-Archivs enthalten sind, in den Eclipse-Programm-Ordner <code>c:\web\eclipse</code> kopieren
# Eclipse neu starten


===Deutsche Rechtschreibprüfung installieren===
* Eclipse starten (<code>C:\web\eclipse\eclipse.exe</code>  bzw. <code>/Applications/eclipse/Eclipse.app</code>)
# [http://a-weinert.de/frame4j/downloads/de_DE.dic de_DE.dic] (von Albrecht Weinert) herunterladen und unter <code>c:/web/eclipse/dropins</code> speichern
* Wählen Sie einen geeignet Workspace aus (z.B. <code>C:\web\mmprog</code>  bzw. <code>/Benutzer/'''BENUTZERNAME'''/Studium/mmprog</code>; auf den Laborrechnern müssen Sie Ihr Home-Verzeichnis nehmen, nicht den Desktop!)
# <code>Fenster</code> → <code>Benutzervorgaben</code> → <code>Allgemein</code> aufklappen → <code>Editoren</code> aufklappen→ <code>Texteditoren</code> aufklappen → <code>Schreibprüfung selektieren</code>  
* <code>Help</code> → <code>Install New Software</code>
# Benutzerdefiniertes Wöerterbuch: <code>Durchsuchen</code> und die Datei <code>de_DE.dic</code> selektieren (bzw. <code>${eclipse_home}\dropins\de_DE.dic</code> eintragen)
* Work with: <code>http://download.eclipse.org/technology/babel/update-site/R0.11.0/kepler</code> → <code>Add</code>
# <code>OK</code>
* Name: <code>Babel</code> → <code>OK</code>
* (lange) warten bis <code>Pending</code> verschwindet
* <code>Babel Language Packs in German</code> aufklappen (Klick auf Dreieck)
* Alle in diesem Ordner enthaltenen Language Packs selektieren bis auf ''Babel Language Pack for rt.rap in German'' (da dieses Packet einen Fehler in Eclipse integriert)
* <code>Next</code> → <code>Next</code> → <code>I accept ...</code> selektieren → <code>Finish</code>
* Warnung akzeptieren: <code>OK</code>
* <code>Restart Now</code>


Tipp: Wenn Sie mit der Maus ein rot unterringeltes Wort anklicken und anschließend <code>Strg-1</code> (<code>Ctrl-1</code>) drücken,
Manchmal sind die Babel-Eclipse-Server überlastet. Alternativ ist eine manuelle Installation des Sprachpakets möglich:
können Sie das Wort ins Wörterbuch einfügen oder andere Aktionen durchführen, damit ein vermeintlicher Rechtschreibfehler nicht mehr angezeigt wird.
* Downloaden des Pakets <code>http://download.eclipse.org/technology/babel/babel_language_packs/R0.11.0/kepler/kepler.php#de</code> (vgl. <code>http://www.eclipse.org/babel/downloads.php</code>)
* <code>BabelLanguagePack-eclipse-de_4.3.0.v20130724043401.zip</code> herunterladen
* Die beiden Ordner, die im Ordner <code>eclipse</code> des ZIP-Archivs enthalten sind, in den Eclipse-Programm-Ordner <code>C:\web\eclipse</code>
* Bei OSX Vorsicht! - Inhalte der Ordner '''features''' und '''plugins''' in die jeweiligen Ordner <code>/Applications/eclipse/features</code> und <code>/Applications/eclipse/plugins</code> kopieren
* Eclipse neu starten


==Editoren-Defaults anpassen==
====Deutsche Rechtschreibprüfung installieren (optional)====
* [http://mmprog.hs-augsburg.de/beispiele/eclipse/german-utf8.dic german-utf8.dic] herunterladen und unter <code>C:/web/eclipse/dropins</code>  bzw. <code>/Applications/eclipse/dropins</code> speichern


Die Default-Formatierungsregeln von Eclipse sollten ersetzt werden:
==Diverse weitere Eclipse-Pakete installieren==


* Code-Einrückung: keine Tabulatorzeichen, sondern nur Leerzeichen (da die Tabulatorentiefe nicht genormt ist, sondern von Editor/Browser abhängt)
===Subclipse und Aptana===
* Code-Einrückung: nur zwei anstelle von vier Leerzeichen, da sonst die Zeilen auf A4-Papier schnell ziemlich schmal werden
* Code-Breite: 80 Zeichen, damit der Code auch auf A4-Papier gut ausgedruckt werden aknn
* öffende und zugehörige schließende Klammern sollten stets entweder in einer Zeile oder sonst in derselben Spalte stehen, da der Code damit viel lesbarer ist


# <code>Fenster</code> → <code>Benutzervorgaben</code>
Folgende Plugins sollten Sie installieren:
# <code>Allgemein</code> aufklappen → <code>Editoren</code> aufklappen → <code>Texteditoren</code> selektieren
* Subclipse ist ein recht guter [[Subversion|Subversion-Client]] für Eclipse. Dieser wird benötigt, um die Projektergenisse regelmäßig in ein Subversion-Repository zu sichern.
# Angezeigte Tabulatorbreite: <code>2</code>, Druckrand anzeigen: Häckchen, Seitenrandspalte: 80, Zeilennummern anzeigen: Häckchen
* Aptana ist ein recht gutes Eclipse-Plugin zur Entwicklung von HTML/JavaScript-Anwendungen.
# <code>Anwenden</code>
# <code>JavaScript</code> aufklappen → <code>Codedarstellung</code> aufklappen → <code>Formatierungsprogramm</code> selektieren → <code>Bearbeiten</code>
# Profilname: einen neuen Profilnamen eingeben → Tabulatorrichtlinie: <code>Nur Leerzeichen</code>, Größe der Einrückung: 2, Tabulatorgröße: 2
# <code>Eünrücken</code>: Haken bei allen Optinen (außer <code>Leere Zeilen</code>)
# Reiter <code>Geschweifte Klammern</code> selektieren
# Alle Klammerarten: <code>Nächste Zeile</code>
# <code>OK</code>
# <code>Java</code> aufklappen → <code>Codedarstellung</code> aufklappen → <code>Formatierungsprogramm</code> selektieren → <code>Bearbeiten</code>
# Profilname: einen neuen Profilnamen eingeben → Tabulatorrichtlinie: <code>Nur Leerzeichen</code>, Größe der Einrückung: 2, Tabulatorgröße: 2
# <code>Eünrücken</code>: Haken bei allen Optinen (außer <code>Leere Zeilen</code>)
# Reiter <code>Geschweifte Klammern</code> selektieren
# Alle Klammerarten: <code>Nächste Zeile</code>
# <code>OK</code>
# <code>Web</code> aufklappen → <code>CSS-Dateien</code> aufklappen → <code>Editor</code> selektieren
# Zeilenlänge: 80, <code>Bei Einrückung Leerzeichen verwenden</code> selektieren, Größe der Einrückung: <code>2</code> → <code>Anwenden</code>
# <code>Web</code> aufklappen → <code>HTML Files</code> aufklappen → <code>Editor</code> selektieren
# Zeilenlänge: 80, <code>Bei Einrückung Leerzeichen verwenden</code> selektieren, Größe der Einrückung: <code>2</code> → <code>Anwenden</code>
# <code>XML</code> aufklappen → <code>XML Files</code> aufklappen → <code>Editor</code> selektieren
# Zeilenlänge: 80, <code>Bei Einrückung Leerzeichen verwenden</code> selektieren, Größe der Einrückung: <code>2</code> → <code>Anwenden</code>
# <code>OK</code>


Bei Flash Builder zusätzlich (bevor die <code>OK</code>-Taste gedrückt wird):
Die Installation dieser Plugins ist relativ einfach:
# <code>Flash Builder</code> aufklappen → <code>Einrückung</code> selektieren
# Einrücken mit: <code>Leerzeichen</code>, Einrückgröße: 2, Tabulatorgröße: 2


==Flash Builder==
* Die XML-Datei [http://glossar.hs-augsburg.de/beispiel/eclipse/extensions.xml extension.xml] herunterladen. Diese enthält die URLs der oben aufgeführten Plugins.
 
* Klick auf <code>Fenster</code> → Klick auf <code>Benutzervorgaben</code> → <code>Installieren/Aktualisieren</code> ausklappen → Klick auf <code>Websites mit verfügbarer Software</code>
[[Flash Builder]] ist eine kommerzielle Software zu Entwickeln von [[Flash]]-Anwendungen.
* Klick auf <code>Importieren</code> → Die Datei <code>extensions.xml</code> auswählen → Klick auf <code>Öffnen</code> → <code>OK</code>
Allerdings kann man [http://www.adobe.com/cfusion/tdrc/index.cfm?product=flash_builder&loc=de Flash Builder 4.6] (nach erfolgreicher Registrierung) als 60-Tage-Testliszenz herunterladen.
* Klick auf <code>Hilfe</code> → Klick auf <code>Neue Software installieren...</code>
* Work with: <code>--All Available Sites--</code> aus dem Drop-Down-Menü auswählen
* Häckchen vor <code>Aptana Studio 3</code>, <code>Subclipse</code>, <code>SVNKit</code> → <code>Weiter</code> → <code>Weiter</code> → <code>Ich akzeptiere ...</code> auswählen → <code>Fertigstellen</code>
* Warnung akzeptieren: <code>OK</code>
* Apatana möchte zusätzlich Aptana-Git in Eclipse integrieren. Das können Sie machen, ist für die Vorlesung MMProg aber nicht notwendig.  
* <code>Jetzt neu starten</code>


* [http://www.adobe.com/cfusion/tdrc/index.cfm?product=flash_builder&loc=de Flash Builder 4.6] herunterlanden
Damit Subclipse (nach einer entsprechenden [[Konfiguration von Eclipse#Subclipse|Konfiguration]]) die korrekten [[Mime-Type]]s anlegt, müssen Sie noch den Ordner <code>C:/web/eclipse/dropins/subversion</code> bzw. <code>/Applications/eclipse/dropins/subversion</code> erstellen und die Datei [http://glossar.hs-augsburg.de/beispiel/eclipse/config <code>config</code>] (unter dem Namen <code>config</code>) in diesen Ordner kopieren.
* Eclipse und Browser beenden
* FlashBuilder_4_6_LS10.exe ausführen und [http://kb2.adobe.com/de/releasenotes/905/cpsid_90599.html#main_Install%20your%20software Flash Builder installeren]
* Wenn Flash Builder als Eclipse-Plugin installiert werden soll:
** Installationsort von Flash Builder öffnen: <code>Program Files (x86)\Adobe\Adobe Flash Builder 4.5</code> oder änhlich
** Unterordner <code>utilities</code> öffnen
** <code>Adobe Flash Builder 4.6 Plug-in Utility.exe</code> ausführen
** <code>Deutsch</code> → <code>OK</code>  
** <code>Weiter</code> (nachdem andere Programme geschlossen wurden)
** <code>Weiter</code> Eclipse-Ordner auswählen (<code>C:\web\eclipse</code>, Achtung: 32-Bit-Version notwendig)
** <code>cd C:\web\eclipse</code> → <code>eclipse.ini</code> in Editor (z.B. notepad++) öffnen
** Unter <code>-vmargs</code> folgende Zeilen einfügen:<br /><code> -Xms256m</code><br /><code> -Xmx512m</code><br /><code> -XX:MaxPermSize=256m</code><br /><code> -XX:PermSize=64m</code>
* Eclipse oder Flash Builder starten und Flash-Builder-Lizenznummer (siehe nachfolgende Beschreibung) eingeben


'''Als Studierender''' erhält man eine '''kostenlose Lizenz''' für den Flash Builder, indem man im [http://www.adobe.com/de/devnet/flex/free/index.html Adobe Flex Developer Center] mit seinen persönliche Daten und JPEG-Kopie der Immatrikulationsbescheinigung Lizenz anfordert. Diese wird einem dann per E-Mail zugeschickt.
===JSLint===


==Diverse weitere Eclipse-Pakete installieren==
[http://www.jslint.com/ JSLint] analysiert die Syntax einer JavaScript-Datei und macht Verbesserungsvorschläge.


===XML-Editor „Rinzo“===
Die über den Paket-Manager installierbare JSLint-Version
Da in Eclipse ein guter XML-Editor fehlt, sollte ein geeigneter Editor installiert werden.
(<code>http://svn.codespot.com/a/eclipselabs.org/mobile-web-development-with-phonegap/tags/jslint4java1/download</code>) ist veraltet.
Die wirklich guten Editoren gibt es leider nicht als Open-Source-Software. Der XML-Editor
Man kann JSLint auch „von Hand“ installieren (vgl: http://stackoverflow.com/questions/2741058/jslint-eclipse-plugin):
„Rinzo“ ist zwar nicht sehr leistungsfähig, dafür aber Open-Source-Software.


* XML-Editor Rinzo [http://sourceforge.net/projects/editorxml/ herunterladen]
* [http://code.google.com/p/jslint4java/downloads/list <code>jslint4java-2.x.x-dist.zip</code>] herunterladen
* Inhalt der ZIP-Datei in Verzeichnis <code>c:\web\eclipse\dropins</code> einfügen
* <code>jslint4java-2.x.x-dist.zip</code> in Ordner <code>C:/web/eclipse/dropins</code> bzw. <code>/Applications/eclipse/dropins</code> entpacken
* Eclipse neu starten
* [https://raw.github.com/douglascrockford/JSLint/master/jslint.js <code>jslint.js</code>] herunterladen umd im Ordner <code>C:/web/eclipse/dropins</code>  bzw. <code>/Applications/eclipse/dropins</code> speichern; allerdings schlägt diese Version teilweise „Verbesserungen“ vor, die die Semantik des Programms verändern; Alternative: [http://mmprog.hs-augsburg.de/beispiele/eclipse/jslint-wk.js <code>jslint-wk.js</code>]


===Subclipse===
===JSDoc===
Sublipse ist ein recht guter [[Subversion|Subversion-Client]] für Eclipse.


Die meisten Eclipse-Pakete können sehr einfach mit Hilfe von Update-Sites
[http://usejsdoc.org/ JSDoc] erstellt aus in JavaScript-Dateien enthaltenen Kommentaren, die bestimmte Formatbedingungen erfüllen, automatisch eine [[HTML]]-[[API]]-Dokumentation.  
installiert werden, so auch Subclipse.


* <code>c:\web\eclipse\eclipse.exe</code> starten
* [https://github.com/jsdoc3/jsdoc/archive/master.zip <code>jsdoc-master.zip</code>] herunterladen
* <code>Hilfe</code> → <code>Neue Software installieren...</code>
* [https://github.com/terryweiss/docstrap/archive/master.zip <code>docstrap-master.zip</code>] herunterladen (= JSDoc-Templates; Sie können alternativ auch Ihre eigenenen erstellen :-))
* Work with: <code>''http://subclipse.tigris.org/update_1.8.x''</code> → <code>Hinzufügen</code>
* <code>jsdoc-master.zip</code> und <code>docstrap-master.zip</code> in den Ordner <code>C:/web/eclipse/dropins</code> bzw. <code>/Applications/eclipse/dropins</code> entpacken
* Name: <code>''Subclipse''</code> → <code>OK</code>
* Alle Pakete auswählen → <code>Weiter</code> → <code>Weiter</code> → <code>Ich akzeptiere ...</code> auswählen → <code>Fertigstellen</code>
* Warnung akzeptieren: <code>OK</code>
* <code>Jetzt neu starten</code>
* Haken vor <code>Report usage ...</code> entfernen.
* <code>OK</code>


===Aptana===
'''Anmerkung'''


Aptana ist ein Eclipse-Plugin zur Entwicklung von HTML/JavaScript-Anwendungen.
Die CSS-Dateien von docstrap sind fehlerhaft (vgl. https://github.com/terryweiss/docstrap/issues/5)
und sollten angepasst werden (vgl. [https://github.com/michaelward82/docstrap/commit/3b21274acf2ae83c229b08f083539905ea990e64 Line numbering and code now line up. Fixes issue #5.] und
[https://github.com/michaelward82/docstrap/commit/3b21274acf2ae83c229b08f083539905ea990e64 Line numbering and code now line up. Fixes issue #5.]).


* <code>c:\web\eclipse\eclipse.exe</code> starten
Für den Style <code>cosmo</code> habe ich diese Korrektur durchgeführt. Kopieren Sie einfach
* <code>Hilfe</code> → <code>Neue Software installieren...</code>
http://glossar.hs-augsburg.de/beispiel/eclipse/docstrap/site.cosmo.css in den Eclipse-Ordner
* <code>Hinzufügen</code> → <code>Name</code>: <code>''Aptana''</code>, <code>Position</code>: <code>''http://download.aptana.com/studio3/plugin/install''</code> ⇒ <code>OK</code>
<code>C:\web\eclipse\dropins\docstrap-master\template\static\styles\</code> bzw. <code>/Applications/eclipse/dropins/docstrap-master/template/static/styles/</code>.
* Alle Pakete auswählen → <code>Weiter</code> → <code>Weiter</code> → <code>Ich akzeptiere ...</code> auswählen → <code>Fertigstellen</code>
* Warnung akzeptieren: <code>OK</code>
* Warnung akzeptieren: <code>Jetzt neu starten</code>


Wem das Aptana-HTML-Farbschema nicht gefällt, der kann dieses ändern:
===YUI Compressor===


* <code>Fenster</code> → <code>Benutzervorgaben</code> → <code>Aptana Studio</code> aufklappen ⇒ <code>Themes</code> ⇒ Drop-Down-Men+ (Inhalt <code>Aptana Studio)</code> öffnen und neues Farbschema wählen ⇒ <code>OK</code>
* YUI Compressor ([https://github.com/downloads/yui/yuicompressor/yuicompressor-2.4.7.zip yuicompressor-2.4.7.zip]) herunterladen
* yuicompressor-2.x.x.zip in den Ordner <code>C:\web\eclipse\dropins</code> bzw. <code>/Applications/eclipse/dropins</code> entpacken
* Ordner <code>C:\web\eclipse\dropins\yuicompressor</code> bzw. <code>/Applications/eclipse/dropins/yuicompressor</code> erstellen
* In den Ordner <code>C:\web\eclipse\dropins\yuicompressor</code> bzw. <code>/Applications/eclipse/dropins/yuicompressor</code> die Datei [http://glossar.hs-augsburg.de/beispiel/eclipse/build.xml <code>build.xml</code>]<ref>vgl. {{Quelle|Santos, S. (2009): Combine and minimize JavaScript and CSS files for faster loading}}</ref> einfügen


===ADT===
'''Anmerkung'''
ADT ist ein Eclipse-Plugin, dass die Entwicklung von [[Java]]-Anwendungen für [[Android]]-[[Smarphone]]s ermöglicht.
 
Die aktuelle Version [http://yuilibrary.com/download/yuicompressor/ yuicompressor-2.4.8.zip] funktioniert auf Windows-Systemen leider nicht korrekt (https://github.com/yui/yuicompressor/issues/78).
Unter Linux und MacOS kann diese Version dagegen problemlos eingesetzt werden. Allerdings wird hierfür das
Build-Skript [http://glossar.hs-augsburg.de/beispiel/eclipse/build-2.4.8.xml <code>build-2.4.8.xml</code>] benötigt, das unter dem Namen <code>build.xml</code>
im Ordner <code>C:\web\eclipse\dropins\yuicompressor</code> bzw. <code>/Applications/eclipse/dropins/yuicompressor</code> abgespeichert werden muss.


Zunächst muss das ADT-SDK-Starterpaket installiert werden:
==Eclipse konfigurieren==


* <code>http://developer.android.com/sdk/index.html</code>: <code>installer_r12-windows.exe</code> herunterladen und ausführen.
Befolgen Sie die Anweisungen von „[[Konfiguration von Eclipse]]“.
* <code>Start SDK-Manager</code> → <code>OK</code>
* <code>Choose Packages to Install</code> → <code>Accept All</code> → <code>Install</code>


Nun kann ADT in Eclipse integriert werden:
==Integration von Tomcat (optional)==


* <code>c:\web\eclipse\eclipse.exe</code> starten
Wenn [[Tomcat]] für die Entwicklung von Web-Projekten verwendet wird, sollte
* <code>Hilfe</code> → <code>Neue Software installieren...</code>
[[Installation von Tomcat|Tomcat zunächst installiert]] und dann in Eclipse eingebunden werden:
* <code>Hinzufügen</code> → <code>Name</code>: <code>''ADT''</code>, <code>Position</code>: <code>''https://dl-ssl.google.com/android/eclipse/''</code> ⇒ <code>OK</code>
* Alle Pakete auswählen → <code>Weiter</code> → <code>Weiter</code> → <code>Ich akzeptiere ...</code> auswählen → <code>Fertigstellen</code>
* Warnung akzeptieren: <code>OK</code>
* Warnung akzeptieren: <code>Jetzt neu starten</code>
* <code>Fenster</code> → <code>Benutzervorgaben</code> → <code>Android</code>
* Wenn dieser Menü-Punkt das erste Mal aufgerufen wird, fragt Eclipse nach, ob ADT-Benutzungsstatistiken an Google gesendet werden sollen. Hier würde ich das ensprechende Häckchen entfernen → Auf jeden Fall muss <code>Proceed</code> angeklickt werden.
* SDK Location: <code>C:\Programme\Android\android-sdk</code> (Installationsverzeichnis des SDK-Managers; '''Dieser Pfad darf kein Leerzeichen enthalten!''') → <code>Anwenden</code> → <code>OK</code>
 
==Integration von Tomcat==
 
Tomcat wird folgendermaßen in Eclipse eingebunden:


* <code>Datei</code> → <code>Neu</code> → <code>Andere</code>
* <code>Datei</code> → <code>Neu</code> → <code>Andere</code>
* Klick auf Dreieck vor <code>Server</code> → <code>Server</code>
* Klick auf Dreieck vor <code>Server</code> → <code>Server</code>
* Klick auf Dreieck vor <code>Apache</code> → <code>Tomcat Version 7.0 - Server</code> ⇒ <code>Weiter</code>/<code>Fertig stellen</code> (je nachdem, welcher Button klickbar ist)
* Klick auf Dreieck vor <code>Apache</code> → <code>Tomcat Version 7.0 - Server</code> ⇒ <code>Weiter</code>/<code>Fertig stellen</code> (je nachdem, welcher Button klickbar ist)
* Tomcat-Installationsverzeichnis angeben: <code>c:\web\tomcat</code>
* Tomcat-Installationsverzeichnis angeben: <code>C:\web\tomcat</code>
* Klick auf <code>Fertig stellen</code>
* Klick auf <code>Fertig stellen</code>


Tomcat-Projekt benötigen eine Laufzeit-Umgebung, in der die eigentlichen Web-Auftritte gespeicher werden. Hierfür gibt es mehrere Möglichkeiten:
Tomcat-Projekt benötigen eine Laufzeit-Umgebung, in der die eigentlichen Web-Auftritte gespeicher werden. Hierfür gibt es mehrere Möglichkeiten:
* das Tomcat-Webapps-Verzeichnis (<code>c:\web\tomcat\webapps</code>)
* das Tomcat-Webapps-Verzeichnis (<code>C:\web\tomcat\webapps</code>)
* ein spezieller Ordner im versteckten Verzeichnis  <code>c:\web\workspace\.metadata</code> (schwer zu finden, nicht zu empfehlen)
* ein spezieller Ordner im versteckten Verzeichnis  <code>C:\web\workspace\.metadata</code> (schwer zu finden, nicht zu empfehlen)
* ein Eclipse-Projekt namens Tomcat, auf dessen Inhalt auch direkt über Eclipse zugegriffen werden kann
* ein Eclipse-Projekt namens Tomcat, auf dessen Inhalt auch direkt über Eclipse zugegriffen werden kann


Zeile 189: Zeile 146:
* Tomcat ist einsatzbereit: <code>Server</code> → Rechtsklick <code>Tomcat Version 7.0 - Server</code> oder Steuermenü in der Serverleist: Tomcat starten/stoppen etc.
* Tomcat ist einsatzbereit: <code>Server</code> → Rechtsklick <code>Tomcat Version 7.0 - Server</code> oder Steuermenü in der Serverleist: Tomcat starten/stoppen etc.


<gallery widths="350" heights="250" perrow="2">
<gallery widths="350" heights="250" perrow="3">
   Medium:Eclipse_Tomcat_01.png | Neue Tomcat-Umgebung erstellen: <code>Andere</code> wählen
   Datei:Eclipse_Tomcat_07.png | Tomcat konfigurieren und mit <code>Strg-S</code> speichern
  Medium:Eclipse_Tomcat_02.png | Neue Tomcat-Umgebung erstellen: <code>Server</code> wählen
   Datei:Eclipse_Tomcat_08.png | Tomcat verwalten: starten/stoppen/etc.
  Medium:Eclipse_Tomcat_03.png | Neue Tomcat-Umgebung erstellen: <code>Tomcat 6 </code> wählen
   Datei:Eclipse_Tomcat_09.png | Tomcat-Log-Datei: Der Start war erfolgreich
  Medium:Eclipse_Tomcat_04.png | Pfad zu Tomcat-Server angeben
  Medium:Eclipse_Tomcat_01.png | Generischs Projekt erstellen: <code>Andere</code> wählen
  Medium:Eclipse_Tomcat_05.png | Generische Projekt erstellen: <code>Projekt</code> wählen
  Medium:Eclipse_Tomcat_06.png | Projektname <code>Tomcat</code>
  Medium:Eclipse_Tomcat_07.png | Tomcat konfigurieren und mit <code>Strg-S</code> speichern
   Medium:Eclipse_Tomcat_08.png | Tomcat verwalten: starten/stoppen/etc.
   Medium:Eclipse_Tomcat_09.png | Tomcat-Log-Datei: Der Start war erfolgreich
</gallery>
</gallery>


=Quellen=
==Integration von Apache (optional)==
<noinclude>
{{TBD}}
# {{Quelle|Kowarschick, W.: Content-Management}}
 
# {{Quelle|Kowarschick, W.: Multimedia-Datenbanksysteme}}
==Quellen==
# {{Quelle|Kowarschick, W.: Multimedia-Programmierung}}</noinclude>
<references/>
# [http://eclipse.org/ Eclipse-Homepage]
<ol start="2">
# [http://eclipse.org/downloads/ Eclipse-Download]
<li> {{Quelle|Kowarschick, W.: Content-Management}}</li>
# [http://download.eclipse.org/eclipse/downloads Eclipse-Download mit 64-Bit-Versionen] (funktioniert nicht mit Flash Builder 4)
<li> {{Quelle|Kowarschick, W.: Multimedia-Datenbanksysteme}}</li>
# [http://download.eclipse.org/eclipse/downloads/drops/R-3.5.2-201002111343/index.php/ Eclipse-Download 3.5.2] (funktioniert nicht mit Flash Builder 4)
<li> {{Quelle|Kowarschick, W.: Multimedia-Programmierung}}</li>
# [http://sourceforge.net/projects/editorxml/ XML-Editor Rinzo]
</ol>
# [http://subclipse.tigris.org/ Subclipse-Homepage]
Alle übrigen Quellen wurden direkt im Text angegeben.
# [http://subclipse.tigris.org/servlets/ProjectProcess?pageID=p4wYuA Subclipse: Download and Install]
 
# [http://www.adobe.com/cfusion/entitlement/index.cfm?e=labs%5Fflashbuilder4 Flash Builder 4 Beta 2] (mit Registrierung)
==Siehe auch==
# [https://freeriatools.adobe.com/flex/ Kostenlose Flex-Builder-3-Lizenz für Studierende]
* [[Installation von Eclipse/Android SDK|Integration des Android SDKs zur Entwicklung von Android-Anwendungen mit Eclipse]]
# [https://freeriatools.adobe.com/flashbuilder4beta/ Kostenlose Flash-Builder-4-Lizenz für Studierende]<noinclude>[[Kategorie:Kapitel:Web-Programmierung]][[Kategorie:Web-Programmierung-HowTo]]</noinclude>
* [[Konfiguration von Eclipse]]
[[Kategorie:Kapitel:Web-Programmierung]][[Kategorie:Web-Programmierung-HowTo]]

Aktuelle Version vom 8. September 2016, 17:34 Uhr

VERALTET

Dieser Artikel erfüllt die GlossarWiki-Qualitätsanforderungen:

Korrektheit: 4
(großteils überprüft) 		Umfang: 5
(wesentliche Fakten vorhanden) 		Quellenangaben: 5
(vollständig vorhanden) 		Quellenarten: 4
(sehr gut) 		Konformität: 5
(ausgezeichnet)

Vorbemerkung

Eclipse ist für die Entwicklung von dynamische Web-Anwendungen mit und ohne einen Web-Server (wie z.B. Tomcat) recht gut geeignet.

Für Windows werden folgende Annahmen gemacht: Auf der Partition C befindet sich das Windows-System und die Benutzerdaten. Da Eclipse „out of the box“ läuft, wird es auf der Partition mit den Benutzerdaten installiert.

Installation von Eclipse

  • Eclipse (Keppler, 4.3) herunterladen:
    • Eclipse IDE for Java EE Developers (32 Bit oder 64 Bit) [1]; ACHTUNG: Andere Eclipse-Varianten enthalten die hier benötigte Web-Entwicklungsumgebnung nicht. Sie müssen die Version Java EE Developers verwenden.
  • Zip-Datei nach C:\web (Windows) bzw. /Applications/ (Mac OS) entpacken ⇒ C:\web\eclipse enthält Eclipse (C:\web\eclipse\eclipse.exe bzw. /Applications/eclipse/Eclipse.app)

Beim ersten Start von Eclipse werden Sie nach einem Workspace gefragt. Wählen Sie einen geeigneten Ordner aus:

  • Privater Rechner: z.B. C:\web\workspace-mmprog bzw. /Benutzer/BENUTZERNAME/Programmierung/web/workspace-mmprog
  • HSA-Rechner: z.B. Z:\mmprog\workspace, wichtig ist, dass Sie Laufwerk Z (das ist Ihr persönliches Benutzerverzeichnis) benutzen

Deutsche Sprachpakete installieren

Das Eclipse Babel Project stellt diverse Sprach-Pakete zu Verfügung, die allerdings noch nicht ganz fertiggestellt sind.

  • Eclipse starten (C:\web\eclipse\eclipse.exe bzw. /Applications/eclipse/Eclipse.app)
  • Wählen Sie einen geeignet Workspace aus (z.B. C:\web\mmprog bzw. /Benutzer/BENUTZERNAME/Studium/mmprog; auf den Laborrechnern müssen Sie Ihr Home-Verzeichnis nehmen, nicht den Desktop!)
  • Help → Install New Software
  • Work with: http://download.eclipse.org/technology/babel/update-site/R0.11.0/kepler → Add
  • Name: Babel → OK
  • (lange) warten bis Pending verschwindet
  • Babel Language Packs in German aufklappen (Klick auf Dreieck)
  • Alle in diesem Ordner enthaltenen Language Packs selektieren bis auf Babel Language Pack for rt.rap in German (da dieses Packet einen Fehler in Eclipse integriert)
  • Next → Next → I accept ... selektieren → Finish
  • Warnung akzeptieren: OK
  • Restart Now

Manchmal sind die Babel-Eclipse-Server überlastet. Alternativ ist eine manuelle Installation des Sprachpakets möglich:

Deutsche Rechtschreibprüfung installieren (optional)

  • german-utf8.dic herunterladen und unter C:/web/eclipse/dropins bzw. /Applications/eclipse/dropins speichern

Diverse weitere Eclipse-Pakete installieren

Subclipse und Aptana

Folgende Plugins sollten Sie installieren:

  • Subclipse ist ein recht guter Subversion-Client für Eclipse. Dieser wird benötigt, um die Projektergenisse regelmäßig in ein Subversion-Repository zu sichern.
  • Aptana ist ein recht gutes Eclipse-Plugin zur Entwicklung von HTML/JavaScript-Anwendungen.

Die Installation dieser Plugins ist relativ einfach:

  • Die XML-Datei extension.xml herunterladen. Diese enthält die URLs der oben aufgeführten Plugins.
  • Klick auf Fenster → Klick auf Benutzervorgaben → Installieren/Aktualisieren ausklappen → Klick auf Websites mit verfügbarer Software
  • Klick auf Importieren → Die Datei extensions.xml auswählen → Klick auf Öffnen → OK
  • Klick auf Hilfe → Klick auf Neue Software installieren...
  • Work with: --All Available Sites-- aus dem Drop-Down-Menü auswählen
  • Häckchen vor Aptana Studio 3, Subclipse, SVNKit → Weiter → Weiter → Ich akzeptiere ... auswählen → Fertigstellen
  • Warnung akzeptieren: OK
  • Apatana möchte zusätzlich Aptana-Git in Eclipse integrieren. Das können Sie machen, ist für die Vorlesung MMProg aber nicht notwendig.
  • Jetzt neu starten

Damit Subclipse (nach einer entsprechenden Konfiguration) die korrekten Mime-Types anlegt, müssen Sie noch den Ordner C:/web/eclipse/dropins/subversion bzw. /Applications/eclipse/dropins/subversion erstellen und die Datei config (unter dem Namen config) in diesen Ordner kopieren.

JSLint

JSLint analysiert die Syntax einer JavaScript-Datei und macht Verbesserungsvorschläge.

Die über den Paket-Manager installierbare JSLint-Version (http://svn.codespot.com/a/eclipselabs.org/mobile-web-development-with-phonegap/tags/jslint4java1/download) ist veraltet. Man kann JSLint auch „von Hand“ installieren (vgl: http://stackoverflow.com/questions/2741058/jslint-eclipse-plugin):

  • jslint4java-2.x.x-dist.zip herunterladen
  • jslint4java-2.x.x-dist.zip in Ordner C:/web/eclipse/dropins bzw. /Applications/eclipse/dropins entpacken
  • jslint.js herunterladen umd im Ordner C:/web/eclipse/dropins bzw. /Applications/eclipse/dropins speichern; allerdings schlägt diese Version teilweise „Verbesserungen“ vor, die die Semantik des Programms verändern; Alternative: jslint-wk.js

JSDoc

JSDoc erstellt aus in JavaScript-Dateien enthaltenen Kommentaren, die bestimmte Formatbedingungen erfüllen, automatisch eine HTML-API-Dokumentation.

  • jsdoc-master.zip herunterladen
  • docstrap-master.zip herunterladen (= JSDoc-Templates; Sie können alternativ auch Ihre eigenenen erstellen :-))
  • jsdoc-master.zip und docstrap-master.zip in den Ordner C:/web/eclipse/dropins bzw. /Applications/eclipse/dropins entpacken

Anmerkung

Die CSS-Dateien von docstrap sind fehlerhaft (vgl. https://github.com/terryweiss/docstrap/issues/5) und sollten angepasst werden (vgl. Line numbering and code now line up. Fixes issue #5. und Line numbering and code now line up. Fixes issue #5.).

Für den Style cosmo habe ich diese Korrektur durchgeführt. Kopieren Sie einfach http://glossar.hs-augsburg.de/beispiel/eclipse/docstrap/site.cosmo.css in den Eclipse-Ordner C:\web\eclipse\dropins\docstrap-master\template\static\styles\ bzw. /Applications/eclipse/dropins/docstrap-master/template/static/styles/.

YUI Compressor

  • YUI Compressor (yuicompressor-2.4.7.zip) herunterladen
  • yuicompressor-2.x.x.zip in den Ordner C:\web\eclipse\dropins bzw. /Applications/eclipse/dropins entpacken
  • Ordner C:\web\eclipse\dropins\yuicompressor bzw. /Applications/eclipse/dropins/yuicompressor erstellen
  • In den Ordner C:\web\eclipse\dropins\yuicompressor bzw. /Applications/eclipse/dropins/yuicompressor die Datei build.xml[1] einfügen

Anmerkung

Die aktuelle Version yuicompressor-2.4.8.zip funktioniert auf Windows-Systemen leider nicht korrekt (https://github.com/yui/yuicompressor/issues/78). Unter Linux und MacOS kann diese Version dagegen problemlos eingesetzt werden. Allerdings wird hierfür das Build-Skript build-2.4.8.xml benötigt, das unter dem Namen build.xml im Ordner C:\web\eclipse\dropins\yuicompressor bzw. /Applications/eclipse/dropins/yuicompressor abgespeichert werden muss.

Eclipse konfigurieren

Befolgen Sie die Anweisungen von „Konfiguration von Eclipse“.

Integration von Tomcat (optional)

Wenn Tomcat für die Entwicklung von Web-Projekten verwendet wird, sollte Tomcat zunächst installiert und dann in Eclipse eingebunden werden:

  • Datei → Neu → Andere
  • Klick auf Dreieck vor Server → Server
  • Klick auf Dreieck vor Apache → Tomcat Version 7.0 - Server ⇒ Weiter/Fertig stellen (je nachdem, welcher Button klickbar ist)
  • Tomcat-Installationsverzeichnis angeben: C:\web\tomcat
  • Klick auf Fertig stellen

Tomcat-Projekt benötigen eine Laufzeit-Umgebung, in der die eigentlichen Web-Auftritte gespeicher werden. Hierfür gibt es mehrere Möglichkeiten:

  • das Tomcat-Webapps-Verzeichnis (C:\web\tomcat\webapps)
  • ein spezieller Ordner im versteckten Verzeichnis C:\web\workspace\.metadata (schwer zu finden, nicht zu empfehlen)
  • ein Eclipse-Projekt namens Tomcat, auf dessen Inhalt auch direkt über Eclipse zugegriffen werden kann

Hier wird die dritte Möglichkeit verwendet:

  • Datei ⇒ Neu → Andere
  • Klick auf Dreieck vor Allgemein → Projekt
  • Projektname: Tomcat
  • Tomcat konfigurieren: Server → Doppelklick Tomcat Version 7.0 - Server
  • Tomcat konfigurieren: Use custom Location → Server path: Tomcat (das ist das zuvor angelegte Projekt), Deploy path: webapps
  • Tomcat ist einsatzbereit: Server → Rechtsklick Tomcat Version 7.0 - Server oder Steuermenü in der Serverleist: Tomcat starten/stoppen etc.
  • Tomcat konfigurieren und mit Strg-S speichern

    Tomcat konfigurieren und mit Strg-S speichern

  • Tomcat verwalten: starten/stoppen/etc.

    Tomcat verwalten: starten/stoppen/etc.

  • Tomcat-Log-Datei: Der Start war erfolgreich

    Tomcat-Log-Datei: Der Start war erfolgreich

Integration von Apache (optional)

TO BE DONE

Quellen

  1. ↑ vgl. Santos (2006): Samuel Santos; Combine and minimize JavaScript and CSS files for faster loading; http://www.samaxes.com/2009/05/combine-and-minimize-javascript-and-css-files-for-faster-loading/; 2009; Quellengüte: 3 (Web)
  1. Kowarschick (CMS): Wolfgang Kowarschick; Vorlesung „Content-Management“; Hochschule: Hochschule Augsburg; Adresse: Augsburg; Web-Link; 2012; Quellengüte: 3 (Vorlesung)
  2. Kowarschick (MMDB): Wolfgang Kowarschick; Vorlesung „Multimedia-Datenbanksysteme“; Hochschule: Hochschule Augsburg; Adresse: Augsburg; Web-Link; 2016; Quellengüte: 3 (Vorlesung)
  3. Kowarschick (MMProg): Wolfgang Kowarschick; Vorlesung „Multimedia-Programmierung“; Hochschule: Hochschule Augsburg; Adresse: Augsburg; Web-Link; 2018; Quellengüte: 3 (Vorlesung)

Alle übrigen Quellen wurden direkt im Text angegeben.

Siehe auch

Abgerufen von „https://glossar.hs-augsburg.de/w/index.php?title=Installation_von_Eclipse&oldid=39862“