T-106.1212 Grundkurs i programmering

Rond 7, uppgift 2

Nivå och poängvärde:	C 80
Kort:	Vi skapar ett grafiskt användargränssnitt till ett program som kan skapa halvrolig, slumpmässig "skräptext".
Vad vi lär oss:	Att skapa ett grafiskt gränssnitt.
Frihet i implementationen:	Medel. Programmets allmänna struktur och själva problemet är noggrannt utstakade, men själva lösningen kan och bör man hitta på helt själv.
Realism:	Hög. Att skapa ett grafiskt gränssnitt är en grundkunskap inom programmering.
Utmaning:	Tämligen lätt. Med att grafikbibliotek är det inte särskilt svårt att skapa en enkel GUI (graphical user interface)m speciellt när man har en noggrann dokumentation med exempel.
Arbetsmängd:	Medel. Fastän det inte är svårt att skapa en GUI, kräver det lite tid att sätta sig in i saken. De flesta torde dock klara sig på under tre timmar.

Nivå och poängvärde:

C 80

Kort:

Vi skapar ett grafiskt användargränssnitt till ett program som kan skapa halvrolig, slumpmässig "skräptext".

Vad vi lär oss:

Att skapa ett grafiskt gränssnitt.

Frihet i implementationen:

Medel. Programmets allmänna struktur och själva problemet är noggrannt utstakade, men själva lösningen kan och bör man hitta på helt själv.

Realism:

Hög. Att skapa ett grafiskt gränssnitt är en grundkunskap inom programmering.

Utmaning:

Tämligen lätt. Med att grafikbibliotek är det inte särskilt svårt att skapa en enkel GUI (graphical user interface)m speciellt när man har en noggrann dokumentation med exempel.

Arbetsmängd:

Medel. Fastän det inte är svårt att skapa en GUI, kräver det lite tid att sätta sig in i saken. De flesta torde dock klara sig på under tre timmar.

Uppgiftsbeskrivning

RandomText-applikationen är ofärdig. I paketet src.randomtext har det nog implementerats en klass som kan göra det här programmets huvuduppgift, nämligen att skapa en ny, slumpmässig text från given indata. Programmet har dock inget användargränssnitt. Er uppgift är att skapa en GUI åt RandomText-applikationen (Graphical User Interface, alltså grafiskt användargränssnitt). Detta görs enligt Epydoc-dokumentationen i filen generator_GUI.py.

Inlämning

Lämna in GUI:ens kod i Goblin.

Råd och tips

Använd Tkinter-grafikbiblioteket, det kommer med Python.
Obs!De skapade komponenterna (och själva fönstret), måste sparas i klassens instansvariabler eller så misslyckas testningen i Goblin.
Det finns färdigt en "if __name__ == '__main__':"-del i filen, där allt det grafiska startas.
Ni behöver ett par metoder som Tkinter definierar för olika GUI-komponenter:
1. window-objektet har en metod geometry, med vilken man bestämmer fönstrets storlek i pixlar. Fönstrets storlek ges som en sträng till metoden: först fönstrets bredd, sedan bokstaven x, sedan fönstrets höjd. Så t.ex. "100x50".
2. window-objektet har också en metod title, med vilken man bestämmer fönstrets titel. Titeln ges helt enkelt som en sträng, t.ex. w.title('Det här syns i fönstrets övre balk')
3. Entry-objektet har en metod get, som returnerar den strängen som för tillfället är skriven i textfältet. Ni behöver den här metoden för att ta reda på vad användaren har skrivit för indata till programmet (ett filnamn eller en URL).
4. Message-objektet har en metod configure, med vilken man kan ändra på egenskaper hos komponenten. Texten som dyker upp i komponenten kan man exempelvis ändra med optionen text, t.ex. meddelande.configure(text='skräp på rutan')
Arbeta stegvis: skriv lite kod, testa hur den fungerar och hur GUI:en ser ut för tillfället, och skriv sedan lite mera kod osv. Försök inte göra allting på en gång utan att testa programmet emellan. Här är ett förslag för hur man kan gå till väga:
1. Försök först få ett tomt fönster att visas på rutan, utan några andra komponenter.
2. Lägg sedan till de olika komponenterna till fönstret, men bry dig inte om att hantera knapptryckningar eller att producera text.
3. Gör så att GUI:ens knapp fungerar: skriv en händelsehanterare (en metod).
(Det här behöver inte göras för att få poäng i uppgiften.) Vänner av nonsenstext kan prova på att justera konstanten i filen Generator.py . Den här konstanten bestämmer hur pass "konstig" den producerade texten är. Använder man ett mindre värde på konstanten snabbar det dessutom upp programmet avsevärt.

Bilder av gränssnittet

GUI:en ni skapar borde se ut ungefär så här. Storleken på komponenterna behöver inte vara exakt någon viss storlek, men fönstret bör innehålla rätt komponenter placerade på följande sätt bredvid och under varann.

Start-vyn:

Ett ögonblick efter att man klickat på Randomize!-knappen: