Universidade Federal de Pernambuco

C8AuuAC LM ClLnClA uA CCMu1AC

CLn18C uL lnlC8M1lCA







PC Soclal: C concelLo de um apllcaLlvo para
faclllLar o comparLllhamenLo de conheclmenLo
por melo de PlsLrlas em Cuadrlnho








Aluno: Srgio Ren Pessoa Vila Nova Filho {srpvnf@cin.ufpe.br}
Orientador: Alex Sandro Gomes {asg@cin.ufpe.br}



!ulho, 2011
Universidade Federal de Pernambuco
CLn18C uL lnlC8M1lCA




"#$%&' ()*# +),,'- .&/- 0'1- 2&/3'
45 "'6&-/7 8 6'*6)&9' :) ;< -=/&6-9&1'
=-$- >-6&/&9-$ ' 6'<=-$9&/3-<)*9' :)
6'*3)6&<)*9' ='$ <)&' :) 4&,9?$&-,
)< 5;-:$&*3'





"#$%$&'( $)#*+*,-$.( $( /#(0#$1$ .* 2#$.3$45( *1 678,97$
.$ 6(1)3-$45( .( 6*,-#( .* :,;(#1<-79$ .$ =,7>*#+7.$.*
?*.*#$& .* /*#,$1%39( 9(1( #*@37+7-( )$#97$& )$#$ (%-*,45(
.( 0#$3 .* A$9'$#*& *1 678,97$ .$ 6(1)3-$45(B

!"#$%&'()"* /#(;B C#B D&*E F$,.#( 2(1*+




8eclfe, [ulho de 2011






















Dedico este trabalho aos meus
pais, minha irm, meus avs,
minha namorada e meus amigos.

!"#$%&'()&*+,-
Agradeo aos meus pais, minha irm, meus avs e a minha namorada
pelo amor, carinho e colaborao durante esse trabalho e todo o perodo da
minha graduao. Agradeo tambm aos meus amigos pela amizade e
colaborao.
Agradeo a todos os professores do Centro de Informtica (CIn) e
especialmente ao professor Alex Sandro Gomes pela orientao neste trabalho

.&-/),
Essa pesquisa tem como objetivo criar um conceito de aplicao para
rede social que ir disponibilizar um ambiente para as pessoas criarem e
desenvolverem conhecimento atravs da criao colaborativa e
compartilhamento de histrias em quadrinhos. Hoje existem diversas
aplicaes para a criao de narrativas que possibilitam tambm a ramificao
de uma histria em diversas mini histrias para que mais situaes sejam
abordadas dentro de um mesmo contexto por pessoas diferentes, existem
tambm aplicaes de criao de histrias em quadrinhos com a possibilidade
de compartilhamento e discusso atravs de comentrios, porm neles no
existe a possibilidade de criar colaborativamente nem de ramificar uma histria.
O conceito ser construdo com base em uma anlise de competidores e
descrio de um cenrio onde a aplicao ir ajudar as pessoas. O resultado
um criador colaborativo de histrias em quadrinhos em tempo real e que
possibilita a ramificao da narrativa para que mais pontos de vistas sejam
abordados, com a possibilidade de discusso atravs de comentrios.

0/)1#(,
1. MoLlvao............................................................................................................................ 10
2. lnLroduo........................................................................................................................... 12
2.1. PlsLrlas em quadrlnhos .............................................................................................. 14
2.2. PlsLrla dlglLal .............................................................................................................. 16
2.3. Crlao de hlsLrlas na web 2.0.................................................................................... 17
2.4. 1ecnlcas para a crlao e desenvolvlmenLo de ldelas com hlsLrlas ........................... 19
2.4.1. SLoryboardlng............................................................................................................ 19
3. MeLodo................................................................................................................................ 21
3.1. Anllse de concorrenLes ............................................................................................... 21
3.2. Cenrlos........................................................................................................................ 21
3.3. roLoLlpao de balxa fldelldade.................................................................................. 22
4. Anllse de concorrenLes...................................................................................................... 23
4.1. AspecLos anallsados ..................................................................................................... 23
4.2. SLoryblrd....................................................................................................................... 23
4.3. novleL ........................................................................................................................... 27
4.4. SLorymash..................................................................................................................... 30
4.3. llcly............................................................................................................................... 32
4.6. uabbleboard................................................................................................................. 34
4.7. 1oonuoo....................................................................................................................... 37
4.8. lxLon ........................................................................................................................... 41
4.9. Concluses.................................................................................................................... 46
3. Cenrlos............................................................................................................................... 49
3.1. Cenrlo aLual ................................................................................................................ 49
3.2. Cenrlo fuLuro .............................................................................................................. 32
3.3. 8equlslLos ldenLlflcados ............................................................................................... 33
6. 8esulLados ........................................................................................................................... 37
6.1. CaracLerlsLlcas .............................................................................................................. 37
6.2. glna lnlclal da apllcao............................................................................................ 38
6.3. glna de edlo de uma hlsLrla em quadrlnhos ....................................................... 39
6.4. glna de vlsuallzao de uma hlsLrla em quadrlnhos............................................... 63
6.3. glna busca de hlsLrlas ............................................................................................. 63
6.6. glna de vlsuallzao do perfll de um usurlo............................................................ 66
6.7. glna de vlsuallzao da blblloLeca de ob[eLos .......................................................... 66
7. Concluso e Lrabalhos fuLuros............................................................................................. 67
8. 8efernclas 8lblllogrflcas................................................................................................... 68


3(-+$ %& 4("/#$-
llgura 1 Cuadrlnho do Coogle Chrome...................................................................................... 11
llgura 2 rvore de uma hlsLrla no llnear. ............................................................................... 19
llgura 3 Seleclonando a lmagem de uma hlsLrla...................................................................... 23
llgura 4 Lscrevendo um LexLo em uma pglna da hlsLrla......................................................... 26
llgura 3 glna lnlclal do novleL................................................................................................. 28
llgura 6 novleL com vrlas passagens ........................................................................................ 29
llgura 7 Lxlblo de um caplLulo no SLorymash......................................................................... 30
llgura 8 rvore de caplLulos da narraLlva no SLorymash............................................................ 31
llgura 9 Mlcro hlsLrla no llcly................................................................................................... 33
llgura 10 Crlao de hlsLrla no llcly ......................................................................................... 33
llgura 11 uocumenLo no uabbleboard ...................................................................................... 33
llgura 12 uesenho de uma forma geomeLrlca pareclda com um Lrlngulo............................... 33
llgura 13 Aps solLar o boLo do mouse, o uabbleboard ldenLlflcou que era um Lrlngulo e
a[usLou a forma desenhada ........................................................................................................ 36
llgura 14 Crlao de uma Llrlnha no 1oonuoo........................................................................... 38
llgura 13 Ldlo de um personagem no 1oonuoo..................................................................... 38
llgura 16 Cuadrlnho sobre a vlLamlna 82 .................................................................................. 40
llgura 17 LdlLando o vlsual de um personagem no lxLon......................................................... 42
llgura 18 LdlLando um personagem no lxLon........................................................................... 43
llgura 19 Ldlo de expresso do personagem do lxLon ......................................................... 43
llgura 20 glna de um quadrlnho no lxLon............................................................................. 43
llgura 21 glna lnlclal da apllcao........................................................................................... 38
llgura 22 glna de crlao de um quadrlnho ........................................................................... 39
llgura 23 Modos de edlo de personagem............................................................................... 60
llgura 24 vlsuallzao de uma hlsLrla em quadrlnhos na apllcao......................................... 63
llgura 23 vlsuallzao dos comenLrlos de uma hlsLrla........................................................... 64
llgura 26 8usca de hlsLrlas no apllcaLlvo.................................................................................. 63
llgura 27 glna do perfll de um usurlo ................................................................................... 66

3(-+$ %& +$5&6$-
1abela 1 1abela comparaLlva de valores enLre os compeLldores anallsados. ............................ 47
1abela 2 1abela de requlslLos ldenLlflcados nos cenrlos .......................................................... 36

78 9,+(:$;<,
H milhares de anos o ser humano compartilha seus conhecimentos e
experincias atravs de histrias. O homem est continuamente contando as
histrias que l, ouve ou vivencia aos seus demais. Atravs delas eles
conseguem refletir sobre o que aconteceu, entender melhor o qu e porqu
est acontecendo, alm de possuir melhor embasamento para tentar descobrir
o que poder acontecer no futuro e o que fazer para melhor-lo. De acordo
com PEREIRA et al (2009) praticamente tudo pode ser relatado em forma de
uma boa histria, pois assim que o ser humano entende o mundo, consegue
compartilhar suas observaes e imaginaes com os outros e refletir acerca
delas [2].
A forma como uma narrativa relatada aos ouvintes ou leitores, pode
facilitar ou dificultar o entendimento do que contado. O relator pode criar em
sua histria personagens, dilogos, exibir imagens, usando sua imaginao
para facilitar o entendimento.
Segundo RHODES (2002), um timo meio de relatar histrias de uma
maneira fcil para entender atravs de quadrinhos, pois eles fornecem ao
criador a possibilidade de exibir atravs de imagens e dilogos o que se deseja
que o leitor compreenda. Com esses recursos o leitor possui uma perspectiva
mais detalhada de como e onde ocorre a histria e de quem participa dela e
suas aes. Alm disso as histrias em quadrinhos possuem um teor informal e
divertido que prende a ateno de quem ler. Geralmente os criadores utilizam
ferramentas como objetos irreais e inanimados entre os personagens da
narrativa, dando a eles a possibilidade de estabelecer um dilogo e ter
sentimentos, facilitando dessa forma a compreenso do leitor e possibilitando
ao autor uma maior liberdade para usar sua imaginao e conseguir transmitir
seus pensamentos [9].
SOLE e WILSON (1999) afirmam que constantemente as pessoas
conversam e debatem sobre diversos assuntos, muitas vezes relacionados
com as suas tarefas, ora esto procurando possveis solues para os
problemas, ora esto tentando explicar novos conceitos [8]. E essas
discusses tambm podem utilizar as histrias em quadrinhos como um meio
para tornar a explicao mais simples e clara, a fim de facilitar o entendimento
de todos.
Atualmente a maioria das pessoas fazem uso da internet e boa parte
est inserida nas redes sociais existentes. Uma forma de compartilhar o
conhecimento utilizar as redes sociais como um meio de conectar as pessoas
e tornar possvel a criao e o compartilhamento de histrias em quadrinhos de
maneira rpida e fcil, e dar tambm oportunidade para os leitores contriburem
com suas reflexes sobre o assunto, obtendo dessa forma, um ambiente
propcio a criao, reflexo e compartilhamento de conhecimento.
Um bom exemplo de que as histrias em quadrinhos podem comunicar
idias complexas para milhes de pessoas que esto conectadas na web foi o
lanamento da histria em quadrinhos do google em parceria com o desenhista
da Marvel, Scott McCloud, explicando os conceitos e funcionamento do
navegador da web da Google, o Google Chrome
(http://www.google.com/googlebooks/chrome/index.html). Ele foi visto por milhares
de pessoas e explica como o Chrome faz para ser rpido, robusto e tambm
algumas de suas funcionalidades para pessoas leigas no assunto.

2&%;$- @ 5;-:$&*3' :' A''%/) B3$'<)

=8 >*+#,%/;<,
Como citado anteriormente, as histrias so um timo meio de
compartilhar experincias e conhecimento, fazendo com que as pessoas
reflitam sobre elas, motivando os ouvintes ou leitores, podendo especificar
melhor o objetivo que espera ser alcanado com determinada ao ou produto,
podendo tambm alinhar o pensamento de vrios grupos e serem utilizadas em
sala de aula.
SOLE e WILSON (1999) afirmam que as histrias podem ser uma forma
muito poderosa de representar e transmitir idias complexas e multi-
dimensionais, e que histrias bem concebidas e bem contadas podem
transmitir informao e emoo, explcitas e tcitas, na idia central da histria
e em todo o contexto em que ela est inserida. Porm no so todas as
histrias que so boas em passar conhecimento, um exemplo disso so os
filmes criados com a finalidade de entreter as pessoas, dando assim menos
importncia a transmitir conhecimentos. Uma histria com o objetivo de
compartilhar idias ou novos conceitos geralmente uma narrativa simples,
curta, que no explicita informaes irrelevantes para que o receptor da histria
no se distraia da idia principal. Ela fcil de ser contada ou escrita e fcil
de associ-la as atividades do dia a dia das pessoas [8].
Segundo DENNING as histrias afetam diretamente a maneira como as
pessoas que fazem parte de uma organizao pensam, admiram e sonham
sobre si mesmas no processo de criao e recriao dessa organizao. Ele
afirma tambm que contar histrias natural, fcil, divertido e energizante e
que elas podem ajudar a entender a complexidade do assunto tratado, mudar a
nossa percepo, so facilmente lembradas, contornam nossos mecanismos
de defesa e envolvem nossos sentimentos. Porm elas no substituem o
pensamento analtico, elas suplementam-no fazendo com que imaginem novas
perspectivas e novos mundos, sendo assim o meio mais indicado para
estimular a inovao dentro de uma organizao [14].
De acordo com MITCHELL (2005) a troca de conhecimento a chave
para a gerao de novos conhecimentos e uma maneira de realizar essa troca
atravs de histrias. Essa troca de experincias e conhecimento entre as
pessoas vital para o funcionamento e expanso das organizaes, pois assim
um maior nmero de pessoas dentro da organizao ir ter acesso a essas
informaes valiosas. Esse intercmbio valioso tanto para os funcionrios
quanto para a organizao pois refletindo e discutindo possvel expandir o
conhecimento de forma que essa prtica deveria ser estimulada dentro das
organizaes [13]. Porm em alguns casos onde as empresas estimulam a
competio entre os funcionrios eles ficam receosos em trocar conhecimento
pois pensam que podem estar diminuindo suas chances de continuar no
emprego. Se dentro de uma empresa no existir a prtica do
compartilhamento, elas ficam muito dependentes dos funcionrios, porque
cada um poder possuir informaes que nenhum outro dentro dela possui,
assim se ele sai da empresa, ela ir enfrentar dificuldades em casos que seja
exigido tal conhecimento que foi levado com o funcionrio.
As pessoas podem relatar histrias atravs da fala ou da escrita. Atravs
da fala o ouvinte necessita estar sempre atento ao que o autor relata, nessa
modalidade a forma como o locutor narra a histria pode melhorar
significativamente a experincia dos ouvintes. Na modalidade escrita existem
diversos tipos de histria como os livros, jornais, tirinhas, livros de histrias em
quadrinhos, blogs na internet, dirio pessoal, entre outros. Cada uma dessas
tem suas caractersticas como:
Os jornais contam os fatos que aconteceram atravs de textos e
fotos.
As tirinhas relatam de uma forma engraada fatos do cotidiano
das pessoas tambm utilizando imagens e texto
O dirio pessoal e os blogs narram o dia-a-dia e os pensamentos
do seu escritor, podendo tambm ter imagens.
Esse trabalho focar nas histrias em quadrinhos pois ela possui como
caracterstica a exibio de imagens com um teor informal que facilita a
compreenso e a memorizao das idias, podendo ser utilizada para
compartilhar conhecimento como veremos a seguir.
=878 ?(-+@#($- &) A/$%#(*B,-
As histrias em quadrinhos so bastante utilizadas por crianas e
adolescentes, seja como forma de entretenimento ou como forma de
aprendizado nas escolas. Geralmente elas possuem um teor humorstico que
prende a ateno dos leitores e os diverte.
Segundo SUMI et al (2002), os quadrinhos so muito bons para representar
impresses pessoais e situaes que ocorrem no dia-a-dia das pessoas porm,
no so apropriados para explicar detalhadamente e precisamente um assunto
ou evento [15]. RHODES (2002) afirma que essencialmente o quadrinho um
desenho que exagera ou simplifica, sendo que essa simplificao no impede
que ele seja intrisicamente complexo. Ele sugere tambm que o potencial deles
para propsitos instrucionais infinito, sendo utilizados para quebrar o teor
formal de algum assunto, tornando-o mais fcil de compreender, alm de
possuir desenhos que explicitam melhor o que relatado. Podem ser usados
em pontos estratgicos durante aulas, para estimular o interesse das pessoas
no assunto discutido e variando a forma de discusso [9].
De acordo com RHODES (2002) os quadrinhos possuem uma grande
capacidade cognitiva para:
Comunicar informaes,
Simplificar instrues,
Ilustrar um ponto de vista,
Ser uma ferramenta para o ensino lingustico,
Estimular discusses,
Ser uma fonte de cultura visual,
Ser um auxiliar na memorizao do que relatado [9].
Alm dessas caractersticas, de acordo com RHODES (2002), o
quadrinho propicia ao autor a chance de escrever o que ele realmente pensa
mesmo que a opinio dele seja a da minoria, pois geralmente eles possuem um
contexto subversivo. O autor pode usar objetos irreais para expressar seus
pensamentos tornando a histria mais impessoal, e objetos tambm ajudam a
relatar informaes mais complexas tornando mais fcil a compreenso. Como
os quadrinhos no so desenhados tentando relatar de forma exata o assunto,
o leitor forado a refletir acerca da narrativa, fazendo com que ele seja
inserido ainda mais na histria [9].
Nas pesquisas realizadas por RHODES (2002) a maior dificuldade
encontrada pelas pessoas foi na hora de desenhar os quadrinhos, o que era o
esperado, visto que nem todos sabem desenhar e tambm necessrio
inspirao para criar uma histria do nada. J quando ele apresentou figuras
recortadas e prontas para serem utilizadas, as pessoas reagiram diferente e
conseguiram produzir histrias engraadas e de boa qualidade. Isso ocorreu
porque houve uma reduo na timidez do indivduo j que seu desenho no foi
analisado, e as prprias imagens fizeram o autor refletir e ter idias sobre o que
escrever, e como organizar as imagens em uma sequncia. Dessa forma
conseguiram tambm produzir as histrias mais rapidamente.
SUMI et al (2002) questionaram o melhor formato para os participantes
compartilharem sua histria, se era em hipertexto ou em quadrinhos, 62,5%
deles responderam que preferiam a exibio no formato de quadrinhos, 12,5%
no se decidiram, 25% no gostou de nenhum dos formatos e 0% preferiu o
formato de hipertexto. Tambm foi pesquisado se os usurios achavam que os
quadrinhos encorajavam a discusso e 87,5% responderam que sim. A
pesquisa demonstrou que as pessoas se sentem mais a vontade exibindo
histrias em quadrinhos do que em hipertexto, pela forma mais simplificada,
legvel e que no revela informaes irrelevantes ou superficiais ao leitor. Esse
estudo tambm afirmou que apesar do teor informal do quadrinho, esse leva as
pessoas a discutirem e refletir sobre o tema abordado com seriedade.
A histria em quadrinhos pode ser considerada como uma histria digital
quando utilizada em aparelhos digitais, pois ela conta uma histria com
imagens e texto. Como vimos as pessoas possuem dificuldade em desenhar e
isso um fator que inibe a criao de histrias em quadrinhos por elas, no
entanto os aparelhos digitais com as ferramentas que propiciam a criao de
histrias digitais podem ajud-las.
2.2. ?(-+@#($ %("(+$6
A EDUCASE (2007) afirma que Digital storytelling a prtica conjunta de
narrativas com contedos multimdias (imagens, sons e vdeos) em aparelhos
digitais. Normalmente possuem um apelo emocional e podem ser altamente
sofisticadas e interativas com vrios efeitos visuais, ou tambm podem ser
apenas um conjunto de slides com uma narrativa que constituem uma histria.
Geralmente tem carter instrucional, persuasivo, histrico ou reflexivo [10].
WILLIAMS et al (2006) afirmam que Digital storytelling junta o melhor do novo
mundo (vdeos, fotos e udio digitalizados) com o melhor do velho mundo que
o hbito de contar histrias [12].
Para criar uma histria digital no necessrio ser um expert em
tecnologia, preciso apenas alguns conhecimentos como colocar imagens,
udio, ou outro contedo multimdia junto aos textos ou comentrios e
disponibilizar a histria para outras pessoas. Isso pode ser feitos atravs de
softwares com este propsito que j esto disponveis sendo alguns deles
gratuitos.
De acordo com CAO et al (2008) a idia que os consumidores de contedo
multimdia tambm podem ser os criadores desse contedo, j foi validada com
todos os prs e contras em sistemas como o Youtube e Flickr.com e o
Youtube em especial provou que os vdeos amadores podem fascinar os
espectadores [11].
A histria digital tem como forte aspecto a riqueza das informaes
contadas na histria, j que ela sempre vem acompanhada de pelo menos um
objeto multimdia. Com esse objeto possvel definir melhor o que o autor est
desejando relatar do que com apenas o texto da histria, e at mesmo expor
seus sentimentos de forma mais emotiva, sendo um grande potencial para
fazer com que o leitor se sinta mais inserido na histria, fique mais interessado
e compreenda melhor a narrativa.
O documento criado pela EDUCASE (2007) sobre histrias digitais alerta
sobre o lado negativo da digitalizao das histrias. Ele afirma que pode ser
difcil coletar informaes e objetos multimdias para expor na histria e
organiz-las de uma forma coesa e coerente. Alm disso o armazenamento de
informaes multimdia pode ser custoso caso contenha vrios vdeos de longa
durao ou de alta resoluo, udios de grande durao ou imagens de alta
resoluo. Existe tambm um problema com os direitos autorais dos objetos
utilizados na histria [10].
Para a criao de histrias digitais tornar-se uma prtica mais utilizada
pelas pessoas necessrio oferecer mais ferramentas que facilitem a criao e
compartilhamento de tais narrativas e que os autores possam receber feedback
dos leitores sobre suas criaes. Hoje com a Web 2.0 j possvel criar
histrias digitais e compartilh-las com seus amigos, e eles podem coment-
las, dando ao autor o feedback necessrio.
2.3. C#($;<, %& B(-+@#($- *$ D&5 =8E
A web 2.0 propicia aos usurios da internet a possibilidade de criar e
compartilhar contedos atravs de sites e redes sociais, alm de poder indicar
outros contedos, cujo o usurio no o autor e tecer comentrios acerca do
que apresentado. Algumas aplicaes permitem tambm que seus usurios
possam trabalhar colaborativamente na criao de artefatos, aumentando
assim a qualidade do produto, a rapidez no seu desenvolvimento e provendo
mais comodidade aos criadores, de forma que podero criar sem precisar se
deslocar, aproveitando ainda mais o tempo.
Sendo assim, cada vez mais as pessoas utilizam a web que segundo CAO
et al (2008) elas esto buscando informaes nas redes sociais para resolver
seus problemas, pois alguns tipos de conhecimento so aprendidos mais
facilmente quando ele pessoal, ou seja, quando sentimentos podem estar
envolvidos e a motivao mais clara, o que ocorre nessas redes [11].
O que faz com que as redes sociais sejam to populares que as pessoas
desejam compartilhar suas informaes com as outras. SUMI et al (2002), que
em sua pesquisa desenvolveu uma aplicao que reunia informaes da visita
de uma pessoa a um museu e gerava automaticamente uma histria em
quadrinhos, constatou que 2/3 dos usurios exibiram a histria criada para
mais de 3 pessoas e desejavam mostr-las a mais pessoas, a maioria tambm
afirmou que o quadrinho estimula a discusso. Sendo assim eles
desenvolveram uma segunda verso do aplicativo que criava uma pgina na
web com os quadrinhos dos participantes. Eles perceberam que os usurios do
aplicativo constantemente revisitavam as histrias e compartilhavam o link com
outras pessoas atravs de seus prprios sites e por e-mail [15].
Uma nova abordagem para o aplicativo desenvolvido na pesquisa do
pargrafo anterior seria utilizar a web 2.0 atravs das redes sociais para a
publicao das histrias. Elas dispem de toda a infra-estrutura necessria
para o compartilhamento de contedos e interaes entre os usurios da rede,
assim as pessoas poderiam exibir seus quadrinhos e dialogar sobre os
assuntos abordados neles sem precisar encontrar-se fisicamente.
Uma outra questo que pode ser melhorada com o uso da web 2.0 o
compartilhamento de informaes entre pessoas de uma mesma organizao,
que como foi visto, um fator muito importante para o crescimento dessas.
Com o ambiente colaborativo propiciado pela web 2.0 a criao de histrias
pode ser feita por diversas pessoas ao mesmo tempo e podem ter vrios
caminhos, sendo eles lineares ou no lineares. Se for no linear, cada autor
pode dar o seu relato, contar a sua viso da histria, sua idia,
complementando a histria original ou criando um caminho alternativo a partir
de certo ponto da narrativa original, criando assim uma espcie de rvore de
histria como mostra a Figura 2. Com as histrias no lineares os leitores
podero obter diversos pontos de vista sobre um mesmo assunto e
dependendo do caso, deixar seu comentrio ou at incrementar o relato,
tornando as histrias criadas cada vez mais ricas e interessantes. A
mesclagem de diversos pontos de vistas pode propiciar reflexes bastante
valiosas para os leitores e autores.

2&%;$- C D$1'$) :) ;<- 3&,9?$&- *E' /&*)-$.

2.4. FG'*('$- H$#$ $ '#($;<, & %&-&*:,6:()&*+, %& (%G($- ',)
B(-+@#($-
Existem diversas tcnicas para o desenvolvimento de novas idias onde
as histrias so utilizadas como um meio de difundir o conceito para outros
indivduos. Tais tcnicas quando utilizadas por um grupo de pessoas que criam
e desenvolvem uma idia, em um ambiente onde elas possam expressar suas
opinies e refletir acerca delas, faz com que a idia original se desenvolva de
acordo com as reflexes. Uma tcnica muito utilizada a de Storyboarding que
veremos a seguir.
=8I878 0+,#J5,$#%(*"
De acordo com BRANHAM et al storyboarding uma tcnica de design
que apareceu primeiro na indstria do cinema e de publicidade para destacar
os apectos chaves do filme ou comercial, nas primeiras fases de
desenvolvimento. No mbito da interao humano-mquina essa tcnica
aplicada para ilustrar as principais sequncias de interao do usurio com o
sistema atravs de esboos [19]. BRANHAM et al (2007) afirma que
storyboarding geralmente consiste de alguns painis que descrevem os atores
e aes dos mesmos na histria, podendo conter textos e figuras alm de uma
noo de sequncia temporal, fazendo com que, quem observe o storyboarding
obtenha uma viso geral e bastante significativa do produto, de forma rpida e
fcil de entender [16].
BRANHAM et al (2007) acreditam que a representao do produto em
forma de uma histria com figuras causa um grande impacto no modo em que
os designers pensam sobre o sistema. A compreenso dos objetivos,
funcionalidades, fluxos de atividades e lgica do sistema, podem ajudar os
designers a formularem um entendimento crtico e simultaneamente essa
representao deve deix-los explorarem solues criativas para os problemas.
Ele afirma tambm que focar a representao em esboos d nfase a
conceitos como criatividade e inovao e que a criao de storyboards de
forma colaborativa permite aos participantes manterem o mesmo entendimento
do estado do sistema, rastrear as mudanas feitas, e apresentar o produto a
terceiros de uma forma que fcil de ser entendida [16].

K8 9G+,%,
Para a criao de um conceito de aplicativo que ajude as pessoas a
comunicarem seus conhecimentos atravs de histrias em quadrinhos e
discusses sobre elas, utilizaremos uma metodologia de pesquisa para
validao que incluir uma anlise de competidores e a criao de possveis
cenrios de uso da aplicao para compreender melhor o problema e poder
criar uma lista de requisitos do sistema a fim de atender melhor as
necessidades dos usurios. Ao final ser criado um prottipo de baixa
fidelidade que atender aos requisitos identificados nas etapas anteriores.
3.1. !*16(-& %& ',*',##&*+&-
A anlise de concorrentes consiste na avaliao da experincia do usurio
com os produtos que so considerados concorrentes a soluo proposta de
acordo com alguns aspectos que foram definidos na reviso de literatura.
A avaliao realizada simulando como um usurio utiliza os produtos
concorrentes para compartilhar e desenvolver o conhecimento atravs de
histrias digitais e com isso, so identificadas as deficincias do concorrente
assim como as funcionalidades que so essenciais ou ajudam o usurio
durante o uso.
Ao final da anlise elaborada uma tabela comparativa que lista os
concorrentes e suas respectivas notas em cada aspecto que foi analisado,
atravs da tabela possvel obter uma viso generalizada sobre o que est e o
que no est disponvel hoje para os usurios.
3.2. C&*1#(,-
Os competidores analisados anteriormente sero utilizados novamente
durante os cenrios para identificar mais problemas e necessidades do usurio
na situao especfica descrita no cenrio.
De acordo com Carroll (2000), a criao de cenrios ajuda na criao de
sistemas computacionais, pois atravs deles podemos identificar requisitos do
sistema e possveis dificuldades. Os cenrios consistem em histrias sobre
pessoas e suas atividades, que proporciona a visualizao, entendimento e
raciocnio sobre como um artefato poder ser utilizado mesmo antes dele
existir [29].
A partir dos estudos realizados na reviso de literatura foi possvel definir
que o objetivo do cenrio demonstrar como um grupo de pessoas ir tentar
compartilhar o seu conhecimento com outras pessoas que ainda no dominam
o assunto do conhecimento em questo de uma forma fcil de ser entendida, e
sem muito esforo na fase de preparao para criar artefatos para expor seus
conhecimentos.
Com esse objetivo foi criado um cenrio atual que simula como esse grupo
de pessoas tentaria solucionar o problema nos dias de hoje, demonstrando as
suas dificuldades e seus desejos. Aps isso foi criado tambm um cenrio
futuro, onde a soluo comeou a ser proposta tentando resolver os problemas
identificados no cenrio atual.
3.3. L#,+,+(H$;<, %& 5$(M$ 4(%&6(%$%&
Com a lista de requisitos definida e um melhor entendimento do problema,
sero criados prottipos de baixa fidelidade que descrevero as telas do
sistema e suas possveis aes sendo definido assim, um fluxo de execuo do
software proposto. Esses prottipos sero avaliados e testados por possveis
usurios e passaro por constantes modificaes de acordo com esses testes,
por isso a necessidade deles serem de baixa fidelidade para diminuir o esforo
para realizar as modificaes necessrias.

I8 !*16(-& %& ',*',##&*+&-
Nessa seo iremos analisar aplicaes concorrentes observando
alguns aspectos que foram definidos a partir da reviso de literatura que foi
apresentada nas sees anteriores. Esses aspectos foram considerados
importantes para os usurios, portanto iremos observar como cada aplicao
trata cada aspecto. Para cada critrio ser atribuda uma nota para cada
concorrente que ir variar entre 0 (no possui ou muito ruim) e 5 (possui todas
as possibilidades ou timo).
I878 !-H&'+,- $*$6(-$%,-
Nessa anlise ser feito um estudo sobre os concorrentes observando
os seguintes apectos:
Intuitividade no uso da aplicao
Esse aspecto importante para que os usurios consigam usar a
aplicao com qualidade e sem a necessidade de auxlio de terceiros fazendo
com que se sintam mais a vontade durante o uso do produto. Ser avaliado o
esforo necessrio para entender como criar uma histria e para de fato cri-la
utilizando todos os recursos disponveis.
Facilidade de desenhar
Foi detectado em pesquisas anteriores que quando os participantes
tinham que desenhar, eles sentiam dificuldades e at ficavam envergonhados
tornando a experincia no to agradvel. Observaremos as ferramentas de
apoio que sero fornecidas pelas aplicaes concorrentes a fim de diminuir o
esforo do autor na criao de seus desenhos.
Reutilizao de objetos
um importante dado pois o autor no precisar repetir o esforo para
desenhar algo que ele ou outra pessoa j tinha desenhado e disponibilizado,
tambm faz com que o quadrinho possa manter um padro de desenho. Esse
aspecto correlacionado com a facilidade de desenhar e rapidez na criao,
visto que em vrios casos o autor s necessitar escolher os desenhos que
deseja e adicionar no quadrinho. Ser observado funcionalidades como
bibliotecas de desenho, possibilidade de copiar, recortar e colar desenhos,
fazer upload de imagens, e outras semelhantes a essas que possuem a
finalidade de reaproveitar o que j existe.
Compartilhamento de histrias
Os usurios desejam compartilhar o que criam com as outras pessoas e
o foco principal do produto possibilitar a comunicao de novos
conhecimentos as pessoas, por isso esse aspecto visto como um dos
principais para que o produto seja bem sucedido. Ser avaliado as diversas
possibilidades que os usurios possuem para compartilhar as histrias que
gosta ou que cria com seus colegas podendo ser atravs de buscas no site,
compartilhamento de link em redes sociais, atravs da pgina do usurio na
aplicao ou atravs de atualizaao de status no aplicativo e em redes sociais.
Colaboratividade na criao das histrias
Aspecto importante que promove a discusso dos conceitos abordados.
Ele traz a possibilidade de uma mesma histria possuir diversos pontos de
vista e a interao entre os autores pode levar a histria a novos rumos. Ser
observado como feita a criao de histrias com mltiplos autores e a
possibilidade de outros usurios incrementarem a histria colaborando com os
autores na definio do conceito e tambm a possibilidade de criao de novos
rumos para ela, tornando-a no linear.
Feedback dos leitores
O aspecto visa entender como se d o relacionamento entre os autores
e leitores das narrativas. Observaremos se possvel haver uma discusso
sobre o tema abordado e como ela ocorre.
Objetos multimdias que a aplicao suporta
Esses objetos podem ser udio, vdeo ou imagens, eles facilitam o
entendimento do assunto abordado, pois transmitem aos leitores novas
informaes podendo ser de um entendimento mais fcil. Sero analisados
quais os tipos de objetos multimdia que as aplicaes suportam
I8=8 0+,#J5(#%
hLLp://sLoryblrd.com/
O site Storybird foi desenvolvido com foco em crianas e professores
para que eles possam compartilhar histrias onde cada pgina da histria
possui apenas uma imagem e um pequeno texto.
A criao das histrias de forma simples e prtica, o usurio escolhe
uma figura (que j foi criada por artistas e est disponvel para os usurios
utilizarem em suas histrias) para a pgina arrastando-a com o mouse para o
local onde est a pgina. Aps isso ele pode escrever um pequeno texto sobre
a pgina em questo. O autor da histria pode criar quantas pginas desejar
clicando no boto de adicionar pginas.

2&%;$- F ")/)6&'*-*:' - &<-%)< :) ;<- 3&,9?$&-

2&%;$- G H,6$)1)*:' ;< 9)I9' )< ;<- =J%&*- :- 3&,9?$&-
O autor pode tambm convidar seus colegas para criarem as histrias
junto com ele, porm a colaborao na criao no feita em tempo real.
Existe um conceito de turno onde o autor que possui o turno pode editar e
incrementar a histria ou pode passar o turno para outra pessoa para que essa
possa alterar o rumo da histria, na troca de turno um e-mail notificando o
usurio que recebeu o turno enviado, podendo conter alguma mensagem do
autor que repassou.
Para os professores, o Storybird fornece um espao para que eles
possam organizar aulas, onde ele cadastra seus alunos e passa atividades
para eles. Nessas atividades os alunos criam suas histrias sobre a atividade.
Uma outra funcionalidade o frum onde todos os participantes da classe
podem discutir sobre diversos assuntos. Existe tambm uma funcionalidade
para que a classe consiga gerar receitas para o professor atravs da venda das
histrias criadas.
Para os artistas o Storybird prope que eles criem desenhos para que a
comunidade possa utiliz-las em suas histrias e repassam uma parte do lucro
sobre as vendas das histrias que possuem suas imagens.
Os usurios do site podem ler as histrias que foram tornadas
publicadas pelo autor e deixar comentrios sobre elas, alm de poderem
marcar como favoritas. O Storybird oferece uma opo de compra das histrias
podendo o comprador escolher se quer receb-la como um livro ou em formato
digital.
Como vimos a criao de histrias no Storybird se d de forma rpida e
intuitiva, porm ele no cede um espao para que o autor da histria desenhe
dentro da aplicao, eles so obrigados a reusarem as imagens que so
disponibilizadas no site por artistas, o site no permite tambm a insero de
udio ou vdeo na histria. Os autores decidem se vo ou no compartilhar a
histria criada e a colaborao entre eles no desenvolvimento da mesma no
ocorre em tempo-real, no existe a possibilidade deles interagirem entre si
atravs da aplicao enquanto esto criando e eles tambm no podem criar
histrias no lineares. Os usurios do Storybird podem compartilhar histrias
que gostam utilizando uma funcionalidade que pode enviar o link a seus
amigos atravs do facebook.com, twitter.com, stumbleupon.com ou por e-mail,
alm de que na pgina dos usurios, os visitantes podem saber de todas as
histrias que o mesmo criou e existe tambm uma busca por histrias. Os
autores podem obter feedback dos leitores atravs de comentrios na narrativa
e os leitores tambm podem marcar as histrias como favoritas.
I8K8 N,:6&+
hLLp://www.novleL.com/
O Novlet uma aplicao web que possui suporte a vrios idiomas e
tem como objetivo a criao e compartilhamento de histrias de forma
colaborativa e possibilitando que elas sejam no lineares. Nele as histrias so
divididas em passagens, onde cada uma pode ser escrita por um autor
diferente ou pelo mesmo autor.

2&%;$- K +J%&*- &*&6&-/ :' 0'1/)9
Os usurios do site podem ler as histrias criadas por outras pessoas e
se desejarem podem deixar comentrios em uma determinada passagem,
podem criar uma nova usando sua criatividade ou h a possibilidade de corrigir
o texto do autor original.
Uma passagem pode ser criada a partir de qualquer outra, podendo
ento a histria se ramificar em vrias passagens onde cada uma delas ter
sua continuao paralelamente e independente dos outros ramos da histria e
o leitor que decidir qual ou quais caminhos ele quer seguir. Assim como no
Storybird a colaborao no se d em tempo real, porm no Novlet qualquer
usurio pode adicionar passagens em qualquer histria.

2&%;$- L 0'1/)9 6'< 1J$&-, =-,,-%)*,
O Novlet exibe aos usurios algumas informaes interessantes sobre
as histrias como a quantidade de leitores, quantidade de autores, o nmero de
votos a favor ou contra a histria, informa se voc j leu a passagem e quantas
voc no leu da histria toda. Uma funcionalidade importante a busca de
histrias que conta com filtros de gnero e idioma.
No Novlet a criao de histrias de forma simples e intuitiva, ele no
permite ao autor inserir imagens, udio, vdeo ou desenhar. A colaborao no
ocorre em tempo-real, h a possibilidade de criao de novos rumos para a
histria tornando-a no linear e no existe uma funcionalidade para a interao
entre os autores enquanto esto redigindo. As histrias podem receber
comentrios possibilitando aos autores obterem feedback dos leitores e eles
tambm podem avaliar a histria como positiva ou negativa. O
compartilhamento do link das histrias pode ser feito atravs de redes sociais
de bookmarking como o delicious, existe uma busca no site por gnero e no
perfil do usurio o site escolhe uma passagem entre as que foram criadas pelo
usurio de forma randmica para exibir ao visitante, no exite uma formas de
saber todas as passagens escritas por um usurio.
I8I8 0+,#J)$-B
hLLp://sLorymash.com/
O Storymash um site que assim como o Novlet objetiva a criao de
histrias no lineares por mltiplos autores. Nela as narrativas so divididas em
captulos onde cada um possui um autor.
Da mesma forma que no Novlet possvel criar passagens a partir de
qualquer outra passagem, no Storymash a criao de novos captulos tambm
pode ser feita a partir de qualquer outro. O Storymash apresenta uma
funcionalidade interessante que exibe ao usurio uma espcie de rvore da
histria e localiza o captulo que o ele est visualizando no momento na rvore.

2&%;$- M HI&N&OE' :) ;< 6-=P9;/' *' "9'$Q<-,3

2&%;$- R D$1'$) :) 6-=P9;/', :- *-$$-9&1- *' "9'$Q<-,3
O Storymash possibilita ao usurio publicar comentrios sobre os
captulos e votar. Ele tambm promove competies com prmios em dinheiro
para a as melhores histrias e tambm d metade do lucro que obtm com os
anncios no site para os escritores. Nele existe uma busca de histrias por
palavra-chave e um frum onde os usurios podem tirar suas dvidas e
aprender sobre como escrever melhor.
Em resumo, o Storymash possui uma interface simples e intuitiva. Ele
no permite a adio de objetos multimdia na histria como imagens, udio ou
vdeo, e tambm no permite que o autor desenhe. Existe uma funcionaliade
para compartilhar o link de um captulo em outras redes sociais como facebook,
orkut e twitter, ele possui tambm uma busca de histrias por palavras e no
perfil de cada usurio exibido ao visitante os captulos que ele escreveu e os
comentrios em seus captulos. O feedback ao autor feito atravs de
comentrios dos leitores e uma votao que vai de 0.5 a 5 estrelas. A
colaborao entre os autores no se d em tempo real, cada autor escreve um
captulo individual, possibilita a criao de histrias no lineares, e no h a
possibilidade de interao entre eles pelo site enquanto esto redigindo.
I8O8 P('6J
hLLp://www.flcly.com
O Ficly um site inspirado nos microblogs, nele os usurios podem
escrever micro histrias com at 1024 caracteres. Sobre cada uma, qualquer
usurio pode adicionar a ela uma nova histria que pode ser uma continuao
dela (o Ficly chama essa nova narrativa de sequel) ou fazer com que ela seja a
continuao da nova micro histria (ele denomina essa nova micro histria de
prequel). Assim uma histria no Ficly pode ser no linear e criada por diversos
autores.
Os leitores podem realizar buscas de narrativas por palvras, fazer
comentrios sobre cada micro histria, avaliar a qualidade dela, podem seguir
(como no site twitter, quando um usurio segue outro ele passa a saber as
atualizaes desse usurio) outros usurios do Ficly e enviar notas que
consiste em um pequeno texto para debater sobre assuntos diversos.
Existe a possibilidade de criar desafios aos outros usurios que tem
como objetivo reunir histrias sobre um mesmo tema e escolher a melhor
dentre elas. Cada desafio possui um frum para discusso das idias sobre o
desafio.
O Ficly pode utilizar os dados das contas do usurio do Facebook,
Google ou Yahoo no necessitando que o usurio preencha um formulrio de
cadastro para poder utilizar o site, ainda assim existe uma opo de novo
cadastro, caso ele no queira utilizar as contas dos outros sites.

2&%;$- S T&6$' 3&,9?$&- *' 2&6/Q

2&%;$- @U B$&-OE' :) 3&,9?$&- *' 2&6/Q
Como vimos o Ficly de fcil utilizao, o compartilhamento das
histrias ocorre atravs da disponibilizao do link da mesma manualmente
pelo usurio, pela funcionalidade de busca de histrias por palavras ou pelo
perfil do usurio que contm todas as histrias criadas por ele. O autor obtm o
feedback dos leitores atravs dos comentrios na narrativa e atravs da
avaliao que varia de 1 a 5 lpis. A colaborao entre os autores no ocorre
em tempo real, cada autor cria sua micro histria separadamente, e no possui
uma ferramenta para eles interagirem enquanto escrevem suas histrias. O
Ficly no permite a insero de imagens, udio, vdeo assim como no permite
que o usurio desenhe.
I8Q8 R$556&5,$#%
hLLp://www.dabbleboard.com/
O Dabbleboard uma aplicao web colaborativa que centrada no uso
de um whiteboard como ferramenta de comunicao e criao de novas
idias por grupos de usurios. Nele vrias pessoas podem desenhar no quadro
ao mesmo tempo e todos iro perceber as alteraes em tempo real. Ele no
uma aplicao para a criao de narrativas, porm sua interface bastante
intuitiva e que estimula as pessoas a desenharem fez com que escolhessemos
como um concorrente a ser analisado, pois h muito o que aprender com sua
interface fcil, intuitiva, divertida e que deixa seus usurios satisfeitos com o
resultado.
Sua interface muito fcil de usar, ela ajuda o usurio a desenhar e
inclusive advinha o que ele est pretendendo desenhar e deixa a forma
desenhada mais reta ou arredondada, tornando-a mais legvel e limpa.

2&%;$- @@ V'6;<)*9' *' V-NN/)N'-$:

2&%;$- @C V),)*3' :) ;<- >'$<- %)'<#9$&6- =-$)6&:- 6'< ;< 9$&W*%;/'

2&%;$- @F X=?, ,'/9-$ ' N'9E' :' <';,)Y ' V-NN/)N'-$: &:)*9&>&6'; Z;) )$- ;< 9$&W*%;/' ) -[;,9'; - >'$<-
:),)*3-:-
Para que vrias pessoas possam desenhar ao mesmo tempo, basta que
os novos participantes acessem uma url que informada ao usurio criador do
documento. O site disponibiliza um chat para os participantes dentro do quadro
com possibilidade de ter udio e vdeo no chat e pessoas que no esto
participando do desenho, para isso os participantes podem divulgar o link para
o chat no twitter, facebook ou myspace clicando no boto de compartilhamento
de chat. Na verso Pro o criador pode definir um desenho como sendo privado
e assim s quem ele der permisso para visualizar o desenho conseguir
visualiz-lo, e quem ele permitir editar o desenho poder colaborar editando o
desenho tambm.
Existe a opo de salvar o quadro como uma imagem em formato PNG,
ou salvar no formato SVG para os usurios que pagam pelo servio permitindo
assim uma maior integrao com outros softwares como o Adobe Illustrator e
Microsoft Visio.
No Dabbleboard os usurios cadastrados possuem uma biblioteca de
imagens onde eles podem adicionar e reutilizar as imagens criadas por eles e
tambm podem procurar imagens que desejadam nas bibliotecas j existentes
e adicion-las a sua biblioteca. Para utilizar as imagens da biblioteca basta
arrast-la do painel dela para o quadro e para adicionar um desenho a ela
necessrio apenas que ele seja arrastado at o painel da mesma. O site
permite tambm que o usurio faa upload de imagens e documentos para
serem utilizados no quadro.
Em resumo, o Dabbleboard possui uma interface muito fcil de utilizar,
que estimula e ajuda os usurios a desenharem, possui um conceito de
biblioteca de desenhos que promove a reutilizao de objetos, disponibiliza
tambm uma funcionalidade para o usurio fazer o upload de imagens e
documentos, aumentando assim o reuso em seus desenhos. A colaborao
ocorre em tempo real e com uma ferramenta de chat, que pode conter udio e
vdeo para os participantes poderem discutir enquanto esto desenhando, ela
tambm permite que pessoas que no esto participando do desenho entre no
chat atravs do compartilhamento do link do mesmo por twitter, facebook e
myspace. O compartilhamento do desenho ocorre apenas com o usurio
criador copiando o link para seus amigos colaboradores, pois quem tem acesso
ao link pode editar o desenho, apenas com a verso Pro que podem ser
setadas permisses de edio e visualizao. Ele no suporta udio ou vdeo
dentro dos desenhos. No h a possibilidade dos autores obterem um
feedback de terceiros sobre seus desenhos
I8S8 F,,*R,,
hLLp://www.Loondoo.com
O site ToonDoo uma aplicao web para a criao de histrias em
quadrinhos. Nele as imagens que compem os quadrinhos podem ser criadas
ou reutilizadas de diversas formas, so elas:
Biblioteca pblica de imagens do ToonDoo
Criao de personagens atravs da ferramenta de criao do
mesmo, que permite ao criador modificar todas as partes do
personagem, como a boca, nariz, olho, face, roupa, e outros.
Desenho livre.
Upload de imagens.
Reutilizao de imagem que est armazenada na web atravs da url.
Edio de imagens j existentes.
Alm disso qualquer imagem nova criada pelo usurio, seja ela uma
alterao de uma j existente ou um desenho livre ser salva na biblioteca
particular do mesmo para reutilizao em outros quadrinhos.

2&%;$- @G B$&-OE' :) ;<- 9&$&*3- *' \''*V''

2&%;$- @K H:&OE' :) ;< =)$,'*-%)< *' \''*V''
Existe uma funcionalidade que copia um quadrinho para o quadrinho
posterior, isto muito til durante a autoria pois geralmente s so alterados,
includos ou excludos alguns poucos objetos de um quadrinho para o posterior,
visto que a narrativa normalmente uma sequncia de aes. Outra
funcionalidade interessante um boto que muda a expresso ou o movimento
de um objeto, o autor pode assim com alguns cliques alterar o personagem
para ter uma expresso alegre, assustada, sonolenta, entre outras e tambm
pode alterar a ao dele que pode estar andando, de braos cruzados,
apontando para algo, correndo. Essas aes e expresses esto disponveis
apenas para alguns objetos e elas podem variar de objeto para objeto. Por
ltimo, h a possibilidade de aumentar, diminuir ou rotacionar os objetos do
quadrinho clicando apenas em um boto com a ao escolhida.
Os usurios do ToonDoo podem escrever comentrios sobre os
quadrinhos de outras pessoas e votar neles, o ToonDoo fornece ainda a
possibilidade do autor juntar os quadrinhos que ele criou em um livro que pode
ser comentado e votado do mesmo jeito que um quadrinho.
Existe tambm uma moeda no site que o Tooken onde 100 Tookens
equivale a U$S 1,00. Os Tookens podem ser utilizados para comprar imagens
dos quadrinhos em alta resoluo disponveis nos tamanhos 2223x874 pixels e
5295x2084 pixels. Cada quadrinho custa 100 Tookens e em cada um que o
autor vende ele ganha 20 Tookens e se o quadrinho for avaliado como Editors
Pick ele recebe 100 Tookens no caso de um livro receber o prmio o autor
recebe 200 Tookens.

