Jennifer Payne. Joomleira e nerd!

Grupo Joomla Recife no Facebook

2012-01-27T23:59:00.002-03:00

Bom gente,

Já não era sem tempo, resolvi criar o tão pedido grupo de Joomla de Recife. O grupo por enquanto só existirá no FaceBook, porque para mim é mais fácil para gerenciar, divulgar e compartilhar.

Apesar de ser o Joomla Recife e a razão pela qual escolhi este nome, é porque meu foco é no mercado pernambucano, nada impede de pessoas de outros estados participar do grupo.

Sempre que vir algum material bacana na net e eu mesma publicar conteúdo novo, postarei no grupo, além da vantagem de que há materiais postados e compartilhados por outros membros do grupo.

Este é o link para entrar no grupo.

Divulguem por aí.

Menu com Drop Down Joomla 1.5, Joomla 1.6, Joomla 1.7, Joomla 2.5

2012-01-27T13:03:00.005-03:00

Nesta fase de transição do Joomla, é importante utilizar extensões compatíveis entre as versões do Joomla e que permita maior portabilidade futura entre projetos.

Esta extensão que vocês irão aprender hoje é perfeita, porque funciona em basicamente todos os navegadores, geralmente não dá conflito com outros javascripts, é fácil de configurar e o CSS pode ser adicionado no próprio módulo.

A extensão é a ARI Ext Menu e este é seu link de download. Claro, como todas as extensões que ensino, é free e aceitas em todos os Joomlas, exceto o 1.0.

Você pode visualizar um demo desta extensão através deste link.

Para este módulo funcionar perfeitamente, você deve ter sub-menus.

Para adicionar um sub-menu, na área administrativa, clique em Menus --> Main Menu (ou outro menu à sua escolha), clique no link que deseja tornar como sub-menu (se não houver nenhum, crie), na edição deste link, selecione do lado esquerdo Item Pai: Escolha o link que será o "pai" deste e clique em "Salvar"

Pronto! Você notará que o link que você alterou agora tem uma identação diferente e um símbolo que o liga ao seu item pai.

Instale a extensão e a acesse em Extensões --> Administrar Módulos. Ela é instalada por padrão com o nome ARI Ext Menu.

Habilite o módulo na posição desejada.

Abaixo imagem da área administrativa, onde explicarei os principais itens.

Menu Name: Qual menu que ele utilizará

Menu Direction: Direção do menu, H0rizontal ou Vertical

Hightlight current menu item: Se coloca cor diferenciada no link atual

Load ExtJS library: Deixe "yes" e só mude caso dê conflito com outro JavaScript

Auto width: Largura automatica

Animate: Se o drop será animado

Delay: Tempo de retardo para iniciar a animação do sub menu

Transition type: Tipo de transição: Fade para transparência e Slide para sair de trás do menu

Transition duration: Tempo de duração da animação

z-Index: para colocar o menu na frente de outros elementos HTML

Main menu items styles - Estilos de cores, tamanhos e fontes para o menu

Background color

Text color

Hover background color

Hover text color

Current background color

Current text color

Font size

Font weight

Text align

Text transform

Sub-menu items styles - Estilos de cores, tamanhos e fontes para o sub-menu

Use main styles (repetir estilo do menu principal?)

Background color

Text color

Hover background

Hover text color

Current background

Current text color

Font size

Font weight

Text align

Text transform

CSS Styles - Modifique o CSS do menu

Salve e teste seu módulo até alcançar o efeito desejado.

Como alterar o CSS de um site em Joomla sem utilizar o template

2012-01-26T17:29:00.004-03:00

O que acontece com o Joomla é que muitas vezes o CSS está inserido dentro dos módulos e componentes que instalamos e muitas vezes, mesmo que a gente adicione as classes dentro de nosso template, as alterações são sobrepostas por outros CSS's.

Há um módulo gratuito chamado HD-Custom CSS que pode ser baixado neste link.

Este módulo após instalado, permite que você insira o CSS através de módulo e nisto há diversas vantagens.

Você pode escolher em quais páginas aquele código será aplicado e mesmo se só será alterado após o login.
Você centraliza, independente de template os códigos mais importantes para você
Você não precisa ter acesso a ftp para buscar arquivos de dentro dos módulos e componentes
Você pode apenas despublicar o módulo caso queira voltar ao original
Você pode ter vários módulos do CSS abrindo em páginas diferentes

Isto te dá basicamente controle total sobre o CSS do site.

DICAS:

Sempre coloque este módulo na última posição do seu template. Normalmente é a debug ou footer. Caso não saiba qual é, logue na área administrativa, vá em Extensões --> Administrar Templates, selecione o template desejado e clique em pré-visualização. Isto mostrará todas as posições do seu template
Caso ainda assim o CSS não esteja sobrepondo, adicione !important no CSS.

Ex: body{

color: blue !important;

}

Até a próxima.

Novidades no Joomla 2.5

2012-01-25T10:04:00.010-03:00

Olá amigos,

segue resumo das novidades do Joomla 2.5 (security release) que foi lançado esta semana.

Traduzi os trechos mais importantes do site oficial para vocês. Segue link para texto completo e original (em inglês).

http://community.joomla.org/blogs/community/1533-new-features-in-joomla-25.html

Nova Função de Pesquisa

Agora o recurso de pesquisas vem com auto-complete e stemming - Stemming é um recurso que busca a raiz da palavra escrita e facilitará nas buscas de termos que não sejam em inglês.

Novas Bases de Dados (Em andamento)

Joomla dá suporte a MySQL e MS SQL e dará também a PostgreSQL, Oracle, SQLite e PDO.

Notificação de Update

O Joomla poderá ser atualizado através de um clique no painel de controle que também acusará se precisa ou não fazer o update. Os desenvolvedores de extensões também poderão oferecer este benefício.

Botão de correção de Base de Dados

Verifica se sua base de dados está atualizada e oferece um botão para corrigir.

Captcha por padrão

Os formulários Joomla virão com captcha de segurança.

Linkar novos menus com módulo

Antes, toda vez que você criava um menu, um módulo era criado automaticamente. Agora você pode escolher se o módulo será criado ou não.

Padronização de layouts para artigos e blogs

Você pode definir imagens padrão para textos introdutórios e textos completos, além de 3 links. Esta mudança ajudará principalmente quem utiliza o Joomla como sistema de notícias.

Escolher se os administradores irão receber e-mail quando um usuário se cadastrar.

Nota em um item de menu

Na versão 1.7 é possível adicionar um comentário sobre o porque você instalou o módulo e sua função/configuração. Agora é possível fazer isto também com itens de menus.

Filtro de Texto personalizado

Você pode dizer quais tags cada grupo de acesso pode ter, facilitando permissões na hora de escrever tags HTML como iframe, por exemplo.

Maior flexibilidade ao filtrar por categoria no Administrador de Artigos.

Gerenciador para sobrepor idiomas

Facilita na hora de traduzir apenas determinados pontos no Joomla, como tool tips.

Observações sobre usuários

Funciona como o Nota em um item de menu, mas para usuários.

Ordem de Newsfeed flexível.

Opção de imagens para site offline

Antigamente uma logo do Joomla era mostrada automaticamente. Hoje, você pode "upar" a sua imagem.

Colocar site como offline após instalação automaticamente

Melhor performance na edição de menu, que só será carregado quando você precisar editar a página.

Status no backend melhorado.

Filtro de grupo adicionado no módulo "Quem está online".

Checagem de suporte nativo a zip na instalação.

Texto do label do Syndicate Feeds mais flexível.

Meta tags alternativas para sites com múltiplos idiomas.

Itens de menu agora podem ter o mesmo apelido em sites com idiomas múltiplos.

Melhorias no SEO: novo plugin languagecode

Este plugin permite que você diga qual o idioma do seu site para mecânismos de pesquisa.

O Plugin de debug agora com formatação.

Autoloader para o Joomla

Os desenvolvedores não precisam se preocupar onde vão colocar seus arquivos ou classes.

Novos tipos de post

2011-12-08T13:23:00.001-03:00

Gente, estou estudando novas tecnologias e entrando em outras áreas de trabalho.

Por causa disso, vocês verão ocasionalmente posts relativos não somente a Joomla, mas também outras áreas.

Espero me organizar o suficiente para manter uma frequência de posts e manter sempre a maioria para Joomla.

Até a próxima.

Como colocar iframes (google maps) no Joomla 1.5!

2011-12-08T13:08:00.001-03:00

O editor padrão de textos no Joomla o Tiny MCE não aceita a tag iframe do HTML como configuração inicial do Joomla.

Podemos contornar este problema com apenas alguns cliques.

1. Logue na área administrativa do Joomla
2. Extensões -> administrar plugins
3. No lado direito tem Limpar Código na inicialização <-- marca desativado
4. Limpar código no salvamento <--- marca nunca
5. Em Elementos Extendidos Permitidos <--- adiciona iframe
6. Salva
7. Vai no artigo ou módulo de html personalizado, copia o código inteiro, cola e salva.

5 extensões gratuitas para o Joomla que você deveria ter - Parte 1

2011-06-26T21:29:00.006-03:00

Bom gente,

É uma pergunta comum e quem faz curso comigo até recebe um kit de extensões gratuitass úteis para utilizar com Joomla.

Eu vou fazer uma lista básica de 10 itens que você realmente deve ter e seus links para downloads.

1. Backup

Nome: Akeeba Backup
Disponível nas versões: 1.5 e 1.6
Link para Download

O que faz: Este componente é perfeito para as tarefas de backup do seu site. Ele te avisa até quando você precisa de um novo backup. Fácil de usar, faça os backups regularmente e mais importante: FAÇA OS DOWNLOADS DOS BACKUPS QUE FIZER!

2. Calendário de Eventos

Nome: Events List

Disponíveis na versão: 1.5

Link para Download

O que faz: Gerenciamento de eventos com agenda, grupos, cadastro de lugares e uma série de funcionalidades. Há vários módulos e plugins para eles. Alguns gratuitos e outros pagos.

3. Site de Anúncios

Nome: adsmanager

Disponível nas versões: 1.5 e 1.6

Link para Download

O que faz: Cria um site inteiro de anunciantes, campos podem ser formulados de acordo com sua vontade. Há uma série de extensões criadas para o AdsManager, algumas free, outras pagas.

4. Formulários Personalizados

Nome: JForms

Disponível nas versões: 1.5 e 1.6

Link para Download

