Conhecendo o Cappuccino - Parte 1

November 7th, 2008

O que é o Cappuccino

É um framework open source que permite o desenvolvimento de aplicações web semelhantes aos aplicativos de desktop.

O que o Cappuccino é capaz de desenvolver

O 280slides.com é o exemplo mais famoso de um aplicativo desenvolvido pelo Cappuccino. Chama de Keynote da web. Qualquer um que já usou o tão aclamado pela crítica Keynote, da Apple, ou o famigerado PowerPoint conseguirá criar apresentações rapidamente apresentações elegantes usando nada mais do que o browser.

Algumas funcionalidades não foram adicionadas em favor da simplicidade. E quem utiliza o 280slides.com num Mac Os X esquece que está trabalhando num browser.

Quem criou o Cappuccino

O Cappuccino foi criado por dois caras que que já trabalharam na Apple, chamados Francisco Tolmasky e Ross Boucher. O Francisco Tolmasky trabalhava desenvolvendo aplicativos para o iPhone e o Ross Boucher trabalhava no back-end do iTunes.

O desenvolvimento com o Cappuccino

Para desenvolver o Cappuccino é preciso entender o ObjectiveJ ,que foi modelado depois do ObjectiveC. Ou seja, o desenvolvedor não precisa se preocupar com JavaScript, CSS, HTML, Ajax, corss-browser. Basta entender o ObjectiveJ, que o Cappuccino toma conta do resto.

O ObjectiveJ é interpretado totalmente no browser, isso significa que é possível também usar Javascript durante a codificação. Não é necessário nenhum plugin, nem de nenhum serviço rodando no servidor.
O que o pessoal desenvolveu foi um interpretador de ObjectiveJ que transforma todo o código em Javascript, e em seguida o interpreta.

O Cappuccino é uma reimplementação do Cocoa, só que em ObjectiveJ. Isso significa que os desenvolvedores de familiarizados com o desenvolvimento de aplicativos para desktop podem agora desenvolver aplicativos ricos para a web, com a mesma facilidade encontrada no Cocoa.

Os criadores do Cappuccino trabalhavam com desenvolvimento de aplicativos para desktop, por isso eles tem o conhecimento de quão complicado é desenvolver aplicativos para a web. Por isso o Cappuccino foca na arquitetura da aplicação, permitindo o desenvolvimento de funcionalidades como copiar e colar, abrir e salvar documentos etc. Além de tudo isso, ele tem um ótimo suporte a gráficos.

O objetivo maior do cappuccino é ser um framework onde o desenvolvedor não precise se preocupar com os detalhes da implementação, significando que se no futuro todos os browser implementarem o SVG, e o a equipe que desenvolve o Cappuccino decidir que ele deve dar suporte a SVG, derrepente todos os aplicativos em Cappuccino estarão dando suporte a SVG.

O Cappuccino funciona no Safari, Internet Explorer, Opera e browsers baseados no Mozilla, como o Firefox, por exemplo. E pela natureza dos browsers, ele funciona em Windows, Mac e Linux.

Existe alguns problemas de compatibilidade com o Internet Explorer 6. Nessa versão do browser da Microsoft, existe um problema com a transparência das imagens no formato PNG. Apesar disso a equipe de desenvolvimento do framework trabalham pesado para que o programador não precise se preocupar com os detalhes específicos de cada browser.

Contras do Cappuccino

Essa altenativa também tem seu lado negativo: os desenvolvedor que não estão acostumados com Cocoa trilharão um longo caminho para o aprendizado dessa linguagem e para se acostumar com a ’sintaxe de troca de mensagens. Além disso o ObjectiveJ tem que ser transformado em JavaScript puro para poder ser interpretado, o que leva a uma certa lentidão na página inicial. Para solucionar o problema da lentidão inicial, existe uma ferramenta que preprocessa o ObjectiveJ, evitando aquela sobrecarga inicial,

Pros do Cappuccino

