https://peda.net/id/971389bed2c 2020-10-08T14:44:00+03:00 https://peda.net/:static/535/peda.net.logo.bg.svg <div class="license">Tämän sivun lisenssi <a rel="license" href="https://peda.net/info">Peda.net-yleislisenssi</a></div> https://peda.net/id/7f7366dcf3d 2018-11-29T15:41:39+02:00 Teimme pienen videotarinan Adobe Sparkilla. Sillä voi tehdä noin 1 minuutin kestäviä videoita.<br/> <br/> Tarinan tekeminen muistuttaa hieman PowerPointin käyttöä, joskin se on monin tavoin joustavampi. Valmis videon voidaan ladata itselle tai videosta voidaan hakea upotuskoodi. <br/> <br/> Ohessa tekemäni mainosvideo (upotuskoodi)<br/> <br/> <iframe src="https://spark.adobe.com/video/2AVnm3Q70Q22H/embed" width="960" height="540" allowfullscreen="allowfullscreen"></iframe> 2018-11-29T15:41:39+02:00 https://peda.net/id/60f6dfd6f3d 2018-11-29T15:06:56+02:00 Tänään tutustuimme Adobe Spark-ohjelmaan, jolla voi tehdä monimuotoista grafiikkaa nettisivuille, Some-palveluihin ja mm. verkkokauppoihin. Lisäksi Sparkin avulla voidaan luoda nettisivuja ja pienimuotoisia videoleikkeitä, joita kutsutaan videotarinoiksi. <br/> <br/> Ohjelma on peruskäytäjälle ilmainen ja siitä voi ladata mobiililaitteeseen oman sovelluksen sovelluskaupasta. Ohjelman käyttö perustuu valmiisiin visuaalisesti näyttäviin malleihin, joita käyttäjä voi muokata vapaasti. Lisäksi grafiikan tekemisen voi aloittaa aivan tyhjästä.<br/> <br/> Tietokoneella ohjelmaa käytetään selaimella. Ohjelman käyttäjän tulee rekisteröityä, rekisteröityminen voidaan tehdä myös esim. Facebook-, tai Google- tilin avulla. Ohjelman / palvelun käyttö aloitetaan Adoben sivuilta osoitteesta <a href="https://spark.adobe.com/sp/" target="_blank" rel="nofollow ugc noopener">https://spark.adobe.com/</a>.<br/> <br/> Sparkin avulla tehdyt työt voi downloadata itselle tai ne jakaa jakopainikkeiden avulla yleisimpiin some-palveluihin. Jakaminen onnistuu myös sähköpostin avulla.<br/> <br/> Ohessa kuvaruutukaappaus omista töistä<br/> <br/> <span class="medium"><a href="https://peda.net/p/kimmo.yli-savola/oi/gtas/adobespark-png#top" title="adobespark.PNG"><img src="https://peda.net/p/kimmo.yli-savola/oi/gtas/adobespark-png:file/photo/08c60fe81de858f97b1b9c009e8d3e656a78dc1e/adobespark.PNG" alt="" title="adobespark.PNG" class="inline" loading="lazy"/></a></span><br/> <br/>  <br/> <br/> Ohessa näkymä editorista<br/> <br/> <span class="medium"><a href="https://peda.net/p/kimmo.yli-savola/oi/gtas/editori-png#top" title="editori.PNG"><img src="https://peda.net/p/kimmo.yli-savola/oi/gtas/editori-png:file/photo/d60030e40acbd99666f34af987f3b768bbc86837/editori.PNG" alt="" title="editori.PNG" class="inline" loading="lazy"/></a></span><br/> <br/> <br/> 2018-11-29T15:05:00+02:00 https://peda.net/id/8687aeacee5 2018-11-22T15:57:24+02:00 Määrittelimme Paitapuodin yhteydenottolomakkeen. Usein Wixissä kaksoisnapsauttamalla saa objektin asetusvalikon esiin.<br/> <br/> Yhteydenottolomakkeessa muutimme kenttien nimiä, painikkeen tekstin ja mm. minne lomakkeella olevat tiedot lähetetään.<br/> <br/> Lomake näyttää nyt tältä:<br/> <br/> <span class="medium"><a href="https://peda.net/p/kimmo.yli-savola/oi/yhteydenottolomake/y#top" title="yhteydenottolomake.PNG"><img src="https://peda.net/p/kimmo.yli-savola/oi/yhteydenottolomake/y:file/photo/77fa00ff184debbce8eccde4520c87232228a135/yhteydenottolomake.PNG" alt="" title="yhteydenottolomake.PNG" class="inline" loading="lazy"/></a></span> 2018-11-22T15:57:18+02:00 https://peda.net/id/2baa2728ee5 2018-11-22T15:40:30+02:00 Ohessa vielä Paitapuotin verkkokaupan mobiilinäkymä<br/> <br/> <a href="https://peda.net/p/kimmo.yli-savola/oi/pm/mobiilinakyma-png#top" title="mobiilinakyma.PNG"><img src="https://peda.net/p/kimmo.yli-savola/oi/pm/mobiilinakyma-png:file/photo/60d59352ca3221ff07cfd011cc0cb1b1ddc662be/mobiilinakyma.PNG" alt="" title="mobiilinakyma.PNG" class="inline" loading="lazy"/></a> 2018-11-22T15:40:27+02:00 https://peda.net/id/4e06882eee5 2018-11-22T15:14:54+02:00 Tänään käytimme Wix.com -julkaisujärjestelmää verkkokaupan pystyttämisessä.<br/> <br/> Valitsimme malliksi T-shirt store -mallin. Sivuston rakentamisessa käytettiin hyväksi <a href="https://www.budgetsport.fi/vaatteet/miehet/paidat/t-paidat/" target="_blank" rel="nofollow ugc noopener">Budjet Sportin sivustoa</a>, sieltä haimme mallikuvia ja tuotetietoja. Kyseessä on t-paitoja verkossa myyvä yritys, yrityksen tuotteita löytyy myös nk. kivijalkaliikkeistä.<br/> <br/> Harjoitustyöni löytyy osoitteesta <a href="https://kimmoyli-savola.wixsite.com/paitapuoti" target="_blank" rel="nofollow ugc noopener">https://kimmoyli-savola.wixsite.com/paitapuoti<br/> <br/> <span class="medium"></span></a><a href="https://peda.net/p/kimmo.yli-savola/oi/vw/p#top" title="paitapuodinetusivu.PNG"><img src="https://peda.net/p/kimmo.yli-savola/oi/vw/p:file/photo/ddbe61852f34b3b632a7135a3e58a955b2434e69/paitapuodinetusivu.PNG" alt="" title="paitapuodinetusivu.PNG" class="inline" loading="lazy"/></a><br/> 2018-11-22T15:12:46+02:00 https://peda.net/id/3e2ff406e8d 2018-11-15T15:57:30+02:00 Tänään pystytimme opiskelijoiden kanssa verkkokaupan. Teimme sen Mycashflow-järjestelmällä.<br/> <br/> Kaupan rekisteröinti tehtiin selaimella osoitteessa <a href="http://www.cashflow.fi" rel="nofollow ugc noopener">www.cashflow.fi</a>. Rekisteröinnin yhteydessä annoin sähköpostin ja salanan ja muut tiedot. Järjestelmä lähetti sähköpostiini viesti, jossa kerrottiin miten kauppa aktivoidaan ja miten sitä hallitaan.<br/> <br/> Ohessa kaupan sisäänkirjautumissivu:<br/> <br/> <span class="medium"><a href="https://peda.net/p/kimmo.yli-savola/oi/vp2/s2#top" title="sisaankirjautumnen.PNG"><img src="https://peda.net/p/kimmo.yli-savola/oi/vp2/s2:file/photo/eaf6248c116e103bbe05fc04fae799f09ff8eb47/sisaankirjautumnen.PNG" alt="" title="sisaankirjautumnen.PNG" class="inline" loading="lazy"/></a></span><br/> <br/> Sisäänkirjautumisen jälkeen katsoimme palvelun käyttöliittymää ja palvelun asetuksia. Lisäsimme kaupan yhteystietoja, verkkosivujen osoitteita ja muita vastaavia tietoja.<br/> <br/> Katsoimme miten pääsee katsomaan miltä kauppa näyttää asiakkan silmin. Lisäsimme kauppaan myös yhden tuotteen eli teimme tuotekortin. Tuotetiedot haimme yhteistyökumppanilta Helkaveloxilta.<br/> <br/> Ohessa tekemäni tuotekortti:<br/> <br/> <span class="medium"><a href="https://peda.net/p/kimmo.yli-savola/oi/vp2/tuotekortti-png#top" title="tuotekortti.PNG"><img src="https://peda.net/p/kimmo.yli-savola/oi/vp2/tuotekortti-png:file/photo/bf757f6ac80f7338c9be0897211bdb9fce91261f/tuotekortti.PNG" alt="" title="tuotekortti.PNG" class="inline" loading="lazy"/></a></span><br/> <br/> <br/> Kotiläksynä sain 2 muun tuotteen lisäämisen. 2018-11-15T15:49:16+02:00 https://peda.net/id/ecb026e2e8c 2018-11-15T14:01:53+02:00 Tänään on tarkoitus avata kuvitteelliselle yritykselle verkkokauppa.<br/> <br/> Verkkokauppoja voi rakentaa monella järjestelmällä. Tällä kurssilla esillä ovat:<br/> <br/> <ul> <li><a href="https://kotisivukone.fi/" target="_blank" rel="nofollow ugc noopener">Kotisivukone</a></li> <li><a href="https://www.mycashflow.fi/" target="_blank" rel="nofollow ugc noopener">MyCashflow</a></li> <li><a href="https://www.wix.com/" target="_blank" rel="nofollow ugc noopener">Wix</a></li> </ul> Opettajan kaupat löytyvät osoitteesta fillaritukku.mycashflow.fi ja kiylisa.wixsite.com/efillaritukku. 2018-11-15T13:52:27+02:00 https://peda.net/id/a21e8912e35 2018-11-08T15:59:43+02:00 Tänään teimme kuvitteelliselle yrityksen Facebook-sivun. Sivun tekemiseen tarvitaan henkilökohtainen FB-tili/tunnus.<br/> <br/> Sivun tekeminen aloitetaaan esim. FB:n sisäänkirjautumissivulta. Luominen tapahtuu muutaman vaiheen avulla, jonka jälkeen käyttäjä pääsee määrittämään profili- ja kansikuvan.<br/> <br/> Sivua hallitaan henkilökohtaisen profiilinkautta ja sivulla voi olla useampi ylläpitäjä. Sivun hallinta tapahtuu Etusivu-painikkeen avulla.<br/> <br/> Ohessa tekemäni sivu kuvitteellisen Suomen Sähköpyörä Oy:lle<br/> <br/> <a href="https://peda.net/p/kimmo.yli-savola/oi/fl/kansi-png#top" title="kansi.PNG"><img src="https://peda.net/p/kimmo.yli-savola/oi/fl/kansi-png:file/photo/dc2c6f273b0e595cfb4de01f85ae9159d7013f80/kansi.PNG" alt="" title="kansi.PNG" class="inline" loading="lazy"/></a><br/> <br/> Lisäsimme sivulle myös profiilikuvan ja kansivideon, jotka olin ladannut itselleni Pixabay-palvelusta. Varsinkin videoilla saadaan sivuille näyttävyyttä.<br/> <br/> Teimme sivulle muutaman painikkeen, yhden tilapäivityksen ja kyselyn. Niin ikään tein myös pienen kilpailu, jossa käyttäjät voivat tykätä ja kommentoida sähköpyörää esittävää kuvaa. Katsoimme myös sivun asetuksista, miten sivut voidaan laittaa yksityiseksi, jolloin muut eivät pääse katsomaan tehtyjä harjoituksia.<br/> <br/> Ohessa kuvia kilpailusta ja kyselystä:<br/> <br/> <a href="https://peda.net/p/kimmo.yli-savola/oi/fl/kysely-png#top" title="kysely.PNG"><img src="https://peda.net/p/kimmo.yli-savola/oi/fl/kysely-png:file/photo/52771ed518a976ca8b605a0c2fdffdb172f60531/kysely.PNG" alt="" title="kysely.PNG" class="inline" loading="lazy"/></a><br/> <a href="https://peda.net/p/kimmo.yli-savola/oi/fl/kilpailu-png#top" title="kilpailu.PNG"><img src="https://peda.net/p/kimmo.yli-savola/oi/fl/kilpailu-png:file/photo/4329300b0b63fbf77a04310bc72a21f73205de1e/kilpailu.PNG" alt="" title="kilpailu.PNG" class="inline" loading="lazy"/></a> 2018-11-08T15:53:12+02:00 https://peda.net/id/4e815bacddd 2018-11-01T15:54:35+02:00 Tänään kertasimme <a href="https://kimmoyli-savola8.wixsite.com/efillaritukku" target="_blank" rel="nofollow ugc noopener">Wixin käyttöä</a>. Katsoimme miten palveluun kirjaudutaan sisään ja miten viime kerralla aloitettua verkkosivustoa voidaan muokata.<br/> <br/> Kävimme läpi tekstielementtien muokkauksen, valikoiden muokkaamisen ja erilaisten painikkeiden muokkausta. Teimme myös linkin yrityksen kuvitteellisille Facebook-sivuille.<br/> <br/> Katsoimme miten taustakuvan voi vaihtaa toiseen tai videoon. Ohjelman mukana tulee vapaasti käytettäviä kuvia ja videoita, joilla sivustoa voidaan mukavasti elävöittää.<br/> <br/> Social bar-valikon avulla nettisivuston voi linkata erilaisiin sosiaalisen median palveluihin.<br/> <br/> Huomasin, että Wixin avulla voi rakentaa mobiililaiteystävälliset sivut eli sivut näyttävät kohtalaisen hyviltä myös kännykän ja tabletin näytöllä.<br/> <br/> Ohessa kuvaruutukaappaus omasta harjoitustyöstä. Näkymä kännykälle optimoidusta sivusta.<br/> <br/> <a href="https://peda.net/p/kimmo.yli-savola/oi/jkk/mobiilinakyma-png#top" title="mobiilinakyma.PNG"><img src="https://peda.net/p/kimmo.yli-savola/oi/jkk/mobiilinakyma-png:file/photo/a7c99d563102dbaa0283868087c151592c15a6d4/mobiilinakyma.PNG" alt="" title="mobiilinakyma.PNG" class="inline" loading="lazy"/></a><br/> <br/> <br/> 2018-11-01T15:52:00+02:00 https://peda.net/id/f29aa5a4d2d 2018-10-18T15:54:31+03:00 Otimme käyttöön Wix.com -julkaisujärjestelmän. Se sujui helpommin kuin Pixabayn. Annoin vain sähköpostin ja salasanan kahdesti.<br/> <br/> Teimme kuvitteelliselle yritykselle Coming Soon-mallin pohjalta sivun. Kuvitteellinen yritys tuo maahan pyöriä.<br/> <br/> Sivu löytyy <a href="https://kimmoyli-savola8.wixsite.com/efillari" target="_blank" rel="nofollow ugc noopener">oheisesta osoitteesta</a> <br/> <br/> <br/> Ohessa kuva verkkopalvelun alkusivusta<br/> <br/> <a href="https://peda.net/p/kimmo.yli-savola/oi/jk/fillaristi-png#top" title="fillaristi.PNG"><img src="https://peda.net/p/kimmo.yli-savola/oi/jk/fillaristi-png:file/photo/b598466cd277b97a8bfffa48a255ab858e60b828/fillaristi.PNG" alt="" title="fillaristi.PNG" class="inline" loading="lazy"/></a> 2018-10-18T15:54:27+03:00 https://peda.net/id/d01933b6d2c 2018-10-18T14:44:09+03:00 Tänään otimme käyttöön <a href="https://pixabay.com/" target="_blank" rel="nofollow ugc noopener">Pixabay-kuvapankin</a>. Homma alkoi rekisteröitymisellä. Kun olin sen saanut tehtyä niin tehtävänä oli etsiä muutamia sähköpyöriin ja Mac-tietokoneisiin liittyviä kuvia.<br/> <br/> Etsityt kuvat tallensin omalle koneelle. Tämän jälkeen latasin kuvat Peda.net-ympäristöön.<br/> <br/> <a href="https://peda.net/p/kimmo.yli-savola/oi/pk/pixabay-png#top" title="pixabay.PNG"><img src="https://peda.net/p/kimmo.yli-savola/oi/pk/pixabay-png:file/photo/a84fb3ec1e157ef3f134d9ed54d482118eba2dd3/pixabay.PNG" alt="" title="pixabay.PNG" class="inline" loading="lazy"/></a><br/> <br/> <br/> 2018-10-18T14:34:45+03:00