Osnovna škola Sesvetska Sela

Small Basic online

https://superbasic-v2.azurewebsites.net/

Tutorijali

https://smallbasic-publicwebsite.azurewebsites.net/tutorials

Na poveznici http://smallbasic.com/program/?SNKBITE ili iz priloženog dokumenta skini igru snake (zmija) programiranu u Small Basicu.

Preuzimanje i instalacija

Small Basic je programski jezik iz Microsoftove radionice čija je prva verzija izašla u jesen 2008. godine. Od tada je ovaj „mali – veliki“ prošao mnoga sređivanja, popravljanja i dodavanja novih naredbi tako da je najnovija verzija 0.9. Možete je besplatno preuzeti sa stranica Microsoftovog download centra.

Nakon što u svom pregledniku otvorite mrežnu stranicu Microsoftovog Download centra, kliknite na poveznicu Download. Otvorit će se dijaloški okvir za preuzimanje datoteke u kojemu možete odabrati pokretanje datoteke ili spremanje na tvrdi disk svojeg računala. U oba slučaja će slijediti postupak preuzimanja datoteke. Nakon preuzimanja pokrenite postupak instalacije. Ukoliko ste datoteku spremili na računalo, pokrenite je dvostrukim klikom na datoteku SmallBasic.msi, a inače klikom na gumb Pokreni u dijaloškom okviru sigurnosnog upozorenja preglednika Internet Explorera. Pokrenut će se Microsoft Small Basic Setup pomoću kojeg ćete u nekoliko koraka instalirati ovaj programski jezik. Želite li Small Basic na nekom drugom od ponuđenih jezika, u dijaloškom okviru Custom Setup iz padajućeg popisa odaberite željeni jezični paket i nastavite s instalacijom.

Pogledaj cijeli postupak instalacije

Postupak preuzimanja i instalacije možete pogledati u videoisječku.

Nakon uspješnog preuzimanja i instalacije, Small Basic pokrećemo odabirom Start > Svi programi > Small Basic > Microsoft Small Basic.

Napomena: Slike za ovaj članak rađene su u neslužbenoj hrvatskoj inačici Small Basica. Nadamo se da će ona biti dostupna za preuzimanje s novom verzijom Small Basica.

Radno okruženje Small Basica

Mnogi ga hvale, neki ga kude, no naše je mišljenje da je idealan za djecu osnovnoškolskog uzrasta koja kreću s prvim koracima u programiranju.

Radno okruženje Small Basica sastoji se od tri osnovna dijela: alatne trake, okna za upis naredbi tzv. editora te radne površine.

Prilikom pisanja naredbi najprije ćete uočiti pomoć (Intellisense) koja vam predlaže naredbe i istovremeno u desnom dijelu prozora pokazuje detaljniji opis svake od njih. Po popisu predloženih naredbi lako se pomičete strelicama, a kad nađete pravu, dovoljno je pritisnuti tipku Enter i ona će se nalaziti u oknu za upis naredbi. Nakon što završite s pisanjem prvog dijela naredbe i stavite znak točke, Intellisense će odmah ponuditi naredbe koje pripadaju u tu grupu, a u desnom dijelu prozora vidjet ćete koje je vrijednosti potrebno zadati uz pojedinu naredbu.

Intellisense – uvijek dobrodošla pomoć

Želite li odmah upoznati grupe naredbi koje možete koristiti u Small Basicu, potražite ih na stranicama Small Basic API Reference.

Alatna traka je izuzetno jednostavna i podijeljena u nekoliko grupa. U grupi Datoteka nalaze se naredbe za stvaranje novog programa Novo (New), otvaranje programa Otvori (Open), spremanje Spremi i Spremi kao (Save i Save As).U grupi Mreža nalaze se naredbe Objavi (Publish) za objavljivanje programa na mreži te Uvesti (Import) za preuzimanje nečijeg programa s mreže. Nadalje, u grupi Međuspremnik nalaze se uobičajene naredbe za kopiranje, rezanje, lijepljenje, poništavanje i ponavljanje radnji. U posljednjoj se grupi nalaze naredba za pokretanje Pokreni (F5) (Run, (F5)) i naredba Graduate koja će vaš program napisan u Small Basicu izvesti u Microsoft Visual Basicu.

