Tässä työssä tutkittiin kohdeorganisaation Avidly Nitroid Oy:n käyttämän brändin suunnitteluohjelmiston uudistamiseen liittyen eri toteutustapoja ja valintaa niiden välillä.
Toteutustavan vastakkainasetteluun valikoituivat vaihtoehdoiksi markkinoilla jo olevat valmisohjelmistot tai vaatimusten pohjalta toteutettava räätälöity web-sovellus. Brändin suunnitteluohjelmistolta vaaditaan vähintäänkin lähtöaineistojen keräämistä, tiedon jäsentelyä sekä tulosten visuaalista esittelyä. Työn tuloksena tähän tarpeeseen ei löytynyt markkinoilta valmisohjelmistoja, mutta kyselyohjelmistoja olisi mahdollista käyttää aineiston keräämisessä. Kohdeorganisaatiolle on perusteltua valita suunnitteluohjelmiston toteutustavaksi sovelluskehyksen tasolta räätälöity web-sovellus, jolloin uniikilla sovelluksella on mahdollista luoda kilpailuetua. Räätälöity sovellus mahdollistaa myös toimimisen täysin liiketoiminnan ehdoilla ja organisaation käyttämän suunnitteluprosessin vaatimien toimintojen toteuttamisen. Web-sovelluskehitystä helpottamaan ja nopeuttamaan löytyy nykyisin valtavasti erilaisia teknologioita. Pääpaino on siirtynyt palvelimella MVC-arkkitehtuurin sovelluskehyksellä tuotettujen HTML-sivujen sijaan selaimessa suoritettaviin sovelluskehyksiin ja JavaScriptillä toteutettuihin monimutkaisiin käyttöliittymiin, jotka toimivat natiivien sovellusten tavoin. Keskeisimpinä on erilaiset web-sovelluskehykset, joista suosituimpia ovat React ja Vue. Näiden ohella moderniin web-sovelluskehitykseen kuuluvat muun muassa paketinhallintajärjestelmät, CSS-esikäsittelijät, CSS-sovelluskehykset, automatisoitu koodin käsittely ja konsepti yhden sivun sovelluksista. Web-kehitykseen liittyviä trendejä vuonna 2019 ovat erityisesti tekoälyn hyödyntäminen ja progressiiviset web-sovellukset. Jatkotutkimuksena olisi hyvä tutkia vaihtoehtoja brändin suunnitteluprosesseiksi sekä tekoälyn hyödyntämistä niissä.
LÄHDELUETTELO
Ahmed, Kamran, 2019, Roadmaps to becoming a Modern Developer. [Viitattu 27.10.2019]
Saatavissa: https://roadmap.sh
Ahmed, Kamran, 2018, Learn to become a modern Frontend Developer in 2019. [Viitattu 27.10.2019] Saatavissa:
https://medium.com/@kamranahmedse/modern-frontend-developer-in-2018-4c2072fa2b9c
Ambler, Tim, Cloud, Nicholas, 2015, JavaScript Frameworks for Modern Web Dev, ISBN:
978-1-4842-0662-1.
Amazon Web Services, 2019, Simple monthly calculator. [Viitattu 10.10.2019] Saatavissa:
https://calculator.s3.amazonaws.com/index.html
Bailey, Derick, 2015, Building A Component-Based Web UI With Modern JavaScript Frameworks. [Viitattu 24.02.2018] Saatavissa:
https://derickbailey.com/2015/08/26/building-a-component-based-web-ui-with-modern-javascript-frameworks
BEM, 2019, BEM – Block Element Modifier – Introduction. [Viitattu 1.11.2019]
Saatavissa: http://getbem.com/introduction/
Bootstrap, 2019, Bootstrap – Introduction. [Viitattu 1.11.2019] Saatavissa:
https://getbootstrap.com/docs/4.3/getting-started/introduction/
Brandmaster, 2019, Marketing and brand management solution and tools for marketers.
[Viitattu 15.10.2019] Saatavissa: https://www.brandmaster.com/
Bynder, 2019, Digital asset management: Organize your creative files. [Viitattu 15.10.2019] Saatavissa: https://www.bynder.com/en/
Capterra, 2019, Finding software is complicated. Simplify it with Capterra. [Viitattu 15.10.2019] Saatavissa: https://www.capterra.com
Capterra, 2018, The top 20 most popular survey software. [Viitattu 15.10.2019] Saatavissa:
https://www.capterra.com/survey-software/#infographic
Cinarli, Bilal, 2014, HTML Mag – An Introduction to CSS Pre-Processors: SASS, LESS and Stylus. [Viitattu 1.11.2019] Saatavissa: https://htmlmag.com/article/an-introduction-to-css-preprocessors-sass-less-stylus
Clow, Mark, 2018, Angular 5 Projects. ISBN-13: 978-1-4842-3279-8.
ESLint, 2019, About – ESLint – Pluggable JavaScript linter. [Viitattu 6.11.2019]
Saatavissa: https://eslint.org/docs/about/
Forsström, Mikko, 2015, Paras ystäväni React. [Viitattu 9.11.2019] Saatavissa:
https://fraktio.fi/blogi/paras-ystavani-react
Freeman, Adam, 2017, Pro Angular, second edition, ISBN: 978-1-4842-2307-9.
Frontify, 2019, The All-In-One Brand Management Software. [Viitattu 15.10.2019]
Saatavissa: https://www.frontify.com/en/
Gackenheimer, Cory, 2015, Introduction to React, ISBN: 978-1-4842-1245-5.
Gasimzada, Gasim, 2017, What are NPM, Yarn, Babel, and Webpack; and how to properly use them? [Viitattu 30.3.2018] Saatavissa: https://medium.com/front-end-weekly/what-are-npm-yarn-babel-and-webpack-and-how-to-properly-use-them-d835a758f987
GitHub, The world’s leading software development platform. [Viitattu 13.6.2017]
Saatavissa: https://github.com
Google, 2019, Google Cloud Platform Pricing Calculator. [Viitattu 10.10.2019] Saatavissa:
https://cloud.google.com/products/calculator
Google Developers, 2019, Progressive Web Apps. [Viitattu 30.10.2019] Saatavissa:
https://developers.google.com/web/progressive-web-apps
Grant, Andrew, 2014, s. 35-36, Beginning AngularJS, ISBN: 978-1-4842-0160-2.
Grunt, 2019, Grunt: The JavaScript Task Runner. [Viitattu 12.11.2019] Saatavissa:
https://gruntjs.com
Haapahovi, Sebastian, 2015, Kuinka valita räätälöidyn ja valmisohjelmiston väliltä.
[Viitattu 10.10.2019] Saatavissa: https://www.haapahovi.fi/kuinka-valita-raataloidyn-ja-valmisohjelmiston-valilta/
Heiskanen, Henri, GoFore, 2013, Yhden sivun web-sovellukset tulevat, oletko valmis?
[Viitattu 25.3.2018] Saatavissa: https://gofore.com/yhden-sivun-web-sovellukset-tulevat-oletko-valmis/
Hertzen, Pirjo von, 2006, Brändi yritysmarkkinoinnissa, ISBN: 952-14-1031-0.
Hirsjärvi, Sirkka, Remes, Pirkko, Sajavaara, Paula, 2009, Tutki ja kirjoita, ISBN: 978-951-31-4836-2.
Hunter, Thomas, 2019, Node.js task runners: Are they right for you? [Viitattu 12.11.2019]
Saatavissa: https://blog.logrocket.com/node-js-task-runners-are-they-right-for-you-bb29ea30b7fa/
Imagebank, 2019, Digitaalinen aineistopankki yrityksille. [Viitattu 15.10.2019] Saatavissa:
https://imagebank.fi/
Isonen, Oleg, 2019, What actually is CSS-in-JS? [Viitattu 8.11.2019] Saatavissa:
https://medium.com/dailyjs/what-is-actually-css-in-js-f2f529a2757
Kaskela, Lauri, TIEKE, 2005, Valmis vai räätälöity ratkaisu. [Viitattu 4.4.2018] Saatavissa:
https://www.tieke.fi/pages/viewpage.action?pageId=3441236
Kivisaari, Tero, 2016, API:t ovat modernin integraatiostrategian ydin. [Viitattu 19.10.2019]
Saatavissa: https://blog.digia.com/rest-api
Krill, Paul, InfoWorld, 2014, React: Making faster, smoother UIs for data-driven Web apps. [Viitattu 19.2.2018] Saatavissa:
https://www.infoworld.com/article/2608181/javascript/react--making-faster--smoother-uis-for-data-driven-web-apps.html
Lazaris, Louis, 2019, Creative Bloq - 10 best CSS frameworks in 2019. [Viitattu 1.11.2019] Saatavissa: https://www.creativebloq.com/features/best-css-frameworks
Leppänen, Teemu, 2018, Räätälöity valmisohjelmisto, kiitos! [Viitattu 14.10.2019]
Saatavissa: https://www.cheetah.fi/blog/?p=228
Lintilä, Rita, Solita, 2017, Serverless - mitä se tarkoittaa ja miksi siitä pitäisi kiinnostua?
[Viitattu 22.3.2018] Saatavissa: https://www.solita.fi/blogit/serverless-mita-se-tarkoittaa-ja-miksi-siita-pitaisi-kiinnostua/
Malinen, Teemu, Sofokus, 2015, Räätälöidyt ohjelmistot vai valmisohjelmistot? [Viitattu 9.10.2019] Saatavissa:
https://www.sofokus.com/fi/blogi/2015/04/21/raataloidyt-ohjelmistot/
McKenzie, Sebastian, Nakazawa, Christoph, Kyle, Jamie, 2016, Yarn: A new package manager for JavaScript. [Viitattu 31.10.2019] Saatavissa:
https://engineering.fb.com/web/yarn-a-new-package-manager-for-javascript/
Nguyen, Hoang, 2019, JavaScript Static Type Checkers. [Viitattu 12.11.2019] Saatavissa:
https://hoangbkit.com/javascript-type-checkers
Prettier, 2019, What is Prettier? [Viitattu 6.11.2019] Saatavissa:
https://prettier.io/docs/en/index.html
Qualtrics, 2019, Online Survey Software - Trusted by +5.5M Survey Creators. [Viitattu 15.10.2019] Saatavissa: https://www.qualtrics.com/core-xm/survey-software/
Rendle, Robin, Richardson, Joe, 2015, CSS-Tricks - BEM 101. [Viitattu 3.11.2019]
Saatavissa: https://css-tricks.com/bem-101/
Saarelainen, Ari, Tivi, 2015, Mikropalvelut korvaavat it-möhkäleet. [Viitattu 24.3.2018]
Saatavissa: https://www.tivi.fi/Kaikki_uutiset/mikropalvelut-korvaavat-it-mohkaleet-6588283
Schindler, Esther, Rubin, Ross, 2018, PCMag UK, The Best Online Survey Tools of 2019.
[Viitattu 15.10.2019] Saatavissa: https://uk.pcmag.com/cloud-services/73249/the-best-online-survey-tools
Shapiro, Dan, 2016, Understanding Component-Based Architecture. [Viitattu 21.03.2018]
Saatavissa: https://medium.com/@dan.shapiro1210/understanding-component-based-architecture-3ff48ec0c238
Sheppard, Dennis, 2017, Beginning Progressive Web App Development, ISBN-13: 978-1-4842-3090-9.
Stack Overflow, 2018, Developer Survey Results 2018. [Viitattu 24.3.2018] Saatavissa:
https://insights.stackoverflow.com/survey/2018
Stack Overflow, 2019, Developer Survey Results 2019. [Viitattu 7.11.2019] Saatavissa:
https://insights.stackoverflow.com/survey/2019
SurveyMonkey, 2019a, SurveyMonkey: Maailman suosituin kyselytutkimustyökalu verkossa. [Viitattu 15.10.2019] Saatavissa: https://fi.surveymonkey.com
SurveyMonkey, 2019b, SurveyMonkey Vaihtoehdot ja hinnat. [Viitattu 15.10.2019]
Saatavissa: https://fi.surveymonkey.com/pricing
Symbio, 2017, Progressive Web App, mistä oikein on kyse? [Viitattu 31.10.2019]
Saatavissa: https://www.symbio.com/fi/progressive-web-app-mista-oikein-kyse/
UpCloud, 2019, Transparent pricing with pay-as-you-go model. [Viitattu 10.10.2019]
Saatavissa: https://upcloud.com/pricing/
Tolvanen, Ville, 2017, Brandi digiaikana. [Viitattu 25.10.2019] Saatavissa:
https://www.villetolvanen.com/2017/08/29/brandi-digiaikana-2/
Uusitalo, Petri, 2014, Brändi & business, ISB: 978-952-5262-50-6.
Vue.js, 2018, The Progressive JavaScript Framework. [Viitattu 23.3.2018] Saatavissa:
https://vuejs.org/v2/guide/#
Xetpoint Oy, 2019, Räätälöidyt ohjelmistot. [Viitattu 14.10.2019] Saatavissa:
https://www.xetpoint.fi/ratkaisut/raataloidyt-ohjelmistot/
Zaidman, Vitali, 2019, An Overview of JavaScript Testing in 2019. [Viitattu 13.11.2019]
Saatavissa: https://medium.com/welldone-software/an-overview-of-javascript-testing-in-2019-264e19514d0a
LIITE 1
Web-kehityksen trendien lähdeluettelo. 26.10.2019 Google-haulla hakusanalla ”web development trends 2019” saadut ensimmäiset 20 aiheeseen liittyvää verkkosivustoa.
1. https://www.codingdojo.com/blog/web-development-trends-of-2019 2. https://www.cleveroad.com/blog/web-development-trends
3. https://www.keycdn.com/blog/web-development-trends-2019 4. https://www.coredna.com/blogs/web-development-trends
5. https://dzone.com/articles/top-10-web-development-trends-to-follow-in-2019 6. https://rubygarage.org/blog/web-development-trends-2019
7. https://merehead.com/blog/web-development-trends-2019/
8. https://codeblendlabs.com/uncategorized/6528/
9. https://medium.com/swlh/top-web-development-trends-you-need-to-consider-for-your-project-in-2019-37e4c83b691d
10. https://medium.com/@amyrasheldon/top-10-website-development-and-design-trends-to-watch-out-in-2019-6d7f6c281454
11. https://clockwise.software/blog/web-development-trends/
12. https://hackernoon.com/10-top-software-development-trends-a12d25f5fd2d 13. https://yourstory.com/mystory/7-best-web-development-tools-and-resources 14. https://dimehub.com/web-development-trends-in-kenya/
15. https://inkbotdesign.com/web-development-trends/
16. https://www.crampete.com/resources/blogs/web-development-trends-2019/
17. https://perfectial.com/blog/web-development-trends-2019/
18. https://www.solwininfotech.com/blog/website-design/web-development-trends/
19. https://www.xbytesolutions.com/blog/the-latest-web-application-development-trends-in-2019/
20. https://computools.com/web-development-trends-for-2019/
LIITE 2
Vuoden 2019 web-kehityksen trendit ja niiden esiintyvyys liitteen 1 lähteissä.
Trendi Esiintyvyys: lukumäärä
Modular design and lower development costs 2
Full Stack Web Development Frameworks 2
Educational Content 1
Freeform Design 1
Broader Conversations About Bias 1
DesignOps 1
Websites That Tell Stories 1
Automation Testing 1
Web design with a business-driven approach 1
JavaScript and PHP 7 1
Cryptocurrency 1
Multimedian Longreads 1
Forms 1
Markup 1
Alternative design 1
WordPress Betty 1
Increased customization in e-commerce 1
Code Quality 1
Outsourcing Software Development 1
WebAssembly 1