Жобалаудың бұлтты ортасында графикалық интерфейсті құруға арналған құрал-сайманның өзектілігі және оларға қойылатын талаптар | Статья в журнале «Молодой ученый»

Библиографическое описание:

Айтимова У. Ж., Тулегенова Г. С., Киянбеков А. Ж. Жобалаудың бұлтты ортасында графикалық интерфейсті құруға арналған құрал-сайманның өзектілігі және оларға қойылатын талаптар // Молодой ученый. — 2015. — №7.2. — С. 11-13. — URL https://moluch.ru/archive/87/17235/ (дата обращения: 22.07.2018).

Пайдаланушының графикалық интерфейсін құру үшін құрал-сайманды пайдалануға жобалаушылардың көзқарасы қарама-қайшы – біреулері интерфейсті әрқашан да қолдан жасауды қолдаса, ал екіншілері керісінше көзге көрінетін интерфейсті жасау үшін көзге көрінетін құралдарды пайдалану керек деп санайды. Java сәулетші, жүздеген техникалық презентациялар мен симпозиумдардың қатысушысы Ben Galbraith өзінің Successful GUI Building... Today мақаласында орта буындағы жобалаудың көзге көрінетін құрал-саймандарды пайдаланумен жұмыс өнімділігі 2-10 есе (жасалып жатқан қосымшаға байланысты) ұлғаяды деп есептейді [1]. GUI Builder басты мақсаты бағдарламашының өнімділігін ұлғайту болып табылады, дегенмен жобалаудың бұлтты ортасының ерекшеліктерін ескере отырып талаптар қоямыз:

1. WYSIWYG редактордың барлығы.

GUI Builder-дің дизайн терезесі мен код терезесі болуы тиіс. Бұл жобалаудың бір-мезгілде дизайн мен генерацияланатын кодты қарап шығу үшін қажет.

2. Кодтың екіжақты генерациясы.

Код пен дизайн ағымдағы кезеңде дәл ненің редакцияланып жатқанына қарамастан әрқашан синхрондалған.

3. Drag – and – Drop.

4. Мобильді құрылғылар үшін графикалық интерфейс жасау мүмкіншілігі.

5. HTML5/Java Seript/CSS3 кодының генерациясы.

Жалпы алғанда, біз бұлтты орталар негізінен мобильді және веб қосымшаларды жасау үшін пайдаланылады. HTML 5 кроссплатформалы веб қосымшаларды жобалауда негізгі рольді атқарды. Олай болса, GUI Builder HTML5 кодын генерациялауы тиіс. Бағдарламалаудың мұндай тілін таңдау Kend UI Global Developer Survey соңғы жүргізген зерттеулерімен расталды: жобалаушылардың көпшілігі қазір кросс-платформалық жобалау үшін HTML 5 артығырақ көреді.

6. Бейімдік дизайнды қолдау.

Бейімдік дизайн (ағыл. Responsive web disign) – түрлі құрылғыларда өте жақсы қабылдауды қамтамасыз ететін қосымша дизайны. Бейімдік дизайн мақсаты түрлі құрылғылар үшін қосымшалардың әмбебаптығы болып табылады. Түрлі рұқсат етілімдер мен форматтардағы құрылғылардан қосымшаны көріп шығуға қолайлы болу үшін, бейімдік дизайн технологиясы бойынша құрылғылардың жекелеген түрлері үшін қосымшаның жекелеген нұсқаларын жасап жатудың керегі жоқ. Сол бір қосымша смартфонда да, планшетте де, ноутбукта да, яғни рұқсат етілетін барлық спектірінде жұмыс істей алады.

7. Дизайн элементтерін бизнес логиканың мәліметтерімен және оқиғалармен жеңіл

байланыстыру мүмкіншілігі.

Мысалы, onClick оқиға өндеушісін батырмаға қосу.

8. Бұлтты немесе веб қосымша.

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

Пайдаланушының графикалық интерфейсін құруға арналған құрал-саймандардың мынадай талаптарды қанағаттандыратын қосымшалары талдауға ұшырағанын атап өту керек [2]: 

1. Бұлтты немесе веб қосымша.

