Startup webovej stránky: Analýza II.

3
43

gimp-logoAhoj! V minulej časti som ťa oboznámil so všeobecnými základmi. Dnes si prečítaš niečo viac o analýze. Uvediem k tone zbytočného textu aj zaujímavý príklad z mojej praxe. Príklad predvediem na analýze môjho projektu Organizuj svadbu.

No a teraz ideme šprtať. Ak nemáš chuť, mal si ťažký deň a chceš ísť rovno k veci, nevadí, prejdi rovno na príklad. Nie je to nič zložité,  “Don’t worry! Be happy!” 

Pamätáš si niečo z minula? Nečítal si predošlý článok? Odporúčam si ho prečítať  V skratke si zopakujeme dôležité veci.

Pri analýze máme mnoho bodov a mechanizmov pri jej robení. Ja rád robím analýzu takto: le*

Zvolím si otázky a rozpracujem si ich. Tieto otázky: le *

  1. Čo chcem robiť
  2. Akú tomu dám tvár
  3. Ktoré technológie použijem
  4. Koľko času ma to bude stáť
  5. Bezpečnosť

V otázke, čo chcem robiť sú zahrnuté dôležité myšlienky.

Chceš robiť niečo, čo už existuje a je to dokonalé? To je blbosť. Ako začiatočník si zvoľ radšej veľa malých cieľov, než jeden veľký. Vždy ber na vedomie svoju konkurenciu.

Chceš robiť niečo nezaujímavé, nepotrebné? Ľudia si ťa takto neobľúbia a nebudú chodiť na tvoj web, alebo projekt. Rob veci šialené, originálne a potrebné. Prečo šialené? Je to odvážne robiť šialené veci a má to svoj šmrnc.

Koľko ľudí zaujmeš a akých? Akú vrstvu si zvolíš? Dôchodcovia nie sú veľmi zruční pri ovládaní počítača. Česť výnimkám Smile Mladí sú tvoj cieľ? Alebo dospelí? Či už ten, alebo ten, prispôsob svoju prácu k tomuto davu.

V otázke, akú tomu dáš tvár sú zahrnuté tieto myšlienky.

Použijem odporúčané pravidlá ako je minimalizmus? Veľmi dobré a užitočné veci pri dizajne sú prehľadnosť, použiteľnosť, príjemný vzhľad a efektívnosť.

Aké farby budú typické pre môj projekt? Do pozornosti dávam Flat farby. Sú to farby energické a svieže. Vhodná farebná kombinácia je na nezaplatenie.

Aký znak ma bude prezentovať? Čo ma bude prezentovať pred ľuďmi? Názov a logo predsa! Ja mám rád, keď logo je výstižné a je napáchnuté symbolikou voči názvu aj významu projektu.

K dizajnu nemám vytvorený veľmi veľký vzťah. Patrím medzi bežných ľudí, ktorí kódujú, programujú, lámu si hlavu a tým strácajú estetický pohľad. Hneď od začiatku buďte horliví v dizajne, nevykašlite sa na to, budete potom trpieť ako ja Smile

„Pred tvorbou dizajnu si aspoň deň pozeraj úspešné práce z rôznych portálov. Sú na to určené. Ešte nikto nespadol z neba múdry, okrem prorokov Smile Odporúčam portál Behance www.be.net

 V otázke, ktoré technológie použijem sú zahrnuté dôležité myšlienky.

Pri tvorbe webovej stránky je myšlienka, aké technológie použijem, podstatná. Nebudem robiť predsa dizajn v skicári. To by ťa rýchlo prešlo hh…. Risknem a použijem program, na ktorý nemám licenciu? Robí to drvivá väčšina začiatočníkov. Licenčné programy sú kvalitnejšie. Majú viac možností pri tvorbe prác.

Tvorba grafiky má veľa odvetví. Hľa, toto sú oni:

  • Tvorba ilustrácií a log
  • Tvorba dizajnu na webové stránky
  • Tvorba 3D grafiky
  • Navrhovanie strojov a súčiastok
  • Animácie