2&%;$- @L 5;-:$&*3' ,'N$) - 1&9-<&*- ]C
Os usurios podem compartilhar os quadrinhos com seus colegas
atravs do compartilhamento via facebook que mostra uma imagem pequena
com o quadrinho e o link para o mesmo no ToonDoo e os seus amigos do
facebook podem comentar sobre o quadrinho no prprio facebook, porm
esses comentrios no so capturado pelo ToonDoo. Os usurios podem
tambm utilizar o boto de compartilhamento pelo Twitter que faz com que o
usurio tweete o link para o quadrinho, existe ainda a opo compartilhar por e-
mail, que exibe o quadrinho e possui tambm o link e por ltimo podem utilizar
um cdigo html gerado pelo ToonDoo para colocar um de seus quadrinhos em
sua pgina pessoal ou at mesmo um gadget que fica exibindo os quadrinhos
do usurio para os visitantes.
A nica forma de colaborar com as histrias de seus colegas no
ToonDoo editando um quadrinho que j foi publicado, o que chamado de
Redoo pelo ToonDoo. Quando um usurio faz um Redoo de um quadrinho o
autor original informado sobre as mudanas e o novo quadrinho publicado
como um normal, porm para fazer um Redoo o autor do original tem que
escolher a opo de tornar o quadrinho editvel para outros usurios.
O ToonDoo um site completo para a criao de histrias em
quadrinhos, pois ele oferece diversos objetos que j foram criados para os
quadrinhos e funcionalidades para o autor desenhar, fazer upload de imagens,
utilizar as imagens da web e possui uma ferramenta de criao de personagem
onde o usurio pode personalizar todo o personagem e ele ficar salvo em sua
biblioteca, facilitando assim a criao e o reuso dos objetos. A funcionalidade
de desenho no to boa quanto a do Dabbleboard mas ajuda, pois tem a
opo de reduzir a sensibilidade do mouse, o que evita que o autor faa
movimentos bruscos e borre o desenho. O compartilhamento dos quadrinhos
excelente pois como vimos pode ser realizado de diversas formas, atravs de
redes sociais, exportao de gadget para sites pessoais, busca no site e nos
perfis dos usurios. A colaborao no feita em tempo real e um usurio s
pode ajudar o quadinho de um outro participante do site aps o quadrinho j ter
sido publicado o que faz com que um novo quadrinho seja publicado aps a
modificao. O ToonDoo no permite a insero de vdeos ou udio. O autor
pode obter feedback atravs dos comentrios deixados na pgina da sua
criao e pela quantidade de pessoas que gostaram do quadrinho.
I8T8 L(M+,*
hLLp://www.plxLon.com
O Pixton um site voltado para a criao de histrias em quadrinhos
que subdividido em 3 sites especficos de acordo com a finalidade dos
quadrinhos, so eles: Pixton para empresas, Pixton para escolas e Pixton para
diverso.
A criao de quadrinhos no Pixton bastante dinmica e intuitiva, ele
possui uma interface que mostra apenas os botes relacionados ao que o
usurio est editando no momento e segue o padro de clicar e arrastar onde
o usurio pode alterar livremente a posio de cada articulao dos
personagens e alterar o visual deles clicando na parte que deseja alterar do
personagem e arrastando o mouse para cima da opo ou para a posio que
desejada. Para fazer essas alteraes, existem 5 modos de edies de
personagem que o autor dever escolher antes de clicar e arrastar, so eles:
Mover
Editar expresso
Editar visual
Editar proporo
Editar cor

2&%;$- @M H:&9-*:' ' 1&,;-/ :) ;< =)$,'*-%)< *' +&I9'*
O Pixton possui uma biblioteca de personagens, objetos e fundos de tela
que fica disposio do autor para montar seus quadrinhos, a maioria desses
objetos so editveis, alguns possuem mais modos de edio que outros. O
Pixton sempre salva os personagens editados na biblioteca do criador e caso
ele modifique um personagem j salvo ele pode escolher para que este seja
alterado em todos os quadrinhos em que utilizado. O Pixton no oferece a
opo de desenhar, porm possibilita o upload de imagens e o uso de imagens
na web atravs da url. Existe tambm pacotes especiais de objetos que esto a
venda no site. Os bales que contm as falas dos personagens tambm podem
ser personalizados e o autor pode alterar a formatao de cada letra dentro do
balo para o estilo desejado, podendo dar nfase a algumas palavras para
causar um impacto diferente nos leitores.

