sexta-feira, 22 de março de 2013

Principais erros nos currículos em TI

Bom gente,

Eu já falei sobre a quantidade de vagas que existem e como devemos nos qualificar para o mercado de trabalho.

Hoje, venho falar sobre uma situação igualmente importante que são falhas nos currículos dos candidatos.

Nas empresas de TI, procuramos perfis específicos de pessoas que cheguem para resolver problemas. Não há muito espaço para curva de aprendizado, esta curva é para quando buscamos estagiários.

A forma como seu currículo é entregue mostra muito sobre sua personalidade e o quanto você quer aquela vaga.

Vou apontar para vocês os erros mais comuns nos currículos que recebo:

1 - Erros de português.
É tenso.

2 - Objetivos.
Nada contra objetivos, mas aqueles que dizem: Quero contribuir e crescer na empresa da melhor forma possível, não cola. Se você quer colocar uma introdução deste tipo, que seja voltada para a empresa em questão.

Ex: Quero trabalhar na vaga X da empresa Y, porque conheci trabalhos Z, W, T da empresa e bla bla bla.
Assim, a empresa saberá que você tomou seu tempo para conhecê-la, e que aquele currículo foi feito exclusivamente para ela.

3 - Atender aos requisitos mínimos.
Se você não atende aos requisitos mínimos daquela vaga, exemplo, sabe javascript, mas precisava saber JQuery, coloque no currículo uma observação. Diga que não sabe JQuery, que tem ciência que é requisito e já começou a estudar (já vá estudando). Isto demonstra comprometimento e que você está disposto a lutar por esta vaga.

4 - Trabalhos anteriores.
Sinceramente, quem se importa se você vendeu sapato e colchão se a vaga é para desenvolvedor? Coloque apenas as experiências relevantes

5 - Coloque portifólio e pretensão salarial quando requisitados.

Gente, sei que dá trabalho editar seu currículo para cada vaga que aparece, mas lembre-se, achar um emprego legal exige esforço e dedicação. Tenha um currículo base, com tudo que você fez, mas adapte para cada empresa que você quer entrar. Isto é mais que essencial.

quarta-feira, 14 de novembro de 2012

CSS2 e CSS3 - Regras de Especificidade

Quem nunca se deparou com a situação de colocar uma propriedade no CSS, que você tem certeza que é a correta e ela não funcionar?

Aí você confere, confere e confere, começa a perder a paciência e começa a adicionar classes e id's pai até o CSS funcionar na marra. Por que isto acontece?

Bom, muita gente não sabe, mas seus navegadores têm um css próprio, tem o CSS do site e ainda por cima o CSS do usuário (quase ninguém utiliza, mas existe!). Alguma hora dá conflito entre as regras existentes no CSS e levanta a questão: Como esses conflitos são resolvidos?

Aí que entram as regras de especificidade, um conjunto de regras que determinam a prioridade de aparição do CSS.

Muitos web designers / frontend engineers desconhecem estas regras e isto acarreta em muitas horas de stress e vontade de abandonar a carreira dando uma carreira =].

A ordem básica é a seguinte:


  • Declarações do navegador
  • Declarações normais do usuário
  • Declarações normais do autor
  • Declarações !important do autor
  • Declarações !important do usuário
Fora isso, temos uma tabela que dita a prioridade de declarações dentro dos nossos estilos. Didaticamente eu prefiro fazer um sistema de soma. É mais simples de entender. Então vamos lá:

  • Estilos do navegador - O padrão do navegador, equivale a 0,1 pts.
  • Seletor Universal (*) - Equivale a 0,5 pts
  • tags HTML (h1,p,span,etc) - Equivalem a 1 pt
  • Classes no HTML - Equivalem a 10pt
  • ID's no HTML - Equivalem a 100pt
  • Estilos inline (style="color: blue;" dentro da tag html) - Equivale a 1000pt
  • !important - Superior a 1000 pontos. Dentro da propriedade no CSS, superam a inline comum do html.
Exceções:
  • 10 id's não superam um inline 
  • uma diretiva !important dentro de um estilo inline, tende a sobrepor um !importante dentro do CSS
  • Um pseudo-elemento ou pseudo-classe com !important superam um !important de uma declaração comum
