Cайт учителя информатики Шерцера А.И.

Web-tools on-line

pascal — Tue, 10 Mar 2020 03:59:55 GMT

Генераторы и сборники цветовых схем/палитр. Инструменты для просмотра сочетания и контраста цветов. Конвертеры HEX/RGB и RGBA. Сервисы, генерирующие цветовую гамму изображения или веб-страницы, а также сервисы подбора изображения по нужному цвету. А так же: онлайн-помощники генерации кода CSS для создания кнопок, форм, таблиц, веб-шрифтов, меню, теней, градиентов, уголков, лент, подсказок и прочих элементов сайта. Плюс несколько полезных онлайн-инструментов для работы с CSS.

Генератор цветовых схем

https://colorsupplyyy.com/app
https://colourco.de/
https://www.materialpalette.com/

Сборники цветовых палитр

https://coolors.co/
https://colorhunt.co/?p=popular
http://www.flatuicolorpicker.com/

Контраст (шрифт/фон)

https://snook.ca/technical/colour_contrast/
https://contrastchecker.com/
https://contrast-ratio.com/

Подбор изображения по цвету

http://labs.tineye.com/multicolr
http://www.shutterstock.com/labs/spectrum/

Градиенты CSS3 (background gradient css generator)

https://cssgradient.io/
https://mycolor.space/gradient
https://www.css-gradient.com/

Инфостиль, стоп-слова, грамматика, семантика

http://glvrd.ru/
https://orfogrammka.ru/
https://miratext.ru/seo_analiz_text

Уникальность текста

http://pr-cy.ru/unique/
http://www.antiplagiat.ru/
http://content-watch.ru/text/
http://www.topwriter.ru/comparison/
https://text-compare.com/
https://www.diffchecker.com/

Онлайн-инструменты CSS

Универсальные генераторы

    https://coveloping.com/
    http://angrytools.com/
    https://css3clickchart.com/
    http://www.generatecss.com/
    http://www.createcss3.com/
    http://css3gen.com/
    http://css3generator.com/
    http://www.cssmatic.com/

Тени

    https://brumm.af/shadows
    http://css3gen.com/
    http://www.cssmatic.com/
    http://www.themeshock.com/css-drop-shadow/
    http://www.themeshock.com/css-text-shadow/

Кнопки

    http://www.bestcssbuttongenerator.com/
    http://dabuttonfactory.com/
    http://cssgradientbutton.com/
    http://buttons.cm/
    http://unicorn-ui.com/
    https://bttn.surge.sh/

Меню

http://cssmenumaker.com/

Центрирование

http://howtocenterincss.com/

Текст под углом

http://www.cssportal.com/

Уголки

    http://triangle.designyourcode.io/
    http://lugolabs.com/
    https://csstriangle.firebaseapp.com/

Ленты

http://www.css3d.net/
http://www.cssportal.com/

Подсказка при наведении/указатель

    http://online-html-tools.blogspot.ru/
    http://www.cssportal.com/
    http://csstooltip.com/
    http://cssarrowplease.com/

Таблицы/блоки таблицей

    http://tablestyler.com/
    http://divtable.com/generator/
    http://russellgoldenberg.github.io

Формы

https://html-css-js.com/html/generator/form/
https://jennamolby.com/pardot-form-style-generator/

Спрайты

https://spritegen.website-performance.org/
http://css.spritegen.com/

Переключатели

https://proto.io/
http://www.cssportal.com/

Кодировка изображений в Base64

https://www.base64-image.de/

Градиенты

    http://www.gradient-animator.com/
    http://elrumordelaluz.github.io/
    http://www.colorzilla.com/
    http://www.css3factory.com/
    http://www.generateit.net/
    http://gradient.quasi.ink/
    http://www.gradientify.net/

Анимация

    http://tobiasahlin.com/
    http://css3gen.com/
    https://coveloping.com/
    http://www.theappguruz.com/
    http://angrytools.com/
    http://waitanimate.eggbox.io
    http://waitanimate.wstone.io/
    http://animista.net/

Фигуры

https://coveloping.com/
http://csshexagon.com/

Медиа-запросы, точки перелома

    http://simplecss.eu/
    http://www.responsivebreakpoints.com/
    http://giona.net/tools/