2&%;$- @R H:&9-*:' ;< =)$,'*-%)< *' +&I9'*

2&%;$- @S H:&OE' :) )I=$),,E' :' =)$,'*-%)< :' +&I9'*
O compartilhamento dos quadrinhos feito de forma diferenciada nas 3
verses do Pixton. Na verso para diverso todos os usurios podem visualizar
os quadrinhos dos outros e caso queira deixar um quadrinho como privado
necessrio pagar por isso. Os usurios nessa verso podem postar seus
quadrinhos no facebook, twitter, google buzz, digg e enviar por e-mail. No caso
da verso para escolas os quadrinhos ficam disponveis apenas para os alunos
da classe e o professor pode escolher para que os quadrinhos s estejam
disponveis aps a aprovao dele. A nica forma de compartilhamento da
verso para empresas atravs de um cdigo gerado para colocar em pginas
da web que tambm est disponvel nas outras verses.
Na verso para diverso os usurios podem remixar um quadrinho
caso o autor original permita, e assim ele pode alterar o quadrinho original. Os
usurios tambm podem deixar comentrios sobre os quadrinhos, marcar
como favoritos, classificar o quadrinho como artstico, divertido, engraado e
romntico. Os usurios podem tambm criar concursos e livros de quadrinhos
porm isso est disponvel apenas na verso Pixton+. Essa verso possui
ainda um frum para a comunidade debater e tirar dvidas e os quadrinhos
podem virar presentes como camisas, canecas e outra coisas atravs do site
Zazzle.com.
Na verso para escolas o Pixton oferece ao professor a possibilidade de
fazer uma avaliao detalhada dos quadrinhos, criar quadrinhos para os alunos
alterarem depois como uma forma de passar exerccios, criar projetos com
solues que so liberadas para os alunos aps determinado tempo, revisar os
quadrinhos dos alunos e comentar para que o aluno aperfeioe a narrativa e
ele s aprove a publicao quando ele achar que est adequado. Os alunos
podem conversar entre si atravs do frum e adicionar udio aos quadrinhos.