Licenčné a free programy:

  • Licenčný Adobe Ilustrator, Corel draw (Tvorba ilustrácií a log)
  • Free Inkscape (Tvorba ilustrácií a log)
  • Licenčný Adobe Photoshop (Tvorba dizajnu na webové stránky)
  • Free Gimp 2 (Tvorba dizajnu na webové stránky)
  • Licenčný Cinema 4d, 3D Max (Tvorba 3D grafiky)
  • Licenčný Autocad, Megacad (Navrhovanie strojov a súčiastok)
  • Licenčný Adobe After effects, Adobe flash (Animácie)

„Slušná kôpka čo? To nie sú zďaleka všetky, no ale ideme ďalej, konečne preč od dizajnu Smile

Ktoré technológie použiť pri písaní kódu? Však tie, ktoré ti najviac pomôžu na začiatok, nie? Free program PS Pad je veľmi dobre vybavený v tomto smere. Stlačením ctrl + medzerník sa vám otvorí okienko s dostupnými možnosťami kódu. Ďalej tu na teba vytiahnem Adobe Dreamweaver, má ešte pestrejšiu sadu na pomáhanie, ale je komerčný. Takže je treba licenciu Smile. Nebuď taký ako ja Laughing Druhý týždeň učenia a otváram, len poznámkový blok Smile Poznámkový blok použi, ak sa chceš preskúšať. Život si treba uľahčovať Smile

Teraz ako kódovať? Máš na výber buď stále štandardný XHTML, alebo novú krásnu HTML5, ktorá bude čoskoro štandardom. Ďalej sa používa základná reč ako CSS.

Skriptovacie technológie

Skriptovanie je rozličné. Skripty fungujú buď na strane klienta (používateľa, žiadateľa), alebo na strane servera. Obidva typy vyvoláva klient, ale sú rozličné, v jednoduchosti ti to vysvetlím takto le*

Skript na strane klienta, je skript na požiadanie klienta. Skript sa vykonáva na strane klienta, čiže je posielaný zo servera spolu so stránkou ku klientovi. Nezaťažuje veľmi server.

Skript na strane servera, je skript na požiadanie klienta. Ale teraz pozor! Skript sa vykonáva na serveri a len výsledok ide ku klientovi v podobe HTML.

Skriptovacie jazyky na strane klienta:

  • Javascript
  • Jquery

Skriptovacie jazyky na strane servera:

  • PHP
  • Pearl
  • Python

V ďalšej časti si spolu urobíme dizajn webovej stránky. Tak si zožeň nejaký ten program. Najlepšie Adobe Photoshop CS6 alebo Gimp 2.8 Smile

V otázke, koľko času ma to bude stáť sú zahrnuté dôležité myšlienky.

Plánovacie myšlienky a finančné myšlienky. Plánuj si, každý deň, čo sa chceš nové naučiť a čo sa chceš preskúšať. Cesta učením je tŕnistá a nekonečná, no má svoje ovocie Smile

Finančné problémy nastávajú na konci. Hlavne s webhostingom, to ti porozprávam až v poslednej časti seriálov Smile

V otázke, bezpečnosť sú zahrnuté dôležité myšlienky.

Ako si uchovať svoj projekt v súkromí? Aby ti ho nik neukradol, alebo nezničil? Ako ho úspešne predať, tak, aby ti ho kupujúci nezobral a nezaplatil? Toto sa stáva, je to proste život. Bezpečne predávať projekt je prezentovanie na svojom stroji a osobne. Ak projekt posielať cez mail, tak až vtedy, keď zaplatia. Pamätajte na to, že ľudia nie sú veľmi čestní.

Príklad:. Svadobná aplikácia

Odpovedám si na otázky:

Chcem robiť aplikáciu na organizovanie svadby. Konkurencia v tejto oblasti je mizivá. Organizovať svadbu sa dá aj cez Facebook, twitter a tak. No toto sú sociálne siete nie na to priamo určené. Práve ja na toto myslím, aby som vytvoril niečo priamo na to určené. Aplikácia by bola použiteľná, pretože s organizovaním je veľa roboty. Ako aj teraz Wink Don’t worry! Ani sa nenazdáš a budeš mať analýzu za sebou. Treba len trénovať, cibriť hlavu a snažiť sa.