CSS фильтры

http://www.cssfilters.co/
http://ilyashubin.github.io/

Разное

https://developer.mozilla.org (рамка из изображения)
http://purecssapple.com/ (девайсы Apple на css)

Типографика

    https://typeanything.io/
    http://type-scale.com/
    http://www.gridlover.net/
    https://drewish.com/tools/
    http://www.modularscale.com/
    http://csstypeset.com/

Генераторы шрифтов @font-face

    http://jaicab.com/
    https://www.web-font-generator.com/
    https://www.flaticon.com/font-face
    http://transfonter.org/
    http://www.font2web.com/

Внешний вид кода, оптимизация и компрессия

    http://cssshrink.com/ (CSS Shrink)
    http://css.github.io/csso/ (CSSO – CSS optimizer)
    http://info.seocafe.info/tools/csspack/ (упаковка css)
    http://csscompressor.com/ (CSS Compressor)
    http://tools.w3clubs.com/ (CSS min)

Важный CSS (Critical Path CSS Generator)

https://www.sitelocity.com/critical-path-css-generator
https://jonassebastianohlsson.com/

Извлечение CSS из HTML

http://extractcss.com/
http://lab.xms.pl/

CSS Grid Generator

    http://www.gridcss.com/
    http://www.responsivegridsystem.com/
    https://cssgr.id/

Валидаторы CSS

    http://jigsaw.w3.org/
    https://www.onlinewebcheck.com/
    https://www.10bestdesign.com/dirtymarkup/ (проверка кода)

Совместимость

http://css3test.com/ (тест браузера)
http://caniuse.com/ (поддержка различных свойств браузерами)

Памятка юному исследователю

pascal — Mon, 17 Feb 2020 04:08:05 GMT

Сколько удивительного содержится вокруг нас? Мимо скольких интересных событий и явлений мы проходим ежедневно, не заметив, не поняв их? Мир полон чудес, надо только уметь их открывать. Главным инструментом в этом деле является способность исследовать окружающий нас мир. Проведение научных исследований – это процесс создания человеком новых знаний о самом себе и о мире, в котором он живет, с целью получения ответа на какой-либо вопрос или решения какой-либо задачи. Ссылка на ресурс с примерами научно-исследовательских проектов

Что такое исследование

Исследование – это процесс изучения какого-либо объекта и получение новых знаний

Исследование – это целенаправленное познание чего-либо, результаты которого могут быть в виде системы понятий, закономерностей, моделей и характеристик.

“Исследование” как термин, обозначает любую попытку изучения проблемы путем сбора и/или анализа данных.

Чем отличается проект от исследования?

План проведения исследования

Выбрать объектную область исследования – определенную предметную дисциплину (математика, биология, литература и т.д.).
Выбрать объект (определенный процесс или явление, своеобразный носитель проблемы) и предмет исследования (конкретная часть объекта, внутри которого ведется поиск).
Определить тему исследования. Формулировка темы отражает уже известное понятие в науке и еще не исследованного, т.е. процесс развития научного познания. Необходимо выделить вопросы, рассмотрение которых позволит достаточно полно раскрыть исследуемую проблему.
Обосновать актуальность темы – объяснить необходимость изучения данной темы. Например, актуальность может состоять в необходимости получения новых данных и необходимости проверки новых методов.
Изучить научную литературу. Можно делать выписки в виде конспектов (интересные мысли, факты, цифры, различные точки зрения), фиксировать исключительно цитаты, составлять тезисы, аннотации, рецензии. Не нужно пытаться включить в исследование весь имеющийся материал, как бы звучны не были имена и цитаты. Не следует стремиться к заимствованию материала. Ведь основой для получения нового знания должны служить не чьи-то, а собственные мысли, пусть и возникшие в ходе знакомства с чужими работами как отклик на них.
Определить гипотезу – предположение, которое в процессе работы либо подтверждается, либо опровергается (оно должно быть подкреплено научными данными, логическими соображениями). При формулировке гипотезы обычно используют словесные конструкции типа: «если…, то…»; «так…, как…»; «при условии, что…», т.е. такие, которые направляют внимание исследователя на раскрытие сущности явления, установления причинно-следственных связей.
Определить цель и задачи исследования. Наиболее типичные цели: определение характеристик явлений, не изученных ранее; выявление взаимосвязи неких явлений; изучение развития явлений; описание нового явления; обобщение, выявление общих закономерностей; создание классификаций. Задачи лучше всего формулировать в виде утверждения того, что необходимо сделать, чтобы цель была достигнута. Постановка задач основывается на дроблении цели на под цели.

