Aktuálně: Postihly zákazy tvou profesi? Poptávka po ajťácích prudce roste, využij slevové akce 30% výuky zdarma!
Discount week - Prosinec

2. diel - Úvod do webových aplikácií v ASP.NET

V minulej lekcii, Úvod do ASP.NET , sme si urobili úvod do tejto technológie. Než začneme so samotným programovaním, urobme si ešte všeobecný úvod do webových aplikácií. Pochopíme tak ich výhody a prečo sú žiadanejšie, než klasické desktopové aplikácie.

Výhody webových aplikácií

Nie je náhoda, že sa väčšina dnešných aplikácií píše pre web. Je to z toho dôvodu, že webové aplikácie majú oproti klasickým (desktopovým) mnoho výhod a ich vývoj je výhodnejšie a tiež zarobia zvyčajne viac peňazí alebo pritiahnu viac užívateľov.

Aby sme tieto výhody a princípy pochopili, urobme si krátku odbočku do histórie a vysvetlíme si, čo k vzniku webových aplikácií vôbec viedlo.

Mainframy

Keď sa počítače prvýkrát dostávali medzi ľudí a do firiem, boli veľmi drahé. Bolo nepredstaviteľné, že by mal každý zamestnanec svoj počítač. Z toho dôvodu sa zakúpil jeden centrálny počítač (ktorý bol na tú dobu veľmi výkonný) ak tomuto centrálnemu počítaču sa jednoducho povedané pripojilo niekoľko klávesníc a monitorov. Všetci zamestnanci pracovali súčasne na tomto jednom počítači, ktorý je obsluhoval.

Keby sa teda napr. Išlo o kancelársku programe Word, každý užívateľ by mal na mainframe nejakú svoju zložku s dokumentmi a všetci by pracovali s tým jedným Wordom, ktorý je na mainframu nainštalovaný.

architektúra mainframu

Výhody tejto architektúry sú nasledujúce:

  • Jednoduchá správa - Aby mohli užívatelia používať nejakú aplikáciu, stačí tú aplikáciu nahrať na mainframe. V tú chvíľu je prístupná všetkým užívateľom. To isté platí pre aktualizáciu, aktualizuje sa mainframe a všetci už používajú novú verziu aplikácie.
  • Vysoká bezpečnosť - Všetky dáta sú uložené v databáze na mainframu, nie na staniciach zamestnancov. To isté platí o samotných aplikáciách, k ich kódu sa nikto nedostane.

Máme tu samozrejme aj nevýhody:

  • Nízky výkon a vysoká cena - Mainframe vyžaduje vysoký výkon a spracováva úplne všetky úlohy aplikácie. Jeho prevádzka je nákladný.

Mainframy sa už takmer nepoužívajú, ale dodnes ešte v niektorých podnikoch fungujú.

Desktopové aplikácie

Tento výukový obsah pomáhajú rozvíjať nasledujúce firmy, ktoré možno hľadajú práve teba!

Ako sa počítače začali rozširovať medzi menšie firmy a potom dokonca aj do domácností, začala samozrejme klesať ich cena. Osobný počítač si už mohol dovoliť každý. Mainframům odzvonilo a nebol dôvod, aby každý zamestnanec alebo všeobecne užívateľ nemal svojou aplikáciu vo svojom počítači.

Keď opäť použijeme náš príklad s Wordom, tu má každý užívateľ svoje dokumenty a svoj Word vo svojom počítači (desktope).

Architektúra desktopových aplikácií

Výhody desktopových aplikácií:

  • Vysoký výkon - Všetok výkon aplikácie zaisťuje klientsky počítač. Niekedy v tomto prípade hovoríme o tzv. Hrubom klientovi. Ak aplikácia komunikuje so serverom, stará sa server len o zasielanie dát a nerieši napr. Vykresľovanie formulárov.