Nakon što smo upoznali radno okruženje ovog programa, možemo krenuti u avanturu otkrivanja velikih mogućnosti „malog“ Basica.

O programiranju

Prije nego krenemo s ozbiljnim programiranjem, objasnit ćemo nekoliko osnovnih pojmova. Što je, u stvari, program? Program je skup naredbi koje računalu govore što od njega očekujemo, odnosno što računalo točno mora učiniti. Kako bi računalo razumjelo što se od njega očekuje, naredbe moraju biti napisane na njemu razumljivom jeziku, takozvanom programskom jeziku. Small Basic je jedan od programskih jezika koje računalo razumije.

Program napisan u Small Basicu sastoji se od brojnih naredbi koje zapisujemo svaku u njen red, a svaka od njih ima točno definiranu sintaksu. Za razliku od starije programske braće poput QBasica, Pascala, C++ i sl., Small Basic pruža trenutnu pomoć kod pisanja naredbi, tzv. Intellisense. Stoga nije potrebno pamtiti potpune nazive svih naredbi, već će biti dovoljno znati prvih nekoliko slova kojima započinje naredba, a Intellisense će se pobrinuti za ostalo.

Naredbe za ispis podataka

U upoznavanje naredbi najlogičnije je krenuti s naredbama za ispisivanje podataka. Stoga, ukoliko još niste, pokrenite Small Basic i upišite sljedeći program:

TextWindow.WriteLine(”Ovo je moj prvi program”)

Prvi program

Radi se o vrlo jednostavnom programu koji sadrži samo jednu naredbu i ispisuje rečenicu ”Ovo je moj prvi program”. No, pogledamo li bolje ovu naredbu, lako ćemo uočiti da se ona može rastaviti na tri manja dijela.

Tekstualni prozor s izlaznim rezultatima prvog programa

Prvi dio, TextWindow, označava da će se zadana naredba izvršiti u tekstualnom prozoru. Unutar ove klase možete koristiti mnoge naredbe. Jedna od njih je i naredba WriteLine koja ispisuje zadani tekst ili broj u tekstualnom prozoru te nakon završenog ispisa sljedeći ispis započinje u novom redu. Da biste ispisali tekst, potrebno ga je navesti unutar navodnih znakova, dok navodni znakovi nisu potrebni za ispis broja. Primjerice, naredba TextWindow.WriteLine(123) će ispisati broj 123.

Write je naredba vrlo slična naredbi WriteLine. Razlika između njih je u tome što Write sljedeći ispis započinje odmah nakon prethodnog, u istom retku.

Ove dvije naredbe možemo i kombinirati. Primjerice, želite li ispisati izraz poput „123+321=“ te nakon ispisa prijeći u novi red, morat ćete upotrijebiti sljedeće naredbe:

TextWindow.Write(123) 
TextWindow.Write(“+”) 
TextWindow.Write(321) 
TextWindow.WriteLine(“=”)

Ovo je samo primjer kako možemo kombinirati naredbe Write i WriteLine. Isti izraz mnogo jednostavnije možemo ispisati i uz pomoć samo jedne WriteLine naredbe na sljedeći način: TextWindow.WriteLine(123 + “+” + 321 + “= “). Primijetite da smo ovdje upotrijebili kombinaciju ispisivanja brojeva koji ne trebaju biti navedeni unutar navodnih znakova i teksta koji se nalazi unutar znakova. Nadalje, Small Basic kao znak spajanja koristi znak + (plus) koji nije naveden unutar navodnih znakova.

Nakon naredbi za upis podataka logičkim slijedom potrebna nam je naredba pomoću koje ćemo očistiti tekstualni prozor – Clear koja se također nalazi među naredbama klase TextWindow.

Kako biste obrisali sav sadržaj koji ste ispisali u tekstualnom prozoru, dovoljno je da upišete naredbu: TextWindow.Clear().

Spremanje programa