O que faz: Crie um formulário de e-mail personalizado com o que você precisa, utilizando apenas o arrastar e soltar (Drag n' Drop) do mouse.

5. Mostrar o site em várias linguagens

Nome: JoomFish

Link para Download

O que faz: Possibilita mostrar o site em mais de uma linguagem.

ATENÇÃO: este componente não traduz o site pra você.

Possibilita porém, que você escolha quais linguagens vai existir seu site e te permite traduzir módulos, artigos, bannes, componentes e inclusive fazer configurações diferentes em cada módulo dependendo da linguagem

Eu coloquei uma enquete no meu site jenniferpayne.com.br, a extensão dentre as 5 acima mais votada até o dia (08/07/2011) ganhará um tutorial completo aqui no blog. Eu não tinha dito isto a vocês antes, mas rolou uma outra enquete parecida e o resultado tinha sido "Adaptar templates para Joomla 1.6" e foi minha última postagem. Então galera, votem aí, espalhem a enquete, para que eu faça o tutorial que vocês queiram mais.

Obrigada leitor RSN, que sugeriu uma nova lista, ao invés da que está na minha apostila e aí está. Eu vou colocando listagens como esta de vez em quando no blog e fazendo os tutoriais baseados nos resultados das enquetes.

Até a próxima!

Como adaptar um template do Joomla 1.5 na versão 1.6

2011-06-21T15:40:00.005-03:00

Para cumprir este tutorial é necessário que você tenha:
1. Um template feito pro Joomla 1.5
2. Uma versão do Joomla 1.6 instalada localmente ou no seu servidor

É necessário que você saiba trabalhar com templates e com o Joomla 1.5

Há 3 maneiras de utilizar um template 1.5 para a versão 1.6

1. Na área administrativa: pega o zip do seu template 1.5 e instala normalmente utilizando o Extension Manager (Extensions -> Extension Manager)

2. Copiar a pasta do template e colar dentro do seu joomla 1.6 na pasta templates.

Neste caso, é necessário também colocar o Joomla para “descobrir” o arquivo, é meio que um refresh dentro de suas extensões para saber se alguém colocou algo novo lá sem ser via instaladores.

Para isso vá em Extensions -> Extension Manager -> Clique na aba “Discover” e clique no botão do topo chamado “Discover”, ele vai acusar seu template. Selecione-o no check Box e clique no botão “Install”.

3. Realmente adaptar o template:

Neste caso, vou pegar o template do meu site e adaptar para Joomla 1.6. Vamos comparar o templateDetails.xml

A primeira coisa que muda é que o XML não começa mais com o
<?xml version="1.0" encoding="utf-8"?>
<install version="1.5" type="template">

Agora é:
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE install PUBLIC "-//Joomla! 1.6//DTD template 1.0//EN" "http://www.joomla.org/xml/dtd/1.6/template-install.dtd">
<extension version="1.6" type="template" client="site">

Você não precisa também descrever absolutamente todos os arquivos do template. Você diz apenas os que estão na raiz e descreve os folders.
<files>
<folder>css</folder>
<folder>images</folder>
<filename>index.php</filename>
<filename>templateDetails.xml</filename>
<filename>template_thumbnail.png</filename>
<filename>favicon.ico</filename>
</files>
<positions>Continua a mesma coisa
<position>Left</position>
<position>Right</position>
<position>Top</position>
<positions>
<params> agora é <config>
E é só! Para vocês compreenderem melhor, vou mostrar a minha estrutura anterior e a atual:

Versão 1.5

Versão 1.6

Confira as diferenças entre as duas versões nas imagens acima. Agora é só zipar a pasta e instalar normalmente em quantos sites com Joomla 1.6 quiser!

Apostila de Joomla 1.5 para iniciantes - grátis sem senha

2011-06-15T10:34:00.002-03:00

Pois é galera. Vocês exigiram tanto, que tirei a senha da apostila.

Podem ir em http://www.jenniferpayne.com.br/index.php?option=com_phocadownload&view=file&id=3:apostila-de-joomla-15-para-iniciantes-gratis&Itemid=23

e fazer o download normalmente clicando no botão "download" no fim da página.

Boonex Dolphin 7 - Como mudar o template do site sem quebrar o Orca Forum

2011-06-15T00:40:00.002-03:00

Minha primeira experiência com Dolphin está sendo um pouco difícil pois a falta de suporte, documentação pobre e falta de livros sobre o assunto torna as coisas mais árduas. O Dolphin é uma ferramenta complicada quando se trata de personalização.

Passei pelo seguinte: Criando meu layout personalizado, notei que cada vez que escolhia meu layout, Meu Forum parava de funcionar. Quando voltava ao template padrão (Uni) tudo voltava ao normal. Descobri o porquê.

Quando você cria um novo template no Dolphin, você precisa criar um novo layout para o Orca Forum, com o mesmo nome do seu novo template. Vou guiá-los passo-a-passo. Eu presumo que você saiba como criar um template pro Dolphin.

1. Via FTP ou Gerenciado de Arquivos do seu painel de controle, siga este caminho: your_site/modules/boonex/forum/layout e lá, faça uma cópia da pasta chamada Uni e renomeie com o mesmo nome do seu template, meu template é chamado jenniferpayne.

2. Dentro da pasta que renomeou (jenniferpayne) a minha, abra num editor de texto o arquivo chamado params.php .

Lá você verá as seguintes linhas:

$gConf['dir']['xsl'] = $gConf['dir']['layouts'] . 'uni/xsl/'; // xsl dir
$gConf['url']['css'] = $gConf['url']['layouts'] . 'uni/css/'; // css url
$gConf['url']['xsl'] = $gConf['url']['layouts'] . 'uni/xsl/'; // xsl url

Renomeie "uni" com o nome do seu template e você terá algo deste tipo:

$gConf['dir']['xsl'] = $gConf['dir']['layouts'] . 'jenniferpayne/xsl/'; // xsl dir
$gConf['url']['css'] = $gConf['url']['layouts'] . 'jenniferpayne/css/'; // css url
$gConf['url']['xsl'] = $gConf['url']['layouts'] . 'jenniferpayne/xsl/'; // xsl url

3. Salve o arquivo, envie-o de volta ao servidor e estamos quase prontos.

Ao fazer isto, você notará alguns colchetes [[ ]] em volta de alguns textos, isto acontece porque se você modifica qualquer coisa no forum, como layout ou arquivos de linguagens, este precisa ser recompilado. Mesmo que você não tenha alterado o arquivo de linguagem. vá para o link "Manage Forum", clique em "[[Compile Language]]" ou algo do tipo e está pronto! Agora você pode começar a trabalhar no seu layout.

Para quem percebeu, meu site está fora do ar hoje, mas isso porque a hospedagem anterior não estava aguentando o tráfico de informações geradas por vocês, que fazem vários downloads da minha apostila! Estou mudando para uma beeeeem melhor.

Próximo post sobre Dolphin, ensinarei aos iniciantes como criar seu próprio template e alguns truques para trabalhar com o HTML e CSS padrão gerado pelo Dolphin.

Até a próxima!

Dolphin 7 - how to change template without break Orca Forum /

2011-06-15T00:17:00.003-03:00

Hello guys, this is my first time using Boonex Dolphin 7 and my first post talking about it. It's a pain for the newbies. It's kinda hard to figger it out and even harder when it comes to customization. It's just so much to talk about and so poor documentation.

I had the following experience: creating my customised layout, i noticed that everytime i changed it, my Orca Forum stopped working. Back to Uni template, everything went back to normal. Finally discovered why.

When you create a new template at Dolphin, you need to create a new layout for the Orca Forum, with the same name. Let's go through this step-by-step. I assume you do know how to create a template by now.

1. Via FTP or CPanel File Manager, reach out this path: your_site/modules/boonex/forum/layout and there, make a copy the folder named Uni and rename it with your template's name, my template is called jenniferpayne.

2. Inside the folder you named (jenniferpayne) for me, open on a text editor like notepad, eclipse or any other the file called params.php .

There you'll see these lines:

$gConf['dir']['xsl'] = $gConf['dir']['layouts'] . 'uni/xsl/'; // xsl dir
$gConf['url']['css'] = $gConf['url']['layouts'] . 'uni/css/'; // css url
$gConf['url']['xsl'] = $gConf['url']['layouts'] . 'uni/xsl/'; // xsl url

Replace the "uni" with your templates name and you'll have something like this:

$gConf['dir']['xsl'] = $gConf['dir']['layouts'] . 'jenniferpayne/xsl/'; // xsl dir
$gConf['url']['css'] = $gConf['url']['layouts'] . 'jenniferpayne/css/'; // css url
$gConf['url']['xsl'] = $gConf['url']['layouts'] . 'jenniferpayne/xsl/'; // xsl url

3. save the file, send it back to your server and we're almost done.

When you do this, you'll notice some brackets [[ ]] around some texts, it happens because if you change any file from Orca, layout, Language files, it needs to be recompiled. So, go to Manage Forum link, click at "[[Compile Language]]" or something like this. Click on it and it's done.

This is my first post in English, i'm a web designer teacher, my resume is at www.jenniferpayne.com.br <--- Still translating my site, but basically Joomla, web design Teacher, do also some 3D applications.

You'll find some useful information about Dolphin, Joomla, Wordpress, other CMS's and stuffs related to the web world.

follow me at twitter @JennyPayneDZN

Next time, i'll teach the noobs how to create their own template and some tricks to work with Dolphin CORE Generated HTML and CSS.

That's all.

Apostila de Joomla 1.5 para iniciantes - grátis

2011-05-19T08:57:00.002-03:00

Bom gente, como vocês sabem, meus posts nunca são frequentes porque o tempo não deixa, mas este de hoje compensa a espera por novidades. Meu site está sendo atualizado e reformulado e uma das novidades é que você poderá fazer downloads de meus materiais diretamente pelo site. Para comemorar, estou disponibilizando lá uma apostila muito boa criada por mim. É só visitar meu site e fazer o download.

Pensando nas necessidades de um iniciante em Joomla, falo de SEO e outras coisas. Parte deste material foi tirado de livros e tutoriais de Joomla pelo mundo e não tem fins lucrativos. Esta apostila não teria saído sem o incentivo de Jose Berardo, dono da Especializa Treinamentos, que me deu muito apoio para criar meu primeiro curso. Uma outra pessoa muito importante foi Saurabh Bhide, que me deixou utilizar seu material em inglês para iniciantes e que misturei com o meu para dar origem à primeira parte desta apostila.

Referências:

Joomla For Dummies
Joomla Cash!
Joomla.org
Kenplaz

Este material foi criado no intuito apenas de ajudar a comunidade Joomla a crescer e não tem fins comerciais ou lucrativos e não pode ser vendido, mas pode ser distribuído e citado, desde que meu nome seja citado como autora.

Senha: www.jenniferpayne.com.br

Estou criando um livro de Joomla que também será distribuído gratuitamente. Se você gostou do material, siga-me no twitter @jennypayne_SZ, visite meu site, me indique para seus amigos e assine o blog.

Outras novidades do site é a parte de consultoria, pré-orçamento e de Palestras.

Estou disponível para ministrar palestras, workshops, consultorias e cursos diretamente na sua cidade.

Para visitar meu site e baixar esta apostila click no endereço ao lado: Download da apostila de Joomla! 1.5 gratuita

Até a próxima!

Como Adicionar ou Editar Artigos no Site em Joomla pelo backend em 10 passos

2011-03-22T16:51:00.002-03:00

Para iniciantes, este tutorial ensina vocês em 10 passos a criar e editar artigos em Joomla 1.5. É o primeiro material em Joomla criado por Carlos Nepoziano que aprendeu Joomla comigo e hoje em dia é meu funcionário. Eu revisei o material e acho que está perfeito para iniciantes.

Para visualizar o material, clique aqui.

Beijos

Devo migrar para o Joomla 1.6?

2011-02-10T14:32:00.003-03:00

De cara, eu digo que a resposta é não. Salvo casos em que você precisa dos recursos de acessibilidade que o Joomla 1.6 fornece padrão no seu site ou precisa do ACL (maior controle que a estrutura atual do Joomla de permissões de usuário) ou ter mais sub-categorias, do que o padrão Seção -> Categoria do Joomla atual. Há diversas razões para isso:

1- Há poucas extensões desenvolvidas até agora, quando pesquisei, aproximadamente 300, contra as mais de 5 mil da versão 1.5

2- O Joomla 1.6 vai ser desenvolvido até o meio do ano e depois será lançado o Joomla 1.7 (descobri isso hoje num grupo de Joomla) e depois, o equivalente ao Joomla 1.8 vai ser lançado em janeiro de 2012, isto é aproximadamente 5 meses depois e será a próxima versão do Joomla com longa duração antes de uma nova versão ser lançada. O Joomla 1.5 terá suporte até abril de 2012, o que quer dizer que o suporte ao Joomla 1.5 durará mais que o 1.6 e 1.7 juntos.

Na resolução das coisas, utilizar o 1.6, só quando não tiver jeito de utilizar o 1.5.

Eu estou trabalhando em um site com Joomla 1.6 como teste e estou adorando. Há muitas extensões legais já desenvolvidas, mas eu senti falta de um componente de vídeo como o hdw, um editor como jce e essas coisas.

Então, eu digo, Joomla 1.6 é legal, mas dê preferência ao 1.5.

Acessibilidade por um Brasil inclusivo

2011-02-04T09:57:00.005-03:00

Olá galera,

Hoje eu quero falar um pouco sobre acessibilidade. Acessibilidade é bom até por motivos egoístas, e todos devemos levantar esta bandeira pela razão humanitária ou pela comercial. Vou explicar as duas.

1- Humanitária - É direito de todos os cidadãos o fácil acesso à informações. Com o advento da internet, todos tivemos a oportunidade de aprender mais e com facilidade quase qualquer assunto. Imagina se você fizesse parte da parcela da população que não tem acesso à internet?

Chato, né? Todas as pessoas falando sobre milhares de coisas que você não tem idéia... Agora, imagina você ter acesso à internet, mas ter seu direito à informação violado, negado por grande parte das empresas e desenvolvedores, que como eu ouvi uma vez, numa discursão Flash x HTML, 4 anos atrás, ( sei o que o flash agora tem recursos acessíveis, mas não conheço uma empresa de flash que o faça assim ). Eu ouvi a seguinte frase: "A parcela de cegos é muito pequena e meus clientes também não ligam para eles, por que devo me importar?".

A resposta para esse tipo de gente me lembra um vídeo de no youtube em que a mulher diz: "Ai se fosse o meu...". Eu sei, acredite em mim, que realmente é mais trabalhoso fazer acessível, eu mesma não sou perita nisso ainda, mas estou me esforçando para incorporar cada vez mais recursos acessíveis no meu projeto.

2- Comercial - Essa vai mais para os clientes do que para os desenvolvedores e como a gente só presta atenção nas coisas quando dói no bolso, vamos fazer doer no bolso dos empresários e consequentemente no dos desenvolvedores.

O Google que é o mecânismo de busca mais utilizado no mundo utiliza leitores de tela iguais aos que os deficientes visuais utilizam para fazer a leitura do site. Logo, se você faz um site acessível, você está favorecendo a sua empresa no rank de páginas.

Sites em flash só têm indexado o primeiro arquivo em flash do site, os arquivos swf que ele puxa externo, não. Ou seja, o Google só indexa a primeira área do site. São poucos dispositivos móveis que aceitam arquivos em flash e mesmo os que aceitam, não tem conexão normalmente suficiente para carregar o site. Ou seja, site inteiramente em flash normalmente não é uma boa idéia para quem deseja ter muita visitação. Sim, você poderia ter em flash acessível ou uma versão HTML também. Mas em ambos os casos, isto torna o projeto caro, ou seja, o cliente não aceita.

Um site acessível é também melhor visualizado em dispositivos móveis, ou seja, iPad, smartphones e etc., acreditem em mim quando eu digo, como disse 4 anos atrás, sobre acessibilidade que dispositivos móveis irão substituir grande parte do acesso às páginas da internet. Como desenvolvedora eu digo, é fundamental conhecer tecnologias assistivas assim como trabalhar com HTML 5, CSS 3 e fazer sites acessíveis que se ajustem perfeitamente em qualquer dispositivo. Eu estou estudando estas formas porque sei que o mercado exige hoje em dia, mais formas de fazer dinheiro, porém de forma humana, porque esta forma, inclusiva, quer dizer que atrairá mais consumidores e consumidores é igual a dinheiro.

Infelizmente, o Joomla 1.5 não é totalmente acessível. Mas há como contornar isso fazendo alguns ajustes no template. Visitem http://www.softzonebr.com/corujao , meu primeiro site acessível com Joomla. À partir deste, todos os sites feitos em XHTML, com Joomla ou não, feitos pela minha empresa serão acessíveis. É o mínimo que podemos fazer para contribuir com um mundo melhor.

Se vocês querem saber se seu site é acessível, acessem: http://www.dasilva.org.br/ e digitem o endereço do seu site lá. Detalhe: É necessário testar página por página.

Fazer um site receber o selo de acessibilidade não tão difícil quanto convencer as pessoas que vale a pena levantar essa bandeira. :D

Joomla é eleito Líder 2010 na comparação entre CMS's OpenSource feita pela idealware

2010-12-22T11:16:00.003-03:00

Na comparação Joomla x WordPress x Drupal x Plone, principais CMS's open-sources utilizados no mundo (tirando o Moodle que é muito bom, o melhor para área de educação), a idealware que faz periodicamente comparações entre CMS's elegeu o Joomla! como o melhor CMS em suas comparações.

É importante ressaltar que cada um escolhe o que quer e que óbvio que depende da situação, do gosto, e etc. O motivo pelo qual resolvi escrever este post é que neste documento da idealware tem duas páginas que valem a pena ser lidas, pois em uma delas mostra a tabela comparativa (importante para ajudar a avaliar qual cms utilizar para determinado projeto) e na outra página a pontuação dos CMS's.

Nesta página de pontuação eu aponto para o fato de que apesar do Joomla! ter ficado em primeiro, o Wordpress está muito próximo e mostra que ambos são ótimas escolhas. Talvez esteja na hora de eu começar a conhecer melhor o wordpress. :D

este é o link para o documento http://www.idealware.org/sites/idealware.org/files/idealware_os_cms_2010_1.pdf

Para quem tem muita preguiça de ler ou pouco tempo, olhem a página 19 (tabela comparativa) e a página 56 (pontuação final).

Até a próxima, galera!

Joomla 16 RC1 Disponível

2010-12-17T08:59:00.003-03:00

Foi lançado dia 14 o primeiro candidato à lançamento do Joomla 1.6.

Pelo que eu testei, ele cumpre bem os requisitos que eu havia descrito quando experimentei o Joomla 1.6 (alpha na época) e que descrevi aqui . Para quem não sabe, essa versão RC1 quer dizer que ele é basicamente o Joomla! 1.6 que, após testes alpha e beta, será lançado, isso se não encontrarmos nada estranho nele.

Então galera, falando sobre quando finalmente vamos utilizá-lo sem medo de ser feliz é o seguinte... O problema é que mais uma vez o Joomla andou mudando seu framework (forma de programação), a equipe do Joomla! já tinha feito isso uma vez quando passou da versão 1.0 para 1.5, mas a mudança não foi tão grande quanto agora, o que permitiu que pudéssemos utilizar alguns componentes na forma de "Legacy", compatibilidade em Português.

Sobre o Joomla 1.6, a mudança foi mais drástica, tão drástica que não poderemos utilizar nenhum componente feito anteriormente e apenas templates antigos poderão ser utilizados na forma de compatibilidade.

O que isso significa? Significa que temos que esperar a comunidade disponbilizar novas extensões e estaria ok se alguns dos desenvolvedores não estivessem parado de atualizar suas extensões há algum tempo atrás. Se vocês querem meu palpite, adicionando a curva de aprendizagem dos desenvolvedores e até das pessoas que fazem templates, eu diria que podemos realmente substituir o Joomla! 1.5 pelo 1.6 em 3 meses após o lançamento, para aqueles sites ridiculamente simples (notícias, contato e qualquer galeria de imagem), utilizando o modo de compatibilidade de templates, de 3 meses a 1 ano, para aqueles dispostos a pagar por extensões, de 1 a 2 anos por projetos de baixa a média complexidade com extensões free e de 2~3 anos para projetos de alta complexidade com extensões free suprindo 80% dos casos.

A boa notícia para os piratas de plantão é que há sites como o boygj que disponibiliza extensões pagas como free e poderá agilizar o uso do Joomla! 1.6, embora eu não recomende isso, quem é ou já foi meu aluno sabe que só utilizo extensões gratuitas e que geralmente não utilizo templates.

[OFF Topic] Eu queria dizer a todos que eu tenho andado bem ocupada e que algumas vezes tenho marcado presença no Twitter, geralmente no tédio ou quando sai alguma coisa interessante e rápida de dizer, então me sigam aí em jennypayne_SZ.

Eu estou aprendendo a programar para iCoisas e estou adorando.

Agora no Twitter

2010-11-04T07:25:00.003-03:00

Aê Joomleiros! Esse post é para avisar que agora estou no twitter @JennyPayne_SZ. Como no blog, infelizmente não tenho tanto tempo para postar quanto eu gostaria. Como alguns já sabem, estou em uma nova jornada, abri uma empresa. A empresa chama-se SoftZone e por conta disso o tempo que já era escasso tornou-se praticamente nulo.

Na empresa desenvolvemos softwares e trabalhamos com 3D e animações. Nosso foco principal é o desenvolvimento de aplicações em 3D onde estamos desenvolvendo aplicativos para diversas áreas, inteiramente em 3D onde pode ser feita ou não a utilização de base dados e roda inclusive na web.

Eu devo estar postando mais um tutorial daqueles que vocês adoram dentro de alguns dias, na verdadem, a pior parte é escolher um componente que seja interessante, facilmente editável o layout para que se possa adaptar a qualquer template e que ainda não tenha tutorial em português. Se alguém tiver alguma sugestão, estou esperando nos comments.

Cursos gratuitos em T.I. online pela Fundação Bradesco

2010-08-02T17:54:00.005-03:00

Olá galera, passei um tempo sem postar, mas quando descobri isso, só lembrei de vocês, meus fieis leitores.

Eu, que de vez em quando dou uma força com materiais gratuitos para vocês, também sou fã de e-learning e aprendo basicamente 50% de tudo que sei profissionalmente via Google (ainda sou fã de livros impressos e tudo isso).

Após me matar de procurar curso de C++ em Recife, tentar contratar um professor particular e coisas do gênero, hoje, descobri que a Fundação Bradesco oferece cursos online gratuitos em diversas área de TI e inclusive treinamento CISCO semi-presencial e resolvi compartilhar, o cadastro é gratuito, a licensa de uso é tranquila e você ainda recebe certificado da fundação.

Pelas horas do curso, imagino que sejam cursos de iniciação, mas já é grande coisa, considerando o branco que quem não sabe nada, está no momento.

Entre os cursos online, os que me chamaram a atenção foram:

MySQL Server 2005

Economia de Energia

C++ Orientado a Objeto

Aplicações Windows Mobile

Analise estruturada de sistemas

HTML básico e avançado

Intro ao JavaScript

UML

webdesign

Lógica de Programação

SilverLight

Tem muuuuuuuuuuuitos outros lá.

Com certeza uma parte destes cursos terei o prazer de completar.

Segue abaixo o link

http://www.ev.org.br/Cursos/Paginas/Online.aspx

Se vocês conhecerem outros links de cursos gratuitos online voltados para nerds interessantes, deixa um comentário!

Beijosssss

Tradução para português e tutorial do componente Phoca Guestbook Joomla 1.5

2010-06-19T07:35:00.005-03:00

Seguinte galera,

Estava pesquisando sobre GuestBooks, a gente chama aqui de Mural de Recados para Joomla! e o melhor componente que achei foi o Phoca Guestbook. Simples de utilizar.

Vamos aprender agora a utilizar o componente.

Baixar e Instalar Phoca GuestBook
Clique em Componentes -> Phoca Guestbook -> GuestBooks
Clique em Novo (Crie quantos Murais você quiser)
Clique em Menus -> Main Menu (ou qualquer outro menu que você queira)
Clique em Novo
Clique em Phoca Guestbook -> Phoca Guestbook
Escreva um Título para seu menu
No lado direito em Parâmetro Básico selecione o GuestBook que você quer exibir primeiro
Paginação - Paginar comentários (escolha exibir ou ocultar)
Exibir Seleção - Menu de seleção para escolha de Guestbooks (marque exibir se você quiser que o usuário escolha entre mais de um Mural)
Parâmetros do Componente

Form Settings (Configurações do Formulário)

Display Title In Form - Mostrar o título no formulário (coloque sim se for obrigatório, não caso não queira mostrar)
Display Name In Form - Mostrar o nome no formulário (coloque sim se for obrigatório, não caso não queira mostrar)
Display Email In Form - Mostrar o E-mail no formulário (coloque sim se for obrigatório, não caso não queira mostrar)
Display Website In Form - Mostrar o site do visitante no formulário (coloque sim se for obrigatório, não caso não queira mostrar)
Display Content In Form - Mostrar conteúdo no formulário (coloque sim se for obrigatório, não caso não queira mostrar)
Enable Javascript Editor - Mostrar um editor javascript (permite formatação no comentário e inserção de smileys)
Display Path in Javascript Editor - Mostrar caminho das tags html escritas no conteúdo do comentário
Display Form - Mostrar o formulário direto, se marcar como "ocultar", aparecerá um link para após clicado que apareça o formulário
Form Position - Mostrar o formulário antes ou depois dos comentários dos visitantes
Editor Width - Largura do Editor
Editor Height - Altura do Editor
Table Width - Largura da Tabela

General Settings (Configurações Gerais)

Predefined Name - Caso o usuário não esteja logado, mostrar um nome padrão
Username or Name - Caso o usuário esteja logado, mostrar o nome do Login ou o Nome real do usuário
Disable User Check - Se sim, permite que usuários não-logados assinem o guestbook
Registered Users Only - Sempre deixe o padrão, caso escolha sim, os usuários podem deixar posts com username ou e-mail de usuários registrados
Review Message - Administrador precisa autorizar o comentário
Enviar e-mail avisando
Send Email

Post Settings (Configurações de Postagens)

Display Name in Message - Mostrar nome de Login na mensagem
Display Email in Message - Mostrar e-mail na mensagem
Display Website in Message - Mostrar site na mensagem
Formato da Data - Ordem de data, padrão brasileiro %d/%m/%y
Font Color - Cor do Texto (selecione PICK COLOR para mudar a cor)
Second Font Color - Cor da data (selecione PICK COLOR para mudar a cor)
Background color - cor de fundo (selecione PICK COLOR para mudar a cor)
Border Color - cor da borda (selecione PICK COLOR para mudar a cor)
Pagination Default Value - Quantidade de posts por paginação
Paginação - Escolha o número de Posts por Página (Valor padrão 5,10,15...) deve ser separado por vírgula, ex: 2,4,6
Pagination - Hide All Value - Se escolher não, na caixa de seleção de quantidade de posts por página, aparecerá all no final, para mostrar tudo

Security Settings (Configurações de Segurança)

Na parte de Segurança, dois campos são realmente importantes:

Enable Captcha - Mostrar Captcha, tem vários tipos de captcha, o primeiro é legal que são letras. Há outras opções, teste todas para ver qual você gosta mais.
Enable Captcha - Users - para todos ou apenas para não registrados.

Bom, essas são as configurações que você realmente precisava saber, clique em "Salvar" para salvar seu componente. Agora vamos aprender a deixar nosso componente em português (frontend)

Você tem que ter a extensão padrão de linguagens do joomla já instalada, baixe a versão mais atualizada aqui.

Agora, baixe a tradução do componente do Phoca aqui.

Descompacte o arquivo

Agora, via ftp, ou via cpanel, vá para a raiz do seu site -> Languages -> pt-BR e envie os arquivos para lá.

Pronto! Seu mural de recados está pronto para ser utilizado!

Até a próxima!

Tardes na Especializa está de volta e o mini-curso de Joomla também!

2010-05-26T07:41:00.002-03:00

Olá Pessoal.

Este post foi criado mais para quem está em Recife. O projeto Tardes na Especializa, cujo o objetivo é apresentar mini-cursos de 4h de duração em diversas áreas de TI, permite que vocês tenham uma aula introdutória sobre os mais diversos assuntos, para que você tenha noção sobre determinado assunto antes de gastar milhões fazendo cursos de coisas que você descobre odiar posteriormente.

E como não poderia deixar de ser, o fabuloso mini-curso de Joomla! 1.5, sucesso total e absoluto vai ensinar aos noobies como instalar o Joomla, fazer um sisteminha de notícias, enquete, conteúdo estático, formulário de contato, botar tudo pra português, botar novo template, galeria de imagens e vídeos em 4h! Esse mês é voltado pra frontend. Pena que com tanta novidade, não deu pra encaixar meu também fabuloso mini-curso de xhtml com css. =(

Confiram aí as novidades, lembrando a todos que as vagas são limitadas e que desta vez eu não vou dar aula extra pra suprir os insistentes. (embora eu sempre diga isso, meu coração me obrigada a dar aula extra para os retardatários =D. )

31/05/2010 - JQuery e Ajax

Conheça o verdadeiro canivete suíço para programadores Javascript. Com JQuery é bem mais fácil construir telas

ricas na Web, com animações e Ajax. E o melhor, totalmente portável entre navegadores.

01/06/2010 - HTML5 - O futuro da Web

O HTML5 é a mais nova especificação W3C para conteúdos Web. Semântica, manipulação multimídia (áudio e vídeo), armazenamento de dados no lado cliente, programação concorrente são algumas das características marcantes desta nova versão.

02/06/2010 - Sites Instantâneos com Joomla!

Conheça as facilidades de utilizar um gerenciador de conteúdo (CMS - Content Management System) para desenvolver sistemas completos sem a necessidade de escrever códigos de programação. Escrito em PHP, atualmente, o Joomla! é um dos mais evoluídos CMS do mercado e você não vai precisar ser um expert em programação para criar sistemas online com diversos recursos.

03/06/2010 - Alta performance em front-end de sites

A preocupação com desempenho de front-ends não deve ser apenas dos browsers ou dos programadores server-side. Aprenda aqui alguns truques para "tunar" seus projetos Web.

04/06/2010 - SEO: Melhores resultados em sites de busca

Traga resultados mais claros e eficientes nas pesquisas utilizando esta técnica. Melhore a visibilidade do seu site.

A inscrição custa R$ 29,90 e pode ser feita em www.tardes.especializa.com.br

Beijos galera e até a próxima!

Como enviar seu site em joomla pro servidor, fácil (CPanel)

2010-04-28T11:20:00.016-03:00

A situação mais comum do mundo para quem trabalha com Joomla, é criar o site no seu servidor (localhost) e enviar para o servidor depois de pronto. O problema é que isso tudo parece muito complicado para quem está iniciando em Joomla.

Resolvi fazer este tutorial, explicando aos novatos em Joomla como enviar seu site pro servidor da maneira mais descomplicada possível.

Você precisa de acesso ao cpanel e que nele tenha o fantástico (a maioria dos servidores) :D

1. Exportar os arquivos do seu phpmyadmin, no seu localhost

2. Nesta tela, selecione a opção de compressão no final da tela pra nenhum e clique "executar"

Duas coisas podem acontecer, uma é pedir pra salvar o arquivo .sql do seu site, outra é aparecer uma tela com um código, copie todo o código e cole em um txt e deixe o arquivo aberto

3. No windows explorer, entre no diretório do seu site, na sua máquina, exemplo comum seria C:\xampp\htdocs\seu_site e selecione todos o arquivos do site, deixando de fora APENAS o configuration.php

4. Clique com o botão direito na seleção, clique na opção "Enviar --> Pasta compactada" ou adicione em um arquivo .zip da maneira que preferir. Mais uma vez ressaltando, o arquivo configuration.php DEVE ficar de fora.

Agora, vem a parte simples, logue no painel de controle da sua hospedagem (o famoso CPANEL)

Nele, procure a parte de serviços e clique em "Fantástico De Luxe" ou "Fantástico" e clique

Selecione Nova Instalação para o item "Joomla 1.5" como mostra a imagem

Escolha qual domínio a ser instalado, qual diretório, exemplo, www.meusite.com/joomla, escolha qual o usuário super administrador padrão do site e a senha, anote essa senha num papel, de preferência. Preencha o resto dos campos e clique em "Instalar Joomla 1.5", deixe o "Install Sample data" em branco

Clique no botão de "Terminar a Instalação"

Agora, você tem um site em Joomla padrão configurado, o que faremos a seguir será limpar o BD atual da hospedagem, substituir pelo nosso banco, deletar os arquivos do joomla no host (hospedagem) e colocar os nossos. Tudo isso para evitar trabalhar com o configuration.php e criar usuários e bd's na nossa hospedagem, além que que, enviar o arquivo como faremos é muito mais rápido que enviar mais de 4.000 arquivos via ftp.

Volte para o cpanel e clique em "Gerenciador de Arquivos"

Entre na pasta pública do seu site

Agora, entre na pasta do você instalou o Joomla através do Fantástico, Clique no botão "Selecionar Todos", em seguida, desmarque o arquivo configuration.php e cllique no botão "Remover"

Beleza, agora, vamos enviar o nosso site... perto do botão remover, há o botão de upload, clique nele, selecione aquele arquivo zipado que você fez com a pasta do seu site e aperte o botão de enviar o arquivo. Aguarde o tempo de envio, aparecerá uma tela para você voltar para a área de gerenciamento, clique nela.

Agora, selecione o zip que estará na pasta do seu site e clique no botão "Extrair". Aguarde a Extração dos arquivos e agora só falta importar nosso banco de dados para o novo site.

Volte para o Cpanel e clique em "phpmyadmin"

Selecione a base de dados criadas pelo fantástico, normalmente um número aleatório e última base criada

Ao clicar na base de dados, descendo a rolagem você verá um link"Marcar todos" e uma opção para dizer o que fazer com os selecionados, clique no link e selecione "eliminar" como aponta a figura abaixo

Agora seu banco ao invés das 36 tabelas, ele agora tem nenhuma tabela. Você vai notar que todas aquelas tabelas do lado esquerdo serão apagadas.

Ainda nessa base de dados, há dois caminhos que podem ser tomados. Se você conseguiu salvar seu banco como sql, você clica em "Importar" seleciona o arquivo e clica em Executar, caso você tenha salvo os comandos no txt, selecione estes comandos e clique no botão "SQL", irá se abrir uma caixa, onde você deverá colar esses comandos e clicar em executar.

Pronto, você verá sua base de dados ser preenchida com as informações do seu site antigo.

Agora vamos as vantages e desvantagens de utilizar este método...

Vantagens

1 - você não precisa de acesso a ftp para fazer

2 - Você não corre o risco de seu ftp estar mal configurado e ao enviar o servidor achar que é um ataque e bloquear seu site

3 - você não precisa criar usuário e banco manualmente

4 - Você não precisa modificar o configuration.php

5 - Pra conexões lentas é mais rápido enviar o site em um zip e descompactar na hospedagem do que enviar arquivo por arquivo

Desvantagens

1 - Você tem que ter o fantástico ou outro instalador automático do Joomla na sua hospedagem

2 - Você tem que executar mais etapas do que se fosse enviar por ftp.

Bem, não é o método perfeito, mas é um método fácil de se seguir.

Beijos galera.

Como exibir os módulos de um template Joomla 1.5

2010-03-12T23:47:00.002-03:00

Bom Galera, há muito tempo meus alunos me perguntam como saber quais os módulos existentes em um template de maneira fácil (coisa que o Joomla 1.0 tinha muito boa) e eu havia esquecido completamente desta dica...

basta adicionar no final do endereço do seu site o seguinte ?tp=1, fazendo isso, é exibido na página TODOS os módulos existentes no template, onde estão e seus respectivos chrome.

façam o teste, acessando o seguinte endereço:

http://www.jenniferpayne.com.br/novo/index.php <-- Sem o código, página normal.

http://www.jenniferpayne.com.br/novo/index.php?tp=1 <-- Com o código, todos os módulos marcados.

Espero que esta dica tenha sido útil.

Erro de TimeZone Joomla 1.5

2010-03-11T18:51:00.002-03:00

Olá mais uma vez. Um outro erro que tenho visto em algumas máquinas é o seguinte:

Warning: strtotime() [function.strtotime]: It is not safe to rely on the system's timezone settings. You are *required* to use the date.timezone setting or the date_default_timezone_set() function. In case you used any of those methods and you are still getting this warning, you most likely misspelled the timezone identifier. We selected 'America/New_York' for 'EST/-5.0/no DST' instead in /Library/WebServer/Documents/joomlafive/libraries/joomla/utilities/date.php on line 56

Esse NÃO é um problema do Joomla e sim, da versão php do seu servidor (xampp, wamp, etc), normalmente ocorre no php 5.3 pelo que li, e deve ser corrigido da seguinte forma.

abra o arquivo php.ini do seu servidor (se você não sabe onde está, faça uma pesquisa no seu sistema operacional) procure pela seguinte linha: date.timezone, provavelmente ela está comentada, ou seja, com um ";" assim:

;date.timezone

neste caso, tente simplesmente apagar o ; e se não funcionar, force, setando na mão um timezone, no meu caso, utilizei o

date.timezone = America/Recife

Veja nesta lista os timezone possíveis para o continente americano (somos americanos, lembra?)

http://nl3.php.net/manual/en/timezones.america.php

Espero ter ajudado, até a próxima!

Como eliminar JPAGE_CURRENT_OF_TOTAL

2010-03-11T18:32:00.004-03:00

Bem, faz tempo que eu não posto, mas esse problema eu tive com minha turma de Joomla mais recente e creio que várias pessoas estão passando por isso.

No final das páginas de notícias aparece o seguinte: JPAGE_CURRENT_OF_TOTAL. O que era para aparecer era algo como "Página Página atual de Número total de páginas"

Isso está acontecendo nas versões 1.5.15 do Joomla cuja linguagem do site não seja em inglês. Acontece que os pacotes de linguagem devem ser atualizados para correção deste problema.

Na sua instalação do Joomla, entre na pasta language --> pt-BR abra o arquivo pt-BR.ini, neste arquivo insira em qualquer parte do arquivo o seguinte código

JPAGE_CURRENT_OF_TOTAL = Página %s de %s.

Pronto. Problema resolvido.

Até a próxima

Workshops de Joomla! no imedia Brasil - Recife

2010-01-22T21:15:00.002-03:00

Bom galera, depois de um tempo sem dar mini-cursos, teremos logo 2 em janeiro, localizado no imedia, em Boa Viagem. o lugar fica no Edifício Excelsior, quase em frente ao Habib's da conselheiro. Os cursos serão no dia 29 de janeiro, das 14:30h as 17:30 e das 19h as 22h. Pra variar, o custo é simbólico (R$ 15,00) e tem apenas 20 vagas.

Neste workshop, instalaremos o Joomla e faremos um site utilizando o Joomla. Se você conhece alguém ou tem interesse em se iniciar nessa ferramenta, está aí uma oportunidade de ouro.

Em fevereiro eu vou postar um tutorial sobre como fazer formulários personalizados utilizando o JForms. Aguardem!

Técnica VS. Criatividade

2009-12-11T16:35:00.003-03:00

Para vocês entenderem meu ponto melhor, eu vou definir a minha visão de técnica e de criatividade.

Técnica – Entender quais cores, formas e tipos (estilos de fonte) agradam e atraem o seu púbico-alvo, para trabalhar com as formas mais indicadas e até mesmo poder ousar, trabalhando com contrastes, por exemplo. Também é sua habilidade com as ferramentas escolhidas para executar o serviço.

Criatividade – Ir além das expectativas, fazer o inesperado, ser pioneiro, inovador em algum aspecto ou no projeto como um todo. Utilizar as ferramentas em suas mãos para criar um resultado único.

É muito comum de ouvir de meus alunos e de pessoas com quem eu converso sobre meu trabalho a seguinte frase: “Eu não sirvo para trabalhar nesta área, não tenho criatividade”. Eu admito que o uso da criatividade pode nos salvar de muitos apuros, mas se vocês querem saber... não se utiliza a criatividade tanto assim. O que acontece, é que a criatividade é o ato de surpreender, nem sempre de maneira positiva, diga-se de passagem e serve também para que venhamos com soluções inesperadas para as necessidades dos nossos clientes.

Acontece que a maioria dos problemas dos clientes não são especiais a ponto de ser necessário o uso de elementos surpresa para solucioná-los. O que quero dizer é que quando um cliente seu pede um site, por exemplo, você deve pegar as referências da concorrência, analisar os pontos fracos e fortes, se basear nas cores, formas e estilos da empresa de seu cliente e do público-alvo e trabalhar em cima disso. Com esses dados em mão você pode trabalhar o seu layout e como você precisa das duas uma: Fazer um trabalho que seja familiar ao público-alvo ou a concorrência é tão ruim ou inexistente que você tem a oportunidade de fazer algo bem melhor e pode até “brincar de layoutar”.

Difícil é aparecer um projeto pioneiro e inovador onde você não tenha referências para começar, a ponto de fazer necessário o uso da criatividade. Na verdade, ao que minha experiência indica, é muito difícil do cliente deixar que você utilize sua criatividade de fato, ele geralmente vai te dizer como ele imagina o projeto, baseado no que ele conhece e acredite em mim, ele entende muito mais do negócio dele do que você... então, por mais brega que pareça suas idéias, escute-o, porque a palavra-final é dele, no final das contas.

Eu já estive em diversas situações onde acreditei que o meu pensamento era muito melhor que o deles e algumas vezes consegui convencê-los, mas eles que pagam a conta, não adianta discutir ou você vai passar diversos meses indo e voltando com o layout, porque na verdade, o que eles querem é alguém que coloque na tela, as imagens que ele vem sonhando desde que começou a idealizar seu negócio.

Quando o cliente for assim, façam do jeito que eles querem, terminem o projeto, recebam o dinheiro, mas não coloquem em seu portifolio, se, em uma escala de vergonha de 1 a 10, sua vergonha esteja de 7 em diante.

Acreditem em mim quando eu digo, estudem as técnicas, vejam o que “está na moda”, a moda agora é textura de fundo estilo “grunge” formatos abstratos e super-mega-fantásticos efeitos no Photoshop (GIMP pra quem é livre).

Criatividade é quase uma utopia e mesmo quando você possa trabalhar com a criatividade, você precisa das técnicas para executar o serviço, você TEM que saber quais cores e formas, fontes que vão bem pro projeto, mesmo que o resultado final seja pouco convencional.

Conclusão: 80% técnica, 20% criatividade para conquistar os clientes e o mercado.

Beijos galera.

Análise do site http://www.serdiferenteenormal.org.br/pt/

2009-12-04T01:25:00.002-03:00

Bom gente, estava assistindo TV hoje (coisa rara), por causa do programa "Por toda minha vida - Raul Seixas" e trabalhando, quando no jornal após o programa vi uma iniciativa sobre inclusão, onde você pode botar sua foto e se ver "diferente", como por exemplo, com síndrome de down em http://www.serdiferenteenormal.org.br/pt/ eu prontamente fui dar meu apoio ao projeto, quando eu me surpreendi em ver que o site foi feito em Joomla! 1.5. Fiquei super feliz com a descoberta e resolvi compartilhar minha análise sobre o site. Ele é um ótimo exemplo de como você pode personalizar um template para ter sua cara e como obter um bom resultado utilizando não muito mais que o Joomla! padrão.

À primeira vista você quase não nota (exceto pelo menu) que o site utiliza o template padrão ja_purity. O site é composto basicamente de links externos (minha única crítica, os links externos abrem na mesma página).

O site tem diversos vídeos que foram "embedados" nos artigos e utilizados em alguns momentos de maneira atão inteligente que faz parecer uma galeria de vídeo.

O pessoal que desenvolveu está de parabéns pela maneira super criativa na utilização do Joomla.

Beijos, galera.

Meu site pessoal no ar!

2009-11-29T10:59:00.004-03:00

Bom gente, hoje vou falar pra vocês que meu site pessoal está no ar e vou aproveitar e falar para vocês um pouco sobre o processo de criação dele.

Este site é baseado na versão em flash que fiz em 2007.
http://www.jenniferpayne.com.br/index_old.html

Neste post, vou falar os passos que fiz para desenvolver o site e falar um pouco das extensões que utilizei, porque sei que tem muita gente que não sabe por onde começar na hora de criar.

1° Determine o públic-alvo - Quem eu espero que visite o site e quais expectativas eles têm sobre o site, como fazer para prender a atenção deste público-alvo (P.A.).
2° Determine a estrutura - Que tipo de conteúdo será mostrado, quais os conteúdos são importantes, qual a ordem de importância deles e como facilitar a navegação no site até para usuários mais inexperientes. Aplique a regra dos 3 cliques: Em uma estrutura de fácil navegação, todos os conteúdos devem estar acessíveis em até 3 cliques.
3° Criar um rascunho do site - Eu sempre faço um rascunho (raff) dos meus trabalhos antes de ir pro pc. Lápis, Lápis-de-cor, papel e borracha. Cores, formas, apresentação dependem do seu P.A.

4° Criar layout - Hora de ir pro computador e criar seu layout em algum programa como GIMP, Photoshop...

5° (Apenas para Joomleiros) - Se você for Joomleiro, crie uma instalação do Joomla nesse momento e gere o conteúdo básico do seu site (Textos, notícias e coisas que se pode fazer com o Joomla! sem extensões adicionais), esse passo é importante para a próxima etapa.

6° Criar o template - Hora de criar as tags xhtml+css+flash e toda a parte visual do site, para os Joomleiros que já criaram conteúdo, adapte as tags padrão do joomla para o layout do seu site, aconselho a ter um arquivo CSS apenas para as tags padrões do Joomla que adaptar. Se vocês quiser acesso a todas as classes do Joomla explicadas, clique aqui.

7° Escolhendo as extensões - Dê uma olhada na estrutura + rascunho do seu site e comece a procurar as extensões que mais se adaptem às suas necessidades. Procure no http://extensions.joomla.org/. As extensões que utilizei foram:

Morfeo show - Simple Viewer gallery, uma galeria de imagens em flash, no link projetos gráficos

JPortfolio - Galeria bem simples para portifólio que utilizei no link Sites/Sistemas Online

JT Slide Show - Para fazer as miniaturas abaixo do menu. É um módulo bem bonitinho, mas as imagens e links devem ser colocados manualmente na configuração do módulo e as imagens devem ser "upadas" de preferência via ftp.

JSlideShow - Para fazer os banners embaixo do conteúdo, este módulo é para exibição de artigos, para realizar o truque, eu criei uma categoria banners e em cada artigo coloquei uma imagem do banner (foi no improviso, mas o resultado é uma área de banners que parece flash, sendo que muito mais leve).

Como vocês podem ver, um site como o meu é muito simples de fazer e leva pouquíssimo tempo para ser configurado. O diferencial, no caso, é a forma como explorei o layout e como personalizei o Joomla, modificando as configurações padrão para obter um resultado único e interessante.

Acho que nenhum outro designer ousou expor o processo de criação do próprio site antes, mas esse site foi criado basicamente para isso.

Meus alunos sempre me perguntaram como fazer para criar um sistema em Joomla leve, bonito e sem "cara de Joomla!", este post é a resposta. O negócio é procurar e testar extensões, sempre. Crie uma instalação de teste do Joomla, somente para instalar e testar novos componentes.

Beijos galera e para quem quiser ver o resultado final do meu site clique aqui.

Como retirar a tag generator e retirar a marca e nome Joomla! do backend

2009-11-13T10:33:00.001-03:00

Bom dia, galera! Após séculos sem postar, venho tirar duas dúvidas bastante comuns dos meus alunos. Como tirar a tag <meta name="generator" content="Joomla! 1.5 - Open Source Content Management" />. Bem, antes de tirar esta dúvida, eu tive que finalmente ler os termos do Joomla!, coisa que todo mundo faz ;)

Vamos ao trabalho pesado:

"Our General Public Licenses are designed to make sure that you have the freedom to distribute copies of free software (and charge for this service if you wish), that you receive source code or can get it if you want it, that you can change the software or use pieces of it in new free programs; and that you know you can do these things." Aqui ele diz que a licensa dele nos garante a liberdade de distribuir cópias do Joomla! de graça ou cobrar por isso e que podemos modificar o software ou usar partes dele em novos programas e que saibamos que podemos fazer essas coisas. Só por este trecho no início, acho que já são suficientes para me fazer parar de ler, mas eu li completamente.

Dêem uma lida na licensa do Joomla!, é bem interessante. Seguinte, as duas dicas de hoje são:

Como retirar a tag "generator" do Joomla!.

1. Abra com algum editor de texto o arquivo head.php que está nesse caminho do seu Joomla! libraries/joomla/document/html/renderer

2. Na seguinte linha: $strHtml .= $tab.'<meta name="generator" content="'.$document->getGenerator().'" />'.$lnEnd; adicione "//" para comentar a linha, evitando de ser mostrada no site. A linha deve ficar assim:

//$strHtml .= $tab.'<meta name="generator" content="'.$document->getGenerator().'" />'.$lnEnd; /*Tag responsável pro gerar o meta name "Joomla! 1.5 - Open Source Content Management" do html*/

Pronto! Ao olhar agora o código-fonte de suas páginas publicadas, você não mais verá a tag geradora do Joomla!.

Gostaria de lembrar a vocês que é interessante deixar esta tag para reconhecer o Joomla! e fortalecer a comunidade. Por outro lado, por questões de segurança, você pode tirar esta linha, para evitar que hackers especializados em Joomla! percebam de cara que seu sistema é Joomla! e tentem explorar alguma falha que eles conheçam. Mas, isto não protege mesmo, da pessoa saber, pois, quem conhece um pouco de Joomla! sabe reconhecer o sistema olhando as tags html que ele gera, como por exemplo "componentheading" "moduletable" e outras. Caso você escolha tirar a tag, por favor contribua para a comunidade de outras formas, como por exemplo, ajudando a divulgar o Joomla! através de tutoriais ;) ou comprando materiais do Joomla! na loja dos caras, no site www.joomla.org e coisas deste tipo.

