3
P ROGRAMMIERUNG Aptana Studio – Eine leistungsfähige Web-Entwicklungsumgebung von Patrick Meyhöfer J eder der sich im Laufe der Zeit mit Webentwicklung ernsthafter beschäftigt, kommt einmal an den Punkt, bei dem man sich überlegt professionellere Entwick- lungswerkzeuge einzusetzen, die einem die Arbeit erleichtern. Ein sehr mächtiges Programm für die Webent- wicklung stellt hierfür Aptana Studio (im Folgen- den nur noch kurz: Aptana) bereit, welches zum Teil als echte freie Alternative zu Adobe Dream- weaver gesehen werden kann. Die Oberfläche von Aptana. Allgemeines und Installation Der große Vorteil von Aptana [1] liegt in der Plattformunabhängigkeit, da es auf der popu- lären Entwicklungsumgebung Eclipse aufsetzt (lediglich eine Java-Laufzeitumgebung wird be- nötigt). Für die Installation gibt es zwei verschie- dene Möglichkeiten. Entweder man nutzt auf der Downloadseite [2] die sogenannte Standalone- Version oder man lädt sich ein Eclipse-Plug- in (aktuell benötigt man die Version 3.5 oder höher) herunter. Sofern man mit weiteren Programmiersprachen in Eclipse entwickelt, bie- tet sich das Plug-in eher an, da man dann sehr einfach mit seinen gewohnten Einstellungen di- rekt weiterarbeiten kann. Dies kann, wie alle Plug-ins in Eclipse, direkt über „Help Install New Software“ installiert werden. Aptana ist mit zwei verschiedenen Lizenzen ver- sehen, u. a. der GPL v3 und der eigens geschaf- fenen Lizenz Aptana Public Licence. Als Grün- de nennt Aptana die Freiheit für die Entwickler, wenn einmal die GPL v3 nicht die optimale Li- zenz sei [3]. Funktionen Durch die enge Verzahnung mit Eclipse bie- tet Aptana auch dessen grundsätzliche Funk- tionalitäten und Komfortmöglichkeiten. So sind beispielsweise Code-Vervollständigung, Syntax- Hervorhebung, automatische Schließung von ge- öffneten Tags oder ein Debugger direkt inte- griert. In der letzten aktuellen Version 3.04 vom 15.08.11 bringt Aptana die Integration der neues- ten HTML5- und CSS3-Spezifikationen mit, die es somit erlauben die modernen Fähigkeiten der Browser auszunutzen. Dabei unterstützt Aptana folgende Sprachen: Javascript (mit vielen zusätzlichen Bibliothe- ken wie jQuery, Adobe Spry u. v. m.) Ruby Rails © freiesMagazin CC-BY-SA 3.0 Ausgabe 10/2011 19

freiesMagazin Oktoberausgabe

Embed Size (px)

DESCRIPTION

freiesMagazin Oktoberausgabe 2011

Citation preview

Page 1: freiesMagazin Oktoberausgabe

PROGRAMMIERUNG

Aptana Studio ndash Eine leistungsfaumlhige Web-Entwicklungsumgebung von Patrick Meyhoumlfer

J eder der sich im Laufe der Zeit mitWebentwicklung ernsthafter beschaumlftigtkommt einmal an den Punkt bei dem

man sich uumlberlegt professionellere Entwick-lungswerkzeuge einzusetzen die einem dieArbeit erleichtern

Ein sehr maumlchtiges Programm fuumlr die Webent-wicklung stellt hierfuumlr Aptana Studio (im Folgen-den nur noch kurz Aptana) bereit welches zumTeil als echte freie Alternative zu Adobe Dream-weaver gesehen werden kann

Die Oberflaumlche von Aptana

Allgemeines und Installation

Der groszlige Vorteil von Aptana [1] liegt in derPlattformunabhaumlngigkeit da es auf der popu-laumlren Entwicklungsumgebung Eclipse aufsetzt(lediglich eine Java-Laufzeitumgebung wird be-noumltigt) Fuumlr die Installation gibt es zwei verschie-dene Moumlglichkeiten Entweder man nutzt auf derDownloadseite [2] die sogenannte Standalone-Version oder man laumldt sich ein Eclipse-Plug-in (aktuell benoumltigt man die Version 35 oderhoumlher) herunter Sofern man mit weiteren

Programmiersprachen in Eclipse entwickelt bie-tet sich das Plug-in eher an da man dann sehreinfach mit seinen gewohnten Einstellungen di-rekt weiterarbeiten kann Dies kann wie allePlug-ins in Eclipse direkt uumlber bdquoHelp rarr InstallNew Softwareldquo installiert werden

