1. O documento fornece instruções passo-a-passo para criar um protótipo no programa Axure, incluindo como adicionar botões, links, publicar o protótipo online e gerar arquivos HTML.
2. Também ensina como organizar páginas no mapa do site, mostrar grade e guias, adicionar uma página de guia única e centralizar o conteúdo.
3. O objetivo é criar um primeiro protótipo funcional no Axure para testar os recursos básicos do programa.
How to fake a database/backend in Axure... and moreSandra González
For more information on London Axure Meetup visit:
http://AxureLondon.com
The RP File for the repeater widget presentation can be found here:
http://axurelondon.com/RP_Files/RepeaterWidget_AxureLondon.rp
Meetup Description:
Thank you all for voting on what our next topic should be. And the winner is (drum roll)... The Repeater Widget!
The Repeater Widget is one of the exciting new feature introduced with Axure 7, and it was created with the purpose of display repeating patterns of text, images, and links or in other words, the ability to "fake" a backend.
For Show-and-Tell, Scott from TalkTalk will walk us through the Axure prototype that helped shaped TalkTalk's current YouView TV app. He will demonstrate how to use Axure to prototype TV apps using a TV remote control to control the app…. I know what you all thinking… I had no idea that could even be done! If so, come along and check it out :D
Last but not least, I have a very special guest, author of the book Axure for Mobile, Lennart Hennigs, who will be joining us via Skype. I will have a few questions prepared for him, and I will be opening the floor for Q&A, so have your own brilliant mobile prototyping questions ready for him as well.
As always, there will be pizza and drinks sponsored by Axure, and I will have plenty this time, I pinky promise ;)
Well that's it for now, I hope to see you all in three week!
Cheers!
Sandra
O primeiro cap[itulo do livro "O Modelo de Negócio Pessoal" est'a sendo distribuído livremente pela Altabooks em http://www.altabooks.com.br/business-model-you-o-modelo-de-negocios-pessoal.html
How to Extend Axure's Animation CapabilitySvetlin Denkov
It can be argued that animations and particularly transitions are integral part of innovative mobile experiences for iOS and Android. Nowadays, UXers must know about motion design and staging.
While there are tools out there which are built for prototyping animations, Axure has similar if not identical capability with the help of few technologies.
In this presentation, we will go over the current animation limitations of Axure 7.0 including firing multiple animations on the same item, resizing, animation origin and others. In the process we will step by step build a complex animation sequence with the help of AxQuery (Axure’s flavor of jQuery) and CSS3 transform properties.
This presentation will give you the tools to build animations otherwise not possible in Axure such as dynamic rotations, varying the animation speed with custom Bezier curves, and others.
Adobe Muse - Guia de referencia
Como criar seu primeiro site usando Adobe Muse (sem programar).
Cómo crear su primera página web usando Adobe Muse (sin códigos y sin programar).
How to fake a database/backend in Axure... and moreSandra González
For more information on London Axure Meetup visit:
http://AxureLondon.com
The RP File for the repeater widget presentation can be found here:
http://axurelondon.com/RP_Files/RepeaterWidget_AxureLondon.rp
Meetup Description:
Thank you all for voting on what our next topic should be. And the winner is (drum roll)... The Repeater Widget!
The Repeater Widget is one of the exciting new feature introduced with Axure 7, and it was created with the purpose of display repeating patterns of text, images, and links or in other words, the ability to "fake" a backend.
For Show-and-Tell, Scott from TalkTalk will walk us through the Axure prototype that helped shaped TalkTalk's current YouView TV app. He will demonstrate how to use Axure to prototype TV apps using a TV remote control to control the app…. I know what you all thinking… I had no idea that could even be done! If so, come along and check it out :D
Last but not least, I have a very special guest, author of the book Axure for Mobile, Lennart Hennigs, who will be joining us via Skype. I will have a few questions prepared for him, and I will be opening the floor for Q&A, so have your own brilliant mobile prototyping questions ready for him as well.
As always, there will be pizza and drinks sponsored by Axure, and I will have plenty this time, I pinky promise ;)
Well that's it for now, I hope to see you all in three week!
Cheers!
Sandra
O primeiro cap[itulo do livro "O Modelo de Negócio Pessoal" est'a sendo distribuído livremente pela Altabooks em http://www.altabooks.com.br/business-model-you-o-modelo-de-negocios-pessoal.html
How to Extend Axure's Animation CapabilitySvetlin Denkov
It can be argued that animations and particularly transitions are integral part of innovative mobile experiences for iOS and Android. Nowadays, UXers must know about motion design and staging.
While there are tools out there which are built for prototyping animations, Axure has similar if not identical capability with the help of few technologies.
In this presentation, we will go over the current animation limitations of Axure 7.0 including firing multiple animations on the same item, resizing, animation origin and others. In the process we will step by step build a complex animation sequence with the help of AxQuery (Axure’s flavor of jQuery) and CSS3 transform properties.
This presentation will give you the tools to build animations otherwise not possible in Axure such as dynamic rotations, varying the animation speed with custom Bezier curves, and others.
Adobe Muse - Guia de referencia
Como criar seu primeiro site usando Adobe Muse (sem programar).
Cómo crear su primera página web usando Adobe Muse (sin códigos y sin programar).
Os slides foram preparados para a aula sobre animação em um projeto Web. Neles procuro abordar um pouco sobre os principais formatos GIF animado, Shockwave, Flash e HTML 5. Algumas técnicas gerais de animação e as especificidades para web, nas questões técnicas e de linguagem.
Os slides foram preparados para a aula sobre animação em um projeto Web. Neles procuro abordar um pouco sobre os principais formatos GIF animado, Shockwave, Flash e HTML 5. Algumas técnicas gerais de animação e as especificidades para web, nas questões técnicas e de linguagem.
Sintaxe do CSS - Aprenda a estrutura das regras e suas propriedades.Daniela Carvalho
Criei estes slides para dar suportes aos meus cursos de HTML 5 e CSS 3. Estes, em específico, destaco o desenvolvimento de regras em CSS e suas características.
Infográfico sobre os processos de criação e desenvolvimento de um website, mas que se aplica também a outros produtos digitais, como aplicativos, por exemplo.
Projeto de articulação curricular:
"aLeR+ o Ambiente - Os animais são nossos amigos" - Seleção de poemas da obra «Bicho em perigo», de Maria Teresa Maia Gonzalez
proposta curricular da educação de jovens e adultos da disciplina geografia, para os anos finais do ensino fundamental. planejamento de unidades, plano de curso da EJA- GEografia
para o professor que trabalha com a educação de jovens e adultos- anos finais do ensino fundamental.
Slides Lição 10, CPAD, Desenvolvendo uma Consciência de Santidade, 2Tr24.pptxLuizHenriquedeAlmeid6
Slideshare Lição 10, CPAD, Desenvolvendo uma Consciência de Santidade, 2Tr24, Pr Henrique, EBD NA TV, Lições Bíblicas, 2º Trimestre de 2024, adultos, Tema, A CARREIRA QUE NOS ESTÁ PROPOSTA, O CAMINHO DA SALVAÇÃO, SANTIDADE E PERSEVERANÇA PARA CHEGAR AO CÉU, Coment Osiel Gomes, estudantes, professores, Ervália, MG, Imperatriz, MA, Cajamar, SP, estudos bíblicos, gospel, DEUS, ESPÍRITO SANTO, JESUS CRISTO, Com. Extra Pr. Luiz Henrique, de Almeida Silva, tel-What, 99-99152-0454, Canal YouTube, Henriquelhas, @PrHenrique, https://ebdnatv.blogspot.com/
proposta curricular para educação de jovens e adultos- Língua portuguesa- anos finais do ensino fundamental (6º ao 9º ano). Planejamento de unidades letivas para professores da EJA da disciplina língua portuguesa- pode ser trabalhado nos dois segmentos - proposta para trabalhar com alunos da EJA com a disciplina língua portuguesa.Sugestão de proposta curricular da disciplina português para turmas de educação de jovens e adultos - ensino fundamental. A proposta curricular da EJa lingua portuguesa traz sugestões para professores dos anos finais (6º ao 9º ano), sabendo que essa modalidade deve ser trabalhada com metodologias diversificadas para que o aluno não desista de estudar.
LIVRO MPARADIDATICO SOBRE BULLYING PARA TRABALHAR COM ALUNOS EM SALA DE AULA OU LEITURA EXTRA CLASSE, COM FOCO NUM PROBLEMA CRUCIAL E QUE ESTÁ TÃO PRESENTE NAS ESCOLAS BRASILEIRAS. OS ALUNOS PODEM LER EM SALA DE AULA. MATERIAL EXCELENTE PARA SER ADOTADO NAS ESCOLAS
Atividade - Letra da música "Tem Que Sorrir" - Jorge e MateusMary Alvarenga
A música 'Tem Que Sorrir', da dupla sertaneja Jorge & Mateus, é um apelo à reflexão sobre a simplicidade e a importância dos sentimentos positivos na vida. A letra transmite uma mensagem de superação, esperança e otimismo. Ela destaca a importância de enfrentar as adversidades da vida com um sorriso no rosto, mesmo quando a jornada é difícil.
1. 1
1
Meu
primeiro
protótipo
no
Axure
7.01
Etapa
inicial
Crie
um
novo
arquivo
A.
Crie
um
botão
azul
1.
Clique
e
arraste
o
botão
forma
(Button
Shape)
do
painel
Widgets
(componentes)
para
a
página
no
painel
Wireframe.
2.
Edite
o
texto
para
“Next
Page”
(Nova
Página).
Com
o
botão
selecionado,
digite
“Próxima
página”
para
editar
o
texto
do
widget.
3.
Mude
a
cor
para
azul.
Selecione
a
cor
azul
usando
o
botão
de
preenchimento,
na
barra
de
ferramentas.
1
Traduzido
pela
Profa.
Daniela
Carvalho
Monteiro
Ferreira,
para
a
disciplina
de
Web
Design,
nos
cursos
de
Publicidade
e
Relações
Públicas
E-‐mail:
daniela.carvalho@esamc.br.
Abr
2014.
Blog:
http://colecaoaprender.blogspot.com.br
2. 2
2
B.
Adicione
um
link
1.
Clique
no
“Quick
Link”.
Com
o
botão
selecionado,
clique
na
opção
“Quick
Link”
(link
rápido)
do
painel
de
propriedades
do
widget
(componente).
2.
Selecione
a
página
1.
Na
caixa
de
diálogo
“Link
Properties”,
selecione
Page
1.
3.
Clique
em
Preview.
Clique
no
botão
“Preview”
3. 3
3
C.
Publique
o
protótipo
no
serviço
de
hospedagem
na
nuvem,
Axure
Share
1.
Clique
no
ícone
“AxShare”.
Clique
no
ícone
“AxShare”
na
barra
de
ferramentas.
2.
Crie
uma
conta.
Com
a
aba
“Create
Account”
selecionada,
entre
com
seu
e-‐mail
e
senha
e
depois
marque
para
concordar
com
os
termos
de
utilização.
3.
Clique
em
publicar.
Clique
no
botão
“Publish”
para
obter
o
link
(URL)
para
compartilhar.
4. 4
4
D.
Gere
os
arquivos
HTML
localmente
1.
Clique
no
ícone
“Publish”.
Clique
no
ícone
“Publish”
na
barra
de
ferramentas.
2.
Crie
em
“Generate
HTML
Files”
(Gerar
arquivos
HTML).
Selecione
“Generate
HTML
Files.
3.
Clique
em
“Generate”
(Gerar).
Clique
no
botão
“Generate”.
Nota:
Para
visualizar
os
arquivos
locais
no
Chrome
é
necessário
uma
Extensão.
Referência:
AXURE.
CORE
TRAINING
#1:
Getting
Started.
Disponível
em
<http://www.axure.com/learn/core/getting-‐started>.
Acesso
em
Abr
2014.
5. 5
5
Trabalhando
com
Páginas
Crie
um
novo
arquivo
A.
Organize
as
páginas
no
mapa
do
site
(painel
Sitemap)
1.
Arraste
a
Page
3
para
cima.
Clique
e
arraste
a
Page
3
um
pouco
acima
e
à
direita
da
Page
2.
2.
Clique
com
o
botão
direito
para
deletar
a
Page
2.
Selecione
a
Page
2
no
painel
Sitemap,
clique
bom
o
botão
direito
e
selecione
Delete
no
menu
contextual.
3.
Adicione
uma
nova
página
(New
Page).
Selecione
a
Page
3
e
clique
com
o
botão
direito.
Selecione
Add
>
Child
Page
no
menu
contextual.
4.
Renomeie
as
páginas.
Clique
uma
vez
com
o
botão
esquerdo
para
renomear
a
nova
página.
Coloque
o
nome
de
“Last
Page”
(Última
Página).
Renomeie
a
“Page
3”
para
“Page
2”.
6. 6
6
B.
Mostrar
a
grade
(Grid)
e
criar
guias
(Guides)
1.
Abra
a
Última
Página.
Duplo
clique
na
“Last
Page”
(Última
Página),
no
painel
SiteMap.
Isto
abrirá
uma
nova
aba
no
painel
Wireframe.
2.
Ative
a
grade.
Clique
com
o
botão
direito
no
Wireframe
e
selecione
Grid
and
Guides
>
Show
Grid
(Mostrar
grade).
3.
Crie
guias.
Clique,
novamente,
com
o
botão
direito
no
Wireframe
e
selecione
Grid
and
Guides
>
Create
Guides.
4.
Selecione
Preset.
Selecione
a
opção
“960
Grid:
12
Column
option”.
5.
Clique
Ok.
Clique
no
botão
Ok
para
criar
as
guias.
7. 7
7
C.
Adicionando
uma
página
guia
única
1.
Arraste
a
guia
da
régua.
Clique
e
arraste
do
topo
da
régua
para
dentro
do
Wireframe,
para
criar
a
página
guia
em
Y:35.
Pressionando
a
tecla
Ctrl
(tecla
Cmd
nos
Macs)
enquanto
a
ação
de
arrastar
cria
uma
guia
global
(Global
Guide).
2.
Arraste
e
solte
um
widget
de
imagem.
Arraste
um
widget
de
imagem
do
painel
Widgets
e
o
solte
quando
o
contorno
da
esquerda
encostar
na
guia
em
X:90
e
o
contorno
do
topo
encostar
na
guia
em
Y:35.
3.
Redimensione
o
widget.
Clique
e
arraste
a
alça
de
seleção
da
imagem
até
encostar
na
guia
em
X:230.
8. 8
8
D.
Centralize
a
página
1.
Selecione
a
aba
de
formatação
da
página
(Page
Formatting).
Selecione
a
aba
Page
Formatting
no
painel
Page
Properties
(propriedade
da
página).
2.
Centralize
a
página.
Selecione
o
botão
de
alinhamento
centralizado
para
que
a
página
seja
centralizada
no
protótipo
gerado.
9. 9
9
E.
Mudar
a
cor
de
fundo
de
todas
as
páginas
1.
Abra
o
editor
de
estilos
da
página.
Clique
no
botão
do
campo
Page
Style
para
fazer
as
mudanças
de
formatação
para
todas
as
páginas.
2.
Selecione
a
cor.
Na
janela
Page
Style
Editor,
selecione
uma
cor
de
fundo.
3.
Clique
OK.
Clique
no
botão
OK
para
mudar
a
cor
de
fundo.
Gere
o
protótipo
Visualize
o
protótipo,
clique
em
“Preview”.
As
mudanças
realizadas
no
painel
Sitemap
são
refletidas
no
mapa
do
site
(sitemap)
do
protótipo.
Note
que
a
cor
de
fundo
de
todas
as
páginas
foi
alterada
porque
foi
mudado
o
estilo
padrão
no
editor
de
estilos
(Page
Style
Editor).
O
widget
(componente)
da
imagem
está
na
Última
Página
(Last
Page).
Referência:
AXURE.
CORE
TRAINING
#2:
Working
with
Pages.
Disponível
em
< http://www.axure.com/learn/core/pages
>.
Acesso
em
Abr
2014.