Hmm, priznávam, ide moja slabá chvíľka „Dizajn!“. Moja cieľová skupina ľudí sú dospelí a dôchodcovia. Preto som sa rozhodol, že stránka musí mať veľmi ľahké ovládanie a musí byť prehľadná. Rád by som, aby bola aj moderná Smile Farby chcem použiť striedavo. Štruktúru si rozdelím na predstránky a aplikáciu. V predstránkach budem striedať farby a štruktúra kódu bude rovnaká. V aplikácií sa farby nebudú striedať, bude jednotná. Logo chcem, aby vyznačovalo niečo zo svadby. Budem využívať free backgroundy Smile

Haló si tu ešte? Smile Ak je to domotané, nevadí, v ďalšej časti ti to ukážem v praxi Smile Ďalšia časť vyjde tak asi o týždeň alebo 2. Prepáč, mám zle obdobie, v ktorom mám veľmi málo voľného času L…

Technológie

  • Photoshop
  • Gimp
  • PS Pad
  • HTML5, CSS3, PHP, MySQL, Jquery

Všetko Smile

Plánovanie. Môj plán znie takto le*

  • Spravím dizajn
  • Spravím databázu
  • Spravím kód
  • Spravím skripty
  • Hľadám hosting
  • A zistím že mám prázdne vrecká Laughing

Časovo mi to nevyjde, takže pôjdem tak časovo ako to dá Smile

Bezpečnosť
Nemusím sa ňou zaoberať. Bývam sám. Nie je nikto, kto by mi zmazal všetko okrem mňa Laughing Raz sa mi to stalo, celú noc som preplakal Laughing… Nebudem predávať, tak ani to nemá význam.

Zhrnutie

Tak a takáto jednoduchá analýza je hotová. Študuj, študuj, nezaľáhaj. Toto je len začiatok. Vedomosti si musíš rozvíjať sám. Predstavím ti môjho najlepšieho kamaráta menom http://w3schools.com/. Tam nájdeš všetko, pre rozvoj myšlienok Smile Tak veľa šťastia kamarát a dúfam stretneme sa v ďalšej časti. Ahoj Smile

A ešte niečo zhrnutie terajšieho učiva Smile

Zvolím si otázky a rozpracujem si ich. Tieto otázky: le *

  1. Čo chcem robiť
  2. Akú tomu dám tvár
  3. Ktoré technológie použijem
  4. Koľko času ma to bude stáť
  5. Bezpečnosť

V duchu si povyprávaj niečo ku každému bodu. Neboj sa samomluvy, Skôr či neskôr príde Smile

Dobrý článok? Chceš dostávať ďalšie?

Už viac ako 4 000 z vás dostáva správy e-mailom. Nemusíš sa báť, nie každé ráno. Len občasne.

Váš email neposkytneme 3tím stranám. Posielame naňho len informácie z robime.it. Kedykoľvek sa môžete odhlásiť.

  • Ľuboš Beran

    Tých smajlíkov je troška veľa na seriózny blog. A keďže mám hneď vedľa seba skvelého dizajnéra, tak sa mi ťažko toto hodnotí. Ak je tvoja cieľovka deti na ZŠ, ako popisuješ, tak ok. Ale ak mieriš vyššie, tadeto cesta nevedie. Avšak nedaj sa odradiť, píš ďalej. Lepšie ako keby sa máš flákať. 😉

  • Martin Maričák

    SI si istý, že:

    1. To, čo tu prezentuješ je správne?
    2. Takto má vyzerať webdizajnérova analýza úspešného webového projektu?

    • Smatana

      Nie je to pre pokročilých aby si rozvíjali vedomosti, ale pre úplných začiatočníkov.. Je to len usmerňovanie kade približne sa majú vydať… Webdesign bude rozvinutý v ďalšej časti, tu som sa venoval designu len málo… Určiť či tá analýza je správna netuším dizajnom sa zaoberám krátko. Články chcem venovať ľuďom skupiny 9 ročník, aby sa vedeli ľahšie rozhodnúť čo chcú študovať. Keď si nájdu cestu budú hľadať už spoľahlivé zdroje od profesionálov. To ja nie som, tak nič zaručiť nemôžem.