Existem vantagens em se trabalhar com um processador no lado do cliente. Os desenvolvedores podem trabalhar com ciclos rapidos de desenvolvimento “Altera o código, recarrega a tela e vê a mudança”. Comparando com as linguagens que precisam ser compiladas, o desenvolvimento usando uma linguagem que tem o processamento on the fly se torna muito mais rápido, especialmente quando se trabalha pesado com interface de usuário. Com o ObjectiveJ é só apontar o browser para o arquivo index.html e ver a aplicação rodar.

Conhecendo o Cappuccino

November 7th, 2008

Farei uma série de dois posts sobreo o Framework de desenvolvimento Cappuccino. O primeiro apresentando o framework, sua origem, criadores prós e contras. E no segundo explicarei como fazer o famoso Hello World.

Saiba mais sobre o Cappuccino visitando o seu site ou vendo o que o Google tem a falar sobre ele.

October 2nd, 2008

Estado da Arte do Design Gráfico

Na Pré-História

O termo Pré-História é uma forma simplificada de se referir à história anterior à escrita. O design pré-histórico faz parte da arte pré-histórica, com uma abordagem às vezes diferente. Philip Meggs coloca a questão dessa forma no A History of Graphic Design: “Esse não foi o começo das belas artes como nós conheçemos. Pelo contrário, foi o nascimento da comunicação visual, porque esses desenhos primitivos (…) foram criados com um sentido utilitário e ritualístico.”

A Pré-História é um momento essencial no desenvolvimento da comunicação visual. As primeiras representações visuais vão desde as formas mais simples como a marca de uma mão em uma parede até cenas bastante precisas de caçadas, como nas pinturas rupestres. Muito da comunicação visual pré-histórica têm uma função mágico-religiosa.

Há quem diga que estas pinturas rupestres estariam ligadas à pré-história da História em Quadrinhos e da ilustração, porém tanto ilustração como quadrinhos são formas de comunicação visual com linhas históricas próprias.

Os primeiros mapas foram criados milênios antes da escrita. Os mapas mais antigos que se conhecem foram encontrados na antiquíssima cidade de Çatal Hüyük, na Turquia, e datam de cerca de 6200 a.C., estando pintados numa parede.

As representações simbólicas figurativas serão a base para o desenvolvimento da escrita.

Na Antiguidade

Design gráfico na Antiguidade refere-se à comunicação visual desenvolvida pelas civilizações antigas após a descoberta de escrita e que se estende até à queda do império romano do ocidente, em 476 d.C.

O Design gráfico pré-histórico foi a produção cultural dos homens da Pré-História diretamente ligada à comunicação visual.


Na Idade Média

O design gráfico na Idade Média refere-se à comunicação visual desenvolvida no período entre a desintegração do Império Romano do Ocidente, no século V (476 d.C.), e terminado com o fim Império Romano do Oriente, com a Queda de Constantinopla, no século XV (1453 d.C.).


Na Idade Moderna

O termo design moderno se refere a uma prática e ideologia de design que têm suas origens no século XIX. Além de ser o estílo característico de design da primeira metade de século XX.

No final do século XIX, em função do desenvolvimento da novas tecnologias indústriais, especialmente no Grã-Bretanha, houve uma necessidade em se criar uma divisão clara entre o artista plástico e o designer.

“O conceito de arte pela arte, de um objeto belo que existe apenas pelo seu valor estético, não se desenvolveu até o século XIX. Antes da revolução industrial, a beleza das formas e imagens criadas pelas pessoas estavam ligadas à sua função na sociedade.” (Philip Meggs, A history of Graphic Design).

Design Gráfico Moderno

Desde a revolução da imprensa do século XV, o designer gráfico tem sido responsável por produção em série do livro, o primeiro objeto de design produzido em massa. Embora o paradigma da produção editorial de livros já tivesse sido determinada, a partir da Revolução Industrial houve uma liberdade técnica e uma capacidade de produção de impressos nunca vista antes.