Aptana ist mit zwei verschiedenen Lizenzen ver-sehen u a der GPL v3 und der eigens geschaf-fenen Lizenz Aptana Public Licence Als Gruumln-de nennt Aptana die Freiheit fuumlr die Entwicklerwenn einmal die GPL v3 nicht die optimale Li-zenz sei [3]

FunktionenDurch die enge Verzahnung mit Eclipse bie-tet Aptana auch dessen grundsaumltzliche Funk-tionalitaumlten und Komfortmoumlglichkeiten So sindbeispielsweise Code-Vervollstaumlndigung Syntax-Hervorhebung automatische Schlieszligung von ge-oumlffneten Tags oder ein Debugger direkt inte-griert In der letzten aktuellen Version 304 vom150811 bringt Aptana die Integration der neues-ten HTML5- und CSS3-Spezifikationen mit diees somit erlauben die modernen Faumlhigkeiten derBrowser auszunutzen

Dabei unterstuumltzt Aptana folgende Sprachen

Javascript (mit vielen zusaumltzlichen Bibliothe-ken wie jQuery Adobe Spry u v m)

Ruby Rails

copy freiesMagazin CC-BY-SA 30 Ausgabe 102011 19

PROGRAMMIERUNG

PHP Python

Besonders praktisch gestaltet sich die guteUnterstuumltzung durch den implementierten FTP-Client der u a auch SFTP und FTPS unterstuumltztMoumlchte man z B einige schnelle Aumlnderungen aneiner Webseite vornehmen ruft man die Dateiuumlber den Projektexplorer normal auf die Dateiwird per FTP vom Server uumlbertragen und nachdem Speichern direkt auf den Webserver syn-chronisiert wodurch man nicht staumlndig Tools wieFilezilla u a einsetzen muss

Zusaumltzlich bietet Aptana die Moumlglichkeit ver-schiedene Versionskontrollsysteme wie Git oderSVN zu nutzen Auch ein eigener lokaler Webser-ver kann fuumlr die Entwicklung und den Testvon Webentwicklungen eingebunden werdenebenso besitzt Aptana aber auch einen eige-nen Open-Source-Webserver mit dem NamenAptana Jaxer der sich insbesondere fuumlr Ajax-Anwendungen eignet und auf der Mozilla Gecko

Integrierter FTP-Client

CSS-Code-Vervollstaumlndigung mit Anzeigeunterstuumltzter Browserversionen

Engine basiert Fuumlr weitere Informationen liegtauch eine umfangreiche Dokumentation vor [4]

Tipps fuumlr den praktischen AlltagEine extrem gute Erleichterung bei der Nutzungvon Aptana stellt die Unterstuumltzung von Zen Co-ding dar Zen Coding [5] ist ein Plug-in welcheses ermoumlglichen soll durch Eingabe kurzer Ab-kuumlrzungen vollstaumlndigen syntaktisch korrektenCode zu erzeugen Als Beispiel sei hier auf einUumlbersichtsblatt des Entwicklers auf Google Codefuumlr die einzelnen Befehle hingewiesen [6] ZenCoding laumlsst sich wie auch das Aptana-Plug-inuumlber die Erweiterungsschnittstelle von Eclipse in-stallieren naumlhere Informationen zur Installationliefert die Seite des Plug-in-Entwicklers [7]

Beispiele koumlnnen das klarer zei-gen Gibt man ein reserviertesHTML-Tag ein z B

span

und druumlckt die Tab -Taste wirddies automatisch zu

ltspangt ltspangt

ergaumlnzt

Moumlchte man zusaumltzlich eine ID vergeben istdies mit einer nachgestellten Raute (wie dasTag auch in CSS angesprochen wird) moumlg-lich Aus divheader wird demzufolge ltdivid=headergt ltdivgt Bei Klassen funktioniertdas selbe Prinzip mit einem Punkt ()

Ebenfalls sehr gut geloumlst ist die moumlgliche Multi-plikation von Elementen die zusaumltzlich mit denvorangegangenen Methoden kombiniert werdenkoumlnnen Gibt man z B

ulnavgtli5

ein wird daraus

ltul id=navgtltligtltligtltligtltligtltligtltligtltligtltligtltligtltligt

ltulgt

Einige weitere Beispiele und weitere Kombinati-onsmoumlglichkeiten kann man sich hierzu auch aufYoutube ansehen [8] Aus eigener Erfahrung hatsich gezeigt dass es eine enorme Zeitersparnisbedeutet sofern man sich erstmal mit der Syntaxder Abkuumlrzungen vertraut gemacht hat