2. HTML5/Java Script/CSS3  кодын генерациялау.

3. WYSIWYG редактордың барлығы.

4. Мобильді құрылғылар үшін интерфейс жасау.

Интерфейсті прототиптеу – бұл бағдарлама интерфейсінің сынақ нұсқасын жасау үдерісі. Интерфейсті прототиптеуді әдетте қолдану үшін ұсынылып отырған концепцияның жарамдылығын, оларды пайдалану қолайлылығын тексеру мақсатында жүргізеді. Интерфейсті прототиптеу болашақ пайданушылардан жобалау үдерісінің ерте сатыларына кері байланыс алуға мүмкіндік береді. Пайдаланушының интерфейсті прототиптеуге арналған бұлтты құрал-саймандардың көптеген түрлері бар – Codiga, FluidVI, Rapid Interface Builder және олардың негізінде WYSIWYG редакторы, дайын виджеттер жиынтығы және HTML5/Java Script/CSS3 генерацияланатын коды және т.б. алынады. Олар мобильді құрылғылар үшін интерфейс құруға мүмкіндік береді.

Сурет-1. RIB Интерфейсті прототиптеу құрал-саймандары.

 

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

 

Сурет-2. Application Craft интерфейсті қосымша.

 

Әдетте бұл сыныптың өкілдері-виджеттердің үлкен жиынтығымен HTML кодының WYSIWYG редакторлары. Өзінің функциональдығы бойынша ең бай HTML редакторлардың бірі, пайдаланушылық интерфейсті құруға арналған құрал-саймандары жоғарыда қойылған барлық талаптарды қанағаттандыратын Мagetta болып табылады.

Сурет-3. Интерфейсті HTML редакторлары Мagetta.

 

Сонымен пайдаланушының графикалық интервейсін құруға арналған құрал-саймандар сирек кездесетін зат болып табылмайды және көптеген басқа да прототиптеу құрал-саймандарының, қосымшаларды құруға арналған құрал-саймандардың және HTML редакторлардың құрамында кездеседі. Бұл жерде олар қандай да бір шамада дәлелдеген талаптарды қанағаттандырады.

Осылайша, жасаушаларға бір қосымшаны жасау үшін түрлі құрал-саймандарды пайдалануға тура келеді. Әдетте бұл мынадай түрде өтеді [3]:

·         Жобалаушы GVI Buіlderde-де дизайн жасайды.

·         Генерацияланған кодты жобалау ортасының редакторына көшіріп алады және инерацияланған файлды дискіде сақтайды да, одан кейін оны жобалау ортасына жүктейді.

·         Қажеттілік кезінде жаңа графикалық элементтерді қосу үшін және қолдан жасалынған өзгерістерді тексеру үшін жобалау ортасынан GVI Buіlder-дe кері көшіріп алуды жасайды.

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

 

Әдебиет:

1.    Рихтер К. Chris Richter on Cloud Computing Security and Compliance  [Электронный ресурс].

2.    Черняк Л. Интеграция – основа облака, «Открытые системы», № 07, 2011

3.    Клементьев И.П., Устинов В.А. Введение в Облачные вычисления. - Изд. УГУ . 2009 г.

 

Основные термины (генерируются автоматически): HTML, GUI, WYSIWYG, GVI, дизайн, RIB, веб.


Похожие статьи

Адаптивный дизайн веб-сайта с использованием...

Ключевые слова: HTML, CSS, Javascript, jQuery, фреймворк, фронтэнд, верстка, адаптивный дизайн, веб-разработка. Введение. В эпоху новых технологий малые и большие предприятия во всем мире перемещаются в “глобальную паутину”...

Тестирование графического интерфейса (GUI testing)

Что такое GUI? Есть два типа интерфейсов для компьютерных приложений. Интерфейс командной строки, где вы набираете текст и

Интерфейс виден пользователю. Особенно акцент делается на дизайн структуры, образы, которые они работают должным образом или нет.

Современный подход к разработке web-ресурсов

Ключевые слова: веб-дизайн, web-сайт, Интернет-технологии, тенденции.

