Nesta aula continuamos com os conceitos e metodologia de Planejamento de Projetos Web e abordamos: Sitemaps, Wireframes, documento de escopo e dicas simples de Usabilidade.

1. Senac Bauru

4. Aula 3

8. Home do site Elemento de página / animação Link de primeiro nível / superlink Página web Conjunto de páginas / categorias / conteúdo dinâmico

9. Formulários Ligação das páginas Link interno do site Fluxo de dados Ponto de decisão

14. “ A capacidade de um sistema interativo oferecer a um usuário em um determinado contexto de operação a realização de tarefas de maneira eficaz, eficiente e agradável.” celulares softwares televisão A maçaneta da minha casa

15. “ A capacidade de um sistema interativo oferecer a um usuário em um determinado contexto de operação a realização de tarefas de maneira eficaz, eficiente e agradável.” telespectadores ouvintes internautas Os motoristas

16. “ A capacidade de um sistema interativo oferecer a um usuário em um determinado contexto de operação a realização de tarefas de maneira eficaz, eficiente e agradável.” Hora de ler meus e-mails Acompanhar o sobe e desce da Bolsa de Valores Chegar ao vigésimo andar de elevador

17. “ A capacidade de um sistema interativo oferecer a um usuário em um determinado contexto de operação a realização de tarefas de maneira eficaz, eficiente e agradável .” Comprei os ingressos com antecedência pela internet. É baba, vai lá. Esse mapa do metrô não ajuda em nada. E agora, não sei falar japonês?! Filho, como eu faço pra esse celular parar de tocar?

32.   http://

33.  http:// 

34. Section 1 Section 2 Title ok Home > Level 1 > Level 2 > Level 3 > Level 4 > Section 1 Section 2 Section 3 Section 4 Advanced search Button Zone de Text ⋁ Logo Title Section 1 Section 2 > Section 3 Section 4 Home Text Text Text Title section 1 - - - - 99 Campo de seleção Section 3 ⋁ Text area ⋁ ⋀ ⋀ ✓  Search

35. ? Submit 99 ⋁ ⋀ ✓  Gender* : ⋁ M. First name* : Last name* : Birth date* : mm/dd/yyyy (ex : 12/23/1972) Radio buttons* : First exclusive choice Second exclusive choice Third exclusive choice Check boxes* : First optional choice Second optional choice Third optional choice ✓ Numeric field* : - - - - ⋁ ⋀ Text area* : Fieldset * Mandatory fields

36.   http://www.example1.html Section 1 Section 2 Section 1 Overview Section 1.1 Section 1.2 > Section 1.3 Section 1.4 Home Cartridge Nunc vero fatemur, acuti hebetesne, valentes imbecilline simus, non esse id in nobis. Learn more... Section 3 Section 4 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras lacinia, wisi nec lacinia fermentum, sem est blandit eros, at varius dolor velit at justo. Vestibulum euismod sapien in arcu consectetuer cursus. Curabitur magna dolor, auctor vel, volutpat vitae, posuere ut, odio. In sit amet orci. Cras luctus erat quis lectus. Morbi fermentum, neque vitae accumsan gravida, mi ipsum eleifend libero, in condimentum libero purus eget massa. Integer posuere pulvinar augue. Etiam tempus ligula vitae ipsum. Integer tristique. Integer ultricies, massa nec dignissim porttitor, urna augue fermentum enim, ac nonummy risus augue eu sapien. Aliquam at eros. Quisque tempus ante sit amet velit. Phasellus cursus posuere odio. Curabitur tempor fermentum augue. Etiam tempus iaculis ipsum. Suspendisse wisi pede, scelerisque sit amet, adipiscing quis, vulputate ut, mauris. Nunc sodales, diam eget molestie rutrum, lectus sem fermentum diam, nec feugiat velit leo a est. Fusce scelerisque vestibulum lacus. Duis eu leo vitae sem cursus rhoncus. Ut metus. Vestibulum ligula dui, vestibulum quis, convallis vel, volutpat ut, eros. Etiam eget orci. Sed non magna non est tempor malesuada. Integer tellus justo, sagittis et, congue vitae, tempor in, lorem. Nam luctus, tortor ac dapibus pretium, nibh lacus pretium libero, sit amet vehicula augue libero eu elit. Fusce at est sed velit semper suscipit. Maecenas mattis magna at est. Maecenas elit. Proin eget tellus sit amet risus bibendum semper. Sed mattis mattis eros. Nulla facilisi. Maecenas ultricies nulla non justo. Duis accumsan, nulla et viverra posuere, pede pede rhoncus est, sit amet imperdiet nisl turpis facilisis erat. Morbi felis. Praesent vestibulum justo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed vestibulum, mi ut molestie iaculis, ipsum urna tristique dolor, sed iaculis felis est nec pede. Fusce convallis ante in ligula. Title section 1.3 Site map Contact Help Logo ok Search…

