Por isso, juntando o fato de que já faz pelo menos 6 mêses que não toco em PHP ou desenvolvimento para a web, eu decidi fazer um programinha similar que me permita manter uma lista de tarefas online, simples como o do Google, mas que também permita incorporar datas de vencimento e a habilidade de ordenar com base na prioridade e data de vencimento. Eu também quero permitir a criação de múltiplas listas, digamos uma para tarefas pessoais, outro para tarefas de trabalho, etc..

Eu acredito que tal programinha seja bastante simples de implementar em PHP e mySQL. Vou criar duas tabelas, uma contendo:

*Número
de Linha              Lista              Descrição                           Data Vencimento       Prioridade
—————————————————————————————–
1                           1                     Comprar Leite                  01/06/2010               Alta
2                           1                     Pagar conta de luz            25/06/2010              Alta
3                           2                     Trocar óleo do carro        06/08/2010              Média
4                           2                     Rotacionar pneus             06/08/2010              Baixa
5                           3                     Comprar presente           05/06/2010              Alta
6                           3                     Matrícula na escola          30/12/2010              Alta

Númerode Linha           Nome da Lista
—————————————
1                                       Casa
2                                       Carro
3                                       Pessoal

Usuários irão utilizar o programa de duas formas: para entrar novas tarefas e listas, renomear tarefas, renomear listas, marcar uma tarefa como completa, remover uma tarefa, mudar a prioridade e mudar a data de vencimento da tarefa. A outra interface será onde o usuário apenas revisa as tarefas disponíveis.Ambas as interfaces poderão ser combinadas, permitindo alta interatividade entre o usuário e o programa. Por isso um pouco de AJAX será necessário para automaticamente submeter o form para o servidor e atualizar a página automaticamente. Portanto além he PHP e mySQL eu vou precisar de um pouco de HTML e JavaScript.

Eu imagino que um dia de trabalho seja suficiente para desenvolver testar este programa. Inicialmente, por este ser um projeto pessoal, não penso em utilizar SSL ou mesmo exigir login. Apenas uma simples URL deve prover toda a interface necessária.Postarei aqui o progresso deste projeto e possivelmente alguns resultados, como uma sandbox.

• Permitir usuários adicionar comentários a cada um dos artigos;
• Habilitar ou desabilitar artigos individuais;
• Escrever artigos para publicação em uma data futura.

Um dos motivos que me levam a querer melhorar o site é aprender a escrever programas orientdos a objetos em PHP. Em sites contendo um grande número de objetos como o Wordpress ou o meu ‘jjsite’ as coisas ficam muito mais fáceis de manipular quando estes objetos são encapulados na forma de classes.

Como sempre, sinta-se a vontade para enviar um comentário caso você tenha alguma idéia que possa me ajudar a melhorar o site.

O esteresse é um efeito colateral da vida moderna que tanto tentamos assimilar. Nossa cultura ocidental nos força a valorizar comportamentos que contribuem para o estresse. Por exemplo, quem não gostaria de ser aquela pessoa que consegue driblar o tempo e fazer 10 coisas ao mesmo tempo? No fundo, nós admiramos pessoas e comportamentos que valorizam o estresse. Isto faz com que fiquemos mais estressados a cada geração. Os estudos mostrados no documentário mostram claramente os efeitos do estresse crônico na vida das pessoas. Estas tem uma vida média menor do que os que não sofrem de estresse crônico. Pessoas estressadas tendem não só a ter problemas de saúde física, mas também mental, como depressão, e inabilidade de apreciar algumas das coisas básicas da vida, como comer, ou admirar um dia ensolarado. Para elas as coisas meio que ‘perdem a graça’ e tudo é um problema.

Isto tudo é verdade, porque eu também sofro de estresse crônico. Eu interpreto este ‘estado mental’ como estar em guerra comigo mesmo. Por um lado tem a parte lógica do cérebro tentando coordernar uma saída para os problemas, do outro lado tem uma parte que diz: prá que se dar ao trabalho? Um fato é que cada um é cada um, e o que resolve o problema para um não resolve para outro. Eu acredito que o segredo seja cada um buscar dentro de si mesmo uma fundação sólida sobre a qual construír um futuro sólido. Todo o resto, sucesso, felicidade, paz, dinheiro, é apenas uma consequência desta paz interior. A questão é: como fazer paz consigo mesmo por um tempo suficiente para poder encontrar e construir esta fundação?

Se você tem algum comentário neste assunto, sinta-se a vontade para postar seu comentáio neste blog.

