Migração do Blogger para WordPress

No ano de 2013 o Google anunciou a descontinuidade do projeto Blogger, ele continua a existir sem investimento em atualizações, em contra partida seu concorrente o WordPress foi ganhando novos adeptos e evoluindo ao longo do tempo.

Até então nada interferia no andamento do meu blog dentro do Blogger, pois, meu objetivo era disponibilizar tutoriais a quem estava (ou está) em fase de aprendizado, e crescer junto comigo, e indo um pouco mais além eu estava sem tempo para divulgar novos posts e passando por uma fase de transição profissional.

Ao longo do tempo, criei um site visando divulgar meus trabalhos pessoais dando indícios a abrir um negocio próprio como algo em paralelo, pois, atualmente estou aprendendo coisas novas em um novo trabalho como CLT. AngularJS para FrontEnd e o framework Laravel de PHP para Backend estão em evidência e vão ter vida longa.

Logo minha estigma social despertou em mim a necessidade de compartilhar esse conhecimento com outros profissionais que querem evoluir em suas carreiras, lembrando que eu também sou profissional iniciante diante das duas tecnologias citadas. Diante deste cenário decidi verificar alguma forma de centralizar as ferramentas que tenho disponíveis, criei um subdomínio para o blog(o que ajuda a divulgar meu site profissional), instalei o WordPress e realizei a migração de todos os meus dados do Blogger para o WordPress. Vou escrever um post como realizar essa migração em Breve.

O Que vem pela frente?

Meu objetivo é construir tutoriais práticos para iniciantes em Laravel, AngularJS, todas as ferramentas que podem ser utilizadas em torno deles como o Material Design, Swegger, o Git, inclusive compartilhando o código no GitHub. Também farei reviews pessoais sobre os livros que gosto de utilizar para estudar tais como: Desenvolvendo com AngularJS de Seshadri da editora Novatec, Aprendendo Material Design de Kyle Mew dentre outros.

Este é meu objetivo, compartilhar informação e ajudar a quem precisa então até a próxima, aguarde as novidades.

Share

Construindo Wireframe com o programa Axure RP Pro – Parte III

Neste terceiro e ultimo post referente ao Wireframe nós vamos adicionar elementos a nossa pagina “Home”.
 
Vamos supor que nosso site seja do tipo coorporativo, referente a um colégio, logo nosso layout precisa ser bem organizado, de aspecto limpo.
 
Vamos começar inserindo a nossa header, ela deverá conter uma logo e o menu alinhado ao lado. Lembre-se que para inserir elementos basta arrastar para a o palco.
Inserindo a imagem e o menu:
após editar o menu e inserindo transição de slides a esquerda, na direita temos uma sidebar para login:
Um pouco mais abaixo vamos inserir um pequeno texto e uma tabela com notas de alunos, e por fim o rodapé contendo o endereço da empresa.
Esses e muitos outros elementos podem ser incorporados para que você apresente ao seu cliente uma visão geral de como ficará o site ou sistema, ainda em tempo de ele dar dicas ou você apresentar soluções antes de iniciar o processo de desenvolvimento com código, pois voltar atrás depois será um retrabalho muito maior.
 
Explore o que ha de melhor nesta ótima ferramenta que é o Axure, com certeza você irá obter resultados acima da média.
 
Consulte o link da Axure para tutoriais com maior ênfase de detalhes. Até a próxima.

 

Share

Construindo Wireframe com o programa Axure RP Pro – Parte II

 

Neste segundo post referente ao Wireframe iremos conhecer o software Axure, de maneira introdutória vamos ter uma visão geral do conteúdo que temos em mãos. 
A primeira visão ao abrir o programa será esta:
 