Design de produto Moderno

Com as mudanças na forma de produção durante a Revolução Indústrial, cada vez mais se fez necessário que houvesse alguém responsável pela concepção dos objetos industriais. Essa figura seria conhecida como o designer e, mais tarde, designer de produto.

A diferenciação de trabalho de design entre o reponsável pelo projeto na indústria e o artesão, com uma tradição antiga, se torna evidente. Essa mudança de paradigma na produção foi tão contrastante que, até hoje, há polêmica em se considerar um artesão um tipo de designer.

Características

  • Nasceu através de uma série de rupturas e inovações que procuraram libertar as artes da retórica do ilusionismo realista.
  • Iventiva
  • Estranha às tradições e ao senso comum
  • Rejeita a história e as convenções
  • Procura romper com as normas consolidadas para reinventar constantemente novas regras
  • Tenta tornar-se uma prática autonoma,
  • Individualista e redentora
  • Valoriza a singularidade do gênio artístico
  • Artista constamente insatisfeito com o presente e com o status quo de sua época

Fatores Históricos que influenciaram o Design Gráfico Moderno

Arts & crafts

Movimento iniciado por William Morris.

Art Nouveau

Um das primeiras manifestações que ligava a influência da máquina à sensibilidade da produção.

Cultiva a assimetria, estilização, geometrização das formas naturais, pelo decorativo e pelo ritmado (art nouveau).

Deutscher Werkbund

dd

Futurismo

Características

  • Potência e velocidade das novas tecnologias mecânicas e elétricas, fruindo prazerosamente a caótica mistura de seus ruídos, seus odores, seus movimentos (futurismo).
  • Primeiro movimento de design radical
  • Representou uma força de destruição
  • Reflexo obrigatório de uma estética agressiva da vida urbana na era da máquina
  • Juntou-se ao fascismo.

Dadaísmo

Características

  • Representações visuais ilógicas e caóticas
  • Faz deboche ao racionalismo e à ordem acadêmica sua estratégia criativa maxima
  • Contesta a própria noção de arte como criação excepcional única, quando promoveram objetos seriados do cotidiano à condição de obras artísticas dignas de exibição em museus.

Surrealismo

Características

  • Subverte a razão convecional
  • Apelando para a imprevisibilidade e produtividade do inconsciente
  • Procurando livres associações de formas, de caráter poético e onírico
  • Transgressão deliberada de códigos conviencionais de representações ditas civilizadas.

Cubismo

Características

O Cubismo é um movimento artístico que ocorreu entre 1907 e 1914, tendo como principais fundadores Pablo Picasso e Georges Braque.

O Cubismo tratava as formas da natureza por meio de figuras geométricas, representando todas as partes de um objeto no mesmo plano. A representação do mundo passava a não ter nenhum compromisso com a aparência real das coisas.

O movimento cubista evoluiu constantemente em três fases:

  • Cubismo pré-analítico - ou Cubismo Cézanniano - uma espécie de “preparação” para o cubismo, onde as primeiras características surgem.
  • Cubismo analítico - que se caracterizava pela desestruturação da obra, pela decomposição de suas partes constitutivas;
  • Cubismo sintético - foi uma reação ao cubismo analítico, que tentava tornar as figuras novamente reconhecíveis.

Desta última fase decorrem dois movimentos:

  • Orfismo
  • Secção de Ouro

De Stijl

s

Construtivismo russo

s

Bauhaus

As experiências da escola alemã Bauhaus são um marco na história do design moderno. A Bauhaus tornou-se a base para o ensino do design, em geral, no século XX.

Realismo socialista

s

Art Déco

s

Escola de Ulm

s

Push Pin Style

s

O Gráfico Amador

a

Fatores do Design Moderno

  • Forma segue a função
  • Estética totalitária
  • Streamlining

No Pós-Modernismo