nevýhody:

  • Zložitá správa - Ak vydáme novú verziu našej aplikácie, musíme zabezpečiť, aby si každý klient aktualizoval svoj počítač. To sa nám samozrejme nepodarí a preto riešime problémy so starými verziami. Inštalácia a sťahovanie aplikácií je pre užívateľov otravná.
  • Nízka bezpečnosť - Keďže je u klienta prítomná celá aplikácia, môže sa ju snažiť disassemblovat (hackovať), čo nie je u dnešných vysokých jazykov príliš veľký problém. Môže nám z aplikácie ukradnúť časti zdrojových kódov alebo nejaké dáta.

Webové stránky

S rozšírením internetu najprv vzniklo obrovské množstvo statických webových stránok. Také HTML stránky sú jednoducho uložené na serveri. Akonáhle klient (užívateľ s webovým prehliadačom) pošle požiadavku na server, server mu jednoducho vráti presne tú stránku, čo má uloženú. Tejto architektúre sa hovorí klient-server.

Architektúra klient-server

Určite ste si všimli, že sa architektúra nápadne podobá mainframu. Vraciame sa teda ku koreňom a získavame nasledujúce výhody:

  • Malá záťaž - Server iba zasiela HTML stránky a už nerieši ich zobrazenie, ovládanie klávesnica užívateľa, jeho monitora a podobne. To všetko sa deje na klientskom počítači.
  • Jednoduchá správa - Akonáhle zmeníme obsah na serveri (napr. Pridáme nejaký dokument), uvidí ho tam okamžite všetci užívatelia.
  • Vysoká bezpečnosť - Ak chceme zakázať prístup k nejakým dokumentom, klient sa k nim jednoducho nemá ako dostať, pretože sú na serveri.

Nevýhodou je samozrejme to, že server vie zasielať len statické HTML stránky. Nie je spôsob, ako serveru odoslať nejaké dáta a na ich základe dostať výstup (treba nechať na stránke odkaz v diskusii, hlasovať v ankete alebo zobraziť v stránke kto má dnes sviatok).

Webové aplikácie

Po obrovskom rozmachu internetu a webových stránok sa hľadali spôsoby, ako do stránok pridávať nejakú dynamickú funkčnosť. Tieto pokusy došli postupom času tak ďaleko, že v dnešnej dobe sme schopní dosiahnuť, aby sa webová stránka správala úplne rovnako, ako desktopová aplikácia (napríklad MS Word, všetci určite poznáte napr. Google Docs alebo SkyDrive). Takéto webovej stránke sa hovorí webová aplikácia.

Webové aplikácie fungujú tak, že sa klient spýta serveru na určitý dokument. Na serveri ale beží program, ktorý dokáže vygenerovať do stránky to, čo užívateľ požaduje. Stránka teda na serveri už neleží, ale je dynamicky vytváraná podľa toho, čo používateľ chce. Práve technológia ASP.NET nám umožňuje takéto skripty v C# .NET na serveri prevádzkovať.

Architektúra webových aplikácií v ASP.NET

Často je scenár nasledovné:

  1. Užívateľ vyťukať do prehliadača adresu (napríklad eshop.cz/tiskarna-epson-123) a tým pošle požiadavku serveru
  2. Server zavolá ASP.NET
  3. ASP.NET sa pozrie, čo používateľ chce (tu chce vypísať informácie o tlačiarni). Pripojí sa k databáze a načíta dáta, ktoré chce klient. Na základe dát vygeneruje webovú HTML stránku.
  4. Hotová stránka je zaslaná klientovi. Ten vidí už len statickú webovú stránku, ktorá však bola dynamicky vytvorená podľa jeho požiadavky.

Všetky dáta sú v databáze a webová aplikácia, tu v príklade nejaký eshop s IT, má rozhranie, cez ktoré môže personál jednoducho pridávať nové produkty, upravovať ich cenu a podobne. Je vám asi jasné, že keby dáta nebola v databáze, ale každý produkt mal svoju statickú HTML stránku, tak by bolo extrémne ťažké takúto veľa stránok spravovať. Navyše by sa potom nedalo pomocou skriptu treba hľadať podľa ceny, písať k produktom komentáre a podobne.

