WEB – қосымшаны құру технологиялары

Дүниежүзлік тор танымал болғаны соншалық, көптеген қолданушылар үшін Интернет және WWW ұғымдары синоним болып келеді, алайда мұндай ұғым, әрине, қате болып табылады. Бірақ бұл тағы да сонда қолданылатын Дүниежүзлік тордың және веб-технологияның маңыздылығын айрықша баса айтады.

Ең алдымен веб-технологиялардың негізгі үғымдарын ұғыру қажет: веб-сайт және веб-бет. Жиі тәжірибесі аз қолданушылар оларды заңсыз араластырады. Веб-бет – бұл минимальды логикалық бірлік. Құжат ретінде Дүниежүзілік тор бір мағыналы сәйкестендірілімдік әмбебаптық URL көрінеді. Веб-сайт – бұл сол серверде орналасқан тақырыптық байланысты веб-беттер жиынтығы және бір иесіне тиесілі. Веб-сайттың нақты жағдайда бір веб-бетке ұсынылуы мүмкін. Дүниежүзілік тор барлық веб-сайттардың жиынтығы болып келеді..

Бүкіл Дүниежүзілік тордың негізі гипермәтіндік белгілеу тілі HTML – Hyper Text Markup Language (сурет. 14). Ол құжаттың (веб-беттің) логикасы (мағыналық) үшін қызмет атқарады. Кейбір кезде оның заңсыз контент Дүниежүзілік тор қабылданған идеологияға түбегейлі қайшы екенін компьютер экранында веб-беттері көрсетіледі немесе қағазға басылған жолын басқару үшін пайдаланылады.

Сурет. 14. Веб-технологиялар

Веб-беттің мазмұнының көрінісін басқару мақсаты үшін каскадты кесте стилдері (CSS) тағайындалған. Танымал мәтіндік процессор Word пайдаланылатын көптеген жолдармен CSS стильдері ұқсас.

Идеология логикалық макетін пайдалану көздейді және ол тиісті мәнерін өзгертіп, бүкіл сайттың дизайнын өзгертуге мүмкіндік береді, осндай стиль, өте ыңғайлы. Олай болмаған жағдайда, сіз өзгерткіңіз келетін мазмұнын көрсету барлық тегтер өзгертуге тура келеді.

Веб-беттерге динамизмді (құлайтын мәзір, анимация) енгізу үшін скриптерді жазатын тілдер қолданылады. Дүниежүзілік тордағы стандартты скриптік тілдер болып JavaScript келеді. JavaScript тілінің ядросы болып ECMAScript келеді.

HTML, CSS, JavaScript – күрделі веб-беттерді құрастыруға пайдаланатын тілдер болып келеді. Бірақ бұл тек лингвистикалық қамтамасыздандыру, сол уақытта браузерлерде құжаттар объектілердің жиынтығы түрінде ұсынылады , ал көптеген түрлері оның объектілі моделі браузер болып келеді (BOM). Браузердің объектілі моделі әрбір модель үшін бірегей және осылайша аралық браузерлердің қосымшасын құрастыру барысында проблемалар шығады. Сондықтан Веб-консорциум құжаттың объектілі моделін (DOM) ұсынды, ол объектілерді жинақтау көмегі арқылы веб-бетті көрсететін стандартты тәсілі болып келеді.

DOM браузерерінің объектілі моделінен айырмашылығы тек құжат мазмұны үшін объектілердің жиынтығы болады және терезелермен және терезе шекараларымен басқара алатын объектілері болмайды. Осындай қажеттілік, мысалы, басқару терезелері және жағдайлар жолағында пайда болуы мүмкін.

Айта кетсек, DOM барлық браузерлер толық қолдамайды, бірақ, дегенмен, олардың ақырғы нұсқасы DOM тәжірибе үшін қолдану осындай көлемде қамтамасыз етеді. IE 5.5+ и NN 7.1+ ( «+» белгісі төменде айтылған версияларды білдіреді) браузерлерінде DOM қолдайды..

HTML, CSS, JavaScript және DOM жиынтығы жиі HTML – Dynamic HTML немесе DHTML динамикалық деп аталады.

Қазіргі заманғы HTML синтаксисі XML – Extensible Markup Language кеңейтілген тілдің белгісінің көмегімен жазылған. XML өзіндік аналогтік HTML DTD түріндегі тілдік белгісін құруға мүмкіндік береді. Осындай тілдердің көптеген түрлері бар: математикалық және химикалық формулалар, білімдер және т. б. көріністер үшін.

Жоғары айтқандардан көретініміз, барлық веб-технологиялар тығыз өзара байланысқан. Осы фактіні түсіну үшін сол немесе басқа механизмді тағайындауды оңай ұғыну ға веб қосымшаларын құрастыру үшін пайдалануға мүмкіндік береді.