O que é o FCKEditor?

Se trata de um editor de texto online que provê as mesmas funções básicas encontradas em editores comerciais como parágrafos, negrito, tabelas, inserção de imagens, alinhamento, fonte, tamano de fonte, estilo, etc.. O editor é relativamente leve para carregar e pode ser integrado a um site através de diversas linguagens como JavaScript, Java, ASP, PHP e Python.

Para que um usuário possa executar o editor diretamente através do navegador de internet basta que JavaScript esteja habilitado, além disso não é preciso que o usuário instale qualquer código no seu computador.

Outros detalhes importantes:

O editor é suportado em diversos navegadores (Internet Explorer, Firefox, Safari, Opera) e em diversos sistemas operacionais, incluindo o Linux.

O desenvolvimento é contínuo e novas versões e atualizações são lançadas com frequência.

O editor é disponibilizado através da licensa GPL, o que na prática significa que o programa pode ser usado, modificado e distribuido gratuitamente.

A interface é altamente customizável o que dá ao programador da página uma grande flexibilidade quanto ao idioma, recursos e formatos disponibilizados ao usuário.

Mais informações:

Eu pesquisei por sites em português sobre o FCKEditor e encontrei os seguintes destaques:

Demo
Um video-tutorial (português)
Site oficial (inglês)
Manual de instalação e configuração (inglês)
Manual do usuário (inglês)
Fórums no iMasters (português)

Você tem interesse em saber mais?

Estou considerando publicar referências para o FCKEditor no meu site referenciando.com. Me informe se você teria interesse neste tipo de material.

Os Motivos:

O projeto surgiu de duas necessidades. A primeira foi a de sanar uma lacuna muito grande nos meus conhecimentos de programação para internet. A segunda foi de montar um sistema para catalogação de informações no formato de um web site dinâmico.

Já fazem alguns anos que eu tenho a oportunidade de observar a evolução das formas de apresentação na internet, passando pelos layouts de tabelas, pela, febre do java e dos applets e agora os blogs e internet 2.0 (apenas para mencionar alguns). Na época que aprendi HTML (1996) a versão mais moderna da linguagem era a 3.0, o Internet Explorer era uma novidade no Windows 95 e a sensação era jogar Doom nos computadores 486 DX2 da universidade. Estes conhecimentos de HTML, associados aos esporádicos encontros com o Apache, bancos de dados, TCP/IP e outras tecnologias de internet, me permitiram sobreviver até muito recentemente.

Porém nos últimos anos eu notei uma grande proliferação de sites com designs bastante inovadores e de uma usabilidade sem precedência. Eu atribuía esta evolução a uma grande habilidade dos respectivos webmasters de entender ferramentas como Dreamweaver ou FrontPage. Há cerca de dois anos eu vi que não era bem assim e que na verdade esta evolução se deveu a inúmeros fatores e não apenas a ferramentas mais modernas de edição.

Foi quando eu prestei mais atenção a termos como PHP, WordPress, XHTML, CSS2, TomCat, mySQL, Blog, PingBacks, XML, Search Engine Optimization, Wiki, … e a lista continua. Tantas coisas novas e tanto para aprender! Mas resolvi encarar o desafio e aprender um pouco destas tecnologias. Só que para mim aprender algo, eu preciso ter uma meta, por isso elaborei um projeto para resolver o meu segundo problema, o de como catalogar informações no formato de um site.

Sempre que a idéia de montar um site pessoal me vinha à mente eu pensava: mas como gerenciar as páginas? Me desagradava a idéia de criar páginas estáticas apontando uma para as outras, onde qualquer modificação no conteúdo ou layout em uma página acarretaria ter que mudar todas as outras páginas no site. Por isso, aprender uma linguagem de programação para servir páginas web com um design dinâmico provido por um CSS (folhas de estilo em cascata) e um conteúdo baseado em um banco de dados (mySQL) resolveria este meu problema.

A idéia foi bastante simples, aprender PHP, aprender mySQL, aprender XHTML, colocar tudo junto e montar um programa para apresentar meu site. Isso foi no início de 2007.

Comprei dois livros (Mastering Integrated HTML e CSS da Virgina deBolt e PHP and MySQL for Dynamic Web Sites do Larry Ullman) e os estudei. Demorou um pouco, mas finalmente me senti confortável para começar o desenvolvimento do meu sistema de gerenciamento de páginas, e com isso sanar a minha ignorância na criação de um web site dinâmico e moderno. Daí nasceu o JJSiteEngine (JJ são as minhas iniciais).

