Multimèdia Universitat Oberta de Catalunya
Eines de disseny Multimèdia

Editors web lliures o de codi obert

A l’hora de crear pàgines web, la referència més coneguda és l’Adobe Dreamweaver. És un editor molt estès des de la seva aparició el 1998, i va ser desenvolupat per la companyia Macromedia, la mateixa que va desenvolupar Flash i que després va ser absorbida per Adobe.

Actualment manté el 90% del mercat d’editors HTML però bastants desenvolupadors web el critiquen ja que pot incloure molt codi inútil la qual cosa pot anar en contra de la velocitat de càrrega o execució de les pàgines web al navegador. Això és especialment significatiu si fem servir el suport que permet, per exemple, les connexions de bases de dades i / o les opcions per programar sense necessitat de tenir coneixement de programar en alguns llenguatges com asp, jsp o php.

A part d’aquest editor de pagament, tenim molts altres editors de codi obert. Hem de distingir principalment dos tipus, els que estan més orientats a dissenyadors que són editors WYSIWYG (acrònim en anglès de “el que veus és el que obtens”) i els que són mes orientats a programadors.

Una característica interessant d’aquests editors de codi obert és que molts d’ells tenen versions “portables” això és, els pots portar en una memòria USB i executar des d’ella en qualsevol ordinador sense necessitat d’instal·lar en aquest equip. Aquesta característica pot ser molt interessant, per exemple, si aneu a visitar un client i sorgeix alguna cosa que no teníeu prevista, traieu la vostra memòria USB i a treballar en qualsevol ordinador.

Els principals editors lliures que podem trobar són:

Editors WYSIWYG

KompoZer És un editor de pàgines WYSIWYG que permet també veure el codi font i una opció de vista dividida de codi gràfic. A més té un petit suport per a PHP.

Té versions per a Linux, Windows, MacOSX. i a més està disponible en castellà.

KompoZer compleix amb els estàndards web de W3C. Per defecte, les pàgines són creades d’acord a HTML 4.01 Strict encara que es pot modificar en les opcions avançades i permet l’ús de fulls d’estils CSS. A més inclou un validador HTML que puja les pàgines al W3C per a la seva validació.

Amaya és un editor web creat pel W3C composta per un navegador web i una eina de creació amb el qual es pot treballar en línia i fora de línia. Es poden veure i generar pàgines HTML i XHTML amb fulls d’estil CSS, o dibuixos SVG. A més renderitza imatges, per exemple en PNG i un subconjunt del format de Gràfics vectorials escalables (SVG), com a figures bàsiques, text, imatges o pot incloure fragments HTML o expressions MathML en els dibuixos. Està disponible per a Windows, Mac i Linux. Suporta HTML 4.01, XHTML 1.0, XHTML Basic, XHTML 1.1, HTTP 1.1, MathML 2.0, moltes característiques CSS 2, i inclou suport per a gràfics SVG (transformació, transparència i animació SMIL), a més es pot, no només visualitzar sinó a més editar, de manera parcial, documents XML.

Algunes de les característiques principals d’Amaya són; editor gràfic HTML, taules per obrir documents en lot, àmplia selecció d’etiquetes HTML amb inserció automàtica, correcció ortogràfica i codi de neteja, vista prèvia en temps real de la pàgina web, comparació de codi font.

BlueGriffon es tracta també d’un editor WYSIWYG creat per Mozilla i com tot producte de Mozilla, presenta la possibilitat d’usar plugins o complements per ampliar les seves funcionalitats. Està basat en Gecko, el motor de renderitzat dins de Firefox, i usa XULRunner. Es pot baixar gratuïtament i està disponible per a Mac OS X, Windows i Linux i està traduït al castellà.

BlueGriffon compleix amb els estàndards web W3C. Podeu crear i editar pàgines d’acord amb HTML 4, XHTML 1.0, HTML 5 i XHTML 5. És compatible amb CSS 2.1 i totes les parts de CSS 3 ja aplicades per Gecko. BlueGriffon també inclou SVG-edit, un editor basat en SVG que es va distribuir originalment com una extensió per Firefox i es va adaptar a BlueGriffon.

Editors orientats a programadors

El primer que cal destacar és que aquests editors no estan només orientats a la creació de pàgines web, potser una excepció seriosa Bluefish. Són editors que es poden usar normalment amb multitud de llenguatges, des de C ++ fins llenguatges que normalment només se solen usar en pàgines web dinàmiques com són asp o PHP. La principal característica és l’acoloriment del codi per fer més fàcil la seva lectura.

Algun dels principals serien:

