Benefícios!e!Desafios!do!Wordpress! no!desenvolvimento!de!sítios!web! Alexandre!Miguel!Leitão!dos!Santos! Relatório!de!Estágio!de!Mestrado!!

Transcrição

1 BenefícioseDesafiosdoWordpress nodesenvolvimentodesítiosweb AlexandreMiguelLeitãodosSantos RelatóriodeEstágiodeMestrado emnovosmediaepráticasweb Fevereiro,2015

2 RelatóriodeEstágioapresentadoparacumprimentodosrequisitosnecessáriosà obtençãodograudemestreemnovosmediaepráticasweb, realizadosobaorientaçãocientíficadoprofessordoutorfranciscoruicádima. i

3 BENEFÍCIOSEDESAFIOSDOWORDPRESS NODESENVOLVIMENTODESÍTIOSWEB RELATÓRIODEESTÁGIO BENEFITSANDCHALLENGESIN WORDPRESSWEBSITEDEVELOPMENT INTERNSHIPREPORT AlexandreMiguelLeitãodosSantos RESUMO OpresenterelatóriofoielaboradonoâmbitodoestágiocurriculardocursodemesR tradoemnovosmediaepráticasweb,dafaculdadedeciênciassociaisehumanasda UniversidadeNovadeLisboa.OestágiodecorreunaAzorean AquaticTechnologies, umaspin%outdeumaconhecidaempresaportuguesadosetortecnológico,ydreams. Oestágiotevecomopropósitogeralrefletir,atravésdotrabalhoefetuadonaempreR sa,sobreosbenefícioseosdesafiosdaadoçãodowordpressnodesenvolvimentode sítios Web. Quais são as vantagens do Wordpress em relação a outros sistemas de gestão de conteúdos? Que etapas compõem o desenvolvimento de um tema Wordpress?Épreferívelemaiseficazcomeçarodesenvolvimentodeumsiteapartir deumtemapremium,ou,pelocontrário,criarumtemaderaiz?oobjetivoespecífico doestágioedopresenterelatórioéresponderaestasquestõesquesecolocamaum Wordpressdeveloper,tirandopartidodasdinâmicaspráticasdoestágio. PALAVRASRCHAVE:DesenvolvimentoWeb,Webdesign,linguagensWeb,Wordpress. ii

4 ABSTRACT ThisreportwaspreparedundertheinternshipofthemasterprograminNewMedia andwebpractices,fromthefacultyofsocialandhumansciences,newuniversity of Lisbon.The internship took place in Azorean Aquatic Technologies, a spinrout fromaknownportuguesecompanyinthetechnologysector,ydreams.asageneral purpose,thegoaloftheinternshipwastothink,throughtheworkdoneinthecomr pany, about the benefits and challenges of using Wordpressin website developr ment.whataretheadvantagesofwordpresscomparedtoothercontentmanager mentsystems?howtodevelopawordpresstheme?itisbetterandmoreeffective tostartthedevelopmentofawebsitefromapremiumthemeortobuildawordr pressthemefromscratch?thespecificobjectiveofthisinternshipandreportisto answerthesequestions,takingadvantageofthedynamicinternshippractices. KEYWORDS:Webdevelopment,Webdesign,Wordpress,Webpractices. iii

5 ÍNDICE Introdução...1 CapítuloI: I.1 I.2 I.3 Apresentaçãodoestágio...3 Ainstituiçãodeacolhimento...3 Objetivosdoestágio...4 Planodeatividades...5 CapítuloII: II.1 II.2 II.3 II.4 II.5 II.6 Revisãodaliteratura...6 OWordpresscomoCMS...6 Principaisconcorrentes...8 TemasWordpress...10 Extensibilidade...12 Segurança...12 Usabilidadeeacessibilidade...14 CapítuloIII: CapítuloIV: IV.1 IV.2 IV.3 Questõesdeordemmetodológica...17 Concretizaçãodoplanodeatividades...21 ProduçãoedesenvolvimentoWeb...21 Problemasencontradosnacustomizaçãodealgunselementos...22 Outrasatividadesdesenvolvidas...24 Conclusão...26 Bibliografia...29 Webgrafia...32 ApêndiceA:Protótipo Azorean.eu...a ApêndiceB:Protótipo Myziphius.com...b iv

6 ApêndiceC:Página Preview daappziphius...c ApêndiceD:Relatóriodeacessibilidade azorean.eu...d ApêndiceE:Artefinal Azorean.eu...e ApêndiceF:Artefinal Myziphius.com...f ApêndiceG:Fichadaempresa...g v

