Tekst źródłowy strony Wprowadzenie 2 - Opis środowiska Scratch

<p align="center">[[Plik:Logo_Mistrzowie.png]]</p>
<b><p align="center">Materiały stworzone przez Ośrodek Edukacji Informatycznej i Zastosowań Komputerów w Warszawie w ramach Programu „Mistrzowie Kodowania” finansowanego przez Samsung Electronics Polska,
objęte licencją CC-BY-SA „Uznanie autorstwa – Na tych samych warunkach 3.0 Polska”</p></b><br/>
<br/>

==Opis środowiska Scratch==
Środowisko Scratch służy do tworzenia interaktywnych historii, gier, animacji i obrazków za pomocą skryptów układanych z gotowych bloków. Od roku 2013 ma ono nową wersję – Scratch2.0, w której można pracować na stronie '''http://scratch.mit.edu'''. Nie jest konieczne instalowanie programu, za to potrzebny jest dostęp do internetu. <br/>
Od września 2013 roku jest również dostępna wersja off-line, czyli działająca na komputerze użytkownika, bez konieczności połączenia z siecią. Obie wersje są bardzo podobne. Szczegółowo opisano wersję internetową. Opis wykonano we wrześniu 2013 r. i należy brać pod uwagę możliwość zmian i udoskonaleń. <br/>

===Główna strona i menu programu===
Otwieramy przeglądarkę i wpisujemy w pasku adresu: '''http://scratch.mit.edu'''. <br/>

<p align="center">[[Plik:instr2_plik1.JPG]]</p>

Pojawia się główna strona programu. Górny, niebieski pasek menu zawiera:<br/>
<ul>
<li> '''Scratch''' – przejście do głównej strony (na której akurat jesteśmy); </li>
<li> '''Stwórz''' – przejście do edytora projektów;</li>
<li> '''Przeglądaj''' – przejście do zestawów projektów przygotowanych przez użytkowników Scratcha;</li>
<li> '''Rozmawiaj''' – przejście do strony zawierającej fora dyskusyjne użytkowników Scratch’a; </li>
<li> '''Pomoc''' – przejście do licznych materiałów pomocniczych w języku angielskim oraz informacji na temat najnowszych wersji programu; </li>
<li> '''Okno wyszukiwania''' – umożliwiające wyszukiwanie projektów, użytkowników oraz studiów; </li>
<li> '''Join Scratch''' – przejście do tworzenia nowego konta użytkownika programu; </li>
<li> '''Zaloguj się''' – otwierające okienko logowania (dla użytkowników, którzy już mają konto).</li></ul>

===Środowisko Scratch 2.0 działające w przeglądarce – główne menu===
Po kliknięciu przycisku '''Stwórz''' na głównej stronie Scratch’a otwiera się okno tworzenia projektu.
Okno projektu składa się z kilku elementów. Szary pasek na górze zawiera menu.<br/>
Z lewej strony jest scena, na której duszki wykonują skrypty. Pod nią znajduje się panel duszków.
Prawą stronę zajmuje panel zasobów, w którym można tworzyć skrypty, kostiumy i dźwięki.<br/>

<p align="center">[[Plik:instr2_plik2.JPG]]</p>

'''Menu Scratcha''' składa się z następujących pozycji (opisywanych od lewej strony): <br/>

<p align="center">[[Plik:instr2_plik3.JPG]]</p>

'''Napis Scratch''' – przejście do głównej strony Scratcha (startowej). <br/>
'''Globus''' – wybór języka środowiska.<br/>
'''Plik''' – zapisywanie i otwieranie projektów:<br/>

[[Plik:instr2_plik4.JPG]]

