Java. Script в разработке веб-сайтов Научный руководитель: Наурусова Г. А. Авторы: Сологуб Виталий, Троицкий Сергей
Объект исследования: объектно-ориентированный скриптовый язык программирования Java. Script Цель работы: разработка приложения, позволяющего отображать на веб-странице различную статистическую информацию в виде диаграмм
Для достижения поставленной цели необходимо выполнить следующие задачи: • Рассмотреть общие сведения, касающиеся назначения и применения Java. Script • Изучить возможности языка Java. Script • Определить наиболее оптимальный набор функций для разработки приложения • Разработать приложение, реализующее алгоритм построения диаграмм на веб-страницах
World Wide Web Распределенная система, предоставляющая доступ к связанным между собой документам, расположенным на различных компьютерах, подключенных к Интернету Всемирную паутину образуют миллионы web-серверов
Java. Script В 1995 году специалисты компании Netscape создали механизм управления страницами на клиентской стороне, разработав язык программирования Java. Script Таким образом, Java. Script - это язык управления сценариями просмотра гипертекстовых страниц Web на стороне клиента
Расположение внутри страницы Для добавления Java. Script-кода на страницу, можно использовать теги <script></script> <script type="text/javascript"> alert('Message'); </script> Данный скрипт выводит модальное окно с сообщением внутри браузера
Расположение внутри тега Спецификация HTML описывает набор атрибутов, используемых для задания обработчиков событий <a href="delete. php" onclick="return confirm('Вы уверены? '); ">Перейти</a> В приведённом примере при нажатии на ссылку функция confirm('Вы уверены? '); вызывает модальное окно с надписью «Вы уверены? » , а return false; блокирует переход по ссылке
Вынесение в отдельный файл Есть и третья возможность подключения Java. Script — написать скрипт в отдельном файле, а потом подключить его <script type="text/javascript" src="http: //Путь_к_файлу_со_скриптом"></script>
Скрипт для вывода диаграмм Awesome. Chart. JS - библиотека Java. Script для создания диаграмм с использованием элемента HTML 5 <canvas>
Допустим, нужно создать график для отображения следующих данных о продажах Product Sales - 2010 (Продажи за 2010 год) Desktops: 1532 Laptops: 3251 Netbooks: 3460 Tablets: 1180 Smartphones: 6543 Сначала надо определить элемент canvas в документе HTML <canvas id="canvas 1" width="300" height="300"> Ваш веб браузер не поддерживает элемент HTML 5 canvas. </canvas>
Затем нужно присоединить документ awesomechart. js, создать новый объект Awesome. Chart и передать ему данные <script type="application/javascript" src="awesomechart. js"></script> <script type="application/javascript"> function draw. My. Chart(){ if(!!document. create. Element('canvas'). get. Context){ var mychart = new Awesome. Chart('canvas 1'); mychart. title = "Product Sales - 2010"; mychart. data = [1532, 3251, 3460, 1180, 6543]; mychart. labels = ["Desktops", "Laptops", "Netbooks", "Tablets", "Smartphones"]; mychart. draw(); } } window. onload = draw. My. Chart; </script>
Приведенный код выдаст следующий результат Для изменения типа диаграммы нужно указать ее тип до вызова функции draw() mychart. Type = ‘тип_диаграммы’; mychart. draw();
Выводы • Было проведено исследование основных возможностей языка Java. Script • Рассмотрены способы использования Java. Script в разработке приложений • Разработан скрипт, позволяющий представлять статистическую информацию на сайте в графическом виде
<script type="text/javascript"> alert(‘СПАСИБО ЗА ВНИМАНИЕ!’); </script>
Скачать презентацию Java Script в разработке веб-сайтов Научный руководитель Наурусова
Сологуб, Троицкий.ppt