7 INTRODUÇÃO Opresenterelatóriofoielaboradonoâmbitodoestágiocurriculardocursode mestradoemnovosmediaepráticasweb,dafaculdadedeciênciassociaisehumar nas da Universidade Nova de Lisboa. O estágio teve a duração total de 480 horas cercadetrêsmeses,tendodecorridoentre18deagostoe14denovembrode2014. Aminhagrandemotivaçãoparaesteestágiocurricularpassavaporpraticaras linguagens Web que estudei durante a componente letiva do mestrado, nomeadar mentenossemináriosdepráticaswebieii.sentiaanecessidadeurgentedetreir nar, de experimentar, impelido pela convicção aristotélica de que o que temos de aprenderafazeraprendemosfazendo.porém,duranteaminhaentrevistadeestár gionainstituiçãodeacolhimento,percebiqueadiretoradeoperaçõeseodiretor de Design procuravam um estagiário com alguma experiência em Wordpress para desenvolverositecorporativodaempresa.otemawordpressjátinhasidoadquirir do,enecessitavamdealguémquepercebesse,paraalémdaslinguagenswebconr vencionais,alinguagemmaisespecíficadessegestordeconteúdosweb. Paramim,aoportunidadedetrabalharcomoWordpresseraaindamaisestiR mulante. Nos últimos anos, tenhorme dedicado a estudar essa plataforma como autodidata,eagoraoestágiodavarmeahipótesedeaprofundaraindamaisosmeus conhecimentos,demaximizareproblematizarosmeusprocessosdetrabalho,apror veitandoosnoçõesdephp 1 quetinhaadquiridorecentementenocursodemestrar do.eraumpretextoperfeitoparapensarowordpress,osistemadegestãodeconr teúdowebcommaiorpenetraçãonomercado. Assim,esteestágiotemcomoobjetivosgeraisrefletirsobreodesenvolvimento deumprodutowebbaseadonaplataformawordpresseenquadrarteoricamenteo tema, mais particularmente sobre os benefícios e os desafios da adoção do WordpressnodesenvolvimentodesítiosWeb.QuaissãoasvantagensdoWordpress em relação a outros sistemas de gestão de conteúdos? Que etapas compõem o 1 SiglaquesignificaPréRProcessadordeHipertexto. OPHPéumalinguagemdeprogramaçãopara geraçãodedocumentoshtml.ophpéinterpretadoeexecutadodoladodoservidor,possibilitando oacessoabasesdedados (PereiraePoupa,2011:257). 1

8 desenvolvimento de um tema Wordpress? É preferível e mais eficaz começar o desenvolvimento de um site a partir de um tema Wordpress já existente, ou, pelo contrário, criar um tema de raiz? O objetivo específico do estágio e do presente relatório é, pois, responder a estas questões que se me colocam enquanto Web developer,tirandopartidodasdinâmicaspráticasdoestágio. Dopontodevistaformal,orelatórioestádivididoemquatrocapítulos:oprimeiR rofazumabreveapresentaçãodoestágio ainstituiçãodeacolhimento,osobjetivos eoplanodeatividadesinicial;osegundorevêalgumaliteraturasobreowordpresse examinaosaspetosmaisimportantesaconsiderarnacriaçãoenodesenvolvimento deumprodutowebassentenessaplataforma;oterceiroincidenasquestõesmetodor lógicasquesecolocaramduranteoestágio;eoquartodescreveasprincipaisatividar des executadas e problemas encontrados na customização de alguns elementos dur ranteotrabalhodedesenvolvimentoweb.porfim,aconclusãorespondeàsquestões departidaepropõealgumasrecomendaçõesparatrabalhosfuturos. 2

9 CAPÍTULOI: APRESENTAÇÃODOESTÁGIO O estágio de natureza curricular, integrado no curso de mestrado em Novos MediaePráticasWeb,daFaculdadedeCiênciasSociaiseHumanasdaUniversidade NovadeLisboa,decorreuentreosdias18deagostoe14denovembrode2014,e teveaduraçãototalde480horas cercadetrêsmeses.estecapítuloapresentaa instituição de acolhimento, os objetivos do estágio e o plano de atividades previar menteacordadocomainstituição. I.1 Ainstituiçãodeacolhimento A Azorean Aquatic Technologies S.A. é uma spinrout/ da YDreams, uma cor nhecida empresa portuguesa especializada no desenvolvimento de experiências interativasatravésdacombinaçãodetecnologia,arteedesign,atualmentedirecior nadaparaastecnologiasnocampodarealidadeaumentada.aazoreanfoicriadaem 2012 e dedicarse ao desenvolvimento de produtos tecnológicos e instrumentos especializados de baixo custo destinados à exploração marinha. O objetivo da emr presa é tornarrse pioneira na criação de sistemas robóticos autónomos e gadgets aquáticos, orientados a três diferentes segmentos de mercado: lazer, negócios e investigaçãocientífica. OprimeiroprodutodaAzoreanchamaRseZiphius,umdroneaquáticocontroR ladoportabletsesmartphones,comdatadecomercializaçãoprevistaparajunhode 2015.OprodutofoiovencedordoconcursoInsert/Coin:/New/Challengers,promoviR do pela revista online de tecnologia Engadget (Santos, 2013), e foi inicialmente fir nanciadoporumacampanhabemsucedidadokickstarter,atravésdaqualaemprer saangarioumaisde100mildólares(azorean AquaticTechnologies,2013). Emagostode2014,aAzoreanprocuravaumWebdevelopercomexperiência em Wordpress para desenvolver um site corporativo, que, até então, se limitava a umaúnicapáginaestáticacomoscontactosdaempresa.ocaráterglobaldopúblir coralvodaazorean,aoriginalidadedoprodutoquedesenvolveeanecessidadede comunicarcomosseusinvestidorestornavamurgenteacriaçãodeumsitecorporar 3