<ul>
<li> '''Nowy''' – tworzenie nowego projektu; </li>
<li> '''Zapisz teraz''' – zapisywanie na stronie (zapis odbywa się również automatycznie co pewien czas; </li>
<li> '''Zapisz jako kopię''' – zapisywanie na stronie pod nową nazwą; </li>
<li> '''Przejdź do Moich rzeczy''' – otwieranie listy projektów użytkownika; </li>
<li> '''Wgraj ze swojego komputera''' – otwieranie projektu z dysku; </li>
<li> '''Pobierz na swój komputer''' – zapisywanie projektu na dysku; </li>
<li> '''Przywróć''' – wczytywanie otwartej ostatnio wersji projektu (jeśli chcemy odrzucić zmiany w projekcie).</li></ul>



Opcje związane z odczytywaniem i zapisywaniem projektów (Zapisz, Zapisz jako, Przejdź do Moich
rzeczy) są dostępne tylko po zalogowaniu. <br/>
'''Edytuj''' – umożliwia: <br/>
<ul>
<li> '''usuń''' – usuwanie obiektów, </li>
<li> '''Układ małej sceny''' – zmniejszenie sceny i powiększenie panelu zasobów (skryptów…),</li>
<li> '''Tryb Turbo''' – przyspieszenie działania skryptów.</li></ul>

<p align="center">[[Plik:instr2_plik5.JPG]]</p>

'''Wskazówki''' – wyświetlenie (wysunięcie z prawej strony) okna pomocy.<br/>
<br/>
'''Menu obrazkowe''' – wybranie obrazka powoduje przyczepienie do kursora narzędzia, kursorem tym klikamy obiekt, aby wykonać na nim operację:<br/>

[[Plik:instr2_plik23.JPG]]

<ul>
<li> '''Pieczątka''' – ''Duplikuj'' – powielenie obiektu (duszka, skryptu…),</li>
<li> '''Nożyczki''' – ''Usuń'' – usunięcie obiektu, </li>
<li> '''Strzałki na zewnątrz''' – ''Rośnij'' – powiększanie obiektu (im więcej kliknięć obiektu, tym większy skutek), </li>
<li> '''Strzałki do wewnątrz''' – ''Zmniejsz'' – zmniejszanie obiektu,</li>
<li> '''Znak zapytania''' – ''Pomoc na temat bloku'' – po kliknięciu obiektu otwiera się okno pomocy na
temat obiektu (nie tylko bloku).</li></ul>
<br/>
Po zalogowaniu prawa strona menu zawiera następujące pozycje: <br/>

[[Plik:instr2_plik6.JPG]]


'''Napis Zapisano''' – oznacza, że aktualny stan projektu jest zapisany na
stronie, <br/>
'''Folder z literą S''' – powoduje przejście do listy projektów użytkownika
(Moje rzeczy),<br/>
'''Nazwa użytkownika''' – rozwijane menu umożliwiające:<br/>
<ul>
<li> '''Profil''' – przejście do modyfikacji danych o użytkowniku,</li>
<li> '''Moje rzeczy''' – przejście do listy projektów użytkownika,</li>
<li> '''Ustawienia konta''' – przejście do modyfikacji ustawień konta,</li>
<li> '''Wyloguj się''' – wylogowanie użytkownika (nie zamyka programu).</li></ul>

Dwa dodatkowe przyciski pod menu powodują:<br/>

[[Plik:instr2_plik7.JPG]]
<ul>
<li> '''Udostępnij''' – przejście do strony opisowej projektu z jednoczesnym zapisem projektu i jego
udostępnieniem dla innych użytkowników. </li>
<li> '''Zobacz stronę projektu''' – przejście do strony opisowej projektu, na której można dodać
instrukcje (Instructions), jak korzystać z projektu oraz notatki i podziękowania (Notes and
Credits).</li></ul>
Jeżeli nie jesteśmy zalogowani, prawa strona menu zawiera tylko opcję '''Zaloguj się'''.<br/>

===Środowisko Scratch 2.0 działające w przeglądarce – scena===
Scena jest oknem, w którym wykonywany jest projekt. Na niej duszki realizują skrypty.<br/>

<p align="center">[[Plik:instr2_plik8.JPG]]</p>


===Środowisko Scratch 2.0 działające w przeglądarce – panel duszków===
W panelu duszków są informacje na temat wszystkich umieszczonych w projekcie duszków.
Można tu utworzyć nowego duszka. Można też wybrać (kliknąć) scenę i ustawić jej tło. <br/>

<p align="center">[[Plik:instr2_plik9.JPG]]</p>

Po kliknięciu niebieskiego kółka z literą „i” w lewym górnym rogu obrazu duszka widzimy informację
o własnościach duszka:<br/>
<ul>
<li> '''okno nazwy''' – można tu zmienić nazwę duszka;</li>
<li> '''x, y''' – aktualne współrzędne duszka na scenie; </li>
<li> '''kierunek ruchu duszka''' (można go zmienić pociągając niebieską kreskę); </li> 
<li> '''styl obrotów:'''</li>
<ul>
<li> w kółko – czyli dowolny obrót,</li>
<li> w poziomie – tylko obroty w prawo i w lewo,</li>
<li> kropka – bez obracania; </li></ul>
<li> '''można przeciągać w odtwarzaczu''' – po zaznaczeniu kwadracika będzie można przeciągać
duszka przy zmaksymalizowanej scenie (czyli w odtwarzaczu) ;</li>
<li> '''pokaż''' – po odznaczeniu kwadracika duszek zostanie ukryty (to samo robi blok ukryj).</li></ul>

===Środowisko Scratch 2.0 działające w przeglądarce – panel zasobów===
Ta część środowiska pokazuje zasoby wybranego obiektu – duszka lub sceny. Zasoby to: skrypty,
kostiumy i dźwięki. Wybieramy je przez kliknięcie odpowiedniej karty.<br/>
===Skrypty duszka===
W nowej wersji Scratcha (2.0) jest 10 grup bloków, z których układamy skrypty duszka. Każdy duszek
może mieć inne skrypty.<br/>
Skrypty układamy przeciągając bloki z '''zasobnika''' na prawą stronę – do '''okna skryptów'''. Blok można
usunąć przeciągając go poza to okno. <br/>
Blok można wykonać klikając go zarówno w zasobniku, jak i w oknie skryptów. Wykonywany blok lub
skrypt ma żółtą obwódkę.<br/>
Część bloków ma okienka, które można wypełniać (liczbami, tekstem lub przez wybór wartości).<br/>

<p align="center">[[Plik:instr2_plik10.JPG]]</p>

===Kostiumy duszka===
Po wybraniu karty '''kostium1''' możemy zmieniać kostiumy, czyli obrazki duszka. W zasobniku znajdują
się wszystkie kostiumy duszka. Panel po prawej stronie to tym razem edytor graficzny, w którym
można tworzyć lub zmieniać kostium.<br/>
Edytor może działać w dwóch wersjach: '''wektorowej''' (Vector mode – tryb wektora) lub '''bitmapowej'''
(tryb bitmapy). Ta ostatnia, to edytor w stylu Painta. <br/>
Podobnie jak w panelu duszków można tu wybrać nowy kostium. Zostanie on dodany jako kolejny
kostium duszka. Aby usunąć kostium należy wybrać kostium w zasobniku i kliknąć krzyżyk znajdujący
się w prawym górnym rogu obrazka.<br/>

<p align="center">[[Plik:instr2_plik11.JPG]]</p>

===Dźwięki duszka===
Po wybraniu karty '''Dźwięki''' możemy zmieniać i dodawać dźwięki dla duszka. Mamy możliwość
dodawania nowych dźwięków oraz ich obróbki. <br/>

<p align="center">[[Plik:instr2_plik12.JPG]]</p>

===Wszystkie bloki Scratcha===

<p align="center">[[Plik:instr2_plik13.JPG]]</p>
<p align="center">[[Plik:instr2_plik14.JPG]]</p>
<p align="center">[[Plik:instr2_plik15.JPG]]</p>
<p align="center">[[Plik:instr2_plik16.JPG]]</p>
<p align="center">[[Plik:instr2_plik17.JPG]]</p>
<p align="center">[[Plik:instr2_plik18.JPG]]</p>
<p align="center">[[Plik:instr2_plik19.JPG]]</p>
<p align="center">[[Plik:instr2_plik20.JPG]]</p>
<p align="center">[[Plik:instr2_plik21.JPG]]</p>
<p align="center">[[Plik:instr2_plik22.JPG]]</p>