Segunda dúvida:

Como modificar a área administrativa do Joomla!, adicionando nossa marca e tirando o "Joomla! Administration Login" do index.

1. Modificando o "Joomla! Administration Login" ou "Joomla! - Login Administrativo" . Basta entrar na arquivo login.php da pasta administrator/templates/khepri e modificar a linha <h1><?php echo JText::_('Joomla! Administration Login') ?></h1>, modifique a frase entre aspas simples para a que você desejar.

2. Modificando a marca do backend. Assumo daqui que você esteja usando o padrão que é o da barrinha verde abaixo do topo o (h_green) entre na cadeia de diretórios seguinte: administrator/templates/khepri/images/h_green, nela, você terá que alterar os seguintes arquivos: j_header_left.png e j_header_right_rtl.png, substitua as imagens por imagens com o mesmo tamanho e nome, DICA: utilize j_header_middle.png num editor de imagens para "colar" em cima de onde tem a marca do Joomla para "apagar" a marca, para então em outra camada adicionar pela sua.

Bom gente, espero que vocês "apreciem com moderação" as dicas de hoje.

Até a próxima!

Vídeo Tutorial do Exposè 4

2009-10-21T08:00:00.002-03:00

Olá galera, este post vai especialmente aos meu alunos do curso de Joomla. Geralmente eu ensino como trabalhar com o morfeo e com o expose no curso, mas... eu ainda não preparei nenhum material escrito sobre o expose e como minhas crianças precisam estudar, aqui vai um vídeo tutorial muito bom. Aproveitem!