2&%;$- CU +J%&*- :) ;< Z;-:$&*3' *' +&I9'*
Assim, o Pixton possui uma interface bastante intuitiva e divertida, que
permite personalizar os objetos de diversas maneiras de forma fcil. A
biblioteca do Pixton juntamente com a utilizao de imagens do usurio permite
a reutilizao dos objetos, porm ele no possibilita ao autor uma forma fcil de
desenhar, para ele desenhar tem que utilizar outro software e depois fazer o
upload do desenho. Os usurios do Pixton podem compartilhar suas narrativas
publicando-as no site, no facebook, twitter, digg, google buzz, divulgando por e-
mail e em seus prprios sites. Existe tambm uma opo de busca e o perfil do
usurio mostra seus quadrinhos. A colaborao se d apenas atravs da
remixagem dos quadrinhos, no ocorre em tempo real, e ele permite a
utilizao de udio alm de imagens nos quadrinhos. No Pixton os autores
podem obter feedback dos usurios atravs dos comentrios dos leitores nos
quadrinhos, votos recebidos e mensagens privadas.
I8U8 C,*'6/-V&-
Como foi visto nas anlises dos concorrentes as suas interfaces so
intuitivas e prticas que estimulam os usurios a criarem cada vez mais. Porm
a possibilidade de fazer o prprio desenho na aplicao s existe em 2 delas, o
Dabbleboard, que possui uma interface que auxilia bastante o autor a desenhar
porque ela foi desenvolvida com foco em permitir os usurios desenharem
colaborativamente e no em criao de narrativas apesar de ser uma
possibilidade de utilizao do Dabbleboard, e no ToonDoo que tambm auxilia,
porm nele a ajuda oferecida pequena. Dentre os outros, alguns permitem a
adio de imagens nas histrias e outros s permitem textos, o Pixton o nico
que permite udio em suas histria, porm apenas na verso para escolas.
O compartilhamento das histrias com outras pessoas nos sites
analisados, com exceo do Dabbleboard, realizado seguindo o modelo de
rede social, onde existe um perfil de usurio que possui as suas criaes e
existe tambm integrao com outras redes sociais como o facebook e o
twitter. Assim como no facebook os participantes dessas aplicaes podem
tecer comentrios sobre as narrativas, votar, classificar e adicion-las as suas
favoritas e consiste em uma forma do autor obter um feedback sobre as suas
criaes.
Nas aplicaes destinadas a criao de histrias em quadrinhos e no
Dabbleboard um aspecto muito bem utilizado a reutilizao dos objetos
atravs de bibliotecas pblicas com desenhos j prontos e bibliotecas privadas
onde armazenado todos os objetos criados ou editados pelo usurio,
podendo inclusive ser feito o upload de imagens de seu computador ou
informar o endereo de uma imagem j armazenada na internet para posterior
uso nos desenhos. Esse aspecto muito importante pois facilita e agiliza a
criao dos desenhos melhorando a experincia do usurio.
A colaborao apenas ocorre em tempo real no Dabbleboard, onde
possvel vrios usurios desenharem e conversarem ao mesmo tempo,
inclusive com vdeo. No Storybird a histria pode ter mais de um autor porm
cada autor modifica a narrativa apenas durante o seu turno e no h uma
forma de comunicao entre os autores durante a atividade no site, j nos
outros sites, s possvel colaborar aps a publicao de um captulo de
histria ou uma histria em quadrinhos que quando outros usurios podem
adicionar mais captulos ou editar o quadrinho e criar uma cpia dele
modificada. A possibilidade de criar histrias no lineares bem implementada
no StoryMash, Novlet e Ficly, onde cada usurio pode ramificar a histria a
partir de qualquer captulo e desenvolver a sua idia a partir da idia inicial de
outra pessoa, e em particular o StoryMash que mostra como a histria se
ramifica e qual parte da narrativa o leitor est lendo no momento atravs de
uma rvore de captulos.
^*9;&9&1&:-:) V),)*3' ();9&/&_-OE' B'<=-$9&/3-<)*9' B'/-N'$-OE' 2)):N-6`
8N[)9',
<;/9&<P:&-
2&6/Q G U U F C F U
0'1/)9 G U U F C G U
"9'$Q<-,3 G U U G C G U
"9'$QN&$: K U C G C G F
+&I9'* K U K K @ G G
\''*V'' K C K K @ G F
V-NN/)N'-$: K K K C K U F
\-N)/- @ \-N)/- 6'<=-$-9&1- :) 1-/'$), )*9$) ', 6'<=)9&:'$), -*-/&,-:',a
Na 1abela 1 podemos observar que o aspecto de colaborao entre os
usurios pouco valorizado pelas aplicaes existentes, porm ele muito
importante para que as pessoas possam discutir sobre as informaes e criar
conhecimento atravs dessas discusses.
Pode ser observado tambm que nas aplicaes de criao de histrias
em quadrinhos a possibilidade do autor criar seus desenhos no existe ou
disponibilizada de forma muito simples, que no auxilia o usurio na criao e
oferece poucas ferramentas para o desenho. A autoria de desenhos pode ser
fundamental para a comunicao de informaes tcnicas, uma vez que o que
o usurio deseja exibir pode no existir nas bibliotecas, e fundamental
tambm o auxlio ao desenhar, visto que os usurios podem ter dificuldades e
se sentir desestimulados.