Práve sme si teda popísali princíp dynamického webu a tiež jeho príklad. Aké sú teda výhody webových aplikácií?

  • Jednoduchá správa. Novú verziu aplikácie nahráme a v tom okamihu ju používajú úplne všetci.
  • Vysoká bezpečnosť - Web aj databázy sú na serveri a ak neobsahuje nejaké bezpečnostné chyby, je veľmi neľahké aplikáciu ukradnúť.
  • Vysoká užívateľská základňa - Ľudia sú leniví sťahovať a inštalovať. U webové aplikácie len kliknú na odkaz a už s ňou pracujú. Používateľov, ktorí by používali tú istú aplikáciu, keby bola na desktope miesto na webe, by bolo podstatne menej. A práve kvôli používateľom aplikácie predsa píšeme. Nech sú zadarmo alebo sú platené, vždy chceme, aby ich používalo čo najviac ľudí. Toto je hlavný dôvod, prečo sa v poslednej dobe robí v podstate všetok softvér webový.
  • Vysoká kompatibilita - Keďže na web pristupujeme cez webový prehliadač, vôbec nás nezaujíma operačný systém klienta, naše aplikácie funguje prakticky všade, dokonca aj na mobile.
  • Pretrvávajú tiež výhody klientskeho počítača, teda že server nie je zaťažovaný napr. Vlastným zobrazovaním stránok, to robí webový prehliadač.

Je vidieť, že webové aplikácie sú budúcnosť. A kto ich vie, ten sa bude mať dobre.

Ich asi jedinou nevýhodou je, že ich vývoj je o niečo náročnejšie, než u aplikácií desktopových. Je to z toho dôvodu, že web bol sprvu navrhnutý pre statické dokumenty a existujú určité obmedzenia, ktoré sa musia obchádzať. Avšak technológia sa stále vyvíjajú a veľa vecí ide oproti minulosti už podstatne ľahšie. Môžu za to najmä nové štandardy HTML 5 a CSS 3.

Zložitejšie webové aplikácie sú väčšinou ešte doplnené ďalším programovacím jazykom - JavaScriptom. Ten beží na klientskom počítači a spracováva vizuálnu časť aplikácie. Tu na ITnetwork je v JavaScripte naprogramované napr. Navigačné menu. JavaScript slúži skôr pre také doplnky v užívateľskom rozhraní a je podstatný až u zložitých webových aplikácií.

To by bolo do úvode všetko, nabudúce vytvoríme svoju prvú webovú aplikáciu. Odporúčame začať s ASP.NET Core.


 

Predchádzajúci článok
Úvod do ASP.NET
Všetky články v sekcii
Tvorba webov v ASP.NET
Článok pre vás napísal David Čápka
Avatar
Ako sa ti páči článok?
Ešte nikto nehodnotil, buď prvý!
David je zakladatelem ITnetwork a programování se profesionálně věnuje 13 let. Má rád Nirvanu, sushi a svobodu podnikání.
Unicorn university David sa informačné technológie naučil na Unicorn University - prestížnej súkromnej vysokej škole IT a ekonómie.
Aktivity (1)

 

 

Komentáre

Avatar
Libor Šimo (libcosenior):26.3.2016 17:33

Veľmi pekne a motivačne napísané.

Odpovedať
26.3.2016 17:33
Aj tisícmíľová cesta musí začať jednoduchým krokom.
Tento výukový obsah pomáhajú rozvíjať nasledujúce firmy, ktoré možno hľadajú práve teba!
Avatar
David Králík
Brigádník
Avatar
David Králík:17. augusta 12:08

Ahoj, beru to jako jeden z dalších nástrojů, jak lépe pochopit a naučit se C# programování.

 
Odpovedať
17. augusta 12:08
Robíme čo je v našich silách, aby bola tunajšia diskusia čo najkvalitnejšia. Preto do nej tiež môžu prispievať len registrovaní členovia. Pre zapojenie sa do diskusie sa zaloguj. Ak ešte nemáš účet, zaregistruj sa, je to zadarmo.

Zobrazené 2 správy z 2.