Ötlettől a honlapighajnale.web.elte.hu/webszerkesztes/otlettol_a_honlapig.pdf · hozhatók...
TRANSCRIPT
Ötlet
Tartalom
Megjelenés
Fejlesztés
Publikálás
Továbbfejlesztés
Mit fogunk csinálni?
• Mit?Online tortarendelés
• Miért lesz más/jobb, mint a hasonló oldalak?Grafikus felületen mindenki saját maga tervezheti meg a torta felületét, éjjel-nappal van kiszállítás
• Kinek?Egyszerűbb kezeléssel a célközönség bővíthető
• Hogyan, mitől lesz más/jobb, mint a hasonló oldalak?Mobil eszközön is jól használható, fotó is megjeleníthető a tortán
Legalább az egyik kérdésre tudni kell új választ adni!
Ötlet
Tartalom
Megjelenés
Fejlesztés
Publikálás
Továbbfejlesztés
Mit fogunk csinálni?
• Pontos, lényeges, naprakész tartalom, szerzői jogok ismeretTortához felhasznált anyagok listája, átvett tartalmak engedélyezése, források feltüntetése
• Jól átlátható, kereshető tartalom„Rendelhetek diabetikus tortát?” Keresőszó: „diabetikus”
• Megszólítás, egységes nyelvezet, helyesírás„Válaszd ki a tortabevonó színtét!” vagy „Válassza ki a tortabevonó színét!”
• Nyelvválasztás, idegen nyelvű tartalomAngol nyelv. Szállítás a környező országokba is: szlovák nyelv
• Domain választás, cím (URL)tortam.hu, tortarendeles.hu, azentortam.hu, mycake.com, angol tartalom: tortam.hu/en
Ötlet
Tartalom
Megjelenés
Fejlesztés
Publikálás
Továbbfejlesztés
Mit fogunk csinálni?
• Megjelenítés: egyedi vagy sablonalapúEgyedi megjelenítéssel tökéletesen testreszabott oldalak hozhatók létre, de ez a technika időigényes és költséges.A sablonok előre elkészített képi világgal, tartalmi elhelyezéssel rendelkeznek, igényes és gyors megoldást nyújtanak oldalak készítéséhez.Reszponzív megjelenésA oldal megjelenése átalakul, automatikusan a képernyő/böngésző méretéhez igazodik.
Ötlet
Tartalom
Megjelenés
Fejlesztés
Publikálás
Továbbfejlesztés
Mit fogunk csinálni?
• Megjelenítés: egyedi vagy sablonalapúEgyedi megjelenítéssel tökéletesen testreszabott oldalak hozhatók létre, de ez a technika időigényes és költséges.A sablonok előre elkészített képi világgal, tartalmi elhelyezéssel rendelkeznek, igényes és gyors megoldást nyújtanak oldalak készítéséhez.Reszponzív megjelenésA oldal megjelenése átalakul, automatikusan a képernyő/böngésző méretéhez igazodik.
Reszponzivitás - desktop nézet
Ötlet
Tartalom
Megjelenés
Fejlesztés
Publikálás
Továbbfejlesztés
Mit fogunk csinálni?
• Megjelenítés: egyedi vagy sablonalapúEgyedi megjelenítéssel tökéletesen testreszabott oldalak hozhatók létre, de ez a technika időigényes és költséges.A sablonok előre elkészített képi világgal, tartalmi elhelyezéssel rendelkeznek, igényes és gyors megoldást nyújtanak oldalak készítéséhez.Reszponzív megjelenésA oldal megjelenése átalakul, automatikusan a képernyő/böngésző méretéhez igazodik.
Reszponzivitás - mobil nézet
Ötlet
Tartalom
Megjelenés
Fejlesztés
Publikálás
Továbbfejlesztés
Mit fogunk csinálni?
• Megjelenítés: egyedi vagy sablonalapúEgyedi megjelenítéssel tökéletesen testreszabott oldalak hozhatók létre, de ez a technika időigényes és költséges.A sablonok előre elkészített képi világgal, tartalmi elhelyezéssel rendelkeznek, igényes és gyors megoldást nyújtanak oldalak készítéséhez.Reszponzív megjelenésA oldal megjelenése átalakul, automatikusan a képernyő/böngésző méretéhez igazodik.
• Tartalomhoz illeszkedő képi világ„Édesség színek” használata, illeszkedés már meglévő arculathoz, enteriőrhöz, logóhoz
• Olvashatóság, láthatóságMegfelelő betűméret, jó színválasztás, elemek megfelelő megkülönböztetése, akadálymentes változat
Ötlet
Tartalom
Megjelenés
Fejlesztés
Publikálás
Továbbfejlesztés
Mit fogunk csinálni?
• Fejlesztési technikák: közvetlen kód vagy tartalomkezelőKözvetlen kód technikával teljes fejlesztés és módosítás hajtható végre egy webes tartalomban, de a munka körülményesebb, és a fejlesztési nyelvek (pl. HTML, CSS, JavaScript) alapos ismeretét igényli.
Ötlet
Tartalom
Megjelenés
Fejlesztés
Publikálás
Továbbfejlesztés
Mit fogunk csinálni?
• Fejlesztési technikák: közvetlen kód vagy tartalomkezelőKözvetlen kód technikával teljes fejlesztés és módosítás hajtható végre egy webes tartalomban, de a munka körülményesebb, és a fejlesztési nyelvek (pl. HTML, CSS, JavaScript) alapos ismeretét igényli.
Közvetlen kód technika
Ötlet
Tartalom
Megjelenés
Fejlesztés
Publikálás
Továbbfejlesztés
Mit fogunk csinálni?
• Fejlesztési technikák: közvetlen kód vagy tartalomkezelőKözvetlen kód technikával teljes fejlesztés és módosítás hajtható végre egy webes tartalomban, de a munka körülményesebb, és a fejlesztési nyelvek (pl. HTML, CSS, JavaScript) alapos ismeretét igényli.Tartalomkezelővel (CMS) vizuálisan, gyorsan, a fejlesztési nyelvek ismeret nélkül lehet dolgozni, de ez a technika nem ad lehetőséget teljes körű fejlesztésre és módosításra, illetve a rendszer telepítése, üzemeltetése szakértelmet igényel.
Ötlet
Tartalom
Megjelenés
Fejlesztés
Publikálás
Továbbfejlesztés
Mit fogunk csinálni?
• Fejlesztési technikák: közvetlen kód vagy tartalomkezelőKözvetlen kód technikával teljes fejlesztés és módosítás hajtható végre egy webes tartalomban, de a munka körülményesebb, és a fejlesztési nyelvek (pl. HTML, CSS, JavaScript) alapos ismeretét igényli.Tartalomkezelővel (CMS) vizuálisan, gyorsan, a fejlesztési nyelvek ismeret nélkül lehet dolgozni, de ez a technika nem ad lehetőséget teljes körű fejlesztésre és módosításra, illetve a rendszer telepítése, üzemeltetése szakértelmet igényel.
Tartalomkezelő
Ötlet
Tartalom
Megjelenés
Fejlesztés
Publikálás
Továbbfejlesztés
Mit fogunk csinálni?
• Fejlesztési technikák: közvetlen kód vagy tartalomkezelőKözvetlen kód technikával teljes fejlesztés és módosítás hajtható végre egy webes tartalomban, de a munka körülményesebb, és a fejlesztési nyelvek (pl. HTML, CSS, JavaScript) alapos ismeretét igényli.Tartalomkezelővel (CMS) vizuálisan, gyorsan, a fejlesztési nyelvek ismeret nélkül lehet dolgozni, de ez a technika nem ad lehetőséget teljes körű fejlesztésre és módosításra, illetve a rendszer telepítése, üzemeltetése szakértelmet igényel.
• Folyamatos tesztelés, próba több böngészővel és mobil eszközön is
• Folyamatos egyeztetés a megrendelővel, fejlesztési fázisok jóváhagyásavalami.hu/teszt1
Ötlet
Tartalom
Megjelenés
Fejlesztés
Publikálás
Továbbfejlesztés
Mit fogunk csinálni?
• Tárhely és domain bérlésPl. domain: tortarendeles.hu, hozzá tartozó tárhely: 10GB kapacitás, 10db e-mailcím (pl. [email protected]), biztonsági mentések, látogatottság mérés.Domain regisztrátorok és tárhelyszolgáltatók: domain.hu
• Tárhely lehetőségeinek megfelelő haszná[email protected] nem [email protected]@mycake.com
• Reklám, első megjelenésGoogle-hirdetés, Facebook-kampány
• LátogatottságmérésTárhelyszolgáltató oldalán, Google Analytics
Ötlet
Tartalom
Megjelenés
Fejlesztés
Publikálás
Továbbfejlesztés
Mit fogunk csinálni?
• Technológiai változás követéseÚj böngészők, technológiai szabványok, megjelenítők, mobil eszközök
• Piaci változás követéseÉdesipari összetevők változása, megváltozott fogyasztói szokások
• Látogatói visszajelzé[email protected] „A megtervezett tortáról legyen letölthető/küldhető kép!”
Ötlet
Tartalom
Megjelenés
Fejlesztés
Publikálás
Továbbfejlesztés
Mit fogunk csinálni?
• ÖtletTehetséges fiatalok, érdekes kezdeményezések, már működő kisebb közösségek életének, munkájának bemutatása egyszerű honlap formájában
• TartalomMagyar nyelvű, saját tartalom, szabályosan átvett, idegen tartalmakkal kiegészítve (opcionális)
• MegjelenésSzabadon felhasználható sablon, reszponzív megjelenés
• FejlesztésKözvetlen kód, segédprogrammal, folyamatosan tesztelve
• PublikálásEgyetem által biztosított, saját tárhelyen (valaki.web.elte.hu)
• TovábbfejlesztésLehetséges, a honlap átadható, nem egyetemi tárhelyen (tovább)működtethető