<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Valério Farias &#187; Projetos</title>
	<atom:link href="http://valeriofarias.com/category/projetos/feed/" rel="self" type="application/rss+xml" />
	<link>http://valeriofarias.com</link>
	<description>(Tecnologia + Negócios) = :)</description>
	<lastBuildDate>Tue, 29 Mar 2011 21:07:52 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Atualizando o Editor TinyMCE</title>
		<link>http://valeriofarias.com/atualizando-o-editor-tinymce/</link>
		<comments>http://valeriofarias.com/atualizando-o-editor-tinymce/#comments</comments>
		<pubDate>Thu, 13 May 2010 02:10:12 +0000</pubDate>
		<dc:creator>Valério Farias</dc:creator>
				<category><![CDATA[Padrões Web]]></category>
		<category><![CDATA[Projetos]]></category>
		<category><![CDATA[desenvolvimento]]></category>
		<category><![CDATA[editor]]></category>
		<category><![CDATA[editor HTML]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[WYSIWYG]]></category>

		<guid isPermaLink="false">http://valeriofarias.com/?p=300</guid>
		<description><![CDATA[O Tiny_mce é o editor HTML do tipo WYSIWYG que eu utilizo nos meus aplicativos. O papel dele é substituir os campos do tipo textarea por um editor com diversas funcionalidades. Você pode ter uma noção das funcionalidades pelo tamanho da barra abaixo:

São 94 botões no total. Em um dos meus aplicativos eu cheguei a [...]]]></description>
			<content:encoded><![CDATA[<p>O <a href="http://tinymce.moxiecode.com/index.php">Tiny_mce</a> é o editor HTML do tipo <a href="http://pt.wikipedia.org/wiki/WYSIWYG">WYSIWYG</a> que eu utilizo nos meus aplicativos. O papel dele é substituir os campos do tipo textarea por um editor com diversas funcionalidades. Você pode ter uma noção das funcionalidades pelo tamanho da barra abaixo:</p>
<p><img class="alignnone" title="barra do tini_mce editor " src="http://valeriofarias.com/wp-content/uploads/2010/05/botoes_tiny_mce_editor.jpg" alt="" width="861" height="137" /></p>
<p>São 94 botões no total. Em um dos <strong>meus aplicativos</strong> eu cheguei a usar <strong>41</strong> desse <strong>botões</strong>.  Mas aproveitando a atualização eu <strong>resolvi dar uma enxugada na quantidade de botões</strong>, pois pode-se facilmente perceber que a maioria quase nunca é utilizado. Depois de uma breve análisa das funcionalidades refiz a configuração da barra para o formato a seguir:</p>
<p><img class="alignnone" title="Barra resumida do tiny_mce" src="http://valeriofarias.com/wp-content/uploads/2010/05/barra_resumida_tiny_mce_editor.jpg" alt="" width="721" height="42" /></p>
<ul>
<li>Não permitir sublinhado para não deixar os usuário cairem em mal costume de sublinhar o texto além do necessário.</li>
<li>Fiz questão de deixar de fora as barras de alinhamento, pois o padrão de alinhamento que utilizo nos meus aplicativos é à esquerda. </li>
<li>A seção de list box com formatação eu preferi não utilizar já que os tamanhos e cores são padronizados.  É possível que eu habilite no futuro o item styles, mas para isso os usuários tem que compreender que ele estará aplicando uma formatação predefinida.</li>
<li>a seção copiar, colar achei desnecessária, pois geralmente os usuários usam o ctrl+c e ctrl+v mesmo. Deixo claro para eles que copiem do word para o bloco de notas para eliminar o &#8220;lixo&#8221; (caracteres de formatação), depois é só copiar o conteúdo do bloco de notas, sem nenhuma formatação e colar no editor.</li>
<li>A seção de links e imagens não tenho o que comentar pois é imprescindível. </li>
<li>Achei interessante deixar como complemento os botões de subscrito e sobrescrito para eventuais necessidades, bem como o de inserir símbolos.</li>
<li>Na penútima seção eu deixo a régua para divisão de seções, a tabela que é muito útil quando usada de forma apropriada, um botão que remove a formatação eu acho bastante interessante para evitar que o usuário comum tenha que acessar o código HTML fazer a mudança e finalmente o editor de HTML que é imprescindível já que tem coisas que só podem ser &#8220;resolvidas na unha mesmo&#8221;.</li>
<li>Finalizo a barra no canto direito com o botão de preview para ter uma noção de como o texto ficará. </li>
</ul>
<p>O resultado é uma barra super enxuta e o script de configuração você pode ver abaixo:</p>
<pre class="brush: javascript; ">

tinyMCE.init({
mode : &quot;textareas&quot;,
theme : &quot;advanced&quot;,
plugins : &quot;table,save,layer,advhr,inlinepopups,advimage,advlink,emotions,iespell,insertdatetime,preview,zoom,flash,searchreplace,print,paste,directionality,fullscreen,noneditable,contextmenu,wordcount&quot;,
theme_advanced_buttons1 : &quot;bold,italic, strikethrough,|,bullist,numlist,|,undo,redo,|,link,unlink,anchor,image,|,sub,sup,charmap,|,hr,table,removeformat,code,|,preview&quot;,
theme_advanced_buttons2 : &quot;&quot;,
theme_advanced_buttons3 : &quot;&quot;,
theme_advanced_buttons4 : &quot;&quot;,
theme_advanced_toolbar_location : &quot;top&quot;,
theme_advanced_toolbar_align : &quot;left&quot;,
theme_advanced_statusbar_location : &quot;bottom&quot;,
theme_advanced_resizing : true
});
</pre>
<p>Gostaria de citar 2 plugins em especial que adiciono no script:</p>
<ol>
<li>wordcount &#8211; contador de palavras. Tem um sistema de artigos ciêntíficos que gerencio que vai utilizar esse recurso para facilitar a vida do usuário na hora de saber se o texto está dentro do tamanho limite. </li>
<li>inlinepopups &#8211; já não aguentava mais a versão antiga abrir uma nova janela popup para cada inclusão de imagem ou link. Esse plugin aumenta bastante a usabilidade</li>
</ol>
<p>Agora queria saber a sua opinião. Que tipo de editor você usa e porque você escolheu? Quem sabe eu não mude de editor depois do seu argumento!</p>
]]></content:encoded>
			<wfw:commentRss>http://valeriofarias.com/atualizando-o-editor-tinymce/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>fupload: script Visual Fox Pro que auxilia o upload de arquivos</title>
		<link>http://valeriofarias.com/fupload-script-visual-fox-pro-upload-de-arquivos/</link>
		<comments>http://valeriofarias.com/fupload-script-visual-fox-pro-upload-de-arquivos/#comments</comments>
		<pubDate>Thu, 09 Jul 2009 19:04:14 +0000</pubDate>
		<dc:creator>Valrio Farias</dc:creator>
				<category><![CDATA[Projetos]]></category>
		<category><![CDATA[arquivos]]></category>
		<category><![CDATA[Git]]></category>
		<category><![CDATA[github]]></category>
		<category><![CDATA[script]]></category>
		<category><![CDATA[upload]]></category>
		<category><![CDATA[VFP]]></category>
		<category><![CDATA[Visual Fox Pro]]></category>
		<category><![CDATA[Windows]]></category>

		<guid isPermaLink="false">http://geyserway.com/?p=204</guid>
		<description><![CDATA[fupload é um script feito em Visual Fox Pro. Criei o fupload para facilitar o upload de arquivos pdf e zip em massa, aqui no meu trabalho. Feito usando o princípio de &#8220;coçar a própria coceira&#8221;.
Como eu estava querendo aprender a usar o git e o github, resolvi organizar melhor o código e disponibilizá-lo como [...]]]></description>
			<content:encoded><![CDATA[<p>fupload é um script feito em Visual Fox Pro. Criei o fupload para facilitar o upload de arquivos pdf e zip em massa, aqui no meu trabalho. Feito usando o princípio de <strong>&#8220;coçar a própria coceira&#8221;</strong>.</p>
<p>Como eu estava querendo aprender a usar o <strong>git</strong> e o <strong>github</strong>, resolvi organizar melhor o código e disponibilizá-lo como open source. Esse script foi feito para plataforma <strong>Windows</strong>. É necessário ter o <strong>Visual Fox Pro</strong> instalado na máquina. Para complementar o script uso um arquivo .bat que faz o envio para o servidor.</p>
<p>Quem utiliza outros sistemas operacionais poderá se inspirar na solução e criar outras soluções multiplataformas.</p>
<p><strong>Agora fiquem com o tutorial para utilizar o fupload:</strong></p>
<p>1. baixe o arquivo .zip do fupload e descompacte na sua unidade c:\. O aplicativo está no seguinte link:</p>
<p><a href="http://github.com/valeriofarias/fupload/tree">http://github.com/valeriofarias/fupload/tree</a></p>
<p>Se você usa o git poderá fazer um clone do projeto com o seguinte comando:</p>
<pre class="brush: bash; ">
git clone git://github.com/valeriofarias/fupload.git
</pre>
<p>Na figura abaixo você pode ver a hierarquia de pastas do utilitário fupload:<br />
<a href="http://i716.photobucket.com/albums/ww163/valeriofarias/01pastas.jpg" target="_blank"></a></p>
<div class="wp-caption alignnone" style="width: 192px"><a><img title="hierarquia de pastas do fupload" src="http://i716.photobucket.com/albums/ww163/valeriofarias/01pastas.jpg" alt="hierarquia de pastas do fupload" width="182" height="218" /></a><p class="wp-caption-text">hierarquia de pastas do fupload</p></div>
<ul>
<li>backup -&gt; (antes era historic) armazena uma cópia de todos os arquivos que são enviados para o servidor</li>
<li>log -&gt; armazena os arquivos de log</li>
<li>script -&gt; pasta principal do utilitário. Nela se encontra o arquivo fupload.prg que é o programa principal. Nela também se encontra o arquivo .bat.</li>
<li>start -&gt; como o nome já diz, essa pasta é onde você coloca os arquivos que serão enviados para o servidor. É o primeiro passo.</li>
<li>tmp -&gt; quando o arquivo é processado pelo script fupload, ele é renomeado e enviado para essa pasta, nessa pasta também é criado o arquivo de log que será utilizado para criar a página HTML.</li>
</ul>
<p>O script já vem <strong>pré-configurado</strong> para ser executado na unidade c, mas você pode facilmente modificar as configurações para executá-lo em outra unidade(d:\, e:\). É só modificar a constante: <strong>DEFAULTFOLDER</strong>, para a unidade que você desejar.</p>
<p>Obs.: É preciso também configurar a pasta destino do servidor. No caso do script modifique as constantes: <strong>SERVERFOLDERPDF</strong> (caminho no servidor para os arquivos .pdf) e <strong>SERVERFOLDERZIP</strong> (para arquivos .zip).  Na imagem abaixo você pode ver o trecho do código do arquivo fupload.prg:</p>
<div class="wp-caption alignnone" style="width: 528px"><img title="configuração do fupload" src="http://i716.photobucket.com/albums/ww163/valeriofarias/02configuracao.jpg  " alt="configuração do fupload" width="518" height="384" /><p class="wp-caption-text">configuração do fupload</p></div>
<p>É preciso também fazer a configuração do arquivo <strong>upload.winscript</strong>. Primeiro é preciso renomear esse arquivo para <strong>upload.bat</strong>. Depois abra-o no notepad, modifique o <strong>pathserver</strong> e <strong>salve</strong> o arquivo:</p>
<pre class="brush: bash; ">

@ECHO OFF
ECHO PAUSA DE SEGURANCA
PAUSE

COPY c:\fupload\tmp\*.pdf pathserver\pdf\
COPY c:\fupload\tmp\*.zip pathserver\zip\

MOVE c:\fupload\tmp\*.log c:\fupload\log\
MOVE c:\fupload\tmp\*.zip c:\fupload\backup\
MOVE c:\fupload\tmp\*.pdf c:\fupload\backup\

DEL c:\fupload\tmp\*.*
</pre>
<p>Feita a configuração, agora é só colocar os arquivos que você quer enviar para o servidor na pasta <strong>start</strong>.<br />
No exemplo abaixo você pode ver que os arquivos tem acentos e espaços vazios entre as palavras. É aqui onde o fupload faz a mágica, eliminando os espaços vazios e os acentos:</p>
<div class="wp-caption alignnone" style="width: 417px"><img title="aquivos que serão enviados para o servidor" src="http://i716.photobucket.com/albums/ww163/valeriofarias/03pastastart.jpg  " alt="primeiro passo: coloque os arquivos na pasta start" width="407" height="175" /><p class="wp-caption-text">primeiro passo: coloque os arquivos na pasta start</p></div>
<p>Agora você já pode <strong>carregar</strong> o fupload.prg no Visual Fox Pro como na imagem abaixo. Se quiser usar sem parâmetro não tem problema nenhum. O parametro é só para colocar um prenome no início do arquivo identificando sua natureza como: doc, form, etc.</p>
<p><a href="http://i716.photobucket.com/albums/ww163/valeriofarias/04execucao.jpg" target="_blank"><br />
</a></p>
<div class="wp-caption alignnone" style="width: 453px"><img title="carregando o fupload.prg no Visual Fox Pro" src="http://i716.photobucket.com/albums/ww163/valeriofarias/04execucao.jpg" alt="Carregando o fupload.prg no Visual Fox Pro" width="443" height="86" /><p class="wp-caption-text">Carregando o fupload.prg no Visual Fox Pro</p></div>
<p>Quando o processamento é finalizado aparece o messagebox abaixo:</p>
<div class="wp-caption alignnone" style="width: 206px"><img title="Messagem indicando que o script foi finalizado" src="http://i716.photobucket.com/albums/ww163/valeriofarias/05fim.jpg  " alt="Messagem indicando que o script foi finalizado" width="196" height="167" /><p class="wp-caption-text">Messagem indicando que o script foi finalizado</p></div>
<p>Agora já podemos acessar a pasta tmp e ver o resultado. Note que os arquivos estão todos renomeados, agora sem acento e sem espaço vazio. Foi adicionado também um prenome no início, nesse caso doc. Também foi criado o arquivo de log:</p>
<div class="wp-caption alignnone" style="width: 397px"><img title="arquivos modificados pelo fupload" src="http://i716.photobucket.com/albums/ww163/valeriofarias/06arquivosmodificados-1.jpg  " alt="arquivos modificados pelo fupload" width="387" height="163" /><p class="wp-caption-text">arquivos modificados pelo fupload</p></div>
<p>Vamos dar uma olhada agora no <strong>arquivo de log</strong>. O nome do arquivo segue o padrão: <strong>&#8220;logupload_ano_mes_dia__hora_minuto_segundo_[prenome (facultativo)]_n[número de arquivos].txt&#8221;</strong>. Quando você abre o arquivo de log. Já aparece o código HTML definitivo para colocar na página. Se quiser você pode alterar o texto do link para algo mais chamativo ou legível. Depois é só copiar e colocar na página HTML.</p>
<div class="wp-caption alignnone" style="width: 749px"><img title="arquivo de log" src="http://i716.photobucket.com/albums/ww163/valeriofarias/07arquivolog-1.jpg  " alt="arquivo de log" width="739" height="257" /><p class="wp-caption-text">arquivo de log</p></div>
<p>Para <strong>finalizar</strong> é só <strong>executar</strong> o arquivo <strong>upload.bat</strong> (figura abaixo), na pasta script. Esse procedimento enviará os arquivos para o servidor e limpará a pasta tmp. Os arquivos .pdf e .zip serão copiados também para a pasta backup, só por segurança. O arquivo de log será movido para pasta log. Isso te dar um histórico dos últimos uploads. No momento que você quiser, poderá apagar o conteúdo da pasta backup.<br />
<a href="http://i716.photobucket.com/albums/ww163/valeriofarias/08uploadbat-2.jpg" target="_blank"></a></p>
<div class="wp-caption alignnone" style="width: 180px"><a><img title="arquivo upload.bat" src="http://i716.photobucket.com/albums/ww163/valeriofarias/08uploadbat-2.jpg" alt="arquivo upload.bat" width="170" height="167" /></a><p class="wp-caption-text">arquivo upload.bat</p></div>
]]></content:encoded>
			<wfw:commentRss>http://valeriofarias.com/fupload-script-visual-fox-pro-upload-de-arquivos/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

