Você poderá trabalhar na maior empresa de RIA do Brasil. E quem sabe você não usa o seu conhecimento para ganhar um IPhone 4 ou até mesmo viagem para os EUA?

Vou aqui deixar um pequeno script que fiz para linux para fazer o backup diário de algumas bases de dados criticas inicialmente para o Dropbox (que sem duvida é a melhor forma de backup e sincronização de dados; dropbox.com) e depois para um disco externo. Um dos maiores problemas mesmo foi conseguir montar um disco de rede (PackardBell Netstore 3500) no openSUSE. A coisa ficou feia e apenas o consegui montar via ftp com a ajuda do curlftpfs (http://curlftpfs.sourceforge.net/), um pequeno software que me fez matar a charada e me permitiu montar o ftp como uma pasta no linux e a partir daí aceder a ela como se fizesse parte do proprio linux.

Bom, tive que recorrer a um pouco do que estudei sobre linux, e a algumas dicas que encontrei pela net e discuti com amigos, até que cheguei a um script bem simples mas que me permite fazer sem rodeios o que eu precisava. (Backup de algumas bases de dados mysql e de algumas pastas no servidor).

E voila! Gravem como .sh e criem um cron job para fazer correr este script!

Reparem que apenas copiei os backups das bases de dados para o Dropbox, porque como devem imaginar copiar pastas do sistema (que no meu caso poderiam chegar a 50GB ) não é boa ideia, a não ser que tenha a opção paga do dropbox!

Simples e eficaz. Claro que não dispensa por completo o uso de um software de backups, no entanto para certos casos é mais do que suficiente

Talvez ajude alguem!
Abraço.

© msdevweb for TSW – That Should Work Blog, 2010. | Permalink |No comment | Add to del.icio.us

Post tags: arquivos, backup, dropbox, ficheiros, Linux, openSUSE, script, Tutorial

Flash People Brasil é um projeto da Adobe Community dos USA com as comunidades Flash do mundo. O bacana é que o projeto começa pelo Brasil, o próximo país será o México, e depois os EUA. O objetivo do projeto é juntar em um local, todos os flash/flex/air developers e designers de cada país, através de um vídeo curto de 1 minuto de duração para cada pessoa. Vamos conseguir colocar uma “voz” e uma “cara” aos usernames que vemos todos os dias.
Participe você também e dê seu depoimento e concorra a um Adobe Creative Suite Design Premium no próximo Flash Camp Brasil, o meu já esta la

Flash People Brasil
http://www.theflashpeople.com/brasil/

Eduardo fala sobre o UX e Design de Interação (@eduardohorvath 01:48), O Gustavo fala mais sobre Scala, desta vez com Case Classes e Generics (@Gust4v0_H4xx0r 12:06)

Click to play

Perguntas para o Eduardo ou para o Gustavo sobre o que você ouviu neste Agon News? Envie um email para agon@dclick.com.br com o Título “Dúvida Agon News”. No próximo Agon News a sua dúvida será respondida.

Clique aqui para fazer download

What the hell is UX, e IxD – Design de Interação, abordagem direta uma galera tem me perguntado sobre a carreira de UX Specialist, o que é, o que deixa de ser, onde encontra-se material, etc.

Vou resumir, ou tentar.

UX Specialist é o indivíduo especializado em User Experience, a essa altura você deve dizer “você está de brincadeira comigo…”, mas não poderia deixar de enfatizar isso, já que, quando falo especialista, é especialista mesmo, é alguém que entende o assunto, não é apenas um termo.
Portanto, sem entrar no mérito da profissão, já que não existe faculdade para formar especialistas em UX, e muito menos cursos sobre o assunto. Os profissionais vem de diversas áreas do design, mas quando falamos em usuário temos que pensar em algo muito peculiar, INTERFACES, a maioria esmagadora vem do segmento de design de interfaces e do estudo em IxD.

Se em um futuro próximo eu ver de acordo com a perguntas dos leitores que há ainda falta de entendimento em relação a esse tema eu posso postar o que é essa carreira em alguns dos seus detalhes, por hora vou municiar vocês com material, muito material, links e mais links para você encontrar o que quiser a respeito de User Experience, mas já aviso, em português não tem coisa boa, não significativa, mas com esforço você encontra, portanto terá que ser em inglês, e se, teu inglês não está lá aquelas coisas faz um esforcinho e pede ajuda ao titio Google, garanto que vai valer a pena.

De quebra, vou dar um Help com um vídeo de introdução muito interessante… do Don Norman, (@becknovaes gosta muito dos conceitos desse especialista), acho o velhinho simpático e com uma bagagem invejável, o vídeo tem legenda em português, vale a pena.

Don Norman: 3 maneiras pelas quais o design te faz feliz

.

Você vai perceber nos links abaixo que haverá temas relacionados a IxD, IA, etc, entender todos esses assuntos fazem parte do papel de UX Specialist.

Isso não significa que eu concordo com todos os pontos de vistas de todo esse conteúdo, isso é material de investigação, de estudo. Eu tenho minhas próprias convicções sobre essa matéria User Experience, devido a meus anos de trabalho na área, pelas milhares de tentativas de erros e acertos.

Espero que com esse material você encontre o que precisa para largar de vez esse tema ou amar.

.

UX BOOKS

.

UX Primer

.

• The Design of Everyday Things by Don Norman
• Don’t Make Me Think by Steve Krug
• Não me faça pensar, Steve Krug  o mesmo de cima só que em português

.

Design Thinking

.

• Sketching User Experiences by Bill Buxton
• Emotional Design: Why We Love (or Hate) Everyday Things by Don Norman
• The Inmates Are Running the Asylum by Alan Cooper

.

Strategy

.

• Subject To Change by Peter Merholz, Todd Wilkens, Brandon Schauer, and David Verba

.

Process

.

• The Elements of User Experience by Jesse James Garrett
• About Face 3 by Alan Cooper, Robert Reimann, and David Cronin
• A Project Guide to UX Design by Russ Unger and Carolyn Chandler

.

Principles

.

• Designing for the Social Web by Joshua Porter
• Designing Interfaces by Jenifer Tidwell
• Designing Visual Interfaces by Kevin Mullet
• Information Architecture for the World Wide Web (the Polar Bear book) by Louis Rosenfeld and Peter Morville
• Information Architecture: Blueprints for the Web by Christina Wodtke and Austin Govella
• Designing Web Navigation by James Kalbach
• Web Form Design by Luke Wroblewski

.

Activities

.

• Usability Engineering by Jakob Nielsen
• Handbook of Usability Testing by Jeffrey Rubin and Dana Chisnell
• Observing the User Experience by Mike Kuniavsky

.

Documentation

.

• Communicating Design by Dan Brown

.

Extra Credit

.

• Set Phasers on Stun: And Other True Tales of Design, Technology, and Human Error by S. M. Casey

.

UX BLOGS

.

• Konigi by Michael AngelesTips, tools and techniques for being a better user experience designer
• Disambiguity by Leisa ReicheltThe ins and outs of designing a product with an existing, and passionate, community
• EverydayUX by Alex RainertA fresh look at the world around us through UX-tinted glasses
• Graphpaper by Christopher FaheyCritical analysis of some of the toughest issues facing UX designers today
• inspireUX by Catriona CornettCubical-wall worthy quotations from a variety of practitioners on how and why to create positive user experiences
• Bokardo – Social Design by Joshua PorterFor everything you need to consider when designing socially-focused stuff
• Logic + Emotion by David ArmanoReusable visualizations and valuable synthesis at the intersection of user experience design, marketing and business
• Putting People First by ExperientiaA great resource for all things UX from around the globe
• Brain Sparks by User Interface Engineering (UIE)Inside the brilliant minds of user research pioneer Jared Spool and his team
• Design for Service by Jeff HowardInsights into all the ways companies need to be communicating with their customers, outside of their websites
• UX Booth by Redd Horrocks, Matthew Kammerer, David Leggett, and Andrew Maier

.

UX PUBLICATIONS

.

• Boxes and ArrowsJournal dedicated to discussing, improving and promoting the work of the information architecture community
• interactionsMagazine including timely articles, stories, and content related to the interactions between experiences, people, and technology, published by the Association for Computing Machinery
• UXmattersInsights and inspiration for the user experience community written by many distinguished practitioners
• Core77Industrial Design content and community site – articles, discussions, interviews and resources

.

LOCAL EVENTS

.

• UX Book Club
• IxDA chapters
• UPA chapters
• IAI Local Groups
• SIGCHI chapters
• User Experience Meetups
• Information Architecture Meetups
• Lots more events listed at UXnet.org

.

ORGANIZATIONS

.

• Information Architecture Institute (IAI)
• Interaction Design Association (IxDA)
• Usability Professionals Association (UPA)
• User Experience Network (UXnet)
• Special Interest Group – Computer Human Interaction (ACM/SIGCHI)

.

MAILING LISTS

.

• IxDA mailing list
• IAI mailing list
• NYCCHI mailing list
• SIGCHI in other cities

.

WEBINARS

.

• UIE’s Virtual SeminarsA monthly series of online seminars giving you the chance to hear the latest perspectives in the world of design from the field’s premier experts.
  $129 each. 90 minutes.
• Rosenfeld Media’s Future Practice WebinarsThe cutting edge of contemporary user experience research and design methods and practices.
  $99 each. 60 minutes.
• Adaptive Path’s Virtual Seminars$129 each. 75 minutes.
• Smart Experience online material

.

WORKSHOPS

.

• UIE RoadshowIn this full-day, in-depth seminar you’ll discover the key experience-design factors, analyze your team’s strengths and weaknesses, create an experience vision, and learn the role of delight.
• AdaptivePath’s UX IntensiveThis four-day workshop series is for experienced professionals wanting to take their practice to the next level.
• Cooper U A practical collection of courses that help product team members improve their effectiveness from early planning all the way through implementation.

.

CONFERENCES

.

Inspirational

.

• Good Experience Live (GEL)A conference and community exploring good experience in all its forms — in business, art, society, technology, and life.
• IDEA ConferenceThe world’s foremost thinkers and practitioners sharing the big ideas that inspire, along with practical solutions for the ways people’s lives and systems are converging to affect society.
• Adaptive Path’s Managing Experience (Mx)Thought leaders from major corporations show you how smart and visionary management will help you successfully compete in a difficult economy.

.

Practical

.

• UIE’s User Interface Conference Examining the biggest issues in the world of web design, information architecture, and usability.
• NN/g’s Usability Week A three-day usability camp, a three-day intensive session on interaction design, and several specialized, day-long tutorials on core usability topics. Come for as few or as many days as you want.
• UPA Tutorials, workshops, Experienced Practitioners program, then two and a half days packed with presentations, Idea Markets, and opportunities to network with other user experience professionals.

.

Mixed

.

• IxDA Interaction Conference Three days of inspirational and tactical sessions geared at anyone who practices Interaction Design, as well as a day of pre-conference workshops.
• IA Summit The premier gathering place for information architects and other user experience professionals. Two days of pre-conference sessions, two keynotes and over 50 presentations.
• Adaptive Path’s UX Week A mix of inspiring talks from recognized thought leaders and hands-on workshops delivering takeaway skills, this event delivers for user experience professionals at all levels — directors, managers, and practitioners.
• UIE’s Web App Summit The four-day Summit includes two days of intensive full-day workshops and two more days of featured presentations from world-renown experts, to give you fresh perspectives and new insights on today’s web app design challenges.
• UX Australia 3-day user experience design conference, with inspiring and practical presentations, covering a range of topics about how to design great experiences for people.
• UX London A unique three-day event combining inspirational talks with in-depth workshops presented by some of the industry’s biggest names.

.

Academic

.

• ACM’s CHI The premier international conference for the field of human-computer interaction.

.

SCHOOLING

.

Human Computer Interaction

.

• Human Computer Interaction Institute at Carnegie Mellon University
  (where I received a bachelor’s and master’s degree)
• Master of Science in Information – HCI Specialization at University of Michigan
• Full list of HCI degree programs

.

Interaction Design

.

• Master of Design in Interaction Design at Carnegie Mellon University
• Master of Fine Arts in Interaction Design at School of Visual Arts
  (starting fall 2009)
• Undergraduate minor in Interaction Design at Savannah College of Art and Design
• http://www.designdeinteracao.com.br/ Puc de Minas
• Pós na FIT de Design de Interação Curso recente criado na Faculdade Impacta de Tecnologia – SP capital

.

Misc

.

• Interactive Telecommunications Program at NYU’s Tisch School of the Arts
• Institute of Design at Illinois Institute of Technology

_________________________________________

Eduardo Horvath é UX Specialist e Designer na DClick.
Formado pela Faculdade Impacta de Tecnologia no curso Design de Mídia Digital ele atua na área de Design a mais de 15 anos.
@eduardohorvath

Bom, este toolkit trata-se de uma segunda alternativa para o layout visual de um projecto que me foi pedido, como não foi aceite posso divulga-la publicamente. O layout apresentado é de uma interface e de todos os controlos que seriam usados nela, são cerca de 50 elementos visuais.

O resultado final que comporta um unico ficheiro PSD prontinho a ser usado nas suas aplicações, completamente separado por layers, grupos e muito tem identificado. Com o poder do Flash Catalyst já devem supor que será simplesmente muito facil importa-lo para as vossas aplicações flex…

Segue a preview (cliquem para ver em maior):

Como não foi aprovado, mas no entanto está 100% funcional, ainda estou meio indeciso se o coloco à venda no graphicriver, se o vou utilizar para um futuro cliente ou o disponibilizo gratuitamente aqui no blog para download…

Que dizem?

Abraço.

© msdevweb for TSW – That Should Work Blog, 2010. | Permalink |No comment | Add to del.icio.us

Post tags: app, layout, photoshop, RIA’s Geral, web

@Gust4v0_H4xx0r

Link de download do arquivo original em alta resolução.

Twitter!

Com o lançamento do iPad pela Apple, e a necessidade de adaptar os aplicativos existentes para o iPad, os desenvolvedores encontraram alguns desafios que antes não eram percebidos quando desenvolvendo para iPhone ou iPod Touch.

Todos os devices da apple possuem o acelerômetro e através dele nossa iteração com os dispositivos e aplicativos mudou completamente, saindo de algo “estático” para aplicativos que reagem conforme você posiciona o aparelho.

Essa funcionalidade já quase não é mais percebida nos aplicativos para iPhone, pois quase todos os aplicativos estão preparados para a visualização em Landscape e Portrait. Porém, devido ao tamanho da tela desse device, não existe grande diferença nessas visualizações.

Arrisco em dizer que grande parte das vezes em que rotacionamos o iPhone para Landscape é para ter uma maior área de visualização ou melhor acesso ao teclado para digitar textos mais longos.

Porém, com o iPad essa funcionalidade foi renovada. Alguns fatores como tamanho da tela influenciaram nessa mudança, afinal, com tanto espaço as informações podem ser melhores dispostas para o usuário.

Essa mudança pode ser percebida em grande parte dos aplicativos existentes no iPad, e sua disposição pode mudar da acordo com a necessidade.

Percebam, por exemplo, que para o aplicativo Settings não existe diferenciação entre Portrait e Landscape:

Já, outros aplicativos como Mail e YouTube possuem visualizações bem diferentes de acordo com a orienteção do device:

Mas, e quando estamos desenvolvendo aplicativos mais simples, que não irão possuir tantas formas de visualização, ou mesmo quando estamos aprendendo a trabalhar com esse controle de visualização, como podemos permitir ou bloquear que o aplicativo mude sua visualização?

Quando não estamos criando controles avançados de tratamento dessas visualizações, podemos ter alguns resultados indesejáveis quando o iPad é rotacionado, e toda a UI ser afetada, impactando a UX para o usuário.

Portanto, uma forma simples de permitir, por exemplo, que a aplicação não mude a orientação para Landscape é através do controller da view.

No controller podemos encontrar o método

Esse método sempre retorna YES, o que significa que ele sempre rotaciona a view de acordo com a orientação.

Podemos permitir quatro tipos de orientação:

• UIInterfaceOrientationPortrait
• UIInterfaceOrientationPortraitUpsideDown
• UIInterfaceOrientationLandscapeLeft
• UIInterfaceOrientationLandscapeRight

Cada orientação segue o posicionamento do device:

Então, caso nossa view deva responder somente ao modo Portrait e LandscapeLeft, devemos definir o método como abaixo:

Qualquer combinação é válida, e caso todas sejam permitidas, devemos manter o método inalterado, conforme abaixo:

Mais detalhes:

O screencast abaixo demostra a criação de um aplicativo simples, com uma View, e como tratar a InterfaceOrientation com mais detalhes. Ao final do Screencast você deverá conseguir alterar os modos de rotação da forma que desejar, e assim aplicar o conceito em outras aplicações.

O código fonte gerado através do screencast pode ser baixado através do link: OrientationTest(zip)

Deixe seu comentário ou dúvidas.

Artur Fabri

@arturfabri

Já?

Chegou aquela altura do ano em que do lado do WordPress.org se começam a dar os retoques finais na próxima versão do WordPress (a 3.1, neste caso). Os utilizadores do WordPress.com são automaticamente incluídos na versão beta, dando-lhe todo o acesso a novas funcionalidades, um mês antes de estas serem lançadas oficialmente. Isto é bom, não só porque lhe dá um acesso antecipado ao que aí vem, mas como também a sua opinião nos ajuda a melhorar ainda mais. Estou muito animada, tanto pelos os novos recursos que acabámos de implementar, como por serem adições que já desejava há muito tempo. Aqui estão as novas funcionalidades que já pode ver no seu painel:

Criação mais fácil de links internos

Fi.nal.mente.

Está a escrever um post (ou uma página) no WordPress. Menciona algo que tenha escrito antes, e pensa: “Já sei, vou criar uma ligação para esse post!” O que é que fazia? Pode ser que abrisse um novo separador ou janela e que procurasse no seu conteúdo na sua lista de posts, ou ainda que visitasse o seu blog e procurasse esse post. Seja como for, teria que encontrar esse conteúdo, obter a respectiva URL, de modo a ao clicar no botão de link no editor de posts, poderia colá-la. Certo? Isso são o quê? Entre 5 a 8 passos, dependendo de como o fazia? Não mais!

Posts e páginas existentes podem ser encontrados e ligados com uma pesquisa dinâmica.

Com a nova funcionalidade de links internos, pode agora indicar qualquer URL para criar um link, como costumava fazer, ou então procurar nos seus posts e páginas existentes logo ali, na janela de inserção de links. Uma combinação de pré-carregamento, preenchimento previsivo e alguma magia Ajax tornam o uso da ferramenta de criação de links numa alegria (e confira quão mais rápida está a janela!). Esperamos que isto o incite a fazer mais conexões entre o conteúdo do seu site, o que tornará mais fácil para os seus visitantes encontrar mais conteúdo relacionado. Agora todos juntos: Viva! (Certo?)

Ordem por colunas

Quando visita a página de Posts (ou de Páginas, ou de Media ou de qualquer outra informação em lista), alguma vez desejou poder clicar no nome da coluna para alterar a visualização, ordenando por exemplo a informação por data, por ordem alfabética, por autor ou por outro critério? Eu sei que eu quis, desde sempre. Já temos! Este recurso é o resultado de um bem-sucedido projecto de um aluno do Google Summer of Code, demonstrando ainda que o programa é uma ótima maneira de se envolver com o desenvolvimento do WordPress. A pequena seta ao lado do título da coluna (na minha imagem de exemplo, a coluna Data) mostra a coluna pela qual a informação está ordenada, e se a ordenação é ascendente ou descendente. Basta clicar no cabeçalho de qualquer coluna para ordenar por essa coluna ou para inverter a ordem.

Paginação melhorada

Se tem muito conteúdo, pode ser que tenha tido uma experiência levemente irritante ao navegar as páginas posts, media ou outros. Clicar para a frente e para trás é fácil, tal como saltar para a primeira ou última página, mas então e o meio? Imaginemos que tem 23 páginas de posts; está na página 6 e, com base nas datas, acha que o que está à procura deve estar por volta da página 15. Teria que clicar várias vezes para avançar algumas páginas, até chegar à página desejada. Não mais! Com o novo estilo de paginação, os botões para a frente/fim e para trás/início continuam lá, mas agora pode ir directamente para qualquer página, alterando apenas o número editável mostrado na área de paginação (e carregar em Enter).

Pesquisas com Ajax

Os resultados de pesquisas são agora mais rápidos e não requerem actualizações do painel no seu browser graças à adição de Ajax. Rápido!

Esquema de cores revisto

Nas opções do seu perfil, tem uma escolha de esquemas de cores do painel, cinza ou azul (o padrão é cinza). Actualizamos o esquema de cores cinza há algum tempo, mas não actualizamos o azul. (Lembra-se quando mudamos do cabeçalho do escuro para o mais claro? Bons velhos tempos.) O novo esquema de cores azul é mais leve, mais limpo e com base nos mesmos tons que o esquema de cor cinza, mas com uma tonalidade azul, para que o foco possa permanecer firmemente na criação de conteúdo, sem distrações. Se você nunca experimentou o esquema de cor azul, agora seria um óptimo para experimentar e ver se gosta! Existem outras cores que gostaria de ter como opções? Diga-nos nos comentários!

Suporte melhorado para IE9

Para aqueles que têm tido problemas em usar arrastar e largar no painel ou ainda algum problema com o editor visual na criação de posts, com o Internet Explorer 9, foram feitas melhorias para funcionem agora sem problemas no mais recente browser da Microsoft.

A ter em conta: estas funcionalidades são novas e embora tenhamos trabalhado nelas durante bastante tempo, poderá encontrar um erro que nos tenha escapado. Se alguma delas lhe estiver a causar problemas, pode deixar um comentário neste post durante as próximas duas semanas, falar sobre isso nos fóruns, ou contactar o suporte através dos canais habituais.

Espero que apreciem estas notícias, tanto quanto nós gostamos de as desenvolver. Bom blogging!

Actualização

Graças aos vossos comentários, conseguimos já detectar e corrigir alguns erros que escaparam nos nossos testes.

• Corrigimos um conflito com o plugin de CSS usado no WordPress.com (a incompatibilidade causava comportamentos estranhos no editor). Assim, se tinha problemas tais como ver texto a ser sublinhado ou em negrito inesperadamente, isto não deve acontecer mais.
• Corrigimos uma falha do IE8 com a janela de inserção de links, mas ainda estamos a trabalhar em alguns problemas no IE7. (Agora a sério, usar browser antigos não é uma boa ideia. Actualize-o!)

Se mesmo assim continuar com problemas com as novas funcionalidades, quando deixar um comentário ou contactar o suporte, por favor indique o sistema operativo e browser que está a usar, para nos ajudar a resolver o problema mais depressa. Exemplos: “Estou a usar Firefox 3.9 com Mac OSX 10.5.”  ”Estou a usar Google Chrome em Windows 7.”

Obrigado!