Installation von Eclipse: Unterschied zwischen den Versionen

aus GlossarWiki, der Glossar-Datenbank der Fachhochschule Augsburg
Keine Bearbeitungszusammenfassung
 
(121 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.
 
==Android SDK==
Um mit Eclipse Apps für Android entwickeln zu können, wird das Android SDK benötigt.
Installieren Sie dies zuerst:
 
* <code>http://developer.android.com/sdk/index.html</code>: <code>installer_r...-windows.exe</code> herunterladen und ausführen.
* '''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.'''
* <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, API 10 und Extras) → <code>Install ... packages</code> → <code>Accept All</code> (rechts!) → <code>Install</code>
 
* Es wurden nicht alle Paktete installiert, weil man sich teilweise für Pakete authentifizieren muss.
* Das Paket <code>Extras</code> → <code>Google USB Driver</code> sollte separat installiert werden.
 
==Vorgefertigete Eclipse-Instanzen==
 
Für die in diesem Wiki beschriebenen Tutorien gibt es folgende vorgefertigte Eclipse-Instanzen:
* [http://glossar.hs-augsburg.de/svn/eclipse/eclipse_mmprog_x64.zip Eclipse für MMProg (Windows 7, 64 Bit)], [http://glossar.hs-augsburg.de/svn/eclipse/workspace_mmprog_x64.zip zugehöriger Workspace]
 
Sie können diese beiden Dateien herunterladen und in einen Ordner Ihrer Wahl (am Besten <code>D:\web</code>) entpacken.
Stellen Sie sicher, das das Android SDK bereits installiert wurde.
Rufen Sie nun <code>D:\web\eclipse\eclipse.exe</code> auf und geben Sie <code>D:\web\workspace_mmprog</code>
als Workspace an. [[Konfiguration von Eclipse#Anpassungen_des_MMProg-Workspaces|Passen Sie nun den Workspace an Ihre Rechner-Umgebung an.]]


Sollten Sie Ihren eigenen Workspace verwenden wollen, so müssen Sie diesen noch [[Konfiguration von Eclipse|konfigurieren]].
==Installation von Eclipse==
Sollten Sie Eclipse neu installieren wollen, so sollten Sie die nachfolgenden Installationshinweise beachten.


=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>
# Work with: <code>''http://download.eclipse.org/technology/babel/update-site/R0.10.0/juno''</code> (bei Eclipse Indigo: <code>''http://download.eclipse.org/technology/babel/update-site/R0.10.0/indigo''</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===
Manchmal sind die Babel-Eclipse-Server überlastet. Alternativ ist eine manuelle Installation des Sprachpakets möglich:
# [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
* 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>Fenster</code> → <code>Benutzervorgaben</code> → <code>Allgemein</code> aufklappen → <code>Editoren</code> aufklappen→ <code>Texteditoren</code> aufklappen → <code>Schreibprüfung selektieren</code>
* <code>BabelLanguagePack-eclipse-de_4.3.0.v20130724043401.zip</code> herunterladen
# 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)
* Die beiden Ordner, die im Ordner <code>eclipse</code> des ZIP-Archivs enthalten sind, in den Eclipse-Programm-Ordner <code>C:\web\eclipse</code>
# <code>OK</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


Tipp: Wenn Sie mit der Maus ein rot unterringeltes Wort anklicken und anschließend <code>Strg-1</code> (<code>Ctrl-1</code>) drücken,
====Deutsche Rechtschreibprüfung installieren (optional)====
können Sie das Wort ins Wörterbuch einfügen oder andere Aktionen durchführen, damit ein vermeintlicher Rechtschreibfehler nicht mehr angezeigt wird.
* [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


=Installation von Flash Builder=
==Diverse weitere Eclipse-Pakete installieren==


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


'''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 Installation dieser Plugins ist relativ einfach:


Die meisten der nachfolgenden Installations- und Konfigurationsvorschläge funktionieren auch für den 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.
Sie sollten allerdings nur Subclipse und evtl. Rinzo installieren. Die anderen Pakete sind für eine Flash/ActionScript-Entwicklung
* Klick auf <code>Fenster</code> → Klick auf <code>Benutzervorgaben</code> → <code>Installieren/Aktualisieren</code> ausklappen → Klick auf <code>Websites mit verfügbarer Software</code>
unnötig.
* 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>
Beachten Sie, dass der Flash Builder auf ''Eclipse Indigo'', der Vorgänger-Version von ''Eclipse Juno'', basiert und daher
* Work with: <code>--All Available Sites--</code> aus dem Drop-Down-Menü auswählen
die Installationsschritte leicht abweichen können.
* 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>
 
Zu guter Letzt sollten Sie den Flash Builder [[Konfiguration von Eclipse|konfigurieren]].
 
=Diverse weitere Eclipse-Pakete installieren=
 
==XML-Editor „Rinzo“==
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>
* 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>
* Haken vor <code>Report usage ...</code> entfernen.
* <code>OK</code>


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


Aptana ist ein Eclipse-Plugin zur Entwicklung von HTML/JavaScript-Anwendungen.
===JSLint===


* <code>D:\web\eclipse\eclipse.exe</code> starten
[http://www.jslint.com/ JSLint] analysiert die Syntax einer JavaScript-Datei und macht Verbesserungsvorschläge.
* <code>Hilfe</code> → <code>Neue Software installieren...</code>
* Work with: <code>''http://download.aptana.com/studio3/plugin/install''</code> → <code>Hinzufügen</code>
* Name: <code>''Aptana''</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>OK</code>


Wem das Aptana-HTML-Farbschema nicht gefällt, der kann dieses ändern:
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):


* <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>
* [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 ==
===JSDoc===


* YUI Compressor ([http://yuilibrary.com/download/yuicompressor/ yuicompressor-2.x.x.zip]) herunterladen
[http://usejsdoc.org/ JSDoc] erstellt aus in JavaScript-Dateien enthaltenen Kommentaren, die bestimmte Formatbedingungen erfüllen, automatisch eine [[HTML]]-[[API]]-Dokumentation.  
* 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
* [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


<source lang="xml">
'''Anmerkung'''
...
  <property name="DIST_DIR" value="WebContent" description="Output folder for build targets" />
...
  <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.
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.]).


Zunächst müssen Sie die beiden Vorkommnisse von <code>yuicompressor-2.4.7</code> an die von Ihnen
Für den Style <code>cosmo</code> habe ich diese Korrektur durchgeführt. Kopieren Sie einfach
installierte Version anpassen. Evtl. haben Sie auch den YUI Compressor in ein anderes Verzeichnis entpackt,
http://glossar.hs-augsburg.de/beispiel/eclipse/docstrap/site.cosmo.css in den Eclipse-Ordner
als oben angegeben. Dann müssen Sie das <code>BUILD_DIR</code> ebenfalls entsprechend anpassen.
<code>C:\web\eclipse\dropins\docstrap-master\template\static\styles\</code> bzw. <code>/Applications/eclipse/dropins/docstrap-master/template/static/styles/</code>.


Die Zeile
===YUI Compressor===
<source lang="xml">
  <property name="DIST_DIR" value="WebContent" description="Output folder for build targets" />
</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 ([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


Wenn Sie einen externen Server (wie beispielsweise einen Apache) installiert haben,
'''Anmerkung'''
dann können Sie auch die Zeile
 
<source lang="xml">
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).
  <property name="DIST_DIR" value="D:/web/apache/htdocs/${PROJECT}" description="Output folder for build targets" />
Unter Linux und MacOS kann diese Version dagegen problemlos eingesetzt werden. Allerdings wird hierfür das
</source>
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>
verwenden. Diese bewirkt, dass der Web-Auftritt samt komprimierten Dateien <code>all.min.css</code> und <code>all.min.js</code>
im Ordner <code>C:\web\eclipse\dropins\yuicompressor</code> bzw. <code>/Applications/eclipse/dropins/yuicompressor</code> abgespeichert werden muss.
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.
==Eclipse konfigurieren==
 
==ADT==
ADT ist ein Eclipse-Plugin, dass die Entwicklung von [[Java]]-Anwendungen für [[Android]]-[[Smarphone]]s ermöglicht.
Voraussetzung ist, dass das Android SDK installiert worden ist.
 
* <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>
* <code>Fenster</code> → <code>Android SDK Manager</code> starten
* <code>Android SDK Platformtools</code> installieren (falls diese nicht bereits installiert worden sind)
 
=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)==


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 225: 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 245: 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“