thegoodfellas/blogset-br huggingface dataset:
dados ativa, criam varias copias de arquivo caso haja mudanca e o pior, seus respectivos clientes para computador sao grandes ou tem funcionalidades de mais e acabam atulhando o Pc.Levando em conta que sua estacao de trabalho (aonde voce desenvolve) seja em sua casa e voce tenha wifi (roteador) voce precisara apenas de um aplicativo que sincronize Android e Pc pela sua rede sem necessidade de upar para WEB e baixar para o Pc e vice-e-versa.E esse aplicativo existe \o/ !!!Bit Torrent SyncApresento o Bit Torrent Sync ! Com ele voce podera sincronizar uma pasta de arquivos entre seu Pc e seu aparelho Android com toda rapidez e seguranca da criptografia do protocolo de transferencia BitTorrent...Bom so por ser um aplicativo desenvolvido pela BitTorrent ja e um sinonimo de qualidade!Vale ressaltar aqui que este aplicativo nao e um cliente de torrents mas distribui/compartilha (sincroniza) arquivos com o mesmo sistema, alem de voce usar entre seu Pc e seu dispositivo podera tambem compartilhar pastas com outros PC's e dispositivos como por exemplo para trabalhos de desenvolvimento colaborativo entre voce e outros desenvolvedores/programadores para tal basta todos sincronizarem a mesma pasta.Para usa-lo, alem do app sera preciso instalar a versao do computador. O app e o programa no Pc sao bem faceis de usar sao pequenos e simples sem muitas frescuras.Baixe/instale o aplicativo e baixe e instale o programa no Pc...no computador o programa ira criar uma pasta para sincronizacao e dentro dela que voce joga tudo aquilo que quiser sincronizar feito isto basta selecionar a pasta e clicar em sincronizar com dispositivo movel e o programa ira criar um QR Code contendo a chave criptografada de acesso a pasta.No app clique em adicionar pasta para sincronizar, escolha uma pasta e em seguida escolha ler QR Code o aplicativo ira abrir a camera do aparelho para fazer a leitura do QR Code marque a opcao sincronizar automaticamente tambem e pronto, os arquivos que forem adicionados a estas pastas serao sincronizados.Lembrando que o aplicativo tambem possui uma pasta para backup o que e muito importante pois o processo de sincronizacao salva somente a versao mais atual do arquivo ou seja se ele foi modificado e voce nao gostou e sempre bom recorrer ao backup nao e ;)Para compartilhar uma pasta com outros computadores ou aparelhos (Androids) basta enviar um print do QR Code assim seus amigos colaboradores poderao compartilhar com voce e para receber uma pasta compartilhada de outros e a mesma coisa, basta voce receber um QR Code ok.NOTA: a base de sincronizacao parte do Pc com a criacao do QR Code e pode definir se os arquivos na pasta do computador serao (ou nao) atualizados na sincronizacao (caso haja alteracoes nos arquivos no dispositivo Android)!!!Deixo aqui o link para o programa de PC e abaixo algumas screens do app do Google PlayBom eu levei uns 15 minutos para instalar os apps e testa-los...mas caso voce nao faca questao de enviar arquivos ao servidor WEB ou sincronizar com seu Pc ou com outras pessoas com certeza podera instalar somente o servidor local no Android
e o editor de texto em uns 5 minutinhos ou menos.Deixo aqui tambem minhas dicas:Caso queira visualizar seus codigos que estao no Android em seu PC basta abrir o mesmo endereco no navegador (ex: 192.168.1.105:8080) isso se voce estiver com ambos na mesma rede wifi e claro.E se for fazer o uso do aplicativo de sincronizacao nao escolha a pasta www para sincronizar, escolha outras pastas dentro desta ok #fikadika ;)Pra quem quiser trocar uma ideia comigo ou fazer uma colaboracao no blogue segue ai \o/ !!!Twitter Facebook Instagram Google Plus Cola la na comunidade que criei no Face Projeto Open e a gente se fala no Watts do grupo.
o bloco com a instrucao/comando a ser executado, passar os parametros para execucao do mesmo e estipular de que forma o resultado sera apresentado (se e que haja necessidade de apresenta-los).Bom, o resumo que passei acima e bem basico mesmo e segue o raciocinio de estruturacao...todavia a logica e so uma forma de pensar, para cada forma que voce caro leitor do blogue resolver escrever um codigo nao se surpreenda em haver no minimo outras tres formas de escrever o mesmo codigo...independentemente de ter mais ou menos instrucoes ou linhas de comandos, sempre ha uma forma alternativa de se chegar nos mesmos resultados.Nao vou me fazer de rogado ou ousar dizer que isso e tudo o que voce deva saber sobre logica de programacao. Entender a historia e os conceitos de logica tambem sao fundamentais, para se aprofundar em logica de programacao exigiria um post muito grande e levar o assunto nao so as linguagens web...bons materiais e ate mesmo videos existem por ai aos montes para criterios de estudo deixo aqui o link para uma apostila em PDF do site k19.A apostila esta em portugues e e muito boa diga-se de passagem, ela e muito abrangente e por isto acredito ser um otimo material de estudo.O link para download da apostila voces podem encontrar nesta pagina http://www.k19.com.br/downloads/apostilas/basica/k19-k01-logica-de-programacao todos os creditos sobre esta apostila sao exclusivos da k19.Montando um Servidor Local (localhost)Como vimos na intro desta serie, para rodar um script/site e necessario um servidor como estaremos abordando nesta serie o desenvolvimento nada melhor que um servidor local (localhost) que rode em sua maquina (pc).Para montar um servidor local existem inumeras solucoes mas basicamente todas atendem os mesmos requisitos: um servidor Apache(http), um banco de dados(MySQL) e o modulo php.E possivel monta-los de forma separada instalando e configurando cada um em sua maquina porem, ha tambem alguns "kits" que ja trazem estes tres e muito mais em uma unica ferramenta (em um unico programa).Tratarei neste post o uso do Wamp Server (para Windows) embora solucao equivalente seja usar o Xamp (Windows e Linux) para quem ja instalou um servidor local antes sinta-se a vontade para usar qualquer um dos dois ou ate mesmo outras solucoes (como LAMP no Linux).Estes programas estao em portugues e sua instalacao e simples, baixe e inicie a instalacao assim como qualquer outro programa.No decorrer da instalacao voce deve indicar qual navegador ira usar para acessar (mas pode usar outros mesmo nao tendo indicado na instalacao), deves indicar a pasta aonde ele sera instalado (por padrao em c:\wamp\www) e liberar o apache no firewall do windows.O Wamp Server e bem simplista, apos instalado basta um duplo click no icone e ele ja inicia e esta pronto para uso dai basta digitar "localhost" (sem aspas) na barra de navegacao de seu navegador que ira abrir a interface do servidor local.Nao irei abordar aqui a habilitacao de modulos do Apache ou configuracoes no php.ini, a principio simplesmente instalar ja o suficiente para comecar a utiliza-lo.Deixo abaixo um video bem curtinho mostrando como e facil instalar o Wamp!A pasta "www" sera
usada como servidor local e tudo que estiver dentro dela sera interpretado como conteudo por isso uma dica muito util e usar/criar outras pastas dentro dela como por exemplo: site, blogue, wordpress, script-01, teste, formulario, etc...criando uma pasta para cada tipo de script que voce esteja a desenvolver #fikadika ;)Para quem tiver um celular ou tablet com sistema Android e quiser incrementar seu ambiente de desenvolvimento deixo o link para o post que fiz em complemento a este: http://subversivo58.blogspot.com.br/2014/06/criando-um-servidor-local-no-android.htmlNo proximo post da serie iremos abordar o uso de editores de texto para escrever nossos codigos e o uso do phpMyAdmin para criarmos nosso primeiro banco de dados.Nao deixem de comentar, curtir, e compartilhar...duvidas, criticas e sugestoes sao bem vindas \o/ !!!
servidores como MEGA, DROPBOX, e outros...cmpartilhar conteudo nao sera dificuldade nenhuma ;)Bom, estou compartilhando a ideia pra quem se interessar, se a ideia "vingar" quem sabe ate um site nao vem por ai \o/ !!!O que resta e deixar rolar! Ate e um grande abrax !!!LINK PARA O GRUPO NO FACEBOOK !!!https://www.facebook.com/groups/projeto.open/Grupo criado no Watts AppPara entrar chama la 5184273804 que eu add
e o proprio documento (pagina html) na qual seu primeiro conteudo era a propria auto-explicacao do sistema.Visando criar de forma pratica uma maneira aonde varias pessoas espalhadas pelo mundo inteiro poderiam compartilhar informacao e tudo na mesma linguagem ate entao unica/universal o html a linguagem de marcacao.O pai da rede como a conhecemos Tim Berners Lee em 2005Com a aceitacao e difusao do modelo proposto por Tim Berners Lee na decada de 90 iniciou-se entao a grande revolucao da troca informacoes, da comunicacao, da midia (audio e visual) como a conheciamos e da propria corrida rumo ao desenvolvimento tecnologico visto que a partir dai o sentido seria a busca pela intercomunicacao usando da propria rede que ali (e ate hoje) estava (esta) em alta expansao!Bom, sei que este resumo e "muito basico" mas o objetivo aqui nao e despejar em voce tudo o que aconteceu em 50 anos (todo o processo) ate chegar no nascimento da rede e por isso termino aqui minha citacao a incomensuravel contribuicao de Tim Berners a humanidade hehehehe :)HTMLDeixando Berners de lado vamos lembrar que o html foi a primeira linguagem da WEB, a primeira difundida e em consenso utilizada como unica forma de apresentar textos, imagens, e documentos de servidores assim como estruturar a apresentacao de um layout para ser renderizado em um navegador e vista por qualquer um em qualquer canto do mundo que fosse capaz de se conectar a rede.E como nos primordios nem a roda era "redonda" o html tambem nao era.Ele era todo quadradao e se organizava da seguinte maneira:Entre chaves < e > indicavam-se suas instrucoes de linguagem de marcacao;As chaves <> abrem as tags enquanto as chaves </> fecham as mesmas;O documento e interpretado/renderizado (lido) pelo navegador de cima para baixo por isso a tag <html> define o inicio do documento e diz ao navegador que todo o conteudo dentro dela deva ser tratado como um codigo em serie (uma apos a outra);A tag </html> indica o fim do documento e diz ao navegador que o documento terminou ali;Dentro do documento outras duas tags sao de suma importancia:A tag <head> que contem informacoes como titulo da pagina, codificacao de caracteres entre outras;E a tag <body>, nesta (dentro desta) e que estarao presentes todas as tags de marcacao do html que serao renderizadas pelo navegador e apresentadas para o internauta formando assim a struturacao do layout, headers, tabelas, formularios, colunas, importacao de imagens, links, textos, etc...Deixo abaixo um exemplo da estrutura basica do html e de como ela e renderizada no navegador.Documento escrito com HTMLO Mesmo documento acima renderizado no navegador!Bem o documento acima foi bem basico, ao mesmo estilo dos primordios nem fiz questao de criar colunas laterais ou algum tipo de menu mas, creio que deu pra sacar como era no comeco nao e mesmo.Seguindo o raciocinio em seguida temos as duas faces da WEB o "client-side" e o "server-side".Abaixo deixo uma pequena referencia (sem fonte, catei por ai ha algum tempo).A interacao funciona da seguinte forma: Servidor Cliente UsuarioO servidor fornece para o cliente uma saida: ele serve
modinha"...pode parecer que o que Eu acabei de dizer nao condiz com os esforcos da epoca para desenvolver a WEB mas nao se engane, era exatamente assim.Com o aumento dos nos da rede com a difusao da tecnologia que a compunha e aumentando os envolvidos no estudo logo surgiram inumeras outras linguagens e muitos interpretadores (navegadores) entao imagine que numa epoca aonde nao havia padrao era muito dificil ter uma linguagem de estilizacao comum todos tentavam a sorte e o conflito para renderizar tantas versoes diferentes era inevitavel.Com a padronizacao que o html trouxe logo em seguida surgiram as primeiras linguagens para padronizar a renderizacao de layout e torna-lo "menos quadradao".Foi entao que em 1994 Hakon Wium Lie que trabalhava com Tim Berners e Robert Cailliau na Organizacao Europeia para Pesquisa Nuclear (CERN) convidou Bert Bos a desenvolver uma linguagem para estilizacao da linguagem de marcacao html que serviria para padronizar a tipografia e a estetica do conteudo presentes nas estruturas do html.EM 1995 eles propuseram a W3C que recem acabara nascer esta linguagem para servir como padronizacao e assim em 96 houve a primeira recomendacao oficial pela W3C do css level1 (CSS 1).Hoje atualmente o css esta na versao 2.1 e assim como o html esta esperando os ultimos ajustes para o lancamento oficial de sua mais recente versao o css3 embora atualmente os principais navegadores ja incorporem muitas das especificacoes previstas para o css3 mesmo esta nao tendo sida oficialmente lancada ainda.Hoje em dia quando voce visualiza um site e ve uma caixa com cantos arredondados saiba que isto e gracas a versao mais atual do css pois o css1 nao tinha esta funcao, para arredondar cantos era necessario um verdadeiro malabarismo.Era preciso criar uma imagem e fazer a ligacao acomodando a imagem a cada canto a ser renderizado para fazer o efeito de canto redondo e isso dava um #$%@ trabalhao...falo serio, Eu dou gracas de ter iniciado ja na crista da onda certa vez cheguei a testar este tipo de "guambiarra" so pra ver como era e me arrependo ate hoje rsrsrsrs._!!!Nao faca isso em casa !!!_O css nao e nenhum bixo de sete cabecas, pelo contrario e ate divertido lidar com ele.A sintaxe do css e a seguinte:Seletores: Os seletores especificam quais elementos devem ser influenciados pela regra de estilo. Como tal, seletores ligam a estrutura do documento as regras estilisticas nas folhas de estilo.Propriedades: Todas as linguagens de folhas de estilo tem algum conceito de propriedade que da valores para alterar um aspecto de apresentacao de um elemento.Valores e Unidades: As propriedades mudam a apresentacao de um elemento ao lhe atribuir um determinado valor. O valor pode ser uma sequencia, uma palavra-chave, um numero, ou um numero com um identificador da unidade. Alem disso, os valores podem ser listas ou expressoes envolvendo varios dos valores acima mencionados.Seletores sao por exemplos os elementos de marcacao do html <p>, <spam>, <h1>, <a>, etc...assim como seletores especiais especificos do css como "class" ou "id" de uma div que estarao a circundar um elemento de marcacao ou um elemento dentro
va merecer um Grammy isto foi so para ilustrar que meados de 90 nao tinha estilizacao e o jeito era aquele estilo "retro" de quadradinhos mesmo, mas tudo isto mudou gracas a implementacao do css e ja que estou encerrando esta pequena parte que fala a respeito do css saiba voce tambem que se nao fosse o css hoje nao teriamos sites responsivos ou aplicativos mobile que rodam em praticamente qualquer tipo de resolucao...pois e toda esta magica e gracas ao css :)Hora de falar um pouquinho da linguagem utilizada do lado do servidor (Server-Side), a linguagem mais utilizada no mundo todo...pois e estou falando do PHP.PHP (Hipertext Preprocessor)Pois bem Eu sempre gosto de expressar minha opiniao e minhas experiencias com as coisas mas desta vez creio deva trazer a explanacao de outra fonte.Abaixo deixo a descricao e a historia segundo a Wikpedia.PHP (um acronimo recursivo para "PHP: Hypertext Preprocessor", originalmente Personal Home Page) e uma linguagem interpretada livre, usada originalmente apenas para o desenvolvimento de aplicacoes presentes e atuantes no lado do servidor, capazes de gerar conteudo dinamico na World Wide Web.2 Figura entre as primeiras linguagens passiveis de insercao em documentos HTML, dispensando em muitos casos o uso de arquivos externos para eventuais processamentos de dados. O codigo e interpretado no lado do servidor pelo modulo PHP, que tambem gera a pagina web a ser visualizada no lado do cliente. A linguagem evoluiu, passou a oferecer funcionalidades em linha de comando, e alem disso, ganhou caracteristicas adicionais, que possibilitaram usos adicionais do PHP, nao relacionados a web sites. E possivel instalar o PHP na maioria dos sistemas operacionais, gratuitamente. Concorrente direto da tecnologia ASP pertencente a Microsoft, o PHP e utilizado em aplicacoes como o MediaWiki, Facebook, Drupal, Joomla, WordPress, Magento e o Oscommerce.Criado por Rasmus Lerdorf em 1995, o PHP tem a producao de sua implementacao principal referencia formal da linguagem, mantida por uma organizacao chamada The PHP Group. O PHP e software livre, licenciado sob a PHP License, uma licenca incompativel com a GNU General Public License (GPL) devido a restricoes no uso do termo PHP.Historia do PHP A linguagem surgiu em meados de 1994, como um pacote de programas CGI criados por Rasmus Lerdorf, com o nome Personal Home Page Tools, para substituir um conjunto de scripts Perl que ele usava no desenvolvimento de sua pagina pessoal. Em 1997 foi lancado o novo pacote da linguagem com o nome de PHP/FI, trazendo a ferramenta Forms Interpreter, um interpretador de comandos SQL. Mais tarde, Zeev Suraski desenvolveu o analisador do PHP 3 que contava com o primeiro recurso de orientacao a objetos, que dava poder de alcancar alguns pacotes, tinha heranca e dava aos desenvolvedores somente a possibilidade de implementar propriedades e metodos.3 4 Pouco depois, Zeev e Andi Gutmans, escreveram o PHP 4, abandonando por completo o PHP 3, dando mais poder a maquina da linguagem e maior numero de recursos de orientacao a objetos. O problema serio que apresentou o PHP 4 foi a criacao de copias de objetos, pois a linguagem ainda nao trabalhava com
apontadores ou handlers, como sao as linguagens Java, Ruby e outras. O problema fora resolvido na versao atual do PHP, a versao 5, que ja trabalha com handlers. Caso se copie um objeto, na verdade copiaremos um apontador, pois, caso haja alguma mudanca na versao original do objeto, todas as outras tambem sofrem a alteracao, o que nao acontecia na PHP 4.5Trata-se de uma linguagem extremamente modularizada, o que a torna ideal para instalacao e uso em servidores web. Diversos modulos sao criados no repositorio de extensoes PECL (PHP Extension Community Library) e alguns destes modulos sao introduzidos como padrao em novas versoes da linguagem. E muito parecida, em tipos de dados, sintaxe e mesmo funcoes, com a linguagem C e com a C++. Pode ser, dependendo da configuracao do servidor, embarcada no codigo HTML. Existem versoes do PHP disponiveis para os seguintes sistemas operacionais: Windows, Linux, FreeBSD,Mac OS, OS/2, AS/400, Novell Netware, RISC OS, AIX, IRIX e Solaris.Construir uma pagina dinamica baseada em bases de dados e simples com PHP, (em parte, vale lembrar), este prove suporte a um grande numero de bases de dados: Oracle, Sybase, PostgreSQL, InterBase, MySQL, SQLite, MSSQL,Firebird, etc., podendo abstrair o banco com a biblioteca ADOdb, entre outras. A Wikipedia funciona sobre um software inteiramente escrito em PHP, usando bases de dados MySQL: o MediaWiki.5PHP tem suporte aos protocolos: IMAP, SNMP, NNTP, POP3, HTTP, LDAP, XML-RPC, SOAP. E possivel abrir sockets e interagir com outros protocolos. E as bibliotecas de terceiros expandem ainda mais estas funcionalidades. Existem iniciativas para utilizar o PHP como linguagem de programacao de sistemas fixos. A mais notavel e a PHP-GTK. Trata-se de um conjunto do PHP com a biblioteca GTK, portada do C++, fazendo assim softwares inter-operacionais entre Windows e Linux.Bom, depois de tudo isso so resta ressaltar que atual versao do php esta em 5.5.0 e a proxima e tao esperada versao sera a 6.0 depois de muitos atrasos e percalco...O PHP possui tambem uma vasta biblioteca de plugins (extensoes) que dao a ele uma extrema diversidade de funcionalidades.Com PHP e as linguagens Client-Side e possivel fazer aplicacoes WEB extremamente "poderosas" e nao estou sendo exagerado ou falando apenas de formularios e funcoes basicas, com PHP e possivel criar portais, redes, scripts de auto fluxo diferentemente (bem diferente diga-se) do HTML que e estruturado o PHP e dinamico capaz de receber, enviar e buscar requisicoes o uso de conexoes aos bancos de dados possibilita a criacao de comunidades, sites de compras, blogues, redes (internas ou externas) e uma infinidade mais. nao vou abordar aqui, pelo menos nao agora, as tags do PHP pois sao muito numerosas e suas funcionalidades so podem ser vistas realmente na pratica.Deixo pra criterios de desencargo o link para o manual do PHP vale a pena dar uma olhada nao e totalmente referenciado em portugues mas tem muita coisa la PHP.NET .Sem muitas delongas me despeco desta introducao a serie de posts WEB que vem por ai...mas antes deixo aqui o Preview do proximo post:# Introducao a Logica de Programacao# Preparativos para montar um Servidor Local#
E mais... aguardem ;)Pra quem quiser trocar uma ideia comigo ou fazer uma colaboracao no blogue segue ai \o/ !!!Twitter Facebook Instagram Google Plus Cola la na comunidade que criei no Face Projeto Open e a gente se fala no Watts do grupo.
entre eles e bem dificil exige java, jQuery, php, ajax tratamento com json, manipulacao de cookies, etc...Bom pra quem gosta da ideia de botar um chat para seus usuarios em seu script php deixo aqui um que achei na web.Ele e de 2009 e e por isso nao espere nada excepcional...ele faz o trivial: identifica usuarios logados na sessao e faz o trabalho de enviar e receber mensagens entre eles com caixinhas muito parecidas com as do facebook.O ponto negativo e que ele foi descontinuado, seu criador ao que pude perceber o abandonou por ele ter sido criado como Open Source e partiu pra fazer o que hoje e o consagrado Commet Chat!!!E por isso o sistema nao tem cadastro de usuarios nem listagem :(Pra usa-lo voce tera de acoplar ao seu script fazendo ele receber uma sessao e e claro criar uma lista de usuarios.Eu dei uma "garibada" nele e fiz um sisteminha de cadastro e login alem de uma lista de exibicao de usuarios cadastrados no sistema, funciona perfeitamente o unico porem e nao haver um limite de caixas a serem exibidas na tela ou seja se voce abrir ou receber dez mensagens de dez usuarios diferentes ele vai abrir dez caixas...ate ai nao e tao ruim porque voce pode simplesmente fechar :)Bom deixo abaixo o video de exemplo que fiz, ta sem audio e e bem rapinho uns 15 minutinhos so bem facilzinho de entender como e o chat e como configurar.Deixo tambem o link para o repositorio no Github quem quiser baixar pode baixar por la e de graca e quem quiser contribuir e quem sabe fazer este script ficar melhor pode dar um "fork" e mandar suas "pull requests" ....e isso :)Link para Github (baixe e contriua enviando melhorias e ou correcoes)Quem quiser se juntar no grupo Projeto Open no Facebook tambem sera bem vindo !!!Gostou da postagem entao curta e compartilhe e deixe seus comentarios \o/ !!!