A chamada Pós-Modernidade do design gráfico é a condição sócio-cultural e estética do estágio do capitalismo pós-industrial. Teóricos e acadêmicos têm diferentes concepções sobre o termo, especialmente em se definir o início desse processo. Embora muitos consideram que o pós-moderno começaria por volta da metade do século XX, um marco inicial claro seriam os anos de 1960 e 1970.

Um dos fatores principais do design gráfico pós-moderno são o surgimento de novas mídias e ideologias. É um momento histórico em que os paradigmas da modernidade e o racionalismo na metodologia do design passam a ser relativizados. O racionalismo modernista não é abandonado, mas passa a ser contestado e reformaludo livremente.

Características

  • Pluralidade
  • Fragmentação
  • Heterogeneidade
  • Complexidade
  • Contradições insolúveis
  • Incertezas e das indecidibilidades
  • Simulações
  • Transitoriedade
  • Globalidade

O design gráfico

Apresenta mudanças estéticas, como consequência da relatividade e variedade das manifestações visuais da nova era (pós-modernismo), que ironizam e rejeitam as razões, prioridades e premissas supostamente universais dos modernistas.

September 30th, 2008

Conceito de Design Gráfico

O design gráfico está presente em todos os lugares, ele dá forma à muitas coisas que a gente vê. Exemplos de design gráfico incluem logos de companhias, outdoors, livros, cardápios, marcas, embalagens e posters. Algumas pessoas dizem que “tudo que é impresso envolve design gráfico”, mas essa definição é limitada, pois o design gráfico não se prende apenas ao material impresso. 

As novas mídias continuam a expandir a influência do design gráfico nos programas de computador, sites de internet e outras veias eletrônicas. Contudo, o principal do design gráfico se resume a mostrar-e-dizer: mostra imagens ou palavras para dizer alguma idéia ou conceito. Dizer alguma coisa é comunicar e comunicar é o básico do design gráfico.
Sem uma mensagem específica para comunicar, imagens expressivas são mais apropriadamente chamadas de Fine Art ou Belas Artes, porque elas foram criadas com a finalidade estética e não funcional. Isso pode se tornar um tanto quanto confuso, pessoas criativas argumentam incessantemente sobre a diferença - ou a falta dela - entre design e arte.
Designers e artistas podem usar os mesmos materiais e processos para criar imagens que geram a mesma impressão. Existem os ilustradores, artistas que criam imagens que atendem à critérios. Alguns desses ilustradores são também designers. Alguns designers são também escritores. E todas essas disciplinas convergem para um mesmo objetivo: comunicar.
A função do design gráfico é estabelecida quando se consegue comunicar “compre esse produto”, “compareça a esse evento”, “confie nessa empresa” ou “entenda essa idéia”. O design efetivo desenha a sua forma baseado na sua função.

Testando o post pelo Imfied. http://www.imified.com

July 28th, 2008

Testeeeee

Pega Leve - Nova Schin

July 17th, 2008

O que eu canto é pro povo da cidade escutar. 
Você canta mal pra burro e é feio pra danar.

Eu não canto, mas eu rimo e sou bunito de lascar.
Pra chamar sua patroa, basta eu assobiar.

E a sua, por descuido, com o leiteiro vai pro bar.
E a senhora sua mãe, aquela… 

OPA, pega leve!

É assim ó…
Muita calma meus amigos, não vale a pena brigar.
Pegar leve é uma atitude, que você tem que tomar.

Protected: Como ficou o Siena (de dia)

May 17th, 2008

This post is password protected. To view it please enter your password below:


Protected: Acidente na 17 de Agosto

May 16th, 2008

This post is password protected. To view it please enter your password below:


Como começar a desenvolver pra iPhone?

April 24th, 2008

Para começar a desenvolver softwares para iphone a melhor opção é ler esse documento.

Boa sorte

Sharon - Dança do Quadrado

April 19th, 2008

Aí galera! Tô chegando com a dança do quadrado. Pegue o seu quadrado e quem pisar na linha vai pagar prenda hein!
Vamô lá!
Cada um nu seu quadrado, cada um nu seu quadrado (4x)

