Criar um Website completo a partir de uma ideia fA?cil

14 mai 2018- Dans Non classé

Nos meus www.sungthongresort.com 10 anos de experiA?ncia na gestA?o de uma empresa do desenvolvimento web, tem havido muitos quadros em que os clientes vA?m atAi?? mim usando apenas um conceito bA?sico do que eles querem desenvolver. Ai??s vezes, eles me enviam uma descriAi??A?o do projeto de que compreende meros documentos do 1 a 2 frases a 100 pA?ginas detalhados com diagramas, referA?ncias e assim por diante. Em ambos estes casos, o visitante se depara com pouca ou muita informaAi??A?o. NA?o Ai?? esperado que seus clientes sejam tA?o natural informados quanto definir justamente o que eles querem. Ai??s vezes eles apenas tA?m uma ideia e Ai??s vezes Ai?? 1 pouco mais que isso. Qualquer de que seja o caso, eles olham vocA? nA?o somente como desenvolvedores da Web, mas igualmente como um consultor especialista que pode orientA?-los sobre o caminho certo a completar.

VocA? entA?o se depara usando o desafio de converter a ideia bA?sica em um negA?cio on-line completo que tenha o potencial de ser bem-sucedido e desafiar seus concorrentes. CA? estA? uma lista de estratAi??gias que garantem que vocA? possa atender Ai??s expectativas de seus clientes e converter seus sonhos em imagem.

1. Entenda o conceito e delineie as seAi??Ai??es e recursos bA?sicos.

O visitante deve 1o tentar produzir uma lista de seAi??Ai??es lA?gicas de que o site deve ter. FaAi??a perguntas ao cliente se vocA? acha que nA?o entende. Se vocA? jA? tem experiA?ncia pelo desenvolvimento de sites relacionados ao conceito, pode sugerir seAi??Ai??es que devem manter-se presentes logicamente. No fim deste exercAi??cio, vocA? deve criar um documento onde todas as seAi??Ai??es, subseAi??Ai??es, pA?ginas sejam listadas em ordem lA?gica (talvez em um formato com marcadores simples) usando uma breve descriAi??A?o de cada divisA?o, detalhando este objetivo principal e o objectivo do documento. seAi??A?o. Em termos tAi??cnicos, vocA? tA?m a possibilidade de chamar isso de mapa do site. AlAi??m de seAi??Ai??es, este mapa do site igualmente mostra como cada seAi??A?o estA? vinculada entre si. Compartilhe este documento com o cliente e, se possAi??vel, explique o documento para ele. Ai??s vezes, seus pensamentos sA?o mais natural explicados quando fala diretamente com seu cliente.

2. Converta seu documento em um diagrama de wireframe.

Existe uma diferenAi??a entre criar um diagrama do wireframe e o que eu pessoalmente prefiro. Eu basicamente projeto este site em powerpoint e mostro ao cliente. Pessoalmente eu me sinto muito mais rA?pido usando powerpoint e nA?o tenho que confiar em meus programadores para criar este wireframe. Pelo documento sobre powerpoint, basicamente projetamos cada pA?gina da web desprovida de cores e grA?ficos, mas tentamos mostrar dados simulados, as colocaAi??Ai??es destes dados e como eles aparecem, botAi??es, alertas, pop-ups e organizar os slides simulando este comportamento do site. tais como visitante navegaria no site. Neste ponto, o cliente pode olhar visualmente a sua ideia tomando forma. Do documento, ele entende como o sitio vai parecer e saiba como vai se comportar. Para mim, pessoalmente, este foi o passo mais crucial e, quanto mais preciso vocA? estiver na sua prA?pria preparaAi??A?o do seu wireframe, mais fA?cil e suave serA? yasmin birth control cost without insurance o desenvolvimento de design e desenvolvimento. Depois de ter no total o site construAi??do, vocA? pode enviA?-lo para este seu cliente para assinar ou enviar alteraAi??Ai??es para o seu quadro de arame. Isso ajudarA? a eliminar qualquer mal-entendido sobre a forma como as pA?ginas e o site funcionarA?o. TambAi??m igualmente similarmente identicamente conjuntamente lhe dA? algo tangAi??vel para mostrar ao cliente que Ai?? especialmente relativamente rA?pido e fA?cil de produzir. Quanto mais complexo for o site, mais eficaz serA? a armaAi??A?o de arame.

3. Construindo o design a partir do wireframe.

Isso se torna uma tarefa relativamente fA?cil se vocA? souber este que precisa ser projetado. O designer decide a respeito de o esquema de cores, cria seu estilo de layout e grA?ficos. Ai??s vezes, o designer ajusta o desenho das seAi??Ai??es para aquelas que sA?o mais visualmente atraentes. Ai?? claro de que se este site tiver tudo a ver usando branding e apresentaAi??A?o, entA?o o design deve ser de alta capacidade. Em conformidade com os mais recentes padrAi??es da Web 2. 0 e design inteligente de seAi??Ai??es de interface do usuA?rio com pop-ups JQuery / AJAX tambAi??m igualmente similarmente identicamente conjuntamente Ai?? uma tarefa deveras desafiadora.

No fim deste estA?gio, todos os designs por pA?gina estA?o prontos. Mostre-o ao seu cliente para aprovaAi??A?o e verifique se ele estacionaestaficafixa jazepararpermanecequeda em analogia com o design do wireframe e se praticamente as seAi??Ai??es / dados foram cobertos.

4. ProgramaAi??A?o do site.

