Installation von Eclipse: Unterschied zwischen den Versionen

aus GlossarWiki, der Glossar-Datenbank der Fachhochschule Augsburg
Keine Bearbeitungszusammenfassung
 
(77 dazwischenliegende Versionen von 2 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.
Zeile 13: Zeile 16:
Da Eclipse „out of the box“ läuft, wird es auf der Partition mit den Benutzerdaten installiert.
Da Eclipse „out of the box“ läuft, wird es auf der Partition mit den Benutzerdaten installiert.


==Vorgefertigete Eclipse-Instanzen (derzeit nur für Windows 7)==
==Installation von Eclipse==
 
Für Windows 7, 64 Bit gibt es eine [[Installation von Eclipse/Vorgefertigte Eclipse-Instanzen|vorgefertigte Eclipse-Instanz]], die
Sie direkt herunterladen und verwenden können. Sie sparen sich damit die relativ komplexe Installation und Konfiguration von Eclipse, die im Folgenden beschrieben wird.
 
=Installation von Eclipse=


* Eclipse (Juno, 4.2 oder Indigo 3.8) herunterladen:
* Eclipse (Keppler, 4.3) herunterladen:
** '''Eclipse IDE for Java EE Developers''' (32 Bit oder 64 Bit) [http://eclipse.org/downloads/ Juno] bzw. [http://www.eclipse.org/downloads/packages/release/indigo/sr2 Indigo] herunterladen; '''ACHTUNG: Andere Eclipse-Versionen enthalten die hier benötigte Web-Entwicklungsumgebnung nicht. Sie müssen die Version ''Java EE Developers'' verwenden.'''
** '''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>)
* 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>)


Zeile 28: Zeile 26:
* HSA-Rechner: z.B. <code>Z:\mmprog\workspace</code>, wichtig ist, dass Sie Laufwerk Z (das ist Ihr persönliches Benutzerverzeichnis) benutzen
* HSA-Rechner: z.B. <code>Z:\mmprog\workspace</code>, wichtig ist, dass Sie Laufwerk Z (das ist Ihr persönliches Benutzerverzeichnis) benutzen


==Deutsche Sprachpakete installieren==
===Deutsche Sprachpakete installieren===
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.
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 starten (<code>C:\web\eclipse\eclipse.exe</code>  bzw. <code>/Applications/eclipse/Eclipse.app</code>)
* Eclipse starten (<code>C:\web\eclipse\eclipse.exe</code>  bzw. <code>/Applications/eclipse/Eclipse.app</code>)
# 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!)
* 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>Help</code> → <code>Install New Software</code>
* <code>Help</code> → <code>Install New Software</code>
# Work with: <code>http://download.eclipse.org/technology/babel/update-site/R0.10.0/juno</code> (bei Eclipse Indigo: <code>http://archive.eclipse.org/technology/babel/update-site/R0.9.1/indigo</code>) → <code>Add</code>
* Work with: <code>http://download.eclipse.org/technology/babel/update-site/R0.11.0/kepler</code> → <code>Add</code>
# Name: <code>Babel</code> → <code>OK</code>
* Name: <code>Babel</code> → <code>OK</code>
# (lange) warten bis <code>Pending</code> verschwindet
* (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>Finish</code>
* <code>Babel Language Packs in German</code> aufklappen (Klick auf Dreieck)
# Warnung akzeptieren: <code>OK</code>
* 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>Restart Now</code>
* <code>Next</code> → <code>Next</code> → <code>I accept ...</code> selektieren → <code>Finish</code>
* Warnung akzeptieren: <code>OK</code>
* <code>Restart Now</code>


Häufig sind die Babel-Eclipse-Server überlastet. Alternativ ist eine manuelle Installation des Sprachpakets möglich:
Manchmal sind die Babel-Eclipse-Server überlastet. Alternativ ist eine manuelle Installation des Sprachpakets möglich:
# 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>)
* 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.2.0.v20120721043402.zip</code> herunterladen
* <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>
* 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
* 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  
* Eclipse neu starten  


===Deutsche Rechtschreibprüfung installieren (optional für Indigo, aber nicht für Juno)===
====Deutsche Rechtschreibprüfung installieren (optional)====
# [http://a-weinert.de/frame4j/downloads/de_DE.dic de_DE.dic] (von Albrecht Weinert) herunterladen und unter <code>C:/web/eclipse/dropins</code>  bzw. <code>/Applications/eclipse/dropins</code> speichern
* [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
# <code>Fenster</code> → <code>Benutzervorgaben</code> → <code>Allgemein</code> aufklappen → <code>Editoren</code> aufklappen → <code>Texteditoren</code> aufklappen → <code>Schreibprüfung selektieren</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)
# Codierung: <code>Sonstige</code> anklicken → <code>UTF-8</code> wählen
# <code>OK</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,
==Diverse weitere Eclipse-Pakete installieren==
können Sie das Wort ins Wörterbuch einfügen oder andere Aktionen durchführen, damit ein vermeintlicher Rechtschreibfehler nicht mehr angezeigt wird.


=Installation des Flash Builder (optional)=
===Subclipse und Aptana===


[[Flash Builder]] ist eine kommerzielle Software, basierend auf Eclipse Indigo, zum Entwickeln von [[Flash]]-Anwendungen.
Folgende Plugins sollten Sie installieren:
Man kann [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.
* 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.
* Aptana ist ein recht gutes Eclipse-Plugin zur Entwicklung von HTML/JavaScript-Anwendungen.


* [http://www.adobe.com/cfusion/tdrc/index.cfm?product=flash_builder&loc=de Flash Builder 4.6] herunterladen
Die Installation dieser Plugins ist relativ einfach:
* Eclipse und Browser beenden
* FlashBuilder_4_6_LS10.exe ausführen und [http://kb2.adobe.com/de/releasenotes/921/cpsid_92180.html#main_Install%20your%20software Flash Builder installieren]


'''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.
* 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>
* Klick auf <code>Importieren</code> → Die Datei <code>extensions.xml</code> auswählen → Klick auf <code>Öffnen</code> → <code>OK</code>
* 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>


Die meisten der nachfolgenden Installations- und Konfigurationsvorschläge funktionieren auch für den Flash-Builder.
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.
Sie sollten allerdings nur Subclipse und evtl. Rinzo installieren. Die anderen Pakete sind für eine Flash/ActionScript-Entwicklung
unnötig.


Beachten Sie, dass der Flash Builder auf ''Eclipse Indigo'', der Vorgänger-Version von ''Eclipse Juno'', basiert und daher
===JSLint===
die Installationsschritte leicht abweichen können.


Zu guter Letzt sollten Sie den Flash Builder [[Konfiguration von Eclipse|konfigurieren]].
[http://www.jslint.com/ JSLint] analysiert die Syntax einer JavaScript-Datei und macht Verbesserungsvorschläge.


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


==XML-Editor „Rinzo“, Subclipse und Aptana==
* [http://code.google.com/p/jslint4java/downloads/list <code>jslint4java-2.x.x-dist.zip</code>] herunterladen
* <code>jslint4java-2.x.x-dist.zip</code> in Ordner <code>C:/web/eclipse/dropins</code> bzw. <code>/Applications/eclipse/dropins</code> entpacken
* [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>]


Folgende Plugins sollten Sie installieren:
===JSDoc===
* Da in Eclipse ein guter XML-Editor fehlt, sollte ein geeigneter Editor installiert werden. Die wirklich guten Editoren gibt es leider nicht als Open-Source-Software. Der XML-Editor „Rinzo“ ist zwar nicht sehr leistungsfähig, dafür aber Open-Source-Software.
 
* Sublipse 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.
[http://usejsdoc.org/ JSDoc] erstellt aus in JavaScript-Dateien enthaltenen Kommentaren, die bestimmte Formatbedingungen erfüllen, automatisch eine [[HTML]]-[[API]]-Dokumentation.  
* Aptana ist ein recht gutes Eclipse-Plugin zur Entwicklung von HTML/JavaScript-Anwendungen.
 
* [https://github.com/jsdoc3/jsdoc/archive/master.zip <code>jsdoc-master.zip</code>] herunterladen
* [https://github.com/terryweiss/docstrap/archive/master.zip <code>docstrap-master.zip</code>] herunterladen (= JSDoc-Templates; Sie können alternativ auch Ihre eigenenen erstellen :-))
* <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
 
'''Anmerkung'''


# Die XML-Datei [http://glossar.hs-augsburg.de/svn/eclipse/extensions.xml extension.xml] herunterladen. Diese enthält die URLs der oben aufgeführten Plugins.
Die CSS-Dateien von docstrap sind fehlerhaft (vgl. https://github.com/terryweiss/docstrap/issues/5)
# Klick auf <code>Fenster</code> → Klick auf <code>Benutzervorgaben</code> → <code>Installieren/Aktualisieren</code> ausklappen → Klick auf <code>Websites mit verfügbarer Software</code>
und sollten angepasst werden (vgl. [https://github.com/michaelward82/docstrap/commit/3b21274acf2ae83c229b08f083539905ea990e64 Line numbering and code now line up. Fixes issue #5.] und
# Klick auf <code>Importieren</code> → Die Datei <code>extensions.xml</code> auswählen → Klick auf <code>Öffnen</code> → <code>OK</code>
[https://github.com/michaelward82/docstrap/commit/3b21274acf2ae83c229b08f083539905ea990e64 Line numbering and code now line up. Fixes issue #5.]).
# <code>Hilfe</code> → <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>Rinzo XML Editor</code>, <code>Subclipse</code> und <code>SVNKit</code> 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>


Wem das Aptana-HTML-Farbschema nicht gefällt, der kann dieses ändern:
Für den Style <code>cosmo</code> habe ich diese Korrektur durchgeführt. Kopieren Sie einfach
http://glossar.hs-augsburg.de/beispiel/eclipse/docstrap/site.cosmo.css in den Eclipse-Ordner
<code>C:\web\eclipse\dropins\docstrap-master\template\static\styles\</code> bzw. <code>/Applications/eclipse/dropins/docstrap-master/template/static/styles/</code>.


# <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===


==YUI Compressor ==
* 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


# YUI Compressor ([http://yuilibrary.com/download/yuicompressor/ yuicompressor-2.x.x.zip]) herunterladen
'''Anmerkung'''
# 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
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).
# In den Ordner <code>C:\web\eclipse\dropins\yuicompressor</code> bzw. <code>/Applications/eclipse/dropins/yuicompressor</code> die Datei [http://glossar.hs-augsburg.de/svn/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
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.


=Eclipse konfigurieren=
==Eclipse konfigurieren==


Befolgen Sie die Anweisungen von „[[Konfiguration von Eclipse]]“.
Befolgen Sie die Anweisungen von „[[Konfiguration von Eclipse]]“.


=Integration von Tomcat=
==Integration von Tomcat (optional)==


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


# <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:
Zeile 129: Zeile 139:
Hier wird die dritte Möglichkeit verwendet:
Hier wird die dritte Möglichkeit verwendet:


# <code>Datei</code> ⇒ <code>Neu</code> → <code>Andere</code>
* <code>Datei</code> ⇒ <code>Neu</code> → <code>Andere</code>
# Klick auf Dreieck vor <code>Allgemein</code> → <code>Projekt</code>
* Klick auf Dreieck vor <code>Allgemein</code> → <code>Projekt</code>
# Projektname: <code>Tomcat</code>
* Projektname: <code>Tomcat</code>
# Tomcat konfigurieren: <code>Server</code> → Doppelklick <code>Tomcat Version 7.0 - Server</code>
* Tomcat konfigurieren: <code>Server</code> → Doppelklick <code>Tomcat Version 7.0 - Server</code>
# Tomcat konfigurieren: <code>Use custom Location</code> → Server path: <code>Tomcat</code> (das ist das zuvor angelegte Projekt), Deploy path: <code>webapps</code>
* Tomcat konfigurieren: <code>Use custom Location</code> → Server path: <code>Tomcat</code> (das ist das zuvor angelegte Projekt), Deploy path: <code>webapps</code>
# 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>


=Integration von Apache=
==Integration von Apache (optional)==
{{TBD}}
{{TBD}}


=Quellen=
==Quellen==
<references/>
<references/>
<ol start="2">
<ol start="2">
Zeile 161: Zeile 164:
Alle übrigen Quellen wurden direkt im Text angegeben.
Alle übrigen Quellen wurden direkt im Text angegeben.


=Siehe auch=
==Siehe auch==
# [[Installation von Eclipse/Android SDK|Integration des Android SDKs zur Entwicklung von Android-Anwenungen mit Eclipse]]
* [[Installation von Eclipse/Android SDK|Integration des Android SDKs zur Entwicklung von Android-Anwendungen mit Eclipse]]
* [[Konfiguration von Eclipse]]
[[Kategorie:Kapitel:Web-Programmierung]][[Kategorie:Web-Programmierung-HowTo]]
[[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“