Adobe Edge Preview’n käyttö WWW-sivuilla

Abstract

Opinnäytteen aiheena oli kirjoittaa kompakti ohjeistus Adobe Edge Preview -ohjelman käytöstä ja tehdä aiheeseen liittyvä asiakastyö. Ohjelman ohjeistuksessa käytiin läpi sen merkittävimmät toiminnallisuudet. Tällaisia toiminnallisuuksia olivat elementit ja niiden käyttö, Web-fontit, animaation luominen, aikajanan ja komentojen käyttö, tiedostojen tallentaminen ja niiden siirtäminen olemassa olevalle WWW-sivulle. Toiminnallisuuksien lisäksi opinnäytteessä tutustuttiin Edgen ulkoasuun ja selvitettiin, missä tarvittavat toiminnallisuudet sijaitsevat. Tavoitteena oli luoda selkeä ja tiivis kokonaisuus Edge Preview’n tärkeimmistä ominaisuuksista ja antaa aloittelevalle lukijalle hyvät ohjeet ja perusteet ohjelman käytöstä.

Opinnäytteen toinen osio oli tehdä Oy TuloksenTuplausToimisto Ab-yritykselle aiheeseen liittyvä asiakastyö. Asiakastyö sisälsi interaktiivisen kartan, joka julkaistaisiin yrityksen WWW-sivuilla sen asiakkaiden tarkasteltavaksi. Kartassa kykeni liikkumaan painikkeiden mukaisesti joko lähemmäksi, kauemmaksi tai sivuille. Kartta kertoi käyttäjälle myynnin ja myyjän välisen prosessin helpottaen siten käyttäjää ymmärtämään, miten myyntiä pystytään lisäämään. Kartasta sai lisäinfoa painamalla erikseen merkittyjä karttakohtia. Tavoitteena oli saada kartasta helppolukuinen ja navigaatiosta mahdollisimman yksinkertainen käyttää.

Tuloksena opinnäytteestä saatiin tiivis ohjeistus Edgen tärkeimpiin toimintoihin ja tarpeellisia esimerkkejä ohjelman käytöstä havainnollistavin kuvin. Asiakastyön tulos oli asiakkaan hyväksymä interaktiivinen kartta, jota asiakkaan on helppo lukea ja käyttää.

Asiakastyöhön liittyviä kehitysehdotuksia ovat muun muassa toiminnallisuuksien lisääminen ja toimintojen automatisointia käyttäen enemmän ohjelman tarjoamia koo-daustoimintoja. Edgen ohjeistuksen kehitysehdotuksena on päivittää sitä, kunnes ohjelmasta ilmestyy vakaa versio kehitysversioiden sijaan.

The subject of this thesis was to write compact instructions regarding how to use Adobe Edge Preview and make a customer project with the program. The instructions included Edge’s main functions. Those were: elements and how to use them, web fonts, creating animation, using the timeline, using actions, saving files and how to integrate them into an existing website. In addition to these functions, the thesis also includes instructions to the program’s layout and where the necessary functions are located. The objective was to create an explicit and compact ensemble of Edge Preview’s most important functions and give a beginner reader good instructions and basics of using this program.

The second part of the thesis work was to create a customer project for the client Oy TuloksenTuplausToimisto Ab. The project included creating an interactive map, which would be published on the client’s website for their customers to view. It is possible to navigate on the map by specific buttons either closer, farther or sideways. The map describes the process of sale and its connections to a salesman. The objective was to make the process easier to understand and help the customers how to increase their sales. The map gives extra information if the customer clicks the specific areas on the map. The objective was to make the map easy to navigate and readable.

The result was compact instructions of Edge’s most important functions and essential examples with demonstrating pictures on how to use the program. The customer project’s result was approved by the client and it included an interactive map easy to read and view.

The customer project related improvement suggestions are to add functionality and automation by using more of the program’s coding actions. The instruction’s improvement suggestions are to update the instructions until the program evolves into a stable version instead of beta versions.