Za spremanje programa koristimo naredbe s alatne trake Spremi i Spremi kao (Save i Save As). Naredbu Spremi upotrijebit ćemo kod prvog spremanja programa. Nakon što mišem kliknete na Spremi, otvorit će se dijaloški okvir Spremi kao. U okviru Spremi u: odaberite mapu u koju ćete spremiti program, a u okviru Naziv datoteke: upišite naziv programa i kliknite na Spremi. Datoteke napisane u Small Basicu prepoznajemo po nastavku .sb. Ukoliko program želite naknadno spremiti na neko drugo mjesto ili mu samo promijeniti ime, upotrijebite naredbu Spremi kao.

Dijaloški okvir Spremi kao

Tekstovi i pozadine u boji

Kako bismo se još malo zabavili i poigrali sa Small Basicovim mogućnostima ispisa podataka, crno-bijelom svijetu dodat ćemo i malo boje. Imamo dvije mogućnosti:

• promijeniti boju pozadine teksta ili
• promijeniti boju samog teksta.

Naravno, ove dvije mogućnosti prema želji možemo i kombinirati. Kako bismo promijenili boju pozadine, upotrijebit ćemo naredbu iz klase TextWindow, BackgroundColor te joj pridružiti vrijednost boje koju želimo, primjerice žutu, odnosno Yellow. Naš program sada čine sljedeće naredbe:

• TextWindow.BackgroundColor=”Yellow” 
• TextWindow.WriteLine(“Evo i malo boje!”)

Kao što smo već rekli, možemo promijeniti i boju teksta. U tu svrhu upotrijebit ćemo naredbu ForegroundColor koja se također nalazi u klasi TextWindow. Naredba koja mijenja boju teksta u crveno ima oblik: TextWindow.ForegroundColor=”Red”. U našem primjeru upotrijebili smo crvenu boju (Red).

U obje naredbe važno je da naredbi znakom jednakosti pridružimo vrijednost boje, engleski naziv naveden unutar navodnih znakova. Naredbe kojima mijenjamo boju teksta i pozadine možemo upotrebljavati kombinirano unutar jednog programa. Programske kodove primjera nekoliko takvih programa pogledajte na sljedećim poveznicama:

1. Primjer 1. (.sb / .exe) 
2. Primjer 2. (.sb / .exe) 
3. Primjer 3. (.sb / .exe) 
4. Primjer 14. (.sb / .exe)

Napomena: Spremite primjere na svoje računalo pa ih otvorite pomoću Small Basica.

Kodovi programa u Small Basicu i Kodovi programa Word dokument.

Nazive boja koje možemo upotrijebiti za tekst i pozadine nalaze se u sljedećoj tablici.

Naslov tekstualnog prozora i još neke sitnice

U prethodnim primjerima upotrijebili smo još dvije naredbe iz klase TextWindow. Riječ je o naredbi Title pomoću koje ćemo našem tekstualnom prozoru promijeniti naslov. Za zadavanje naslova tekstualnom prozoru upotrijebite naredbu TextWindow.Title te joj pridodajte neki tekst pomoću znaka jednakosti i navodnih znakova na sljedeći način: TextWindow.Title=”Naslov prozora”.

Druga naredba je PauseWithoutMessage() koja će prilikom izvođenja programa sakriti tekst Press any key to continue… koji se ispisuje na dnu tekstualnog okvira, sve dok korisnik ne pritisne neku tipku.

I na kraju ovog dijela još jedna sitnica. Prilikom pisanja programa vrlo često ćete imati potrebu da u sam kôd programa ubacite neki komentar, primjerice objašnjenje neke naredbe ili objašnjenje što i kako radi sljedeći dio programskog koda. Upravo ovakve komentare možete pronaći i u našim primjerima programa. Prepoznat ćete ih po ukošenim slovima zelene boje i jednostrukom navodniku na početku retka. Jednostruki navodnik Small Basicu naznačuje da se radi o nečemu što nije dio programskog koda i što može preskočiti prilikom izvršenja programa.