http://www.youtube.com/watch?v=fdAJnk8pjRk

Próximo tutorial... Criando galeria de vídeos no Joomla! 1.5

Aguardem!

Desafio Joomla no iseminar 2009

2009-10-14T09:24:00.003-03:00

Olá galera! Desculpa o tempão sem atualizar o blog, mas a vida tá uma bagunça e nada melhor do que boas novidades para voltar a postar.

Primeiro: desculpem não ter tido tempo de avisar no blog sobre a palestra de Joomla! 1.5 que ministrei na Saraiva MegaStore em Recife no dia 22/09 às 19h. Eu mandei um e-mail spam master pra todos que conheciam, mas não é a mesma coisa. Enfim, a palestra estava lotada o que mostra que o Joomla está crescendo aqui em Recife e essa notícia é algo que me deixou extremamente feliz. Houve até o sorteio de um livro do "Guia do Operador"!

Segundo: novas turmas de Joomla estão se formando na Especializa Treinamentos, à partir do dia 21/10, das 19:00 às 22:00h, nas segundas e quartas. O curso tem a duração de 24h (não, não é em um dia só, esqueçam o Jack Bauer) e também aos sábados à partir do dia 17/10 no Imedia Brasil, de 08:00h às 12:00h e das 13:00h às 17:00h (intensivo de 08h).