10 tivoquepudesseserumamontradaempresaparaomundo.foinestecontextoque a minha colaboração com a Azorean se estabeleceu. A empresa manifestourme a vontadedeterositepraticamenteconcluídoemcercadeduassemanas,alturaem queteriaumareuniãoimportantecompotenciaisinvestidores.foiessecaráterde urgênciaquedeuconsistênciaàhipótesedesetrabalharapartirdotemawordpress adquiridopelaempresa. I.2 Objetivosdoestágio Aminhagrandemotivaçãoparaesteestágiopassavaporpraticaraslinguagens Web especialmentehtml 2,CSS 3 ephp queestudeiduranteacomponenteletiva domestrado,nomeadamentenossemináriosdepráticaswebieii.sentiaanecesr sidadeurgentedetreinar,deexperimentar,impelidopelaconvicçãoaristotélicade queoquetemosdeaprenderafazeraprendemosfazendo,ou,comoescreveuum diaoreputadodesigneritalianobrunomunari, aexperimentaçãopessoaléquea melhorensina (2009:18).Porém,duranteaminhaentrevistadeestágionainstituiR ção de acolhimento, percebi que a Diretora de Operações e o Diretor de Design procuravamumestagiáriocomalgumaexperiênciaemwordpressparadesenvolver ositecorporativodaempresa.otemawordpressjátinhasidoadquirido,enecessir tavam de alguém que percebesse, para além das linguagens Web convencionais, a linguagemmaisespecíficadessegestordeconteúdosweb. AoportunidadedetrabalharcomoWordpressera,paramim,aindamaisesR timulanteeirresistível.nosúltimosanos,tenhormededicadoaestudaressaplatar formacomoautodidata,eagoraoestágiodavarmeahipótesedeaprofundarainda maisosmeusconhecimentos,demaximizareproblematizarosmeusprocessosde trabalho, aproveitando os noções de PHP que tinha adquirido recentemente no curso de mestrado. Era um pretexto perfeito para refletir sobre o Wordpress, o sistemadegestãodeconteúdowebcommaiorpenetraçãonomercado. 2 OHTMLéalinguagembásicadaWWW.AmaioriadosdocumentosnaInternetencontraRseescrita emhtml,daíasuaincontornávelimportância (PereiraePoupa,2008:23). 3 As CSS (Cascading/ Style/ Sheets Folhas de Estilo em Cascata) foram criadas com o objetivo de separaraestruturaeoconteúdodeumdocumento(definidosemhtml)dasuaapresentação(istoé, oaspetoeaformatação) (Remoaldo,2011:5). 4

11 Assim,esteestágiotemcomoobjetivogeralanalisar,atravésdotrabalhoefeR tuadonaempresa,osbenefícioseosdesafiosdaadoçãodowordpressnodesenvolr vimento de sítios Web. Quais são as vantagens do Wordpress em relação a outros sistemasdegestãodeconteúdos?queetapascompõemodesenvolvimentodeum tema Wordpress? Qual a melhor opção: começar o desenvolvimento de um site a partirdeumtemawordpressjáexistente,ou,pelocontrário,criarumtemaderaiz (vantagens versus desvantagens)? O objetivo específico do estágio e do presente relatórioéresponderaestasquestõesquesemecolocamenquantowebdeveloper, tirandopartidodasdinâmicaspráticasdoestágio. I.3 Planodeatividades Oplanodeatividadesinicialnãoeramuitodetalhado:contemplavaodesenR volvimento dos sites corporativos da Azorean e da YDreams, e a programação HTML/CSSdaaplicaçãomóveldoZiphius.Aempresatambémmanifestouinteresse nahipótese,aindapoucodefinidanaquelemomento,deeupoderexecutaralguns trabalhosdesonoplastia/sonorização,umavezquejátinhaexperiênciaprofissional nessaárea.emconcreto,oplanodeatividadesconsistiaemtrêstrabalhosrelacior nadoscomaprogramaçãodelinguagensweb,doisdelesemplataformawordpress: 1. Desenvolvimento do sítio Web corporativo da Azorean Aquatic TechnoloR gies: pesquisa e estratégia; arquitetura da informação; análise de utilizador res; design de informação; design de interação; design sensorial; programar çãodelinguagensweb;ediçãodevídeo;ediçãodeimagem;implementação. 2. Desenvolvimento do sítio Web corporativo da YDreams: arquitetura da inforr mação;designdeinformação;designdeinteração;designsensorial;programar çãodelinguagensweb;ediçãodevídeo;ediçãodeimagem;implementação. 3. Programação da Aplicação Móvel do Ziphius: programação de linguagens Web HTMLeCSS. 5