37.  http://www.example2.html  Search : You are here : Home > Section 1 > Section 1.3 > Home Section 1 Section 1.1 Section 1.2 Section 1.3 > Section 1.3.1 Section 1.3.2 Section 1.4 Section 2 Section 3 Section 4 Tools Menu Help Advanced search Direct access : Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras lacinia, wisi nec lacinia fermentum, sem est blandit eros, at varius dolor velit at justo. Vestibulum euismod sapien in arcu consectetuer cursus. Curabitur magna dolor, auctor vel, volutpat vitae, posuere ut, odio. In sit amet orci. Cras luctus erat quis lectus. Morbi fermentum, neque vitae accumsan gravida, mi ipsum eleifend libero, in condimentum libero purus eget massa. Integer posuere pulvinar augue. Etiam tempus ligula vitae ipsum. Integer tristique. Integer ultricies, massa nec dignissim porttitor, urna augue fermentum enim, ac nonummy risus augue eu sapien. Aliquam at eros. Quisque tempus ante sit amet velit. Phasellus cursus posuere odio. Curabitur tempor fermentum augue. Etiam tempus iaculis ipsum. Suspendisse wisi pede, scelerisque sit amet, adipiscing quis, vulputate ut, mauris. Nunc sodales, diam eget molestie rutrum, lectus sem fermentum diam, nec feugiat velit leo a est. Fusce scelerisque vestibulum lacus. Duis eu leo vitae sem cursus rhoncus. Ut metus. Vestibulum ligula dui, vestibulum quis, convallis vel, volutpat ut, eros. Etiam eget orci. Sed non magna non est tempor malesuada. Integer tellus justo, sagittis et, congue vitae, tempor in, lorem. Nam luctus, tortor ac dapibus pretium, nibh lacus pretium libero, sit amet vehicula augue libero eu elit. Fusce at est sed velit semper suscipit. Maecenas mattis magna at est. Maecenas elit. Proin eget tellus sit amet risus bibendum semper. Sed mattis mattis eros. Nulla facilisi. Maecenas ultricies nulla non justo. Duis accumsan, nulla et viverra posuere, pede pede rhoncus est, sit amet imperdiet nisl turpis facilisis erat. Morbi felis. Praesent vestibulum justo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed vestibulum, mi ut molestie iaculis, ipsum urna tristique dolor, sed iaculis felis est nec pede. Fusce convallis ante in ligula. Title section 1.3.1 Site map Contact Logo ok ⋁ You want to…