Terceiro e mais importante...

Desafio iseminar

Eu vou participar do iseminar com o desafio Joomla!. Estarei lá configurando um hotsite do evento enquanto rola o evento, fazendo resumo das palestras, com área de comentários, fotos do evento, ganhadores do sorteio e muito mais. Quando terminar o evento, os participantes do iseminar poderão enviar fotos e comentar sobre o evento no hotsite que permanecerá no ar.

Para quem é web designer, não pode deixar de participar do iseminar, viu? http://www.iseminar.com.br/v2009/

Valeu, galera, até logo

Web 3.0 é a web de volta às origens (Conteúdo é rei novamente)!

2009-08-16T08:03:00.003-03:00

Bom gente, esse post não é necessariamente sobre Joomla, mas é um assunto interessante, que é, o futuro da web. Para explicar como eu vejo o futuro da web, deixa eu falar do passado e presente.

A web começou como meio de troca de informações (conteúdo era rei), principalmente utilizado pelos acadêmicos e militares. Sem gandes novidades até aí, é por isso que a estrutura HTML é tão simples, a idéia era publicar artigos, textos, livros e não havia ainda o conceito de websites. Em livro, você não tem um menu fixo onde você clica no topo da página e vai para capítulo 10 ou 05, por isso que para criar um site você tem que repetir a estrutura HTML e mudar apenas o conteúdo. Mas em um livro, você tem um index, que mostra as páginas das partes principais do livro e na web, você poderia clicar em um link para ir pra outro lugar. Se você observar bem, você tem nas tags HTML a possibilidade de estruturar um livro. Mas, como o HTML puro é bem sem graça, a possibilidade de cores, fontes e outras coisas surgiram ao longo dos anos.

Todavia, os visionários enxergaram na web a oportunidade de mostrar e vender qualquer coisa e, como qualquer nova tecnologia na moda, qualquer coisa começou a ser feita. Ter página na web era status, não importava que tipo de coisa você teria, era mais "moderno" quem tinha página. Isso foi um passo importante, porque foi aí que as tecnologias para web começaram a ser desenvolvidas, para atender as "necessidades" dos clientes, flash entrou em cena, fazendo pirueta, linguagens dinâmicas ficaram famosas por fazer coisas impossíveis para o HTML que era a INTERATIVIDADE!

Pronto, nasce o conceito de web 2.0, uma web participativa, onde todo mundo pode e deve dar sua opinião, seguir tendências na área, todo mundo pode agora ter um e-commerce, um blog, um site, aliás... site não é mais status agora, site agora é até passado. Quem quer um sitezinho, estático, sem graça, com 5 links? Ninguém! A onda agora é sistemas online! Nessa onda, surgem entre outras coisas, os famosos CMS (Content Management System) ou sistema de gerenciamento de conteúdo, onde qualquer um consegue em pouco tempo criar um sistema online refinado, utilizando meu amorzinho (o Joomla!) ou outros CMS. Juntamente com essa tendência de interatividade, milhões de lixo na web, os sites de pesquisa começaram a refinar seu sistema de busca, dando por destaque o CONTEÚDO! Sim, ele mesmo! É preciso se destacar, é necessário construir armadilhas para fisgar seus visitantes. Como no caso da doceira que faz um site de receitas para mostrar uma área de encomenda "Você não tem tempo para fazer o bolo da sua filha? A gente faz para você!", ou como no caso da professora de Joomla! que faz um blog sobre Joomla! para adquirir credibilidade, se divulgar e conseguir alunos! =D hehehehehehe

Brincadeiras à parte, nessa hora, entra o SEO (Search Engine Optimization) e suas regras e vertentes para ser encontrados com mais facilidade. Eita! falando em facilidade, usabilidade é super importante nessa era 2.0 e assim como acessibilidade também! E como tudo na web muda muito rápido... Eita... Tadinho do flash... começou a ser um pouco abandonado, perder espaço, de elemento que fazia a página toda... agora ele virou um topo, ou um banner... Isso tudo porque: É pesado, fazê-lo acessível não é tão fácil ,só roda se tiver flash player, ver um site em flash num iphone ou coisa do tipo não é muito legal (aliás o flash player do linux é horrível e o número de usuários linux tá aumentando, ou seja, site mal visualizado é mensagem mal recebida), leitores de tela não têm (tinha, sei lá) como ler o flash muito bem e google até a última vez que pesquisei, era capaz de ler e indexar o swf principal, mas incapaz de encontrar os swf externos, e como flash é pesado, sempre se usa swf externo. Na verdade, falando em indexação, o Google virou quem dita as modas da web. Foi por causa dele que eu descobri que fazer site com frame não era legal (sim, eu fazia com frames ¬¬), você é capaz de encontrar pelo Google apenas um menu ou um topo de um site utilizando frames, o que era horrível, porque terminava sendo fim-de-linha para os usuários, que não sabia que era só colocar index.html lá em cima e pronto. É uma pena, porque foi o mais perto de include que o html já chegou! Hahahahahaha e aí entrou a moda das tabelas no lugar.

Através do Google também, foi que descobrimos o que era semântica, acessibilidade e a importância de se pensar nos deficientes visuais. Sim, porque eles e pessoas com dificuldades motoras existem e precisamos olhar por elas, se não para garantir o direito humano de acesso à informação, pode ser também por pensar que empresários com tecnologias móveis, sem tantos recursos estãos utilizando esses meios cada vez mais, ou, de maneira mais egoísta, se fizermos pensando em acessibilidade, a quantidade de visitas aumenta, porque o Google nada mais é que um mega leitor de tela, ou seja, aumentar a visualização no Google é também a chance de retorno do negócio mais alta!

*Entra um leitor furioso* Ô, Jennifer... E a danada da web 3.0, cadê?

*Jennifer dá um tapinha nas costas do leitor* Er... era só linkbaiting... =D!

Na verdade, este post é para falar da importância do conteúdo na web. Para se destacar, é importante oferecer informações valiosas, porque, só há duas coisas que sempre terão um grande valor no mercado: Sexo e Informações. Como a maioria da população (me incluindo nessa) não tem o corpo bom ou a cara-de-pau para sair por aí vendendo seu corpo, o que podemos fazer é oferecer informações para atrair consumidores e planejar para que possamos vender nossos serviços/corpos e produtos quando o usuário estiver na nossa.

Você tem mais chance de aparecer no Google, se você tiver mais conteúdo no ar, se este conteúdo for de qualidade. Um site sem visitante, é shopping sem gente dentro. Em resumo, esse post todo é para dizer: "Conteúdo é rei novamente!".

O Joomla! tem várias ferramentas que ajudam no SEO. Aproveitem!

Ah! Só para meu leitor ranzinza não sair triste comigo, acredito que web 3.0 virá com o desenvolvimento e utilização de ferramentas VRML (Virtual Reality Markup Language). O próximo nível é você entrar numa loja virtual de móveis e poder escolher cor/textura do objeto, de acordo com as disponíveis e poder girar o objeto, montar uma espécie de sala, onde você poderia escolher os objetos e montar como seria sua sala, por exemplo, colocando móveis em posição correta, depois, adicionar ao carrinho e comprar! Até lá é tudo apenas reformulação do que já existe.

Múltiplas Galerias de Imagens no Joomla 1.5

2009-08-13T07:52:00.003-03:00

Bem, essa é uma dúvida que chega de vários alunos e que eu vejo bastante por aí é: Como eu faço para ter várias galerias de imagens em partes diferentes do site, sem ter que duplicar componente?

Esse artigo também vai para meu aluno , que me pentelhou o curso inteiro pra aprender a fazer isso, e quando eu dou aula disso, ele falta >.<>

Pois é, é bem simples de fazer isso, utilizando o componente morfeoshow, clique nesse link e nos menus do lado esquerdo para visualizar os diferentes tipos de galeria oferecidos por ele. Faça o download do componente e plugin aqui e instale ambos. Habilite o plugin.

O morfeoshow é bem intuitivo e a intenção não é a de ensinar como se trabalha com ele, então, assumo que você cutuque bastante a morfeo e crie umas três galerias diferentes. Vamos precisar delas como exemplo.

Quando você cria uma galeria, uma identidade é associada a ela, exemplo {morfeo 1},{morfeo 2}, {morfeo 3}, etc...

Então vamos Criar um Link no site chamado "Minhas Fotos", com sub-links para as galerias separadamente. A Estrutura final será:

Minhas Fotos

Eu
Família
Viagens

Vale a pena deixar claro que você poderia ter quantos sub-álbuns quiser, inclusive viagens poderia ser separado por lugares e etc.

1° Passo - Crie um link para o componente MorfeoShow, entitulado "Minhas Fotos"

2° Passo - Crie um artigo, com categoria, sem categoria, do jeito que você quiser, bote um título que te lembre a galeria que você vai botar como sub-link E.g: Eu, Família, Viagens

3° Passo - Neste artigo, coloque aquela marcação de id que aparece na galeria criada, seguindo a ordem do tuto, você deve ter agora Eu = {morfeo 1}, Família = {morfeo 2}, Viagens = {morfeo 3}

Então, no artigo "Eu" terá apenas isso escrito {morfeo 1}

Repita os passos com as outras galerias.

Tenha certeza que o plugin do morfeoshow está habilitado, pois é ele que reconhecerá esse comando e chamará a galeria correspondente.

Agora, Crie itens de menu, de tipo "Layout padrão de artigo", ou "Article layout", aquele que só mostra um artigo, escolha o artigo referente à galeria, coloque o título e em "item pai", "Parent Item" escolha o Minhas fotos, repita a operação com os outros artigos que são galerias.

No final das contas, você terá

Minhas Fotos - Mostrando todas as galerias (do tipo Morfeoshow)

Eu, Família e Viagens - Mostrando artigos cujo o conteúdo são galerias individuais, ou seja galerias múltiplas!

O melhor de tudo isso é que, você ainda pode colocar textos descritivos para as galerias, colocá-las no meio de artigos, enfim, pintar e bordar.

Gostaria de finalizar esse post agradecendo o apoio dos colegas e alunos na montagem do grupo Recife, onde teremos encontros, palestras, debates, mini-cursos, enfim, estamos dando preferência para pessoas de Pernambuco ou estados próximos, que consigam se deslocar até onde for os encontros, mas obviamente, todos serão bem-vindos. Quem tiver interesse, manda um comentário com o seu msn aqui pro blog que a gente adiciona no grupo, estou querendo juntar pelo menos mais 20 ou 30 interessados para poder começarmos as atividades (criar um site, discutir assuntos pra palestras, locais, etc). Já contamos com o apoio da Especializa treinamentos, o único local em Pernambuco, que por enquanto dá curso especializado de Joomla por aqui e apoio de uma livraria, que por enquanto não posso dizer o nome, que abrirá espaço para nossas palestras e encontros, enquanto a Especializa cede para estudos e mini-cursos.

Inscrevam-se galera e como diria Wolverine em um joguinho de arcade "Let's go rock!"

Joomla! em servidor windows!

2009-08-07T14:41:00.003-03:00

Olá galera, foi mal o tempo sem postar, mas a vida tá corrida por aqui.