12 CAPÍTULOII: REVISÃODALITERATURA Estecapítuloapresentaosconceitosessenciaisefazumapequenarevisãoda literatura sobre o trabalho desenvolvido durante o estágio. Como mais de 80 por centodotempofoipassadoaprogramardoissitesemplataformawordpress,uma grande parte da revisão da literatura incide, naturalmente, nessa temática mais específica.apesardeterfeitoumesforçoparasimplificaromaispossívelalinguar gemaolongodorelatório mesmocorrendooriscodepoderserdemasiadosimr plista,reconheçoquealinguagemutilizadanestecapítuloéporvezesumpouco hermética.mas,tratandoesterelatóriodelinguagensdeprogramaçãotãoespecífir cas,seriadifícilevitárlo. II.1 OWordpresscomoCMS OWordpresséumconhecidosistemadegestãodeconteúdoWebdecódigo aberto,escritoemlinguagemphpeassentenumabasededadosmysql 4.Lançado oficialmentea27demaiode2003,pormattmullenwegemikelittle,owordpress começouporsermaisumsistemadebloggingdoqueumverdadeirocms(content/ Management/System).Algumascaracterísticasqueotornarampopularcontinuama aplicarrsenosdiasdehoje:urls 5 amigos dosmotoresdebusca,possibilidadede criaçãodemúltiplascategorias,instalaçãosimples,capacidadedeupgrade,moderar ção de comentários e utilização e modificação completamente gratuitas, ao abrigo deumalicençagplv2 6.Rapidamente,oWordpresstornouRseumadasplataformas mais requisitadas no mercado dos blogues, beneficiando da política de inflação de preçospraticadapeloseuprincipalconcorrente,movabletype(gavalda,2014). Porém, sobretudo a partir de 2010, com a introdução doscustom/ post/ types (tipos de conteúdo personalizado) na versão 3, aquilo que começou por ser uma 4 O MySQL é um sistema de gestão de bases de dados relacional (SGBDR), ou seja, um sistema informático que permite armazenar dados de forma bem organizada e com baixa redundância, e possibilitaaposteriormanipulaçãodosdadosarmazenados (PereiraePoupa,2011:151). 5 DoinglêsUniform/Resource/Locator,traduzidoparaportuguêscomo"LocalizadorUniformedeRecurso". 6 GPL(GNUGeneral/Public/Licence)éalicençacommaiorutilizaçãoem projetosdesoftware livre, sobretudodevidoàsuaadoçãonoprojetognuenosistemaoperativognu/linux. 6

13 simplesplataformadeadministraçãodebloguesevoluiuparaumrobustosistemade gestãodeconteúdosweb.comumpaineldeadministraçãointuitivomaspoderoso, aplataformapermiteaquiloquequalquercmssepropõefazer:tornarmaisfácilo controlodoconteúdo,ouseja,permitirquequalquerpessoapossaescrever,editare publicar o seu trabalho, através de diversas ferramentas de fácil manuseamento como,porexemplo,umeditordetextowysiwyg(what/you/see/is/what/you/get), semnecessitardeterumconhecimentoaprofundadodaslinguagensweb. Hoje,omercadodosCMSséenormeeagrandedificuldadeéescolher.Nãoé possível dizer perentoriamente que há um melhor do que outros. E há soluções gratuitasepagas,ambascomprósecontras.aopçãoporumadelasdependedos objetivos do projeto, do orçamento disponível, da preferência pessoal do(s) Web developer(s)edograudecustomizaçãoedeextensibilidadepretendidos. MasporventuraaquiloquemaisdestacaoWordpressdaconcorrênciapagaé ofactodesercompletamentegratuito.thordhedengren(2010:174),umexperienr tewebdesigneredeveloperespecialistaemwordpress,gostadedizerquetodosos jornaiserevistasonlinequeconhece,equeestãoassentesemsistemascomlicenças de utilização caríssimas, poderiam facilmente ser reconstruídos em Wordpress, mantendoomesmodesempenho.sistemascomoowordpress,ojoomlaouodrur pal ostrêscmsscommaiorpenetraçãonomercado têmnãosóavantagemde sergratuitos,comogarantemumaexpansibilidademaioremaisbarata,aopermitir remacriaçãoeodesenvolvimentodeplugins,móduloseextensõesporterceiros. OfactodeoWordpresstercomeçadoporserumaplataformadebloggingexR plica,emgrandemedida,osucessoquetemhojeenquantocms:muitosbloggersjá familiarizados com o back/ end 7 do sistema puderam passar a gerir um completo e poderosogestordeconteúdossemteremdeaprendertudodenovo.paraestesutilir zadores,owordpressproporcionavaumacurvadeaprendizagemmuitomaisrápida. NãoéporacasoqueoWordpresséhoje,porumaesmagadoramargem,oCMSmais popular,comcercade60porcentodepenetraçãonomercado(w3techs,2015);e22 7 Oback/enddeumsiteWordpresséaquientendidocomoopaineldeadministração,atravésdoqual os utilizadores podem não só inserir e editar conteúdos, como também alterar funcionalidades, comportamentoseodesigndosite. 7

