Innowacja pedagogiczna Pasja programowania ZESPÓŁ SZKÓŁ W CHOROSZCZY

Wielkość: px

Rozpocząć pokaz od strony:

Download "Innowacja pedagogiczna Pasja programowania ZESPÓŁ SZKÓŁ W CHOROSZCZY"

Judyta Tomaszewska
5 lat temu
Przeglądów:

1 Innowacja pedagogiczna Pasja programowania ZESPÓŁ SZKÓŁ W CHOROSZCZY

2 1. Informacje o innowacji Nazwa szkoły: Zespół Szkół w Choroszczy Etap edukacyjny: Szkoła Podstawowa, klasy 4-6 Tytuł innowacji: Pasja programowania Typ innowacji: programowo-metodyczna Autor: Rafał Popko

3 2. Na czym polega nowatorstwo Nowatorstwo będzie polegało na tworzeniu prostych programów (w języku C), dotyczących m. in. rozwiązywania zadań z matematyki i gier (w środowisku Scratch) oraz strony internetowej.

4 3. Spodziewane efekty Uczniowie zapoznają się z podstawami programowania, algorytmów, HTML-a, CSS-a, języka C, środowiska Scratch. Znajomość tego wykazana będzie w gotowych programach, grach i własnej stronie internetowej.

5 4. Informacje o realizacji innowacji Do końca czerwca 2017 roku uczniowie: założyli konta online na platformie ze środowiskiem Scratch; poznali podstawy dotyczące funkcjonowania środowiska, rodzajów bloczków i ich działania, sposobów ich łączenia; poznali sposoby zmiany postaci, tła, ich edycji, kolorowania, rysowania itp.; zapoznali się z podstawami pętli, zmiennych, zastosowania w środowisku działań arytmetycznych; ćwiczyli w oparciu o dostępne materiały tworzenie prostych programów i gier oraz przy pomocy nauczyciela poprawiali błędy w skrypcie; Tworzyli proste animacje, wykorzystując swoje rysunki, jak też przekształcając rysunki dostępne online;

6 4. Informacje o realizacji innowacji poznawali w drugim semestrze podstawy dotyczące HTML-a, takie jak: schemat budowy strony internetowej; poznawali i stosowali elementy: <html>, <head>, <title>, <body>, <table>, <b>, <p>, <a>, <strong>, <h1>-<h6>, <i>, <sup>, <sub>, <br/>, <hr/>, <em>, <blockquote>, <q>, <abbr>, <address>, <ol>, <ul>, <li>, <img>, <tr>, <td>, <div>, <span>; poznawali i stosowali atrybuty poszczególnych elementów, np. <a href=>, <img src=>; nadawali poszczególnym elementom odpowiednią szerokość i wysokość, tytuł i inne wartości; dodawali zdjęcia do skryptu strony internetowej, linki do podstron oraz innych stron internetowych; Tworzyli podstronę podlinkowaną w menu;

7 4. Informacje o realizacji innowacji wstawiali baner swojej strony internetowej (header) i nadawali mu odpowiednie wartości; podzielili swoją stronę na 2 kolumny (jedna zawierająca menu, i druga, w której miały znajdować się artykuły; tworzyli menu, reagujące na najechanie kursorem, kliknięcie itd.; wstawiali kontenery (div) pod zawartość strony, a następnie zapełniali je treścią nauczyli się podstaw CSS-a; wstawiali do skryptu elementy CSS-a wewnętrznego (w znacznikach <style>); poznawali jak stosować CSS w zewnętrznych plikach i dołączali go do skryptu ze stroną główną; za pomocą CSS-a zmieniali różne elementy strony, takie jak: kolor, wysokość, szerokość, obramowanie i jego grubość, kolor, czcionkę, jej wielkość, marginesy, marginesy wewnętrzne w kontenerach i listach; przygotowali projekty swoich stron internetowych, które będą rozwijane w kolejnym roku szkolnym.