Реализовать web интерфейс системы, обеспечивающей: добавление проектов; добавление тестов в проект; запуск теста и визуализация результата; просмотр ранее.

Презентация:



Advertisements
Похожие презентации
Java Server Pages(JSP). JavaServer Pages (JSP) позволяют вам отделить динамическую часть ваших страниц от статического HTML. Вы, как обычно, пишете обычный.
Advertisements

Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.netstudy.smarly.net Что такое AJAX Сокращенные методы: $.get, $.post,.load(), $.getScript,
ATLAS/AJAX – новый подход к web Кондратьев Денис VNG User Group
ДонНУ, кафедра КТ, проф.В.К.Толстых WCF-службы Создание и тестирование.dll-библиотеки WCF-служб Из цикла лекций «Internet-технологии разработки приложений»
AJAX Asynchronous Javascript and XML. Для чего нужен AJAX Недостаточная функциональность HTTP и HTML Не интерактивен Нет частичных обновлений Альтернативы.
jQuery jQuery библиотека JavaScript, фокусирующаяся на взаимодействии JavaScript и HTML. Библиотека jQuery помогает легко получать доступ к любому элементу.
Work with server by XMLRPC – library in Java For students Author: Dudnik Oxana.
Тема: «Zend Framework. Общие сведения. Реализация паттерна MVC в Zend Framework» Тема: «Zend Framework. Общие сведения. Реализация паттерна MVC в Zend.
JavaScript фреймворки. Куда катится мир. Владимир Кузнецов UWDC2012.
Drupal.= Яндекс.Сервер; DrupalConf. Москва
#html5camp JavaScript на сервере – node.js на Windows Гайдар Руководитель направления веб-технологий, Microsoft.
Date: File:GRAPH_04e.1 SIMATIC S7 Siemens AG All rights reserved. SITRAIN Training for Automation and Drives Отладка и пуск.
Создание проекта Zend Лекция 2 1.Создание нового проекта 2.Анализ нового проекта 3.Создание макетов.
Microsoft TechDays Сергей Попов Независимый разработчик.
WinCC Работа и мониторинг Siemens AG All rights reserved.© TC Nbg.-M Date: File: E02OFFe.PPT Catalog: NWINCC Открытость и способность.
PHP&Flex - новая альтернатива для создания RIAs Иванников Андрей Улич Дмитрий.
Разработка на Yii QuartSoft Corp. Системный архитектор Климов П.В.
1 Учебный курс Основы Web-технологий Лекция 6 CGI и Perl. SSI и Cookies кандидат технических наук Павел Брониславович Храмцов
JQuery Присяжний Дмитро MCP, MSP
Пример реализации приложения Программа отправки и анализа SMS-сообщений (через с WEB-интерфейсом.
Транксрипт:

Реализовать web интерфейс системы, обеспечивающей: добавление проектов; добавление тестов в проект; запуск теста и визуализация результата; просмотр ранее запущенных тестов; минимизация перезагрузок страницы (AJAX)

integer N сек Описание поля N Первый график N Values

Исполняемый файл SERVER CLIENT

паттерн MVC паттерн Front Controller. Общая точка входа в приложение Smarty.net для шаблонов Zend library

Инициализация smarty Связывание переменных Smarty->assign(paramName,$paramName); Вывод шаблона Smarty->display(template.html) Шаблон … {$paramName->attribute}

Tests.php Projects.php Projects id projectName dataDir ZEND_DB_TABLE Отделение SQL логики от приложения Projects Gateway insert(projectName) update(id,projectName) delete(id) getAll() findByName(projectName)

Общая точка входа в приложение Инициализация окружения Аутентификация Поддержка нескольких языков URL – host/controller/action?parametrs INDEX.PHP Инициализация smarty, zend_db, окружение Разбор URL Вызов app/controller/action.php

$.ajax({ method : "get", url : "/launchTest", data : { testId : Id }, beforeSend : function() { $("input").attr('disabled', 'disabled'); $("#loading").show("slow"); }, success : function(data) { checkFinish(Id); }, error: showError });

Client Server Js: startTest() /launchTest/checkFinish Js: checkFinish() Js: show() /launchTest/ Запуск теста, асинхронный Запись вывода stdout в файл AJAX Success == yes да нет

$("#addProject").validate({ rules:{ bin:{required: true, accept: "com|exe}, xml:{ required: true, accept: "xml}, projectName:{ required: true, validName: true, remote: "/addproject/checkProject"}}, messages:{ bin:{accept: "Com или Exe надо"}, xml:{accept: "Xml надо"}, projectName: {remote: "Проект с таким названием уже существует»} }, onkeyup: false });

Система: Универсальный web интерфейс; Визуализация результатов работы программы; Возможность описания вывода программы и графиков; Просмотр ранее запущенных тестов. Интерфейс: Валидация на клиенте; Динамическое обновление страницы без перезагрузки. Использование библиотек: Библиотека Jquery – Javascript; Фреймворк Zend Library; Шаблонизатор Smarty.net.