Способствуют этому и новые технологии, которые поддерживаются всеми современными ОС для мобильных устройств– HTML5 иCSS3.

Формирование культуры пользователей посредством визуальной...

Веб-дизайн — это процесс производства web-сайтов, который включает техническую разработку, структурирование

Далее происходит верстка сайта, на этой стадии графическая картинка нарезается на отдельные элементы и с использованием технологий HTML и CSS...

Управление техническими системами с помощью web-интерфейса

Этот протокол предполагает взаимодействие браузера (Web - клиента) c HTTP - сервером по принципу "вопрос - ответ", т.е. браузер посылает запрос HTTP – серверу на информацию, а Web – сервер отсылает клиенту сформированную HTML (HyperText Markup Language...

Особенности проектирования и разработки электронных...

Второй большой класс инструментов для web-разработчиков составляют HTML-редакторы WYSIWYG(от англ. whatyouseeiswhatyouget

Использование визуальных редакторов позволит им без лишних временных затрат на глубокое изучение HTML и web-дизайна создавать...

Возможности мультимедиа в педагогическом web-дизайне

К счастью, чтобы иметь отличный веб-сайт сегодня, вам не нужно быть мастером HTML или иметь хорошие навыки программирования. Есть множество технологий для веб-дизайна, которые позволяют иметь динамический или интерактивный интерфейс на своем веб-сайте.

Creating special dictionary on the platform android | Статья в журнале...

Алгоритмы веб-сервиса обработки сборок метаданных для... Поэтому если происходят какие-то изменения в SQL, то они должны быть

...клиента для конкретной системы в соответствии с ее API (Application Programming Interface – интерфейс программирования приложений).

Обсуждение

Социальные комментарии Cackle

Похожие статьи

Адаптивный дизайн веб-сайта с использованием...

Ключевые слова: HTML, CSS, Javascript, jQuery, фреймворк, фронтэнд, верстка, адаптивный дизайн, веб-разработка. Введение. В эпоху новых технологий малые и большие предприятия во всем мире перемещаются в “глобальную паутину”...

Тестирование графического интерфейса (GUI testing)

Что такое GUI? Есть два типа интерфейсов для компьютерных приложений. Интерфейс командной строки, где вы набираете текст и

Интерфейс виден пользователю. Особенно акцент делается на дизайн структуры, образы, которые они работают должным образом или нет.

Современный подход к разработке web-ресурсов

Ключевые слова: веб-дизайн, web-сайт, Интернет-технологии, тенденции.

Способствуют этому и новые технологии, которые поддерживаются всеми современными ОС для мобильных устройств– HTML5 иCSS3.

Формирование культуры пользователей посредством визуальной...

Веб-дизайн — это процесс производства web-сайтов, который включает техническую разработку, структурирование

Далее происходит верстка сайта, на этой стадии графическая картинка нарезается на отдельные элементы и с использованием технологий HTML и CSS...

Управление техническими системами с помощью web-интерфейса

Этот протокол предполагает взаимодействие браузера (Web - клиента) c HTTP - сервером по принципу "вопрос - ответ", т.е. браузер посылает запрос HTTP – серверу на информацию, а Web – сервер отсылает клиенту сформированную HTML (HyperText Markup Language...

Особенности проектирования и разработки электронных...

Второй большой класс инструментов для web-разработчиков составляют HTML-редакторы WYSIWYG(от англ. whatyouseeiswhatyouget

Использование визуальных редакторов позволит им без лишних временных затрат на глубокое изучение HTML и web-дизайна создавать...

Возможности мультимедиа в педагогическом web-дизайне

К счастью, чтобы иметь отличный веб-сайт сегодня, вам не нужно быть мастером HTML или иметь хорошие навыки программирования. Есть множество технологий для веб-дизайна, которые позволяют иметь динамический или интерактивный интерфейс на своем веб-сайте.

Creating special dictionary on the platform android | Статья в журнале...

Алгоритмы веб-сервиса обработки сборок метаданных для... Поэтому если происходят какие-то изменения в SQL, то они должны быть

...клиента для конкретной системы в соответствии с ее API (Application Programming Interface – интерфейс программирования приложений).

Задать вопрос