14 porcentodossitesemtodaawebjácorremnestaplataforma(gavalda,2014).entre osmaispopulares,encontramrseos/sitesthe/new/yorker,techcrunch,bbc/america, Sony/ Music, Variety, MTV/ News, Lumia/ Conversations, Fortune, CNN/ Political/ Ticker, Reuters/ Blog ou Wired, para citar apenas alguns. Estes dados não são despiciendos: comoveremosmaisadiante,apopularidadedowordpresséasuagrandevantagem e,aomesmotempo,asuamaiorfragilidadedopontodevistadasegurança. Acrescentaria, como nota secundária e pessoal, que uma das razões que me levaram a simpatizar imediatamente com o Wordpress foi o facto de todas as verr sõesteremnomesdemúsicosdejazz.paraummelómanocomoeu,seriadifícilser insensívelaumaparticularidadetãooriginal. II.2 Principaisconcorrentes Wordpress,JoomlaeDrupalsão,porumalargadistância,ossistemasdegesR tãodeconteúdoswebcommaiorpenetraçãonummercadodecentenasdecmss, representando os três uma quota de mais de 70 por cento. Estes dados fazem do JoomlaedoDrupalosmaioresconcorrentesdoWordpress.Contudo,asduasplataR formastêmassistidoaumadiminuiçãoconsecutivadasuaquotademercadodesde 2010:atualmente,oJoomlatemseteporcentodequotademercado,contra12por cento em 2010; o Drupal tem apenas cinco, sendo que em 2010 tinha sete. O Wordpress,pelocontrário,temhojeumaquotade61porcento,contra51em2010 (W3Techs,2015).Emapenascincoanos,oWordpressampliouasuaquotademerR cadoem10pontospercentuais. Apesardealgumasdiferenças,émaisaquiloqueosunedoqueossepara.Os três CMSs têm muitas características em comum e, com o tempo, as semelhanças entreelestêmvindoaaumentarconsideravelmente.poressarazão,nãoépossível dizerqueumésuperioraosoutros.aopçãoporumdelesdependesobretudoda preferência pessoal do(s) Web developer(s). Entre os atributos comuns, ressaltam três óbvios: todos os CMS são open/ source, escritos em linguagem PHP e assentes numabasededadosmysql.umquadrocomparativocomasprincipaiscaracterístir casdostrêsgestoresdeconteúdospodeservistonapáginaseguinte. 8

15 WORDPRESS JOOMLA DRUPAL Lançadoem2003 Lançadoem2005 Lançadoem2001 PHP MySQL 60,8%quotademercadoCMS 140milhõesdedownloads TECNOLOGIA PHP MySQL POPULARIDADE 7,4%quotademercadoCMS 30milhõesdedownloads PREÇO PHP MySQL 5,1%quotademarcadoCMS 15milhõesdedownloads Gratuito Gratuito Gratuito TheNewYorker SonyMusic BBCAmerica Wired ALGUNSSITESCONHECIDOSASSENTESNAPLATAFORMA HarvardUniversity Linux ITWire MTVGreece TEMASGRATUITOS TheWhiteHouse WarnerBros.Records TheEconomist TwitterDevelopers PLUGINSGRATUITOS INSTALAÇÃOAUTOMÁTICA NUMCLIQUE Sim Sim Sim DURAÇÃODAINSTALAÇÃOMANUAL 5minutos 10minutos 10minutos FACILIDADEDEMODERAÇÃO * ** *** GRAUDEDOMÍNIONECESSÁRIODASLINGUAGENSWEB * ** *** FREQUÊNCIADOSUPDATES 42dias 36dias 51dias MELHORUTILIZADOPARA... RBlogues %/Sitescorporativos RSítiosWebdetamanho pequeno/médio RJornais/revistasonline %/Sitesdee%commerce RSítiosWebdesocial/ networking %/Sitesdequalquercategoria RSítiosWebqueexijamuma organizaçãodedados maiscomplexa Quadro1\QuadrocomparativodostrêsCMSsmaispopulares,apartirdainformaçãorecolhidadeW3Techs (2015),Mening(2013),Powell(s.d.),RackspaceSupport(2013)eHedengren(2010). 9