Hoje venho falar de configuração do Joomla em servidor windows. Eu e um amigo estávamos passando um site dele do localhost para o servidor. tentamos de tudo mas não conseguíamos passar da etapa de configuração e conexão com o Banco de Dados, eu nem tinha me ligado que o servidor dele era windows. Ele conseguiu resolver assim...

Onde você coloca normalmente "localhost" no windows é mysql.teusite.com

No entanto, não sei se essa particularidade é da hospedagem dele ou se todos os servidores windows são assim. De qualquer forma, meu maior conselho é para que você utilize servidores Linux ^-^

Bom, algumas pessoas pedem para ver alguns sites meus em Joomla, por enquanto posso mostrar esse, que é parceria com a Massa Comunicação uma agência de publicidade em Recife muito boa. Eles bolaram a Id visual do festival Cine Chinelo no Pé e bolaram o esboço do layout, eu criei o template para Joomla e configurei o site. Um site simples e de rápida produção que utiliza extensões externas para imagens, vídeos, um plugin para mostrar o vídeo da página inicial e um módulo de menu que você pode colocar qualquer fonte e configurá-la, ele produz as imagens das fontes quando você abre o site. Well, ainda falta o dono do site enviar alguns textos :P

À medida que for produzindo coisas novas, aviso a vocês.

Mini-curso de Joomla dia 27

2009-07-21T10:38:00.002-03:00

Bom galera, esse post é só pra informar que dia 27, estarei ministrando um mini-curso de Joomla! 1.5 na Especializa Treinamentos. O mini-curso terá a duração de 4h, custará menos que R$ 20,00 e vocês aprenderão a instalar, configurar e vamos fazer um sitezinho com Joomla também. Utilizaremos uma galeria de imagem e template de terceiros.

Além do meu curso, terão outros na mesma faixa de preços

28/07 - Testes de Software

O desenvolvimento orientado a testes (TDD) vem se destacando no desenvolvimento de projetos. As empresas estão cada vez mais investindo em testes como forma de medir e aumentar a qualidade de seus softwares. Entenda como funcionam essas rotinas e os benefícios que trazem.

29/07 - Gestão de Ágil de Projetos com Scrum

Aprender um processo ágil que permite manter o foco na entrega do maior valor de negócio, no menor tempo possível. Permitindo a rápida e contínua inspeção do software em produção.

30/07 - Javascript com JQuery

Conheça o verdadeiro canivete suíço para programadores Javascript. Com JQuery é bem mais fácil construir telas ricas na Web, com animações e Ajax. E o melhor, totalmente portável entre navegadores

maiores informações em http://tardes.especializa.com.br, que aliás, é feito em Joomla, porém às pressas :D

Esse projeto dá a oportunidade das pessoas assistirem a uma introdução em diversas áreas de TI antes de decidir se é ela que querem seguir. Mês que vem, especial Google, com Android, SEO, google maps e mais.

Beijos

Como retirar a frase "Welcome to the FrontPage"

2009-07-15T16:50:00.003-03:00

É, eu sei, há vários posts na internet falando sobre isso, mas umas 4 pessoas me perguntaram isso essa semana e eu escrevo meu blog para meus leitores e alunos que me perguntam muito isso... então lá vai.... mas é tão simples que dá raiva!

1. Logue na área administrativa

2. Clique em Menu -> Main Menu ou menu que tenha o link padrão do seu site... É! link padrão, aquele com a estrelinha amarela nele... Como saber qual dos menus? Quando você passa o mouse em cima de menus no backend, um desses menus que são listados tem um asterisco do lado, sim, é ele!!!

Entre na edição do link que tem a estrela :D

Agora vem a parte que dá raiva...

3. do lado direito da tela, tem Parameters (system) ou Parâmetros de Sistema, pra quem usa o Joomla traduzido... Mude o título da página para um de sua escolha ou deixe em branco.

Esse Page Title vai ser a tag Title do seu html, se você escrever algo ali, vai mudar no seu html, se deixar em branco, ele pega o padrão do seu site (site name e global configurations),

escolha exibir ou não o título da página, se exibir, ele vai aparecer escrito antes do conteúdo das páginas, para qualquer link.

No momento estou aprendendo sobre o que teremos no Joomla na versão beta da 1.6... putz, vai mudar muita coisa, a maioria pra melhor

Beijos Galera,

Experimentando o Joomla 1.6

2009-07-10T11:31:00.006-03:00

O ponto mais negativo do Joomla 1.6 é não ter um módulo "legacy" para os componentes da versão 1.5 ou seja...TODAS as extensões terão de ser reconstruídas para o Joomla 1.6, mas vamos esperar o melhor.

- Instalação

na instalação mudou pouca coisa, na etapa de configuração do BD, já vem com o localhost marcado, e agora você pode escolher o login padrão de super administrator... Nada de "admin" por padrão, isso já ajuda na segurança.

- Front-end

Já vem com url amigável por padrão em "Global Configuration"

Não é permitido gerar pdf do artigo

- Back-End

As primeiras grandes mudanças já aparecem na versão alpha.

- user manager

você pode criar níveis de acesso baseado nas seções:

Core
Banners
Contacts
Content
Newsfeed
Trash
Weblinks

Restringindo o tipo de nível, a content, por exemplo, você escolhe o tipo de acesso daquele nível, por exemplo, do tipo conteúdo, você pode marcar como publisher e somente no conteúdo, o usuário vinculado a ele tem permissões de publicador.

-Categorias

Categorias aninhadas

Acabaram-se as seções, agora você pode criar categorias uma dentro da outra. Permitindo algo do tipo:

Eletrônicos

- Computadores

-Notebooks

-Desktops

Você pode iniciar algum conteúdo direto no lixo... Não entendi o porque disso, mas tudo bem. Ah! a lixeira agora é integrada :p

-Alternate Layout

Você pode utilizar um layout diferente do padrão de visualização de componente

-Título Alternativo

Mudará a saída da tag title do html

-Save & New

Muito útil na criação da estrutura do site, você pode salvar e já abrir uma nova página de criação, permitindo agilidade na criação de artigos, por exemplo.

-Save as Copy

Útil para criação de conteúdos similares, como categorias ou artigos

-Artigo de front-end agora se chama featured

Tools- Redirect

você pode redirecionar links para outras urls, bom pra quando você move a url de um artigo, não daria mais erro do tipo 404.

Não existe mais a guia "Content", agora ela está inserida em "Components"

- Menu

Melhor integração dos Links de menu com os módulos, os módulos aparecem em uma lista que mostra o posicionamento que ele está e a opção de esconder, mostrar, mostrar em todos os itens de links e ignore, confesso que não entendi a função ignore

A versão alpha está cheia de falhas de maneira que não deu paciência de fazer uma análise mais detalhada.

Em breve traduzirei as notas de Andrew Eddie em uma apresentação muito legal sobre o Joomla 1.6 para vocês.

Em geral eu gostei das modificações, ficou mais fácil de organizar as coisas, mas ainda não enguli que a gente não vai poder aproveitar NENHUMA extensão já feita até agora... Vai demorar um pouco para que a gente realmente passe a trabalhar com o 1.6, já que temos que contar com a boa vontade dos desenvolvedores para re-criar as extensões.

Eu vou falar mais detalhado sobre as implicações da versão 1.6 no próximo post.

Lançado novo diretório de recursos no Joomla.org

2009-06-16T07:24:00.002-03:00

Para alegria dos desenvolvedores e comunidade Joomla, que já atingiu desde 2005 até agora 10 milhões de downloads, consolidando o Joomla como um dos CMS mais populares do mercado, a equipe Joomla abriu um espaço para freelancers, empresas desenvolvedoras e trabalhadores Joomla mostrarem seu espaço! ;)

Segue abaixo, tradução do anúncio feito pela equipe dia 13 de junho em http://www.joomla.org/announcements/general-news/5238-joomla-resources-directory-launched.html

Em resposta ao interesse esmagador e pedidos da comunidade Joomla, o Projeto Joomla está feliz em anunciar que o Diretório de Recursos Joomla vai online hoje em resources.joomla.org . Se você é um usuário Joomla, não há maneira mais fácil de achar desenvolvedores, provedores de serviços e outros recursos de valor.

"Nós acreditamos que esta será a grande maneira de conectar usuários-finais e provedores de serviços na Comunidade Joomla," disse Wendy Robinson da equipe JRD. "A maioria das pequenas empresas não podem arcar em anunciar no site Joomla.org e isto os dará a chance de se expor. Com perto de um milhão de visitantes e 14 milhões de visualização de páginas por mês, o JED (o diretório de extensões) tem provado que há um amplo interesse em produtos relacionados ao Joomla. "

O JRD (o diretório de recursos) é contruído no sucesso do JED - o lugar mais popular para achar extensões Joomla. Ambos são disponibilizados através do Mosets Tree 2.1 extensão de diretório, uma extensão GPL que também alimenta o Joomla Site Showcase.

Se você provém serviços, alistar-se no diretório de recursos é sem custos (Lista premium será oferecido no futuro com um custo). Isto inclui consultores, designers de templates, sites de tutorial, e também qualquer outro serviço Joomla. Usuários podem postar análises destes serviços e dividir sua experiência com a comunidade.

--------------------------------------------------------------

Adorei a novidade, a comunidade agora pode unir desenvolvedores com os usuários final e mais uma vez, a comunidade Joomla ficou mais unida e mais forte!

*Correndo para me alistar*

Beijos Galera

Introdução ao desenvolvimento de Componentes para Joomla 1.5

2009-06-12T05:28:00.006-03:00

Bom gente, apesar de ainda não programar muito bem, estou aprendendo a programar php direto no Joomla. Em homenagem aos meus alunos Hugo, Sílvio e Rafael e outros que se interessam a começar a desenvolver para Joomla que crio este post.

Para seguir este tutorial, eu assumo que você conheça o Joomla, php e mySQL.

Preparando o nosso componente (básico)

Para desenvolver componentes, é necessário fazer três coisas, uma é preparar as pastas e os arquivos php que receberão a programação, dizer ao Joomla, no seu BD que seu componente existe e por fim, programar

Crie um folder na pasta components chamado com_seucomponente. Crie em administrator/components uma pasta com o mesmo nome.

Um componente tem área administrativa e comportamentos no front-end, então, preste atenção na hora de criar arquivos para não confundir aonde os mesmos devem ser colocados. O nome do seu componente não deve conter espaços. O Joomla quando for executar seu componente, ele vai buscar um arquivo php com o mesmo nome da pasta (tirando o com_) que irá se comportar como o index do seu componente

Crie um arquivo chamado seucomponente.php em components/com_seucomponente e dentro cole a seguinte linha de código

<?php
defined( '_JEXEC' ) or die( 'Restricted access' ); //Este código diz que esse componente só

//poderá ser executado pelo Joomla e é a primeira preocupação com segurança que se tem.
echo '<div class="componentheading">Meu Primeiro Componente</div>';
?>

Dica: Ao invés deste echo simples você poderia utilizar <?php echo JText::_( ‘Meu Primeiro Componente’); ?> esta tag JText diz que é um texto do Joomla, onde, se houver algum componente tradutor para outra língua, este texto será automaticamente traduzido, e ficaria "My first Component", caso fosse trauzido para inglês.

Se você digitar http://localhost/joomla/index.php?option=com_seucomponent no seu navegador, você já verá seu código em ação.

agora na pasta administrator/components/com_seucomponent crie um arquivo chamado admin.seucomponent.php e adicione o seguinte código

<?php

defined( '_JEXEC' ) or die( 'Restricted access' );

echo 'Meu Componente, administrador';

digite no seu navegador http://localhost/joomla/administrator/index.php?option=com_seucomponent

Note que você já pode entrar através da url no seu componente, mas ainda pode ser melhorado. Vamos registrar a existência deste componente no back-end do Joomla, para que possamos criar link para ele nos menus do front-end e para que possamos acessar sua área administrativa no back-end, caso seja criado.

O prefixo das tabelas do Joomla são por padrão _jos, se a sua for diferente, mude nas suas tabelas o seguinte

INSERT INTO jos_components (name, link, admin_menu_link,

admin_menu_alt, 'option', admin_menu_img, params)

VALUES ('Meu Componente', 'option=com_seucomponent',

'option=com_seucomponent', 'Admin do Componente', 'com_seucomponent',

'js/ThemeOffice/component.png', '');

Você pode fazer da forma abaixo caso utilize algo como phpmyadmin

Agora logue na sua área administrativa e em Components veja que seu componente já aparece. Mas não é tudo, você pode criar link para ele na área de menu. =) Você agora está preparado para criar seu componente, como você faria caso não esteja programando para Joomla, basta ir em components/com_seucomponent/seucomponent.php e começar a preparar o que será exibido ao visitante do seu site!

O que eu gosto do Joomla, é que você está livre para abrir conexões externas com outro banco, chamar novos arquivos, integrar com o banco do Joomla, enfim. Uma vez preparado o componente, você pode fazer o que quiser com ele!

Este post foi somente para dar uma noção de como criar coisas para Joomla, ainda há muito a ser feito, como criar o xml, criar a área administrativa e etc. Na medida que eu mesma for aprendendo mais, vou compartilhando o conhecimento com vocês

Leituras recomendadas:

Learning Joomla! 1.5 - Extension Development
Creating Modules, Components, and Plug-Ins with PHP
Joseph LeBlanc <--- Melhor para iniciantes (este tutorial foi baseado nele)

Professional Joomla!

Dan Rahmel <--- Esse cara é muito, muito bom! Um pouco prolixo demais, então recomendo o Joseph para começar Infelizmente, ambos os livros estão em inglês, mas como digo para meus alunos... "É necessidade do profissional da área de TI ter o conhecimento no mínimo do inglês técnico. Acontece que para um livro ser traduzido, tem que ter demanda de leitores, a maior demanda estão entre os que querem iniciar naquela área, à medida que vão se especializando, as pessoas vão desistindo, parando de procurar, logo a demanda cai e assim, há menos prospectos de venda e então, os ótimos livros (nível intermediário, avançado)em sua maioria não chegam a ser traduzidos, a não ser a tecnologia a ser traduzida seja REALMENTE popular, o que não é o caso do Joomla, ainda". Pessoal, have fun!

Trabalho em equipe é com Joomla! =D

2009-06-05T05:11:00.004-03:00

Olá pessoal, este post nasceu de uma conversa que estava tendo com meus alunos de Joomla aqui em Recife.

Além de todas as vantagens de ser um CMS, o Joomla serve também para nos instruir como se trabalhar em equipe. É muito lindo como uma equipe Joomla consegue trabalhar... Uma equipe em Joomla pode trabalhar ao mesmo tempo, online, sem interferir no trabalho um do outro!
Vamos supor a seguinte situação: Você conseguiu um novo cliente que quer um site em Joomla. Ele será o gestor, você o designer e há também um programador que desenvolverá umas extensões pra Joomla. Primeiro de tudo, você tem duas opções: Trabalhar offline com o programador e demorar tipo um mês para botar o site no ar, ou você pode trabalhar em equipe e no mesmo dia, o site do cliente estar no ar e você ir fazendo as melhorias por trás dos bastidores!