Autor: Gordana Sokol, dipl. inf.
Izvor: 
https://pogledkrozprozor.wordpress.com/2010/06/21/uvod-u-programiranje-microsoft-small-basic-1-dio

Upisivanje podataka i rad s varijablama

Programima pravu čar daje mogućnost interakcije s korisnicima. Da bismo to mogli postići, trebamo upotrijebiti varijable. Za razliku od mnogih drugih programskih jezika, u Small Basicu nije potrebno deklarirati varijable, nego samo postaviti njihovu vrijednost što ga čini vrlo zgodnim za početnike u programiranju.

U nastavku ćemo upoznati naredbe koje omogućuju upis podataka s tipkovnice, tj. interakciju s korisnikom programa. Radi se o naredbama Read() i ReadNumber() koje se nalaze u klasi TextWindow.

Naredba Read() računalu zadaje da pričeka dok korisnik nešto ne upiše i pritisne tipku Enter. Dakle, naredba učitava tekst upisan u tekstualnom prozoru, a da bi prihvatila unos, treba pritisnuti tipku Enter. Kako radi ova naredba, pogledajte na jednom jednostavnom primjeru iz naše kolekcije Primjer 2.1 (.sb / .exe).

Želite li saznati koja je omiljena boja korisnika programa, možete ga zamoliti da upiše njeno ime te nakon toga ispisati poruku o kojoj se boji radi. Pogledajmo kako to možemo učiniti:

TextWindow.Write(“Upišite ime svoje omiljene boje: “)
ImeBoje = TextWindow.Read()
TextWindow.WriteLine(ImeBoje + ” je vaša omiljena boja!”)

Primjer programa u kojemu je upotrijebljena naredba Read()

Naredbu TextWindow.Write() nećemo posebno objašnjavati jer smo se njome bavili u 1. dijelu. Ono što je ovdje novina je druga linija programskog koda: ImeBoje = TextWindow.Read(). U ovoj programskoj liniji riječ ImeBoje predstavlja varijablu kojoj će se naredbom TextWindow.Read() pridodati tekst upisan u tekstualnom prozoru. Ukratko ćemo objasniti što je to varijabla. Varijabla je mjesto za privremeno pohranjivanje vrijednosti koje ćemo naknadno koristiti u programu, a imenujemo ih kako bismo ih lakše prepoznali. Prilikom imenovanja varijabli treba pripaziti na sljedeće:

1. Ime varijable mora započeti slovom i ne smije se podudarati s ključnim riječima Small Basica poput If, For, Then i sl.
2. Ime može biti sastavljeno od svih slova, znamenaka i donjih crtica.
3. Može biti proizvoljne dužine i bilo bi poželjno da opisuje svoju namjeru, primjerice SumaBrojeva, PrviPribrojnik, AritmetičkaSredinaBrojeva i sl.

Za razliku od većine drugih programskih jezika, u Small Basicu nije potrebno deklarirati varijable, već im je dovoljno samo postaviti vrijednost, a u imenima je dozvoljeno korištenje dijakritičkih znakova. Zgodno je i da će nakon imenovanja Small Basic prepoznati varijablu i kod njene iduće upotrebe ponuditi njen automatski upis u okviru Intellisense [🙂] . Stoga nemojte izbjegavati dulje nazive varijabli, ponekad je dobro da opišete namjenu varijable kako bi se i drugi korisnici lakše snašli u vašem programu.

Varijable na dohvatu ruke u pomoći koju pruža Intellisense

Pogledajte još jedan jednostavan primjer s upotrebom varijable za upis podataka, Primjer 2.2. (.sb / .exe)

Napomenut ćemo da i kod ispisivanja sadržaja u tekstualnom okviru možemo proizvoljno kombinirati tekst i vrijednosti varijable. Prilikom uređivanja ispisa valja pripaziti na to da tekst koji želite ispisati navodite unutar navodnih znakova, dok je za ispis vrijednosti varijable dovoljno navesti njeno ime. Kombinirate li ispis teksta i varijable zajedno, za spajanje upotrijebite znak “+”.