16 Apesar das semelhanças, Mening (2013), Powell (s.d.), Rackspace Support (2013)eHedengren(2010)sãounânimesemdestacarduasgrandesdiferençasentre o Wordpress e as plataformas concorrentes: por um lado, o Wordpress exige um graudedomínioinferiordaslinguagensweb,sendoumsistemamaisfácildecomr preenderedeexpandirapartirdopaineldeadministração;poroutro,amaiorcor munidadeonlinededevelopersedeutilizadoresgaranteaowordpressumaextensir bilidade superior. No entanto, para alguém que domine as linguagens Web, estas diferençassãomuitopoucosignificativas. II.3 TemasWordpress Os temas são um dos elementos centrais do Wordpress. Na verdade, uma grandepartedotrabalhodewebdesigndeumsitewordpressresumerseaodesenr volvimento do tema. O tema consiste numa pasta com vários ficheiros essenciais para o funcionamento do site, que têm impacto tanto na forma (design) como na função (funcionalidades e customizações de comportamento através de código adicional).detodososficheiros,háapenasdoisquesãoobrigatórios:<style.css>e <index.php>. O primeiro tem o cabeçalho que identifica o tema, o segundo é o layout básico do site. Embora fique um pouco limitado, é perfeitamente possível criarumsitewordpressapenascomestesdoisficheiros(hedengren,2010:58). UmaspetoimportanteaconsiderarnodesenvolvimentodeumtemaéahieR rarquiapelaqualosficheirossãoevocadospelosistema.owordpressestápreparar dopara chamar certosficheirosemfunçãodoseunome.porexemplo,quandono siteabrimosumarquivodeumacategoria nowordpress,essearquivocorresponr deaoficheiro<category.php>,osistemaprocuraemprimeirolugarporumficheir ro com o nome dessa categoria. Imaginando que temos um site com a categoria Ideias, ao clicarmos nessa categoria o Wordpress procurará primeiro porumfir cheiro chamado <categoryrideias.php>. Se esse ficheiro não existir, a plataforma procurapelonúmerodessacategoria.ouseja,seacategoria Ideias foracategoria 3, procurará por um ficheiro com o nome <categoryr3.php>.seesseficheiro tamr bémnãoexistir,osistemaprocurarápeloficheiromaisgenérico<category.php>.e 10

17 poraíemdiante.compreenderestahierarquiaéfundamentalparasetiraromáxir mopartidodacustomizaçãodaplataforma.ahierarquiacompletapodeserconsulr tadanapáginaoficialdowordpress(wordpresscodex,2015b). Para quem esteja familiarizado com a linguagem PHP, a programação em Wordpress é simples e rápida de aprender. Há, no entanto, algumas nuances que devemser consideradas. As boas práticas de programação em Wordpress aconser lham a não utilizar algumas expressões PHP sempre que exista uma função Wordpress correspondente. Por exemplo, no desenvolvimento de um tema, as expressões <include()>, <require()>, <include_once()> e <require_once()>(serrão e Marques, 2009: 88) devem ser preteridas a favor da função interna <get_template_part()>. É também desaconselhado embutir ficheiros CSS e JavasR cript 8 diretamenteapartirdosficheirosquecontêmohtml,masanteschamárlos através das funções internas <wp_register_style()>, <wp_enqueue_style()>, <wp_register_script()> e <wp_enqueue_script()>, a partir de ficheiros que alberr guemtodasasfunçõesdotema.sãoapenasdoisexemplos,entremuitosoutros,de como as funções do Wordpress devem ser privilegiadas, de modo a garantir uma maior consistência, compatibilidade, flexibilidade e extensibilidade do código. A documentação é outra grande vantagem do Wordpress: todas as funções, hooks, classes e métodos estão disponíveis online para consulta imediata(wordpress CoR dex,2015a). Nos últimos anos, tem crescido o mercado dos temas premium: temas Wordpress já desenhados e programados, criados por Web designers e developers profissionais,repletosdecaracterísticasavançadasefunçõesadicionais.aocontrár riodalicençadeutilizaçãodowordpress,ostemaspremiumsãopagos. 8 O Javascript é uma linguagem de programação da família da linguagem C. Uma das principais características do Javascript é a forma como interage com o navegador, podendo aceder aos seus objetos (PereiraePoupa,2008:93). 11