38.  http://www.exemple3.html  Section 2 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras lacinia, wisi nec lacinia fermentum, sem est blandit eros, at varius dolor velit at justo. Vestibulum euismod sapien in arcu consectetuer cursus. Curabitur magna dolor, auctor vel, volutpat vitae, posuere ut, odio. In sit amet orci. Cras luctus erat quis lectus. Morbi fermentum, neque vitae accumsan gravida, mi ipsum eleifend libero, in condimentum libero purus eget massa. Integer posuere pulvinar augue. Etiam tempus ligula vitae ipsum. Integer tristique. Integer ultricies, massa nec dignissim porttitor, urna augue fermentum enim, ac nonummy risus augue eu sapien. Aliquam at eros. Quisque tempus ante sit amet velit. Phasellus cursus posuere odio. Curabitur tempor fermentum augue. Etiam tempus iaculis ipsum. Suspendisse wisi pede, scelerisque sit amet, adipiscing quis, vulputate ut, mauris. Nunc sodales, diam eget molestie rutrum, lectus sem fermentum diam, nec feugiat velit leo a est. Fusce scelerisque vestibulum lacus. Duis eu leo vitae sem cursus rhoncus. Ut metus. Vestibulum ligula dui, vestibulum quis, convallis vel, volutpat ut, eros. Etiam eget orci. Sed non magna non est tempor malesuada. Integer tellus justo, sagittis et, congue vitae, tempor in, lorem. Nam luctus, tortor ac dapibus pretium, nibh lacus pretium libero, sit amet vehicula augue libero eu elit. Fusce at est sed velit semper suscipit. Maecenas mattis magna at est. Maecenas elit. Proin eget tellus sit amet risus bibendum semper. Sed mattis mattis eros. Nulla facilisi. Maecenas ultricies nulla non justo. Duis accumsan, nulla et viverra posuere, pede pede rhoncus est, sit amet imperdiet nisl turpis facilisis erat. Morbi felis. Praesent vestibulum justo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed vestibulum, mi ut molestie iaculis, ipsum urna tristique dolor, sed iaculis felis est nec pede. Fusce convallis ante in ligula. Title section 2.3.1 Section 1 Section 2 Section 3 Section 4 Section 5 Home > Section 2 > Section 2.3 Overview Section 2.1 Section 2.2 Section 2.3 - Section 2.3.1 - Section 2.3.2 - Section 2.3.3 Section 2.4 Section 6 Home Site map Contact Logo ok Search… Cartridge Nunc vero fatemur, acuti hebetesne, valentes imbecilline simus, non esse id in nobis. Learn more...

39.  http://www.example4.html  Home Section 1 Section 2 Section 3 Section 4 Section 5 Newsletter Search Site map Contact Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras lacinia, wisi nec lacinia fermentum, sem est blandit eros, at varius dolor velit at justo. Vestibulum euismod sapien in arcu consectetuer cursus. Curabitur magna dolor, auctor vel, volutpat vitae, posuere ut, odio. In sit amet orci. Cras luctus erat quis lectus. Morbi fermentum, neque vitae accumsan gravida, mi ipsum eleifend libero, in condimentum libero purus eget massa. Integer posuere pulvinar augue. Etiam tempus ligula vitae ipsum. Integer tristique. Integer ultricies, massa nec dignissim porttitor, urna augue fermentum enim, ac nonummy risus augue eu sapien. Aliquam at eros. Quisque tempus ante sit amet velit. Phasellus cursus posuere odio. Curabitur tempor fermentum augue. Etiam tempus iaculis ipsum. Suspendisse wisi pede, scelerisque sit amet, adipiscing quis, vulputate ut, mauris. Nunc sodales, diam eget molestie rutrum, lectus sem fermentum diam, nec feugiat velit leo a est. Fusce scelerisque vestibulum lacus. Duis eu leo vitae sem cursus rhoncus. Ut metus. Vestibulum ligula dui, vestibulum quis, convallis vel, volutpat ut, eros. Etiam eget orci. Sed non magna non est tempor malesuada. Integer tellus justo, sagittis et, congue vitae, tempor in, lorem. Nam luctus, tortor ac dapibus pretium, nibh lacus pretium libero, sit amet vehicula augue libero eu elit. Fusce at est sed velit semper suscipit. Maecenas mattis magna at est. Maecenas elit. Proin eget tellus sit amet risus bibendum semper. Sed mattis mattis eros. Nulla facilisi. Maecenas ultricies nulla non justo. Duis accumsan, nulla et viverra posuere, pede pede rhoncus est, sit amet imperdiet nisl turpis facilisis erat. Morbi felis. Praesent vestibulum justo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed vestibulum, mi ut molestie iaculis, ipsum urna tristique dolor, sed iaculis felis est nec pede. Fusce convallis ante in ligula. Title section 1.3 Overview Section 1.1 Section 1.2 Section 1.3 Section 1.4 Section 1 Learn more... Link #1 Link #2 Link #3 Link #4 Logo

42. Por hoje é só pessoal.