Ao centro nós temos o que geralmente chama-se “palco”, ou seja, é onde você irá colocar seus elementos de uma pagina web, por default o programa começa com a home.
Do lado esquerdo nós temos a caixa “sitemap”, que é o mapeamento ou ramificações das paginas que compõem o site são editáveis, conforme mostra a imagem abaixo:
Repare que a medida que as paginas são criadas, as abas referentes a elas são acrescentadas em nosso palco, no centro do Axure.
Continuando a conhecer o software, ainda do lado esquerdo, abaixo do site map, nós tempos uma outra caixa, que recebe o nome de widgets, nela contem os elementos que podemos adicionar a nossa pagina, como por exemplo, imagens, links, menus, caixas de texto, etc., vejamos algumas imagens abaixo:
 
 
Você pode expandir as caixas clicando no icone de setinha azul, no canto superior direito de cada caixa.
Para adicionar esses elementos a pagina, basta arrasta-los para o palco.
Do lado direito, nós temos a caixa “Annotations & Interactions”, onde realizamos anotações/ações e/ou regras de nossos elementos que compõem a pagina web. Um ponto forte é simular os eventos que a pagina deverá conter, isso é interessante para apresentar ao cliente durante uma reunião. Veja a imagem abaixo, fiz a inserção de uma caixa de texto, e realizei algumas anotações:
Na parte inferior de nosso palco, nós temos uma caixa “Page notes & Page Interactions”, que são anotações e interações da pagina como um todo, a função onLoad geralmente é utilizada em pagina web.
na parte superior, nós temos a barra de menus e as barras de ferramentas, onde podemos definir tamanho da letra, tipografia, cores, etc.
Para finalizar o post de hoje, vou deixar abaixo dois links bem interessantes sobre Axure, e no próximo post vamos construir a pagina home do nosso site para ver como fica. Até a próxima pessoal, não deixem de conferir os links abaixo:

 

Share

Construindo Wireframe com o programa Axure RP Pro – Parte I

Olá pessoal hoje vamos começar a primeira parte sobre o Software Axure RP Pro.

Quem é desenvolvedor ou está começando na área com certeza já ouviu falar dos requisitos iniciais para desenvolver um site. Dentre os requisitos está construção de wireframes para mostrar ao cliente como o conteúdo irá ficar.

Wireframe em tradução literária é uma “estrutura de fios”. Nele organizamos as seções e recursos que estarão disponíveis como, por exemplo, formulários, menus, área de busca, etc.
Trata-se de um protótipo que você constrói na mão ou com a utilização de softwares para apresentar ao cliente como o modelo do site irá ficar após pronto, dessa maneira o cliente já passa sugestões de mudanças antes mesmo de começar a construção do site, evitando assim contratempos e discordâncias futuras.

Existem alguns programas gratuitos na internet e outros pagos, dentre estes programas e ferramentas estão o MockFlow, Balsamiq Mockups, Pencil Project, HotGloo Mockingbird, Cacoo dentre outros, particularmente gosto do Axure, que possui uma gama de ferramentas e é bem mais profissional. 
Então pessoal no post de hoje aprendemos o que é wireframe e para que ele serve, no próximo post iremos aprender um pouco sobre o Axure.
Share

Registro de Dominio e Hospedagem no site Hostgator

 

1 – Entre no site www.hostgator.com.br
2 – digite no campo registro de domínio o nome que você deseja para seu site, e clique em pesquisar, conforme mostra o exemplo abaixo.
3- Clique no Botão pesquisar:

4 – Após confirmação do resultado da pesquisa, clique no botão REGISTRAR ESTE DOMINIO.

5 – Você estará na área de carrinho de comprar, clique no botão “clique para continuar”.
6 – Agora clique no link de hosting, para poder adicionar uma hospedagem, conforme mostra a imagem abaixo.
7 – Escolha o plano que melhor se adéqua a sua necessidade, neste caso vamos escolhe o plano P, que é o recomendado para sites básicos.
8 – Neste passo deixe marcado a opção “use um domínio que já está no meu carrinho”, pois é o domínio que testamos anteriomente para ser o endereço do site. Clique no botão “clique para continuar”.
9 – Escolha o ciclo de faturamento na qual você deseja pagar, neste caso escolhemos como exemplo o plano trimestral, repare que para este plano básico não existe pagamento mensal, justamente por ser um valor muito baixo.
10 – Já estamos quase finalizando, agora é a revisão e a saída, aqui você pode rever o seu carrinho de comprar, escolher a forma de pagamento, preencher todos os seus dados, inclusive o email, que será essencial para receber as informações de validação de cadastro.
11 – Aqui você pode visualizar o restante do preenchimento do formulário e no fim o seu numero de IP, use sempre o contrato padrão.

12 – Por fim certifique-se de que todos os dados foram preenchidos, escolha a forma de pagamento, concorde com os tempos e clique no botão “completar pedido”. Outras informações serão prestadas. A efetivação do domínio é feita em até 24 horas após a efetivação do pagamento, fique atendo ao email que você forneceu, pois enviaram todas as informações necessárias para ele.

 

Share