O8 C&*1#(,-
Nessa seo iremos descrever um cenrio que demonstrar uma
situao que poder ser facilitada com a nova aplicao afim de obter uma
viso mais detalhada sobre o que os futuros usurios iro necessitar.
O cenrio ocorrer em uma universidade onde um grupo de 5 alunos do
curso de odontologia necessita criar uma apresentao para uma turma que
est no incio do ciclo profissional do curso onde demonstrar como o
processo de exodontia, quais as possveis complicaes que podem ocorrer
durante o processo, e como solucion-las de uma forma que seja fcil de
entender e lembrar.
O878 C&*1#(, $+/$6
Atualmente, os alunos podem criar uma apresentao de slides
utilizando o Google Docs que permite que vrios usurios criem a
apresentao colaborativamente. Para facilitar o entendimento por parte dos
alunos eles decidem que devem criar uma histria que ilustre todos os passos
desse processo e tambm iro utilizar imagens, porm no Google Docs as
duas formas de inserir imagens fazendo o upload dela, ou desenhando
livremente. Essas formas dificultam o trabalho dos futuros dentistas pois eles
necessitaro procurar imagens para adicionar a apresentao, grav-las em
seu computador e depois realizar o upload para o Google Docs, ou ento
desenh-las na prpria aplicao em uma ferramenta que no fornece muitas
opes [RF 1.1].
Uma outra opo para eles utilizar os aplicativos que foram citados na
anlise de concorrentes, onde ou eles escolhem por criar histrias no lineares,
onde podero criar um novo ramo na histria para cada complicao que possa
surgir durante a exodontia e isolar o problema no ramo descrevendo melhor a
soluo sem precisar parar no meio a explicao do fluxo normal da atividade
para explicar a complicao [RF 1.2], ou ento podem escolher por criar
histrias em quadrinhos que ilustram a atividade o que facilita o entendimento e
faz com que a histria seja mais fcil de ser lembrada.
Os alunos percebem que a melhor soluo para a explicao seria a
criao de uma histria em quadrinhos no linear. Um dos participantes do
grupo sabe manipular bem o PowerPoint e ele informa que possvel alterar o
fluxo da apresentao de slides, ento eles resolvem criar os quadrinhos e
aps isso criar uma apresentao onde eles podem escolher qual o fluxo que a
histria ir seguir fazendo com que ela fique no linear, como por exemplo
existe um quadrinho onde o dentista inicia o processo de anlise da posio do
dente atravs da radiografia, nesse caso existem vrias possibilidades, o dente
pode estar em uma posio boa para ser extrado, ou pode est de uma forma
que dificulte a extrao, o prximo slide da apresentao ir mostrar 2
quadrinhos com as 2 possibilidades e o apresentador poder escolher qual
ramo da histria ele ir querer seguir clicando no quadrinho que ir lev-lo ao
resto da histria naquele ramo.
Nas aplicaes atuais apenas uma pessoa pode criar o quadrinho, as
outras s podem alterar aps ele j ter sido publicado. Com isso o grupo
inteiro, com exceo de um aluno que estava doente, se rene na casa de um
integrante para criar a narrativa onde uma pessoa escolhida para utilizar a
aplicao para criar a histria [RF 1.3]. Eles comeam a criar a histria sobre
uma exodontia sem complicaes e durante a criao eles tem dificuldade em
montar o ambiente de um consultrio odontolgico pois no existia cenrios
sobre o tema [RF 1.4], assim eles necessitaram pesquisar na internet uma
imagem que se adequasse para poder informar a url da imagem ao aplicativo
[RF 1.5], aps encontrar a imagem eles criaram o personagem do dentista e do
paciente [RF 1.6], posicionaram eles no cenrio, modificaram o posicionamento
de seus membros [RF 1.7], adicionaram falas nos personagens [RF 1.8] e
foram criando os prximos quadrinhos sempre discutindo as fases do processo
e qual a melhor forma de exibir aos alunos [RF 1.9]. Aps terem terminado a
narrativa que relata uma exodontia sem complicaes, um integrante do grupo
escolhido para capturar fotos dos quadrinhos para colocar na apresentao
de slides [RF 1.10], enquanto os outros comeam a criar uma histria que tem
como ponto inicial um quadrinho da histria principal [RF 1.11] e essa nova
narrativa vai relatar uma complicao que pode ocorrer durante o processo.
Quando o integrante que est capturando imagens dos quadrinhos
termina seu trabalho, percebe que h um erro em um deles, ento ele edita,
corrige, publica uma nova verso da histria [RF 1.12], captura uma nova
imagem e altera a apresentao para ter essa nova imagem. Aps isso ele
volta a trabalhar junto a seus colegas na criao das outras narrativas.
O integrante que est doente acompanha as publicaes dos quadrinhos
atravs de seu computador e expressa suas opinies conversando com os
outros integrantes atravs do programa de chat, porm ele no participa muito
porque s consegue ver como est a histria se enviarem uma foto dela pra
ele, o que no ocorre com frequncia.
Ao trmino de todas as narrativas com as possveis complicaes e
aps ter capturado todos os quadrinhos como imagens e colocado na
apresentao, eles precisam agora programar os slides especiais onde a
histria se ramifica para possibilite a mudana no fluxo da histria para um
novo ramo caso o apresentador queira [RF 1.13].
Com a apresentao pronta eles apresentam a histria aos alunos e
explicam cada quadrinho para dar mais detalhes sobre o processo. Alguns
alunos fazem perguntas aos apresentadores sobre dvidas que possuem
durante a apresentao. Ao final da aula um integrante do grupo faz o upload
da apresentao no site Slideshare e envia o link para o e-mail da turma [RF
1.14].
Aps alguns dias alguns alunos decidem rever a histria que foi
apresentada, e comeam a surgir dvidas, eles esquecem parte da explicao
que foi falada pelos apresentadores [RF 1.15], ento um dos alunos com
dvida decide comentar no Slideshare questionando os usurios com suas
dvidas [RF 1.16]. Um usurio responde ao comentrio, porm ele entendeu
errado o questionamento do aluno que comenta novamente em uma tentativa
de explicar melhor sua dvida. Ele tambm decide enviar um e-mail para o e-
mail da turma e iniciada uma discusso sobre a dvida do aluno, um dos
participantes tenta explicar porm o outro no entende tudo corretamente,
ento o aluno tenta utilizar um dos quadrinhos da apresentao original para
ilustrar melhor a sua resposta, ele desenha sobre a foto do quadrinho [RF
1.17], captura uma imagem do quadrinho alterado e faz o upload para o e-mail,
desse modo o aluno com dvida consegue entender o que o outro participante
quis explicar.
O8=8 C&*1#(, 4/+/#,
Os alunos se renem e decidem que iro criar uma histria em
quadrinhos que ser no linear e que mostrar o passo a passo do processo,
onde os ramos da histria consistem nas possveis complicaes com as suas
respectivas solues. Aps terem decidido o que iro fazer eles decidem que a
melhor forma de criar a histria utilizando o novo aplicativo HQ Social onde
eles podem criar a histria em conjunto cada um em seu computador na rede
social.
Um dos alunos comea a criao da histria e compartilha a mesma
com os outros integrantes [RF 2.1] para que eles possam edit-la ao mesmo
tempo. Alguns integrantes entram no ambiente de criao da histria atravs
do convite que receberam do outro integrante que foi exibido em sua pgina na
rede social. Dentro do ambiente eles conseguem visualizar como est a histria
atualmente [RF 2.2], qual o ltimo objeto inserido ou modificado por cada
usurio participante [RF 2.3] e existe tambm uma ferramenta de chat com
udio e vdeo para eles conversarem durante a criao. Eles decidem utilizar o
chat com udio para no precisarem digitar no chat enquanto esto criando [RF
2.4].
Um dos integrantes decide procurar o ambiente de consultrio
odontolgico onde ir acontecer a histria, ele vai no boto de cenrios e
escreve consultrio na caixa de busca [RF 2.5], o aplicativo exibe alguns
consultrios, ele escolhe um e arrasta para o quadrinho. Os outros
participantes procuram objetos para colocar no consultrio dentro do pacote de
objetos odontolgicos que eles encontraram na biblioteca pblica de objetos do
aplicativo, enquanto isso um outro integrante cria os personagens da histria e
adiciona-os no quadrinho. Um outro autor observa os novos personagens e
copia um deles para fazer uma mudana [RF 2.6]. Ele modifica a expresso do
paciente para uma mais alegre e pergunta aos participantes se eles concordam
com a alterao, que depois de comparar os dois personagens concordam com
a mudana, assim ele remove o personagem antigo e arrasta o personagem
criado para a sua biblioteca para poder reutiliz-lo em outras histrias [RF 2.7],
alguns integrantes que gostaram do personagem tambm arrastam-no para as
suas bibliotecas privadas. Um deles torna o personagem pblico para que
outras pessoas possam utilizar e atribui um nome e algumas palavras chaves
para facilitar a busca [RF 2.8].
Aps a criao do primeiro quadrinho, um usurio solicita a criao do
prximo quadrinho copiando o quadrinho anterior [RF 2.9], os outros usurios
aceitam a solicitao e todos comeam a modificar o 2 quadrinho e discutir
utilizando o chat. Eles modificam as falas dos personagens e colocam algumas
palavras em destaque no balo de fala [RF 2.10].
Aps isso eles comeam a criao do 3 quadrinho que ir exibir a boca
do paciente, eles procuram uma boca na biblioteca pblica, a encontram e
aplicam um zoom no objeto para detalhar melhor. Um integrante decide
modificar alguns dentes e remover outros, ele clica ento no boto de
desagrupamento do objeto que torna possvel a edio de cada dente
separadamente [RF 2.11], assim ele remove os ltimos dentes do paciente, em
seguida ele seleciona um outro dente e clica no boto de edio livre de objeto
[RF 2.12] e lhe exibido a seo de desenho livre da aplicao com o dente
que foi escolhido o usurio pinta parte de um dente com o pincel de cor preta,
concluda as modificaes o usurio salva a imagem e volta a edio do
quadrinho, onde reagrupa os objetos da boca e posteriormente adiciona o
objeto a sua biblioteca privada. Os outros usurios comeam a apontar setas
nos dentes atravs da ferramenta de pincel com auxlio [RF 2.13], que deixa o
desenho mais legvel suavizando o movimento e tornando as formas mais
retas, e tambm adicionam textos na seta comentando a disposio e o estado
deles [RF 2.14].
Assim eles continuam a criao da narrativa, e ao trmino da histria
principal com o fluxo normal, eles publicam-a. Com isso eles comeam a
criao das ramificaes na histria. Ficou decidido que existiro 2 grupos
onde cada criar dois ramos com uma complicao e depois cada um grupo
revisa os ramos do outro grupo.
Cada grupo comea a discutir em qual quadrinho eles iro ramificar e
aps uma deciso um integrante do grupo seleciona o quadrinho onde ele quer
criar o ramo e clica no boto de ramificar, assim o aplicativo abre a seo de
edio de quadrinho copiando o quadrinho selecionado, ento o integrante
criador do ramo convida os outros integrantes do grupo para a edio.
Com os ramos devidamente criados e revisados, um dos integrantes
decide gravar uma narrao para cada quadrinho para facilitar ainda mais a
compreenso de quem ler a histria posteriormente ou sem ter assistido a
apresentao. Ele faz isso anexando o arquivo de udio ao quadrinho atravs
de um boto no mesmo que anexa qualquer arquivo multimdia [RF 2.15], com
isso ao exibir o quadrinho o aplicativo tenta identificar o tipo de arquivo que foi
anexado e pode exibir uma pequena barra horizontal abaixo do quadrinho com
funcionalidades para o leitor escutar o udio, ou ver um vdeo anexado [RF
2.16].
No dia da apresentao os alunos abrem o aplicativo e comeam a
explicar o processo, durante a aula surgem algumas dvidas que so
respondidas pelos apresentadores e ao trmino da apresentao eles enviam o
link da histria para o e-mail da turma.
Alguns dias aps a apresentao, alguns alunos resolvem rever a
histria. Eles acessam o site, visualizam-a e escutam os udios que esto
anexados aos quadrinhos. Um dos alunos percebeu que em um dos
quadrinhos existe a possibilidade de uma outra complicao, ento ele resolve
criar um novo ramo para a histria, alm disso ele questiona os autores atravs
do perfil deles na rede social como que eles solucionariam o problema. Os
autores recebem a mensagem e observaram o novo ramo, aps a anlise do
problema complementam a histria com a soluo, com isso o autor do ramo
notificado pelo aplicativo [RF 2.17], ele analisa a soluo e agradece as
pessoas que complementaram sua histria.
Um outro aluno aps a leitura do quadrinho fica com uma dvida e
adiciona um comentrio na histria com a mesma. Um dos integrantes do
grupo que apresentou v a pergunta e clica em adicionar um comentrio, ele
escreve a resposta da dvida do aluno e decide anexar um quadrinho na
resposta para melhorar o entendimento, ento ele clica no boto de anexar,
seleciona a opo de criar quadrinho, o aplicativo ento lhe pergunta se
deseja utilizar como base um quadrinho da histria, ele ento seleciona um dos
quadrinhos e o aplicativo exibe a seo de edio copiando o quadrinho
selecionado, em seguida o usurio circula alguns objetos e insere textos
comentando o que est circulado e termina a edio.
O8K8 .&A/(-(+,- (%&*+(4('$%,-
Cdigo Descrio
RF 1.1
Disponibilizar imagens para os usurios da aplicao poderem utilizar
em seus quadrinhos
RF 1.2 Possibilitar a ramificao da histria
RF 1.3 Possibilitar a criao da histria de forma colaborativa, em tempo-real
RF 1.4
Possuir uma grande quantidade de imagens disponveis para os
usurios
RF 1.5
Possuir uma forma de inserir uma imagem na histria, com o usurio
informando apenas o caminho (url) da imagem
RF 1.6 Possibilitar a criao de personagens
RF 1.7 Possibilitar a modificao da posio dos membros dos personagens
RF 1.8 Adio de falas para os personagens
RF 1.9 Possibilidade de interao entre os usurios criadores
RF 1.10 Capturar fotos dos quadrinhos
RF 1.11 Ramificar a histria a partir de um quadrinho
RF 1.12 Edio de uma histria j publicada
RF 1.13
Durante a leitura da histria, exibir a possibilidade ao leitor de
escolher que ramo ele deseja ler
RF 1.14 Integrao com outros sites da internet e compartilhamento por e-mail
RF 1.15 Ter uma forma de anexar documentos multimdia aos quadrinhos
RF 1.16 Possibilitar a adio de comentrios na histria
RF 1.17 Possibilitar o uso de um quadrinho da histria no comentrio
RF 2.1
Possibilitar o compartilhamento da histria a outros usurios para criar
o quadrinho colaborativamente
RF 2.2 Visualizao de como est a histria durante a criao
RF 2.3 Visualizar o que cada usurio est modificando no momento
RF 2.4 Chat com udio e vdeo para os participantes
RF 2.5 Possibilidade de buscar objetos nas bibliotecas
RF 2.6 Possibilidade de copiar e colar um objeto do quadrinho
RF 2.7 Cada usurio deve possuir uma biblioteca pessoal
RF 2.8
Possibilidade de disponibilizar um objeto da biblioteca pessoal para
outras pessoas atravs da biblioteca pblica
RF 2.9 Criao de um novo quadrinho se baseando no quadrinho anterior
RF 2.10 Mudana da fonte do texto do balo de fala
RF 2.11
Possibilidade de agrupar e desagrupar objetos a fim de modularizar
um objeto facilitando a sua edio
RF 2.12
Possibilidade de desenhar sobre objetos, criando um novo objeto
composto pelo desenho e pelo objeto
RF 2.13
Auxiliar o desenho livre dos usurios, suavizando os traos, tornando
as linhas mais retas e identificando objetos geomtricos
RF 2.14
Possibilidade de colocar textos sem precisar estar dentro de bales
de fala
RF 2.15 Possibilidade de anexar qualquer documento multimdia ao quadrinho
RF 2.16
Possibilidade de visualizar udio e vdeo anexado abaixo do
quadrinho que est sendo visto
RF 2.17
Notificao para os autores de um ramo de uma histria quando ela
for alterada por outro usurio
\-N)/- C \-N)/- :) $)Z;&,&9', &:)*9&>&6-:', *', 6)*J$&',



Q8 .&-/6+$%,-
A soluo proposta ser um aplicativo que possibilitar a criao de
histrias em quadrinhos em redes sociais de forma colaborativa para
compartilhar conhecimento tcnico e novas idias, promover a discusso dos
assuntos abordados e a colaborao entre os usurios para possibilitar a
criao de novos conhecimentos utilizando opinies de diversas pessoas.
Essa abordagem ir promover a criao do conhecimento atravs da
discusso de idias por diversas pessoas que podem ter perfis e reas de
atuao diferentes sem que elas precisem se encontrar fisicamente nem se
esforar tentando desenhar algo legvel.
Q878 C$#$'+&#W-+('$-
Para isso, a aplicao dever ser de fcil utilizao, com uma interface
dinmica possibilitando o reuso de objetos, edio de personagens, insero
de outros objetos a partir de upload de imagens, udio, vdeos ou ainda a
reutilizao desses que j esto armazenados na web atravs de urls que
devero ser informadas pelo autor. O aplicativo dever tambm auxili-lo a
desenhar livremente o que deseja.
Ela dever possibilitar a colaborao entre os usurios durante e aps a
criao com a possibilidade de ramificar a histria mostrando outros pontos de
vista, outros fatos, outras hipteses. Dever ser possvel tambm a discusso
dos assuntos atravs de comentrios na narrativa alm de um sistema de
votao para que o autor consiga obter feedback dos leitores e possa
aprimorar suas idias. O compartilhamento da histria ser feito reutilizando a
infra-estrutura fornecida pela rede social em que a aplicao estar inserida,
assim os usurios podero reaproveitar seus perfis de usurio com seus
amigos que tambm utilizam o aplicativo, porm ainda existir uma busca por
palavras e gnero de narrativas, e cada usurio possuir uma pgina com suas
narrativas.
Os detalhes de como ser a aplicao ser explicada nas prximas 6
sees que so: pgina inicial da aplicao, pgina de edio de uma histria
em quadrinhos, pgina de visualizao de uma histria em quadrinhos, pgina
de busca de histrias, pgina de visualizao do perfil de um usurio e pgina
de visualizao da biblioteca de objetos.
Q8=8 L1"(*$ (*('($6 %$ $H6('$;<,
Na pgina inicial, o usurio ir visualizar as suas histrias que
receberam atualizaes recentes, entende-se como uma atualizao a prpria
criao da histria, um comentrio, uma edio ou ramificao da histria [RF
2.17], ele visualizar tambm as histrias em quadrinhos dos seus amigos da
rede social que foram atualizadas recentemente, poder realizar uma busca de
histrias por palavras-chave e tambm poder clicar no link para criar uma
nova histria.

2&%;$- C@ +J%&*- &*&6&-/ :- -=/&6-OE'
Q8K8 L1"(*$ %& &%(;<, %& /)$ B(-+@#($ &) A/$%#(*B,-
Nessa pgina o usurio conseguir criar uma histria em quadrinhos em
tempo real com seus colegas com a possibilidade de conversar com eles
atravs de um chat [RF 1.3][RF 1.9][RF 2.4]. Os autores podero editar apenas
um quadrinho por vez porm podero visualizar outros quadrinhos da histria
que sero exibidos ao lado do quadrinho que est sendo editado. Podero
tambm copiar objetos que esto nesses quadrinhos ou ainda copiar um
quadrinho completo para o quadrinho atual a partir de um boto que ser
exibido em cada quadrinho da histria [RF 2.9].

2&%;$- CC +J%&*- :) 6$&-OE' :) ;< Z;-:$&*3'

