Optimization of a Tool of Aid to the Project of Product and Education in Distance saw Internet. Freese, Samuel Henrique; LdSM/DEMAT/EE/UFRGS

Transcrição

1 Otimização de uma Ferramenta de Auxílio ao Projeto de Produto e Ensino a Distância via Internet Optimization of a Tool of Aid to the Project of Product and Education in Distance saw Internet Kindlein, Wilson Jr., Prof. Dr., Coord. LdSM/DEMAT/EE/UFRGS ndsm@ufrgs.br Luz, Felipe Ferreira; Bolsista ITI/CNPq - LdSM/DEMAT/EE/UFRGS Freese, Samuel Henrique; LdSM/DEMAT/EE/UFRGS Silva, Fábio Pinto da; Eng. LdSM/DEMAT/EE/UFRGS Resumo O mercado tem obrigado os profissionais das áreas de projeto a terem uma visão mais ampla da Ciência e Tecnologia dos Materiais para o desenvolvimento de produtos. Para melhor se adaptar e suprir estas novas necessidades, foi realizado um processo de reformulação do antigo site do Laboratório de Design e Seleção de Materiais, transformando-o em um amplo portal ( Neste trabalho é apresentado o novo sistema que compila, em banco de dados, informações, animações e fotos sobre materiais, processos de fabricação e produtos. Este novo design do portal traz inovações que permitem um acesso mais dinâmico e fácil ao seu conteúdo. Palavras Chave: Design, multimídia, projeto de produto. Abstract The market has been forcing/demanding/ professionals of the project areas to have a broader vision of Materials Science and Technology for the development of products. In order to better fit/adapt and fulfill these new necessities, it was carried through a reformulation process of the old Laboratory of Design and Material Selection web site, transforming it into an ample web portal. In this work//paper is presented the new system that compiles in a database information, animations and pictures about materials, manufacture processes and products. This new design of the web portal brings innovations that allow a more dynamic and easy access to its content. Keywords: design, multimedia, product project.

2 1. Introdução O desenvolvimento de um produto exige dos projetistas um amplo conhecimento sobre Materiais e Processos de Fabricação. Segundo SHANIAN (2004) recentemente, muitos materiais, que há muito eram utilizados na indústria, estão sendo substituídos por novos materiais a fim de suprir as demandas de redução de custo e melhor performance. A etapa de Seleção de Materiais de um projeto é de extrema importância. De acordo com KINDLEIN (2002) a seleção do material adequado é fundamental no desenvolvimento do projeto e a aceitação do público e o desempenho do produto final são conseqüências desta etapa. A correta especificação do material pelo projetista, além de agilizar a fabricação, traz benefícios estéticos, técnicos, de durabilidade e distribuição ao produto. A escassez de bibliografia nacional atualizada sobre o assunto, juntamente com a falta de informação que o profissional recebe em sua formação, dificulta o processo de adequação tecnológica dos projetos por parte dos profissionais da área. Infelizmente, dentro de sua ampla formação, o Designer tem apenas um contato básico com a Ciência e Tecnologia dos Materiais e bons projetos dependem, entre outros fatores, de informações precisas sobre materiais e processos de fabricação (RAUPP, 2003). Desde 1998 o Laboratório de Design e Seleção de Materiais possui um web site ( de conteúdo didático pedagógico, com informações referentes a Materiais e Processos de Fabricação, além de um conteúdo que abrange suas outras linhas de pesquisa: Biônica, Ecodesign, Percepção X Materiais, Seleção de Materiais X Design, Revestimentos Protetores X Corrosão X Design, Produtos: Materiais, Processos e Metodologia de Projeto. Devido ao grande aumento de informações, o site foi sendo constantemente atualizado ao longo dos anos. No ano de 2005 foi necessário realizar algumas mudanças mais profundas na estrutura do site, de modo a suprir as exigências dos usuários. Neste contexto, surgiu a necessidade de ampliar este espaço virtual, adaptá-lo aos novos padrões: aumentar seu conteúdo, adicionar informações, alterar o sistema de controle de dados e aperfeiçoar sua navegação. 2. Histórico Ao longo dos anos as páginas do LdSM foram evoluindo, tanto em sua programação quanto em seu conteúdo. As figuras de 1 a 4 mostram os avanços da home page ao longo dos anos de existência do LdSM. Criada em 1998, a primeira página (figura 1) possuía uma programação visual simples, recursos HTML limitados e informações sobre classificação de alguns materiais. Em 1999 ela foi remodelada visualmente e acrescida de novos materiais (figura 2). Com o passar do tempo foi desenvolvida uma nova interface e foram incorporadas novas informações e recursos de navegação DHTML ao site. No ano seguinte (figura 3) ocorreu uma atualização no layout, empregando uma interface

3 mais amigável. Em 2001 com a utilização do Flash, software para a criação de animações interativas, o site expandiu seu conteúdo gráfico de modo a simplificar sua navegação, fornecendo maior estabilidade e melhores recursos web. Figura 1: Layout da página inicial do Site de Figura 2: Layout da página inicial do Site de Figura 3: Layout da página inicial do Site de Figura 4: Layout da página inicial do Site de Após estudos realizados nas web pages anteriores, foram propostos diferentes layouts, os quais deveriam acomodar o novo sistema, apresentando uma interface amigável, simples e funcional. Entre os diversos layouts sugeridos (figura 5), o que melhor se adequou às condições impostas foi o apresentado na figura 6. Concluída esta etapa, foram elaborados o sistema de menus, a disposição das informações e a interatividade com o usuário.

4 Figura 5: Sugestões de Layouts para o novo Site LdSM. Figura 6: Layout da tela principal do portal LdSM Organização do Novo Portal A proposta foi empregar ao espaço virtual a característica de um portal web que segundo WIKIPEDIA (2006) é um site na internet que funciona como centro aglomerador e distribuidor de tráfego para uma série de outros sites ou subsites dentro, e também fora, do domínio ou subdomínio da empresa gestora do portal. As seis principais Linhas de Pesquisa do LdSM possuem informações específicas sobre seu assunto, portanto, optou-se por gerar uma identidade visual para cada uma delas. Com o intuito de manter também a identidade com o site principal, foram mantidos seus traços e aplicados recursos como ícones e cores características (figura 7). Com os recursos disponibilizados pelo Flash, foi possível criar uma transição tênue de interface, através de um degrade de cores,

5 quando o usuário ingressa ou muda de uma linha para outra, facilitando a identificação de cada linha. Estas características conferem a cada Linha de Pesquisa a qualidade de um web site dentro do portal LdSM. Figura 7: Interface da Linha de Pesquisa Ecodesign, cores e ícone personalizados. Devido a grande quantidade de novas informações adicionadas ao portal, surgiu a necessidade de uma reestruturação completa da forma de organização do conteúdo. Para possibilitar o acesso a este novo conteúdo, foi desenvolvido um sistema de menus. Ao acessar o portal, primeiramente o usuário encontra uma tela inicial com informações básicas sobre o LdSM. Nesta tela é localizado o menu superior, menu principal do portal, o qual direciona o usuário para as suas diferentes sessões. Este menu é sempre visível, em qualquer parte do portal. Cada sessão possui seu próprio menu principal, localizado na parte esquerda da tela. Nos locais em que há muitas subdivisões neste menu principal, como nas sessões materiais e processos, são apresentados também links através de um menu localizado no lado direito (figura 8). Animações intuitivas chamam a atenção do usuário sempre que se faz necessária a utilização de um novo menu. Figura 8: Sistemas de Menus do portal LdSM de forma esquemática. O diferencial do sistema de menus desenvolvido é o fato de eles estarem sempre visíveis, não necessitando que o usuário precise retornar

6 a telas anteriores em busca de informação. Em caso extremo, onde um grande número de subdivisões é necessário para se alcançar a informação desejada, o novo sistema de menus mostra-se bastante eficaz. Por exemplo, anteriormente eram necessários 369 cliques de mouse para acessar todos os Materiais existentes, hoje são necessários apenas 204, uma redução de 165 cliques ou 45%. Em termos de acessibilidade, é importante salientar que de acordo com a Macromedia, o Flash Player (plug-in necessário para a visualização de sites desenvolvidos com o flash) é instalado hoje em 97,7% dos computadores de todo o mundo. Através da figura 9, nota-se que o Flash Player é mais presente do que softwares consagrados como o Adobe Acrobat Reader e o Windows Media Player (figura 9). Figura 9: Alcance dos softwares aos internautas. Fonte: NPD Online survey, 2005 Com este respaldo, a utilização do Flash para o desenvolvimento do portal possibilitou a criação de uma série de melhorias, tais como: maior facilidade no acesso às informações através de links diretos; dinamismo no sistema de menus; maior interatividade com o usuário; maior qualidade com menor largura de banda, tornando o acesso mais rápido através de linha discada. Em conjunto ao Flash foram utilizados os recursos PHP e MySQL que permitem trabalhar com banco de dados. Segudo RAUPP (2003) o PHP é uma linguagem que permite criar Web Sites dinâmicos, possibilitando a interação com o usuário através de formulários, parâmetros da URL e links. De acordo com WELLING (2003), o MySQL controla o acesso aos dados assegurando que múltiplos usuários possam trabalhar simultaneamente, provendo acesso rápido e o limitando apenas a usuários autorizados. A união do ActionScript, linguagem nativa do Flash, com o PHP/MySQL confere ao portal LdSM um grande dinamismo a medida que facilita o processo de atualização das informações. Nos sistemas anteriores a atualização das páginas era realizada alterando diretamente cada arquivos em um editor HTML. Atualmente, a atualização é procedida editando as informações no banco de dados. Isto é possível pelo fato de que os arquivos criados trabalham com variáveis as quais

7 buscam seus valores no banco de dados. Assim, para realizar a atualização das informações não é necessário ser conhecedor de Flash, HTML, PHP ou MySQL, pois os valores alterados no banco de dados automaticamente serão exibidos nas páginas. 4. Sessões do Portal 4.1 Linhas de Pesquisa Contém informações sobre as seis linhas de pesquisas trabalhadas pelo LdSM: Biônica, Ecodesign, Percepção X Materiais, Seleção de Materiais X Design, Revestimentos Protetores X Corrosão X Design, Produtos: Materiais, Processos e Metodologia de Projeto. Cada linha possui um site com identidade visual própria, trabalhada através de recursos como ícones e cores características. A identidade com o site principal também foi mantida, através da manutenção de seu layout básico. Em cada linha é possível encontrar artigos e pesquisas pertinentes ao seu tema, bem como pode-se visualizar a equipe pertencente à linha de pesquisa. 4.2 Materiais e Processos Nesta sessão houve grande evolução. Aproximadamente 200 materiais encontram-se cadastrados em um banco de dados, que conta com fotos, informações sobre fornecedores, aplicações, composição do material, dados para projeto, propriedades mecânicas, elétricas, térmicas, entre outras. Os mais de 200 processos de fabricação foram igualmente cadastrados no banco o qual conta com animações gráficas, definições e informações sobre os processos. Foram atualizadas as definições sobre os tipos e classificações de materiais e processos. Para acessar estas informações foi mantida a base organizacional da antiga página, classificando os materiais e processos em grandes grupos, e aplicado o sistema de menus desenvolvido, tornando seus links sempre visíveis (figura 11). Figura 11: Base organizacional da sessão Materiais e Processos.

8 Esta sessão ainda possui informações de materiais e processos aplicados em diversos produtos. Foi desenvolvida de modo a tornar mais simples e rápido o entendimento da Seleção de Materiais e dos Processos Produtivos. Utilizando diretamente o Produto final, são fornecidas informações sobre os Processos aos quais ele, ou parte dele, é submetido. Deste modo é facilitada a compreensão, por parte dos projetistas, de como os diversos Processos Produtivos podem interagir e das maneiras pelas quais os diferentes tipos de Materiais podem ser transformados, proporcionando assim o desenvolvimento de Projetos de Produtos com maior qualidade e menor custo. Esta área é de grande valia para designers, tendo em vista que cria uma inter-relação entre Design, Seleção de Materiais e Processos de Fabricação. 4.3 Ensino O LdSM está inserido nas atividades de Educação a Distância (EAD) da UFRGS, buscando o aperfeiçoamento pedagógico através da utilização das Novas Tecnologias de Informação e Comunicação (NTIC) no ensino. Nesta sessão estão disponibilizadas informações sobre as disciplinas, tanto de graduação como de pós-graduação, ligadas ao Laboratório. Esta sessão dá acesso ao ambiente de EAD TelEduc, software livre pelo qual se pode realizar cursos através da Internet. Este ambiente é desenvolvido pelo Núcleo de Informática Aplicada à Educação e pelo Instituto de Computação da Unicamp. Também foi desenvolvido pelo próprio LdSM um ambiente para realização e correção de exercícios sobre seleção de materiais e processos on-line. Através das ferramentas disponibilizadas nesta sessão, os alunos cadastrados podem verificar informações como exercícios propostos, notas em provas e trabalhos, entre outras. 4.4 Extensão A extensão tem estreitado os laços entre universidade e sociedade, estabelecendo parcerias com setores governamentais e não governamentais e desenvolvendo ações que envolvem professores, técnicos e estudantes em atividades interdisciplinares. O LdSM desenvolve e apóia ações extensionistas como projetos, programas, cursos, eventos e atividades sociais, educativas e artístico-culturais voltadas tanto para a comunidade universitária, quanto para a sociedade em geral. Esta sessão traz informações sobre alguns parceiros do LdSM, dentre eles estão a Incubadora de Design ITDESIGN/CIENTEC, a Incubadora IETEC, o Programa Gaúcho de Design - PGD/FIERGS e a Rede Gaúcha de Design - RGD. 4.5 Consultoria Nesta Sessão é apresentada a interação do LdSM com o setor produtivo, onde já foram realizadas várias parcerias no âmbito Universidade-Empresa, com a proposta de promover o conhecimento e a

9 inovação. Também são encontrados os serviços prestados pelo LdSM, equipamentos disponíveis, dados sobre digitalização tridimensional, entre outras informações. 4.6 LdSM Nesta sessão são apresentado dados gerais sobre o Laboratório, como objetivos, histórico, fotos, etc. Também é disponibilizada uma busca, no banco de dados do LdSM, de inúmeros artigos e dissertações ligadas ao Laboratório. Na incessante busca pela difusão e democratização do conhecimento, a comunidade científica tem realizado download do conteúdo disponível nesta sessão. Conclusão Existem vários critérios de definição para a seleção de um tipo de material, sendo que os Designers e Engenheiros devem levar em conta um grande número de opções em seleções de materiais. Neste sentido a ferramenta multimídia desenvolvida pelo LdSM visa suprir estas necessidades dos profissionais da área, apresentando de maneira dinâmica, didática e pedagógica os materiais e suas respectivas propriedades, bem como os processos de fabricação e suas aplicações. A fácil alteração das informações disponibilizadas pelo LdSM faz com que o Portal se mantenha continuamente atualizado. Esta característica de atualização é importante devido à alta velocidade com que novos produtos, materiais e processos são desenvolvidos. O novo sistema facilita a interação do usuário com a interface multimídia criada. A utilização simultânea de Flash, PHP e MySQL cria um ambiente inovador no auxílio ao Designer, onde a facilidade com que as informações são encontradas e a grande quantidade de dados existentes sobre materiais e processos, permite que possa existir uma maior velocidade no desenvolvimento de produtos. Com este estudo o LdSM tem o objetivo de contribuir para o desenvolvimento tecnológico, acreditando no Design como poderoso diferencial competitivo. Disponibilizando em seu portal informações úteis para o projeto, o Laboratório colabora de forma importante para o aprimoramento dos Designers no que diz respeito a exeqüibilidade e inovação de novos produtos. Agradecimentos Este trabalho foi realizado com o apoio do CNPq e CAPES. Referências RAUPP, C. Sistema para Controle de Atividades de Extensão Universitária via Internet. Monografia desenvolvida durante a disciplina de Trabalho de Conclusão de Curso em Informática II e

10 apresentada ao Curso de Ciência da Computação da Universidade Lutera do Brasil, campus Gravataí, SHANIAN, A. A material selection model based on the concept of multiple attribute decision making. Materials and Design, n.º27, p , KINDLEIN, W. Desenvolvimento de uma interface amigável via internet: materiais e processos de fabricação para o design de produto. 5º Congresso Brasileiro de Pesquisa e Desenvolvimento em Design, WIKIPEDIA. Portal (internet). In: Wikipédia, a Enciclopédia Livre, ( WELLING, Luke. PHP e MySQL: desenvolvimento web. Rio de Janeiro: Campus, LESKO, J. Industrial design: materials and manufacturing. New York: John Wiley & Sons, 1999 MACROMEDIA. Macromedia Flash Player Statistics. In: Macromedia, ( ZVIRAN, M. User satisfaction from commercial web sites: The effect of design and use. Information & Management, n.º43, p , 2006.