Веб-қосымшаларды құрастырудағы қазіргі замануи технологиялар

-клиенттік технологиялар: графиканы және мультимедианы қолдауы қажет,

(Flash, SilverLight) ақпаратын өңдеудің көптеген толық мүмкіндіктерін қамтамасыз ету

-серверлік технологиялар: сенімді және тиімді қосымшаларды құру икемділігін қамтамасыз ету қажет

(MVC – фреймворки: Ruby on Rails, Microsoft MVC)

- технологиялары клиентік және серверлік компоненттердің өзара қарым-қатынасы: AJAX

AJAX технологиясы

Клиенттік кодтан JavaScript -ға бетті қайтадан жүктеусіз серверге асинхронды сұрауларды болжамдайды.

В .NET Framework 3.5 кітапхана ASP.NET. ұүрамды бөлігі AJAX болып келеді.

ASP.NET AJAX құрамы

-AJAX Framework JavaScript үшін

-UpdatePanel контейнері бетті қайтадан жүктеусіз сервермен өзара қатынасы үшін

ASP басқару элементтерінің кеңейтілуі.

Silverlight 2 технологиясы

-Визуальды және мультимедиа эффектілерінің әртүрлі қолданылуы

-XAML тілінде интерфейстің ресми түрде жазылуы

-NET тілдерін, мысалы C#, және ішкі жиынтық FCL қолданып клиенттік жағында ақпаратты күрделі өңдеуді қолдау

Бағдарламмалық кодты құрастырудан бөлек дизайнерлік құралдардың көмегімен интерфейсті құрастыру

MVC технологиясы

-MVC – Model – View – Controller

-күрделі көпдеңгейлі құрылғысымен сайттарды құрастыру үшін ыңғайлы

-Model –бизнес-логиканың және мәліметтерді сақтаудың ішкі жүйесі

-View –қолданушы интерфейсін қамтамасыз ететін ішкі жүйе

-Controller –сайтты басқарудың ішкі жүйесі.

- Контроллердің көмегімен модель және көріністің өзара әрекет жасауы.

Технология Common Gateway Interface (CGI)

-Статикалық бетке емес CGI бағдарламмасына (мысалы: prog.exe) сілтеме қосатын HTTP сұрау браузерінен Web серверіне түсу барысында ішкі бағдарламманы шақыру орындалады .

-Ішкі бағдарламма және сервер арасындағы өзара әрекеттестікті орындау үшін Common Gateway Interface (CGI) (Кірудің жалпы интерфейсі) деп аталатын стандартты интерфейс қолдану қажет.

- CGI интерфейсі позволяет Web серверге CGI бағдарламмалары деп аталатын бағдарламмаларды шақырады, мұнда олар HTML бетті динамикалық формалдау үшін орындалады.

-CGI бағдарламмасы істей алады:

– HTML бетті жинақтау үшін қолданылатын мәліметтерді алу үшін талап ететін мәліметтер қорына сұраныстар жібереді, немесе

Қолданушыға берілген мәліметтерді қоя немесе жаңғырта мәліметтер қорына сақтац алады.

Технология Java Server Pages (JSP)

-JSP қарапайым бірақ қуатты технология болып келеді, ол Java сервлет мүмкіндігін жоғарылатады.

-JSP беті динамикалық блоктармен араласқан статикалық кодтардың блоктарынан тұрады (HTML, JavaScript, CSS және т.б.), яғни Java тілінде кодтың пропорциясы, олар серверде (scripting engine) скриптердің орындалуы жүйелік орындалады.

-Слайдта көрсетілгендей, при получении серверомпервого запроса к JSP бетіне бірінші сұранысты Web серверімен (JSP контейнерімен) алу барысында, JSP шаблоны (template) сервлетке түрленеді, мұнда ол содан кейін негізгі жадыда құрастырылады және сақталады, ал содан кейін HTML бетті құрастыру үшін қолданады. Осылайша статикалық HTML коды service сервлет әдісімен байланысқан жай ғана құрастырылған бетке ауысады.

-Осындай түрде құрастырылған нәтиже клиентке жіберіледі, қарапайым HTML беті ретінде оны көрсетеді.

-Сол JSP бетке әрбір келесі сұранысты Web сервермен алу барысында ол HTTP көмегімен Last Modified атауының ақырғы өңделуінен кейін бағдарламмалық код өзгерген жоқ па екендігін тексереді.

-Егер код өзгермесе, онда ОП сақталған құрастырылған код өзгереді; әйтпесе JSP беті қайтадан өңделеді де сервлеттің жаңа нұсқасы пайда болады, ол да құрастырылады және ОП сақталынады. Соған байланысты, выполнение первого вызова JSP беттің алғашқы шақырылуының орындалуы көп уақытты талап етеді (алғашқы қолданушығы айыппұл деп аталында (first-person penalty)), ал келесі сұраныстар тезірек өңделінеді.