Moumlgliche AlternativenAuch wenn Aptana ein reichhaltiges Angebot anFunktionalitaumlten bietet ist es nur ein Angebot voneinigen guten Alternativen unter Linux So ist einhaumlufiger Kritikpunkt an Aptana dass es zu lange

copy freiesMagazin CC-BY-SA 30 Ausgabe 102011 20

PROGRAMMIERUNG

Direkte Moumlglichkeit Dokumentationen wie z B fuumlr CSS aufzurufen

beim Programmstart braucht bis es einsetzbarist und es zu viele Ressourcen benoumltigt im Ge-gensatz zu einem leichtgewichtigen Editor Diesist der Tatsache geschuldet dass es auf Eclipseund Java mit ihrem vielseitigem Funktionsum-fang aufsetzt

Daher seien hier ein paar empfehlenswerteund leichtgewichtigere Alternativen genannt diei d R alle uumlber die Paketverwaltung installiertwerden koumlnnen oder bereits in den Distributionenvorinstalliert sind

Die Standard-Editoren Gedit und Kate bie-ten viele gute Funktionen wie Syntax-Hervorhebung von Haus aus an

Geany ndash leistungsstaumlrker als Gedit undKate u a mit Code-Vervollstaumlndigung undTemplate-Unterstuumltzung

Bluefish ndash enthaumllt umfangreiche Funktionenz B Assistenten Dokumentationen zu PHPCSS etc und Zugriff uumlber FTP

Quanta Plus ndash sticht besonders durch die Moumlg-lichkeit hervor nach dem WYSIWYG-PrinzipWebseiten zu erstellen d h ohne groszligartigeKenntnisse eine Webseite zu erstellen

vim ndash gewoumlhnungsbeduumlrftig aber mit den rich-tigen Plug-ins eine maumlchtige Alternative

Notepad++ ndash leider nur fuumlr Windows

Einen umfangreicheren Test hat hierzu FrankBrunner in seinem Blog veroumlffentlicht [9]

FazitEin wesentlicher Grund fuumlr Aptana war fuumlr michneben der groszligen Vielfaumlltigkeit an Funktionenund Anpassungen an die persoumlnlichen Beduumlrf-nisse die Plattformunabhaumlngigkeit um auf allen

Systemen die gleiche vertraute Entwicklungsum-gebung zu besitzen Wer sich mit Eclipse wohl-fuumlhlt der wird sich auch sehr schnell in Aptanazurechtfinden dennoch muss jeder fuumlr sich diepassende Loumlsung suchen wodurch ein Blick aufdie Alternativen stets eine Option sein sollte

LINKS

[1] httpwwwaptanacomproductsstudio3[2] httpwwwaptanacomproductsstudio3

download[3] httpwikiappceleratororgdisplaytisLegal+and+

Licensing[4] httpwikiappceleratororgdisplaytisDocumen

ting+Code[5] httpenwikipediaorgwikiZen_Coding[6] httpzen-codinggooglecodecomfiles

ZenCodingCheatSheetpdf[7] httpsgithubcomsergecheeclipse-zencoding

readme[8] httpwwwyoutubecomwatchv=ug84Ypwq

fzk[9] httpwwwubuntu-centerde878webeditoren-

unter-ubuntulinux-teil-1

Autoreninformation

Patrick Meyhoumlfer (Webseite) hatviele verschiedene Web-Entwicklungs-umgebungen unter allen Systemenausgetestet

Diesen Artikel kommentieren

copy freiesMagazin CC-BY-SA 30 Ausgabe 102011 21

Page 2: freiesMagazin Oktoberausgabe

PROGRAMMIERUNG

PHP Python

Besonders praktisch gestaltet sich die guteUnterstuumltzung durch den implementierten FTP-Client der u a auch SFTP und FTPS unterstuumltztMoumlchte man z B einige schnelle Aumlnderungen aneiner Webseite vornehmen ruft man die Dateiuumlber den Projektexplorer normal auf die Dateiwird per FTP vom Server uumlbertragen und nachdem Speichern direkt auf den Webserver syn-chronisiert wodurch man nicht staumlndig Tools wieFilezilla u a einsetzen muss

Zusaumltzlich bietet Aptana die Moumlglichkeit ver-schiedene Versionskontrollsysteme wie Git oderSVN zu nutzen Auch ein eigener lokaler Webser-ver kann fuumlr die Entwicklung und den Testvon Webentwicklungen eingebunden werdenebenso besitzt Aptana aber auch einen eige-nen Open-Source-Webserver mit dem NamenAptana Jaxer der sich insbesondere fuumlr Ajax-Anwendungen eignet und auf der Mozilla Gecko

