Здесь показаны различия между двумя версиями данной страницы.
online_tools [2013/11/06 15:32] super_admin [Powerpoint] |
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), позволящим использовать данный ресурс в автономном режиме | ||
- | |||
- | |||
- | ===== РЕДАКТОР БЛОК-СХЕМ И ДИАГРАММ 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/]] | ||
- | |||
- | |||
- | |||