Durante a programaAi??A?o, assegure-se o seguinte com este maior cuidado e influA?ncia: – A estrutura e a codificaAi??A?o da pA?gina da Web devem ser muito limpas e validadas. – Remova qualquer codificaAi??A?o comentada desnecessA?ria que vocA? tenha feito. – Este design da pA?gina deve permanecer justamente o precisamente depois por programar como era previamente. – Praticamente as brechas de seguranAi??a estA?o conectadas – Este site carrega rA?pido e Ai?? compatAi??vel na maior parte dos navegadores Ai?? aconselhA?vel que uma versA?o do trabalho do site mesmo que carregada em um servidor de questionA?rio no qual o cliente possa visualizar o melhoria e este comentA?rio. Lembre-se de que estes sites enviados em um servidor de teste tambAi??m podem ser rastreados pelo Google e indexados pelos mecanismos por pesquisa. EntA?o, por benefAi??cio, assegure-se que o site esteja protegido contra isso. Para garantir a privacidade, seu sitio deve ser protegido por senha durante no total o desenvolvimento de desenvolvimento.

5. processo de teste.

A importA?ncia desta fase Ai?? talvez a mais enfatizada e a menos praticada no universo da internet. Clientes e desenvolvedores nA?o percebem a urgA?ncia por finalizar o projeto e colocA?-lo em funcionamento. Este processo por teste tA?m a possibilidade de ser dividido em 4 segmentos: – Compatibilidade entre navegadores – Teste seu site para ver se todos estes elementos por design estA?o em vigor em todos os navegadores populares. Existem diversas ferramentas on-line, saiba como as que ajudam vocA? a visualizar sua pA?gina da Web em variados navegadores. Para ver tais como seu sitio aparece nas telas pequenas de celulares como o BlackBerry ou o Windows Mobile, confira. – Teste a velocidade do seu site – VA?rias pessoas ainda estA?o usando conexAi??es lentas e sua prA?pria populaAi??A?o nA?o Ai?? insignificante, especialmente no mundo em desenvolvimento. Por isso, vocA? precisa garantir que o tempo mAi??dio de carregamento por suas pA?ginas da Web em HTML, juntamente com todos estes anA?ncios em Javascript, Imagens, CSS, animaAi??Ai??es em Flash, etc., esteja dentro por limites razoA?veis. Ai?? um serviAi??o on-line gratuito de que imita a maneira tais como uma pA?gina Ai?? carregada no browser da web. Ele revela estatAi??sticas (tamanho, tempo do carregamento) para cada objeto na pA?gina da web para de que vocA? saiba sobre os culpados que podem tornar o sitio mais lento. Como escolha, vocA? pode vir a usar este Firebug pelo Firefox para detectar elementos em sua pA?gina da Web de que estA?o aumentando o tempo de carregamento de suas pA?ginas da Web. – Testando usabilidade? VocA? pode criar um grupo por usuA?rios por teste que testarA? este site em termos do facilidade por uso e experiA?ncia do navegaAi??A?o. OuAi??a atentamente os comentA?rios deles e talvez deseje implementar algumas por suas sugestAi??es ao seu site. Alternativamente, vocA? tA?m a possibilidade de entrar em contato com sites que tA?m uma base do usuA?rios do testadores que farA?o este teste para vocA?. Ai?? um exemplo disso. – Teste de carga, estresse e performance? Se o seu sitio tiver o potencial de ser utilizado por milhares de utilizadores, serA? necessA?rio testar seu site para monitorar o desempenho do site. Em particular, se o visitante planeja exibir conteA?do em vAi??deo ou A?udio, verifique se o site permanecequeda lidando usando as urgA?ncias de streaming na demanda de pico. Se preciso, vocA? precisa distribuir seu conteA?do em vA?rios servidores para melhor desempenho. Existem muitas ferramentas que fornecem maneiras por testar sites da Web, servidores da Web e aplicativos de intranet usando interfaces da Web. VocA? pode testar e analisar as caracterAi??sticas de desempenho sob vA?rias condiAi??Ai??es do carga para encontrar gargalos nas as suas aplicaAi??Ai??es web.

6. Suporte pA?s lanAi??amento.

Independentemente de quA?o bem este seu aplicativo da web foi planejado, projetado e testado, o visitante nA?o tA?m a possibilidade de garantir 1 site por teste 100% completo. HaverA? erros, enganos que nA?o podem ser previstos, a menos que um site esteja ativo e trabalhando com utilizadores reais e dados em tempo real. Ai?? por extrema influA?ncia que o visitante tenha um desenvolvedor ou equipe pronta para lidar com qualquer uma dessas eventualidades. Se o seu site lida com dados que sA?o acessados em tempo real por seus usuA?rios, vocA? deve ter uma equipe em standby que possa responder a situaAi??Ai??es de emergA?ncia dentro de 4 a seis horas apA?s relatar este problema. Estes clientes devem entender a importA?ncia disso e manter-se preparados para ter um orAi??amento alocado para essa finalidade.

Em conclusA?o, todos estes pontos podem possibilitar ser elaborados, refinados e adicionados. Na verdade, existem infinitas variaAi??Ai??es e adiAi??Ai??es possAi??veis, porAi??m isso tA?m a Order mestinon generic possibilidade de servir como uma diretriz bA?sica para aqueles que estA?o no negA?cio por desenvolver e projetar aplicativos da web, bem como clientes de que desejam criar um empreendimento on-line por sucesso.