Hasonló dokumentumok

Globális befolyás számítógép hálózat Internet bekapcsolva modern világ. Weboldal készítés és fejlesztés. A webes technológiák osztályozása. Webes alkalmazásfejlesztő eszközök. JavaScript programozási nyelv. Környezetek összehasonlító elemzése webalkalmazások létrehozásához.

tanfolyami munka, hozzáadva 2012.01.16


A webtechnológiák alapfogalmai és az üzleti tevékenységekben használt webalkalmazások osztályozása. Meghatározás funkcionalitás eszközök és nyelvek a webhelyfejlesztéshez. Webes alkalmazások pszichofizikai követelményeinek elemzése.

teszt, hozzáadva: 2014.08.06


A webalkalmazás fogalmának és osztályozásának tanulmányozása. Programozási nyelvek fejlesztőeszközei és alkalmazási területei webes alkalmazások fejlesztéséhez (HTML, PHP, Ajax. JavaScript, VBSScript, Perl). Különböző környezetek összehasonlító elemzése webalkalmazások létrehozásához.

tanfolyami munka, hozzáadva 2013.04.03


Egy egyszerű programozási rendszer kiválasztásának problémájának leírása egyszerű létrehozásához információs rendszerek. A meglévő információs alkalmazások részletes elemzésének lefolytatása. Áttekintés a táblázatok használatáról információs alkalmazások fejlesztésére.

cikk, hozzáadva: 2017.12.25


A vizuális fejlesztő eszközök anyagának rövid összefoglalása szoftveralkalmazások. Párbeszédpanelek, vezérlők, kapcsolók, adathozzáférés, feldolgozás, elemzés, technológiák, könyvtárak, exportálások, alkalmazások, adatfolyamok áttekintése.

csalólap, hozzáadva 2014.06.26


Leírjuk a C++ programozási nyelvet használó alkalmazásfejlesztés alapelveit. Figyelembe vett Főbb jellemzők C++, előnyei és hátrányai. Áttekintést adunk a többplatformos alkalmazások létrehozásában részt vevő legnépszerűbb keretrendszerekről.

cikk, hozzáadva: 2019.03.01


A hozzáférés mint eszköz a gyors alkalmazásfejlesztéshez. Általános leírásaÉs funkcionális jellemzői adatbázis-kezelő rendszereket használó alkalmazások, ezeket használó webes technológiák fejlesztése. Hipertext dokumentumok dinamikus létrehozása.

absztrakt, hozzáadva: 2015.05.15


A webes technológiák fogalmának és osztályozásának lényege. Az alkalmazásfejlesztéshez szükséges programozási nyelvek hatókörének elemzése. A programkészítés fejlesztői környezetének megválasztásának indoklása, felépítése, tartalma. Videó hozzáadása és lejátszása egy projektben.

szakdolgozat, hozzáadva: 2017.06.23


Mixinek megvalósítása a SharpArchitect RAD Studio modern adatbázis-alkalmazás-fejlesztő környezetben. Saját profil kialakítása UML diagramok ábrázolásához. Tulajdonságok létrehozása a saját gyors adatbázis-alkalmazás-fejlesztő környezet rendszerosztályaihoz.

cikk, hozzáadva: 2019.02.02


Technológia elektronikus tankönyvek fejlesztéséhez távoli hozzáférés, használt kagylók. Multimédiás alkalmazások típusai, fejlesztésükhöz szükséges szoftverek és hardverek. Flash-animáció, mint eszköz a fizika vizuális forrásainak létrehozására, internetes források.

Bevezetés

Az Internet globális számítógépes hálózatának a modern világra gyakorolt ​​hatásának nincs történelmi analógja. Mai napja az emberi élet minden szférájába való elektronikus behatolás korszakának kezdete, ez több mint egy marketingkampány, egy új filozófia és egy új üzleti stratégia alapja.

Teljesen logikus az a feltételezés, hogy a termékek vagy szolgáltatások reklámozása szempontjából az Internet a legjelentősebb erőforrás. A legtöbb modern ember az internetet használja a leginkább hozzáférhető információforrásként.

A webhelyek létrehozása az egyik legfontosabb technológia az internetes erőforrások fejlesztéséhez. Jó oldal, mindent magába szív hasznos információ, egy kereskedelmi cég és egy oktatási intézmény legjobb névjegykártyája, a nap bármely szakában dolgozik nekik.

A kisvállalkozások céljainak, pszichofiziológiai követelményeinek és információtartalmának, valamint a fejlesztési eszközök megválasztásának helyességéhez információs támogatást nyújtó oldalak elemzése után a következő jellemző hiányosságok azonosíthatók:

· a helyszín nem felel meg a pszichofiziológiai követelményeknek, ami fokozott fáradtsághoz vagy figyelemzavarhoz vezet;

· a szemantikai terhelést nem hordozó animációk, grafikai képek és videótöredékek iránti szenvedély automatikusan magával vonja a weboldal potenciális látogatóinak számának csökkenését, mivel megnöveli az internetkapcsolat sávszélességére és a forgalom nagyságára vonatkozó követelményeket;

· redundancia vagy az információ hiánya;

· a fejlesztési eszközök helytelen megválasztása, amely a késztermék költségének indokolatlan növekedését vonja maga után.

Ezért sürgető feladatnak tűnik a webhelyfejlesztéshez szükséges eszközök és nyelvek funkcionalitásának meghatározása, valamint a monitor képernyőjén megjelenő szöveges és grafikus információk pszichofiziológiai követelményeinek meghatározása.

Ezen túlmenően, mivel az online felhasználók számát több mint 500 millióra becsülik (és körülbelül havi 7%-kal növekszik), meg kell keresni az olyan új technológiák alkalmazásának módjait, amelyek segíthetnek vonzani és megtartani az utazó felhasználók figyelmét. az internet hatalmas kiterjedésein keresztül.

A kutatás tárgya a web-technológiák.

Objektum - környezetek és nyelvek webes alkalmazások fejlesztéséhez.

A munka célja a lehetőségek feltárása gyakorlati használat nyelvek és eszközök webalkalmazások fejlesztéséhez.

1) mérlegelje a webes technológiák alapfogalmait;

2) megadja az üzleti tevékenységekben használt webalkalmazások különféle osztályozását;

3) mérlegeli a webalkalmazások pszichofizikai követelményeit;

4) meghatározza a programozási nyelvek alkalmazási területeit webes alkalmazások fejlesztéséhez;

5) elemezze a webalkalmazások létrehozására szolgáló környezetek funkcionalitását.

Érdemes felelősségteljesen megközelíteni a saját „internetes reprezentáció” létrehozásának feladatát. Az oldal legyen könnyen használható - az oldalak a lehető leggyorsabban töltsenek be, és magának az erőforrásnak logikus és érthető szerkezetűnek kell lennie. Csak ebben az esetben számíthat arra, hogy a látogató érdeklődik a közölt információk iránt, és az oldalon marad.

Korszerű számítástechnika fejlesztése és megvalósítása legújabb technológiák az élet új irányának kezdetét jelentette a Földön. A mikroelektronika és a kibernetika fejlődésében meglehetősen rövid idő alatt sok változás történt.

A technológia fokozatos fejlődése új szoftvertermékek megjelenését idézte elő. Évről évre egyre több programozási nyelv kerül bevezetésre. Mindegyik elsősorban a célközönséget célozza meg.

Nemcsak a számítógépek fejlődnek, hanem a hálózatok is. Ha csak néhány évtizeddel ezelőtt az internet kicsi volt privát hálózat, akkor ez mára egy gigantikus, egymással összekapcsolt számítógépek rendszere, amely nélkül elképzelhető, hogy el sem tudjuk képzelni az életet.

Az internet nem csak egy „hűvös medence”, amelyben a nagyon „túlfűtött” emberek jól érzik magukat, hanem egy olyan hely is, ahol szinte bármilyen forró témát „megérinthet” anélkül, hogy félne az égéstől.

A webtechnológia teljesen forradalmasította az információval való munka, és általában a számítógéppel való munka gondolatát. Kiderült, hogy a számítástechnika fejlesztésének hagyományos paraméterei - teljesítmény, áteresztőképesség, tárolókapacitás - nem vették figyelembe a rendszer fő "szűk keresztmetszetét" - az emberrel való interfészt. Az információs rendszerrel való emberi interakció elavult mechanizmusa akadályozta az új technológiák bevezetését és csökkentette használatuk előnyeit. Csak amikor az ember és a számítógép közötti interfész az átlagember természetes érzékelésének szintjére egyszerűsödött, akkor a számítástechnika képességei iránti érdeklődés soha nem látott robbanása következett.

Az internetfelhasználók rendelkezésére álló információk olyan számítógépeken (webszervereken) találhatók, amelyekre speciális szoftverek vannak telepítve. Ezen információk nagy része webhelyek formájában van megszervezve. Mindegyiknek megvan a saját neve (címe) az interneten. A webhely egy bizonyos formában megjelenített információ, amely egy webszerveren található, és saját névvel rendelkezik. Webhelyek megtekintéséhez a felhasználó számítógépén használja a speciális programok amelyeket böngészőknek nevezünk. Jelenleg a leggyakoribb böngészők internet böngészőés a Netscape Navigator. Attól függően, hogy milyen webhelynevet adunk meg a „Cím” sorban, a böngésző betölti a megfelelő információkat az ablakába.

A webhely egymással összefüggő weboldalakból áll. A weboldal egy *.htm kiterjesztésű szövegfájl, amely tartalmazza szöveges információkés speciális parancsok – HTML kódok, amelyek meghatározzák, hogy ezek az információk hogyan jelenjenek meg a böngészőablakban. Minden grafikai, audio- és videoinformáció nem szerepel közvetlenül a weboldalon, és külön fájlokban jelennek meg (1. ábra, A függelék).

A modern webalkalmazások főként olyan portálok, amelyek máshol nem használható szolgáltatásokat nyújtanak, ezek egyik hátránya a cégek közötti információcsere nehézsége. Különösen, még kapcsolat és egyéb Személyes adat minden ilyen oldalon újra be kell írnia.

Jelenleg a portáloknak három fő típusa van a céljukat tekintve:

· Nyilvános vagy horizontális portálok (néha mega-portáloknak is nevezik), mint például a Yahoo, Lycos, Excite, Rambler. Az ilyen portálok gyakran a keresőmotorok fejlődésének eredményei. A legszélesebb közönségnek szólnak, ami az általuk nyújtott információk és szolgáltatások tartalmában is megmutatkozik. Általában ez az információ általános jelleg, valamint a nyújtott szolgáltatásokat (e-mail, hírlevelek stb.).

· Függőleges portálok. Ez a fajta portál bizonyos típusú piacokhoz készült, és a piac szolgáltatásait igénybe vevő vagy azon dolgozó közönséget szolgálja ki. Ilyen portálok például az utazási irodák, amelyek szállodafoglalással, jegyrendeléssel és -szállítással, térképekhez és információkhoz való hozzáférést biztosítanak. közúti útvonalak, vagy B2B (business-to-business) portálok, amelyek lehetővé teszik ügyfeleik számára, hogy közös üzleti tranzakciókat hajtsanak végre (például szállítók kiválasztása és áruvásárlás, aukciók lebonyolítása).

· A vállalati portálok egyetlen vállalkozás alkalmazottai, ügyfelei és partnerei számára készültek. Egy ilyen portál felhasználói szerepkörüktől és személyes profiljuktól függően hozzáférést kapnak a számukra szánt szolgáltatásokhoz és alkalmazásokhoz.

Egyéb leggyakoribb webes alkalmazások:

· Regionális internetes portálok, amelyek hatókörüket tekintve univerzálisak, de korlátozottak az érdeklődő látogatók földrajzi elhelyezkedése miatt (e1.ru);

· A keresőmotorok olyan internetes portálok, amelyek célja, hogy a látogatóik számára lehetőséget biztosítsanak olyan webhelyek megtalálására, amelyeken meghatározott szavak vagy teljes kifejezések szerepelnek (metabot.ru);

· A címtár webhelyekre mutató hivatkozások gyűjteménye. Miért van szükségünk katalógusokra, ha van keresés? Nagyon gyakran nem tudjuk pontosan, mire van szükségünk, nem tudjuk néhány szóban megfogalmazni (mail.ru);

· Az elektronikus faliújság egy olyan hely az interneten, ahol szinte bárki hagyhat tájékoztató, meghívó vagy reklám jellegű információkat;

