====== Сетевые сервисы ======
Программно-инструментальные сетевые среды для редактирование текста, графики, программного кода и т.п.

 В данном разделе опубликована информация об электронных ресурсах, позволяющих интенсифицировать различные этапы учебной, исследовательской, проектной деятельности в областях связанных с информационными технологиями. Данные ресурсы могут быть актуальны для школьников, преподавателей, студентов…

===== Клавиатурные тренажеры =====
Важность развития навыков слепого десятипальцевого клавиатурного письма сегодня чаще недооценивается, для людей, желающих профессионально освоить работу на компьютере данный этап должен быть важен: Представьте шофера, который в процессе движения смотрит на схему перелючения передач, прежде чем переключить скорость, или пианиста, одновременно читающего ноты и разыскивающего глазами необходимые клавиши. Компьютер - такой же инструмент для IT специалиста, как автомобиль для шофера или рояль для пианиста... 
Освоению слепого десятипальцевого клавиатурного письма сопутствует определенная методология и определенная практическая деятельность: наибольшая эффективность достигается при использовании специализированного программного обеспечения - клавиатурных тренажеров. 

Наиболее интересный ресурс (для обучения "слепому" десятипальцевому клавиатурному письму на кириллице) в данной категории: 

[[http://klava.org/about/]].

Альтернативные решения:

[[http://www.sense-lang.org/typing/Russian-key.html]]

[[http://play.typeracer.com/?universe=lang_ru]] - На 'данном сайте представлен тренажер – игра (автомобильные гонки). Зарегистрированные пользователи имеют возможность по ссылке участвоват в общем заезде…

Выбор языка внизу: [New: type in 50 languages! change your language(beta)]

===== Сетевой офис =====
Наиболее мощный ресурс в данной категории - 

[[http://docs.google.com/?hl=ru&tab=wo|Google docs]].

 Ресурс предоставляет возможность работать с текстовыми документами, электронными таблицами, презентациями, и т.п. (совместим с Microsoft Office).  

Для того, что бы пользоваться данным ресурсом необходимо создать аккаунт (зарегистрироваться, завести почтовый ящик) на  [[http://www.google.ru/|http://www.google.ru/]].

===== Графические редакторы =====
==== MugTug Sketchpad! ====
  * [[http://mugtug.com/]]
  * [[http://mugtug.com/sketchpad/]]
==== SVG-editor ====
  * [[http://www.chromeexperiments.com/detail/svg-editor/?f=|svg-editor]]
  * [[http://stuff.inevo.pt/svg/js/SvgEditorDemo/SvgEditorDemo.html|SvgEditorDemo]]
----
  * [[http://code.google.com/p/svg-edit/]]
  * [[http://svg-edit.googlecode.com/svn/branches/2.5.1/editor/svg-editor.html|svg-editor]]
==== Векторный редактор ====
  * [[http://www.vectomatic.org/gwt/vectomatic/main.html]]
<note>Данные (и другие подобные) ресурсы представлены на сайте:   [[http://www.chromeexperiments.com]]</note>

===== Построение графиков математических функций =====
  * [[http://www.chromeexperiments.com/detail/graph-plotter/?f=]]
  * [[http://graph.tk/]] - наделен функционалом (HTML5), позволящим использовать данный ресурс в автономном режиме
  * [[http://graph.tk/about/api.html]]
  * [[http://graph.tk/about/]]


===== РЕДАКТОР БЛОК-СХЕМ И ДИАГРАММ ONLINE =====

Блок-схема — распространенный тип схем, описывающий алгоритмы или процессы, изображая шаги в виде блоков различной формы, соединенных между собой стрелками.

Более подробно см. [[http://ru.wikipedia.org/wiki/Блок-схема]]
==== Lucidchart ====
Среди множества онлайн редакторов схем и диаграмм, отмечу тот, который оказался достаточно удобным в применении - [[http://www.lucidchart.com]]

=== Краткая инструкция ===

На главной странице в таблице с названием Diagrams Done Right для начала работы с диаграммами нажмите кнопку Try it Now.
===== Mockflow =====
[[http://mockflow.com/]] - Если необходимо сделать эскиз (дизайн) интерфейса web-страницы и не только, этот инструмент может быть полезен. Работать с ним достаточно просто.


===== Mind Map =====
Диагра́мма свя́зей, известная также как интелле́кт-ка́рта, ка́рта ума́ (англ. Mind map) или ассоциати́вная ка́рта, — способ изображения процесса общего системного мышления с помощью схем. Также может рассматриваться как удобная техника альтернативной записи.
([[http://ru.wikipedia.org/wiki/Диаграмма_связей]]; [[http://en.wikipedia.org/wiki/Mind_map]] )

Наиболее интересное (с моей точки зрения) онлайн решение в данной области:
<note tip>**[[http://mind42.com/]]**</note>
Варианты использования:
  * [[http://mind42.com/pub/mindmap?mid=596bcbb4-21aa-48f3-b7f2-e72e0a72e47c]] - Практикум по основам программирования (javaScript)
  * [[http://mind42.com/pub/mindmap?mid=39739721-e3da-4a96-a09f-40aed2f4d325]] - Основы ООП (практикум)

===== Технологии и инструментарий программирования, алгоритмика... =====
==== «Turtle graphics» - «Черепашья графика» ====
«Черепашья графика» достаточно подробно представлена в статье [[черепашки_online|Черепашки ONLINE]]

==== Learn to code. Codecademy ====
Codecademy is the easiest way to learn how to code. It's interactive, fun, and you can do it with your friends. 

Кодеакадемия - простейший способ научиться кодировать. Это интерактивно, забавно и этим можно заниматься с друзьями.
  * [[http://www.codecademy.com/]]

==== CODE ====

//Every student in every school should have the opportunity to learn to code//

http://www.code.org/learn/scratch
==== IDE (Integrated Development Environment) ====
IDE: Интегрированная среда разработки (англ. Integrated Development Environment) — система программных средств, используемая программистами для разработки программного обеспечения. 
  * [[http://ideone.com/]] -  it's an online compiler and debugging tool which allows to compile and run code online in more than 40 programming languages.	
  * [[http://www.onlinecompiler.net/]]
==== The Best Way to Learn JavaScript  ====
Andrew Burgess on Sep 21st 2011

[[http://net.tutsplus.com/tutorials/javascript-ajax/the-best-way-to-learn-javascript/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+nettuts+%28Nettuts%2B%29|The Best Way to Learn JavaScript...]] - статья и ссылки на ресурсы.


==== CFDG (Context Free Design Grammar) (Специализированная информация) ====
Данные ресурсы относительно сложны для учеников школьного возраста.
  * [[http://korsh.com/cfdg/]]
  * [[http://www.contextfreeart.org/|CFDG (Context Free Design Grammar)]]
  * [[http://www.chromeexperiments.com/detail/cink/?f=]] -- аннотация
  * [[http://cink.applegrew.com/art.html|Инструментальная оболочка для визуализации графического представления, основанного на сценарии CFDG]]
Теория
  * [[http://en.wikipedia.org/wiki/Evolutionary_art]]
  * [[http://usyd.academia.edu/RobSaunders/Papers/347561/Teaching_Evolutionary_Design_Systems_by_Extending_Context_Free]]
===== Create Flash In Your Browser (as3 code) =====
  * [[http://wonderfl.net/]]
  * [[http://wonderfl.net/c/y9lz/edit]]
===== HTML, CSS... =====

  * [[http://software.hixie.ch/utilities/js/live-dom-viewer/|Live-Dom-Viewer]] - [[http://ru.wikipedia.org/wiki/Document_Object_Model|DOM (WIKI)]] (от англ. Document Object Model — «объектная модель документа») - Любой документ известной структуры с помощью DOM может быть представлен в виде дерева узлов, каждый узел которого представляет собой элемент, атрибут, текстовый, графический или любой другой объект. Узлы связаны между собой отношениями "родительский-дочерний".


  * [[http://savedelete.com/best-free-online-html-editors.html]] - Top 10 Online HTML Editors That Are Simple And Free To Use
  * [[http://savedelete.com/top-10-best-free-online-css-editors-for-web-designers.html]] - Top 10 Best Free Online CSS Editors For Web Designers
==== Редакторы, представляющие наибольший интерес в учебном плане ====
  * [[http://www.tutorialspoint.com/html5/html5_editor.htm]] - простейший шаблон HTML страницы.
  * [[http://www.tutorialspoint.com/html5/html5_quick_guide.htm]] - HTML5 - Quick Guide
  * [[http://www.tutorialspoint.com/cgi-bin/practice.cgi?file=html5_document_syntax]] - HTML5 Document Structure Example 
  * [[http://codemirror.net/demo/preview.html]] - **редактор с подсветкой кода и с визулазатором результата (простейший интерфейс пользователя)**
  * [[http://csstypeset.com/]] - Простейший визуализатор CSS для текста.
  * [[http://cssdesk.com/]] - Визуализатор CSS + HTML...
  * [[http://www.w3schools.com/css/tryit.asp?filename=trycss_default]] - HTML, CSS визуальный редактор
  * [[http://onlinecsseditor.mywingsoflove.com/]] - CssWing - online CSS Editor
  * [[http://tinkerbin.com/]] - HTML, CSS, javaScript...
  * [[http://jsfiddle.net/]] - HTML, CSS, javaScript, jQuery...

==== Цветовые палитры ====
  * [[http://share.auditory.ru/kafedra/Sergey.Kondrashov/freeSoft/color_picker/jscolor-1.3.9/jscolor/demo.html|color_picker]] - Цветовая палитра
  * [[http://www.colorpicker.com/]] - online colorpicker
  * [[http://www.colorschemer.com/online.html]] - организация цветовых схем
  * [[http://images.my-addr.com/online_color_picker_tool-pick_color_html_hex_rgb.php]] - online инструментарий для обработки иллюстраций
  * [[http://colorschemedesigner.com/]] - дизайнер цветовых схем
  * [[http://www.workwithcolor.com/doughnut-color-picker-01.htm]] + информация о природе цвета (на английском)
  * [[http://www.w3schools.com/tags/ref_colorpicker.asp]] - цветовая палитра
  * [[http://colorschemegenerator.com/]] - генератор цветовых схем (подбор гармоничных цветовых сочетаний)!
  * [[http://www.colorblender.com/]]

==== Цветовые палитры (исходный код)====
  * [[http://jscolor.com/]] - JSColor is a simple & user-friendly color picker for your HTML forms - исходный код (javaScript) и документация для (приведенного в первом пункте предыдущего раздела) примера.
  * [[http://www.dematte.at/colorPicker/]] - исходный код (javaScript) и документация 
==== Cправочники по HTML и CSS !!! ====
  * [[http://www.w3schools.com/html/default.asp]]
  * [[http://www.w3schools.com/css/]]
  * [[http://www.tutorialspoint.com/html5/index.htm]]
  * [[http://htmlbook.ru/]] - Превосходный учебный и справочный материал (на русском языке).


==== Free FTP ====

  * [[http://www.internet-soft.com/software-download.htm]]
  * [[http://portableapps.com/apps/internet/filezilla_portable]]

===== JavaScript, JSON... =====
  * [[http://json.org/json-ru.html]] - Введение в JSON (внизу ститьти ссылки на online инструментарий)
  * [[http://jsonlint.com/]] - The Online JSON Validator
  * [[http://jsbin.com/#javascript,html]] - Редактор
  * [[http://www.jslint.com/]] -JSLint, Syntax Checker.
  * [[http://code.google.com/apis/ajax/playground/]] - Code Playground
  * [[http://gskinner.com/RegExr/]] - Регулярные выражения
  * [[http://eloquentjavascript.net/contents.html]] - Интерактивное учебное пособие по JavaScript (книга)!!!
===== Видео =====
  * [[http://jaycut.com/video-editor-demo]] -- Онлайн видео редактор:  поддержка русского языка (free 60-day API trial). Если требуется осуществить простой видео монтаж, исследовать технологию сборки видео сюжетов - вполне приемлемый вариант.
  * [[http://www.onetruemedia.com/]] -- Онлайн видео редактор
  * [[http://www.moviemasher.com]] -- open source video editing tools for your site
  * [[http://firefogg.org/make/index.html]] -- перекодировщик
  * [[https://sites.google.com/site/technologyenhancedlearning/home/the-resources/multimedia/video-creation--editing|Video Editing & Creation]] -- сборник ссылок на ресурсы для работы с видео (en)

http://savedelete.com/best-free-windows-video-editing-software.html - 18 Best Video Editing Software For Free Download (Windows) (как исключение - данные редакторы не являются online инструментартием)

===== Векторная анимация =====

http://antimatter15.com/ajaxanimator/wave/

http://antimatter15.com/ajaxanimator/ipad/ - для iPad

https://chrome.google.com/webstore/detail/ajax-animator/ginffkjapdobanedcblllenliboglpkp - плагин для Google Chrome

http://code.google.com/p/ajaxanimator/ -- файлы проекта

http://edugalaxy.intel.ru/?automodule=blog&blogid=10907&showentry=1904
===== Интерактивные мультиформатные информационные компоновщики =====
Инструментальные средства для быстрого создания мультиформатных интерактивных информационных ресурсов: постерорв,линейных и нелинейных презентаций, сюжетных и тематических композиций, электронных портфолио и т.п....
  * [[http://edu.glogster.com/]]
  * [[http://www.slideshare.net/]]
  * [[http://prezi.com/]]
  * [[http://prezi.com/boa21ytdaoxy/ap-bio-evolution-6-brief-history-of-life/]]
  * [[https://sites.google.com/site/technologyenhancedlearning/home/the-resources/timeline-makers|Timeline makers]] -- сборник ссылок на ресурсы (en)
продолжение следует...

===== Шаблон для огрганизации простых веб-презентаций =====
==== jQuery Presentation Plugin: Say NO to Keynote! ====
  * [[http://www.viget.com/inspire/jquery-presentation-plugin/|jQuery Presentation Plugin]]
  * [[http://www.viget.com/uploads/file/jquery-presentation/#1|take a look at a demo]]
  * [[http://github.com/davist11/jQuery-Presentation|download it from github]]

=== One Page Scroll ===

Create an Apple-like one page scroller website (iPhone 5S website) with One Page Scroll plugin

Created by Pete R., Founder of BucketListly

  * http://www.thepetedesign.com/demos/onepage_scroll_demo.html
  * https://github.com/peachananr/onepage-scroll
===== Для тех, кто понимает английский язык, могут оказаться полезными следующие ресурсы:  =====

[[http://www.techiequest.com/category/online-tools/|http://www.techiequest.com/category/online-tools/]] - англоязычный портал, публикующий ссылки на сетевые инструментальные среды и сервисы. 

[[http://www.damnyouartschool.com/photography.html]] - Apps, Tools, and Resources creative professionals use to improve Productivity & Creativity.

[[http://www.kineo.com/elearning-resources/elearning-resources-home.html]] - In this part of the Kineo website we share our thinking on the latest in e-learning.

[[http://learningbenchmark.wordpress.com/2013/02/04/useful-list-of-elearning-resources/]]

[[http://elearningindustry.com/list-of-free-tools-to-create-infographics-for-your-learners]]

[[http://digitalgoonies.com/?page_id=742]]

[[http://melslearninglab.wordpress.com/]]

[[http://lifehacker.com/recordium-records-audio-lets-you-edit-it-right-on-your-510194122]] - Recordium Records and Edits Audio Right on Your iPhone or iPad

[[http://web.mef.hr/web/index.php?option=com_weblinks&view=category&id=109%3Aalati&Itemid=48]]

[[http://zembl.com/]]

[[http://goanimate.com/]]




====== QR коды ======
Для распознавания QR кодов на персональном компьютере можно установить следующую программу:

**QuickMark for PC**

http://www.quickmark.com.tw/en/basic/downloadPC.asp

Для считывания QR кодов с помощью веб камеры на персональном компьютере можно воспользоваться 
online сервисом:

http://miniqr.com/reader.php

(внимание, считывается если перевернут QR код "вверх ногами")

Для установки на компьютер:

https://get.adobe.com/ru/air/

http://dansl.net/qrreader/ (считывает QR код с веб камеры)

Для генерации QR кодов:

http://www.qrmania.ru/

====== Powerpoint ======

[[http://www.pppst.com/templates.html]] 

[[http://www.m62.net/powerpoint-slides/powerpoint-greeting-cards/]]