Desempate: Caso ainda assim, duas declarações possuem a mesma pontuação, quem estiver aparecendo por último será demonstrado.

Agora vocês já descobriram o segredo para um CSS menos complicado, evitem o uso da diretiva !important a menos que seja necessário.






quarta-feira, 18 de julho de 2012

Volume Light com MR Sun no 3DS Max

Olá galera,

Hoje vou abordar um tópico diferente do que eu faço normalmente, o 3D. Nem todos sabem, mas tenho um pezinho na Computação Gráfica, aproveitem e conheçam melhor meu trabalho neste link que leva ao meu portfolio.

Sou professora suplente na SAGA em Recife, no curso de maquete eletrônica e construção de cenários, o Marquise e uma dúvida comum dos alunos sobre mental ray é: Como aplicar luz volumétrica utilizando MR Sun na cena?

Resultado do projeto que veremos hoje:
Note que as como a luz está entrando marcada na cena, a janela mais próxima tem a luz marcada mais fraca onde só bate ela e a marcação da luz fica mais pesada de acordo com as luzes que se sobrepõe com as que estão atrás.

A maneira comum que se ensina na internet a fazer volume light, em resumo é como a do excelente site de tutoriais de onde peguei a cena de estudo deles para vocês utilizarem em inglês.

Se você tentar fazer da maneira comum no MR Sun, o resultado é o abaixo:
Se você tentar adicionar na cena com MR Sun uma luz comum e colocar o volume light, o resultado é o abaixo:
Perceba que a área de volume está escura, ao invés de clara. Acontece que o MR Sun não se dá bem com esta forma de aplicar volume light na cena.

Para resolver esta questão, temos que utilizar uma técnica diferente, que apesar de ser um pouco pesada para renderizar, é ideal para nós que criamos cenários realistas e não abrimos mão do nosso sol.

A cena que utilizaremos é uma que encontrei enquanto estudava volume light (VL). Disponho a cena com as luzes já posicionadas e setadas neste link.

Nota: Perceba que o arquivo está em polegadas. Como a documentação maior do 3D Studio é em inglês, eles utilizam este sistema métrico. É importante, no momento de configurar este shader, que coloque seu projeto temporariamente em polegadas, pois é como explicarei os valores a seguir. Na aba superior vá em "Customize" --> "Units Setup" e escolha decimal inches.

Abram o arquivo no 3DS Max 2011 ou superior e lembrem-se:

Não pode haver objetos por onde a luz vai entrar. Se você tem janelas de vidro na cena, escondam as faces do vidro da janela na hora de renderizar.

As explicações que se seguem são baseadas no tutorial de Jeff Patton em inglês.

Render da cena de estudo sem volume light


Primeiro, assumo, que vocês tenham um conhecimento prévio de Mental Ray, MR Sun e 3DS Max.

Vamos aprender a aplicar um shader na câmera, o Volume Parti. Este shader é aplicado na cena inteira, mas você pode também dizer quais luzes será afetadas por ele.

Para aplicar este efeito, vá em "Rendering" --> "Render Setup" (F10) no menu superior do 3D Studio.

Clique na aba "renderer"

Desça a rolagem até quase o final

1. Em câmera shaders, na linha de volume, clique em "None"
2. Selecione "Maps", "Parti Volume"
3. Clique "OK" 
4. Abra o editor de materiais, apertando a letra "M" do teclado
5. Clique e arraste o mapa para um slot livre do editor de materiais
6. Deixe marcado "instance" e clique OK

Explicarei para que serve cada uma destas configurações abaixo

Mode: Fills Entire Volume (aplica volume à cena toda) ou Fills Only Below Lights (Aplica volume apenas da altura X para baixo). Neste caso utilizaremos a primeira opção 95% das vezes, a de volume por altura é perfeito para uma cena onde você tem, por exemplo uma neblina rasteira, fumaça ou um gelo seco na cena, onde a luz só tem volume numa altura específica.

Mantenha "Fills Entire Volume"

