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

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


actual_online_tools

Различия

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

Ссылка на это сравнение

actual_online_tools [2014/06/10 16:53]
super_admin [Клавиатурные тренажеры]
actual_online_tools [2019/06/24 20:29]
Строка 1: Строка 1:
-====== Актуальные электронные учебные сетевые сервисы ====== 
-В данном разделе опубликована информация об электронных ресурсах,​ используемых в качестве методических пособий (инструментальных,​ демонстрационных,​ учебно-развивающих сред) в процессе изучения различных тем базового курса информатики средней школы и при подготовке к ГИА, ЕГЭ… ​ 
- 
-Внимание,​ некоторые ресурсы русифицированы,​ некоторые нет, однако интерфейс приведенных здесь ресурсов относительно простой и интуитивно понятный (как правило,​ управляющие элементы имеют символьное обозначение),​ в большинстве случаев достаточно краткого объяснения,​ чтобы приступить к работе. 
- 
-===== Клавиатурные тренажеры ===== 
-Важность развития навыков слепого десятипальцевого клавиатурного письма сегодня чаще недооценивается,​ для людей, желающих профессионально освоить работу на компьютере данный этап должен быть важен: Представьте шофера,​ который в процессе движения смотрит на схему перелючения передач,​ прежде чем переключить скорость,​ или пианиста,​ одновременно читающего ноты и разыскивающего глазами необходимые клавиши. Компьютер - такой же инструмент для IT специалиста,​ как автомобиль для шофера или рояль для пианиста... ​ 
-Освоению слепого десятипальцевого клавиатурного письма сопутствует определенная методология и определенная практическая деятельность:​ наибольшая эффективность достигается при использовании специализированного программного обеспечения - клавиатурных тренажеров. ​ 
- 
-Наиболее интересный ресурс (для обучения "​слепому"​ десятипальцевому клавиатурному письму на кириллице) в данной категории: ​ 
- 
-[[http://​klava.org/​about/​]]. 
- 
-Интересный ресурс (для обучения "​слепому"​ десятипальцевому клавиатурному письму,​ английский язык): 
- 
-[[http://​typingclub.com/​]];​ 
- 
-[[http://​stamina.ru/​]] - качественный тренажер (множество настраиваемых параметров);​ 
- 
- 
-**Дополнительная информация:​** 
- 
-[[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://​www.phoboslab.org/​ztype/​ 
-===== Сетевой офис ===== 
-Наиболее мощный ресурс в данной категории -  
- 
-[[http://​docs.google.com/?​hl=ru&​tab=wo|Google docs]]. 
- 
- ​Ресурс предоставляет возможность работать с текстовыми документами,​ электронными таблицами,​ презентациями,​ и т.п. (совместим с Microsoft Office).  ​ 
- 
-Для того, что бы пользоваться данным ресурсом необходимо создать аккаунт (зарегистрироваться,​ завести почтовый ящик) на  [[http://​www.google.ru/​|http://​www.google.ru/​]]. 
- 
-===== РЕДАКТОР БЛОК-СХЕМ И ДИАГРАММ ONLINE ===== 
- 
-Блок-схема — распространенный тип схем, описывающий алгоритмы или процессы,​ изображая шаги в виде блоков различной формы, соединенных между собой стрелками. 
- 
-Более подробно см. [[http://​ru.wikipedia.org/​wiki/​Блок-схема]] 
-==== Lucidchart ==== 
-Среди множества онлайн редакторов схем и диаграмм,​ отмечу тот, который оказался достаточно удобным в применении - [[http://​www.lucidchart.com]] 
- 
-=== Краткая инструкция === 
- 
-На главной странице в таблице с названием **Diagrams Done Right** для начала работы с диаграммами без предварительной регистрации нажмите кнопку **Try it Now**. 
-Преподавателю достаточно один раз показать основные приемы работы в данной среде (на что уходит около 15 - 20 минут)... 
- 
-=== Пример === 
- 
-https://​www.lucidchart.com/​documents/​view?#​46c8-ba6c-4f7954f2-9458-59460afdaeef?​branch=7da2603c-5ab2-4137-b848-f44440dc0ccf 
-===== 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) 
- 
- 
-===== Технологии и инструментарий программирования,​ алгоритмика... ===== 
-==== «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/​]] - Данный ресурс предназначен для интерактивного (в форме диалога:​ пользователь - программа,​ с автоматизированной проверкой действий пользователя) изучения основ программирования. Автоматизированная система в реальном времени "​наблюдает"​ за действиями пользователя и корректирует их, добиваясь правильности исполнения задания. На данный момент времени реализована программа изучения языка программирования javaScript (язык имеет С-подобный синтаксис,​ достаточно близок по синтаксической структуре к псевдокоду),​ однако,​ анонсирован скорый выпуск подобного "​электронного репетитора"​ для изучения языка Python. Зарегистрированные преподаватели имеют возможность в данной системе создавать свои упражнения и проекты,​ но данный процесс требует времени на подготовку сценария и достаточно трудоемок в плане написания кода, обеспечивающего обратную связь, на каждое действие ученика и имеет определенные ограничения... Текст заданий,​ опубликованных на данном ресурсе не русифицирован,​ следовательно может быть понятен далеко не каждому ученику... Ресурс более актуален (и эффективен) для самостоятельной подготовки,​ или на факультативном занятии,​ чем для работы в классе... 
- 
-=== Приступаем к программированию (Русская версия) === 
-[[http://​www.codecademy.com/​courses/​russian-version-of-getting-started-with-programming]] - основы программирования на javaScript 
-==== Современный (интерактивный) учебник JavaScript ==== 
-http://​learn.javascript.ru/​ - интерактивное пособие с действующими учебными примерами по созданию динамичных веб-документов на базе javaScript (Автор:​ Илья Кантор). 
-==== 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. Автоматизированная среда - "​исполнитель"​ программного кода - имеет не только интерпретатор программного кода для более чем 40 языков программирования,​ но и отладчик кода, обеспечивающий пользователя (ученика) информацией о произошедшей ошибке (если это случилось),​ о типе ошибки,​ о её месте в составе программного кода...,​ о времени исполнения программы и об размере используемой памяти... Система обеспечивает возможность совместного доступа к программному коду, причем,​ ученик может клонировать,​ предоставленный для ознакомления учителем программный код, или использовать его в качестве шаблона для своего проекта... 
-  
- 
-===== HTML, CSS... ===== 
-В данном параграфе представлены инструментальные среды, "​помогающие"​ с наименьшими усилиями разобраться с основами HTML. Что касается CSS (каскадных таблиц стилей),​ то в базовом курсе информатики практически не предусмотрено времени на изучение данного материала,​ поэтому остается на выбор или самообучение (указанные ресурсы способствуют выбору подобного решения),​ или факультативные занятия,​ или профильный курс (там где это возможно) и т.п. 
- 
-==== Интерактивный самоучитель ==== 
- 
-[[http://​htmlacademy.ru/​courses/​4]] ​ 
-==== Редакторы,​ представляющие наибольший интерес в учебном плане ==== 
-  * [[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://​jsfiddle.net/​uQxFM/​]]) 
- 
-==== Цветовые палитры ==== 
-Простейший инструментарий,​ позволяющий визуально определить цветовой код для использования его при создании web-страниц. 
-  * [[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/​]] - Превосходный учебный и справочный материал (на русском языке). 
- 
-=== html5 === 
- 
-  * [[http://​htmlbook.ru/​html5]] 
-  * [[http://​www.w3schools.ru/​html5/​html5_video.html]] 
-  * [[http://​www.w3schools.ru/​html5/​html5_audio.html]] 
- 
- 
-Ссылка на архив, в котором упакованы два файла movie.ogg - видео, song.ogg - аудио (так как в школе заблокирован прямой доступ к видео и аудио файлам через Интернет) 
- 
-[[http://​share.auditory.ru/​kafedra/​Sergey.Kondrashov/​school/​media.zip]] 
- 
-=== Вёрстка на HTML5 === 
- 
-  * [[http://​htmlbook.ru/​samlayout/​verstka-na-html5]] 
-  * [[http://​htmlbook.ru/​files/​site.zip]] 
- 
-===== JavaScript ===== 
- 
-http://​javascript.ru/​manual - справочник по современному javascript. 
- 
-==== Quick Start (вводный урок) ==== 
- 
-http://​jsfiddle.net/​Researcher/​dp8GD/​2/​ 
- 
-=== Задание 1 === 
- 
-**Задача № 8 из тренировочной работы № 1 по ИНФОРМАТИКЕ 19 октября 2012 года 9 класс вариант 1.** 
- 
-<code javascript>​ 
- 
-a =14; 
-b =4; 
-a =a/2 - b; 
-b =(a*b)/2; 
-b =a+b; 
- 
-// выведите в "​консоль"​ значение переменной b, 
-// используя функцию printf 
- 
-</​code>​ 
- 
-**Дополнительный материал** 
- 
-http://​intepra.ru/​wiki/​doku.php/​linear_algorithm 
- 
-=== Задание 2 === 
- 
-**Напишите программу,​ вычисляющую для заданного радиуса сферы площадь поверхности и объём.** 
- 
-**Вспомогательный материал:​** 
- 
-[[http://​www.fxyz.ru/​формулы_по_геометрии/​формулы_площади/​площадь_поверхности_сферы/​]] 
- 
-[[http://​www.fxyz.ru/​формулы_по_геометрии/​формулы_объема/​объем_шара/​]] 
- 
-На сайте fxyz.ru приведены не только формулы,​ но и расчетный калькулятор,​ позволяющий сравнить результат,​ который получается в процессе работы программы,​ с результатом калькулятора:​ проверьте правильность работы своей программы. 
- 
- 
-==== Математические функции и операторы ==== 
- 
-http://​www.w3schools.com/​js/​js_operators.asp ​ - JavaScript Arithmetic Operators (можно выбрать русский язык) 
- 
-http://​en.wikipedia.org/​wiki/​Operators_in_C_and_C%2B%2B C/C++ Arithmetic Operators 
- 
-http://​www.w3schools.com/​jsref/​jsref_obj_math.asp 
- 
-http://​javascript.ru/​Math - математические функции и константы math в javascript. 
- 
-http://​ru.wikipedia.org/​wiki/​Math.h - math.h в языке программирования C/C++ 
-==== Песочницы (online редакторы кода)==== 
- 
-http://​learn.javascript.ru/​play - песочница. 
- 
-http://​www.w3schools.com/​js/​tryit.asp?​filename=tryjs_operators1 - пример использования операторов ​ 
- 
-http://​www.w3schools.com/​js/​js_obj_math.asp - примеры использования встроенных математических функций 
- 
-http://​jsfiddle.net ​ 
- 
-http://​ideone.com ​ - на ideone javascript (spidermonkey) 
-===== Видео кодировщики и интерактивные мультиформатные компоновщики ===== 
-Для подготовки видео и интерактивных ​ электронных учебных модулей,​ мною используются следующие инструменты:​ 
-  * [[http://​www.smallvideosoft.com/​screen-video-capture/​]] (Free to use and register) - "​видеосъемка"​ фрагментов экрана компьютера. 
-  * [[http://​getgreenshot.org/​]] - a free and open source screenshot tool - "​фотосъемка"​ фрагментов экрана компьютера. 
-  * [[http://​ffmpeg.org/​]] - FFmpeg is a complete, cross-platform solution to record, convert and stream audio and video. It includes libavcodec - the leading audio/video codec library. Один из лучших перекодировщиков видео... 
-  * [[http://​www.iakovlev.org/​index.html?​p=1403]] ffmpeg Tutorial 
-  * [[http://​www.mirovideoconverter.com/​]] - A super simple way to convert almost any video to MP4, WebM (vp8), Ogg Theora, or for Android, iPhone, and more. Простой способ перекодирования видео для наиболее популярных форматов... 100% **Free and open-source**. 
-  * [[http://​www.imagemagick.org/​]] - ImageMagick® ​ is a software suite to create, edit, compose, or convert bitmap images. It can read and write images in a variety of formats (over 100) including DPX, EXR, GIF, JPEG, JPEG-2000, PDF, PhotoCD, PNG, Postscript, SVG, and TIFF. Use ImageMagick to resize, flip, mirror, rotate, distort, shear and transform images, adjust image colors, apply various special effects, or draw text, lines, polygons, ellipses and Bézier curves. - мощнейшая библиотека для автоматизированной обработки иллюстраций. //​Использование данной библиотеки требует профессиональных навыков в области программирования и на начальном этапе не может быть рекомендована школьникам.//​ 
- 
- ​Ресурсы,​ ссылки на которые **приведены ниже**, ещё неактуализированны в учебный процесс. Данные средства могут быть очень полезны в проектной деятельности ученика,​ при организации мультимедийных презентаций и отчетов в ходе работы над межпредметными проектами,​ однако,​ в моем случае,​ пока, есть более приоритетные задачи,​ чем организация подготовка и проведение факультативных учебных практикумов по данной тематике. 
- 
-См. раздел [[http://​intepra.ru/​wiki/​doku.php/​online_tools#​видео]]. 
- 
-См. раздел [[http://​intepra.ru/​wiki/​doku.php/​online_tools#​интерактивные_мультиформатные_информационные_компоновщики]] ​ 
-Инструментальные средства для быстрого создания мультиформатных интерактивных информационных ресурсов:​ постерорв,​линейных и нелинейных презентаций,​ сюжетных и тематических композиций,​ электронных портфолио и т.п.... 
- 
- 
  
actual_online_tools.txt · Последние изменения: 2019/06/24 20:29 (внешнее изменение)