Различия

Здесь показаны различия между двумя версиями данной страницы.

--- online_tools [2014/09/03 22:54]
super_admin [Графики математических функций]
+++ online_tools [2019/06/24 20:29]
@@ Строка 1: / Строка 1: @@
-====== Сетевые сервисы ======
-Программно-инструментальные сетевые среды для редактирование текста, графики, программного кода и т.п.
- В данном разделе опубликована информация об электронных ресурсах, позволяющих интенсифицировать различные этапы учебной, исследовательской, проектной деятельности в областях связанных с информационными технологиями. Данные ресурсы могут быть актуальны для школьников, преподавателей, студентов…
-===== Клавиатурные тренажеры =====
-Важность развития навыков слепого десятипальцевого клавиатурного письма сегодня чаще недооценивается, для людей, желающих профессионально освоить работу на компьютере данный этап должен быть важен: Представьте шофера, который в процессе движения смотрит на схему перелючения передач, прежде чем переключить скорость, или пианиста, одновременно читающего ноты и разыскивающего глазами необходимые клавиши. Компьютер - такой же инструмент для 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/]]

INTEPRA WIKI

Инструменты пользователя

Инструменты сайта

Различия

Инструменты страницы