Scatter Color: Cor do volume. Se você coloca vermelha, o volume será vermelho e também atua na intensidade de maneira indireta. É normal colocar uma cor bem escura, quase preta. Aí, nesse caso, ele vai pegar a cor do sol

Clique no retângulo cinza e coloque "0,031" nos valores de R,G,B

Extinction: Controla a quantidade de luz que será absorvida ou dispersa. Quanto mais alto o valor, mais escura a cena fica de maneira geral.

Mantenha o valor padrão de "0,001"

r, g1 e g2: São os valores de dispersão. Não é meu lugar, explicar tudo sobre dispersão para vocês, mas sim, passar valores comuns para esta operação. R entre 0 e 1, G1 entre -1 e 0, G2 entre 0 e 1.

Para esta imagem, utilizei os valores de Rayleigh, r (0.50), g1 (-0,46) e g2 (0,46). Para mais referências sobre os valores de dispersão, consulte esta página (em inglês)

Non-Uniform: É a "mistura de poeira" na cena, se o volume é uniforme ou não e varia de 0 a 1, sendo 1, como se fosse realmente denso, como uma nuvem. Um valor entre 0 e 1, cria um meio termo.

Coloque "0,05" para nossa cena

Height: Determina a altura máxima da nossa VL, só é relevante caso a opção "Fills Only Below Heights" esteja marcada. Deixe a nossa em 0.

Nota: Para quem não sabe, este efeito de volume só é perceptível aos olhos quando a luz atinge um aglomerado de partículas, como poeira e é a reflexão da luz direta absorvidas nessas partículas que dão este efeito de volume na luz.

Minimun e Maximum Step Lenght: A precisão de dispersão da luz nas nossas "partículas". Quanto menores, mais lento e melhor nosso render.

Ajuste para "0,005" o valor do mínimo e "1" o valor máximo.

No GI where Direct: Esta opção diz para o Max não calcular GI onde a luz é direta, faz sentido marcar, pois, onde a luz é absorvida pelas partículas, quase não há propagação de luz indireta. Faz o render ser mais rápido, marcar.

Marque esta opção.

Por fim, Clique em "Lights". Marcar esta opção, permite que você escolha quais luzes possuirão volume light. Clique em "Add" e clique no MR Sun. Preste atenção, clique no sun, não no MR Sky.

Renderize.
Resultado Final
Perceba que você adicionar mapas em todas as opções, mas, fiz um exemplo simples para vocês entenderem.









quarta-feira, 11 de julho de 2012

Mercado de trabalho para web designers em Recife

Em aproximadamente uma década de análises minhas sobre a área de trabalho e vou dar a minha visão sobre a área de web design (aka front-end) atual.

Desculpem o post bíblia, mas é importante lê-lo todo.


1- Os padrões se elevaram (não há gente qualificada)
     Recife finalmente está sendo reconhecido como potência na área de TI e seus padrões estão se igualando à São Paulo. Neste caso, os profissionais pernambucanos vacilaram e se mantiveram no nível que eu não considero bom nem como estagiário.

As faculdades da cidade têm seus cursos desatualizados, deficientes, professores não-capacitados e fora do mercado (acredito que isso provém do fato que é exigido uma formação para os professores darem aula e a maioria dos grandes profissionais, estudam por livros e materiais em inglês e não se formam, pela carência de cursos superior de qualidade). Percebeu o problema? Ou você faz cursos pontuais ou paga a faculdade, então, ou você se forma medíocre ou você fica muito bom e sem tempo posterior para faculdade.

Para resolver isto, acredito que se houvesse um treinamento pedagógico, poderia se contratar profissionais não-formados para dar aulas nas faculdades e até mudar as cadeiras. Até porque, não se contrata professores para faculdade por ter feito pedagogia, então a falta de conhecimento acadêmico para dar aulas "não" é o problema.

Até hoje, não entendo como uma cadeira de mais de 60h são piores do que cursos pontuais de 32h, 48h.

Os níveis de salários de profissionais medianos se equiparam ao sudeste (R$ 1.200 em média no Brasil TODO). A diferença Recife/Sudeste é apenas para os profissionais que se destacam, neste caso, é média de R$2.000,00 a R$2.500,00 no Recife e R$ 3.500,00 no Sudeste.