· A fórumok olyan speciális webhelyek vagy oldalrészek, amelyek célja, hogy a látogatók üzeneteket hagyjanak és véleményt cseréljenek;

· A chat egy másik hely az internetes kommunikációhoz, de célja nem a véleménycsere valamilyen témában, hanem egyszerűen az idő elhúzása;

· Letölthető fájlok;

· Fotógalériák;

Statisztikai elemek;

· Különféle információk tárolása az interneten;

· Levelezőlista-szerverek, szolgáltatásokat kínálnak információk eljuttatására az olvasók széles köréhez (subscribe.ru);

· Online áruházak és aukciók (ozon.ru, molotok.ru).

A webprojekt kiindulópontja a webhely céljainak és a felhasználó számára kínált funkcióknak az elemzése.

A második szakasz a webhely információs architektúrájának felépítése lesz.

Miután az oldal összes anyaga és szerkezete ismert, továbbléphet magának a navigációnak és az oldalaknak a kialakítására.

Minden oldalon el kell helyezni egy jól látható hivatkozást az oldaltérképre. A térképet megjelenítő oldal mérete nem haladhatja meg a két oldalt a felhasználó képernyőjén. Kétféle térképet használnak: statikus és dinamikus. A leghatékonyabb az információs architektúrát statikus megjelenítő térkép használata, hiszen dinamikus nézet még nagyobb zavarhoz vezeti a felhasználót. A térkép a felhasználó jobb tájékozódása érdekében készült, így a térképen nem csak a felhasználó aktuális pozícióját kell megjelenítenie az oldalon, hanem azokat a részeket is, amelyeket már meglátogatott.

A cég honlapjának főoldala az oldal arca, amely a teljes hálózat felé néz (2. ábra B melléklet). A főoldalon egyértelműen szerepelnek a vállalat céljai, és minden egyes design elemnek lehetővé kell tennie a felhasználó számára, hogy jobban megértse az oldalt, és eldöntse, milyen műveletek sorrendjében oldja meg problémáit.

A legtöbb felhasználó a főoldalról kezdi meg utazását az oldalon. Ugyanakkor az oldalunkat úgy kell kialakítani, hogy a mélylinken keresztül az oldalra érkezők jól érezzék magukat. Ehhez el kell helyeznie a webhely minden oldalán:

· cégnév vagy logó a bal felső sarokban

· egyedi szlogen az oldalhoz, amely egy mondatból áll

Nem feltételezhető, hogy a felhasználó az elejétől a végéig eljutott erre az oldalra. Nagyon valószínű, hogy nem látta azokat az információkat, amelyeket a hierarchia legfelső szintjének oldalain jeleztünk. A mélyhivatkozásoknál a felhasználót egy helyre kell irányítanunk, meg kell mondani neki, hogy éppen hol tartózkodik az oldalon, láncszemet jelezve az oldalon. Ha szükség van arra, hogy egy oldalt ne indexeljenek a keresők, akkor be kell írni a "HEAD" elemet .

A "Rólunk" részben meg kell adnia a céggel kapcsolatos alapvető információkat:

· Elérhetőség;

a szervezet filozófiája (üzleti jövőkép, társadalommal való kapcsolatok, törekvések);

főbb történelmi mérföldkövek;

A "Rólunk" oldal tetején található hosszadalmas magyarázat segít a felhasználónak jobban megérteni, mit tartalmaz ez az ajándék.

A szövegnek jól olvashatónak kell lennie mind a fiatal, mind az idős felhasználók számára, ezért a betűméretet relatív egységekben kell megadnunk, nem pedig abszolút mértékegységekben, mivel a méretet a felhasználóknak maguknak kell kiválasztaniuk. Ebben az esetben a szövegnek teljesen el kell illeszkednie az oldalon, hogy ne zavarja a webhely oldalainak vízszintes görgetését.

A felhasználók ritkán olvasnak szóról szóra weboldalakat. Az első megtekintéskor tényeket keres, és figyelmen kívül hagyja a részleteket, de miután érdekes anyagot talált, elmélyülhet. Egy hozzávetőleges oldalmegtekintési séma a következőképpen néz ki: az első vízszintes vonal teljesen látható, a következő nem teljes mélységében, és minden további sorral egyre jobban csökken az információ kiragadása.

Ezért a felhasználók gyakran csak a cikk tetejét tekintik meg. És csak a legérdekesebb olvasók görgetnek lefelé az oldalon, és csak ezek a kevesek fogják megérteni a cikk történetét minden részletében. Ezért fontos a „fordított piramis elve” alkalmazása, amely abból áll, hogy a cikk egy „következtetéssel” kezdődik, amit egy üzenet követ a fontos információ, a végén pedig megadjuk az esemény hátterét.

Az oldalak kényelmesebb megjelenítése érdekében a következőket fogjuk használni:

· kulcsszavak kiemelése;

· jól megírt címsorok;

· listák markerekkel;

· ötletenként egy bekezdés (a felhasználók minden más ötletet kihagynak, ha nem vonzzák őket a bekezdés fő szavai);

· fordított piramisstílus (ahol a cikk egy konklúzióval kezdődik);

· kevesebb szó, mint egy normál cikkben;

· a tisztázatlan kifejezések minimuma;

· az üzenet létrehozásának dátumának jelzése (amennyiben tudni szeretné, hogy mennyi ideig tart, ez pillanatnyilag releváns);

az "ALT" attribútum környezeti információi.

Az elektronikus címek gyakran kontextuson kívül jelennek meg:

· az oldalon található cikkek listájában;

· az üzenetek fejlécében Email;

· a keresési eredményekben;

· a böngésző könyvjelzőiben.

Ugyanakkor a felhasználóknak nem kell semmilyen szuper tudással rendelkezniük ahhoz, hogy megértsék a címsorunkat, ha kihagyják a címsor alatti szöveget. Emiatt a címszövegnek önálló információnak kell lennie, amely lehetővé teszi, hogy a tartalom többi része hiányában is érthető legyen. Cím írásakor semleges nyelvezetet kell használni, és nem: szójátékokat, „kifinomultságot”, „csalogatókat”, nagybetűket (ahogy úgy tűnik, hogy kiabálunk a felhasználóval)

A felhasználók előnyben részesítik az értelmes címsorokat. Minél rövidebb a mikrotartalom, annál egyszerűbb a böngészés. Minden cikk és oldalcím elején ki kell zárni ugyanazt a szót, mivel több ilyen szócikk egyidejű használata esetén nehéz lesz kiválasztani a kívánt cikket a panelen vagy a könyvjelzőkben.

Amikor e-mail címet kérünk, itt és most meg kell mondani, hogy pontosan mit fog kapni a felhasználó, és milyen gyakran zavarja meg postafiókja nyugalmát. A Mailto hivatkozásokat úgy kell használni, hogy pontosan megértsük, mi van előttünk levelezési cím. Ne helyezzen el e-mail hivatkozásokat a nevekre, mivel a névre kattintva az életrajzhoz kell vezetnie. Az e-mailben történő kommunikáció során nincs ok az egyik alkalmazott konkrét nevének használatára, kivéve, ha a felhasználó személyes kapcsolatot létesített vele (az ismeretlen személyektől érkező levelek leggyakrabban a kukába kerülnek).

Az oldal hitelességének növelése érdekében jó minőségű grafikai képek használata szükséges. Alapértelmezés szerint azonban ne használjon nagy képeket. Célszerű vázlatokat használni, és ha szükséges, azokat a felhasználó kívánsága szerint nagyítani. A miniatűröknek tartalmazniuk kell a képpel kapcsolatos összes alapvető információt. Az oldalon helyesebb lenne valódi alkalmazottak és ügyfelek fényképeit használni, nem pedig káprázatos hollywoodi mosolyú fotómodelleket. Szükséges továbbá jó írásstílus és más oldalakra mutató hipertext linkek használata. Nincs szükség „reklámvíz” használatára, mivel az további érzelmi terhelést hordoz, és a felhasználóknak időt kell fordítaniuk a hiperbolák kiszűrésére a valós tényekből.

Az oldalhoz való kötődés növelésének klasszikus módja az, hogy bizonyos rendszerességgel (napitól havonta) friss anyagokat teszünk közzé. Az érdeklődőknek friss anyag postázását szükséges megszervezni. A feliratkozók majdnem 100%-a rendszeresen felkeresi magát az oldalt, amíg a szerző emlékezteti őket magára.

A weboldal tervezésének alkalmazkodnia kell az emberekhez. Az egyik lehetőség egy ilyen eszközre a profil, de ennek kitöltése türelmet igényel, ezért a már bejáratott oldallátogatók töltik ki. Ezért a felhasználók nyomon követéséhez jobb egy „süti” használata, amelynek fájljába minden szükséges információ be van írva, nem pedig egy fárasztó regisztrációs eljárás. Ha a regisztráció továbbra is szükséges a biztonságos működéshez, akkor ne készítsen túl szigorú nevezési űrlapokat. Ha lehetséges az automatikus kiegészítés használata és a kurzor automatikus elhelyezése az űrlap első mezőjében.

Ne hozzon létre űrlapokat az internetes kereséshez, ha a felhasználónak szüksége van rá, akkor egy speciális keresőt használ.

A linkeknek kiszámíthatónak kell lenniük, a felhasználónak tudnia kell, mi történik, ha rákattint. Tegye egyértelművé, hogy mi a hivatkozás: ha szöveges, színezze vagy húzza alá. Ne rejtse el a meglátogatott és nem látogatott hivatkozások közötti különbségeket. Hozzon létre kapcsolatokat azzal az elvárással kereső motorokők a legfontosabb látogatók, és süketek és vakok a csúcstechnológiára. Tervezze meg a "title" címkéit úgy, hogy jól nézzen ki a keresőkben és a könyvjelzőkben, ezért a linkeket kulcsszóval kell kezdenie.

Kerülje el a hibás hivatkozások megjelenését, mivel más oldalak és keresőmotorok ebben az esetben nem fognak hivatkozni ránk.

A webhelyen való navigáció során a felhasználó választhatja meg, hogyan nyitja meg az oldalakat, akár felugró ablakban, akár más módon.

A WEB-en a felhasználók a céljukon kívül semmi másra nem figyelnek, és egyszerűen figyelmen kívül hagyják azokat a reklámokat, amelyek elvonják a figyelmüket a cél elérésétől. Ha hirdetésünk azelőtt jelenik meg, hogy a felhasználó megtalálja az őt érdeklő anyagot, akkor nagy valószínűséggel bezárjuk. Amikor pedig befejezi fő feladatát, és készen áll arra, hogy közelebbről is szemügyre vegye a hirdetést, egyszerűen nem fogja látni többé, mert bezárta a felugró ablakot. Ezért soha ne vonja el a felhasználó figyelmét a céljától.

Amikor a felhasználó lekérdező szavakat ír be a keresőbe, a lekérdezés eredménylistájában megjelenő hirdetések közvetlenül kapcsolódnak ahhoz, amire a személynek szüksége van. Így aztán elolvassa ezeket a hirdetéseket, és rákattint a linkekre. Az ilyen reklámozás sokkal kevesebbe kerül, mint a szórólapok terjesztése.

Tehát a siker titka az, hogy a hirdetést a felhasználói célokkal kombináljuk.

· a "Bezárás" gomb hiánya;

· egyértelműen jelezze, mi fog történni, ha rákattint;

· további információkat biztosít magáról anélkül, hogy el kellene hagynia az aktuális oldalt.

Az értékelő munka elvégzéséhez három-öt résztvevő bevonása szükséges. Mindegyikük egyénileg végzi a munkát. Ezt követően eredményeiket összehasonlítják, és egyetlen következtetésre jutnak. A teszt két szakaszban történik:

1) az interfész megértése;

2) a figyelem koncentrálása bizonyos elemekre.

Minden problémát külön meg kell említeni, függetlenül attól, hogy a jövőben hogyan ismétlődik.

Webes alkalmazásfejlesztő eszközök

Programozási nyelvek alkalmazási területei webes alkalmazások fejlesztéséhez

A Hypertext Markup Language vagy közismertebb nevén HTML az a számítógépes nyelv, amely a World Wide Web alapját képezi. Köszönet HTML nyelv Bármely szöveg megjelölhető úgy, hogy hipertextgé alakítja, majd közzéteszi a weben.

