{"id":740,"date":"2017-02-07T22:35:37","date_gmt":"2017-02-07T22:35:37","guid":{"rendered":"http:\/\/multimedia.uoc.edu\/blogs\/labpc\/?p=740"},"modified":"2017-02-09T21:42:18","modified_gmt":"2017-02-09T21:42:18","slug":"dossier-ides","status":"publish","type":"post","link":"http:\/\/multimedia.uoc.edu\/blogs\/labpc\/2017\/02\/07\/dossier-ides\/","title":{"rendered":"Dossier &#8212; IDEs"},"content":{"rendered":"<p><\/p>\n<h1>IDEs<\/h1>\n<h2>Introducci\u00f3: Qu\u00e8 s\u00f3n?<\/h2>\n<p>L\u2019acr\u00f2nim IDE significa \u2018Integrated Development Environment\u2019, \u00e9s a dir: Entorn Integrat de Desenvolupament. Es tracta de programes que ens faciliten l\u2019\u00fas de llenguatges de programaci\u00f3, tot anant m\u00e9s enll\u00e0 que els editors de codi font revisats en un post anterior [enlla\u00e7]. En general, inclouen l\u2019editor de text per\u00f2 hi afegeixen un compilador i un \u2018debugger\u2019 (sistema de depuraci\u00f3 d\u2019errors), entre altres caracter\u00edstiques. De fet, actualment la l\u00ednia que separa els IDEs dels editors de codi pot ser molt fina, degut a les funcionalitats que es van afegint als darrers. Per exemple, Brackets, que apareix a totes les llistes d\u2019editors de codi (incl\u00f2s el nostre podi del post anteriorment mencionat) i \u00e9s presentat com a tal a la seva pr\u00f2pia web, t\u00e9 prou funcionalitats per ser considerat un IDE, i apareix tamb\u00e9 a les llistes d\u2019aquests.<\/p>\n<p>Sigui com sigui, en principi l\u2019IDE \u00e9s un entorn m\u00e9s complex i m\u00e9s potent que els editors de codi, i alhora acostuma a ser m\u00e9s enfocat a un treball concret en certs contextos o llenguatges. Per tant, torna a ser q\u00fcesti\u00f3 de prefer\u00e8ncies personals i tipus de feina que es fa. Generalment, un editor servir\u00e0 per treball amb un ventall m\u00e9s ampli, i l\u2019IDE per anar m\u00e9s de cara a barraca amb un llenguatge determinat.<\/p>\n<h2>Recursos<\/h2>\n<p>Com sempre en aquesta mena de coses, la millor manera de comen\u00e7ar a buscar possibles IDE amb els que treballar \u00e9s fer una cerca, a partir de les quals apareixeran les inevitables llistes dels X millors, en general o per a algun entorn o programa en concret.<\/p>\n<p>Hi ha alguns IDE que s\u00f3n especialment populars entre la comunitat de creadors amb codi (Processing com a n\u00famero 1), i juntament amb aquests, hi ha moltes altres eines generalistes, de les que n\u2019escollirem dues per completar el podi com al post sobre editors de codi: Eclipse i Visual Studio. Aquest s\u00f3n els entorns que revisarem en aquest post, esperant que l\u2019an\u00e0lisi de tres IDEs conformi una imatge prou \u00e0mplia de les possibilitats existents, a partir de la qual us podreu fer una idea de quina \u00e9s la millor opci\u00f3 en el vostre cas. Perqu\u00e8, de fet, a excepci\u00f3 feta de les particularitats de Processing, tots els IDEs comparteixen caracter\u00edstiques i s\u2019acaben diferenciant, a vegades, pel detall o la idone\u00eftat per a un projecte en particular. El motiu de triar-ne un nombre petit torna a ser el mateix que amb el post d\u2019an\u00e0lisi dels editors de codi: Com que de llistes llargues en trobareu un munt, optem per fer una selecci\u00f3 petit i dedicar una mica m\u00e9s d\u2019espai a analitzar els IDEs triats. Si en voleu d\u2019altres, IntelliJ IDEA, QtCreator, CodeBlocks&#8230; i a mirar llistes!<\/p>\n<p>Dit aix\u00f2, us fem una petita selecci\u00f3 d\u2019aquestes llistes pels que vulgueu augmentar opcions:<\/p>\n<ul>\n<li><a href=\"http:\/\/www.vix.com\/es\/btg\/tech\/13220\/los-mejores-ides-y-editores-para-programadores\">http:\/\/www.vix.com\/es\/btg\/tech\/13220\/los-mejores-ides-y-editores-para-programadores<\/a> (en castell\u00e0)<\/li>\n<li><a href=\"http:\/\/ourcodeworld.com\/articles\/read\/200\/top-7-best-free-web-development-ide-for-javascript-html-and-css\">http:\/\/ourcodeworld.com\/articles\/read\/200\/top-7-best-free-web-development-ide-for-javascript-html-and-css<\/a> (espec\u00edfics per a web)<\/li>\n<li><a href=\"https:\/\/blog.profitbricks.com\/top-integrated-developer-environments-ides\/\">https:\/\/blog.profitbricks.com\/top-integrated-developer-environments-ides\/<\/a> (llista de 48!)<\/li>\n<li><a href=\"http:\/\/www.hongkiat.com\/blog\/cloud-ide-developers\/\">http:\/\/www.hongkiat.com\/blog\/cloud-ide-developers\/<\/a> (Cloud IDEs, \u00e9s a dir: IDEs que podeu utilitzar via navegador, sense necessitat d\u2019instal\u00b7lar res)<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2>El podi<\/h2>\n<p>A partir d\u2019aqu\u00ed, ens centrem en la nostra tria del podi, que com hem dit est\u00e0 feta pensant tant en el nostre context: Programaci\u00f3 creativa. I anirem de m\u00e9s senzill i orientat a artistes a m\u00e9s professional. De Processing a Visual Studio passant per Eclipse.<\/p>\n<h2><\/h2>\n<h2>PROCESSING<\/h2>\n<ul>\n<li>Desenvolupador: \u00a0\u00a0\u00a0\u00a0\u00a0 The Processing Foundation<\/li>\n<li>Llic\u00e8ncia:\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 GPL, LGPL (software lliure)<\/li>\n<li>Preu:\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Gratu\u00eft, per\u00f2 es poden fer donacions al projecte per ajudar a mantenir-lo.<\/li>\n<li>Primera versi\u00f3 de: \u00a0\u00a0 2001<\/li>\n<li>Sistemes operatius: \u00a0 Mac, Linux, Windows<\/li>\n<li>Web: \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 <a href=\"https:\/\/processing.org\/\">https:\/\/processing.org\/<\/a><\/li>\n<\/ul>\n<p style=\"text-align: center\"><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/labpc\/files\/2017\/02\/Processing_2.2_Mac_OS_X_Screenshot.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-741 aligncenter\" src=\"http:\/\/multimedia.uoc.edu\/blogs\/labpc\/files\/2017\/02\/Processing_2.2_Mac_OS_X_Screenshot.png\" width=\"400\" height=\"480\" srcset=\"http:\/\/multimedia.uoc.edu\/blogs\/labpc\/files\/2017\/02\/Processing_2.2_Mac_OS_X_Screenshot.png 500w, http:\/\/multimedia.uoc.edu\/blogs\/labpc\/files\/2017\/02\/Processing_2.2_Mac_OS_X_Screenshot-250x300.png 250w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/a><\/p>\n<p style=\"text-align: center\"><em>By Stiegenaufgang &#8211; Own work, CC0,<\/em><br \/>\n<a href=\"http:\/\/multimedia.uoc.edu\/blogs\/labpc\/files\/2017\/02\/Processing_2.2_Mac_OS_X_Screenshot.png\"><em>https:\/\/commons.wikimedia.org\/w\/index.php?curid=3277679<\/em>7<br \/>\n<\/a><\/p>\n<p>Processing \u00e9s un entorn i llenguatge de programaci\u00f3 iniciat el 2001 al Massatchussets Institute of Technology (MIT) pels llavors estudiants Casey Reas i Ben Fry. Estava inspirat en Design By Numbers, del seu professor i mentor John Maeda, i tenia la intenci\u00f3 d\u2019ampliar-ne la funcionalitat. Val a dir que l\u2019experiment va reeixir sobradament.<\/p>\n<p>Es tracta d\u2019una versi\u00f3 simplificada de Java (\u00e9s un llenguatge de programaci\u00f3) per\u00f2 tamb\u00e9 d\u2019un IDE, ja que aporta l\u2019entorn mateix on desenvolupar aquest llenguatge. I sense dubte una de les grans virtuts de Processing \u00e9s la seva simplicitat: Baixar, descomprimir&#8230; i ja podem programar! Ni plugins, ni instal\u00b7lacions complexes&#8230; res de res. Una meravella si us voleu estalviar tota la feina extra que comporten els IDEs que descriurem a continuaci\u00f3.<\/p>\n<p>Processing anomena els seus programes \u2018sketch\u2019 (esb\u00f3s), perqu\u00e8 inicialment es va pensar com a entorn per a fer petits esbossos algor\u00edtmics, per passar despr\u00e9s a entorns m\u00e9s potents. Per\u00f2 l\u2019entorn va anar creixent tant que ben aviat es va convertir en una eina que t\u00e9 molt m\u00e9s potencial que no quedar-se amb un generador d\u2019esbossos. I llevat de tasques molt concretes o particularment intenses pel que fa a necessitats computacionals, pot fer gaireb\u00e9 de tot, com es pot veure fent-ne cerques o anant a la secci\u00f3 \u2018Exhibition\u2019 de la seva p\u00e0gina web.<\/p>\n<p>De Processing n\u2019hem parlat abastament en aquest blog, pel que us referim aqu\u00ed a aquests posts on podeu trobar-ne <a href=\"http:\/\/multimedia.uoc.edu\/blogs\/labpc\/2016\/05\/25\/welcome-to-processing-3\/\">informaci\u00f3 sobre la darrera versi\u00f3<\/a>, o la <a href=\"http:\/\/multimedia.uoc.edu\/blogs\/labpc\/2016\/05\/23\/hello-p5js\/\">versi\u00f3 JavaScript<\/a>,\u00a0sobre <a href=\"http:\/\/multimedia.uoc.edu\/blogs\/labpc\/2016\/05\/21\/hello-processing\/\">tutorials de la m\u00e0 del gran Shiffman<\/a> o en <a href=\"http:\/\/multimedia.uoc.edu\/blogs\/labpc\/2016\/06\/25\/un-tutorial-de-processing-en-catala\/\">catal\u00e0<\/a>, una <a href=\"http:\/\/multimedia.uoc.edu\/blogs\/labpc\/2016\/06\/27\/openprocessing\/\">magn\u00edfica web<\/a> de per trobar exemples de codi online\u00a0o una <a href=\"http:\/\/multimedia.uoc.edu\/blogs\/labpc\/2016\/05\/27\/llibres-de-processing\/\">bibliografia<\/a>.<\/p>\n<h3>Plugins\/extensions<\/h3>\n<p>Les extensions de Processing s\u00f3n les <a href=\"https:\/\/processing.org\/reference\/libraries\/\">llibreries<\/a>, que s\u2019instal\u00b7len via men\u00fa amb el programa mateix. N\u2019hi ha molt\u00edssimes, i es divideixen en dues categories principales: Core i contributed. Les primeres s\u00f3n un petit n\u00famero de llibreries mantinguda per Processing Foundation, i que sempre estan al dia (e.g. les de so i v\u00eddeo). La resta, van al ritme que poden els desenvolupadors, i pot passar que una nova versi\u00f3 de Processing en converteixi unes quantes en obsoletes, almenys durant un temps. Per tant, sempre cal mirar-les b\u00e9 i provar-les abans de decidir fer-les servir en un projecte.<\/p>\n<p>Les llibreries de so i v\u00eddeo s\u00f3n b\u00e0siques, i us recomanem fer-les servir. \u00c9s important tenir en compte que la de so \u00e9s molt nova, i durant anys els usuaris de Processing han fet servir <a href=\"http:\/\/code.compartmental.net\/tools\/minim\/\">Minim<\/a>, pel que trobareu molt\u00edssims exemples i tutorials online que a l\u2019hora de fer anar so fan servir aquesta. Una altra llibreria molt \u00fatil i prou senzilla \u00e9s la de <a href=\"http:\/\/www.sojamo.de\/libraries\/oscP5\/\">OSC<\/a>, que permet comunicar Processing amb altres programes, com Max\/Msp or Pure Data, Open Frameworks, etc. I finalment, la llibreria <a href=\"http:\/\/openni.ru\/files\/simpleopenni\/index.html\">SimpleOpenNii<\/a> \u00e9s un bon recurs per connectar Processing amb Kinect.<\/p>\n<p>Tot i aix\u00f2, us recomanem veure\u2019n la <a href=\"https:\/\/processing.org\/reference\/libraries\/\">llista completa<\/a> a la p\u00e0gina de Processing i provar, segons amb qu\u00e8 estigueu treballant, les que us pugin fer m\u00e9s servei.<\/p>\n<h3>Pros<\/h3>\n<ul>\n<li>\u00c9s molt senzill, en el bon sentit de la paraula<\/li>\n<li>\u00c9s codi pur i dur. Per tant, aprenent Processing no s\u2019est\u00e0 aprenent un llenguatge sui generis, sin\u00f3 a programar de veritat, amb la sintaxi de Java.<\/li>\n<li>Hi ha una immensa comunitat que l\u2019hi dona suport, i no ha parat de cr\u00e9ixer des que es va crear.<\/li>\n<li>\u00a0En Dan Shiffman. Tenir en Shifmann al teu equip \u00e9s com tenir en Messi. Tens mitja feina feta. Entre altres moltes coses, crea uns materials did\u00e0ctics insuperables.<\/li>\n<\/ul>\n<h3>Contres<\/h3>\n<ul>\n<li>El seu bucle continu, i la seva manera de funcionar en general, posen una mica (o molt) nerviosos els programadors hardcore.<\/li>\n<li>\u00c9s Java simplificat i, per tant, \u00e9s Java.<\/li>\n<li>Si voleu fer gr\u00e0fics molt potents o visi\u00f3 per ordinador complexa, us topareu amb els seus l\u00edmits.<\/li>\n<\/ul>\n<h3>Conclusi\u00f3<\/h3>\n<p>Sens dubte, Processing \u00e9s una gran opci\u00f3 per aprendre a programar, i per seguir programant quan ja se n\u2019ha apr\u00e8s. Si el que us interessa \u00e9s fer codi, obtenir resultats, i el que heu de fer ho podeu fer amb Processing, per qu\u00e8 no?<\/p>\n<h3>Recursos externs<\/h3>\n<p>En trobareu molt\u00edssims, en part perqu\u00e8 \u00e9s una plataforma molt utilitzada en el context educatiu. Aqu\u00ed en fem nom\u00e9s una selecci\u00f3 gourmet:<\/p>\n<ul>\n<li>La <a href=\"https:\/\/processing.org\/\">p\u00e0gina del projecte<\/a> \u00e9s el primer gran recurs: Per baixar el programa, veure\u2019n la documentaci\u00f3, trobar exemples, tutorials&#8230;<\/li>\n<li>La p\u00e0gina del gran <a href=\"http:\/\/shiffman.net\/\">Dan Shiffman<\/a>. Tot, tot el que necessiteu, ho fa ell. I ho fa molt b\u00e9.<\/li>\n<li>I si voleu quelcom en la nostra llengua, <a href=\"http:\/\/processing.joan.cat\/cat\/index.html\">el meu tutorial de Processing en catal\u00e0<\/a>.<\/li>\n<li><a href=\"http:\/\/openprocessing.org\/\">OpenProcessing<\/a>: Aquest magn\u00edfic recurs acaba de rebre un rentat de cara i s\u2019ha actualitzat, just quan molts comen\u00e7\u00e0vem a veure\u2019ns for\u00e7ats a abandonar-lo. Aqu\u00ed trobareu centenars d\u2019exemples amb el codi font. Val molt la pena passejar-s\u2019hi per descobrir qu\u00e8 podeu fer amb Processing.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2>ECLIPSE<\/h2>\n<ul>\n<li>Desenvolupador: \u00a0\u00a0\u00a0\u00a0\u00a0 Eclipse Foundation<\/li>\n<li>Llic\u00e8ncia:\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Eclipse Public Licence (software lliure)<\/li>\n<li>Primera versi\u00f3 de: \u00a0\u00a0 Novembre de 2001<\/li>\n<li>Sistemes operatius: \u00a0 Mac, Linux, Windows<\/li>\n<li>P\u00e0gina del projecte: <a href=\"http:\/\/www.eclipse.org\/\">http:\/\/www.eclipse.org\/<\/a><\/li>\n<\/ul>\n<p style=\"text-align: center\"><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/labpc\/files\/2017\/02\/Eclipse_4.5.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-742 aligncenter\" src=\"http:\/\/multimedia.uoc.edu\/blogs\/labpc\/files\/2017\/02\/Eclipse_4.5.png\" width=\"400\" height=\"215\" srcset=\"http:\/\/multimedia.uoc.edu\/blogs\/labpc\/files\/2017\/02\/Eclipse_4.5.png 1600w, http:\/\/multimedia.uoc.edu\/blogs\/labpc\/files\/2017\/02\/Eclipse_4.5-300x161.png 300w, http:\/\/multimedia.uoc.edu\/blogs\/labpc\/files\/2017\/02\/Eclipse_4.5-768x412.png 768w, http:\/\/multimedia.uoc.edu\/blogs\/labpc\/files\/2017\/02\/Eclipse_4.5-1024x550.png 1024w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/a><\/p>\n<p style=\"text-align: center\"><em>By Amr Eladawy &#8211; Own work, EPL,<\/em><br \/>\n<em> <a href=\"https:\/\/commons.wikimedia.org\/w\/index.php?curid=41280177\">https:\/\/commons.wikimedia.org\/w\/index.php?curid=41280177<\/a><\/em><\/p>\n<p>&nbsp;<\/p>\n<p>Aquest IDE est\u00e0 pensat per a treballar amb Java, i \u00e9s una gran opci\u00f3 si voleu fer feina amb aquest llenguatge de programaci\u00f3, tot i que tamb\u00e9 se\u2019n poden afegir d\u2019altres via plugins, com ara C++, JavaScript, Python o PHP entre d\u2019altres.<\/p>\n<p>Eclipse \u00e9s un software veter\u00e0, i com a tal ha anat afinant molt la seva funcionalitat. Essent software lliure, \u00e9s una opci\u00f3 molt bona pels que voleu anar m\u00e9s enll\u00e0 dels l\u00edmits que imposa un entorn com Processing. Us aportar\u00e0 tot all\u00f2 que aporten els IDEs m\u00e9s complerts: autocompletar codi, acc\u00e9s molt eficient als arxius del projecte, facilitat per provar el codi, correcci\u00f3 de sintaxi, etc.<\/p>\n<p>Un dels seus punts forts, a m\u00e9s d\u2019una comunitat d\u2019usuaris \u00e0mplia, \u00e9s el gran n\u00famero de plugins que t\u00e9, pel que la seva funcionalitat es pot ampliar fortament quan les necessitats espec\u00edfiques del projecte ho demanin. I segurament el punt m\u00e9s feble \u00e9s que est\u00e0 lluny de ser un entorn on \u00e9s senzill iniciar-se, i aix\u00f2 fa que l\u2019arrencada pels usuaris novells pugui ser un p\u00e8l feixuga.<\/p>\n<h3>Plugins\/extensions<\/h3>\n<p>Dins la web d\u2019Eclipse, anomenen \u2018solutions\u2019 a les extensions de les que disposa la plataforma, i en llisten&#8230; <a href=\"https:\/\/marketplace.eclipse.org\">17661<\/a>! (a l\u2019hora de redactar aquest text). I, com no, en trobareu llistes i llistes (<a href=\"http:\/\/codetreasury.com\/2015\/06\/16\/seven-essential-eclipse-plugins\/\">dels 7 millors<\/a>\u00a0o <a href=\"http:\/\/www.bestplugins.com\/articles\/eclipse-plugin\">dels 144<\/a>(!).<\/p>\n<p>Aqu\u00ed dependr\u00e0 molt de les vostres necessitats espec\u00edfiques, o del projecte dins el qual us integreu, ja que un dels maldecaps que sovint giren al voltant d\u2019un projecte amb Eclipse \u00e9s que tothom treballi amb la mateixa versi\u00f3 del software i els mateixos plugins instal\u00b7lats, per tal que el treball en equip funcioni sense problemes.<\/p>\n<p>Sigui com sigui, tal com podeu imaginar, amb tal nombre de plugins n\u2019hi ha per tots els gustos. Des de <a href=\"http:\/\/marketplace.eclipse.org\/content\/eclipse-color-theme)\">canvi d\u2019aspecte de la interf\u00edcie d\u2019Eclipse<\/a>, o afegir <a href=\"http:\/\/marketplace.eclipse.org\/content\/pydev-python-ide-eclipse\">nous llenguatges de programaci\u00f3<\/a>\u00a0fins als m\u00e9s <a href=\"http:\/\/marketplace.eclipse.org\/content\/arctorus-odp-birt-emitter\">espec\u00edfics<\/a> que vulgueu.<\/p>\n<h3><strong>Pros<\/strong><\/h3>\n<ul>\n<li>Una plataforma molt vers\u00e0til, amb molt\u00edssimes extensions<\/li>\n<li>Un projecte molt consolidat, i per tant amb un ecosistema important al voltant<\/li>\n<\/ul>\n<h3><strong>Contres<\/strong><\/h3>\n<ul>\n<li>La corba d\u2019aprenentatge per usuaris novells \u00e9s for\u00e7a dura<\/li>\n<li>No t\u00e9 la interf\u00edcie d\u2019usuari m\u00e9s user-friendly de la hist\u00f2ria<\/li>\n<li>Li estan sortint competidors que adrecen aquests dos problemes<\/li>\n<\/ul>\n<p><strong>Conclusi\u00f3<\/strong><\/p>\n<p>Eclipse \u00e9s un gran recurs per programar amb Java (i altres llenguatges) quan Processing se us queda petit, o voleu fer-vos amb una eina molt m\u00e9s professional (i.e. molt m\u00e9s usada en entorns professionals, i que us far\u00e0 quedar b\u00e9 davant un programador hardcore que busca col\u00b7laboradors). \u00c9s una eina excel\u00b7lent si el que busqueu \u00e9s aquesta versatilitat, i podeu dedicar el temps que demana per entrar-hi a fons.<strong>\u00a0<\/strong><\/p>\n<h3><strong>Recursos externs<\/strong><\/h3>\n<p>D\u2019entre el molt que trobareu posant Eclipse a google, us fem una petita tria. Aneu amb compte amb les cerques, per\u00f2: Com passa amb els programes m\u00e9s veterans, podeu anar a petar a una explicaci\u00f3 de com funcionava una versi\u00f3 que ja \u00e9s molt antiga comparat amb l\u2019actual, aix\u00ed que sempre mireu dates i versions abans de posar-vos a llegir a fons!<\/p>\n<ul>\n<li>El \u2018<a href=\"http:\/\/www.eclipse.org\/users\/\">getting started<\/a>\u2019 d\u2019Eclipse<\/li>\n<li>&#8230;o la p\u00e0gina pels <a href=\"http:\/\/www.eclipse.org\/home\/newcomers.php\">acabats d\u2019aterrar<\/a><\/li>\n<li>Un <a href=\"https:\/\/www.tutorialspoint.com\/eclipse\/\">tutorial per a no-iniciats<\/a> en Eclipse<\/li>\n<li>I aqu\u00ed un altre en forma de <a href=\"https:\/\/www.udemy.com\/eclipse-java-tutorial-for-beginners\/\">curs<\/a><\/li>\n<li>I si voleu jugar amb la transici\u00f3 Processing-Eclipse: <a href=\"https:\/\/processing.org\/tutorials\/eclipse\/\">aix\u00f2<\/a><\/li>\n<\/ul>\n<h2>VISUAL STUDIO<\/h2>\n<ul>\n<li>Desenvolupador: \u00a0\u00a0\u00a0\u00a0\u00a0 Microsoft<\/li>\n<li>Llic\u00e8ncia:\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Freemium<\/li>\n<li>Preu:\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Le versions Visual Studio Community i Visual Studio Code so gratu\u00eftes, mentre que les Professional i Enterprise son de pagament. Els preus varien segons el tipus de llic\u00e8ncia (<a href=\"https:\/\/www.visualstudio.com\/vs\/pricing\/\">https:\/\/www.visualstudio.com\/vs\/pricing\/<\/a>).<\/li>\n<li>Primera versi\u00f3 de: \u00a0\u00a0 Febrer, 1997<\/li>\n<li>Sistemes operatius: \u00a0 Windows; i tamb\u00e9 Mac i Linux per la versi\u00f3 Code.<\/li>\n<li>Web: \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 <a href=\"https:\/\/www.visualstudio.com\/\">https:\/\/www.visualstudio.com\/<\/a><\/li>\n<\/ul>\n<p style=\"text-align: center\"><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/labpc\/files\/2017\/02\/Visual_Studio_2013_EN.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-743 aligncenter\" src=\"http:\/\/multimedia.uoc.edu\/blogs\/labpc\/files\/2017\/02\/Visual_Studio_2013_EN.png\" width=\"400\" height=\"212\" srcset=\"http:\/\/multimedia.uoc.edu\/blogs\/labpc\/files\/2017\/02\/Visual_Studio_2013_EN.png 433w, http:\/\/multimedia.uoc.edu\/blogs\/labpc\/files\/2017\/02\/Visual_Studio_2013_EN-300x159.png 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/a><\/p>\n<p style=\"text-align: center\"><em>By Source (WP:NFCC#4), Fair use,<\/em><br \/>\n<em> <a href=\"https:\/\/en.wikipedia.org\/w\/index.php?curid=44331177\">https:\/\/en.wikipedia.org\/w\/index.php?curid=44331177<\/a><\/em><\/p>\n<p>Visual Studio (AKA Microsof Visual Studio) \u00e9s el gran veter\u00e0 dels IDEs. Iniciat quan Microsoft s\u2019estava fent m\u00e9s fort, ha estat i \u00e9s un programa de refer\u00e8ncia en aquest camp, i s\u2019ha sabut adaptar als temps (i a la compet\u00e8ncia) fent coses tan poc \u2018microsoft\u2019 com versions lliures i open source o versions per Mac i Linux.<\/p>\n<p>Com tot IDE, t\u00e9 un gran n\u00famero d\u2019extensions, i una bona comunicata d\u2019usuaris, tot i que al ser un software propietari no est\u00e0 envoltat del mateix tipus de comunitat creadora de recursos lliures, sin\u00f3 que el pes del suport el porta l\u2019empresa responsable del software. I entre el que ja porta i les extensions, us pot servir per treballar virtualment en qualsevol llenguatge de programaci\u00f3.<\/p>\n<p>Com us podeu suposar, les versions m\u00e9s completes s\u00f3n les de pagament (e.g. Visual Studio Code \u00e9s de fet m\u00e9s aviat un editor de codi que un IDE pr\u00f2piament). Sigui com sigui, \u00e9s una bona opci\u00f3 pel que voleu un entorn totalment \u2018pro\u2019. En definitiva, Visual Studio defineix qu\u00e8 \u00e9s un IDE, aix\u00ed que tot el que hem dit gen\u00e8ricament dels IDEs es pot aplicar a aquest cas.<\/p>\n<h3><strong>Plugins\/Extensions<\/strong><\/h3>\n<p>Visual Studio t\u00e9, com \u00e9s d\u2019esperar per un projecte d\u2019aquetes dimensions, un gran nombre de plugins i extensions que podeu trobar <a href=\"https:\/\/visualstudiogallery.msdn.microsoft.com\/\">aqu\u00ed<\/a>. Com en el cas d\u2019Eclipse, n\u2019hi han molt\u00edssims i per tots els gustos, is realment del que es tracta \u00e9s de trobar els adients per a cada projecte (i per la versi\u00f3 de l\u2019IDE amb la que s\u2019est\u00e0 treballant).<\/p>\n<p>I tamb\u00e9, \u00e9s clar de llistes de \u2018best\u2019 i \u2018must have en trobareu moltes (e.g. <a href=\"https:\/\/blog.rendle.io\/my-essential-visual-studio-extensions\/\">https:\/\/blog.rendle.io\/my-essential-visual-studio-extensions\/<\/a> o <a href=\"http:\/\/dipendrashekhawat.com\/10-visual-studio-extensions-you-must-have\/\">http:\/\/dipendrashekhawat.com\/10-visual-studio-extensions-you-must-have\/<\/a>) amb plugins que van des del canvi d\u2019aspecte de la interf\u00edcie al nivell de m\u00e9s gran detall d\u2019especialitzaci\u00f3, passant per t<a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=MadsKristensen.WebEssentials20135\">reball amb web<\/a>\u00a0o\u00a0<a href=\"https:\/\/visualstudio.github.com\/\">connexi\u00f3 amb GitHub<\/a>.<\/p>\n<h3><strong>Pros<\/strong><\/h3>\n<ul>\n<li>\u00c9s un gran veter\u00e0, i l\u2019entorn de refer\u00e8ncia en molts contextos<\/li>\n<li>T\u00e9 un molt important ecosistema d\u2019extensions al voltant<\/li>\n<li>T\u00e9 Microsoft darrera, i per tant expectatives de seguir estant a primera l\u00ednia.<\/li>\n<li>Hi ha for\u00e7a exemples i versions en castell\u00e0, si el vostre angl\u00e8s no \u00e9s molt fort<\/li>\n<\/ul>\n<h3><strong>Contres<\/strong><\/h3>\n<ul>\n<li>\u00c9s software propietari i car en les versions m\u00e9s potents<\/li>\n<li>\u00c9s de Microsoft, si podem fer servir aix\u00f2 com a contra&#8230;<\/li>\n<\/ul>\n<h3><strong>Conclusi\u00f3<\/strong><\/h3>\n<p>Torna a ser q\u00fcesti\u00f3 de gustos, per\u00f2 a grans trets, si voleu anar m\u00e9s enll\u00e0 d\u2019Eclipse o voleu centrar-vos molt en C++ i desenvolupar apps professionals, aquesta pot ser una molt bona opci\u00f3.<\/p>\n<h3><strong>Recursos externs<\/strong><\/h3>\n<p>Com amb Eclipse: Compte amb les versions i anys abans de submergir-vos en un tutorial! A m\u00e9s, al ser un entorn que permet treballar en pr\u00e0cticament tots els llenguatges, m\u00e9s que tutorials pel programa en s\u00ed, el que trobareu normalment s\u00f3n tutorials espec\u00edfics per aquest o aquell llenguatge de programaci\u00f3. I tingueu en compte que, al ser de Microsoft i pagament, no hi ha el mateix entusiasme per part d\u2019usuaris a crear recursos gratu\u00efts per fer-se amb el control del programa com passa amb els exemples del software lliure.<\/p>\n<p>Sigui com sigui, per comen\u00e7ar a familiaritzar-s\u2019hi proposem:<\/p>\n<ul>\n<li><a href=\"https:\/\/www.visualstudio.com\/vs\/getting-started\/\">Get Started<\/a> (deMicrosoft)<\/li>\n<li>Uns quants exemples de <a href=\"https:\/\/www.codementor.io\/visual-studio\/tutorial\">tutorials<\/a><\/li>\n<li>I aqu\u00ed <a href=\"https:\/\/msdn.microsoft.com\/es-es\/library\/szatc41e(v=vs.100).aspx\">uns altres tutorials<\/a> tamb\u00e9 de Microsoft<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2><strong>Comentaris finals:<\/strong><\/h2>\n<p>Com va passar amb el post dels editors de codi, no hi ha una soluci\u00f3 m\u00e0gica o un IDE que es mengi tots els altres. D\u2019entre els tres que hem analitzat, dep\u00e8n molt de si voleu treballar en un context d\u2019art i disseny (Processing), o en un entorn m\u00e9s professionalitzat, de programador hardcore, per entendre\u2019ns. En aquest cas, si voleu moure-us en un entorn open source, Eclipse \u00e9s el vostre amic. Si aix\u00f2 us \u00e9s igual i\/o voleu treballar amb llenguatges poc idonis per Eclipse, Visual Studio pot ser la opci\u00f3 si no us importa comprar-ne la llic\u00e8ncia o treballar amb les versions m\u00e9s b\u00e0siques. I evidentment, hi ha moltes altres opcions a l\u2019abast. El que interessa \u00e9s saber de qu\u00e8 va el tema, informar-se m\u00e9s a fons respecte el projecte que esteu pensant dur a terme, i fer al tria. Happy coding!<\/p>","protected":false},"excerpt":{"rendered":"<p>IDEs Introducci\u00f3: Qu\u00e8 s\u00f3n? L\u2019acr\u00f2nim IDE significa \u2018Integrated Development Environment\u2019, \u00e9s a dir: Entorn Integrat de Desenvolupament. Es tracta de programes que ens faciliten l\u2019\u00fas de llenguatges de programaci\u00f3, tot anant m\u00e9s enll\u00e0 que els editors de codi font revisats en un post anterior [enlla\u00e7]. En general, inclouen l\u2019editor de text per\u00f2 hi afegeixen un [&hellip;]<\/p>\n","protected":false},"author":100,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22,23,1],"tags":[],"class_list":["post-740","post","type-post","status-publish","format-standard","hentry","category-castellano","category-catalan","category-general"],"_links":{"self":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labpc\/wp-json\/wp\/v2\/posts\/740","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labpc\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labpc\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labpc\/wp-json\/wp\/v2\/users\/100"}],"replies":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labpc\/wp-json\/wp\/v2\/comments?post=740"}],"version-history":[{"count":18,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labpc\/wp-json\/wp\/v2\/posts\/740\/revisions"}],"predecessor-version":[{"id":766,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labpc\/wp-json\/wp\/v2\/posts\/740\/revisions\/766"}],"wp:attachment":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labpc\/wp-json\/wp\/v2\/media?parent=740"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labpc\/wp-json\/wp\/v2\/categories?post=740"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labpc\/wp-json\/wp\/v2\/tags?post=740"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}