2 - O mercado de sobrinhos está em queda! SIM! finalmente em declínio.
     Os clientes cansaram de tanto re-trabalho, pagar, não receber o produto, acordos que os deixam desprotegidos, resultados ridículos, prazos não-cumpridos. Sim, eles estão dispostos a pagar mais.

3- O mercado não está mais tão prostituído
     As empresas estão cansando da rotatividade de bons profissionais, isto é prejuízo, precisam de pessoas qualificadas o tempo todo, para garantir a entrega de projetos competitivos com a concorrência e atender as exigências dos clientes.
Com isso, aumentou salário, lugares legais de trabalhar, flexibilidade, bonificações.


4- O mercado de freelancers está em alta
    Não sobrinhos, freelancers, pessoas com experiência, portfolio, fazendo nome no mercado. As empresas têm contratado freelancers para projetos específicos e preencher vagas temporárias, simplesmente porque não há profissionais disponíveis para contratação imediata.

5- Exigências do mercado
    Me orgulho em dizer que só fiquei sem emprego, quando estava sem qualificações ou doente, após me reciclar, nunca mais me faltou e procuro sempre me manter à altura do mercado futuro (pense sempre um passo à frente, estude tendências, seja o primeiro, experimente). Estas são as exigências que agora são pedidas como diferenciais, mas que na verdade, é o padrão.

  • Photoshop
  • HTML5 (quem sabe esse, sabe o 4, é o pensamento do contratante)
  • CSS3 (quem sabe esse, sabe o "normal", é o pensamento do contratante)
  • Javascript (pode ser Jquery)
  • Saber utilizar algum CMS (de preferência o wordpress ou Joomla!)
  • Saber inglês (motivo oculto: saber que pessoa é capaz de se reciclar com os melhores materiais do mercado)
  • Falar e escrever corretamente
  • Pró-ativo e dinâmico
  • Auto-motivável (encontre a alegria para ir trabalhar sozinho)
  • Autodidata (sabemos das deficiências do mercado. É necessário alguém que aprenda sozinho a resolver os problemas que surgirem)
Diferencial de verdade
  • Noções de SEO
  • Noções de  Acessibilidade e usabilidade
  • Noções de  Portabilidade (experiência em layouts adaptáveis, multi plataforma, multi dispositivo)
  • Phonegap ou alguma plataforma de conversão mobile
  • Noções de programação (sabe pelo menos como não estragar o código e editar bobagens)
  • Flash (o básico, para dar manutenções e criar banners), talvez nem faça diferença mais saber flash
Gente, é muito sério isso, chegam vagas ao meu conhecimento, pelo menos uma vez por mês. Estas vagas, perseguem não-preenchidas. Eu espalho em grupos, facebook, mas NÃO HÁ gente capacitada.

Em Recife, indico a Especializa Treinamentos (porque é a que eu conheço o curso e professor), garanto pelo menos essa.

Veja um pouco do meu portfolio em http://www.facebook.com/JenniferPayneWeb3D






sexta-feira, 27 de janeiro de 2012

Grupo Joomla Recife no Facebook

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.


Divulguem por aí.

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


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.



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.



quinta-feira, 26 de janeiro de 2012

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

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.

quarta-feira, 25 de janeiro de 2012

Novidades no Joomla 2.5

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.

quinta-feira, 8 de dezembro de 2011

Novos tipos de post

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!

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.

domingo, 26 de junho de 2011

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

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
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
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
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
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!

terça-feira, 21 de junho de 2011

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

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!

quarta-feira, 15 de junho de 2011

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

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

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 /

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.

quinta-feira, 19 de maio de 2011

Apostila de Joomla 1.5 para iniciantes - grátis

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!

terça-feira, 22 de março de 2011

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

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

quinta-feira, 10 de fevereiro de 2011

Devo migrar para o Joomla 1.6?

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.


sexta-feira, 4 de fevereiro de 2011

Acessibilidade por um Brasil inclusivo

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

quarta-feira, 22 de dezembro de 2010

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

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


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!