Difference between revisions of "Programming Tutorial"

From Progzoo
Jump to: navigation, search
 
(185 intermediate revisions by 14 users not shown)
Line 1: Line 1:
{{topTenTips}}
+
{{topTenTips}} __NOTOC__
Follow the tutorials to learn to program. Use the Guides to see example programs is many languages.
+
==Drawing the French tricolour with Java==  
*[[Tutorials| Tutorials]] which present problems and their solutions. 
+
You can create images using Java. The first tutorial [[Flags Tutorial|Flags]] looks at drawing flags of the world, from simple flags such as [[Flags_with_Rectangles_Tutorial#Libya|Libya]] to more complicated flags such as the [[Harder Flags Tutorial#United_States|Stars and Stripes]] of the USA. In Java you can use methods such as  <code>[[Graphics2D#setColor_using_predefined_colors|setColor]]</code> and <code>[[Graphics2D#drawRect|fillRect]]</code> to create simple images.
*[[Guides| How to...]] guides to completing common tasks.
+
<question height="100" width="150" imgOut="flag.png"   className="Raster" title="France" rows="9" cols='28' lang='java' awh='TODO'>
==Drawing the French tricolour with Java==  
+
You can create images using Java. The first tutorial [[Flags]] looks at drawing flags of the world, from simple flags such as Libya to more complicated flags such as the [[Harder Flags Tutorial#United_States|Stars and Stripes]] of the USA. In Java you can use [[methods]] such as  <code>[[setColor]]</code> and <code>[[fillRect]]</code> to create simple images.          
+
<question height="100" width="150" imgOut="flag.png" className="Raster" title="France" rows="9" cols='28'>  
+
 
[[Image:Flag_guide_france.png|border]]
 
[[Image:Flag_guide_france.png|border]]
Notice that the blue rectangle is at (0,0), it is 50 wide and 100 deep so the commands to draw the blue rectangle are:     
+
Notice that the blue rectangle is at (0,0), it is 50 wide and 100 deep so the commands to draw the blue rectangle are:     
 
  g.setColor(Color.blue);
 
  g.setColor(Color.blue);
 
  g.fillRect(0,0,50,100);
 
  g.fillRect(0,0,50,100);
<shell lang="java" className="Flag" import="shells.xml#raster"/>
+
<shell lang="java" className="Flag" import="shells.xml#raster"/><prog>static void drawFlag(Graphics2D g)
<prog lang="java">static void drawFlag(Graphics2D g){
+
{
 
   g.setColor(Color.blue);
 
   g.setColor(Color.blue);
 
   g.fillRect(0,0,50,100);
 
   g.fillRect(0,0,50,100);
Line 20: Line 17:
 
}
 
}
 
</prog>
 
</prog>
</question>
+
<answer>static void drawFlag(Graphics2D g){
 +
  g.setColor(Color.blue);
 +
  g.fillRect(0,0,50,100);
 +
  g.setColor(Color.white);
 +
  g.fillRect(50,0,50,100);
 +
  g.setColor(Color.red);
 +
  g.fillRect(100,0,50,100);
 +
}
 +
</answer></question>
 +
<table><tr><th>
 +
Follow  the [[{{NAMESPACE}}:tutorials]] to learn  to program.
 +
</th><th style='width:3em;'></th><th>Use the [[guides]] to  see short  example programs.</th></tr>
 +
<tr><td valign='top'>
 +
*[[{{NAMESPACE}}:Flags Tutorial]]
 +
*[[{{NAMESPACE}}:If Tutorial]]
 +
*[[{{NAMESPACE}}:Functions Tutorial]]
 +
*[[{{NAMESPACE}}:Strings Tutorial]]
 +
*[[{{NAMESPACE}}:Boxes Tutorials|Conditions Tutorial]]
 +
*[[{{NAMESPACE}}:For Tutorial|For loop Tutorial]]
 +
*[[{{NAMESPACE}}:Using Arrays Tutorial|Array Tutorial]]
 +
*[[{{NAMESPACE}}:Accumulator Tutorial|Accumulator Tutorial]]
 +
*[[{{NAMESPACE}}:TreeMap Tutorials|TreeMap Tutorial]]
 +
*[[Functional Programming with Java 8]]
 +
*[[HashMaps Exercise]]
 +
*[[{{NAMESPACE}}:Recursion|Recursion Tutorial]]
 +
*[[{{NAMESPACE}}:DOM|DOM Tutorials]]
 +
*[[{{NAMESPACE}}:Finite State Machines Tutorial]]
 +
</td><td></td><td valign='top'>
 +
*[[{{NAMESPACE}}:String Functions]] 
 +
*[[{{NAMESPACE}}:Graphics]]
 +
*[[{{NAMESPACE}}:Simple Tests]]
 +
*[[{{NAMESPACE}}:Simple Types]]
 +
*[[{{NAMESPACE}}:Iterating (loops)]]
 +
*[[{{NAMESPACE}}:Arrays]]
 +
*[[{{NAMESPACE}}:Using an Accumulator]]
 +
*[[{{NAMESPACE}}:General Election 2010]]
 +
*[[{{NAMESPACE}}:National Student Survey]] - practice using the ArrayList
 +
 
 +
</td></tr></table>
 
<hr style='clear:left'/>
 
<hr style='clear:left'/>
Consult the [[Help:Contents| User's Guide]] for information on changing material in progzoo.
+
 
 +
==Students on SET07102==
 +
*[[Assessment_2014|Assessment 2014 Windows and Doors]]
 +
*[[Assessment_2013|Assessment 2013 Banners]]
 +
*[[Assessment_2012]]
 +
*[[Assessment 2011|Assessment 2011 Road Signs]]
 +
*[[Assessment 2011 2|Assessment 2011 Timetables]]
 +
*[[Assessment 2010|Assessment 2010 - Flags of Russia]]
 +
*[[Megalomania Tutorial]]
 +
*[[Project Euler]]
 +
*[[Java Test 1]]
 +
*[[Animation]]
 +
Edinburgh Napier University Links: [[SET07102]], [[Assessment 2010]], [[Assessment 2009]], [[Assessments]], [[Direct Entry]], [[Crash]],
 +
[[Be the Machine 2]], [[SET08112]] [[SET08101|Web Technologies]]
 +
 
 +
==Dundas Street Students==
 +
*[[Dundas Street Session 1]]
 +
*[[Hello World in Eclipse]]
 +
*[[Hello Web with Tomcat]]
 +
 
 +
==Students on SET09117: Algorithms and Data Structures==
 +
*[[Finite State Machine]]
 +
*[[ArrayList Tutorial]]
 +
*[[HashMaps Exercise]]
 +
*[[Recursive Descent Parsers]]
 +
 
 +
==English Week 2015==
 +
*[[EW]]
 +
 
 +
==Other Zoos==
 +
http://LinuxZoo.net http://SQLzoo.net http://XMLzoo.net
 +
 
 +
==Java related==
 +
http://javabat.com - a range of short Java problems.
 +
http://java.sun.com download Java and the documentation
 +
 
 +
==Progzoo mechanics==
 +
 
 +
Consult the [[Help:Contents| User's Guide]] for information on changing material in progzoo.
 +
 +
Translation of original http://progzoo.net/translate.cgi
 +
 
 +
If something is not working you may be able to help fix it at [[Panic]]
  
 
You can mess about in the  [[Playpen]].
 
You can mess about in the  [[Playpen]].

Latest revision as of 14:20, 6 March 2017

Drawing the French tricolour with Java

You can create images using Java. The first tutorial Flags looks at drawing flags of the world, from simple flags such as Libya to more complicated flags such as the Stars and Stripes of the USA. In Java you can use methods such as setColor and fillRect to create simple images.

Flag guide france.png Notice that the blue rectangle is at (0,0), it is 50 wide and 100 deep so the commands to draw the blue rectangle are:

g.setColor(Color.blue);
g.fillRect(0,0,50,100);


[Font] [Default] [Show] [Resize] [History] [Profile]

Follow the tutorials to learn to program.

Use the guides to see short example programs.

Students on SET07102

Edinburgh Napier University Links: SET07102, Assessment 2010, Assessment 2009, Assessments, Direct Entry, Crash, Be the Machine 2, SET08112 Web Technologies

Dundas Street Students

Students on SET09117: Algorithms and Data Structures

English Week 2015

Other Zoos

http://LinuxZoo.net http://SQLzoo.net http://XMLzoo.net

Java related

http://javabat.com - a range of short Java problems. http://java.sun.com download Java and the documentation

Progzoo mechanics

Consult the User's Guide for information on changing material in progzoo.

Translation of original http://progzoo.net/translate.cgi

If something is not working you may be able to help fix it at Panic

You can mess about in the Playpen.