![\"1\"](\"http:\/\/www.teo.com.br\/wp-content\/uploads\/2016\/11\/1-1.jpg\")
<\/p>\nA forma de representar uma arquitetura de um e-commerce ou p\u00e1ginas Web, de forma gen\u00e9rica, \u00e9 entre 3 camadas. Esta caracter\u00edstica de distribui\u00e7\u00e3o qualifica-se como: Camada 1 – Apresenta\u00e7\u00e3o; Camada 2 – Regras de Neg\u00f3cio e Camada 3 – Camada de Dados. Para o usu\u00e1rio final que est\u00e1 no Browser s\u00e3o ocultas todas as camadas, exceto a primeira.<\/p>\n
<\/p>\n
Modelagem de Dados<\/p>\n
As ferramentas de desenvolvimento de um website ou e-commerce distinguem-se em 7 (a) Diagrama de Casos de Uso – mostra a intera\u00e7\u00e3o dos usu\u00e1rios entre as <\/p>\n 2) Modelagem de Dados<\/strong><\/p>\n A modelagem de Dados projeta o Banco de Dados, no qual, atrav\u00e9s das ferramentas As principais ferramentas s\u00e3o: Tabela \u2013 Sistemas de Modelagem de dados dispon\u00edveis para download<\/p>\n a) Sistema de Gerenciamento de Banco de Dados (SGBD)<\/strong> As principais ferramentas s\u00e3o: Tabela \u2013 SGBD\u00b4S dispon\u00edveis para download<\/p>\n 3) Ambiente Integrado de Desenvolvimento ou IDE<\/strong><\/p>\n O IDE (Integrated Development Environment) \u00e9 um software que facilita a programa\u00e7\u00e3o (a) Linguagem de marca\u00e7\u00e3o<\/strong>: antes de iniciar alguma linguagem de programa\u00e7\u00e3o para (b) Linguagens de Programa\u00e7\u00e3o Web:<\/strong> linguagens de programa\u00e7\u00e3o s\u00e3o instru\u00e7\u00f5es Algumas Linguagens de programa\u00e7\u00e3o Web s\u00e3o: <\/p>\n 4) Web Server ou HTTP Server 5) Frameworks<\/strong> 6) Middleware<\/strong> Seu uso vai muito al\u00e9m do que participar de um servidor. Com o Middleware, pode-se Destaco os Middlewares abaixo: a) Servidor de Aplica\u00e7\u00e3o<\/strong> Alguns servidores de Aplica\u00e7\u00e3o: 7) Plataformas<\/strong> <\/p>\n Ferramentas para Desenvolvimento na Web e Servidores: A forma de representar uma arquitetura de um e-commerce ou p\u00e1ginas Web, de forma gen\u00e9rica, \u00e9 entre 3 camadas. Esta caracter\u00edstica de distribui\u00e7\u00e3o qualifica-se como: Camada 1 – Apresenta\u00e7\u00e3o; Camada…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[14,11,113,179,180,114],"class_list":["post-3951","post","type-post","status-publish","format-standard","hentry","category-adwords","tag-e-commerce","tag-magento","tag-mysql","tag-php","tag-prestashop","tag-sgbd"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/teo.com.br\/noticias\/wp-json\/wp\/v2\/posts\/3951","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teo.com.br\/noticias\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/teo.com.br\/noticias\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/teo.com.br\/noticias\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teo.com.br\/noticias\/wp-json\/wp\/v2\/comments?post=3951"}],"version-history":[{"count":0,"href":"https:\/\/teo.com.br\/noticias\/wp-json\/wp\/v2\/posts\/3951\/revisions"}],"wp:attachment":[{"href":"https:\/\/teo.com.br\/noticias\/wp-json\/wp\/v2\/media?parent=3951"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/teo.com.br\/noticias\/wp-json\/wp\/v2\/categories?post=3951"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/teo.com.br\/noticias\/wp-json\/wp\/v2\/tags?post=3951"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\ncategorias :
\n1) Modelagem UML<\/strong>
\nA modelagem Unified Modeling Language \u00e9 uma nota\u00e7\u00e3o de diagramas que documenta e
\nespecifica os modelos de software orientados a objetos. Seguindo do UML, a mesma comp\u00f5e
\ndiversos aspectos e formas de visualizar um sistema. Dentre as formas, destacamos as mais
\ncomuns como:<\/p>\n
\nfuncionalidades do sistema.
\n(b) Diagrama de Classes – mostra a intera\u00e7\u00e3o e o relacionamento entre as classes do sistema.
\n(c) Diagrama de Sequ\u00eancia – mostra as trocas de mensagens entre os m\u00e9todos do sistema.
\n(d) Diagrama de Estado – mostra o ciclo de vida de um objeto no sistema, focando quando
\no mesmo \u00e9 iniciado e terminado, e as intera\u00e7\u00f5es que mudam seu estado atual.<\/p>\n
\ncitadas abaixo, \u00e9 gerado o c\u00f3digo SQL (Structured Query Language) que \u00e9 instalado na
\nferramenta SGBD. O Banco de Dados \u00e9 projetado, valendo se dos conceitos de E-R (Entidade
\ne Relacionamento) ou Diagrama de Classes no padr\u00e3o da UML, as principais caracter\u00edsticas das
\nentidades s\u00e3o: nome, atributo e tipo de dado e relacionamento entre outras entidades.<\/p>\n
\nMySQL Work Bench http:\/\/dev.mysql.com\/downloads\/tools\/workbench\/<\/a>
\nDBDesigner 4 http:\/\/www.fabforce.net\/dbdesigner4\/<\/a>
\nErwin http:\/\/erwin.com\/worldwide\/portuguese-brazil<\/a>
\nOpen ModelSphere http:\/\/modelsphere.org\/<\/a><\/p>\n
\nA ferramenta SGBD \u00e9 o software que prov\u00ea o servi\u00e7o e o gerenciamento de Banco de Dados
\ndo sistema.<\/p>\n
\nMySQL http:\/\/dev.mysql.com\/downloads\/<\/a>
\nPostGreeSQL http:\/\/www.postgresql.org\/download\/<\/a>
\nApache Derby http:\/\/db.apache.org\/derby\/derby_downloads.html<\/a><\/p>\n
\npropriamente dita, intimamente ligada \u00e0 linguagem de programa\u00e7\u00e3o, pois cada linguagem
\nde programa\u00e7\u00e3o, geralmente, tem seu IDE. Em certos casos n\u00e3o possui. Existem linguagens
\nde programa\u00e7\u00e3o que permitem escrever no Bloco de Notas e utilizar outros programas como
\nCompiladores ou Interpretadores para gerar o programa.
\nAs principais ferramentas s\u00e3o:
\nEclipse http:\/\/www.eclipse.org\/downloads\/<\/a>
\nNetbeans https:\/\/netbeans.org\/<\/a>
\nVisual Studio http:\/\/www.microsoft.com\/visualstudio\/pt-br\/download<\/a>
\nSharpDevelop http:\/\/www.icsharpcode.net\/opensource\/sd\/<\/a>
\nTabela \u2013 IDE\u00b4s dispon\u00edveis para download<\/p>\n
\na Web, \u00e9 primordial iniciarmos o HTML (HyperText Markup Language), ou Linguagem de
\nMarca\u00e7\u00e3o de Hipertexto, que \u00e9 composto pelos s\u00edmbolos < e >, que s\u00e3o chamados de tags.
\nEssa linguagem de marca\u00e7\u00e3o de conte\u00fado\u00a0\u00e9 um conjunto de c\u00f3digos por meio do qual
\no Navegador ou Browser (exemplo: Google\u00a0Chrome) tem o primeiro contato com o
\nwebsite; geralmente \u00e9 por onde se inicia o\u00a0conte\u00fado e a forma de expor esse conte\u00fado.
\nNo exemplo ao lado, \u00e9 mostrado o texto\u00a0\u201cOl\u00e1 Mundo\u201d no Browser.<\/p>\n
\ngravadas no computador que executa estas instru\u00e7\u00f5es, transformando estas instru\u00e7\u00f5es em
\ntarefas computacionais. Existe uma infinidade de linguagens de progra-ma\u00e7\u00e3o, mas, para a
\nWeb, temos algumas. A escolha das linguagens de programa\u00e7\u00e3o n\u00e3o influencia o e-commerce,
\npois, para o cliente ou usu\u00e1rio que ir\u00e1 navegar no sistema Web, \u00e9 totalmente impercept\u00edvel a
\nprograma\u00e7\u00e3o do website.
\nAo utilizar uma linguagem de programa\u00e7\u00e3o, o desenvolvedor abre o leque, literalmente, do
\nsoftware, transformando um Website apenas de conte\u00fado est\u00e1tico \u00e0 um Website interativo
\ncom um simples formul\u00e1rio ou um grande sistema com diversos relat\u00f3rios, consultas,
\ncadastros, mensagens etc.
\nCostumeiramente, para Internet, o que define a escolha da linguagem s\u00e3o dois aspectos: (1) o
\ndom\u00ednio do web developer e (2) o servidor possuir o Servidor de Aplica\u00e7\u00e3o (ou middleware)
\ncorrespondente \u00e0 linguagem de programa\u00e7\u00e3o escolhida.
\nAcima vimos um exemplo de comandos em HTML que se inicia com a frase \u201cOl\u00e1 Mundo\u201d.
\nTamb\u00e9m seguem exemplos de como ficaria essa mesma frase em algumas outras linguagens.<\/p>\n![\"1\"](\"http:\/\/www.teo.com.br\/wp-content\/uploads\/2016\/11\/1-2.jpg\")
<\/p>\n
\n1. PHP (Hypertext Preprocessor)
\n2. JSP (JavaServer Pages)
\n3. C Sharp ou C #
\n4. ASP (Active Server Pages)
\n5. Python
\n6. Pear<\/p>\n
\nS\u00e3o softwares da categoria middleware que recebem uma requisi\u00e7\u00e3o HTTP request
\ndiretamente do Browser ou do Navegador, e que distribuem o que \u00e9 solicitado por HTTP
\nresponse. Geralmente esse software j\u00e1 vem instalado em Sistemas Operacionais Servidores,
\ncomo Linux, Unix, Novell e Microsoft Windows Server.<\/p>\n
\nS\u00e3o cole\u00e7\u00f5es de c\u00f3digos-fonte,bibliotecas de funcionalidades abstratas ou aplica\u00e7\u00f5es que
\nfacilitam o servi\u00e7o do programador em rela\u00e7\u00e3o \u00e0 produ\u00e7\u00e3o de c\u00f3digos.
\nHibernate http:\/\/www.hibernate.org\/downloads<\/a>
\nStruts http:\/\/struts.apache.org\/download.cgi<\/a>
\nSpring Source http:\/\/www.springsource.org\/spring-framework<\/a>
\nCodeIgniter http:\/\/ellislab.com\/codeigniter\/user-guide\/installation\/downloads.html<\/a>
\nTabela \u2013 Frameworks dispon\u00edveis para download<\/p>\n
\nDe forma geral, s\u00e3o softwares que est\u00e3o entre as camadas de Rede e de Aplica\u00e7\u00e3o ou entre
\no Sistema Operacional e outros programas. Na Unidade anterior, vimos que o Certificado de
\nAutentica\u00e7\u00e3o faz com que as conex\u00f5es sejam criptografadas em um e-commerce. Esse \u00e9 um
\nexemplo de Middleware<\/p>\n
\nter v\u00e1rios sistemas em diferentes servidores e ter relacionamento entre eles. Atrav\u00e9s de API\u00b4s
\n(Interface de Programa\u00e7\u00e3o de Aplicativos), v\u00e1rios programas podem utiliz\u00e1-lo. Serve tamb\u00e9m
\npara tarefas como computa\u00e7\u00e3o distribu\u00edda, persist\u00eancia, autoriza\u00e7\u00f5es, identifica\u00e7\u00f5es, controle de
\ndiret\u00f3rios, certificados digitais entre outros.
\nUma das aplica\u00e7\u00f5es encontradas no Microsoft Windows, quando falamos de Middleware, \u00e9
\no ODBC (Open Database Connectivity). Esse driver (na figura abaixo) faz a comunica\u00e7\u00e3o entre
\nalguns Bancos de Dados e softwares. Nesse driver \u00e9 direcionado o caminho do Banco de Dados
\ne o software se comunica com ele. Observe, na aba \u201cDrivers\u201d da figura abaixo, alguns Bancos
\nde Dados pr\u00e9-configurados. Caso haja necessidade de um Banco de Dados que n\u00e3o esteja
\ndispon\u00edvel nesse local, pode ser instalada uma esp\u00e9cie de \u201catualiza\u00e7\u00e3o\u201d para a comunica\u00e7\u00e3o.<\/p>\n
\nJDBC http:\/\/www.oracle.com\/technetwork\/database\/enterprise-edition\/jdbc-<\/a>
\n112010-090769.html
\nCorba http:\/\/www.omg.org\/technology\/corba\/corbadownloads.htm<\/a>
\nJBoss ESB http:\/\/www.jboss.org\/projects<\/a>
\nGinga http:\/\/www.ginga.org.br\/<\/a>
\nTabela \u2013 Middlewares dispon\u00edveis para download<\/p>\n
\nUm exemplo de funcionalidade seria receber o endere\u00e7o de uma p\u00e1gina do usu\u00e1rio e envi\u00e1-
\nlo \u00e0 p\u00e1gina que foi solicitada. Por\u00e9m a forma como se d\u00e1 essa execu\u00e7\u00e3o \u00e9 mais complexa, pois
\nesse mesmo servidor de aplica\u00e7\u00e3o \u00e9 respons\u00e1vel pela execu\u00e7\u00e3o dos c\u00f3digos das Linguagens de
\nPrograma\u00e7\u00e3o contidas nas p\u00e1ginas solicitadas, em outras palavras \u00e9 esta aplica\u00e7\u00e3o que \u201croda\u201d
\na linguagem de programa\u00e7\u00e3o. Nesse aspecto, aumentam muito as possibilidades de recursos do
\nsistema, o Servidor de Aplica\u00e7\u00e3o permite tamb\u00e9m o envio e recebimento de e-mails, transa\u00e7\u00f5es\u00a0comerciais e acesso ao Banco de Dados online.<\/p>\n
\nGlassFish https:\/\/glassfish.java.net\/<\/a>
\nTomCat http:\/\/tomcat.apache.org\/<\/a>
\nIIS http:\/\/www.iis.net\/<\/a>
\nJBoss http:\/\/www.jboss.org\/overview\/<\/a>
\nTabela \u2013 Servidores de Aplica\u00e7\u00f5es dispon\u00edveis para download<\/p>\n
\nS\u00e3o programas de c\u00f3digo-fonte de e-commerce que s\u00e3o disponibilizados pelas empresas
\nou desenvolvidos de forma particular. Temos plataformas caracterizadas por 4 categorias de
\ndesenvolvimento e distribui\u00e7\u00e3o:
\n(1) gratuitamente, pela Internet, atrav\u00e9s da licen\u00e7a Open Source (C\u00f3digo aberto);
\n(2) loca\u00e7\u00e3o, que o Administrador usa conforme contrato mensal ou gratuito;
\n(3) desenvolvimento pr\u00f3prio, em que a empresa opta por desenvolver um e-commerce
\nparticular e fechado que atenda a suas necessidades;
\n(4) de forma agregada, ou seja, um e-commerce \u201cfilho\u201d \u00e9 agregado a um e-commerce
\nmaior \u201cpai\u201d, em que se distribuem alguns dos produtos do \u201cpai\u201d para o \u201cfilho\u201d, tendo ambos
\no mesmo suporte, por\u00e9m layout e nome de site diferentes.
\nAbaixo apresentamos alguns e-commerces gen\u00e9ricos, que podem ser baixados e alterados
\npara uso.
\nOscommerce http:\/\/www.oscommerce.com\/<\/a>
\nPrestashop http:\/\/www.prestashop.com\/pt\/baixar<\/a>
\nMagento http:\/\/www.magentocommerce.com\/pt_BR<\/a>
\nAlgozone http:\/\/www.algozone.com\/free-oscommerce-downloads.php<\/a>
\nTemplatemonster http:\/\/www.templatemonster.com\/<\/a>
\nTabela \u2013 Plataformas dispon\u00edveis para download<\/p>\n
\nwww.dsc.ufcg.edu.br\/~garcia\/cursos\/ecomm\/apresentacoes\/arquitetura-ecommerce.ppt<\/a>
\nSaiba mais sobre Middleware:
\nhttp:\/\/www.dimap.ufrn.br\/~flavia.delicato\/Middleware_aula1.pdf<\/a>
\nDesenvolvimento na Web com Softwares Livre:
\nhttp:\/\/www.slideshare.net\/givanaldo\/desenvolvimento-web-com-software-livre<\/a>
\nLinguagens de Programa\u00e7\u00e3o: PHP
\nhttp:\/\/php.net\/manual\/pt_BR\/index.php<\/a>
\nLinguagens de Programa\u00e7\u00e3o: JSP (Muito BOM)
\nhttp:\/\/www.devmedia.com.br\/introducao-ao-java-server-pages-jsp\/25602<\/a>
\nExemplos de c\u00f3digo em C# e Asp.NET
\nhttp:\/\/www.w3schools.com\/aspnet\/webpages_examples.asp<\/a>
\nUML
\nhttp:\/\/docs.kde.org\/stable\/pt_BR\/kdesdk\/umbrello\/uml-elements.html#use-case-diagram<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"