Bluefish és un editor de pàgines web molt complet, dirigit a dissenyadors web experimentats i programadors i s’enfoca en l’edició de pàgines dinàmiques i interactives. Té un potent suport per HTML, PHP, Javascript, JSP, SQL, XML, Python, Perl, CSS, ColdFusion, Pascal, R, Octave / Matlab i ressaltat de sintaxi.

Segurament un dels editors més complets que pot usar-se també en diversos sistemes operatius, llàstima que no tingui suport WYSIWYG, potser l’únic que es pugui trobar a faltar.

Notepad2 és un editor de text de codi obert per a Windows. Ofereix ressaltat de sintaxi per als llenguatges de programació: ASP, PHP, JavaScript, CSS, HTML,, XHTML i XML i altres no orientats a la web com a llenguatge assemblador, C, C ++, C #, CGI, Java, NSIS, Pascal, Perl, Python, SQL, VB, VBScript. Té alguna característica més com l’aparellament de parèntesi o l’auto indentació

Notepad ++ és un editor de text i de codi font lliure per a Windows amb suport per a la major part dels llenguatges de programació. com C ++, CSS, Flash ActionScript, HTML, Java, JavaScript, JSP, Perl, PHP, Python, Ruby, SQL, XML i molts més. A més, permet a l’usuari definir el seu propi llenguatge.

Inclou opcions que poden ser útils per a usuaris avançats com desenvolupadors i programadors com l’acolorit i embolcall de sintaxi: és capaç de ressaltar les expressions pròpies de la sintaxi d’aquest llenguatge per facilitar la seva lectura. Ressaltat de parèntesis, claudàtors i claus i indentació. També permet l’enregistrament i reproducció de macros. i se li poden afegir extensions

NetBeans IDE  Finalment anem a veure un dels editors més importants, es tracta de NetBeans IDE, un entorn absolutament lliure per al desenvolupament de programari amb codi obert. Està enfocat a llenguatge de Programació Java, però actualment suporta PHP, C/C,++ Groovy, Javascript i HTML entre altres.

Ve integrat amb servidors d’aplicacions GlassFish v3, Apatxe Tomcat i treballa amb Bases de dades MySQL, PostgreSQL i qualsevol que es connecti amb JDBC com Oracle, SQL Server, i d’altres més. És una eina de programació integrada.

El seu aprenentatge s’ha convertit en fonamental pels qui estan interessats en el desenvolupament d’aplicacions multiplataforma.

Característiques principals:

  • El codi obert
  • Compatibilitat amb els següents llenguatges de programació: C/C++ Java, PHP, Groovy, JavaScript, etc.
  • La capacitat per crear diversos tipus d’aplicacions
  • Suporta: refactorització, perfilat, color de ressaltat de sintaxi, autocompletat, plantilles de codis definits, etc.
  • És possible dissenyar aplicacions amb només arrossegar i deixar anar objectes sobre la interfície d’un formulari.
  • No només és possible elaborar potents aplicacions per a escriptori, també per a la Web i per a dispositius portàtils, com a mòbils o Pocket PC, sense que canviï la forma de programar.
  • La programació mitjançant NetBeans es realitza a través de components de programari modulars, també anomenats mòduls.
  • NetBeans posa a disposició dels usuaris desenes de mòduls mitjançant la seva pàgina web, que podràs integrar en ell per aconseguir millors aplicacions.
  • Ens ajuda en la navegació de les classes predefinides en la plataforma (milers)
  • Netbeans no treballa a nivell d’arxiu sinó a nivell de projecte
  • Un projecte inclou tots els recursos necessaris per construir un programa: – Arxius amb el codi – Biblioteques externes (per exemple ACM Task Force) – Imatges, sons, etc.
  • Possibilitat de connectar amb repositoris de control de versions tipus git, subversion,

És un programa molt complet i només s’han inclòs en la llista algunes de les característiques que té, però sens dubte hi ha algunes que el  fan diferent a altres programes, la principal és que treballa a nivell de tot el projecte i no d’arxiu. A més té un sistema de indentat del codi que facilita molt la seva lectura, o un sistema de marques que permet veure fàcilment on tanca un codi (per exemple una clau que tanca una sentència if). A més la possibilitat de connectar-lo a un repositori de control de versions, ens permet veure directament que arxius necessiten ser actualitzats, amb quins estem treballant, veure quins canvis estem fent en un arxiu, o fer un puch amb el seu commit directament des d’aquesta eina.

Té un petit handicap, i és que el seu aprenentatge pot ser costós, és un programa molt complet però els beneficis que ens aportarà superen les dificultats que pugui suposar això.

Una cosa a tenir en compte,és que per poder instal·lar NetBeans primer had’estar instal·lat en el teu equip la plataforma de desenvolupament Java Development Kit (JDK), que també pots descarregar de forma gratuïta.
Enllaços