18 II.4 Extensibilidade Por defeito, o Wordpress é já uma plataforma bastante poderosa, que pode ser utilizada para desenvolver uma grande variedade de sites dinâmicos. Mas a expansibilidade do sistema, garantida através de temas, plugins, scripts e funções personalizadas,éumadasrazõesqueexplicaasuaenormepopularidade(coyiere Starr,2012:131).ApopularidadedoWordpresscontribuiuparaacriaçãoeocresciR mento da maior comunidade online de developers e entusiastas no mercado dos CMSs,etambémorepositóriomaiscompleto:milharesdeplugins,scriptsesnippets, abrangendoumamultiplicidadedefunções,estãodisponíveisonlineparadownload imediatoegratuito(wordpress,2015). Paraalémdospluginsedasfunçõespersonalizadas,outracaracterísticapoderoR sadowordpress emboranãosejaumconceitoexclusivodestecms éarobustez dafuncionalidadedoscustom/fields(campospersonalizados): OscampospersonaliR zadospermitemqueosutilizadoresassociemconteúdopersonalizadoeinformações adicionais a cada publicação. O resultado é uma enorme flexibilidade em termos de organizaçãodoconteúdo,designeadministração (CoyiereStarr,2012:151). Comaintroduçãodoscampospersonalizadosnaversão1.2,osdevelopersdeiR xaramdeficarcondicionadosaumasóformadeapresentaroconteúdo.noentanto, esta funcionalidade ganha outra dimensão quando usada em conjunto com um plugincomooadvancedcustomfields(condon,2015),quetornamaisfácil,flexível epoderosaautilizaçãodoscampospersonalizados.atualmente,aimportânciadeste plugin é de tal ordem, que Ana Aires, uma das faces da WidgiLabs, uma empresa portuguesa especializada em Wordpress, assume que o Advanced Custom Fields integrado de raiz no sistema é uma das funcionalidades que mais gostava de ver implementadasnofuturo(freitas,2014). II.5 Segurança Porrazõesóbvias,asegurançaéumdosaspetosmaisimportantesaconsiderar durante o desenvolvimento e a manutenção de um produto Web. É cada vez mais 12

19 consensualdequenãohásites100porcentoseguros.jeremiahgrossman(2008),um reputadoespecialistaemsegurançawebnorteramericano,confirmaestaideia: mesmoadicionandocamadassobrecamadasdedefesas,haverásempreahir pótesedeumapartedosistemafalhar.alémdisso,colocardemasiadaênfase na obtenção da segurança perfeita vai resultar em retornos decrescentes. (...)OdesafioéencontraroequilíbriocertoentreosrecursosinvestidosnaseR gurança(tempo/dinheiro),deformaareduziradequadamente(nãoeliminar)a probabilidadede[umsite]serhackeado. Este princípio aplicarse tanto ao Wordpress como a qualquer outra aplicação Web. Ainda assim, e ao contrário do que é muitas vezes sugerido, o Wordpress é uma plataforma bastante segura. Uma das características mais poderosas do Wordpress é a sua enorme comunidade de developers e utilizadores entusiastas. Qualquer nova vulnerabilidade descoberta é rapidamente resolvida por um dos milhares de developers especializados em Wordpress espalhados pelo mundo. Seja naformadepequenosfragmentosdecódigo(snippets),deatualizaçõesdesoftware oudenovosplugins,ficadisponívelemtemporecorde,paratodaacomunidadeede formagratuita,asoluçãopara aquela últimavulnerabilidadedosistema. Masasuaenormepopularidadeétambémamaiorfragilidade,ograndecalR canhar de Aquiles do Wordpress do ponto de vista da segurança: com o código à vista de todos, com tantos utilizadores e tantos sites assentes na plataforma, o Wordpress é naturalmente um dos alvos preferenciais doshackers. Dito de uma maneira simples, oshackers sabem como o sistema funciona e como atacárlo (Connelly, 2011: 151). Este facto deve servir de alerta para alguns aspetos que um Wordpressdevelopernãopodenegligenciar,porqueseasegurançaatravésdaobsR curidadeéummétodopoucoaconselhávelemqualquersistema,muitomenosoé num sistema open/ source. Compreender as principais vulnerabilidades e otimizar a segurançanãoéumtrabalhodifícil,masrequerumbomconhecimentodaplataforr ma.connelly(2011:151)propõeumalistacomas10tarefasobrigatóriasquedevem serlevadasacaboparaaumentarasegurançadeumsitewordpress: 1. Garantirqueoacessoaopaineldeadministraçãonãoéviolado 2. Fazerbackupscomfrequência 13