A HTML nyelvnek megvan a maga karakterkészlete, amelyet a webböngészők az oldalak megjelenítéséhez használnak. Ezek a karakterek, az úgynevezett fogantyúk, tartalmazzák a hiperhivatkozások létrehozásához szükséges elemeket.

A HTML-dokumentumok egyik jellegzetessége, hogy maga a dokumentum csak szöveget tartalmaz, az összes többi objektum pedig a Böngésző által speciális címkékkel való megjelenítéskor beépül a dokumentumba, és külön tárolva. A HTML fájl mentésekor a dokumentum helyén egy mappa jön létre, amelybe a hozzá tartozó grafikai elemek kerülnek.

Először is, a PHP-t a szerver oldalon működő szkriptek létrehozására használják, ezért találták ki. A PHP képes ugyanazokat a problémákat megoldani, mint bármely más CGI szkript, beleértve a html űrlapadatok feldolgozását, dinamikus generálását html oldalak stb. De vannak más területek is, ahol a PHP használható.

A második terület a parancssorban futó szkriptek létrehozása. Vagyis a PHP segítségével olyan szkripteket hozhatunk létre, amelyek a webszervertől és a böngészőtől függetlenül egy adott gépen lefutnak.

Az utolsó terület pedig a GUI alkalmazások létrehozása ( grafikus felületek) a kliens oldalon fut.

Az Ajax az Asynchronous Javascript And XML (Asynchronous Javascript and XML) rövidítése, és nem technológia a szó szoros értelmében. Ha egy szabványos webes alkalmazásban a szerver minden információt feldolgoz, míg a böngésző csak a felhasználóval való interakcióért, a kérések továbbításáért és a bejövő HTML kiadásáért felelős, akkor az Ajax alkalmazásban egy másik közvetítő jelenik meg a felhasználó és a szerver között - a Ajax motor. Meghatározza, hogy mely kéréseket lehet "helyben" feldolgozni, és melyeket kell a szervernek címezni.

A szerver viselkedése is megváltozott. Ha korábban a szerver minden kéréshez új oldalt adott ki, most már csak azokat az adatokat küldi el, amelyekre a kliensnek szüksége van, és ezekből a HTML közvetlenül a böngészőben alkotja az Ajax motort.

Az aszinkronitás abban nyilvánul meg, hogy nem minden felhasználói kattintás jut el a szerverre, és ennek az ellenkezője is igaz - nem minden szerver reakciója egy felhasználói kérés eredménye. A legtöbb kérést az Ajax motor generálja, és úgy is megírható, hogy az információkat a felhasználó tevékenységére várva töltse be.

Az Ajax használatának helye:

· Űrlapok. Nagyon lassúak. Ha aszinkron módon visz át adatokat, az oldal nem töltődik be újra.

· Navigáció "fa" formájában. Általában az ilyen navigáció szörnyű. Egy egyszerű topológia sokkal kényelmesebb, de ha úgy adódik, akkor jobb az Ajax használata.

· Szűrők. A webhelyek gyakran dátum vagy név szerint rendeződnek. Az Ajax sokkal kényelmesebb lesz.

JavaScript

A JavaScript programozási nyelvet a Netscape fejlesztette ki interaktív HTML dokumentumok létrehozására. Ez egy objektum-orientált nyelv beágyazott alkalmazások fejlesztésére, amelyek mind a kliens, mind a szerver oldalon futnak. A nyelv szintaxisa nagyon hasonlít a Java szintaxisához – ezért nevezik Java-szerűnek.

A JavaScript főbb felhasználási területei a következő kategóriákba sorolhatók:

· dokumentum dinamikus létrehozása szkript segítségével;

· a felhasználó által kitöltött mezők pontosságának azonnali ellenőrzése HTML űrlapok mielőtt átküldi őket a szerverre;

· dinamikus HTML oldalak létrehozása lépcsőzetes stíluslapokkal és dokumentumobjektum modellel együtt;

· felhasználói interakció a HTML oldalba ágyazott JavaScript alkalmazás által megoldott „helyi” problémák megoldása során.

VBScript

A VBScript szkriptnyelvet a Microsoft fejlesztette ki, és a Windows alkalmazási programok fejlesztésére szolgáló Visual Basic nyelv egy részhalmaza, ami meglehetősen gyakori a programozók körében. A szülőhöz hasonlóan a VBScript is meglehetősen egyszerű és könnyen megtanulható.

A szkriptek létrehozására való használatának előnye, hogy kisebb módosításokkal használhatja a Visual Basic és a Visual Basic for Application korábban megírt eljárásait.

A VBScript-ben írt szkriptek funkcionalitása nem különbözik a JavaScript-szkriptek funkcióitól: dinamikus alkotás dokumentum vagy részei, események lehallgatása és feldolgozása stb.

A VBScript kliensoldali szkriptekhez (ebben az esetben a böngészőnek beépített értelmezővel kell rendelkeznie az adott nyelvhez) és szerveroldali szkriptekhez (ebben az esetben a kiszolgálónak támogatnia kell a VBScriptet).

Ügyfélszkriptek létrehozásához a JavaScript-készlethez hasonló objektumkészletet kell használnia. A kliens és a szerver objektumok különböznek egymástól, de van egy közös része (mag) az objektumoknak, amelyeket mind a kliens, mind a szerver szkriptek fejlesztése során használnak.

A Perl-t legszélesebb körben rendszeradminisztrációs eszközök fejlesztésére használják, de az utóbbi időben óriási népszerűségre tett szert az internetes alkalmazások fejlesztésében: CGI-szkriptek, automatizált e-mail-feldolgozó rendszerek és webhely-támogatás.

Íme néhány példa a Perl-lel végrehajtható feladatokra:

· a Windows NT felhasználók állapota és képességei közötti eltérések ellenőrzése;

· NT szolgáltatások kezelése innen parancs sorés távolról egy helyi gépről statisztikai adatok beszerzése egy külön gépen;

· FTP protokollal is működik;

· rendszertámogatás UNIX és Windows rendszerekhez.

Jelenleg a World Wide Web több millió webhelynek ad otthont, és számuk folyamatosan növekszik. Mindenkinek lehetősége van nemcsak megnézni bármelyiket, és hasznos információkat kinyerni a maga számára, hanem aktívan részt venni létrehozásában. Nagyon fontos a környezet, amelyben a fejlődés meg fog történni.

A Macromedia továbbra is intuitívvá és könnyen használhatóvá teszi a Dreamweavert. Egyrészt a nagy teljesítményű eszközök, másrészt a könnyű kezelhetőség teszik ideálissá a Macromedia termékeket Szoftver csomag, professzionális webdesignereknek és kezdőknek egyaránt. A Macromedia csomagban található termékek, mint a Flash, Firework, Dreamweaver, eredményesebbé teszik a munkáját, ugyanakkor helyettesíthetik egymást (például bármelyikben létrehozhatunk gombokat). Az olyan termékek, mint a Sitespring, a FreeHand növelik a hatékonyságot az ügyfelekkel való munka során.

A Dreamweavernek számos előnye van:

A Dreamweaver támogatja a tiszta HTML kódot, valamint a legújabb DHTML és CSS bővítményeket.

Kiváló termékeket tartalmaz automatikus vezérlés kapcsolatokat, vagyis amikor fájlokat mozgatnak a környezetben, minden kapcsolat automatikusan visszaáll. Az oldal egyes részei letilthatók, hogy megvédjék őket a véletlen sérülésektől.

Lehetővé teszi a több lépéssel ezelőtt végrehajtott módosítások visszavonását (azonban az oldal mentése után nem tudja visszavonni a módosításokat).

A „Dinamikus böngészők közötti ellenőrzés” alkalmazásra kerül.

Támogatja a külső fejlesztőktől származó bővítményeket és magát a Macromedia-t is (több mint 500).

A Dreamweaver a weboldalakon használható elemek könyvtárával érkezik, mint például a navigációs sáv, a szerzői jogi leíró stb.

Multimédia hozzáadására szolgál weboldalakhoz és különféle típusok fájlok a Flash-től és a Java-tól a RealAudio-ig, interaktív elemek, például keresők, fórumok, e-kereskedelmi rendszerek.

A Dreamweavernek nincsenek saját képalkotási eszközei. Csak a legegyszerűbb szerkesztőeszközöket mutatja be, így a képek készítéséhez és szerkesztéséhez speciális grafikus szerkesztőkre lesz szükségünk.

A Dreamweaver lehetővé teszi a szükségtelen kód eltávolítását a Microsoft alkalmazásokból, ami után az oldalak gyorsabban töltődnek be, és jobban jelennek meg a különböző böngészőkben.

A Fireworks egy grafikus szerkesztő, amely tovább optimalizálhatja és közzéteheti a hálózaton. Sokféle felhasználásával eszközöket, vektoros és raszteres grafikákat is létrehozhatunk és szerkeszthetünk egyetlen fájlon belül, ahelyett, hogy egyik programból a másikba költöznénk. A Fireworks HTML- és JavaScript-kódot generál, és könnyen létrehozhat dinamikus menüket és navigációs sávokat weboldalainkhoz. A grafikus fájlok hatékony optimalizálása lehetővé teszi a méretük lehető legnagyobb csökkentését a minőség elvesztése nélkül.

Ezen kívül lehetőség van WEB oldalak elrendezésének szerkesztésére is. Például a Fireworks 8-ban megnyithatja grafikus fájl a leendő oldal teljes szélességében rajzolja meg a szükséges grafikai tervet, majd vágja ki a Szelet eszközzel úgy, ahogyan a HTML dokumentum leendő táblázatának ki kell néznie. Ezt követően megkezdheti az egyes grafikai elemek finomítását, és többek között olyan aktív grafikák létrehozását, amelyek a programozási nyelv (JavaScript) ismerete nélkül reagálnak a kurzorra.

A három szakember egyike grafikus szerkesztők, váltakozó sikerrel vezetve a küzdelmet az elsőbbségért való munka során vektoros grafika. A FreeHand sokkal gyorsabb és egyszerűbb, mint versenytársai - a CorelDraw és Adobe Illustrator. A FreeHand kiválóan alkalmas logók, reklámok, webgrafikák és animációk készítésére.

A program gyártói rengeteg erőfeszítést tettek azért, hogy a felhasználók életét a lehető legkönnyebbé tegyék: a program kezelőfelülete egyszerű és intuitív, számos kütyü található, amelyek segítségével gyorsan és egyszerűen végezhet bonyolult objektumok átalakításait vagy különféle művészi hatásokat érhet el. . A FreeHand szinte minden elterjedt formátumban képes fájlokat exportálni és importálni. Ezenkívül olyan gyorsbillentyű-beállításokat is tartalmaz, amelyek más általános programokat emulálnak (Adobe Illustrator, CorelDraw). Így nem kell újratanulni, amikor FreeHandre váltunk.

A FreeHand érdekes és fontos jellemzője a nagy projekteken végzett munka során, hogy képes globálisan módosítani a dokumentumot, mind a szöveges, mind az összes grafikus objektum esetében. A globális helyettesítési mechanizmus nagyon rugalmas. A csere mellett lehetővé teszi az objektumok kiválasztását adott tulajdonságokat a későbbi átalakításhoz. Az objektumok kereséséhez, cseréjéhez vagy kiválasztásához használt fő tulajdonságok a szín, a körvonalvastagság, a betűtípus és az elforgatási szög.

A szabadkézi dokumentumok könnyen weboldalakká alakíthatók. Természetesen a FreeHand nem HTML szerkesztő, de támogatja alapelemek HTML. A FreeHand WEB oldalak könnyen felszerelhetők Flash animációval. Szövegblokkok, objektumcsoportok és körvonalakkal rendelkező objektumok beszúródnak egy animációs klipbe. A FreeHand objektumok kis klipje szó szerint egyetlen paranccsal jön létre - csak néhány beállítást kell követni. A klip minden egyes kerete külön rétegre kerül; az animációs hatás az egyes rétegek tartalmának egymás utáni lejátszásával érhető el. De a FreeHand eszközök nem helyettesítik a Macromedia Flash szerkesztőt.

Vonzó interaktív multimédiás prezentációkat hoz létre a weblapokhoz. A Flash-t vektorgrafika és animáció jellemzi, bár a program rasztergrafikák manipulálására vagy megjelenítésére, videofelvételek szerkesztésére, sőt hangfájlok kezelésére is használható.

