Click here to Skip to main content
Click here to Skip to main content

Tagged as

Go to top

iLearn

, 8 Aug 2013
Rate this:
Please Sign up or sign in to vote.
iLearn is a non obtrusive and fun way to learn for kids

Please note

This article is an entry in our AppInnovation Contest. Articles in this sub-section are not required to be full articles so care should be taken when voting.

Checkout iPaint, a innovative and fun way to paint for AIOs.

Introduction 

iLearn is a non obtrusive and fun way to learn for kids. iLearn is targeted for tablets, its an educational app.

Uses and Concept

Kids can use it to learn maths and names of fruits, animals among other things. Pretty much what they learn in kindergarten can be learned using iLearn.  

The aim if to build a app which concentrates on the learning itself and then gets out of the way.

Development Approach

I am developing the app in WPF. I also make extensive use of Microsoft Expression Blend. Languages used are C# and XAML.

Features 

  • Gestures - Instead of typing or choosing an answer, the dragging down of the alphabets is much more intuitive and fun.
  • Sound effects for all app movements. Each alphabet is assigned a note and a glissando is played when its dragged.
  • *Experimental* Cloud features. Using cloud a parent can talk to his kid in-app while the kid is using the app and can see what he is doing. *Need your views, If I should include it.* 
  • Reports on a child's activity. How much he got right, wrong, his accuracy rate among other things. Its only visible to the parent.
  • Virtual prizes for the child's efforts. 
Tablet specific features 
  • Touch Control  -  The main input type is touch
  • Orientation Sensor- Using it to best fit the layout depending on how the kid is holding the tablet.

Screenshots

From the nightly build. 

The Home page 

The fruits page. Similar to the fruits page, there are the animals page and Name It! page, the Name It! page shows item at random which can be fruits, animals or other objects. 

The maths page

Controls

The yellow box holds the problem statement. The volume button is for controlling the sound and the help button pops up a hint when touched. The light blue box is where the kid drags the alphabets or numbers.

Using the code 

Most of the code is XAML. So that's what I am going to share. Building the rope was fun so here's the xaml code for rope. I am using Viewbox to help resize the rope for different screens. The code is self explanatory.
<Viewbox Width="20" Height="40" >
		<StackPanel>
		<Border  Width="20" Height="40" Background="#BA6C49" BorderBrush="Black" BorderThickness="1,0,1,0" >
			<StackPanel>
				<Rectangle Height="20" Width="20" Fill="#BA6C49"></Rectangle>
				<Ellipse Width="20" Height="20" Margin="-1,-13,0,0" Stroke="Black" StrokeThickness="1px">
					<Ellipse.Clip>
						<RectangleGeometry Rect="0,10,20,20"/>
					</Ellipse.Clip>
				</Ellipse>
				<Rectangle Fill="#FFCB903E" Width="3" Height="20" Panel.ZIndex="20" Margin="0,-26,0,0"></Rectangle>
				<Rectangle Width="2" Height="10" Margin="0,-30,-15,0" Panel.ZIndex="1" Fill="#FF955454"/>
				<Rectangle Width="3" Height="10" Fill="#FFA63333" Panel.ZIndex="1" Margin="-10,0,0,0"></Rectangle>
				<Rectangle Width="3" Height="10" Fill="#FF955454" Margin="0,0,-14,0"></Rectangle>
				<Rectangle Width="3" Height="10" Fill="#FF532E2E" Margin="0,-26,0,0" Panel.ZIndex="1"></Rectangle>
			</StackPanel>
		</Border>
		<Border  Width="20" Height="40" Background="#BA6C49" BorderBrush="Black" BorderThickness="1,0,1,0" >
			<StackPanel>
				<Rectangle Height="20" Width="20" Fill="#BA6C49"></Rectangle>
				<Ellipse Width="20" Height="20" Margin="-1,-13,0,0" Stroke="Black" StrokeThickness="1px">
					<Ellipse.Clip>
						<RectangleGeometry Rect="0,10,20,20"/>
					</Ellipse.Clip>
				</Ellipse>
				<Rectangle Fill="#FFCB903E" Width="3" Height="20" Panel.ZIndex="20" Margin="0,-26,0,0"></Rectangle>
				<Rectangle Width="2" Height="10" Margin="0,-30,-15,0" Panel.ZIndex="1" Fill="#FF955454"/>
				<Rectangle Width="3" Height="10" Fill="#FFA63333" Panel.ZIndex="1" Margin="-10,0,0,0"></Rectangle>
				<Rectangle Width="3" Height="10" Fill="#FF955454" Margin="0,0,-14,0"></Rectangle>
				<Rectangle Width="3" Height="10" Fill="#FF532E2E" Margin="0,-26,0,0" Panel.ZIndex="1"></Rectangle>
			</StackPanel>
		</Border>
		</StackPanel>
	</Viewbox> 
 