Методы исследования

РАЗМЫШЛЕНИЕ

Вопросы:

Что я знаю об этом?
Какие суждения могу высказать по этому поводу?
Какие выводы я могу сделать из того, что мне уже известно?

ЧТЕНИЕ КНИГ ПО ТЕМЕ ИССЛЕДОВАНИЯ

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

ОБЗОР ВИДЕО-РЕСУРСОВ

Много новой информации содержится не только в книгах, но и в различных научных, научно-популярных и художественных фильмах. Это настоящий клад для исследователя. Не забудьте об этом источнике! Запишите все, что вы узнали нового из фильмов.

ОБЗОР ИНФОРМАЦИИ В СЕТИ ИНТЕРНЕТА

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

ОПРОС: СБОР МНЕНИЙ

НАБЛЮДЕНИЕ: ИНТЕРЕСНЫЙ И ДОСТУПНЫЙ СПОСОБ ДОБЫЧИ НОВЫХ ЗНАНИЙ

ЭКСПЕРИМЕНТ

Требования к работе

1) текст работы должен быть отпечатан на компьютере и содержать: титульный лист; оглавление; абстракт (аннотацию) на казахском или русском языке (в зависимости от того, на каком языке написана исследовательская работа), а также на английском языке; введение; исследовательскую часть; заключение; список использованной литературы;

2) на титульном листе указываются: полное наименование организации, где выполнена работа, город, школа; фамилия, имя автора (соавтора), класс; название работы; направление, по которому подготовлена работа, секция; фамилия, имя, отчество руководителя; город (где проводится соревнование), год;

3) абстракт (аннотация) (не более 250 слов) должен отражать краткое содержание работы, включая: цель исследования; гипотезу; этапы, процедуру исследования; методику эксперимента; новизну исследования и степень самостоятельности; результаты работы и выводы; области практического использования результатов;

4) во введении (не более 2-х страниц) приводятся: актуальность выбранной темы исследований, цель (задача) данной работы; кратко указываются методы решения поставленной задачи;

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

6) ссылки на использованную литературу следует давать в квадратных скобках. Нумерация должна быть последовательной, по мере появления ссылок в тексте;

7) заключение (не более 1 страницы) содержит основные результаты работы и сделанные на их основании выводы, рекомендации по использованию результатов работы в научных и практических целях;

8) использованная литература приводится в конце работы общим списком в следующем порядке: фамилия и инициалы автора; название статьи и журнала (для журнальных статей); название журнала, книги; место издания и издательство (для книг); год издания, номер выпуска, страницы.

9) каждая работа должна сопровождаться отзывом руководителя, в котором отражается актуальность выбранной темы, личный вклад автора в работу, недостатки работы и рекомендации по дальнейшему использованию результатов;

PHP&PHPMySQL Tutorials

pascal — Fri, 14 Feb 2020 05:10:16 GMT

Инструкции, примеры и тесты для изучения server-side языка программирования PHP. Для максимально качественного получения результата обучения рекомендуется открывать ссылки последовательно, предварительно закончив предшествующий курс (ссылки в порядке усложнения курса)

Открыть список материалов

Первые шаги в PHP для начинающих
Примеры вычислений и практика
Тесты и самостоятельные упражнения
Работа с БД. Инструкции для работы PHP&MySQL

Сборник примеров для разработки сайта

Открыть список видеоматериалов

Как связать таблицы MySQL в phpMyAdmin

Как искать и отображать данные из базы данных MySQL

Как искать и фильтровать данные в HTML-таблице (PHP и MySQL)

Система входа с использованием PHP с базой данных MYSQL

Как вставить данные в базу данных (PHP и MySQL)

Как обновлять и удалять данные в базе данных (PHP и MySQL)

Как создать блог(PHP и MySQL)

Извлечение и объединение данных из двух или более таблиц (PHP и MySQL)

Программирование новостной системы с ПУ

MUST READ