A Flash-tartalom kompakt SWF-fájlokban kerül közzétételre, hogy később a Flash-lejátszó segítségével különféle platformokon is megjelenhessen. SWF-fájl lejátszása közben működési mód Dinamikusan képes betölteni olyan tartalmakat, mint az MP3 audiofájlok, Flash videók és JPEG képek. A Flash lejátszó lehetővé teszi az adatforrásokhoz való csatlakozást, hogy összekapcsolja azokat adatbázissal, XML-lel vagy webszolgáltatásokkal. Mindezekkel a képességekkel vonzó animációkat és effektusokat lehet bevinni az adatvezérelt alkalmazásokba. A Flash támogatja az élsimítást (az élek kisimítása a szomszédos színek keverésével). Mivel ez a fájlformátum a vektoros grafika, az objektum bármilyen felbontásban megőrzi a képminőséget, és ideális animációs keretek készítéséhez.

Erőteljes eseményvezérelt nyelv. A használt ActionScript nyelv szinte teljes értékű programozási nyelv, amely támogatja az örökölhető feltételeket, ciklusokat, tömböket, függvényeket és osztályokat.

A Flash javára az így létrejövő fájlok kis mérete és a vektoros képformátum használata, valamint a raszteres és hangfájlok tömörítése nagyon pozitív hatással van az oldal méretének és letöltési idejének csökkentésére.

Ez a program nagyon felhasználóbarát. Rengeteg kész címkével és sablonnal rendelkezik.

Az interfész rugalmassága a termék egyik erőssége. Bármely felhasználó könnyen testreszabhatja a HomeSite felületet preferenciáinak és igényeinek megfelelően.

Munka közben a felhasználó egy munkaterületet láthat két lappal – Tallózás és Szerkesztés. Vagyis a programozás a Szerkesztés fülön történik, és az eredményt a Tallózás fül kiválasztásával láthatjuk. Alkotás közben új oldal Egyes címkék, például a HTML és a BODY automatikusan megjelennek a szerkesztőmezőben. Ez az a sablon, amely új oldal létrehozásakor betöltődik. A tartalma változtatható.

A HomeSite nagyon egyszerűvé teszi a webhely architektúra felépítését. Ezt segíti elő a Quick Bar panel, amely kész címkékkel ellátott fülrendszerrel rendelkezik. Az ezeken a lapokon található címkék nagyon eltérőek – az egyszerű címkéktől, például egy bekezdés, a java szkriptekig. Általában elhagyhat egy lapot, hozzáadva az összes szükséges címkét a Testreszabás menüben. Ön is létrehozhat címkéket vagy azok kombinációit. Ha egy adott címkét tartalmazó gombra kattint, megjelenik egy ablak, ahol konfigurálhatja a címke beállításait és megadhatja annak attribútumait. Támogatja a WYSIWYG módot annak minden előnyével és hátrányával együtt.

A munka felgyorsítása érdekében számos címkeszerkesztő eszköz áll rendelkezésre. Ilyenek például a Tag Completion, a Tag Editors és a Tag Insight funkciók. Sokkal könnyebbé teszik a címkék és attribútumuk szerkesztését. Vannak kódrészletek is.

A HomeSite zökkenőmentesen integrálódik a forráskód-kezelő eszközökkel, projektmenedzsment-rendszerekkel, és kiterjedt FTP-képességeket kínál, így gyorsan és hatékonyan tudjuk telepíteni webhelyét.

Ez a legnépszerűbb HTML szerkesztő a piacon, elsősorban a csomag népszerűségének köszönhetően Microsoft Office. A program hatékony funkciókat és vonzó szoftvercsomagot kínál, beleértve az Image Composert, amelyet képek készítésére terveztek (B függelék). A FrontPage tartalmazza azokat a webösszetevőket is, amelyek interaktív tulajdonságok hozzáadásához szükségesek a webhelyhez. A Microsoft FrontPage egy klasszikus WYSIWYG szerkesztő, amely azonban képes manuálisan szerkeszteni a kódot.

A program három móddal dolgozik egy dokumentummal: Normál, HTML és Előnézet.

Normál módban a weboldalak a szokásos módon jelennek meg szöveges fájl az összes elem szerkesztésének lehetőségével - a szövegtől a képekig.

HTML módban a szintaxis kiemelés történik, de meglehetősen közepesen - a leírók kékkel vannak kiemelve, minden más fekete.

Előnézet módban láthatja, hogyan fog kinézni oldala a böngészőablakban.

A FrontPage-nek van egy táblázattervezője, amely sokkal egyszerűbbé teszi a létrehozásukat. A program egyik fő előnye az nagyszámú rendelkezésre álló sablonok, amelyek lehetővé teszik a felhasználó számára, hogy ne törje az agyát a projekt tervezésén. A szükséges sablon kiválasztása után közvetlenül folytathatjuk az oldal tartalommal való feltöltését. Itt jelenik meg a FrontPage szépsége: a HTML-oldal létrehozásának folyamata nem különbözik egy normál oldal létrehozásától. szöveges dokumentum a Microsoft Wordben. Ugyanazokhoz az eszközökhöz férünk hozzá szövegszerkesztéshez, formázásának megváltoztatásához, táblázatok létrehozásához és szerkesztéséhez, különféle objektumok és képek beszúrásához, és mindezt HTML ismerete nélkül. A FrontPage a munkaterületet több blokkra osztja, amelyek tartalmazzák bizonyos elemeket oldalak – képek, szövegek, címsorok stb. Minden blokkhoz hozzárendelheti saját formázási paramétereit és az oldalhoz viszonyított helyét.

Hátrányok: kis fejlesztői eszközkészlet, a program külön megvásárlásának lehetetlensége. A Microsoft FrontPage első alkalommal jó választás HTML-szerkesztőként, de az igények növekedésével a képességei nem biztos, hogy elegendőek. Az éremnek van egy másik oldala is - a kapott kód bonyolultsága és nehézkessége, ami természetesen befolyásolja a dokumentum végső méretét. A jövőben nagyon nehéz lesz módosítani egy ilyen dokumentumot. De ez inkább nem egy adott termék, hanem szinte az összes WYSIWYG szerkesztő hátránya (What You See Is What You Get – „amit lát, azt kap”).

Annak ellenére, hogy a Microsoft Word egy szövegszerkesztő, és alapvetően nem tekinthető HTML-szerkesztőnek. Lehetővé teszi a fájlok HTML formátumban történő mentését. Ennek eredményeként olyan oldalakkal találkozhatunk, amelyeket így vagy úgy a Microsoft Wordben hoztak létre. A szerkesztőből generált HTML problémái hasonlóak a FrontPage problémáihoz: mindkét program redundáns kódot állít elő, amely nem minden felel meg a HTML szabványnak. A Word-öt mindennapi munkájuk során használó emberek nagy része potenciális HTML-dokumentum-fejlesztővé válik.

A Wordben kétféleképpen hozhat létre weboldalt: a varázsló használatával vagy egy meglévő Word-dokumentum HTML formátumba konvertálásával. Ebben az esetben a Word maga generál HTML-címkéket, bár nem optimális módon. Az átalakítás természetesen oda vezet, hogy a dokumentumterv egyes elemei elvesznek vagy megváltoznak. Ha saját címkéit kell beillesztenie egy HTML-oldalba, a Word lehetővé teszi a HTML-kód közvetlen szerkesztését.

Illusztrációk, azaz vektorgrafikus elemeket, például betűtípusokat, geometriai alakzatokat stb. tartalmazó képek készítésére és szerkesztésére tervezték.

A weboldalak sok elemet tartalmazhatnak − HTML szöveg, raszteres képek, vektoros grafika. Az Illustratorban töredékek segítségével meghatározhatja az objektum különböző webelemeinek határait. A weboldal cellákra van osztva, amelyek három típusban jelennek meg: képek, képek nélkül, HTML szöveg.

Ebben az esetben minden töredéket elmenthet önálló fájlként, saját formátummal, beállításokkal és színpalettával. A reteszelő töredékek megakadályozzák a véletlen helyzetváltozásokat. A töredék mérete a benne lévő objektumhoz van kötve. Emiatt egy objektum mozgatásakor vagy méretének megváltoztatásakor a töredékhatárok automatikusan módosulnak, de szükség esetén mindig kézzel is módosíthatók.

A linktérképek lehetővé teszik, hogy egy kép egy vagy több területét (úgynevezett hotspotok) társítsa egy URL-hez. Amikor egy aktív területre kattintunk, a böngésző letölti a hozzá tartozó fájlt.

A fő különbség a hivatkozásleképezések és töredékek hivatkozások létrehozása között az, hogy az objektum hogyan exportálódik a weboldalra. A hivatkozási térképek használata egyetlen képfájlként menti az objektumot, míg a csempék használatakor az objektum több külön fájlra van felosztva. Egy másik különbség a linktérképek és a csempék között, hogy a térképek lehetővé teszik sokszög vagy téglalap alakú területek összekapcsolását egy objektumban, míg a csempék csak téglalap alakú területek összekapcsolását.

A legnépszerűbb és legszélesebb körben használt képszerkesztő program. Segítségével rendkívül művészi képeket készíthet. Mindent tartalmaz, ami a professzionális grafika létrehozásához és szerkesztéséhez szükséges.

A Photoshop nem csak egy képszerkesztő program, hanem kategóriájában a legerősebb és legfunkcionálisabb program. A program lehetővé teszi a kép retusálását és speciális effektusok kezelését, az egyik kép részleteinek átvitelét a másikra, szöveg hozzáadását, a színarány megváltoztatását, sőt, a szürkeárnyalatos képek színezését is. A Photoshop eszközök kompatibilisek a grafikus táblákkal, ami lehetővé teszi egészen művészi képek készítését, amelyek nem rosszabbak, mint az akvarell és az olaj.

Az alapvető Photoshop-eszközök egyszerűségével a felhasználó testreszabhatja azokat „magának”. Ez egyenértékű a zsírkréták végtelen választékával. Mivel a rajzolóprogramok működése pixelekre támaszkodik, ideálisak színes ceruzák, spray-festékek, vízfestékek, olajfestékek és egyebek elektronikus (digitális) fényképeihez. A Photoshop teljes ellenőrzést biztosít a kép minden pixele felett. A korlátozott felbontású rajzprogramok hátránya. Mivel a bittérkép fix számú képpontból áll.

A CorelDraw lehetővé teszi a dokumentumokban bemutatott információk széles skálájának feldolgozását vektoros és raszteres objektumok, egyszerű és művészi szövegblokkok, valamint internetes objektumok formájában.

A program modern, lapos típusú felületet használ, melynek jellemzője, hogy a különböző paneleken elhelyezett eszközök közönséges lapos képek formájában jelennek meg, és ezek közül az egyik csak a mutató ráhelyezésekor kerül kiválasztásra.

A vektoros képek készítésekor a vonalak és alakzatok egymásra kerülnek, amíg a végső képet meg nem kapjuk. Minden objektum a többitől függetlenül szerkeszthető - az objektum megközelítés egyik előnye, de a képet továbbra is szakaszosan kell felépíteni. A vektoros rajzoló programban a vonalakat, alakzatokat és szöveget matematikai kifejezések határozzák meg, ami lehetővé teszi azok automatikus igazítását maximális felbontás kimeneti eszközök. A vektoros rajzok másik előnye, hogy nem igényelnek sok lemezterületet. A vektoros rajzfájl térfogata csak a rajzot alkotó objektumok számától és összetettségétől függ, így mérete, a raszteres rajztól eltérően, gyakorlatilag nem befolyásolja ezt a térfogatot.

A CorelDraw bemutatja a hatékony vizuális weboldal-szerkesztő tulajdonságait: a felhasználó gazdag HTML-dokumentumokat hozhat létre, amelyek JavaScript-szkripteket és CSS-stíluslapokat is tartalmazhatnak.

Hatékony grafikus, szöveges, valamint webes közzétételhez szükséges elrendezési és exportálási lehetőségekkel a CorelDraw jó kiindulópont a HTML-fájlok első verzióinak létrehozásához.

Amikor képeket helyezünk el egy oldalon, az egyik legfontosabb feladat a képfájlok méretének optimalizálása. A teljes oldalméret ajánlott felső határa 100 és 150 kbyte között van. A képfájlok méretének csökkentése a fájlok tömörítésével és a színek számának csökkentésével történik. Ezek a feladatok a fent felsorolt ​​grafikus programok bármelyikéhez elérhetők.

Következtetés

