Adobe Edge Animate : askel kohti tulevaisuuden bannerituotantoa

Abstract

Opinnäytetyössä kerrotaan Adobe Systemsin kehittämästä, HTML5-animaatioiden tekoon tarkoitetusta ohjelmasta nimeltään Adobe Edge Animate. Toimeksiantajana toimii Kaleva Oy. Opinnäytetyössä selvitetään, kuinka ohjelma soveltuu lehtitalon tuleviin tarpeisiin ja sulautuu jo olemassa oleviin järjestelmiin.

Opinnäytetyön teoriassa kerrotaan ohjelman käyttämistä teknologioista sekä sen tärkeimmät toiminnot kehitystehtävien kannalta. Opinnäytetyön käytännön osuudessa toteutettiin ohjelmalla neljä erilaista display- eli banneripohjaa, joista kukin sisälsi erilaisia toiminnallisuuksia.

Ohjelma hyödyntää toiminnassaan HTML5-kieltä, CSS3-tyyliohjekieltä sekä JavaScriptiä, eritoten jQuery-kieltä. Ohjelman paras puoli onkin se, että sillä voi tehdä helposti näyttävän näköisiä bannereita riippumatta käyttäjän ohjelmointitaidoista. Animate nimittäin luo kaiken ohjelmakoodin työskentelyn taustalla. Ohjelman edistyneempi käyttö vaatii käyttäjältä kuitenkin ohjelmointiosaamista ja ohjelman käyttämien teknologioiden tuntemusta.

Haasteeksi muodostui HTML5-kielen ja CSS3-tyyliohjekielen selaintuki. Kumpaakaan ei ole vielä virallisesti standardisoitu, vaikka uusimmat selaimet niiden piirteitä jo kiitettävästi tukevatkin. Kaikkinensa Adobe Edge Animate soveltuu loistavasti lehtitalon tuleviin tarpeisiin. Ohjelma on uusi Kalevan olemassa olevalle verkkomainonnan järjestelmälle, joten aineistonsiirto on toistaiseksi hieman monimutkaista. Erikoisbannereiden kohdalla toimeksiantajan kannattaa tutustua tarjolla oleviin, moderneja web-teknologioita hyödyntäviin verkkomainonnan toimijoihin, joilla on tarjota myös erikoisempia banneriratkaisuja Animatelle toteutettujen bannereiden rinnalle.

This thesis describes a program called Adobe Edge Animate, which was created by Adobe Systems to generate HTML5 animations. The thesis was commissioned by Kaleva PLC. The thesis will determine how well Adobe Edge Animate is suited for the future needs of the company and how well it integrates with the existing programs.

The theoretical framework clarifies the technologies behind the program and its most important fea-tures regarding this development task. Four different display templates, aka banner templates, with different functionalities were created as examples for the commissioner.

The program utilizes HTML5 language, CSS3 stylesheet language and JavaScript, especially jQuery language. One of the best features of the program is that it can be used without prior knowledge of computer programming languages. Adobe Edge Animate will create all the necessary coding in the background. A more advanced use requires prior knowledge of programming and used technologies.

The HTML5 language and CSS3 stylesheet language are not yet fully standardized, and this can be seen as the biggest challenge for the future use of the program within Kaleva PLC, despite the fact that most new browsers offer adequate support already. In conclusion, it can be said that Adobe Edge Animate is suitable for the future needs of the commissioner.

Adobe Edge Animate is a new tool within the existing management tools of Kaleva’s online systems and that is why transferring materials between the different programs is rather complicated at the moment. The most advanced banners could be outsourced to the companies which specialize in modern web technologies and can offer special banners in addition to those created with Adobe Edge Animate.