Installation von Eclipse: Unterschied zwischen den Versionen

aus GlossarWiki, der Glossar-Datenbank der Fachhochschule Augsburg
Keine Bearbeitungszusammenfassung
 
(141 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.


Für Windows werden folgende Annahmen gemacht: Auf der Partition C befindet sich das Windows-System, auf der Partition D befinden
Für Windows werden folgende Annahmen gemacht: Auf der Partition C befindet sich das Windows-System und die Benutzerdaten.  
sich die Benutzerdaten. 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.
 
==Installation von Eclipse==


=Installation von Eclipse=
* Eclipse (Keppler, 4.3) herunterladen:
** '''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 (Juno, 4.2) herunterladen:
'''Beim ersten Start von Eclipse werden Sie nach einem Workspace gefragt. Wählen Sie einen geeigneten Ordner aus:'''
** Eclipse IDE for Java EE Developers (32 Bit oder 64 Bit) [http://eclipse.org/downloads/ herunterladen]
* Privater Rechner: z.B. <code>C:\web\workspace-mmprog</code> bzw. <code>/Benutzer/'''BENUTZERNAME'''/Programmierung/web/workspace-mmprog</code>
* Zip-Datei nach <code>D:/web</code> entpacken ⇒ <code>D:/web/eclipse</code> enthält Eclipse (<code>D:/web/eclipse/eclipse.exe</code>)
* 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>D:\web\eclipse\eclipse.exe</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>D:\web\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>
# <code>Work with: ''http://download.eclipse.org/technology/babel/update-site/R0.10.0/juno''</code> → <code>Add</code>
* Work with: <code>http://download.eclipse.org/technology/babel/update-site/R0.11.0/kepler</code> → <code>Add</code>
# <code>Name: ''Babel DE''</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>Finsh</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>
Häufig sind die Babel Eclipse Server überlastet und eine manuelle Installation des Sprachpakets ist optional möglich.
* <code>Restart Now</code>
# 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>)
# <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>D:\web\eclipse</code> kopieren
# Eclipse neu starten
 
===Deutsche Rechtschreibprüfung installieren===
# [http://a-weinert.de/frame4j/downloads/de_DE.dic de_DE.dic] (von Albrecht Weinert) herunterladen und unter <code>D:/web/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)
# <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,
können Sie das Wort ins Wörterbuch einfügen oder andere Aktionen durchführen, damit ein vermeintlicher Rechtschreibfehler nicht mehr angezeigt wird.
 
==Flash Builder==
 
[[Flash Builder]] ist eine kommerzielle Software zu Entwickeln von [[Flash]]-Anwendungen.
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.


* [http://www.adobe.com/cfusion/tdrc/index.cfm?product=flash_builder&loc=de Flash Builder 4.6] herunterlanden
Manchmal sind die Babel-Eclipse-Server überlastet. Alternativ ist eine manuelle Installation des Sprachpakets möglich:
* Eclipse und Browser beenden
* 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>)
* 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]
* <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


'''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.
====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


==Diverse weitere Eclipse-Pakete installieren==
==Diverse weitere Eclipse-Pakete installieren==


===XML-Editor „Rinzo“===
===Subclipse und Aptana===
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.
 
* XML-Editor Rinzo [http://sourceforge.net/projects/editorxml/ herunterladen]
* Inhalt der ZIP-Datei in Verzeichnis <code>D:\web\eclipse\dropins</code> einfügen
* Eclipse neu starten
 
===Subclipse===
Sublipse ist ein recht guter [[Subversion|Subversion-Client]] für Eclipse.
 
Die meisten Eclipse-Pakete können sehr einfach mit Hilfe von Update-Sites
installiert werden, so auch Subclipse.
 
* <code>D:\web\eclipse\eclipse.exe</code> starten
* <code>Hilfe</code> → <code>Neue Software installieren...</code>
* Work with: <code>''http://subclipse.tigris.org/update_1.8.x''</code> → <code>Hinzufügen</code>
* 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===
Folgende Plugins sollten Sie installieren:
* 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.


Aptana ist ein Eclipse-Plugin zur Entwicklung von HTML/JavaScript-Anwendungen.
Die Installation dieser Plugins ist relativ einfach:


* <code>D:\web\eclipse\eclipse.exe</code> starten
* 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.
* <code>Hilfe</code> → <code>Neue Software installieren...</code>
* Klick auf <code>Fenster</code> → Klick auf <code>Benutzervorgaben</code> → <code>Installieren/Aktualisieren</code> ausklappen → Klick auf <code>Websites mit verfügbarer Software</code>
* Work with: <code>''http://download.aptana.com/studio3/plugin/install''</code> → <code>Hinzufügen</code>
* Klick auf <code>Importieren</code> → Die Datei <code>extensions.xml</code> auswählen → Klick auf <code>Öffnen</code> → <code>OK</code>
* Name: <code>''Aptana''</code> → <code>OK</code>
* Klick auf <code>Hilfe</code> → Klick auf <code>Neue Software installieren...</code>
* Alle Pakete auswählen → <code>Weiter</code> → <code>Weiter</code> → <code>Ich akzeptiere ...</code> auswählen → <code>Fertigstellen</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>
* 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>
* <code>Jetzt neu starten</code>
* <code>OK</code>
Wem das Aptana-HTML-Farbschema nicht gefällt, der kann dieses ändern:
* <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>
===ADT===
ADT ist ein Eclipse-Plugin, dass die Entwicklung von [[Java]]-Anwendungen für [[Android]]-[[Smarphone]]s ermöglicht.
Zunächst muss das Android SDK installiert werden:


* <code>http://developer.android.com/sdk/index.html</code>: <code>installer_r...-windows.exe</code> herunterladen und ausführen.
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.
* '''Wählen Sie einen kurzen Installationspfad ohne Leerzeichen aus, z.B. <code>D:\web\android-sdk</code>, auf das Benutzer ohne Administrationsrechte zugreifen können (zumindest das Verzeichnis <code>.../android-sdk/temp</code> muss für alle beschreibbar sein).'''
* <code>Start SDK-Manager</code> → <code>OK</code>
* APIs auswählen für die entwickelt werden soll (z.B. API 16, API 15, API 14 und API 10) → <code>Install ... packages</code> → <code>Accept All</code> (rechts!) → <code>Install</code> (Achtung: Der erste Download kann sehr lange dauern.)


* Es wurden nicht alle Paktete installiert, weil man sich teilweise für Pakete authentifizieren muss.
===JSLint===
* Das Paket <code>Extras</code> → <code>Google USB Driver</code> sollte separat installiert werden.


Nun kann ADT in Eclipse integriert werden:
[http://www.jslint.com/ JSLint] analysiert die Syntax einer JavaScript-Datei und macht Verbesserungsvorschläge.
 
* <code>D:\web\eclipse\eclipse.exe</code> starten
* <code>Hilfe</code> → <code>Neue Software installieren...</code>
* Work with: <code>''https://dl-ssl.google.com/android/eclipse/''</code> → <code>Hinzufügen</code>
* Name: <code>''ADT''</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>
* <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>D:\web\android-sdk</code> (Installationsverzeichnis des SDK-Managers;'''der Pfad darf keine Leerzeichen enthalten''') → <code>Anwenden</code> → <code>OK</code>


====ADB-Tools installieren====
Die über den Paket-Manager installierbare JSLint-Version
* <code>Fenster</code> → <code>Android SDK Manager</code> starten
(<code>http://svn.codespot.com/a/eclipselabs.org/mobile-web-development-with-phonegap/tags/jslint4java1/download</code>) ist veraltet.
* <code>Android SDK Platformtools</code> installieren (falls diese nicht bereits installiert worden sind)
Man kann JSLint auch „von Hand“ installieren (vgl: http://stackoverflow.com/questions/2741058/jslint-eclipse-plugin):


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


* YUI Compressor ([http://yuilibrary.com/download/yuicompressor/ yuicompressor-2.x.x.zip]) herunterladen
===JSDoc===
* yuicompressor-2.x.x.zip in den Ordner <code>D:\web\eclipse\dropins</code> entpacken
* Ordner <code>D:\web\eclipse\dropins\yuicompressor</code> erstellen
* In den Ordner <code>D:\web\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


Passen Sie in der Datei <code>build.xml</code> die Zeilen
[http://usejsdoc.org/ JSDoc] erstellt aus in JavaScript-Dateien enthaltenen Kommentaren, die bestimmte Formatbedingungen erfüllen, automatisch eine [[HTML]]-[[API]]-Dokumentation.


<source lang="xml">
* [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 :-))
  <property name="DIST_DIR" value="WebContent" description="Output folder for build targets" />
* <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
...
  <property name="BUILD_DIR" value="D:/web/eclipse/dropins/yuicompressor-2.4.7/build" description="Files needed to build" />
  <property name="YUI" value="${BUILD_DIR}/yuicompressor-2.4.7.jar" description="YUICompressor" />
...
</source>


gemäß Ihren Wünschen an.
'''Anmerkung'''


Zunächst müssen Sie die beiden Vorkommnisse von <code>yuicompressor-2.4.7</code> an die von Ihnen
Die CSS-Dateien von docstrap sind fehlerhaft (vgl. https://github.com/terryweiss/docstrap/issues/5)
installierte Version anpassen. Evtl. haben Sie auch den YUI Compressor in ein anderes Verzeichnis entpackt,
und sollten angepasst werden (vgl. [https://github.com/michaelward82/docstrap/commit/3b21274acf2ae83c229b08f083539905ea990e64 Line numbering and code now line up. Fixes issue #5.] und
als oben angegeben. Dann müssen Sie das <code>BUILD_DIR</code> ebenfalls entsprechend anpassen.
[https://github.com/michaelward82/docstrap/commit/3b21274acf2ae83c229b08f083539905ea990e64 Line numbering and code now line up. Fixes issue #5.]).


Die Zeile
Für den Style <code>cosmo</code> habe ich diese Korrektur durchgeführt. Kopieren Sie einfach
<source lang="xml">
http://glossar.hs-augsburg.de/beispiel/eclipse/docstrap/site.cosmo.css in den Eclipse-Ordner
  <property name="DIST_DIR" value="WebContent" description="Output folder for build targets" />
<code>C:\web\eclipse\dropins\docstrap-master\template\static\styles\</code> bzw. <code>/Applications/eclipse/dropins/docstrap-master/template/static/styles/</code>.
</source>
bewirkt, dass die vom Kompressor erzeugten Dateien <code>all.min.css</code> und <code>all.min.js</code>
in die Verzeichnisse <code>css</code> bzw. <code>js</code> des aktuellen Projektes eingefügt werden.
Zu sehen bekommt man diese Dateien jedoch erst, nachdem man den Dateibaum im Projektexplorer aktualisiert hat:


* Projekt-Root im Projektxplorer (linkes Fenster) selektieren → Taste <code>F5</code> drücken (oder Rechtsklick auf Projektnamen → <code>Aktualisieren</code>)
===YUI Compressor===


Wenn Sie einen externen Server (wie beispielsweise einen Apache) installiert haben,
* YUI Compressor ([https://github.com/downloads/yui/yuicompressor/yuicompressor-2.4.7.zip yuicompressor-2.4.7.zip]) herunterladen
dann können Sie auch die Zeile
* yuicompressor-2.x.x.zip in den Ordner <code>C:\web\eclipse\dropins</code> bzw. <code>/Applications/eclipse/dropins</code> entpacken
<source lang="xml">
* Ordner <code>C:\web\eclipse\dropins\yuicompressor</code>  bzw. <code>/Applications/eclipse/dropins/yuicompressor</code> erstellen
  <property name="DIST_DIR" value="D:/web/apache/htdocs/${PROJECT}" description="Output folder for build targets" />
* 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
</source>
verwenden. Diese bewirkt, dass der Web-Auftritt samt komprimierten Dateien <code>all.min.css</code> und <code>all.min.js</code>
direkt in den Web-Ordner des externen Apache-Servers exportiert werden. Den Apache-htdocs-Pfad müssen Sie an Ihre Gegebenheiten anpassen.


Der Vorteil der zweiten Lösung ist, dass die Änderung nach Ausführung der Build-Datei '''sofort''' auf dem externen Server verfügbar sind.
'''Anmerkung'''
 
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.


==Eclipse konfigurieren==
==Eclipse konfigurieren==
Zeile 180: Zeile 121:
Befolgen Sie die Anweisungen von „[[Konfiguration von Eclipse]]“.
Befolgen Sie die Anweisungen von „[[Konfiguration von Eclipse]]“.


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


Tomcat wird folgendermaßen in Eclipse eingebunden:
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:


* <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>D:\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>D:\web\tomcat\webapps</code>)
* das Tomcat-Webapps-Verzeichnis (<code>C:\web\tomcat\webapps</code>)
* ein spezieller Ordner im versteckten Verzeichnis  <code>D:\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 204: 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}}
 
==Quellen==
<references/>
<references/>
<ol start="2">
<ol start="2">
Zeile 224: Zeile 161:
<li> {{Quelle|Kowarschick, W.: Multimedia-Datenbanksysteme}}</li>
<li> {{Quelle|Kowarschick, W.: Multimedia-Datenbanksysteme}}</li>
<li> {{Quelle|Kowarschick, W.: Multimedia-Programmierung}}</li>
<li> {{Quelle|Kowarschick, W.: Multimedia-Programmierung}}</li>
</ol></noinclude>
</ol>
Alle <noinclude>übrigen</noinclude> Quellen wurden direkt im Text angegeben.
Alle übrigen Quellen wurden direkt im Text angegeben.
<noinclude>[[Kategorie:Kapitel:Web-Programmierung]][[Kategorie:Web-Programmierung-HowTo]]</noinclude>
 
==Siehe auch==
* [[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]]

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“