Essa é minha metodologia de trabalho em Joomla. Quando um cliente me pede um site em Joomla, a primeira coisa é achar um template pronto mesmo que pareça +- com a estrutura de layout que ele pediu, modifico as cores, ponho a logomarca,aviso a ele que será construído o layout de acordo com o que decidirmos, mas que para agilizar a vida, vou colocar um layout quebra-galho, geralmente ele concorda, se não, faça offline mesmo e avise que o site dele vai ficar fora do ar por X dias, até você criar seu template. Site no ar, crie um usuário do tipo publisher, para o cliente e prepare as seções e categorias dos artigos de acordo com a necessidade do cliente. Instale as extensões que seja possível de se instalar e deixe o gestor fazer a parte dele: Gerenciar o conteúdo. Agora entre você e o programador...

Muito simples! Defina com ele algumas classes e semântica utilizada no código que ele vai criar. Tipo, "Ó, no título, bota h1, nos campos do form bota sempre formCliente01" besteiras assim... Ele vai preparar o Joomla para receber a extensão (é rápido de fazer) e quando isso acontecer, crie um link com permissão para usuários "Special" e avise ao cliente que ele pode verificar o andamento do processo do template e da extensão quando ele quiser, é só clicar neste link! enquanto o design está sendo preparado o programador vai fazendo a parte dele! A vantagem, é que se o cliente visualizar a extensão sendo produzida, ele vai ver as etapas do processo, modificar o que tiver de ser modificado nos planos de vocês antes do produto final estar pronto!!!

Esse conceito de trabalho em equipe eu aprendi no curso de Scrum que eu fiz na Especializa... Parabéns a Luciano Félix pelo grande curso que ele ministra!

Bom gente, é isso! Espero ter aberto a mente de vocês um pouco hoje

Joomla CSS padrão explicado

2009-06-03T06:51:00.003-03:00

É com muito prazer que publico o post de hoje. Como havia prometido (desculpem a demora), o CSS core do Joomla explicado, ainda há algumas áreas em branco que eu não consegui modificar, tipo, eu encontrava no código mas não conseguia aplicar o CSS para eles. Alguns, tem uma espécie de "bug", os que consegui desvendar, estão descritos.

Tem a lista dos CSS generalizados, ou seja, que pertencem a vários componentes e módulos, se você modificar para um deles, modifica para todos. Como resolver isso? Simples! Você pode atribuir valores nos módulos e menus na parte Alguma coisa "class suffix” que fica ao lado direito da área de parâmetros de módulos e menus, assim, essas tags generalizadas aplicadas em um módulo. Por exemplo, é adicionada apenas no módulo ao qual ela pertence, por exemplo, se no adiciono em um módulo o suffix _Jenn, naquele módulo, o css “table.moduletable” passaria a se chamar “table.moduletable_Jenn”, a gente pode utilizar também um artifício que é o de adicionar um espaço antes do nome e ter então, nosso módulo atenderia duas classes. Ex: aplicando “ Jenn”, no lugar de _Jenn, nosso css seria:
Isso significa que além de o padrão CSS definido para “table.moduletable” seria atribuído também os valores instituídos para a classe .Jenn

Eu peguei a lista completa com classes, separadas por documento em:
http://joomlatp.com/joomla-css/joomla-1.5-default-CSS-classes-list.html

Tentei manter esta estrutura que eles utilizaram, mas os que eram CSS generalizados passei para "Generalizados" aí, algumas partes desta estrutura sumiram, pode ser que alguns generalizados estejam perdidos dentre as tags...

Algumas coisas da lista original não estavam nela, mas era besteira,esta lista está bem completa e com certeza melhor organizada que a minha, se alguém conseguir modificar alguma das que não estão descritas dentro do meu pdf, favor me avisar, que se completarmos, lanço novamente esta lista, citando a contribuição de cada um.

Senha: jennifer-payne.blogspot.com
http://www.4shared.com/get/109591741/a5438630/Joomla_CSS.html

Menu glass em 5 minutos (aprendendo a usar camadas)

2009-05-21T05:23:00.018-03:00

Olá pessoal, é verdade que o PS (photoshop) é popular e muito utilizado, mas 80% dos usuários não conhecem nem 15% de verdade o photoshop e uma das áreas que é mais utilizadas, layers (camadas), são mal aproveitadas. Neste tutorial, você vai aprender como utilizar melhor este recurso importante e de quebra, criar um menu estilo glass, sem trabalhar com máscaras para fazer a transparência. Para este tutorial, eu assumo que você tenha o conhecimento básico da ferramenta. (criação de shapes, estilos, modificar cor de objeto, tamanho de objeto, trabalhar com posicionamento de camadas e ajuste de camada. Ex: Opacidade, colocar em multiply)

Observe o resultado final na figura abaixo:

Crie um novo documento com o tamanho de 800x30 pixels
Coloque a cor de foreground de #FF0000 e crie a forma (shape) de um retângulo do tamanho do seu canvas

A primeira coisa que você tem que saber é a diferença entre opacity (opacidade) e fill (preenchimento):

Opacity - torna a camada e tudo que estiver nela transparente (Ex: Um texto e os estilos(styles) aplicado a ele)

Fill - torna APENAS o conteúdo da camada transparente (Ex: um objeto, um texto) sem afetar os styles aplicados neles

No shape vermelho, adicione um estilo de camada (Add Style Layer) com as seguintes configurações

Crie a forma (shape) de um retângulo da largura do seu canvas e altura em 15px, cor branca
Neste retângulo branco, coloque o fill para 0% e aplique os seguintes estilos

Aumente o tamanho do retângulo para fora do canvas na esquerda, direita e em baixo
Crie os textos que representam os links (Quem Somos, Estrutura, Localização, Nossos Serviços e Fale Conosco)
Crie um retângulo (shape) de largura 1px e altura 20px e nomeie de separador
Em separador, coloque multiply, opacidade 51% e fill 0%
Aplique este estilo

Duplique esta camada (CTRL + J) 3 vezes e posicione entre os links

Para darmos mais um brilho, podemos criar um novo retângulo de 796x12px, centralize e posicionando-o acima de todas as outras camadas, colocando o fill em 0% e aplicando o seguinte efeito:

A vantagem deste método é que é fácil de modificar os parâmetros para dar mais ou menos brilho à imagem e que você pode salvar este estilo como "Brilho" por exemplo e aplicar sobre outras imagens, de outros arquivos, trabalhando com máscaras, você teria mais controle sobre a área de brilho e até mesmo dar mais variações no brilho de ângulo e área de efeito, porém, o método acima é bastante eficaz para este tipo simples de brilho

Para criar a imagem de hover (quando mouse passa em cima do link) faça o seguinte

Duplique a layer de background (a vermelha) e ajuste sua largura ficar como fundo de um dos links
Crie uma nova camada de preenchimento ou ajuste (Create new fill or adjustment layer) do tipo Hue/Saturation

Coloque os seguintes parâmetros

Você deve ter notado que todo o bg vermelho mudou de cor. Isso aconteceu, porque por padrão esta camada de ajuste ela possui o tamanho total da imagem, para que o efeito se aplique somente a layer com a largura do link, certifique-se que esta camada de ajuste está acima dela, segure o ALT e posicione o cursor do mouse entre as duas camadas, note que o cursor do mouse mudou, clique e note que agora o efeito só está aplicado na área do link e que há uma seta agora que indica que esta camada de ajuste está sendo aplicada somente nas áreas visíveis da camada abaixo

Você pode se valer dessa camada de ajuste para aplicar vários ajustes diferentes em uma camada, sem precisa rasterizar um shape ou texto e modificar os parâmetros deste ajuste é muito mais simples. Basta apenas dar um clique duplo. Esta camada de ajuste aplica o efeito em todas as layers abaixo dela.

Hoje aprendemos a trabalhar um pouco melhor com os recursos das camadas, o tutorial é bem simples, porém, vai ajudar muitos iniciantes.

Guia passo-a-passo DOCman com Joomla 1.5 e 1.0

2009-05-15T22:39:00.004-03:00

Bom gente, conforme prometido, até um pouco antes, né? Aí está o link para minha primeira parte de tutoriais de extensões conhecidas para o Joomla.

http://www.slideshare.net/JenniferPayne/tutorial-docman-em-portugues

A idéia desses tutoriais, veio para complementar uma ação que o grupo brasjoomla está fazendo, que é agrupar as extensões mais conhecidas/utilizadas e as melhores para Joomla. Espero poder fazer tutorial para várias outras...

Peço a vocês que corrijam eventuais erros para que eu possa melhorá-lo e dispor a versão finalizada para download de toda a comunidade.

Quem quiser ver um tutorial passo-a-passo de outras extensões do Joomla 1.5 (legacy e native), darei preferência àquelas mais pedidas e principalmente àquelas que estão marcadas como "popular" na área de extensões do site do Joomla.

Espero que tenham gostado.

Tutorial DOCman (Área de Downloads, Gerenciamento de downloads no seu portal)

2009-05-15T07:02:00.003-03:00

Bom gente, em paralelo às meus posts sobre o CSS core do Joomla (a primeira parte está quase pronta), estou criando também uma série de tutoriais sobre as extensões mais populares do Joomla. A primeira entra no ar amanhã e será a DOCman.

DOCman, vincula arquivos com uma descrição e uma licença e você pode dizer quais grupos de usuários poderão fazer o download dos mesmos. O caminho dos arquivos não são revelados, há também há vários templates para modificação e documentação online atualizada.

Nele você pode fazer várias coisas como:

Dar aos arquivos "privacidade", com direitos de acesso dos grupos.

Pode configurar grupos de usuários para controlar o acesso.

Agrupar documentos em categorias e subcategorias.

Guardar os arquivos em servidores remotos ou no seu.

Visualização de estatísticas de download.

Um sistema de busca próprio, onde os arquivos podem ser procurados por nome ou descrição. Tem um plug-in que você pode procurar dentro do sistema do Joomla!

Eu vou dispor deste tutorial, no mesmo formato que o anterior. Via slideshare.

Para quem anda se perguntando qual o trabalho que dá desvendar o CSS padrão do Joomla, eu respondo. Muiiiiiiiiiiitoooooooooooooooo e tem algumas classes, que, embora eu encontre no código, eu não consigo modificar, tem algumas partes, como o formulário de contato, onde eu consegui modificar o css de todas as labels, menos de uma... enfim, um saco!

Lorem Ipsum Sit Amet... de onde surgiu?

2009-05-12T06:50:00.003-03:00

Olá gente, sempre que estou dando minhas aulas ou criando meus layouts, para não perder tempo gerando conteúdo, eu sempre recorro ao famoso "Lorem ipsum sit amet" no site www.lipsum.com, nele, você pode gerar textos aleatórios, dando por parâmetros, número de palavras, parágrafos e outras variáveis. Daí surgem as questões:

O que é Lorem ipsum sit amet?

É um texto baseado em latim, que é utilizado desde 1500 pela industria tipográfica, aparentemente para testes e ajustes das máquinas de impressão. Como por exemplo: tamanho, tipo de fonte e outras características recorrentes a tipografia que seria impressa. Foram misturadas palavras aleatórias para se escrever uma espécie de livro.

De onde vem?

Ao contrário da crença popular, o Lorem Ipsum não é simplesmente texto aleatório. Tem raízes numa peça de literatura clássica em Latim, de 45 AC, tornando-o com mais de 2000 anos.

Lorem Ipsum vem das secções 1.10.32 e 1.10.33 do "de Finibus Bonorum et Malorum" (Os Extremos do Bem e do Mal), por Cícero, escrito a 45AC. Este livro é um tratado na teoria da ética, muito popular durante a Renascença. A primeira linha de Lorem Ipsum, "Lorem ipsum dolor sit amet..." aparece de uma linha na seção 1.10.32.

Trechos retirados da tradução feita em http://pt.lipsum.com/

Por que usar?

Digo por experiência, mas já foi comprovado, que, quando você pede para alguém avaliar uma mancha gráfica (área delimitadora de impressão) seja na web ou em impresso, se você colocar um texto legível, esta pessoa vai tentar compreender o texto (é intríseco a quem sabe ler, tentar entender o que está escrito) ao invés de analisar características do texto (E.g: tipologia, tamanho, espaçamento entre caracteres, palavras e linhas, alinhamento e etc.).

Veja minhas tentativas antes de chegar no Lorem ipsum... Deixava claro que o texto não era necessariamente para o site e que ele precisava me mandar um texto para que eu substituisse.

Criava um texto qualquer sobre a empresa e o cliente ao invés de analisar a mancha gráfica, fazia críticas ou elogios ao texto.
Passei a utilizar trechos de poesia ou letras de música. O cliente me perguntava: "-Por que meu site vai ter uma música?" ou "Só não entendi o porque dessa poesia aqui".
Passei a utilizar NonNonNon. Este uso confundia o cliente que não conseguia avaliar o que eu pedia.
Passei a utilizar "Área de conteúdo" apenas para marcar onde haveria conteúdo, utilizando a fonte final. O cliente não conseguia avaliar devido à pequena quantidade de informações.
Passei a utilizar o Lorem Ipsum. O cliente tenta ler, desiste, tem uma noção de como a mancha gráfica será estabelecida e depois de conversar sobre outras coisas não se aguenta de curiosidade e pergunta: -"O que esse texto quer dizer?". Eu respondo feliz da vida: "-Que você não deve tentar entendê-lo, pois é embaralhado, com palavras em latim, utilizado apenas para que você perceba a forma que o seu conteúdo será apresentado"

Bom, o lorem ipsum funciona pra mim. Este post não é necessariamente ligado ao Joomla!, mas como eu disse no meu primeiro post, este se enquadra no "falar sobre os assuntos dos quais tenho conhecimento". É importante para todos que precisem definir uma mancha gráfica (criando panfletos, sites).

Este meu post de hoje, foi baseado no conteúdo do site lipsum e em pesquisas na internet.

e viva o "Lorem Ipsum"!

O Joomla é inseguro? Não, alguns servidores são.

2009-05-09T07:22:00.002-03:00

Bom gente, muita gente fala sobre o fato do Joomla ser inseguro, porque é CMS, a insegurança de um site em Joomla! é insegurança de todos... Bem, eu concordo com esta afirmação em partes.

Nas minhas navegações matinais, encontrei hoje um portal feito em Joomla da presidência da república http://dsic.planalto.gov.br/dsic/ que para mim, por si só, já é uma prova de que o Joomla é seguro, pois com certeza um a presidência não construiria um portal caso o sistema não fosse seguro. O portal é do gabinete de segurança da república.

O que acontece, é que temos uma equipe gigante de desenvolvedores registrados para Joomla, mas temos ainda aqueles que desenvolvem suas extensões que você não sabe a "procedência" e aí sim, mora o perigo. Mas a verdade é que, você programando sozinho e colocando o seu sistema na web, há muito mais chances de você ter deixado uma brecha na segurança do que um sistema desenvolvido por várias pessoas, mas, você só corre perigo real se seu site tiver muita visibilidade. Assim é com sites em Joomla, dependendo da sua visibilidade, a chance de receber ataques aumenta exponencialmente.

