Видове WEB базирани приложения – същност , архитектура и видове

1. Мултимедия и основи на уебдизайна ас.Елена Първанова Видове WEB базирани приложения – същност , архитектура и видове 2011 ТЕМА 1

2. Каквопредставляват web приложенията? • Web приложение, означаваИнтернетбазиранспецифиченкод. В товакраткоопределениеможедаседопълни, четозикод е съсстрогоопределенацел. Товаозначава, че Web приложениетоизпълняваеднаилиповечезададенизадачи. • Web приложениятаустановявауникалнасесия и взаимодействие с всекипосетител. • Те способностдасепроменятданнизапостоянно - Web приложениятапозволяватнапотребителитесидасъздават, обработват и дасъхраняватданни.

3. Архитектура Фиг. 1.1 Архитектура на Web приложение

4. Видове Категории сайтове: • информационнисайтове • транзакционнисайтове • базиранинаобщностсайтове • увеселителнисайтове • другисайтове Групирамесайтоветенабазатанаорганизацията, накоятопринадлежатилиплащат: • комерсиални; • административни; • образователни; • благотворителни; • лични. Визуалногрупиране: Акогрупирамесайтоветевизуално, можемдагиразграничимнатакива, коиторазчитатповеченатекст, коитосафокусираниповечекъмграфичнопредставянеили с художественосъдържание.

5. Визуалногрупиране • текстовоориентирани Фиг. 1.2Текстово ориентиран сайт

6. Визуалногрупиране Фиг. 1.3Сайт базиран на GUI GUI стил

7. Визуалногрупиране • образни (Metaphorical) Фиг. 14 Образни (Metaphorical) сайт

8. Визуалногрупиране • експериментални Фиг. 1.5 Експериментален сайт

9. Визуалногрупиране Фиг. 1.6 Web портал

10. Общакласификацияна Web приложенияизползвани в литературата: • информационни – съдържаниесамозачетене с навигация и връзки; • засваляне (downloads) – информация, коятоможедасесваляотпотребителя; • попоръчка– съдържаниетоможедасеизработиспореднуждитенапотребителя; • завзаимодействие– комуникациямеждупотребителитечрезчатстаи, бюлетиниилимоментнисъобщения; • с потребителскивход– комуникациячрезонлайнформуляр; • транзакционноориентирани – последователностотдействия (продукти и услуги); • ориентираноспрямоуслугите– приложениетоосигуряваонлайнуслуга (плащане); • портал – стартоваточка, коятонасочвапотребителякъмдруго Web приложениеизвъндомейнанапорталнотоприложение; • достъпдобазиотданни– запитванекъмбазаотданни и връщаненарезултат; • хранилищазаданни– запитванекъмколекцияотголемибазиотданни и получаваненарезултат.

11. Видовеелементина Web страниците • секции (section) – голяма Web страницатрябвадабъдегрупирана в няколкосекциизапо-добранагледност.

12. Видовеелементина Web страниците • цвят, шрифт, изображения и мултимедия– тесеизползватзаразделяненаеднасекцияотдруга. С тяхнапомощсеподпомагаонагледяването и сеизползватзадобротоусещане и нагласазачетене и разглежданенастраницата;

13. Видовеелементина Web страниците • текстовиописания– това е основнотосъдържаниенаповечето Web страници. Количествотонатекставлияенаизгледа и усещанетозастраницата.

14. Споределементите, коитоизграждатстраницата и тяхнотоизползване Web страници биват: • въвеждащастраница (индексна) • съдържателнастраница - (основнастраница) • интерактивнистраници • поддържащистраници

15. Web страницитеспоредвидана представяната информация 1. Бизнес и търговия: • специализираниместазабизнес; • големикорпорации в Web; • търговскицентрове; • бизнесуслуги в Web; • общинскибизнесстраници.

16. Web страницитеспоредвидана представяната информация 2. Забавления и изкуства: • проектизаизкуство; • изкуства, музеи и галерии, публикации и колекции; • забавления, телевизия, филми, спорт, музика, игри и интерактивност, живот в отвъдното. 3. Образование, знания и изследвания: • мотивираненаучениците в образованието; • училищата в Web; • обучаващимодули; • образователнисредства; • знания и изследвания.

17. Web страницитеспоредвидана представяната информация 4. Наука и технологии: • научнилаборатории; • изследователскигрупи; • институтизастандартизация; • университети. 5. Комуникации, издателскадейност и информация: • индивидуалникомуникации; • груповикомуникации; • комуникацииприорганизациите; • издателскадейност; • наблюдение и дистанционноманипулиране; • информиране.