A webtechnológia megjelenésével a Föld lakosságának teljesen új rétegei kezdenek számítógépet használni. Két legjellemzőbb, különböző társadalmi pólusokon elhelyezkedő csoportot azonosíthatunk, akik – talán saját akaratuk ellenére – gyorsan bekapcsolódtak az új technológiába. Egyrészt a társadalom elit csoportjainak képviselői voltak - nagy szervezetek vezetői, bankok elnökei, felsővezetők, befolyásos kormányzati tisztviselők. Másrészt ezek a lakosság legszélesebb rétegeinek képviselői voltak - háziasszonyok, nyugdíjasok, gyerekek.

Az internethez csatlakozó társadalmi csoportok köre ill információkeresők a WWW-en folyamatosan bővül a szakterületen nem számító felhasználók miatt információs technológiák. Ezek orvosok, építők, történészek, jogászok, pénzemberek, sportolók, utazók, papok, művészek, írók, művészek. A lista folyamatosan folytatódik. Aki tapasztalta az internet hasznosságát és nélkülözhetetlenségét szakmai tevékenysége vagy hobbija szempontjából, az csatlakozik a világháló információfogyasztóinak hatalmas seregéhez.

A hipertext jelölő technológiák fejlődésével egyre több olyan oldal kezdett megjelenni az interneten, amelyek témái teljesen eltérőek voltak - a nagyvállalatok céges sikereiről és kudarcairól mesélő oldalaitól a kis cégek oldalaiig. felajánlják, hogy meglátogatják irodáikat ugyanabban a városban.

Az internetes technológiák fejlődése egy új ág – az internetes fórumok – megjelenését eredményezte az interneten. Weboldalak, sőt egész portálok kezdtek megjelenni, ahol az emberek a világ minden tájáról kommunikálhatnak, választ kaphatnak bármilyen kérdésükre, és akár üzleti megállapodásokat is köthetnek.

A weboldal létrehozása egy marketing lépés, amelynek célja egy olyan információforrás létrehozása, amely lehetőséget biztosít a vállalat számára a régi ügyfelek megtartására és új ügyfelek bevonására.

A weboldal készítés és fejlesztés a következőket tartalmazza:

· a telephely fejlesztésének kezdeti műszaki előírásainak jóváhagyása;

· a helyszín szerkezeti diagramjának meghatározása - a szakaszok, a tartalom és a navigáció helye;

· webdesign - az oldal elrendezésének, stílusainak és navigációs elemeinek grafikai elemeinek készítése;

· a projekthez szükséges programkód, modulok, adatbázis és egyéb weboldalelemek fejlesztése;

· az oldal tesztelése és elhelyezése az Interneten.

Számos eszköz létezik a webhelyek létrehozására, de ezek közül csak néhányan képesek olyan eszközöket biztosítani a fejlesztőknek, amelyekkel a legtöbb problémát megoldják. Weboldal fejlesztése során az interaktív weblapok készítését lehetővé tevő modern webtechnológiák közül ki kell választani a legmegfelelőbbet a kezdeti szakaszban kitűzött feladatok elvégzéséhez.

ez egy *.htm kiterjesztésű szöveges fájl, amely szöveges információkat és speciális parancsokat tartalmaz - HTML kódokat, amelyek meghatározzák, hogy ezek az információk hogyan jelenjenek meg a böngészőablakban

A felhasznált források listája

1. Borisenko A.A. Web design. Pont úgy, mint kettő és kettő. – M.: Eksmo, 2008.- 320 p.

2. Burlakov M.V. CorelDRAW 12. – Szentpétervár; BHV-Pétervár, 2004. – 688 p.

3. Jamsa Chris. Hatékony oktatóanyag a kreatív webdesignról. HTML, XHTML, CSS, JavaScript, PHP, ASP, ActiveX. Szöveg, grafika, hang és animáció. Angolról fordítva/Chris Jamsa, Conrad King, Andy Anderson - M.: DiaSoftUP LLC, 2005. - 672 p.

4. Dunaev V. JavaScript oktatóanyag, 2. kiadás. – Szentpétervár: Péter, 2005. – 395 p.

5. Zolnikov D.S. PHP5. Hogyan készíts magadnak bármilyen bonyolultságú weboldalt. – 2. kiadás. törölve – M.: NT Press, 2007. – 272 p.

6. Inkova N. A., Zaiceva E. A., Kuzmina N. V., Tolstykh S. G. Webhelyek létrehozása: Oktatási kézikönyv. 5. rész Tambov: Tamb Kiadó. állapot tech. Egyetem, 2005. – 56 p.

7. Mazurkevich A. RNR: egy programozói kézikönyv / Alexander Mazurkevich, Dmitry Elovoy. – Mn.: Új ismeretek, 2006. – 495 p.

8. McClelland Dick. Photoshop 7. Felhasználói Biblia. : Per. angolról – M.: „William” Kiadó, 2006. - 928 p.

9. Orlov L.V. Webhely titkok nélkül. / L. V. Orlov. – 2. kiadás. – M.: Buk-press, 2006. – 512 p.

10. Polonskaya E.L. HTML nyelv. Önhasználati kézikönyv: - M.: "William" kiadó, 2005. - 320 p.

11. Weboldalak és webhelyek létrehozása. Saját kezelési útmutató: [tankönyv. pótlék] / szerk. V. N. Pecsnyikova. – M.: Triumph Kiadó, 2006.- 464 p.

12. Yakushev, L. V. Kezdjünk el dolgozni az interneten. Gyors útmutató. – M.: "William" Kiadó, 2006. -128 p.

Az oroszországi termelés korszerűsítésének egyik fontos szempontja az információs és kommunikációs technológiák felhasználása információ- és vállalati rendszerek. Ebben a folyamatban fontos helyet foglalnak el a webes technológiák, amelyek az egységes információs tér szervezésének fő eszközévé válnak.

A modern embernek képesnek kell lennie a weboldalak használatára szakmai tevékenysége és önképzése során. A felhasználás itt nem csak a keresést, elemzést és a termelési folyamatba való beillesztését jelenti munkaeszközként, hanem a képességet is teremt különféle problémák megoldására tervezett weboldalak.

Számos szoftvereszköz és technológia létezik webhelyek létrehozására és szerkesztésére.

1. szakasz: Általános információk a www Internet szolgáltatásról.

Internet- az összekapcsolt számítógépes hálózatok világméretű rendszere, amely egy protokollcsalád használatára épül TC.P./IPés adatcsomagok irányítása. Általában a protokoll alatt olyan utasítások összességét értjük, amelyek a hálózaton összekapcsolt rendszerek vagy objektumok működését szabályozzák. Az Internet globális információs teret alkot, és nincs egyetlen központja vagy egyetlen adminisztrációja. Tevékenységének általános koordinációját nemzetközi szervezetek látják el, amelyek tagjai a legtekintélyesebb szakértők a különböző országokból.

Az internet igazi virágkora 1992-ben kezdődött, amikor egy új szolgáltatást találtak ki, az úgynevezett " A világháló" (VilágSzélesweb, vagy WWW, vagy egyszerűen WEB). A WWW lehetővé tette bármely internetfelhasználó számára, hogy vonzó formában publikálja szöveges és grafikai anyagait, összekapcsolva azokat más szerzők publikációival, és kényelmes navigációs rendszert biztosítva. Az internet kezdett átalakulni a levelezés és fájlmegosztás eszközéből az információk óriási tárházává.

1.1. Alapfogalmak.

Minden internetre csatlakoztatott számítógépnek megvan a maga egyedisége IP-cím. A kényelem kedvéért a nagy hálózati csomópontokhoz saját (tartományi) neveket rendelnek (szolgáltatás DNS). Az internetezők rendelkezésére álló források számítógépeken találhatók szerverek amelyre speciális szoftver van telepítve, amely biztosítja az információátvitelt. Az internetes erőforrásokkal való munkavégzéshez felhasználói számítógépeket kell telepíteni kliens programok.

Egy ügyfél-szerver pár, amely megosztott hozzáférést biztosít egy bizonyos típusú információs erőforrásokhoz, meghívásra kerül szolgáltatás vagy szolgáltatás(WWW, FTP, e-mail, IRC). Mindegyik saját adatátviteli protokollt használ a TCP/IP családból. Azok. A felhasználó internetes munkája különböző módon végezhető, az erőforrások bemutatásának formája és az azokhoz való hozzáférés módja (protokollja) különbözik egymástól. Egy részük (a legkorábban) elhal, mások aktív fejlődés alatt állnak.

Minden szolgáltatás a saját TCP/IP-családhoz tartozó hálózati protokollon alapszik – egy világosan meghatározott szabályok összessége: hogyan kell kérni, feldolgozni és elküldeni az ilyen típusú információkat az interneten keresztül.

Jelenleg a legnépszerűbb szolgáltatás Világháló(A világháló). Nemcsak könnyen használható, de hozzáférést biztosít más internetes szolgáltatásokhoz is. A World Wide Web (World Wide Web) egy hipertext , hipermédia, elosztott, integráló, globális információkereső rendszer az interneten.

Az adatátvitel a világhálón a Hypertext Transfer Protocol használatával történik - HTTP(HyperText Transmission Protocol). A HTTP egy alkalmazási rétegbeli protokoll, amelyet hipertext információcserére fejlesztettek ki az interneten. A protokollt 1990 óta használják a WWW-n.

A WWW kliens-szerver elven működik: sok olyan webszerver létezik, amely a kliens (böngésző program) kérésére visszaküld neki egy hipermédiás dokumentumot - egy olyan dokumentumot, amely részekből áll, változatos információk megjelenítésével (szöveg, grafika, hang, videó), amelyben mindegyik elem hivatkozás lehet egy másik dokumentumra vagy annak egy részére. Minden információs webes erőforrás globális hálózat Az Internet egyedileg címezhető, és egy dokumentum képes az ugyanazon a szerveren lévő más dokumentumokhoz és más internetes webszervereken található dokumentumokhoz egyaránt hivatkozni. Ráadásul a felhasználó ezt nem veszi észre, és az internet teljes információs terével egységes egészként dolgozik. A WWW hivatkozások nemcsak magára a WWW-re vonatkozó dokumentumokra mutatnak, hanem más szolgáltatásokra és információforrásokra is az interneten. Sőt, a legtöbb WWW kliensprogram nem csak az ilyen hivatkozásokat érti, hanem a megfelelő szolgáltatások kliensprogramja is: ftp, gopher, Usenet hálózati hírek, e-mail stb. Így a WWW szoftvereszközök univerzálisak a különféle internetes szolgáltatásokhoz, és maga a WWW információs rendszer is integráló szerepet tölt be.

A WWW szolgáltatás fejlesztésének évei során számos böngészőprogram készült. Az orosz gyakorlatban a „böngésző” név szilárdan megalapozott, bár egyes esetekben közvetlen orosz nyelvű fordítást használnak - „nézőprogram”. A böngészőt néha böngészőnek vagy navigátornak is nevezik. Ma legalább egy tucat különböző böngésző létezik a világon. A leggyakoribbak az Internet Explorer (Microsoft Company), a Netscape Navigator (Netscape/AOL Company), az Opera (Opera Software Company) és a Mozilla. Minden böngészőnek megvannak a maga előnyei és hátrányai, amelyek magukban foglalják a sebességet, bizonyos alkalmazások megnyitásának képességét és a biztonsági követelmények betartását az interneten végzett munka során. A böngészők népszerűségét természetesen befolyásolja egyes operációs rendszerek elterjedtsége a világon.