A segurança no Joomla é muito boa e, com exceção da futura falecida versão 1.0, eles continuam procurando e corrigindo brechas. Pra você ter uma idéia, a primeira linha de código de cada componente é "defined('_JEXEC') or die('Restricted access');" que diz que você só pode acessar o componente se for através da área administrativa, e não, através de URL, por exemplo. Inclusive, mesmo que um componente não necessite de área administrativa, por ser muito simples, você tem que criar uma área administrativa vazia para ele, senão não pode colocar um link para ele e por consequência, ele não será visível ao front-end.

Algumas medidas básicas podem ser tomadas para ajudar o Joomla em sua segurança, como por exemplo, esconder o diretório administrator utilizando htaccess, utilizar extensões de empresas conhecidas entre outras.

Em resumo, o que acontece muitas vezes é que o servidor de hospedagem não tem boa segurança e eles mesmos ajudam a explorar possíveis brechas no programa, os próprios profissionais de suporte não estão preparados para lidar com Joomla e outros sistemas do tipo. Faça sempre uma pesquisa com as empresas de hospedagem antes de tomar sua decisão.

Hoje foi mais uma manhã produtiva, onde pude achar mais alguma coisa interessante sobre Joomla! Yey!

Ah! Hoje começa meu curso de Joomla em Recife, para maiores informações, visite o site da Especializa Treinamentos, eles são apoiadores dos meus futuros projetos em Joomla. Além da ementa no site, vamos aprender sobre SEO, segurança e muitas outras coisas que deixam as páginas em Joomla muito mais profissionais. Além de apostila própria e um alto teor de diversão!

Desejem-me boa aula!

Passar bem, meu amigo Joomla! 1.0

2009-05-08T06:31:00.005-03:00

Bom gente, hoje estou postando em homenagem ao meu amigo Joomla! 1.0, nascido em 17 de agosto de 2005 e saiu da maternidade em 16 de setembro de 2005. Ele foi uma continuação do Mambo, depois que a equipe Mambo se separou. Eu o conheci em março de 2007, em uma instituição que trabalhava com ele. No começo, a gente teve umas briguinhas, mas depois, passei a amá-lo de tal forma, que em 2007 eu quis dar cursos de Joomla! 1.0 em Recife, mas não rolou. De verdade, o Joomla! tem acrescentado muito na minha vida, me levou para um novo patamar. Comecei a dar aulas, primeiro em Joomla, agora de webdesign com CSS... ok, um dia eu crio meu template para o blog... eu tinha ministrado um workshop de photoshop na FAPE antes e dado umas aulas particulares. Eu só tenho a agradecer as grandes oportunidades e amigos que tenho conquistado através dele.

O fim de vida do Joomla! 1.0 tem data marcada para acontecer: 22 de julho de 2009.
O Joomla! 1.0 não terá mais suporte.

Desde de 31 de março, o JED (Joomla Extensions directory) não aceita extensões novas com licença não-GPL e em 1 de julho todas as extensões serão despublicadas! Então, se você desenvolve ou tem sites em Joomla! 1.0 eu aconselho fortemente ou a migrar para 1.5 ou a salvar TODAS as extensões que julgue necessária para 1.0 antes que o prazo expire, para futuras necessidades de seus sites atuais.

Eu já não utilizo o Joomla! 1.0 faz um tempo.

Quem utiliza joomla! 1.0 agora pode me perguntar: -"Devo realmente migrar para 1.5?". Olhe, não se conserta aquilo que não está quebrado, mas, o Joomla! 1.0 foi descontinuado por causa de questões de segurança, logo, se você puder migrar, faça um backup do seu site em Joomla! 1.0 e realmente migre para 1.5, mas considere, entrar de cabeça no 1.5, enquanto eles trabalham no 1.6

NÃO inicie novos projetos em Joomla! 1.0 .

Caso você ainda não saiba utilizar a versão 1.5, olhe este meu post
Tutorial para iniciar em Joomla! 1.5

Neste post, há uma apresentação powerpoint que ensina tudo que você precisa saber para se iniciar na versão 1.5

Com relação ao nosso amigo de quase 4 anos de idade, eu sou muito feliz por tê-lo conhecido.

O filho mais novo, J! 1.5, foi lançado em sua versão beta em 12 de outubro de 2006.

Ah! quem quiser, pode deixar nos comentários sua mensagem de amor ao filho mais velho deste grande projeto, que é o Joomla!

Farewell, Joomla! 1.0

Como colocar swf no Joomla 1.5

2009-05-05T19:38:00.005-03:00

Bom gente, esta é uma dúvida comum que alguém postou no brasjoomla uma vez, mas creio que falar sobre isso é importante, porque nem todos estão no grupo (infelizmente) =) e muitas pessoas me perguntam sobre isto.

Vamos lá... Colocar swf no Joomla 1.5 é igual a colocar swf no HTML. Logue na área administrativa do site, como super administrador

Clique em Extensions -> Module Manager (Extensões -> Administrar módulo)
Clique em New (Novo)
Selecione no radio button "Custom HTML" (Saída em HTML Personalizada).

Nele, você pode colocar um código HTML qualquer e este código será exibido em tela. No seu caso, cole esse código aqui

<object
classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"
width="900" height="130">
<param name="width" value="900" />
<param name="height" value="130" />
<param name="loop" value="true" />
<param name="play" value="true" />
<param name="src"
value="http://www.seusiteaqui.com.br/banner.swf" />
<param name="scale" value="showall" />
<param name="wmode" value="transparent" />
<param name="menu" value="false" />
<embed type="application/x-shockwave-flash" width="900"
height="130" loop="true" play="true"
src="http://www.seusiteaqui.com.br/banner.swf" scale="showall"
wmode="transparent" menu="false">
</embed>
</object>

Note que há alguns parâmetros que devem modificados por você. width e height definem altura e largura do swf, loop define se seu arquivo ficará se repetindo em loops, play define se seu arquivo começa ao ser carregado ou será executado ao clicar em algum botão para iniciar, por exemplo, wmode, se o fundo do swf será transparente ou não (é isso mesmo! seu swf pode ter fundo transparente! Caso você não tenha criado um objeto com cor-de-fundo no fundo, claro!) o src=define onde está o arquivo swf que você está colocando.
Escolha o módulo onde seu swf vai aparecer, e pronto!

Aprenda Joomla! 1.5 fácil!

2009-05-04T20:40:00.001-03:00

Bom gente, é isso aí. Como havia prometido aos meus amigos do brasjoomla@googlegroups.com e a meus alunos do mini-curso de Joomla! 1.5 que ministro aqui em Recife, aí vai um "upgrade" mais robusto e revisado do meu material para iniciantes que ensina os primeiros passos em Joomla. Leiam e me digam onde eu posso melhorá-lo, ok?

Beijos

http://www.slideshare.net/JenniferPayne/aprenda-joomla-15-fcil

Próximas postagens:

O CSS padrão (core) do Joomla! dissecado e em português! (Várias partes)

Novidades para o Joomla! 1.6 !!

2009-05-03T11:51:00.000-03:00

Bom gente, eu traduzi e adaptei um trecho do material que descreve as modificações que o Joomla! irá sofrer para a versão 1.6, fiz alguns comentários que estarão em azul e entre parenteses.
Confira a versão original em
http://developer.joomla.org/coordinator-blog/292-feature-patches-for-16.html

Revisitando o mapa de estrada do Joomla! 1.6

Primeiro de tudo é importante entender o mapa de estrada para o Joomla 1.6. Durante a recente submissão de desenvolvimento (todos os white papers do Joomla fora enviados até o final de março. White paper, são sugestões de idéias que poderiam ser implementadas e uma idéia geral de como poderiam ser executadas.) nós resolvemos o que poderíamos cumprir para a versão Alpha de 1.6.
Estes recursos devem estar completos antes do alpha ser lançado. Os recursos estão listados abaixo, juntamente com seu estágio de conclusão:

Implementar um pacote de nova biblioteca JForm [completo].
Implementar uma forma simples de providenciar tradução em JavaScript [completo].
Implementar novos controladores despachantes para requisições de roteamento mais robustas [completo]. (não tenho idéia do que são esses controladores, ainda bem que já tá pronto! ;) )
Implementar o novo sistema de controle de acesso que precisa ao menos emular o que existe em 1.5, permitir adicionar novos grupos e níveis de acesso, e permitir a você configurar novas regras de "visualização" para pelo menos artigos [quase completado].
Implementar e padronizar vários novos desencadeamento de eventos [em progresso].
Implementar uma classe JContent que será usada por plug-ins de conteúdos e visualizações [em progresso].
Upgrade para Mootools 1.2 [em progresso].
Terminar o novo trabalho de atualizador de extensão [em progresso].
Re-Trabalho no Administrador de Menu (Menu manager) -- Adicionado desde que está quebrado na versão 1.6 [em progresso]. ;(

Após lançarmos a alpha, cada beta lançado será no sistema time-box (sistema que indica que a cada período de lançamento terá um tempo exato para ocorrer.) (nós esperamos que precisemos de mais do que 4). A lista seguinte é uma lista de recursos altamente desejados para distribuição final. Cada um desses recursos precisará estar completo em ordem de ser incluídos no lançamento beta. Alguns destes recursos serão feitos na alpha, mas nenhum deles impedirá a versão alpha de ser lançada se não estiverem prontos. De maneira geral, precisaremos de ajuda significante da comunidade de desenvolvimento para completar qualquer um destes recursos

Implementar categorias de profundidade ilimitadas (mas não multi-mapeamento).
Refabricar o sistema de gerenciamento de usuários e torná-lo mais extensível (Ex: permitir o usuário personalizar campos)
Implementar um sistema de comentários (incluindo pings e track-backs).
Implementar redirecionamentos em fila (permite a você, por exemplo, retornar à página onde você estava depois de editar alguma coisa).
Refabricar parâmetros e torná-los mais extensíveis (por exemplo, plugins poderiam permitir a você adicionar parâmetros personalizados aos artigos).
Terminar de tornar os componentes de Administrador em formato MVC (precisamos de muita ajuda aqui).
Implementar sistema de CAPTCHA para qualquer formulário.
Implementar sistemas por onde sistemas de autenticação externos, como LDAP, possa mapear para nossos novos grupos de usuários Joomla!
Re-implementar a habilidade de selecionar categorias múltiplas para algumas vizualizações em com_content (havia na 1.0, mas foi retirada na 1.5).
Implementar um log para uma instalação de base de dados impulsionada.
Refabricar JError.
Examinar o sistema de geração de PDF em detalhe e ver se podemos fazê-lo funcionar adequadamente (se não, nós o apagaremos se não conseguirmos fazê-lo funcionar bem)
Localizar as mensagens de "Invalid Token"
Deletar o componente de enquete porque a qualidade desta extensão é muito ruim e há alternativas muito melhores criadas por terceiros disponíveis.
Converter todos os layouts para padrão semântico, XHTML Strict.
Converter campos de parâmetros ini-based para usar JSON ao invés de formato INI (grandes melhorias técnicas e de performance). Observe que os arquivos de linguagem permanecerão no formato INI.

É importante entender que focaremos nos recursos listados acima. Não há dúvidas que muitas idéias as quais poderiam ser implementadas, mas é muito importante entender que esta é a lista de recursos que estaremos focados. Os recursos que se transformarão no lançamento da versão Joomla! 1.6 final dependerá de como a comunidade de desenvolvimento de Joomla contribuirá. Desde que alguns destes recursos já estão sendo trabalhados, nós recomendamos fortemente que todos postem uma mensagem para the Joomla general development mailing list antes de começar a trabalhar em algo. Se você não é um membro, favor inscreva-se.

O documento de política contém todos os detalhes, leia the policy document on the development site para aqueles interessados em comprometer-se com o projeto... Vamos nos apegar ao código e fazer coisas boas acontecer!

-----------------------------------------------

Sobre as atualizações do Joomla! 1.6, tem muita coisa técnica descrita, que são as estapas que eles têm que percorrer para poder lançar recursos com os quais todos que trabalham com Joomla! vêm sonhando! Listei abaixo as modificações que julguei mais interessantes.

Novo sistema de acesso, onde você cria seus grupos de usuários e define as permissões para os mesmos
Campos personalizados para o sistema de usuários (para um cadastro automático de usuários, você pode definir exatamente quais campos existem e devem ser preenchidos. Ex: Cidade, CEP, Telefone, CPF)
Catcha para qualquer formulário (Aquelas letrinhas que você deve escrever para poder enviar algo ou fazer o download em alguns sites)
Converter todos os layouts para padrão semântico, XHTML Strict. Como vocês devem ter notado, apesar de podermos criar templates semânticos o código gerado pelo Joomla! quando você publica o site (Ex: Artigos) é feito com o velho "tabelão", que é um padrão ultrapassado, não recomendado pela W3C. Este modelo não é aprovado para garantir acessibilidade ao site. Quero ver como eles vão gerar conteúdos de forma semântica e garantindo que não vá quebrar nosso layout. grande desafio aqui.
Ajustar o sistema de geração de PDF's ou deletá-lo (Vamos torcer para que eles consigam ajustar ele! Prefiro um PDF gerado meio "esquisito" do que simplesmente não gerar PDF)
Vão apagar o módulo enquetes =( tá certo que não era lá essas coisas, mas quebrava um galhinho...
Selecionar múltiplas categorias para visualização (existia na 1.0, apagaram e vão recolocar) eu não lembro dessa função na 1.0, mas eu era muito iniciante naquela época :P

Bem gente, espero que vocês tenham gostado, eu vou continuar de olho nas novidades da versão 1.6 e no próximo post, estarei publicando uma apresentação para iniciantes em Joomla! (instalar, configurar, criar site, instalar extensões, adicionar módulos, como utilizar a Ozio Gallery)

Esta apresentação fala sobre Joomla! e tem uma parte adaptada do livro
“Learn Joomla! 1.5 Fast !” – A beginner’s visual step-by-step guide to set up useful Joomla! websites in a few hours!

Criado por: Saurabh R. Bhide

Website: www.lagoona.in

Espero que gostem!

O primeiro de muitos

2009-05-03T11:43:00.000-03:00

Bom gente, para quem não me conhece (como não ?!), eu sou de Recife, trabalho na área de Design (web, gráfico, 3D). Dou aulas sobre Joomla! e Webdesign com CSS em Recife, pela empresa Especializa Treinamentos (www.especializa.com.br)

Este blog, a princípio, não se trata de um portifólio meu, e sim, falar sobre os assuntos dos quais tenho conhecimento, principalmente Joomla! 1.5 e web design.

Às vezes vou falar algumas besteiras, às vezes postarei contribuições importantes para quem quer conhecer Joomla! e outras coisas na área de design que eu faça.

Também vou divulgar novos cursos e outras atividades que considere importante.