18. Web страницитеспоредвидана представяната информация 6. Правителство и общини: • инициативазанационална и глобалнаинформационнаинфраструктура; • международнипроекти; • правителственаинформация; • общинскимрежи; • частнимрежи.

19. Характеристики на Web приложения Sierra Club - http://www.sierraclub.org/ Physicians for Social Responsibility - http://www.psr.org The National Anti-Vivisection Society - http://www.navs.org The Minuteman Press Online - http://www.afn.org/~mpress/ The National Rifle Association - http://www.nra.org Women Against Gun Control - http://www.wagc.com 1. Адвокатски – (advocacy): • търсимнениетонахоразанещо; • интересувасеотвлияниетоназаконодателнияпроцес; • опитваседавлияятнагласоподаватели; • представядаденакауза; • опитватседаувеличатчленоветенададенаорганизация; • осигуряватточкизаконтактзахора с еднаквиинтереси; • обикновенозавършват с .orgили .net. The National Rifle Association

20. Характеристики на Web приложения Micromat - http://www.micromat.com/ Lands' End Direct Merchants - http://www.landsend.com/ General Motors - http://gm.com the Ford Motor Company - http://www.ford.com 2. Бизнес и маркетинг (Business/Marketing): • обикновеносастраницинакомпании; • представяненапродуктиилиуслуги; • осигуряваподдръжканаклиенти; • помаганакомпаниитедасинаправяткаталозите online; • осигуряваобновяваненапродуктилиноваверсиянапродукт; • осигурявадокументациянапродукт; • запитванезаинформациязаживотаначовек, демографияилифинанси; • завършват.com. General Motors

21. Характеристики на Web приложения Library of Congress - http://www.loc.gov/ Environmental Protection Agency - http://www.epa.gov OncoLink - http://www.oncolink.upenn.edu HHS News - http://www.cdc.gov/ Buddhist Studies WWW Virtual Library - http://www.ciolek.com/WWWVL-Buddhism.html Smithsonian Institution - http://www.si.edu SUNY Brockport - http://www.brockport.edu 3. Информационни (Informational): • осигурявареалнаинформациязададенатема; • осигурявастатистическаинформация; • осигуряварезултатиотпроучване; • осигуряваграфикаиликалендаранасъбития; • осигуряваграфиканатранспорта; • осигуряваинформациякатокнигазасправки; • осигурявасправочник с именаилиименанакомпании; • осигуряваграфицинасписъкоткурсове; • обикновенопринадлежатнаучилищнизаведенияилиправителствениорганизации; • завършватна.govили.gov+ кода на странатаили.edu. Library of Congress

22. Характеристики на Web приложения Washington Post - http://www.washingtonpost.com/ Philadelphia Online - http://www.phillynews.com Wall Street Journal - http://www.wsj.com The New York Times - http://www.nytimes.com/ 4. Новинарски –(News): • осигуряватекущатаинформациязаместни, регионални, националниилимеждународнисъбития; • осигуряватекущатаинформациязаспецифичнитемикатобизнес, компютриилизабавления; • традиционнопредставляватстраницинановинарскитеорганизации; • завършватобикновенона.com. The New York Times

23. Характеристики на Web приложения Hawking Home Page - http://www.hawking.org.uk/home/hindex.html The Official Home Page of Ken -http://www.personal.psu.edu/staff/k/j/kjr106/index.html Timothy Burke's Home Page - http://www.swarthmore.edu/SocSci/tburke1 5. Лични (Personal): • нейниятавтор е човекилисемейство, безофициалноучастие в организация; • състоисеотличнивпечатленияотхобиилиминалисъбития, личнипроизведения, личномнениеподаденатема. Timothy Burke's Home Page

24. Характеристики на Web приложения Blue Mountain - http://www.bluemountain.com/ Yahoo! Games - http://games.yahoo.com/ 6. Зазабавления (Entertainment): • включваигриилидругидейности с основнацелосигуряваненаудоволствие; • включватмузика, анимациииливидео с предназначениедасезабавляватпотребителите. Blue Mountain

25. Споредсложносттанаизработване и проектиранеможемдадефинирамепетразличнивидове Web приложения: • чист web сайт; • статиченсайт с формазавъвежданенаинформация; • динамичендостъпдоданнипрез Web сайт; • динамичносъздадени Web сайтове • Web базираниприложения.