A WWW szolgáltatás használja URL(Uniform Resource Locator, Universal Resource Locator) az internetes információs webszervereken található dokumentumok címzésére. Az URL tartalmazza annak a protokollnak a nevét (általában http), amelyen keresztül az erőforrás elérhető, a szerver címét (például: www.tstu.ru), a teljes elérési utat (például: /win/kultur/museum/chiherin/) és az ott tárolt fájl nevét (például: 0.htm) (az url címet kapjuk: http://www.tstu.ru/win/kultur/museum/chiherin/0.htm).

A technológia a világháló középpontjában áll hipertext. Az 1990-es évek elején feltalált hipertext jelölőnyelv - HTML(HyperText Markup Language) megkönnyíti a különféle típusú objektumok beillesztését a WWW-dokumentumokhoz, amelyek alapvetően a WWW-t alkotják, és más fájlokra mutató hivatkozásokat is létrehozhat, függetlenül azok elhelyezkedésétől.

A WWW dokumentumokat hívják web- oldalakés tartalmaznak különféle információs elemeket (szöveg, grafika, hang, videó), valamint hiperhivatkozások más internetes forrásokhoz. Több oldalt egyesít a jelentés, a tartalom és a design - hívnak weboldal.

A weboldal egy htm vagy html kiterjesztésű szöveges fájl, amely szöveges információkat és speciális parancsokat tartalmaz - HTML-címkék, amelyek meghatározzák, hogy ezek az információk hogyan jelenjenek meg a böngészőablakban. Az összes grafikai, audio- és videoinformáció nem szerepel közvetlenül a weboldalon, és egy külön fájl, amelynek kiterjesztése *.gif, *.jpg (grafika), *.mid, *.mp3 (hang), *.avi (videó) . Az oldal HTML kódja csak hivatkozásokat tartalmaz ilyen fájlokra.

A böngészőben a webhely oldalai közötti átmenet hiperhivatkozások segítségével történik. Hiperhivatkozás egy kiválasztott szöveg- vagy képrészlet, amelyre rámutatva az egérmutató egy kinyújtott ujjú kéz alakját veszi fel. Ha a bal egérgombbal egy hiperhivatkozásra kattint, egy másik elektronikus dokumentumra lép, amely akár ezen a webszerveren, akár egy másikon található. A hiperhivatkozás megszervezéséhez egy speciális HTML kódot kell beilleszteni a weboldal tartalmába, amely tartalmazza ennek url címét. elektronikus dokumentum. A hiperhivatkozás szervezéséhez ismerni kell az információforrás helyét, amely a WWW szolgáltatásban abszolút és relatív formában definiálható.

Megszólítás abszolút forma - az információs erőforrás helyét meghatározó univerzális címet URL-nek (Uniform Resource Locator) nevezzük. Az URL két részből áll, kettősponttal elválasztva. Az első rész a típust jelzi hálózati protokoll, ami az erőforrás típusától függ (például ha az erőforrás egy WWW szerveren található, akkor ez a http protokoll). A második rész tartalmazza a webszerver nevét a tartománynévrendszerben (például www.tstu.ru), és ha szükséges, a fájl elérési útját (például win/kultur/nauka/vernad/vertitul). htm). Útvonalnév írásakor a könyvtárneveket perjel választja el (a / szimbólum); A fájl- és könyvtárnevekben különbséget tesznek a kis- és nagybetűk között.

Íme egy példa URL: http://www.tstu.ru/win/kultur/nauka/vernad/vertitul.htm.

Ha címzést használsz relatív forma Fájlútvonal írásakor a könyvtárneveket perjel (/) választja el egymástól; a számítógép-könyvtárak között egy szinttel feljebb haladást két pont (..) jelzi.

Ha egy hiperhivatkozás olyan dokumentumra hivatkozik, amely nem weboldal, akkor két lehetőség közül választhat a megjelenítéséhez. Ha a böngésző beépített modulokkal rendelkezik egy ilyen dokumentum feldolgozására, akkor annak tartalma megjelenik a böngészőablakban. Ellenkező esetben a böngésző elindítja a szükséges külső alkalmazást (Windows-ban például regisztrálva vannak a rendszerleíró adatbázisban), és a dokumentum többé nem jelenik meg a böngészőablakban.

HTML. A webalkalmazások fejlesztésének folyamata hasonlóvá válik a szokásos Windows alkalmazások fejlesztéséhez, ahol a fejlesztő vizuálisan rendelkezik vezérlők az űrlapon, beállítja azok tulajdonságait, és eseménykezelőket ír.

Bővíthető tárhely és életciklus-kezelési környezet webes alkalmazásokhoz

A bővíthető ASP .NET hosting keretrendszer felügyeli az alkalmazás életciklusát attól a pillanattól kezdve, amikor a felhasználó először hozzáfér egy erőforráshoz, egészen az alkalmazás kilépéséig. Az ASP .NET maga is webszervert (IIS) használ környezeteként, miközben hosting funkciókat is biztosít. Az ASP .NET lehetővé teszi az alkalmazásokban előforduló események kezelését, valamint saját HTTP-kezelők és modulok létrehozását.

Bővíthető webalkalmazás felhasználói felület tervezési környezet

Az ASP .NET lehetővé teszi saját vizuális szerkesztők létrehozását a szervervezérlőkhöz, és integrálhatja azokat a fejlesztői eszközökbe, például a Visual Studioba. A vizuális szerkesztők lehetővé teszik felhasználói felületek fejlesztését a vezérlőelemekhez, valamint a szükséges tulajdonságok és módszerek hozzáadását a vezérlőkhöz.