Osim s tekstom, u Small Basicu jednostavno radimo i s brojevima. Kao što smo u varijablu pohranjivali tekst, tako u nju možemo pohraniti i brojeve. Primjerice, želimo li zbrojiti brojeve 10 i 20, možemo jednostavno upisati:

zbroj = 10 + 20
TextWindow.WriteLine(zbroj)

No, varijable možemo upotrijebiti i na sljedeći način: najprije im pridružimo željenu vrijednost, a zatim ih koristimo prilikom zbrajanja:

prvi_pribrojnik = 10
drugi_pribrojnik = 20
zbroj = prvi_pribrojnik + drugi_pribrojnik 
TextWindow.WriteLine(zbroj)

Uočite da u oba primjera brojevi nisu navedeni unutar navodnih znakova pa zaključujemo da su navodni znakovi potrebni samo kod ispisa teksta dok ih za brojeve ne trebamo. Nadalje, za računsku operaciju zbrajanja upotrijebili smo operator znak “+”. Slično tome, za oduzimanje ćemo upotrijebiti “-“, za množenje “*” a za dijeljenje znak “/”.

[slika2.3] Ovo su samo osnovne matematičke operacije. Nađete li se u situaciji da zatrebate neke složenije matematičke funkcije, potražite ih u klasi Math.

Napredne matematičke funkcije možete pronaći u klasi Math

Budući da smo upoznali osnovne računske operacije koje koristi Small Basic, pogledajmo kako ćemo upisati brojeve te ih pridružiti nekoj varijabli. Upotrijebit ćemo naredbu ReadNumber() koja čeka da korisnik upiše broj i pritisne tipku Enter. Ukoliko korisnik pokuša upisati neki znak koji nije znamenka, program ga neće prihvatiti kao ulaznu vrijednost varijable. S ovako postavljenim vrijednostima varijabli možete izvoditi sve osnovne i napredne matematičke operacije.

Kako izgleda program koji traži unos nekog broja te uneseni broj koristi u daljnjoj obradi, pogledajte u primjerima.

Primjer 2.3 (.sb / .exe)
Primjer 2.4 (.sb / .exe)
Primjer 2.5 (.sb / .exe)
Primjer 2.6 (.sb / .exe)
Primjer 2.7 (.sb / .exe)

Primjer programa – unos brojčane vrijednosti

Naredbe grananja

Sigurno ste već čuli za priču o mački i mišu, odnosno problemu kako mačku, koja se nalazi u malom kavezu, preseliti u veći kavez u kojem stanuje miš, a da mačka ne pojede miša. Zvuči komplicirano? No, kao i svaki drugi problem, i ovaj je moguće riješiti. Potrebno je samo zadovoljiti jedan osnovni uvjet: mačka i miš ni u jednom se trenutku ne smiju naći zajedno u istom kavezu. Baš kao i u svakodnevnom životu, i u programima se neke stvari događaju samo ako se ispune postavljeni uvjeti.

Svi dosadašnji programi koje smo napisali u Small Basicu izvršavali su naredbe redom kojim su bile navedene. Za rješavanje većine problema to neće biti dovoljno. U programiranju, kao i u svakodnevnom životu, neke će se naredbe izvršiti samo ako se ispune zadani uvjeti.

Naredbe pomoću kojih možemo kontrolirati tijek programa su one za grananje programa. U Small Basicu za grananje programa koristimo naredbu IF i koristit ćemo je kada, ovisno o postavljenom uvjetu, trebamo izvršiti određenu naredbu ili određeni niz naredbi.

Small Basic nudi dva oblika If…Then naredbe. Prvi oblik naredbe If…Then je sljedeći:

If (uvjet) Then 
naredbe
EndIf.

Zadani uvjet mora biti logičkog tipa i smješten unutar zagrada, dok je odgovor na postavljeni uvjet ili istinit ili lažan. Ukoliko je postavljeni uvjet istinit, izvršit će se naredbe koje slijede iza Then i nastavit će se izvršavanje prve naredbe koja slijedi iza naredbe If…Then. Ukoliko uvjet nije istinit, prelazi se na izvršavanje sljedeće programske naredbe. Napomenut ćemo da svaka If naredba obavezno završava ključnom riječi EndIf.

