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

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

Важность развития навыков слепого десятипальцевого клавиатурного письма сегодня чаще недооценивается, для людей, желающих профессионально освоить работу на компьютере данный этап должен быть важен: Представьте шофера, который в процессе движения смотрит на схему перелючения передач, прежде чем переключить скорость, или пианиста, одновременно читающего ноты и разыскивающего глазами необходимые клавиши. Компьютер - такой же инструмент для 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)]

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

Google docs.

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

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

• http://mugtug.com/
• http://mugtug.com/sketchpad/

• svg-editor
• SvgEditorDemo

—-

• http://code.google.com/p/svg-edit/
• 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/

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

Более подробно см. http://ru.wikipedia.org/wiki/Блок-схема

Среди множества онлайн редакторов схем и диаграмм, отмечу тот, который оказался достаточно удобным в применении - http://www.lucidchart.com

На главной странице в таблице с названием Diagrams Done Right для начала работы с диаграммами нажмите кнопку Try it Now.

http://mockflow.com/ - Если необходимо сделать эскиз (дизайн) интерфейса web-страницы и не только, этот инструмент может быть полезен. Работать с ним достаточно просто.

Диагра́мма свя́зей, известная также как интелле́кт-ка́рта, ка́рта ума́ (англ. 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 - Основы ООП (практикум)

«Черепашья графика» достаточно подробно представлена в статье Черепашки ONLINE

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/

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

http://www.code.org/learn/scratch

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/

Andrew Burgess on Sep 21st 2011

The Best Way to Learn JavaScript... - статья и ссылки на ресурсы.

Данные ресурсы относительно сложны для учеников школьного возраста.

• http://korsh.com/cfdg/
• CFDG (Context Free Design Grammar)
• http://www.chromeexperiments.com/detail/cink/?f= – аннотация
• Инструментальная оболочка для визуализации графического представления, основанного на сценарии CFDG

Теория

• http://en.wikipedia.org/wiki/Evolutionary_art
• http://usyd.academia.edu/RobSaunders/Papers/347561/Teaching_Evolutionary_Design_Systems_by_Extending_Context_Free

• http://wonderfl.net/
• http://wonderfl.net/c/y9lz/edit

• Live-Dom-Viewer - 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…

• 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) и документация

• http://www.w3schools.com/html/default.asp
• http://www.w3schools.com/css/
• http://www.tutorialspoint.com/html5/index.htm
• http://htmlbook.ru/ - Превосходный учебный и справочный материал (на русском языке).

• http://www.internet-soft.com/software-download.htm
• http://portableapps.com/apps/internet/filezilla_portable

• 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 – перекодировщик
• 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/
• Timeline makers – сборник ссылок на ресурсы (en)

продолжение следует…

• jQuery Presentation Plugin
• take a look at a demo
• download it from github

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.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 кодов на персональном компьютере можно установить следующую программу:

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/

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

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