pascal — Wed, 24 Apr 2019 03:14:43 GMT

Библиотека готовых ERD диаграмм

Библиотеки скриптов для разработки сайта с примерами и исходниками

1. Новостные системы и агрегаторы (cms)

Открыть список сайтов

а) http://www.php-s.ru/newspublishing/NewsManager/
б) http://www.php-s.ru/newspublishing/CuteNews/
в) https://phpdes.com/php/novostnojj-modul-s-pomoshhyu-simplepie/
г) http://www.softtime.ru/info/ortus.php
д) http://www.softtime.ru/info/proteus.php
е) http://www.softtime.ru/info/venitespectatum.php
ж) http://www.softtime.ru/info/news.php

з) http://www.php-s.ru/chat_scripts/ (чат)

2. Гостевые книги

Открыть список сайтов

а) http://www.php-s.ru/guestbook/DRBGuestbook/
б) http://www.php-s.ru/guestbook/GBook/
в) http://www.php.su/articles/?cat=examples&page=034
г) http://www.php.su/articles/?cat=examples&page=033
д) http://www.php.su/articles/?cat=examples&page=035

3. Регистрация и авторизация пользователей на сайте

Открыть список сайтов

а) http://www.php-s.ru/authorization/MicroLoginSystem/
б) https://htmlweb.ru/php/example/avtorizacija.php
в) https://htmlweb.ru/php/example/avtorizacija3.php
г) https://htmlweb.ru/php/example/avtorizacija2.php
д) https://www.internet-technologies.ru/articles/sistema-registracii-polzovateley-s-pomoschyu-php-i-mysql.html

4. Галлерея изображения

Открыть список сайтов

а) http://www.php-s.ru/photogallery/PHPGallery/
б) http://www.softtime.ru/info/wallist.php
в) http://www.softtime.ru/info/wallist_mysql.php
г) http://www.softtime.ru/info/photo.php

5. Отправка писем и форма обратной связи

Открыть список сайтов

а) http://www.php-s.ru/sendmail/MicroMailer/
б) https://htmlweb.ru/php/example/mail_with_image_send2.php

6. Песочница для PHP/JS (среда разработки и хранения + готовые скрипты от комьюнити)

Открыть список сайтов

а) https://codepen.io/#

б) https://koding.com/

в) https://c9.io/

г) http://jsfiddle.net/

д) http://dabblet.com/

е) http://cssdesk.com/

ж) http://sqlfiddle.com/

з) https://compilr.com/

и) http://www.unheap.com/

к) http://csstemplater.com/

л) https://codesandbox.io/

м) http://www.tutorialspoint.com/codingground.htm

н) quackit.com

Материалы для учащихся 12-х классов (выпускников)

pascal — Fri, 29 Mar 2019 05:24:48 GMT

Курсовая работа

Руководство по выполнению курсовой работы по информатике (Тех. Спецификация)

Обязательная структура курсовой работы

Пример курсовой работы на английском языке

Презентация по выполнению курсовой работы ( + англ. вариант)

Оценочный лист

Форма на утверждение

Подготовка к экзамену по информатике

Ссылки на задания прошлых лет

Онлайн робосимуляторы и подготовка к МЭСК(ВСО)

pascal — Mon, 28 Jan 2019 05:56:11 GMT

Подготовка, разработка и тестирование программ для EV3 (поддержка Python/Java)

Подготовка, разработка и тестирование программ для Arduino (поддержка C++/Scratch)

Исчерпывающий сборник учебников по предмету Информатика (ComputerScience) на русском и английском языках

Классифицированный список тем для подготовки к ВСО по предмету Информатика

Пошаговая инструкция по разработке сайта + сборник материалов для успешной реализации проекта

Сборник советских учебников по общеобразовательным предметам

Видеоуроки по информатике на английском языке (IGSE)

pascal — Thu, 04 Oct 2018 04:05:33 GMT

CS50 - это квинтэссенция Гарвардского университета по введению в компьютерные науки и искусство программирования. Ссылка на канал

Теория компьютерных наук IGCSE. Этот плейлист охватывает все, что вам нужно знать. Ссылка на канал

Видео для преподавания и изучения информатики A'level, были сопоставлены с спецификациями экзаменационной комиссии. Ссылка на видео

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

