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

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


actual_online_tools

Это старая версия документа!


Актуальные электронные учебные сетевые сервисы

В данном разделе опубликована информация об электронных ресурсах, используемых в качестве методических пособий (инструментальных, демонстрационных, учебно-развивающих сред) в процессе изучения различных тем базового курса информатики средней школы и при подготовке к ГИА, ЕГЭ…

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

Клавиатурные тренажеры

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

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

http://klava.org/about/.

Интересный ресурс (для обучения «слепому» десятипальцевому клавиатурному письму, английский язык):

http://typingclub.com/;

http://stamina.ru/ - качественный тренажер (множество настраиваемых параметров);

http://nabiraem.ru/test/ - тест скорости.

Дополнительная информация:

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/

Сетевой офис

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

Google docs.

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

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

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

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

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

Lucidchart

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

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

На главной странице в таблице с названием Diagrams Done Right для начала работы с диаграммами без предварительной регистрации нажмите кнопку Try it Now. Преподавателю достаточно один раз показать основные приемы работы в данной среде (на что уходит около 15 - 20 минут)…

Пример

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> Инструментарий позволяет создавать иерархические древовидные структуры, может быть эффективно использован при изучении тем: графы, информационные графические модели… Варианты использования:

Технологии и инструментарий программирования, алгоритмика...

«Turtle graphics» - «Черепашья графика»

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

Редакторы, представляющие наибольший интерес в учебном плане

Цветовые палитры

Простейший инструментарий, позволяющий визуально определить цветовой код для использования его при создании web-страниц.

Цветовые палитры (исходный код)

  • 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 !!!

html5

Ссылка на архив, в котором упакованы два файла movie.ogg - видео, song.ogg - аудио (так как в школе заблокирован прямой доступ к видео и аудио файлам через Интернет)

http://share.auditory.ru/kafedra/Sergey.Kondrashov/school/media.zip

Вёрстка на HTML5

JavaScript

http://javascript.ru/manual - справочник по современному javascript.

Quick Start (вводный урок)

Задание 1

Задача № 8 из тренировочной работы № 1 по ИНФОРМАТИКЕ 19 октября 2012 года 9 класс вариант 1.

a =14;
b =4;
a =a/2 - b;
b =(a*b)/2;
b =a+b;
 
// выведите в "консоль" значение переменной b,
// используя функцию printf

Дополнительный материал

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.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.1380698942.txt.gz · Последние изменения: 2019/06/24 20:29 (внешнее изменение)