Ovaj oblik If naredbe grafički možemo prikazati ovako:

Primjer jednostavne If …Then naredbe                                                                                          

Primjer izlaznih rezultata

Pogledajmo kako to izgleda na primjeru programa za uspoređivanja dvaju brojeva. Program uspoređuje dva unesena broja, ispituje koji je od njih veći te ispisuje odgovarajuću poruku.

Kako bismo mogli uspoređivati brojeve, upotrijebit ćemo dvije varijable: prvi i drugi. Nakon što varijablama pridružimo vrijednosti, upotrijebit ćemo dvije If naredbe:

If (Prvi>Drugi) Then
TextWindow.WriteLine( Prvi +” > ” +Drugi)
EndIf
If (Prvi < Drugi) Then
TextWindow.WriteLine(Prvi +” < ” +Drugi)
EndIf

Prilikom ispitivanja uvjeta upotrijebili smo operatore uspoređivanja > i < . Ovo nisu jedini operatori jer, slično kao u matematici, u Small Basicu možemo upotrijebiti i ostale:

Naredbu If…Then mnogo češće ćemo upotrebljavati u obliku If…Then…Else, odnosno:

If (uvjet) Then
naredba_1 
Else
naredba_2
EndIf

U ovom obliku izvršava se naredba_1 ukoliko je postavljeni uvjet istinit, odnosno naredba_2 ako je postavljeni uvjet lažan. Grafički je možemo prikazati na sljedeći način:

Primjer jedne If…Then…Else naredbe

Prethodni primjer možemo riješiti i pomoću jedne If…Then…Else naredbe na sljedeći način:

If (Prvi > Drugi) Then
   TextWindow.WriteLine( Prvi +” > ” +Drugi)
Else
   TextWindow.WriteLine(Prvi +” < ” +Drugi)
EndIf

Složena If naredba

Naš program ima jedan mali nedostatak. Što je s jednakim brojevima? Kako bismo riješili zadatak u potpunosti, morat ćemo provjeriti još jedan uvjet. No, umjesto da upotrijebimo još jednu zasebnu If naredbu, upotrijebit ćemo složeni If na sljedeći način:

If (prvi > drugi) Then
   TextWindow.WriteLine( prvi +” > ” +drugi)

Else
   If (prvi < drugi) Then
    TextWindow.WriteLine(prvi +” < ” +drugi)
    Else
      TextWindow.WriteLine(prvi +” = ” +drugi)
    EndIf
EndIf

Primjer je riješen pomoću složene If naredbe

Još nekoliko primjera upotrebe If naredbe potražite u primjerima (Primjer 2.8. do Primjer 2.15.).

Primjer 2.8 (.sb / .exe)
Primjer 2.9 (.sb / .exe)
Primjer 2.10 (.sb / .exe)
Primjer 2.11 (.sb / .exe)
Primjer 2.12 (.sb / .exe)
Primjer 2.13 (.sb / .exe)
Primjer 2.14 (.sb / .exe)
Primjer 2.15 (.sb / .exe)

Napomenut ćemo da su u primjerima objašnjene i još neke naredbe iz klase Math i klase Clock kao i upotreba logičkih operatora.

Primjer 2.8. do primjera 2.15

http://static.slidesharecdn.com/swf/doc_player.swf?doc=primjer2-8-doprimjer2-15-100616084026-phpapp02&stripped_title=primjer28-do-primjer215

Logički operatori:

http://static.slidesharecdn.com/swf/doc_player.swf?doc=logikioperatori-100616084013-phpapp01&stripped_title=logiki-operatori
 

Rješenje problema selidbe mačke i miša iz uvodnog primjera pogledajte u sljedećoj prezentaciji.

Problem mačke i miša:

http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=problemmackeimisa-100619095248-phpapp01&stripped_title=problem-make-i-mia

Autor: Gordana Sokol, dipl. inf.
Izvor: 
https://pogledkrozprozor.wordpress.com/2010/06/21/uvod-u-programiranje-microsoft-small-basic-2-dio