Обучающие видеоролики об электронике, компьютерной архитектуре, и других технических предметах. Ссылка на видео

Сервисы для школы и жизни

pascal — Wed, 13 Dec 2017 08:20:28 GMT

Whiteboard – расширение для браузера, превращающее любую страницу в интернете в классную доску. В отличие от других «белых досок», Whiteboard берет за основу не чистый лист, а страницу в интернете. На ней можно рисовать всё что угодно, используя стилус или мышку. Для использования достаточно установить приложение в браузер Chrome, а потом щелкнуть на появившуюся иконку, чтобы начать работу с нужной страницей.

Twiddla – браузерная доска, которой могут пользоваться одновременно неограниченное количество людей. Интерактивная доска Twiddla поможет разнообразить как онлайн-урок, так и занятие в обычном классе. Например, она позволяет совместно просматривать сайты и документы разных типов, и тут же обсуждать их письменно или вслух. Как отмечают учителя, этот инструмент настолько простой и интуитивно понятный, что его могут быстро освоить даже первоклассники. Twiddla работает с любым браузером, не требует плагинов и загрузок: для начала работы нужно просто зайти на сайт и начать зеленую кнопку GO. Базовая версия Twiddla доступна всем бесплатно, а учителям и школьникам еще и дарят продвинутые аккаунты.

Edwin - искусственный интеллект с котором можно переписываться в Facebook и учить новые слова. В начале беседы бот предлагает выбрать уровень, тему и язык общения. Создатели сервиса (кстати, среди них есть бывшие сотрудники Evernote и Lingualeo) надеются, что технологии искусственного интеллекта помогут пользователям пополнить словарный запас, а время преподавателей освободится для более сложных задач.

Tinkercad - используется профессионалами, любителями, преподавателями и детьми для создания игрушек, прототипов, декора для дома, моделей Minecraft, ювелирных украшений и многих других объектов, в том чсиле эмулирования Ардуино.

Animaker - очень простой облачный сервис для создания анимации. Чтобы овладеть сервисом, не нужны серьезные технические навыки. Устройство Animaker понятно на интуитивном уровне: нужно просто выбирать и перемещать объекты в редакторе (герои, предметы, фоны и многое другое доступно в библиотеке сервиса). К готовому ролику можно добавить спецэффекты, сохранить его на компьютер, послать ученикам или выложить в социальные сети. Некоторые функции доступны только в платной версии.

Сборники 3D моделей: раз, два, три.

Фиксированная точка и плавающая запятая

pascal — Wed, 06 Dec 2017 04:04:26 GMT

Перевод дробной части числа из десятичной в двоичную систему и обратно (fix.point)

Запись положительных и отрицательных целых чисел в памяти компьютера (fix.point)

Преобразование десятичных разрядов в одноточечный двоичный код (float.point)

Преобразование одноточечного двоичного кода в десятичный (float.point)

Представление с плавающей точкой IEEE 754 с его десятичным эквивалентом (float.point)

Десятичное значение представления IEEE 754 с плавающей точкой (float.point)

Все о переводе между позиционными системами счисления

Учебные пособия Edexcel

pascal — Sat, 25 Nov 2017 05:19:17 GMT

Наши ресурсы - это отличный выбор для тех, кому нужна подготовка GCSE CS (9-11 класс). Разработанные для независимого обучения и обучения в классе руководства включают ряд функций: формат одной темы для каждой презентации; примеры работы и практические вопросы для экзамена; сложные вопросы по простым темам, а также стратегии и методы для ответа на более сложные вопросы; полный охват новой спецификации, включая совершенно новые темы; визуальные объяснения ключевых понятий.

Что такое компьютерная система? (What is a Computer System?)

Память, хранение и двоичный файл (Memory, Storage and Binary)

Логика (Logic Gates)

Внутри процессора (Inside the CPU)

Язык ассемблера (Assembly Language)

Программное обеспечение (Software)

Управление, модели и виртуальные машины (Control, Models and Virtual Machines)

Представление чисел (Number Representation)

Кодирование изображение и символы (Characters and Images)

Аналоговые данные, шифрование (Analogue Data, Compression and Encryption)

Базы данных (Database)

Компьютерные сети (Networks)

HTML/CSS (all folder)