Eu disse:
Ado a-ado cada um nu seu quadrado
Ado a-ado cada um nu seu quadrado

Saci nu seu quadrado, saci nu seu quadrado (2x)
Saci com giratória, saci com giratória (2x)

Claudinho e Buchecha nu seu quadrado, Claudinho e Buchecha nu seu quadrado (2x)
Claudinho e Buchecha com giratória, Claudinho e Buchecha com giratória (2x)

Eu disse:
Ado a-ado cada um nu seu quadrado
Ado a-ado cada um nu seu quadrado

Cowboy nu seu quadrado, cowboy nu seu quadrado (2x)

Matrix nu seu quadrado, matrix nu seu quadrado (2x)

Robinho nu seu quadrado, Robinho nu seu quadrado (2x)

Eu disse:
Ado a-ado cada um nu seu quadrado
Ado a-ado cada um nu seu quadrado

E dança bonito, dança bonito, dança bonito. Vai! Vai! (4x)

Agora nós vamos malhar!

Polichinelo nu seu quadrado, polichinelo nu seu quadrado (2x)

Flexão nu seu quadrado, flexão nu seu quadrado (2x)

Bíceps nu seu quadrado, bíceps nu seu quadrado (2x)

Eu disse:
Ado a-ado cada um no seu quadrado
Ado a-ado cada um no seu quadrado

Agora nós vamos relembrar o Pan do Rio de Janeiro. Vamô lá!

100 metros rasos nu seu quadrado, 100 metros rasos nu seu quadrado (2x)
100 metros rasos com obstáculo, 100 metros rasos com obstáculo (2x)

Natação nu seu quadrado, natação nu seu quadrado

Eu disse:
Ado a-ado cada um nu seu quadrado
Ado a-ado cada um nu seu quadrado

E dança bonito, dança bonito, dança bonito. Vai! Vai! (2x)
Vai Paquito, vai paquito (4x)

É…ele mostrou como é que é!

Eu disse:
Ado a-ado cada um nu seu quadrado
Ado a-ado cada um nu seu quadrado

Vamos, agora, brincar de imitar os bichinhos!

Macaquinho nu seu quadrado, macaquinho nu seu quadrado (2x)

Gaivota nu seu quadrado, gaivota nu seu quadrado (2x)

Siri nu seu quadrado, siri nu seu quadrado (2x)

Eu disse:
Ado a-ado cada um nu seu quadrado
Ado a-ado cada um nu seu quadrado
Ado a-ado cada um nu seu quadrado
Ado a-ado cada um nu seu quadrado

Cicarelli nu seu quadrado, Cicarelli nu seu quadrado (2x)

Sol nu seu quadrado, Sol nu seu quadrado (2x)

Patinete nu seu quadrado, patinete nu seu quadrado (2x)

Eu disse:
Ado a-ado cada um nu seu quadrado
Ado a-ado cada um nu seu quadrado

Agora prestem atenção, o quadrado do lado é o quadrado do inimigo!
A-TEN-ÇÃO!

Zidane nu inimigo, Zidane nu inimigo (2x)

Empurra o inimigo, empurra o inimigo (2x)

Pedala nu inimigo, pedala nu inimigo (2x)

Beijinho nu inimigo, beijinho nu inimigo (2x)

Mas quem quiser dar selinho pode dar selinho também!!

Ado a-ado cada um nu seu quadrado
Ado a-ado cada um nu seu quadrado

Dança bonito, dança bonito, dança bonito. Vai! Vai!
Vai paquito, vai paquito (3x)

É…. ele mostrou como é que é!

Vai paquito, vai paquito (3x)

É… ele mostrou como é que é!

Ado a-ado cada um nu seu quadrado
Ado a-ado cada um nu seu quadrado
Ado a-ado cada um no seu quadrado
Ado a-ado cada um no seu quadrado