Para o usurio convidar outras pessoas para lhe ajudar com a autoria da
narrativa, ele poder clicar no boto de compartilhamento da histria, escolher
os colaboradores que podero ser qualquer colega dentro da rede social, e
definir como ele ir colaborar, se ser em tempo-real criando a histria em
conjunto com ele, ou se podero apenas incrementar e ramificar a histria aps
a publicao [RF 2.1]. O autor pode tambm deixar disponvel para qualquer
usurio da aplicao a opo de ramificar e adicionar quadrinhos a histria que
publicou.
Na parte superior da edio do quadrinho existe uma barra com os
objetos da biblioteca pessoal e pblica alm de uma caixa de busca com
botes de busca normal e busca avanada [RF 1.1][RF 2.5][RF 2.7] . Para o
autor adicionar objetos a sua biblioteca pessoal, basta arrastar um objeto para
a sua biblioteca e ela ser inserida. No momento da insero ser perguntado
ao usurio o nome do objeto e se ele deseja adicionar palavras-chaves ao
mesmo para facilitar a busca, e tambm se o objeto poder ser visto por outros
usurios [RF 2.8].

2&%;$- CF T':', :) ):&OE' :) =)$,'*-%)<
H a possibilidade de um usurio travar um objeto, isto , nenhum outro
usurio poder selecionar o objeto para posterior edio, isso impede que
outros autores o atrapalhe, e quando um usurio inicia uma modificao em um
objeto, automaticamente ele ser travado e destravado quando o usurio
acaba a ao de edio e quando um usurio seleciona um objeto todos os
outros conseguem visualizar, pois o objeto ficar marcado com a cor do nome
do usurio que aparece no chat [RF 2.3].
Existir alguns modos de edio de personagem e balo de fala onde
cada modo mudar os botes da barra de ferramentas que estar acessvel ao
usurio e tambm mudar a forma como o arrasto do mouse influencia o objeto
selecionado. Os modos so os seguintes:
Edio de tamanho e posio [RF 2.11]
Nesse modo existir botes para o agrupamento e desagrupamento de
objetos, e neles estaro visveis botes que promovero o
reposicionamento e redimensionamento dos mesmos possiblitando
tambm a rotao deles.

