9.4JavaScript. Библиотека Ext JS
В данной работе для работы интерфейса, отображаемого в браузере мы используем библиотеку JavaScript для разработки веб-приложений и пользовательских интерфейсов - Ext JS.
Ext JS предназначен для создания интернет-приложений, которые могут иметь весьма насыщенный интерфейс.
Ext JS помогает организовывать и управлять элементами на веб-странице и проводить более точную и эффективную их настройку. Причем данный фреймворк позволяет не только эффективно работать с элементами управления, но и с некоторыми графическими моментами, например, с диаграммами.
Возможности, предоставляемые данным фреймворком, позволяют применять к веб-приложениям шаблон MVC, который позволяет отделить логику приложения, и его данные от визуальной части.
Еще одной важной чертой фреймворка является кроссбраузерность. В настоящее время Ext JS поддерживается следующими версиями браузеров:
Internet Explorer;
Firefox (PC, Mac);
Safari;
Chrome;
Opera.
При разработке нового приложения с использованием данной библиотеки необходимо прежде всего добавить ссылки на файлы Ext JS на html-странице. Если выбрать файл ext-all.js, то браузер при вызове кода фреймворка будет подгружать всю библиотеку Ext JS [2].
А в случае выбора файла ext.js браузер будет подгружать только минимально необходимый код для выполнения приложения. Поэтому выбор этого файла рекомендуется для разработки и тестирования. Но при развертывании приложения все же рекомендуется использовать полную версию фреймворка - ext-all.js.
Рассмотрим содержимое библиотеки Ext JS:
docs. Содержит полную документацию по фреймворку;
examples. Содержит примеры использования компонентов Ext JS;
locale. Содержит переводы компонентов на другие языки;
resources. Включает файлы css и изображений и тем, используемые фреймворком;
src. Содержит весь исходный код Ext JS;
builds. Содержит дополнительные файлы фреймворка Ext JS.
10)ЭТАПЫ ПРОЕКТИРОВАНИЯ
На этапе проектирования определяется подробные спецификации разрабатываемого ПО.
Процесс проектирование ПО обычно включает:
проектирование общей структуры – определение основных частей (компонентов) и их взаимосвязей по управлению и данным;
декомпозицию компонентов и построение структурных иерархий в соответствии с рекомендациями блочно-иерархического подхода;
проектирование компонентов.
Результатом проектирования является детальная модель разрабатываемого ПО вместе со спецификациями его компонентов всех уровней. Тип модели зависит от выбранного или заданного подхода (структурный, объектно-ориентированный или компонентный) и конкретной технологии проектирования. Однако в любом случае процесс проектирования охватывает как проектирование обрабатывающих программ (подпрограмм) и определение взаимосвязей между ними, так и проектирование данных, с которыми взаимодействуют эти программы или подпрограммы.
В данной работе планируется разработать два основных аспекта проектирования:
логическое проектирование, включающее те проектные операции, которые непосредственно не зависят от имеющихся технических и программных средств, составляющих среду функционирования будущего программного продукта;
физическое проектирование, которое заключается в привязке к конкретным техническим и программным средствам среды функционирования.
10.1Описание разрабатываемого продукта
Разрабатываемая система автоматического приема и обработки заявок рассчитана на простое использование без специальной подготовки пользователя ПК. Имеет интуитивно понятный простой графический интерфейс. Все функции и меню доступны из главного меню программы, что позволяет минимизировать время на ориентацию в программе и понимание функций. Тем не менее в обязательном порядке программный продукт сопровождается руководством пользователя, где присутствует подробное описание интерфейса, функций, логической структуры.
Приложение имеет кроссбраузерную архитектуру. Интерфейс сделан при помощи библиотеки Java Script Ext JS для построения кроссплатформенных веб-приложений с активным графическим интерфейсом.
При помощи данной библиотеки можно достаточно просто сделать богатый интерфейс, дополнить его активными опциями, контекстными меню, графиками.
Для программирования логической работы системы мы используем язык веб-программирования PHP, а также используем обращение к базе данных через структурированный язык запросов SQL.
|