As Características:

O JJSiteEngine se baseia em duas partes, uma é a interface de administração, onde eu posso criar páginas (que também chamo de artigos ou categorias), criar sub-páginas, mudar a ordem de apresentação, mover, e remover artigos, etc.. Esta interface administrativa é bastante rude, pois como não é algo que usuários normalmente vêem, não gastei muito tempo criando um design que vá além da praticidade. Veja aqui uma tela mostrando esta interface:

A idéia básica é que artigos (ou páginas) podem ter sub-artigos e sub-artigos podem ter outros sub-artigos, indefinidamente. Esta é uma representação similar a de diretórios em um computador.

Uma descrição rápida dos botões:

A edição dos artigos é toda feita online utilizando um programa de edição totalmente feito em PHP e JavaScript chamado FCKEditor, veja aqui uma tela mostrando uma das páginas do site referenciando.com abertas no editor:

O programa pode ser customizado para qualquer site através de um arquivo de configuração onde é possível especificar diversos atributos, como prefixo da tabela no banco de dados (o que permite a presença de múltiplos sites no mesmo banco de dados), o nome do site, codificação, estilos, onde encontrar o FCKEditor, habilitar o modo debug (para resolver problemas no funcionamento) e o arquivo onde encontrar informações sobre como conectar-se ao banco de dados.

A segunda parte do JJSiteEngine é a de apresentação das páginas, isto é, como o usuário final irá visualizar os artigos no banco de dados. Esta interface é também feita em PHP. Trata-se de um conjunto de scripts chamados por um index.php que reside na raiz do site. Estes scripts validam a URL passada pelo navegador, verificando se ela de fato corresponde a um artigo no banco de dados. Se o artigo realmente existir, ele é apresentado através da função “mostrar_artigo()”.

Os menus são mostrados da seguinte maneira. Uma função “mostrar_menu_horizontal()” lista o nome e links para todos os artigos pai (na raiz do site), uma segunda função “mostrar_meu_vertical()” monta uma lista não ordenada de nomes e links para todos os artigos pai do artigo mostrado na página (no exemplo da tela abaixo este artigo é “Outros Sites”) juntamente com todos os artigos irmãos deste.

Veja na tela abaixo cada um destes elementos, temos o menu horizontal (composto por início, referências, blog, etc) e temos o menu vertical à esquerda. A página sendo mostrada tem caminho “/referencias/html-xhtml/html-xhtml-links-externos”. Ou seja os artigos pai são “html-xhtml” e “referências”. Os artigos no mesmo nível de “html-xhtml-links-externos” (permalink de “Outros Sites”) são também mostrados.

Futuras Melhorias:

Claro que não é possível implementar tudo o que gostaríamos em nossos projetos, daí o conceito de versões. Vou continuar experimentando o programa através do site referenciando.com e observar quais são as maiores deficiências. Até o momento identifiquei os seguintes:

• Permitir a criação de artigos com uma data futura, deste modo será possível que páginas sejam automaticamente publicados naquela data. Eu poderia escrever hoje um artigo com a data de uma semana no futuro e quando aquele dia chegar, a página seria automaticamente visível no site.
• Permitir uma forma de esconder certas páginas. Bastaria uma flag no banco de dados, assim eu poderia esconder uma página (e todas as suas sub-páginas) enquanto as edito, crio, corrijo, etc.
• Permitir que usuários adicionem comentários aos artigos publicados, similar a um blog.

Conclusão:

Não tenho dúvida de ter e estar aprendendo muito com esta experiência e as técnicas que incorporei neste site são muito diferentes daquelas que utilizei em meu primeiro trabalho (Departamento de Engenharia Elétrica da Universidade Federal do MS). Sei que existem inúmeros sites que utilizam programs similares, no entanto acredito que é “fazendo que se aprende”, por isso procurarei manter o meu programa em desenvolvimento.

Eu continuarei publicando informações sobre o programa aqui neste blog na medida em que eu incorporar novas funcionalidades no site referenciando.com.

Como sempre acontece, uma vez atingida uma meta, outra se interpõe. Esta minha nova meta é coordenar idéias e buscar formas de expressá-las corretamente, criando um conteúdo de valor para quem quer que venha a cruzar o caminho deste blog e do site referenciando.com.

Penso em mander um “diário” do site, onde descreverei projetos de expansão, problemas técnicos (e suas respectivas soluções) e artigos no site. Também usarei este espaço como uma área informal  e expontânea para me expressar acerca de qualque assunto relacionado ao referenciando.com.

- James Owens