Produkční plán Tvorba internetových stránek Marek Žáček - Zac0057 Systémové inženýrství a informatika Ostrava 2014
Obsah OBSAH 1 ÚVOD 2 NÁZEV WEBU 3 ZÁMĚR A CÍLE 3 CÍLOVÉ PUBLIKUM 3 VZOR NÁVŠTĚVNOSTI 3 ŘEŠENÍ STRÁNEK 4 WIREFRAME 4 PŘÍJMOVÝ MODEL 5 SADA SCHOPNOSTÍ 5 KONKURENCE 5 TÝM 5 ČASOVÝ ROZVRH A ROZPOČET 5 PŘEDPOKLADY 5 BIBLIOGRAFIE 6 1
Úvod Webové stránky, které jsem se rozhodl vytvořit, úzce souvisí s mým učivem na střední a vysoké škole, neboť se zaměřují na počítačovou grafiku a věci společné s videotvorbou. Tvorbou grafiky se už nějakou dobu zabývám, a proto stánky tvoří mé malé osobní portfolio. 2
Název webu Již při výběru tématu jsem přemýšlel nad názvem webu. Nejprve jsem vytvořil logo a poté mne napadl název Z-grafik. A u toho jsem zůstal. Název by měl návštěvníkovi sdělit, na jaké téma se webové stránky zaměřují. Myslím si, že jde o jednoduchý a výstižný název, který sděluje, že se jedná o grafiku. A proč vlastně Z-grafik? Je to jednoduché, jmenuji se Marek Žáček a zabývám se grafikou. Proto Z jako Žáček. Své stránky jsem uložil na internetovém portálu www.webzdarma.cz pod doménou třetího řádu xf.cz. Záměr a cíle Web bude sloužit jako moje vlastní portfolio (vizitka). V této chvíli je web především vytvořen jako semestrální práce pro získání zápočtu z předmětu Tvorba internetových stránek. Cílem mého webu je poskytnout informace o mé zálibě a službách, které poskytuji. Měl by tedy informovat návštěvníky, kteří budou požadovat mé služby nebo se jen chtějí podívat na mou tvorbu. Cílové publikum Mezi cílové publikum patří především lidé, kteří obdrží mou osobní vizitku, navštíví některou z mých publikovaných stránek a následně kliknout na odkaz za účelem poznání autora nebo žádosti o vytvoření zcela nového webu či jiných služeb, které poskytuji. Vzor návštěvnosti Lidé budou hledat informace, při čemž tento web najdou nebo získají odkaz z reklamy či vizitky. Předpokládám, že má stránka bude k nalezení pomocí klíčových slov a poměrně dobře zapamatovatelné domény, která je spojena s mou činností. Přesto největší návštěvnost očekávám přes přímé zadání adresy bez využití vyhledávače. A to z důvodu, že stránky budou určený především jako informační web pro určité publikum. Zde bude jako hlavní část webu fungovat úvod, kde klienti o mně zjistí krátké informace. Dále bude velice vyžadovanou stránkou reference a ceník, který se nachází v sekci odkazy. V případě, že potenciální klienti projeví zájem, vyplní kontaktní formulář nebo napíší e-mail, který naleznou na stránce kontakty. Četnost návštěv bude záležet na klientovi. Pravděpodobně se bude vracet pokaždé, když bude požadovat více služeb nebo kontrolovat novinky a změny. Časový odhad při prohlížení stránek se odhaduje na 5-8 minut. 3
Řešení stránek Stránky jsou psány v XHTML jazyce s využitím CSS stylů. Jednotlivé prvky stránek jsou řešeny pozicováním i obtékáním. Je zde také jedna stránka s PHP skriptem pro odesílání emailu z kontaktního formuláře. Navigační menu je tvořeno panelem. Součástí je i podrobnější menu s nabídkou mých produktů, pod kterým se nachází hlavní obsahová část. Ve spodní části stránek se nachází zápatí s odkazem na e-mail a validačními ikonami. V sekci Foto je použita CSS knihovna citovaná níže. Dále web obsahuje v pravém horním rohu JavaScript na aktuální datum a na úvodní straně v levém horním rohu počitadlo návštěv. Součástí webu je i formulář vytvořený pomocí technologie Google Forms. Wireframe Wireframe jsem vytvořil pomocí aplikace moqups.com ve free verzi. Stránky se sice trochu liší od Wireframu, ale to proto, že se rozvržení přidáváním obsahu trochu změnilo. 4
Příjmový model Stránky jsou tvořeny z důvodu zápočtu z předmětu Tvorba webových stránek, a proto jsou zatím nekomerční. Abych odstranil reklamu, kterou povinně přidává webzdarma.cz (neboť se jedná o free webhosting) na první stránku s názvem index.htm/.php, přesměroval jsem web do složky s názvem z-grafik. (Při načítání stránek se zobrazí jen povinná reklama, která po načtení zmizí). V budoucnu by měl web zaujmout potenciální klienty, aby následně využili mých služeb. (Tvorba grafiky, log, vizitek, www stránek a jiných grafických služeb). Sada schopností Důležitou schopností bude především vyhledávací stroj, pod kterým mne klienti najdou ve vyhledávačích, jako je google.com nebo seznam.cz. Jelikož je web prozatím nekomerční a je tvořen jako zápočtová práce, bude optimalizace pro vyhledávače do budoucna primární předností webu. Časté aktualizace, čerstvost a pravdivost informací bude pro web důležitá. Odkazy na ostatní stránky budou po dohodě s partnery vystavovány na mých ostatních webech. Reklama bude jen v minimálním množství, a to především na mé ostatní weby a weby mých partnerů. Konkurence Konkurence je obrovská, protože stránek zaměřených na webovou tvorbu a grafiku je mnoho. Tyto weby jsou na vyšší úrovni, neboť už jsou zaběhnuté, takže bude těžké se udržet. Vzhledem ke kladným referencím a doporučením se můžu posunout výš, neboť nabízím levnější práci než někteří konkurenti a vycházím vstříc všem klientům. Největšími konkurenty jsou: http://www.vsgrafik.cz/ nebo http://www.als-euro.cz/ a další. Tým Díky svým znalostem a schopnostem zatím tvořím vše sám, ale nebráním se tomu, aby se můj tým rozrostl. Časový rozvrh a rozpočet Protože jde o mnou vytvořené osobní internetové stránky, mohu si své portfolio aktualizovat kdykoliv jen budu chtít. Tento projekt byl financován s nulovým rozpočtem, protože se jedná o zápočet do předmětu Tvorba webových stránek. Předpoklady Tyto stránky by měli navštívit lidé, kteří mají zájem, nebo potřebují vytvořit logo či využít jiné mé služby. Mému portfoliu by mohla pomoci propagace a reklama na jiných stránkách. 5
Bibliografie Dynamic Drive;. (05. 07 2006). CSS Image Gallery. Získáno 25. 11 2014, z dynamicdrive.com: http://www.dynamicdrive.com/style/csslibrary/item/css-image-gallery/ Dále jsou na stránkách použity mé osobní materiály a projekty. 6