Points of Interest

The rope idea to have the kid drop down the alphabets hanging from a rope struck me while watching a cartoon in which a monkey was climbing down a rope.

Teh Future

  • Planning to add the option for parent to add their own content ex. their own maths questions, and objects
  • Planning to include around 8000 educational videos I already have in my eduheap app.
  • Integration of the front camera to allow parents to talk to their kids in app, while the kid is using the app.
  • Integration of iPaint, my painting app for AIO with a touch of music (Article coming soon)

History

[02.08.2013] iLearn is born.

[03.08.2013] Added music and sound effects.

[04.08.2013] Added cloud features. 

A call for help

If you have any cool ideas or features in mind that you would like me to include, just drop me a comment down below.

If you would like to contribute to the project, drop a comment and I will get back to you. I am presently looking for images and backgrounds to use in the app. Of course, I cannot pay for it, but I would be grateful for any contribution and will include your name in credits.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Share

About the Author

Ashwin Singh IND
Software Developer Codlash Technologies Pvt. Ltd.
India India
Hi my name is Ashwin Singh, I am one of the founders of Coldash Technologies Pvt. Ltd.(www.codlash.com). I have worked on a lot of technologies from server to mobile. Recently I have started working on Unity. At codlash, I am the lead web developer. You can find the apps I have build or have been part of at http://www.codlash.com/products/list
Follow on   Twitter

Comments and Discussions

 
GeneralGreat idea PinmemberHolger S. Germany26-Mar-14 23:08 
QuestionMy 5 Pinmemberidle6312-Jan-14 3:41 
QuestionHow's app development going? Will you be submitting on time? PinstaffKevin Priddle23-Oct-13 8:34 
AnswerRe: How's app development going? Will you be submitting on time? PinprofessionalAshwin Singh IND6-Nov-13 1:40 
GeneralRe: How's app development going? Will you be submitting on time? PinstaffKevin Priddle6-Nov-13 5:34 
GeneralMy vote of 5 PinprofessionalTalha Naqvi6-Aug-13 11:09 
GeneralMy vote of 5 PinprofessionalAbhishek Nandy4-Aug-13 8:13 
GeneralRe: My vote of 5 PinprofessionalD Protagonist4-Aug-13 8:17 
GeneralRe: My vote of 5 PinprofessionalAbhishek Nandy4-Aug-13 20:07 
GeneralRe: My vote of 5 PinprofessionalD Protagonist4-Aug-13 20:08 
GeneralRe: My vote of 5 PinprofessionalAbhishek Nandy4-Aug-13 20:17 
GeneralRe: My vote of 5 PinprofessionalD Protagonist4-Aug-13 20:21 
GeneralRe: My vote of 5 PinstaffKevin Priddle16-Aug-13 3:48 
GeneralRe: My vote of 5 PinprofessionalAshwin Singh IND16-Aug-13 4:42 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Mobile
Web01 | 2.8.140916.1 | Last Updated 8 Aug 2013
Article Copyright 2013 by Ashwin Singh IND
Everything else Copyright © CodeProject, 1999-2014
Terms of Service
Layout: fixed | fluid