20 3. Fazerupdatesastutamente 4. Neutralizaraconta<admin>quevempordefeitoemmuitasinstalações 5. Corrigiraspermissõesdosficheirosedaspastas 6. EsconderaversãodoWordpress 7. Alterarosprefixosdastabelasdabasededados 8. Configuraraschavessecretas 9. Negaroacessoaoficheiro<config.php> 10. Restringiroacessoàspastas<wpRcontent>e<wpRincludes> TodasestasetapassãoexplicadascomminúciaemWordpress/3/Ultimate/Secu% rity(connelly,2011),umlivrode375páginascompletamentededicadoàtemática dasegurançaemwordpress.setodosestespassosforemassegurados,asegurança da plataforma melhorará substancialmente. É claro que se o Wordpress estiver instaladonumalojamentopartilhado,umapartedasegurançadependerádoconher cimento, da perícia e das boas práticas dos prestadores do serviço de alojamento Web.Nãovaledemuitofecharaportaàchavedeixandoasjanelasabertas. NoteRse que muitas destas tarefas podem ser executadas automaticamente porplugins,masédesejávelerecomendávelqueumdevelopercompreendabemas vulnerabilidadesdosistemaantesdeutilizárlos.nãoéaceitávelqueumwebdeve% loperassegureasegurançadeum/siteapenasporinstalaropluginxouy;deveser capazdeexplicarclaramenteoquefazeporquerazãoofaz. II.6 Usabilidadeeacessibilidade Independentementedaplataformaedaslinguagensutilizadasparaacriaçãoe odesenvolvimentodeumsite,aadoçãodeboaspráticasdeusabilidadeeacessibilir dade deve ser uma preocupação permanente de um Web designer. O conceito de usabilidadewebestárelacionadocomafacilidadedeusoeaqualidadedainteração queumsiteproporcionaaosseusutilizadores: Ausabilidadeéumatributodequalidaderelacionadocomoquãofáciléusar algo. Mais especificamente, refererse à rapidez com que as pessoas podem aprenderausaralgumacoisa,quãoeficientessãoaousárla,quãomemorávelé essacoisa,quãopassíveldeerroéequantosutilizadoresgostamdeusárla.se aspessoasnãoconseguemounãovãousarumatributo,épreferívelqueele nãoexista(nielseneloranger,2006:365r371). 14

21 Tirandoalgunscasosexcecionais,ossitesnãosãosimplespeçasdedecoração, objetosparaseremapenascontemplados:têmcomofunçãodistribuirinformaçãoe sãoproduzidosemfunçãodeobjetivosespecíficos.estudosconduzidosporumdos nomesmaisproeminentesdausabilidadeweb,jakobnielsen,demonstramqueos utilizadorespreferemclarezaaconfusão,equeestaregraseaplicatantoaoconteúr do escrito como ao design(nielsen e Loranger, 2006: 4045). Em última análise, de queserveumsiteseosseusutilizadoresnãoconseguemmanuseárlo?ausabilidade Web não é mais do que facilitar o uso de um site, de modo a garantir que a sua utilizaçãoéeficaz,eficiente,satisfatóriaememorável.emsuma,oobjetivoúltimoda usabilidadeéassegurarqueumsitecumpreosobjetivosaquesepropõe. OconceitodeacessibilidadeWebestárelacionadocomacapacidadedenaveR garnainternetedeacederàinformaçãoindependentementedaslimitaçõesfísicas dosutilizadores.garantiraacessibilidadesignificaqueaspessoascomnecessidades especiaispodemfazerumusoplenodainternet,ouseja, conseguempercecionar, entender, navegar e interagir com a Web (Henry, 2006). Apesar das enormes por tencialidadescriadaspelainternet,háaindaumasériedebarreiras 9 queimpedem umanavegaçãoplenamenteacessível,sobretudoporqueoscriadoresdeconteúdos Webnãoestãosuficientementesensibilizadosparaasquestõesdaacessibilidade.O grandeobjetivodaacessibilidadewebé,pois,aremoçãodessasbarreiras,demodo aque aspessoascomnecessidadesespeciaispossamtambémutilizarecontribuir paraaweb (Henry,2006). Foinessesentidoquesurgiuanecessidadedeencontrarepromoverumasérie de princípios e diretrizes, que fossem consensualmente aceites, para ajudar todos aqueles que projetam, desenham, programam e atualizam os milhões de sites que hojeexistemnainternet: AsDiretrizesdeAcessibilidadeparaoConteúdodaWeb (WCAG) abrangem uma vasta gama de recomendações para tornar o conteúdo da Web mais acessível a um maior número de pessoas com incapacidades (Umic, 2009).AsWCAGestãoassentesemquatroprincípiosRchave,quefornecemainforR 9 Giorgio Brajnik (2011), um professor italiano especialista em acessibilidade Web, define barreira como qualquercondiçãoqueatrapalhaouimpedeoprogressodoutilizadornapersecuçãodeum objetivo,quandoesseutilizadoréportadordedeficiênciasouincapacidades. 15