Edio de visual
A barra de ferramentas possuir um boto que ir exibir as
possibilidades de visual de acordo com a parte do personagem
selecionada e dois botes para o usurio selecionar a cor da linha da
borda do objeto selecionado e do preenchimento do mesmo. No caso de
um balo estar selecionado, sero exibidos botes para formatar o texto
que est no balo ou uma parte do texto que dever estar selecionado e
um outro boto para alterar o estilo do balo.

Edio de gestos [RF 1.7]
Esse modo de edio tem como objetivo facilitar a movimentao dos
membros dos personagens e as caudas dos bales de fala que
identificam o personagem que est falando. O usurio poder selecionar
a parte do personagem ou a cauda do balo a ser modificado e arrast-
lo a posio desejada, assim a aplicao ir se encarregar de
redimensionar e rotacionar o objeto para que fique na posio desejada.
Os botes para selecionar o modo de edio de personagem s estaro
visveis se algum personagem estiver selecionado, caso contrrio a barra de
ferramentas apresentar as seguintes funcionalidades ao usurio:
Insero de personagem
Ao clicar nesse boto ir aparecer diversos personagens para o autor
escolher e adicionar ao quadrinho. Os personagens iro aparecer na
barra logo acima do quadrinho, nela existe a possibilidade do usurio
realizar uma busca por palavras.

Insero de plano de fundo de quadrinho
semelhante ao boto anterior porm ao invs de escolher
personagens, o usurio seleciona o plano de fundo desejado.

Insero de objeto
semelhante ao boto anterior porm, o usurio seleciona um objeto.

Insero de balo de fala [RF 1.8]
Esse boto lista os diversos tipos de bales que podem ser inseridos.

Upload de imagens
A partir desse boto o usurio poder inserir imagens que esto
armazenados em seu computador no quadrinho.

Informar url com imagem j existente [RF 1.5]
Ao clicar no boto o usurio informar a url onde o objeto multimdia
desejado est armazenada e ele ser inserido no quadrinho.

