UNIVERSIDADE FEDERAL DO PARANÁ ALVARO ANTONIO LIMA JUNIOR SWIFTALBUM CURITIBA 2016 ALVARO ANTONIO LIMA JUNIOR SWIFTALBUM Monografia apresentada como requisito parcial à obtenção do grau de Especialista em Engenharia de Software, no Curso de Pós-Graduação em Engenharia de Software, Setor de Educação Profissional e Tecnológica, da Universidade Federal do Paraná. Orientador: Prof. Dr. Alessandro Brawerman CIDADE 2016 MINISDTAEÉ DRUICOA ÇÃO UNIVERFSEIDDEADRDOPAE AL R ANÁ PRÓ-REDIEPT.EO SRQIEUAP I ÓSSA- GRADUAÇÃO SetEoDrU CAÇPÃROO FISEST IEOCNNAOLL ÓGICA UFPR ProgdrePa ómGsar adueamEç NãGoE NHASROIFAlW ADREE CódCAiPgEo4S 0:0 01016231El TERMDOE A PROVAÇÃO Osm embdraoB sa nEcxaa mindaedsoirgpane aCldooal egdioPa rdoog dreaP móas -Graedmu ação ENGENHDAESR OIFTWAA RdEaU niverFseidddeoarP daaelrf aonráca omn vopcaarrdeaoa sal a irzgauri ção daM onogdreEa sfipae cidae.Al LiVzAaRAçON ãToON LIIOM JAR i,n tit"SuIlSaTdPEaAM:RAEA D IÇÃEO DIAGRAMAÇÃDOE F OTOBSO OKSa"p,ót se rienmq uoia rliuedn oor ealizaddoot raa baavlahloi,a ção � °", sãdoep arepceseluraa o •õt ;r: Curi0t3di eDb eaz,e dmeb2 r0o1 6. A /D� ROB RAWERMAN resideann Ecxaa min(aUdFoPrRa) RAFRAOE�LO WANDRESEN AvalIinatd(eoUrrFn PoR ) ProgdrePóa smG ar adueamEç NãGoE NHDAESR OIFAlW AIUR FEP R RA.l cides Vieiruar iAtarircbao•anv r áeBa• rs diPel, 1225 • C l"FP .,.•1 ,T 1� fiA-1 �4 11 \A;:iy ��• .•Fm ;:ii:inlk· n1;:i ri.:i ;:iutPntir;:idín httn:/fwww_nrnoa_ufo6rd_iobaaror/ as ina/vi!'iitante/autl'!ntlcacao.iso - C autenticação: 8bHAMZoeXK Dedico este trabalho, primeiramente a Deus, a minha família, amigos e colegas que me ajudaram nesta trajetória. AGRADECIMENTOS Agradeço primeiramente a Deus pela força espiritual. A minha família pelo apoio, ajuda e compreensão ao longo deste percurso. Aos amigos e colegas de curso, pela amizade, ajuda e cumplicidade. A todos os professores ao longo desta caminhada. "Essa vai para os loucos. Os incompreendidos. Os rebeldes. Os causadores de problemas. As peças redondas nos buracos quadrados. Aqueles que vêem as coisas de maneira diferente. Eles não são fãs de regras. E não têm respeito ao status quo. Você pode usar as palavras deles, discordar deles, glorificá-los ou difamá-los. A única coisa que você não pode fazer é ignorá- los. Porque eles mudam coisas. Eles empurram a raça humana para frente. E enquanto podem dizer que eles são loucos, nós vemos gênios. Porque as pessoas que são loucas o suficiente para pensar que podem mudar o mundo, são aquelas que o mudam.”. (Apple Inc. – Think Different, 1997) RESUMO Este trabalho visa oferecer uma alternativa em HTML5, CSS3 e Javascript, ao atual editor e diagramador de álbuns fotográficos, feito em Flash, utilizado pela gráfica Indimagem em seu e-commerce. Utilizando-se de técnicas atuais e modernas para a gestão e o desenvolvimento do projeto, como SCRUM, HTML5, CSS3, Javascript, Single Page Application (SPA), AngularJS, entre outras. Resultando em um novo editor, contendo os recursos básicos e necessários para efetuar a edição de álbuns de fotografias personalizados. Efetuando a criação e edição de álbuns, aplicação de templates prontos, inserção e edição de textos, imagens, cor de fundo, adição e remoção de lâminas, posicionamento das fotos e a criação de um arquivo no formato PDF para a impressão do álbum. Disponibilizando uma API em REST, feita em JAVA, para realizar a integração do e-commerce com o editor. E utilizando- se da infraestrutura em nuvem, da Amazon Web Services (AWS), para escalar, armazenar as fotos e dados, garantindo assim alta disponibilidade com um baixo custo. Palavras-chave: Editor. Fotolivro. Álbum. Fotos. Flash. HTML5. CSS3. Javascript. ABSTRACT This project offers an alternative in HTML5, CSS3 and Javascript, to the current photo book editor, made in Flash, used by Indimagem in your e-commerce. Using current and modern techniques for project management and development, such as SCRUM, HTML5, CSS3, Javascript, Single Page Application (SPA), AngularJS, among others. Resulting in a new editor, containing the basic and necessary features for editing custom photo albums. By creating and editing albums, applying ready-made templates, inserting and editing texts, images, background color, adding and removing slides, positioning photos and creating a PDF file for album printing. Providing a REST API, made in JAVA, to integrate e-commerce with the editor. And using cloud infrastructure from Amazon Web Services (AWS), to scale, store photos and data, thereby ensuring high availability at a low cost. Key-words: Editor. Photobook. Album. Photos. Flash. HTML5. CSS3. Javascript. LISTA DE ILUSTRAÇÕES FIGURA 1 – ÁLBUM DE CASAMENTO TRADICIONAL COLADO .......................... 18 FIGURA 2 – ÁLBUM DE CASAMENTO TRADICIONAL MOLDURA ........................ 18 FIGURA 3 – CAPA FOTOLIVRO DE CASAMENTO ................................................ 19 FIGURA 4 – FOTOLIVRO DE CASAMENTO ........................................................... 20 FIGURA 5 – FOTOLIVRO DIAGRAMAÇÃO ............................................................ 20 FIGURA 6 – ENCADERNADO COM ABERTURA 180º ........................................... 21 FIGURA 7 – ENCADERNADO COM TEXTOS ......................................................... 22 FIGURA 8 – EDITOR EM FLASH – TELA DE ACESSO .......................................... 23 FIGURA 9 – EDITOR EM FLASH – TELA DE EDIÇÃO ........................................... 23 FIGURA 10 – CASOS DE USO NEGOCIAIS - ADMINISTRAÇÃO .......................... 38 FIGURA 11 – CASOS DE USUO NEGOCIAIS - EDITOR ........................................ 39 FIGURA 12 – MODELO DE OBJETOS NECOGICIAS ............................................. 40 FIGURA 13 – DV001 – EFETUAR LOGON ............................................................. 42 FIGURA 14– DV002 – TELA INICIAL ...................................................................... 42 FIGURA 15 – DV003 – LISTAR ÁLBUNS ................................................................ 43 FIGURA 16 – DV004 – CADASTRAR ÁLBUM ......................................................... 43 FIGURA 17 – DV005 – EDITAR ÁLBUM .................................................................. 44 FIGURA 18 – DV006 – LISTAR CAPAS .................................................................. 44 FIGURA 19 – DV007 – CADASTRAR CAPA ........................................................... 45 FIGURA 20 – DV008 – EDITAR CAPA .................................................................... 45 FIGURA 21 – DV009 – LISTAR TEMPLATES ÁLBUM ............................................ 46 FIGURA 22 – DV010 – CADASTRAR TEMPLATE ÁLBUM ..................................... 46 FIGURA 23 – DV011 – EDITAR TEMPLATE ÁLBUM .............................................. 47 FIGURA 24 – DV012 – LISTAR TEMPLATES CAPA ............................................... 48 FIGURA 25 – DV032 – CADASTRAR TEMPLATE CAPA ........................................ 48 FIGURA 26 – DV014 – EDITAR TEMPLATE CAPA................................................. 49 FIGURA 27 – DV015 – LISTAR FOTOLIVROS ........................................................ 49 FIGURA 28 – DV016 – DETALHAR FOTOLIVRO ................................................... 50 FIGURA 29 – DV017 – LISTAR USUÁRIOS ............................................................ 50 FIGURA 30 – DV018 – CADASTRAR USUÁRIO ..................................................... 51 FIGURA 31 – DV019 – EDITAR USUÁRIO .............................................................. 51 FIGURA 32 – DV020 – LISTAR TIPOS DE CAPA ................................................... 52 FIGURA 33 – DV021 – ADICIONAR TIPO DE CAPA .............................................. 52 FIGURA 34 – DV022 – EDITAR TIPO DE CAPA ..................................................... 53 FIGURA 35 – DV023 – EFETUAR LOGOFF ............................................................ 53 FIGURA 36 – UC001 – EFETUAR LOGON ............................................................. 54 FIGURA 37 – UC002 – PESQUISASR POR PHOTOBOOKID ................................. 56 FIGURA 38 – UC003 – LISTAR ÁLBUNS ................................................................ 58 FIGURA 39 – UC004 – CADASTRAR ÁLBUM......................................................... 60 FIGURA 40 – UC005 – LISTAR CAPAS .................................................................. 62 FIGURA 41 – DV006 – CADASTRAR CAPA ........................................................... 64 FIGURA 42 – UC007 – LISTAR TEMPLATES ÁLBUM ............................................ 67 FIGURA 43 – UC008 – CADASTRAR TEMPLATE ÁLBUM ..................................... 69 FIGURA 44 – UC009 – LISTAR TEMPLATES CAPA............................................... 72 FIGURA 45 – UC010 – CADASTRAR TEMPLATE CAPA ....................................... 74 FIGURA 46 – UC011 – LISTAR FOTOLIVROS ....................................................... 77 FIGURA 47 – UC012 – DETALHAR FOTOLIVRO ................................................... 79 FIGURA 48 – UC013 – LISTAR USUÁRIOS ............................................................ 81 FIGURA 49 – UC014 – CADASTRAR USUÁRIO ..................................................... 83 FIGURA 50 – UC015 – LISTAR TIPOS DE CAPAS ................................................. 86 FIGURA 51 – UC016 – CADASTRAR TIPO DE CAPA ............................................ 88 FIGURA 52 – UC018 – EFETUAR LOGOFF ........................................................... 91 FIGURA 53 – MODELO DE OBJETOS .................................................................... 93 FIGURA 54 – SD001 – EFETUAR LOGON ............................................................. 94 FIGURA 55 – SD002 – PESQUISASR POR PHOTOBOOKID ................................. 94 FIGURA 56 – SD003 – LISTAR ÁLBUNS ................................................................ 95 FIGURA 57 – SD004 – CADASTRAR ÁLBUM ......................................................... 96 FIGURA 58 – SD005 – LISTAR CAPAS .................................................................. 97 FIGURA 59 – SD006 – CADASTRAR CAPA ........................................................... 98 FIGURA 60 – SD007 – LISTAR TEMPLATES ÁLBUM ............................................ 99 FIGURA 61 – SD008 – CADASTRAR TEMPLATE ÁLBUM ..................................... 99 FIGURA 62 – SD009 – LISTAR TEMPLATES CAPA ............................................. 100 FIGURA 63 – SD010 – CADASTRAR TEMPLATE CAPA ...................................... 100 FIGURA 64 – SD011 – LISTAR FOTOLIVROS ...................................................... 101 FIGURA 65 – SD012 – DETALHAR FOTOLIVROS ............................................... 102 FIGURA 66 – SD013 – LISTAR USUÁRIOS .......................................................... 102