Ötlettől a honlapighajnale.web.elte.hu/webszerkesztes/Otlettol_a_honlapig.pdf · hozhatók...

Ö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. nagy.anna@tortarendeles.hu), 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álatanagy.anna@tortarendeles.hu nem nagyanna88@gmail.comanna.nagy@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ésekvelemeny@tortarendeles.hu „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ő