Desenho livre [RF 2.12][RF 2.13]
Esse boto altera a edio do quadrinho para o modo de desenho que
altera os botes da barra de ferramentas para possuir funcionalidades
relacionadas a atividade de desenhar.

Texto livre no quadrinho [RF 2.14]
Essa opo faz com que aparea diversos estilos de textos diferentes na
barra superior para que o usurio possa inserir onomatopias, que so
bastante comuns nos quadrinhos, facilmente.

Anexar [RF 2.15][RF 1.15]
Utilizando esse boto o usurio poder anexar arquivos de texto, udio e
vdeo no quadrinho. A exibio dos arquivos durante a leitura do
quadrinho depender do tipo do arquivo anexado.
Q8I8 L1"(*$ %& :(-/$6(X$;<, %& /)$ B(-+@#($ &) A/$%#(*B,-
Essa pgina permite ao usurio visualizar uma histria em quadrinhos
com suas possveis ramificaes e os comentrios sobre a narrativa. Alm
disso possvel adicionar novos comentrios a narrativa e se o autor permitir,
editar a histria, continuar a histria adicionando quadrinhos no final dela e
ainda ramific-la a partir de um determinado quadrinho [RF 1.2][RF1.11][RF
1.12].

2&%;$- CG .&,;-/&_-OE' :) ;<- 3&,9?$&- )< Z;-:$&*3', *- -=/&6-OE'
Os quadrinhos sero exibidos dividindo-se em vrias linhas, sendo 1
quadrinhos por linha at que seja identificado que a partir de um quadrinho
existe mais de uma possibilidade para o prximo, nesse ponto o leitor ter que
escolher qual ramo ele quer seguir, e assim a histria continua, se o leitor
desejar pode refazer a escolha do ramo da histria [RF 1.13]. Se o quadrinho
possuir algum arquivo de udio ou vdeo em anexo ser exibida uma barra
abaixo do quadrinho para a reproduo do arquivo [RF 2.16].

2&%;$- CK .&,;-/&_-OE' :', 6'<)*9J$&', :) ;<- 3&,9?$&-
Ser exibido tambm um mapa da narrativa para que o leitor possa se
localizar mais facilmente e mover para o ponto desejado mais rapidamente
tambm clicando no quadrinho desejado.
Caso o leitor possa adicionar quadrinhos na histria, ser exibido um
boto em cada quadrinho que ao ser clicado ser criado um novo quadrinho
posterior ao quadrinho escolhido, este poder resultar em um novo ramo da
narrativa ou na continuao do mesmo caso no exista nenhum quadrinho
aps o escolhido.
Todos os comentrios da histria sero exibidos e no apenas os
comentrios de um quadrinho especfico, isso feito para que o usurio que
esteja procurando um comentrio ou querendo ler os comentrios da narrativa
no necessite ler os comentrios quadrinho a quadrinho, ou caso o leitor queira
comentar sobre a histria em geral ele no necessite associ-lo a um
quadrinho qualquer, porm o usurio poder associar seu comentrio a um
quadrinho especfico tanto da prpria histria comentada como criar um novo
quadrinho [RF 1.17][RF 1.16]. Essa opo de associar quadrinhos ao
comentrio servir para melhor exemplificar possveis comparaes e
questionamentos ao autor por parte dos leitores, melhorando assim a
discusso e criao de conhecimento.
Q8O8 L1"(*$ 5/-'$ %& B(-+@#($-
Na pgina de busca de histrias os usurios podero procurar
quadrinhos atravs de palavras. O rankeamento dos quadrinhos ser feito
atravs de mtricas que incluem a quantidade de vezes que as palavras
aparecem na narrativa, a proximidade dos autores com o usurio, popularidade
da histria e tambm as palavras que aparecem nos comentrios das histrias.

2&%;$- CL ];,6- :) 3&,9?$&-, *' -=/&6-9&1'
O resultado da busca exibir algumas histrias por pgina e de cada
histria estar visvel o ttulo, os autores e os primeiros 3 quadrinhos ou um
trecho com 3 quadrinhos onde a palavra pesquisada aparece. Ao clicar no ttulo
da histria ou no quadrinho o visitante ser redirecionado pgina da narrativa.
Q8Q8 L1"(*$ %& :(-/$6(X$;<, %, H&#4(6 %& /) /-/1#(,
A pgina do perfil do usurio listar todas as criaes do mesmo dando
prioridade as que foram atualizadas mais recentemente. Ela listar tambm os
ltimos comentrios que ele fez e tambm mostrar seus colegas que utilizam
o aplicativo.

2&%;$- CM +J%&*- :' =)$>&/ :) ;< ;,;J$&'
No existe a necessidade de disponibilizar funcionalidades de trocas de
mensagens pessoais pois o usurio pode utilizar a prpria rede social em que o
aplicativo est inserido para isso.
Q8S8 L1"(*$ %& :(-/$6(X$;<, %$ 5(56(,+&'$ %& ,5Y&+,-
Nessa pgina ser possvel visualizar os objetos da biblioteca pessoal
do usurio alm de poder editar as palavras chaves que esto associadas ao
objeto, definir um preo para que outros usurios utilizem-o, alterar a
disponibilidade do objeto e remover o objeto de sua biblioteca.

S8 C,*'6/-<, & +#$5$6B,- 4/+/#,-
Essa pesquisa relatou como as histrias so utilizadas no dia-a-dia das
pessoas com diversas finalidades e como podem ser utilizadas como forma de
compartilhar conhecimento.
A soluo proposta ir ajudar as pessoas a compartilharem e
desenvolverem suas idias atravs das possibilidades de interao entre os
usurios do aplicativo, pois ela facilita a criao de histrias em quadrinhos e
torna possvel a colaborao entre os usurios. Um outro destaque a
possibilidade de ramificar uma histria existente fazendo com que diversos
pontos de vista sejam discutidos em uma mesma histria, num mesmo
ambiente e reutilizando parte dela. Os comentrios tambm so um ponto
chave para o desenvolvimento e compartilhamento do conhecimento pois
atravs deles o autor pode receber o feedback dos leitores e discutir as
diversas situaes abordadas na histria com outros usurios podendo
inclusive ter comentrios com quadrinhos em anexo para explicar melhor o que
deseja.
Como trabalho futuro irei aprimorar o prottipo atravs de testes de
usabilidade com possveis usurios e aps modificar o prottipo com melhorias
que podero surgir durante os testes, a aplicao ser implementada
integrando-se com o Redu, uma rede social para educao desenvolvida pelos
alunos do Centro de Informtica da Universidade Federal de Pernambuco.

T8 .&4&#Z*'($- [(5(6(,"#14('$-
[1] Echeverra, A., Garca-Campo, C., Nussbaum, M., Gil, F., Villalta, M.,
Amstica, M., et al. (2011). A framework for the design and integration of
collaborative classroom games. Computers & Education, 57(1), 1127-1136.
Elsevier Ltd. doi: 10.1016/j.compedu.2010.12.010.
[2] Pereira, A., Vega, K., Raposo, A., Fuks, H., David, V., Les, G., et al. (2009).
Storytelling Imersivo Colaborativo : Time2Play no Second Life. Intellect, 99-
105.
[3] Lino, A., Pereira, F., Presidente, F., Faculdade, P., & Cincias, D. (1998).
APRENDIZADO NO ENSINO DE FSICA MODERNA COMICS AS A
TOOL FOR LEARNING IN TEACHING OF MODERN PHYSICS, 1165-
1168.
[4] A.M. Vasco, L.E. Nery, M.A. Amaral, and A.L.A. Menolli, Software de
autoria de Histria em Quadrinhos para apoio ao ensino de Lngua
Portuguesa e Matemtica, Universidade Estadual do Norte do Paran
(UENP)..
[5] Gordon, A. S., & Rey, M. (2006). Fourth Frame Forums : Interactive Comics
for Collaborative Learning. Forum American Bar Association, 1-4.
[6] Viviana, C., Hidalgo, A., Giesel, D. R., Costa, H. G., & Souza, R. C. D. (n.d.).
O ENSINO E A APRENDIZAGEM DE LNGUA ESPANHOLA POR MEIO
DE REDES SOCIAIS O RELATO DE UMA EXPERINCIA , 1-32.
[7] Boletim, A. X. X. I. (2011). HISTRIA EM QUADRINHOS : UM RECURSO
DE.
[8] Sole, D., & Wilson, D. G. (1999). Storytelling in organizations: The power
and traps of using stories to share knowledge in organizations. Training
and Development, 53(3), 4452. Retrieved April 11, 2011, from
http://www.providersedge.com/docs/km_articles/Storytelling_in_Organizatio
ns.pdf.
[9] Rhodes, T. (2002). Experiential learning : using comic strips as reflective
tools in adult learning. Australian Journal of Outdoor Education, 6(2).
Retrieved from
http://findarticles.com/p/articles/mi_6931/is_2_6/ai_n28132637/.
[10] 7 Things You Should Know about Digital Storytelling, Educase Learning
Initiative, 2007.
[11] Y. Cao, R. Klamma, and A. Martini, Collaborative storytelling in the web
2.0, Proc. Of the First International Workshop on Story-Telling and
Educational Games (STEG!08) at EC-TEL, Citeseer, .
[12] J.B. Williams, K. Bedi, and M.A. Goldberg, The Impact of Digital Storytelling
on Social Agency: Early Experience at an Online University, 2006.
[13] H. Mitchell, Knowledge-sharing-the value of story-telling, International
Journal of Organisational Behaviour, vol. 9, 2005, p. 632641.
[14] S. Denning, STORYTELLING FOR ORGANIZATIONAL CHANGE.
[15] Y. Sumi, R. Sakamoto, K. Nakao, and K. Mase, ComicDiary:
Representing individual experiences in a comics style, UbiComp 2002:
Ubiquitous Computing, 2002, p. 329336.
[16] S.M. Branham, S. Wahid, and D.S. McCrickard, Channeling creativity:
Using storyboards and claims to encourage collaborative design, Workshop on
Tools in Support of Creative Collaboration (part of Creativity & Cognition 2007),
Citeseer, 2007.
[17] L. Medeiros, A.S. Gomes, C. Alves, and A. Vasconcelos, Uso de
StoryBoards para a Documentao dos Requisitos no Desenvolvimento
Distribudo de Software, Universidade Federal de Pernambuco (UFPE), 2004.
[18] S. Wahid, S. Branham, S. Harrison, and S. McCrickard, Collaborative
Storyboarding: Artifact-Driven Construction of Shared Understanding, Group,
2009.
[19] S.M. Branham, S. Wahid, D.S. McCrickard, and S. Harrison, A Narrative
on Collaborative Storyboarding, Citeseer, pp. 7-8.
[20] C. Cheung and u. Mcuonald, vlsual CommunlLles: Comlcs ln lnLeracLlon," unlverslLy of
WashlngLon.
[21] T. Dorta and A. Lesage, DESIGN TOOLS AND COLLABORATIVE
IDEATION, Universit de Montral.
[22] M. Pounsford, Using storytelling, conversation and coaching to engage,
Strategic Communication Management, vol. 11, 2007, p. 3235.
[23] M. Tatalovic, Science comics as tools for science education and
communication: a brief, exploratory study, JCOM, vol. 8, 2009, p. 4.
[24] C.P. Coutinho, Storytelling as a strategy for integrating technologies into
the curriculum: an empirical study with post-graduate teachers, Technology,
2010, pp. 3795-3802.
[25] K.S.B. Kalid, Transfer Knowledge Using Stories: A Malaysian University
Case Study, Knowledge Management in Emerging Economies: Social,
Organizational and Cultural Implementation, 2010, p. 186.
[26] D. Kurlander, T. Skelly, and D. Salesin, Comic chat, Proceedings of the
23rd annual conference on Computer graphics and interactive techniques -
SIGGRAPH 96, New York, New York, USA: ACM Press, 1996, pp. 225-236.
[27] W.G. Lutters, Storytelling in Collaborative Work: Design Challenges for
Capturing and Representing Sensitive Interactions, Proceedings of the 2002
ACM conference on Computer supported cooperative New Orleans, Louisiana,
USA. 2002, Citeseer, , p. 266275.
[28] P. Mcgee, The Instructional Value of Storytelling, The University of
Texas at, 2008.
[29] J.M. Carroll, Five reasons for scenario-based design, Interacting with
computers, vol. 13, Sep. 2000, p. 4360.