A kurzus program formája: 1. Cím. Eszközök a webalkalmazások hatékony fejlesztéséhez. 2. A programozás alapjaiban, valamint az OOP, HTML és C# nyelveken járatos 2-3. éves hallgatók számára ajánlott. 3. Előadások - óra, laboratóriumi munkák 4. Absztrakt (max. 200 szó) 5. Tartalom (program) Tartalom 1. témakör. A tudományág tárgya és céljai. Webes alkalmazások meghatározása és felépítése. Webes alkalmazások osztályozása. .................................................. ...... ...................2 2. témakör. A webes alkalmazások tervezésének alapjai. Egy webalkalmazás életciklusa. Terhelési tesztelés. .................................................. ...... ........................4 3. témakör Webes alkalmazások tervezésének alapjai. Weboldalak. Webszolgáltatások......7 4. témakör: Visual Web Developer Express Edition. Általános elképzelés a termékről, mint dinamikus webes alkalmazások fejlesztésének eszközéről. ...................................................8 5. témakör: A Visual Web Developer Express Edition alapvető szolgáltatásai. Felhasználói felület fejlesztése................................................ ...................................................... ................ .......21 6. témakör. A webalkalmazások hibakeresésének és tesztelésének jellemzői. Webes alkalmazások hibakereső eszközei. Töréspontok, kivételkezelés, változó ellenőrzés. 28 7. témakör. A Visual Web Developer Express Edition alapvető szolgáltatásai. Weboldaladminisztrációs eszközök................................................ .............................................................. ......................33 8. témakör. Weboldal védelme...................... .................................................................. ...........................37 9. témakör: Hozzáférés a Visual Web Developer Express Edition szerint. Adatokhoz kötött vezérlők. .................................................. ......................................................40 10. téma. További jellemzők Visual Web Developer Express Edition. Az oldal szerkezete és navigációja. Személyre szabás. Webalkatrészek technológia. ................................47 Laboratóriumi munka................................ .................................................. ...... ...................................53 1 1. témakör. A tudományág tárgya és céljai. Webes alkalmazások meghatározása és felépítése. Webes alkalmazások osztályozása. A kurzus megismerteti a hallgatót olyan programokkal, mint a webes alkalmazások, a tervezés és fejlesztés elméleti alapjaival, valamint a webfejlesztés technikai eszközeivel. A webalkalmazásoknak több meghatározása is létezik. Webes alkalmazás - olyan programok készlete, amelyek adatfeldolgozást valósítanak meg egy adott alkalmazási területen a webes környezetben. A webalkalmazás egy segédszoftver, amelyet arra terveztek, hogy automatikusan végrehajtson bármilyen műveletet a webszerveren. Ugyanakkor webböngészőket használnak felhasználói felületként. A webalkalmazások általában itt jönnek létre különböző lehetőségeket kliens-szerver architektúra. A webalkalmazás olyan alkalmazás, amely webszerveren fut, és a HTTP protokollon keresztüli csomagok küldésével és fogadásával érhető el. Ebben a kurzusban a webalkalmazás olyan alkalmazások osztályára vonatkozik, amelyek összetevői teljesítenek automatizált feldolgozás webes környezetben kölcsönhatásba lépő adatok. Az általános webalkalmazás-architektúra egy kliens-szerver modell, amelyben az alkalmazás-összetevők kliens- és kiszolgáló-összetevőkre vannak osztva, és az összetevők HTTP-protokollon keresztül csomagokat küldenek és fogadnak. A webböngésző kliensként, a webszerver pedig szerverként működik. HTTP csomagok kliens szerver Fig. 1 Általános webalkalmazás-architektúra A webszerver feladatai bizonyos adatfeldolgozási funkciók elvégzése, és egy interfész (szoftver vagy felhasználói felület) biztosítása HTTP protokollon keresztül ezen funkciók eléréséhez. A webalkalmazás-szerver komponens kérést kap a klienstől és adatfeldolgozást végez, majd választ és/vagy weboldalt generál, és adatcsomagot küld a kliensnek a hálózaton keresztül a HTTP protokoll használatával. A webalkalmazások szerverösszetevői más szolgáltatások (szolgáltatások), például egy másik szerveren található adatbázis vagy más webalkalmazás klienseként működhetnek. Ennek a megközelítésnek az egyik előnye, hogy az ügyfelek függetlenek egy adott személytől operációs rendszer felhasználó, és a webes alkalmazások tehát többplatformos szolgáltatások. A webalkalmazások osztályozása 1. a rendszerelemek kapcsolódási (interfész) foka szerint: a. gyengén konjugált b. erősen összekapcsolt A rendszerelemek összekapcsolhatóságának (konjugációjának) mértéke az, hogy az egyes összetevők milyen mértékben függenek a rendszer többi moduljától. A kapcsolódás mértéke lehet magas (erős) vagy alacsony (gyenge). Egy alkalmazás gyengén csatolt, ha összetevői ugyanazon interfészek használatával kölcsönhatásba lépnek egymással, és nem függenek az egyes összetevők belső megvalósításától. Egy ilyen alkalmazásban az egyik komponens megvalósításának módosítása nem igényli a többi komponens megvalósításának módosítását. Egy szorosan összekapcsolt alkalmazásnál éppen ellenkezőleg, az egyik komponens működése a többi komponens belső megvalósításától függ, ezért ezen komponensek változása a 2 függő komponens változásához vezet. Ezenkívül egy szorosan összekapcsolt alkalmazás egyes összetevőit nehéz megérteni, ha az alkalmazás függő összetevői nélkül nézzük. Ezenkívül az alkatrészek közötti erős kapcsolatok megnehezítik azok önálló tesztelését. 2. az alkalmazási infrastruktúra logikai szintjei számával. a. kétszintű b. n-szintű Egy alkalmazás logikai struktúrája három rétegre osztható - felhasználói szolgáltatásokra (prezentációs réteg), alkalmazásszolgáltatásokra (üzleti logikai réteg) és adatszolgáltatásokra. A felhasználói szolgáltatások a rendszernek a felhasználóval való interfésze, amely lehetővé teszi a felhasználó számára a rendszer vezérlését, illetve a rendszer számára, hogy a felhasználó tevékenységének eredményét biztosítsa. Az alkalmazásszolgáltatások az alkalmazás üzleti logikáját valósítják meg, azaz. üzleti objektumok és interakcióik meghatározása. Így az alkalmazásszolgáltatások a felhasználói kéréseknek és az üzleti szabályoknak megfelelően adatfeldolgozási algoritmusokat valósítanak meg. Az adatszolgáltatások adattárolási és adathozzáférési módokat biztosítanak. Ha az első két logikai szintet (felhasználói és alkalmazási szolgáltatások) egy infrastruktúra szintbe egyesítjük, akkor egy ilyen alkalmazás kétszintű architektúrával rendelkezik. Ha minden logikai szint külön infrastruktúra szintnek felel meg, akkor ez egy háromszintű alkalmazás, ami az n-szintű opció leggyakoribb esete. Egy további réteg bevezetése az infrastruktúrába lehetővé teszi bármely réteg cseréjét vagy módosítását, ha szükséges. Például a kliens operációs rendszerének adatmegjelenítési szinten történő megváltoztatásához csak a felhasználói felület kódjának módosítása szükséges, az üzleti logika és az adathozzáférési szint változatlan marad. 3. a felhasználónak adott információ típusa szerint a. statikus b. dinamikus A dinamikus alkalmazások változó információ-jelentős tartalmat (tartalmat), a statikus webalkalmazás pedig változatlan tartalmat tartalmaz. A webalkalmazásokkal szemben támasztott követelmények A fejlesztés alatt álló alkalmazás minőségét az határozza meg, hogy mennyire felel meg a rendszertervezési szakaszban megfogalmazott követelményeknek. Az alkalmazásokra vonatkozó összes követelmény, beleértve a webalkalmazásokat is, funkcionális és nem funkcionálisra oszlik. A funkcionális követelmények határozzák meg a rendszer funkcionalitását, amelyet a fejlesztőknek ki kell építeniük, hogy a felhasználók elvégezhessék feladataikat az üzleti folyamataikon belül. A nem funkcionális követelmények az alkalmazás jellemzőinek leírása, amelyek fontosak a felhasználó számára a rendszerrel való munka során. Nézzük meg, milyen jellemzők határozzák meg a rendszer nem funkcionális követelményeit: a megbízhatóság. Formálisan a megbízhatóság egy alkalmazás azon képessége, hogy a meghatározott határokon belül idővel fenntartsa az összes olyan paraméter értékét, amely jellemzi a szükséges funkciók adott üzemmódokban és használati körülmények között történő végrehajtását (GOST 27.002-89). Azok. Az alkalmazás megbízhatóságára vonatkozó követelményeket az alkalmazás működési feltételei (szerverparaméterek, alkalmazásfelhasználók maximális száma) és a rendszer működésének e feltételek melletti minőségének elfogadható mutatói (egy felhasználói kérés feldolgozási ideje a rendszerhez, rendszerhibák száma) határozzák meg. ). Így egy megbízható webalkalmazásnak minden funkcióhoz hozzáférést kell biztosítania a felhasználó számára bármely 3 feltétel mellett (azaz a ez az alkalmazás figyelembe kell venni és figyelembe kell venni a rendszer kialakításakor). alkalmazás teljesítménye. A teljesítmény a felhasználói kérés rendszerhez intézett feldolgozásának átlagos ideje. A webalkalmazások maximálisan elfogadható válaszideje 5 másodperc. biztonság. A webalkalmazás biztonsági követelménye magában foglalja: a webalkalmazás egyes összetevőinek funkcióihoz és adataihoz való hozzáférési jogok megkülönböztetését, az összetevők és/vagy felhasználók hozzáférési szintjének ellenőrzését, a felhasználók engedélyezését és ellenőrzését. A skálázhatóság a rendszer azon képessége, hogy növelje teljesítményét megnövekedett terhelés és erőforrások hozzáadásával. A méretezhető webalkalmazás felhasználója számára észrevehetetlennek kell maradnia (azaz a rendszer felhasználói kérésekre adott válaszideje ne változzon észrevehetően), amikor a terhelés növekszik (például egyszerre több felhasználó is hozzáfér az alkalmazáshoz), és amikor az alkalmazás konfigurációja megváltozik (például, ha egy további adatfeldolgozási összetevőt adnak hozzá az üzleti logikai réteghez). Az alkalmazás követelményeiről és azok gyűjtésének, elemzésének és ellenőrzésének módszereiről bővebben a könyvben olvashat. 2. témakör Webes alkalmazások tervezésének alapjai. Egy webalkalmazás életciklusa. Terhelési tesztelés. Nézzük meg a webalkalmazás létrehozásának főbb szakaszait. A webalkalmazások fejlesztési folyamatát, mint minden információs rendszert, az „életciklus” fogalma határozza meg. Az életciklus-modell folyamatokból, tevékenységekből és feladatokból álló struktúra, amely magában foglalja egy szoftvertermék fejlesztését, üzemeltetését és karbantartását, és lefedi a rendszer élettartamát a követelmények megállapításától a használat végéig. A szoftver életciklusát szabályozó fő szabályozó dokumentum az ISO/IEC 12207 nemzetközi szabvány. Ez a szabvány határozza meg azokat a folyamatokat, tevékenységeket és feladatokat, amelyeket alkalmazunk: szoftvert tartalmazó rendszer vagy külön szállított szoftvertermék vásárlásakor; biztosításakor szoftver szolgáltatás, valamint szoftvertermékek szállításában, fejlesztésében, üzemeltetésében és karbantartásában. Az életciklus-struktúra három folyamatcsoportra épül: a szoftver életciklusának főbb folyamataira (megrendelés, szállítás, fejlesztés, üzemeltetés, karbantartás); a fő folyamatok megvalósítását biztosító segédfolyamatok (dokumentáció, konfigurációkezelés, minőségbiztosítás, hitelesítés, tanúsítás, értékelés, audit, problémamegoldás); szervezeti folyamatok (projektmenedzsment, projekt infrastruktúra kialakítása, magának az életciklusnak a meghatározása, értékelése és javítása, képzés). Az életciklus 4 szakaszból áll: 1) a követelmények elemzése és tervezése. Ebben a szakaszban meghatározásra kerül egy sor funkció, amelyet a rendszernek végre kell hajtania, a leggyorsabban megvalósítandó funkciók rangsorolásával; a rendszer információs igényeinek leírása; meghatározzák az anyagköltségeket, a hardvereket és meghatározzák a munkavégzési határidőket. 2) a rendszertervezés elvégezhető CASE eszközökkel. Ebben a szakaszban elemezzük a rendszer funkcióit és a köztük lévő kapcsolatokat, megállapítjuk az adatokhoz való hozzáférés korlátozásának követelményeit és a szükséges dokumentációt, és döntés születik a rendszer alrendszerekre bontásáról. A szakasz eredménye az objektumok és a köztük lévő kapcsolatok általános modellje, egy funkcionális modell mint egész és az egyes alrendszerek, a CASE eszközökkel pontosan meghatározott interfészek, képernyők, párbeszédpanelek és jelentések prototípusainak felépítése. 3) építés (a rendszer megvalósítása és tesztelése). Ebben a szakaszban az alkalmazások fejlesztése történik - kódgenerálás vagy fejlesztés, a teljes rendszer integrációja. A szakasz eredménye egy kész rendszer, amely megfelel az első szakaszban támasztott összes követelménynek. 4) rendszerbevezetés és felhasználói képzés. Az életciklus-modellek fő típusai: kaszkádmodell spirálmodell A kaszkádmodellel végzett munka során a teljes fejlesztés szakaszokra (fázisokra) oszlik, és az egyik szakaszból a következőbe való átmenet csak az aktuális munka teljes befejezése után következik be. elkészült. Minden szakasz a teljes dokumentáció kiadásával ér véget, amely elegendő ahhoz, hogy a fejlesztést egy másik fejlesztőcsapat folytathassa. Pozitív oldalak alkalmazások kaszkád megközelítés a következők: minden szakaszban egy teljes tervdokumentációt állítanak elő, amely megfelel a teljesség és a következetesség kritériumainak; a logikai sorrendben végrehajtott munkaszakaszok lehetővé teszik az összes munka befejezési idejének és a kapcsolódó költségek megtervezését. A kaszkádmodellben a munkavégzés sorrendje a következő: Fig. 2 Kaszkád életciklus-modell A kaszkádos megközelítés jól bevált olyan épületrendszereknél, amelyeknél minden követelmény elég pontosan és maradéktalanul megfogalmazható a fejlesztés legelején annak érdekében, hogy a fejlesztők szabadságot adhassanak ezeknek műszaki szempontból a lehető legjobb megvalósításához. nézetből. Ebbe a kategóriába tartoznak az összetett számítási rendszerek, a valós idejű rendszerek és más hasonló feladatok. Ennek a megközelítésnek a használata során azonban számos hiányosságot fedeztek fel, amelyek elsősorban abból fakadtak, hogy valódi folyamat A szoftveralkotás soha nem illett bele egy ilyen merev mintába. A kaszkádos megközelítés fő hátránya az eredmények megszerzésének jelentős késése. Az eredmények egyeztetése a felhasználókkal csak az egyes munkaszakaszok befejezése után tervezett pontokon történik, az IS-re vonatkozó követelményeket műszaki előírások formájában „befagyasztják” a létrehozásának teljes idejére. Így a felhasználók csak a rendszeren végzett munka befejezése után tehetik meg észrevételeiket. Alternatív modell Ez egy spirális életciklus modell. Ez a modell felismeri a tervezési követelmények folyamatos felülvizsgálatának, finomításának és értékelésének szükségességét. A modell a ciklus kezdeti szakaszaira összpontosít: az elemzésre és a tervezésre. Ezekben a szakaszokban 5 prototípus elkészítésével tesztelik a műszaki megoldások megvalósíthatóságát. A spirál minden egyes fordulata megfelel a rendszer egy töredékének vagy verziójának létrehozásának, amelyen meghatározzák a projekt céljait, jellemzőit, meghatározzák a minőségét, és megtervezik a spirál következő fordulatának munkáját. Így a projekt részletei elmélyülnek, következetesen konkretizálódnak, és ennek eredményeként egy ésszerű opció kerül kiválasztásra, amely megvalósul. Ez a megközelítés nagyon hatékony lehet kis projektek gyors kidolgozásakor. Bátorítja az aktív interakciót a projektcsapat és az ügyfél között, miközben az ügyfél értékeli a munka előrehaladását és eredményeit a projekt során. A spirálmodell hátránya az egyértelmű mérföldkövek hiánya ( ellenőrzési pontok a projekt életciklusának szakaszai között), ami káoszhoz vezethet a fejlesztési folyamatban. Rizs. 3 A Microsoft spirális életciklus modelljét az MSF módszertana, a Microsoft Solution Framework fejlesztette ki. Ez a modell két szabványos gyártási modell tulajdonságait ötvözi: vízesés és spirál. Megőrzi a kaszkádmodell rendezettségét anélkül, hogy elveszítené a spirálmodell rugalmasságát és kreativitását. Az MSF folyamatmodell figyelembe veszi a folyamatosan változó projektkövetelményeket. Feltételezi, hogy a megoldás fejlesztésének rövid ciklusokból kell állnia, amelyek progresszív mozgást hoznak létre a megoldás legegyszerűbb változataitól a végső formáig. Az MSF módszertanban a projekt életciklusa 5 fázisra (szakaszra) van felosztva: 1. Koncepció kidolgozási szakasz - ebben a szakaszban határozzák meg a projekt céljait és határait, valamint értékelik a projekt kockázatait. 2. A tervezési szakasz magában foglalja a projekt követelményspecifikációjának elkészítését, a projekt költségeinek és a fejlesztési ütemtervnek a becslését a különböző projektelemekhez. 3. Fejlesztési szakasz – Ebben a fejlesztési szakaszban a projektcsapat a megoldás komponenseinek (beleértve a dokumentációt és a programkódot) létrehozására összpontosít. Ennek a munkának egy része azonban a stabilizálási szakaszban is folytatódhat, ha a tesztelés során ilyen igényt azonosítanak. Ez a szakasz magában foglalja az infrastruktúra fejlesztését is. 4. Stabilizációs fázis. A stabilizálási fázis során a kifejlesztett oldatot teszteljük. A figyelem a termelési környezet reális modelljében való működésére összpontosul. 5. Megvalósítási szakasz. Ebben a fázisban a projektcsapat bevezeti a technológiákat és a megoldáselemeket, stabilizálja a megvalósított megoldást, átruházza a munkát a támogató személyzetre, és megszerzi az ügyféltől a projektteljesítmények végső jóváhagyását. A megvalósítás befejezése után a projektcsapat elemzi az elvégzett munkát és az ügyfelek elégedettségét. Ebben a fázisban a megoldás stabilizálására irányuló erőfeszítések folytatódhatnak, mivel a megoldás összetevői a 6. tesztkörnyezetből az éles környezetbe kerülnek. Ez a szoftverfejlesztési módszertan az emberek (projektcsapat) és a munkafolyamatok menedzselését írja le a megoldás fejlesztése során. Az MSF fogalmak, modellek és szabályok koherens halmaza. Az MSF-en belül a kód, a dokumentáció, a tervek, tervek és egyéb munkaanyagok iteratív módon jönnek létre. Az MSF azt javasolja, hogy kezdje meg a megoldás fejlesztését az alapvető funkcióinak elkészítésével, tesztelésével és megvalósításával. Aztán egyre több új funkcióval bővül a megoldás. Ezt a stratégiát verziókezelési stratégiának nevezik. Bár kis projektekhez elegendő lehet egyetlen verzió kiadása, ajánlott, hogy ne hagyja ki a lehetőséget, hogy egyetlen megoldásból több verziót is készítsen. Az új verziók létrehozásával a megoldás funkcionalitása fejlődik. Részletes leírás Az MSF módszertana elérhető a Microsoft webhelyén. 3. témakör. A webalkalmazások tervezésének alapjai. Weboldalak. Webszolgáltatások. A webhely az interneten HTTP/HTTPS protokollon keresztül elérhető weboldalak egyike vagy gyűjteménye. Egy weboldal oldalait egy közös gyökércím, és általában téma, logikai felépítés, dizájn és/vagy szerzőség köti össze. A felhasználónak az oldalon közölt információk statikusak lehetnek, és a szerver ebben az esetben csak a weboldal oldalainak tárháza, amelyet az ügyfél kérésére változatlanul elküld. Egy másik webalkalmazás működési séma akkor jelenik meg, ha a weboldal dinamikus információkkal dolgozik, pl. az információnak attól kell függnie, hogy ki és mikor fér hozzá. Egy dinamikus webhely tartalmazhat flash képernyőket, videókat, animációkat, valamint egyedi statikus oldalakat. Fontolja meg a statikus webhely előnyeit és hátrányait. Az előnyök közé tartozik a viszonylag alacsony fejlesztési költség és a technikai támogatás (hosting). Hátránya, hogy módosítani kell a programkódot, ha módosítani szeretné a webhely tartalmát. A webhely terjedelmének növekedésével problémássá válik integritásának megőrzése. A dinamikus oldal lehetővé teszi a kétirányú információcserét a felhasználó és az alkalmazás között, emellett kényelmesebb a kezelése és karbantartása, mert ez nem igényli az oldalak kódjának módosítását. Ugyanakkor egy dinamikus webhely drágább technikai támogatás a statikusnál több szervererőforrást igényel. A statikus webalkalmazásokban az alkalmazás logikai rétegei nem különülnek el megjelenítési, feldolgozási és adatelérési rétegekre. Egy dinamikus alkalmazásban megjelenik egy ilyen elválasztás. Az adatok már nem a weboldalak kódjában tárolódnak, hanem benn külön fájlokat vagy adatbázisban (DB). Az adatfeldolgozó réteg megvalósítható egy webalkalmazás monolitikus komponenseként, vagy az egyes komponensek elkülöníthetők speciális webszolgáltatások, szoftverek formájában, amelyek a weben keresztül érhetők el. Az ilyen komponensek használata javítja a rendszer méretezhetőségét és újrafelhasználhatóvá teszi az összetevőket. A webszolgáltatás egy URI karakterlánc által azonosított szoftverrendszer, amelynek nyilvános interfészeit és összerendeléseit XML segítségével határozzák meg és írják le. Ennek leírása szoftver rendszer más szoftverrendszerek is megtalálhatják, amelyek a jelen leírás szerint 7 interakcióba tudnak lépni vele XML-alapú üzeneteken keresztül, és Internet protokollok segítségével továbbíthatók. A webszolgáltatások a következő előnyöket nyújtják a rendszer számára: a szoftverkomponensek interakciója platformtól függetlenül lehetséges, a HTTP protokoll használatának köszönhetően az összetevők interakciója a weben keresztül lehetséges. A webszolgáltatások logikai felépítése szempontjából: Nevezzünk szolgáltatásnak olyan erőforrást, amely üzleti funkciót valósít meg és a következő tulajdonságokkal rendelkezik: újrafelhasználható; egy vagy több explicit technológia-független interfész határozza meg; lazán kapcsolódnak más hasonló erőforrásokhoz, és olyan kommunikációs protokollokon keresztül hívhatók meg, amelyek lehetővé teszik az erőforrások egymás közötti kölcsönhatását. Vagyis a webszolgáltatások használata lehetővé teszi a webalkalmazás komponenseinek csatolásának lazítását. Ahhoz, hogy a végfelhasználó számára biztosítsuk a webszolgáltatás által megvalósított funkciókat, három komponens interakcióját kell megszervezni: a webszolgáltatáshoz intézett kérés forrása, a webszolgáltató és a webszolgáltatás bróker, amely közvetítő a forrás és a webszolgáltató között. Rizs. 4 Webszolgáltatás. Az összetevők kölcsönhatása. A SOAP (Simple Object Access Protocol) egy üzenetküldési protokoll a webszolgáltatás szolgáltatója és fogyasztója között, a protokoll XML és HTTP alapú. A WSDL (Web Service Description Language) egy XML-séma, amely leírja a webszolgáltatás metódusait és paramétereit. Az XML-séma egy XML-dokumentumban használt címkék halmaza. Lehetővé teszi, hogy pontosan meghatározza, milyen adatokat tartalmaz a megfelelő XML-dokumentum, ellenőrizze annak integritását. Az UDDI (Universal Description, Discovery, and Integration) protokoll egy platformfüggetlen, nyílt keretrendszer a szolgáltatások leírásához, felderítéséhez és a weben történő szolgáltatásintegrációhoz. További részletekért látogasson el a www.uddi.com oldalra. 4. témakör: Visual Web Developer Express Edition. Általános elképzelés a termékről, mint dinamikus webes alkalmazások fejlesztésének eszközéről. Megismerkedtünk a webes alkalmazások tervezésének elméleti alapjaival, a következő lépés a megszerzett ismeretek alkalmazása az alkalmazás fejlesztése során. 8 Összetett webalkalmazások fejlesztése a semmiből időigényes feladat, amely megköveteli a fejlesztőktől az információs rendszerek tervezésének és fejlesztésének készségeit. A webfejlesztés területén kezdők számára a probléma megoldása elérhetőbbé válik olyan fejlesztői eszközök használatával, amelyek kifejezetten a kezdő felhasználók igényeire összpontosítanak. Egy népszerű fejlesztői környezet, amely megfelel ennek a követelménynek Microsoft termék Visual Web Developer Express Edition. A VWD egy webalkalmazás minden szintjéhez (interfész, üzleti logika, adatok) hatékony fejlesztőeszközöket kínál (lásd alább). A Visual Web Developer Express Edition webalkalmazásai az ASP.NET technológiára épülnek. Az ASP.NET egy keretrendszer alkalmazások webkiszolgálón történő fejlesztésére és futtatására, beleértve a tervezési idejű objektumokat és vezérlőket, valamint a futási környezetet. Az ASP.NET viszont része a .NET-keretrendszernek, ezért hozzáférést biztosít a platform összes képességéhez. Létrehozhat például ASP.NET webalkalmazásokat bármilyen .NET programozási nyelven (Visual Basic, C#, Managed Extensions for C++ és még sok más) és .NET hibakereső eszközökkel. Az adatokhoz való hozzáférés az ADO.NET segítségével történik. Hasonlóképpen hozzáférhet az operációs rendszer szolgáltatásaihoz .NET-keretrendszer osztályok stb. használatával. Az ASP.NET webalkalmazások a Microsoft Internet Information Services (IIS) futtatására konfigurált webkiszolgálón futnak. Nem szükséges azonban közvetlenül az IIS-sel dolgozni. Az IIS-eszközöket az ASP.NET osztályok használatával programozhatja, a Visual Web Developer Express Edition pedig fájlkezelési feladatokat hajt végre, például szükség szerint IIS-alkalmazásokat hoz létre, és módokat biztosít a webalkalmazások IIS-be való telepítésére. A Visual Web Developer Express Edition webalkalmazások létrehozásának előnye, hogy olyan eszközöket biztosít, amelyek sokkal gyorsabbá, egyszerűbbé és megbízhatóbbá teszik az alkalmazásfejlesztést. Ezek az eszközök a következők: Vizuális tervezők weboldalakhoz vezérlőprototípusokkal és kódnézettel (HTML), amely lehetővé teszi a kód szintaxisának ellenőrzését. Optimalizált kódszerkesztők, amelyek tartalmazzák az IntelliSense képességeket. A Visual Web Developer Express Edition IntelliSense egy olyan eszköz, amely biztosítja gyors hozzáférés a felhasználó a programozási nyelv összes funkciójához. Lehetővé teszi a nyelvi elemek keresését programkód szerkesztési módban, kiválasztást megfelelő tételés add hozzá a kódhoz. Az Intellisense a következő lehetőségeket nyújtja: o Megtekintheti az adott osztály adott objektumához tartozó osztálytagok listáját (struktúra, unió vagy névtér). A listából kiválasztott osztálytag bekerül a programkódba. o a kódban megadott funkció paramétereinek listájának megtekintése. A függvényre vonatkozó információk tartalmazzák az összes paraméter nevét és típusát, valamint a visszatérési érték típusát. o egy változóval kapcsolatos információkhoz való hozzáférés. Ez a funkció lehetővé teszi, hogy válasszon egy változó azonosítót a kódban, hogy megnézze, hogyan deklarálták ezt a változót. o automatikus kiegészítés. Ez a függvény akkor fejezi be az íratlan változó- és függvényneveket, ha elegendő karaktert írt be a név kétértelműségének feloldásához. o Az egyező nyitó és záró zárójelek és nyitott kódszegmensek automatikus vezérlése. Beépített fordítási és hibakereső eszközök. 9 Projektmenedzsment eszközök alkalmazásfájlok létrehozásához és kezeléséhez, beleértve a helyi vagy távoli szerverre történő telepítést. Az ASP.NET webalkalmazások elemei Az ASP.NET webalkalmazások létrehozása során sok ugyanazon elemmel kell dolgozni, mint bármely kliens-kiszolgáló alkalmazásban. Ezek a következők: Felhasználói felület. Egy alkalmazás jellemzően adatokat jelenít meg a felhasználó számára; egy ASP.NET webalkalmazásban a felhasználói felület a következőképpen jelenik meg weboldalakŰrlapok, amelyek kimenetet küldenek a böngészőnek. Ha szükséges, létrehozhat egy kifejezetten használatra tervezett kimenetet mobil eszközök vagy más webes eszközök. Alkatrészek. Sok webalkalmazás felosztható olyan összetevőkre, amelyek kódot tartalmaznak meghatározott feladatok végrehajtásához, és újra felhasználhatók. Ezek az összetevők XML-webszolgáltatásként hozhatók létre, amelyek lehetővé teszik ezeknek az összetevőknek az Interneten keresztüli, például webalkalmazásból, másik webszolgáltatásból vagy Windows űrlapból történő meghívását és újrafelhasználását. Adat. A legtöbb alkalmazásnak valamilyen formában hozzáférésre van szüksége az adatokhoz. A Visual Web Developer Express Editionben ehhez az ADO.NET (Data Services, amely a .NET-keretrendszer része) használható. Webalkalmazás létrehozása a Visual Web Developer Express Edition programban Nézzük meg a lépések sorrendjét egy egyszerű webalkalmazás létrehozásához a Visual Web Developer Express Edition programban. Ez egy olyan webhely, amely valamilyen üzenetet (például "Hello World") jelenít meg, amikor egy gombra kattintanak. Új webhelyet hozhat létre a Fájl | Új weboldal. A megjelenő párbeszédpanel arra kéri, hogy válassza ki a létrehozni kívánt webhely típusát – ez lehet ASP.NET webhely, Üres webhely, ASP.NET webszolgáltatás, Személyes webhely indítókészlet. Ha az ASP.NET webhelysablont választja, a Visual Web Developer Express Edition a webhely létrehozásához szükséges minimális számú fájlt generálja. Ezzel létrejön egy weboldal, egy üres Data könyvtár és egy .sln projektfájl. Ha az ASP.NET Web Service sablont választja, a Visual Web Developer Express Edition a webszolgáltatás létrehozásához szükséges minimális számú fájlt generálja. Ha az Üres webhely sablont választja, csak egy üres könyvtár és egy projekt .sln fájl jön létre. Ha a Personal Web Site Starter Kit sablont választja, a Visual Web Developer Express Edition egy kezdőcsomagot használ, amely egy minta személyes webhely, bizonyos beépített képességekkel. A Hely listában kiválaszthatja a létrehozandó webhely helyét. Három lehetőség áll rendelkezésére: HTTP – a hagyományos módja a webhelyek HTTP-n keresztüli elérésének FrontPage Server Extensions használatával (hasonlóan a előző verziók); FTP - az oldalhoz való hozzáférés az FTP protokollon keresztül történik; Fájlrendszer - új lehetőség Alapértelmezés szerint az ASP.NET 2.0. Ha kiválasztja, akkor egy webhely jön létre a könyvtárban fájlrendszer helyi számítógép, és a hibakereséshez az ASP.NET-be integrált hibakereső webszervert fogják használni. Az alkalmazás kifejlesztése után közzé kell tenni egy szokásos Internet Information Server webszerveren. Példánkban az ASP.NET webhelysablont választjuk. Írja be a webhely nevét - HelloWorld, és az elérési utat, adja meg a programozási nyelvet - Visual C#. 10