Integrierter FTP-Client

CSS-Code-Vervollstaumlndigung mit Anzeigeunterstuumltzter Browserversionen

Engine basiert Fuumlr weitere Informationen liegtauch eine umfangreiche Dokumentation vor [4]

Tipps fuumlr den praktischen AlltagEine extrem gute Erleichterung bei der Nutzungvon Aptana stellt die Unterstuumltzung von Zen Co-ding dar Zen Coding [5] ist ein Plug-in welcheses ermoumlglichen soll durch Eingabe kurzer Ab-kuumlrzungen vollstaumlndigen syntaktisch korrektenCode zu erzeugen Als Beispiel sei hier auf einUumlbersichtsblatt des Entwicklers auf Google Codefuumlr die einzelnen Befehle hingewiesen [6] ZenCoding laumlsst sich wie auch das Aptana-Plug-inuumlber die Erweiterungsschnittstelle von Eclipse in-stallieren naumlhere Informationen zur Installationliefert die Seite des Plug-in-Entwicklers [7]

Beispiele koumlnnen das klarer zei-gen Gibt man ein reserviertesHTML-Tag ein z B

span

und druumlckt die Tab -Taste wirddies automatisch zu

ltspangt ltspangt

ergaumlnzt

Moumlchte man zusaumltzlich eine ID vergeben istdies mit einer nachgestellten Raute (wie dasTag auch in CSS angesprochen wird) moumlg-lich Aus divheader wird demzufolge ltdivid=headergt ltdivgt Bei Klassen funktioniertdas selbe Prinzip mit einem Punkt ()

Ebenfalls sehr gut geloumlst ist die moumlgliche Multi-plikation von Elementen die zusaumltzlich mit denvorangegangenen Methoden kombiniert werdenkoumlnnen Gibt man z B

ulnavgtli5

ein wird daraus

ltul id=navgtltligtltligtltligtltligtltligtltligtltligtltligtltligtltligt

ltulgt

Einige weitere Beispiele und weitere Kombinati-onsmoumlglichkeiten kann man sich hierzu auch aufYoutube ansehen [8] Aus eigener Erfahrung hatsich gezeigt dass es eine enorme Zeitersparnisbedeutet sofern man sich erstmal mit der Syntaxder Abkuumlrzungen vertraut gemacht hat

Moumlgliche AlternativenAuch wenn Aptana ein reichhaltiges Angebot anFunktionalitaumlten bietet ist es nur ein Angebot voneinigen guten Alternativen unter Linux So ist einhaumlufiger Kritikpunkt an Aptana dass es zu lange

copy freiesMagazin CC-BY-SA 30 Ausgabe 102011 20

PROGRAMMIERUNG

Direkte Moumlglichkeit Dokumentationen wie z B fuumlr CSS aufzurufen

beim Programmstart braucht bis es einsetzbarist und es zu viele Ressourcen benoumltigt im Ge-gensatz zu einem leichtgewichtigen Editor Diesist der Tatsache geschuldet dass es auf Eclipseund Java mit ihrem vielseitigem Funktionsum-fang aufsetzt

Daher seien hier ein paar empfehlenswerteund leichtgewichtigere Alternativen genannt diei d R alle uumlber die Paketverwaltung installiertwerden koumlnnen oder bereits in den Distributionenvorinstalliert sind

Die Standard-Editoren Gedit und Kate bie-ten viele gute Funktionen wie Syntax-Hervorhebung von Haus aus an

Geany ndash leistungsstaumlrker als Gedit undKate u a mit Code-Vervollstaumlndigung undTemplate-Unterstuumltzung

Bluefish ndash enthaumllt umfangreiche Funktionenz B Assistenten Dokumentationen zu PHPCSS etc und Zugriff uumlber FTP

Quanta Plus ndash sticht besonders durch die Moumlg-lichkeit hervor nach dem WYSIWYG-PrinzipWebseiten zu erstellen d h ohne groszligartigeKenntnisse eine Webseite zu erstellen

vim ndash gewoumlhnungsbeduumlrftig aber mit den rich-tigen Plug-ins eine maumlchtige Alternative

Notepad++ ndash leider nur fuumlr Windows

Einen umfangreicheren Test hat hierzu FrankBrunner in seinem Blog veroumlffentlicht [9]

FazitEin wesentlicher Grund fuumlr Aptana war fuumlr michneben der groszligen Vielfaumlltigkeit an Funktionenund Anpassungen an die persoumlnlichen Beduumlrf-nisse die Plattformunabhaumlngigkeit um auf allen

