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

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

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

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

http://klava.org/about/.

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

http://typingclub.com/;

http://www.typingstudy.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/

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

Google docs.

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

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

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

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

Среди множества онлайн редакторов схем и диаграмм, отмечу тот, который оказался достаточно удобным в применении - 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

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)

«Черепашья графика» достаточно подробно представлена в статье Черепашки 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/ - Данный ресурс предназначен для интерактивного (в форме диалога: пользователь - программа, с автоматизированной проверкой действий пользователя) изучения основ программирования. Автоматизированная система в реальном времени «наблюдает» за действиями пользователя и корректирует их, добиваясь правильности исполнения задания. На данный момент времени реализована программа изучения языка программирования javaScript (язык имеет С-подобный синтаксис, достаточно близок по синтаксической структуре к псевдокоду), однако, анонсирован скорый выпуск подобного «электронного репетитора» для изучения языка Python. Зарегистрированные преподаватели имеют возможность в данной системе создавать свои упражнения и проекты, но данный процесс требует времени на подготовку сценария и достаточно трудоемок в плане написания кода, обеспечивающего обратную связь, на каждое действие ученика и имеет определенные ограничения… Текст заданий, опубликованных на данном ресурсе не русифицирован, следовательно может быть понятен далеко не каждому ученику… Ресурс более актуален (и эффективен) для самостоятельной подготовки, или на факультативном занятии, чем для работы в классе…

http://www.codecademy.com/courses/russian-version-of-getting-started-with-programming - основы программирования на javaScript

http://learn.javascript.ru/ - интерактивное пособие с действующими учебными примерами по созданию динамичных веб-документов на базе javaScript (Автор: Илья Кантор).

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

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-страниц.

• 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://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

• http://htmlbook.ru/samlayout/verstka-na-html5
• http://htmlbook.ru/files/site.zip

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

http://jsfiddle.net/Researcher/dp8GD/2/

Задача № 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

Напишите программу, вычисляющую для заданного радиуса сферы площадь поверхности и объём.

Вспомогательный материал:

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++

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