Systemen die gleiche vertraute Entwicklungsum-gebung zu besitzen Wer sich mit Eclipse wohl-fuumlhlt der wird sich auch sehr schnell in Aptanazurechtfinden dennoch muss jeder fuumlr sich diepassende Loumlsung suchen wodurch ein Blick aufdie Alternativen stets eine Option sein sollte

LINKS

[1] httpwwwaptanacomproductsstudio3[2] httpwwwaptanacomproductsstudio3

download[3] httpwikiappceleratororgdisplaytisLegal+and+

Licensing[4] httpwikiappceleratororgdisplaytisDocumen

ting+Code[5] httpenwikipediaorgwikiZen_Coding[6] httpzen-codinggooglecodecomfiles

ZenCodingCheatSheetpdf[7] httpsgithubcomsergecheeclipse-zencoding

readme[8] httpwwwyoutubecomwatchv=ug84Ypwq

fzk[9] httpwwwubuntu-centerde878webeditoren-

unter-ubuntulinux-teil-1

Autoreninformation

Patrick Meyhoumlfer (Webseite) hatviele verschiedene Web-Entwicklungs-umgebungen unter allen Systemenausgetestet

Diesen Artikel kommentieren

copy freiesMagazin CC-BY-SA 30 Ausgabe 102011 21

Page 3: freiesMagazin Oktoberausgabe

PROGRAMMIERUNG

Direkte Moumlglichkeit Dokumentationen wie z B fuumlr CSS aufzurufen

beim Programmstart braucht bis es einsetzbarist und es zu viele Ressourcen benoumltigt im Ge-gensatz zu einem leichtgewichtigen Editor Diesist der Tatsache geschuldet dass es auf Eclipseund Java mit ihrem vielseitigem Funktionsum-fang aufsetzt

Daher seien hier ein paar empfehlenswerteund leichtgewichtigere Alternativen genannt diei d R alle uumlber die Paketverwaltung installiertwerden koumlnnen oder bereits in den Distributionenvorinstalliert sind

Die Standard-Editoren Gedit und Kate bie-ten viele gute Funktionen wie Syntax-Hervorhebung von Haus aus an

Geany ndash leistungsstaumlrker als Gedit undKate u a mit Code-Vervollstaumlndigung undTemplate-Unterstuumltzung

Bluefish ndash enthaumllt umfangreiche Funktionenz B Assistenten Dokumentationen zu PHPCSS etc und Zugriff uumlber FTP

Quanta Plus ndash sticht besonders durch die Moumlg-lichkeit hervor nach dem WYSIWYG-PrinzipWebseiten zu erstellen d h ohne groszligartigeKenntnisse eine Webseite zu erstellen

vim ndash gewoumlhnungsbeduumlrftig aber mit den rich-tigen Plug-ins eine maumlchtige Alternative

Notepad++ ndash leider nur fuumlr Windows

Einen umfangreicheren Test hat hierzu FrankBrunner in seinem Blog veroumlffentlicht [9]

FazitEin wesentlicher Grund fuumlr Aptana war fuumlr michneben der groszligen Vielfaumlltigkeit an Funktionenund Anpassungen an die persoumlnlichen Beduumlrf-nisse die Plattformunabhaumlngigkeit um auf allen

Systemen die gleiche vertraute Entwicklungsum-gebung zu besitzen Wer sich mit Eclipse wohl-fuumlhlt der wird sich auch sehr schnell in Aptanazurechtfinden dennoch muss jeder fuumlr sich diepassende Loumlsung suchen wodurch ein Blick aufdie Alternativen stets eine Option sein sollte

LINKS

[1] httpwwwaptanacomproductsstudio3[2] httpwwwaptanacomproductsstudio3

download[3] httpwikiappceleratororgdisplaytisLegal+and+

Licensing[4] httpwikiappceleratororgdisplaytisDocumen

ting+Code[5] httpenwikipediaorgwikiZen_Coding[6] httpzen-codinggooglecodecomfiles

ZenCodingCheatSheetpdf[7] httpsgithubcomsergecheeclipse-zencoding

readme[8] httpwwwyoutubecomwatchv=ug84Ypwq

fzk[9] httpwwwubuntu-centerde878webeditoren-

unter-ubuntulinux-teil-1

Autoreninformation

Patrick Meyhoumlfer (Webseite) hatviele verschiedene Web-Entwicklungs-umgebungen unter allen Systemenausgetestet

Diesen Artikel kommentieren

copy freiesMagazin CC-BY-SA 30 Ausgabe 102011 21