Oct 7, 2010
techno park: Apps4Africa:OpenCDF awarded runners up!
techno park: Apps4Africa:OpenCDF awarded runners up!: "Secretary of State Hillary Rodham Clinton today congratulated the winners of the first Apps4Africa competition!! Apps4Africa was launched ..."
Apps4Africa:OpenCDF awarded runners up!
Secretary of State Hillary Rodham Clinton today congratulated the winners of the first Apps4Africa competition!!
Apps4Africa was launched in July 2010, in Nairobi, Kenya by Under Secretary for Public Diplomacy and Public Affairs Judith McHale.This competition was all about bringing Civil society groups,citizens and developers to find innovative technological solutions to everyday problems on issues ranging from transparency and governance to health and education. The competition builds on Secretary Clinton’s Civil Society 2.0 initiative and helps civil society use digital technology to connect to their communities and develop innovative solutions to shared problems. Key private sector partners include iHub, Appfrica Labs, and SODNET.
Sixty ideas were submitted from all over East Africa i.e Kenya,Uganda, Tanzania and Rwanda. Twenty three were developed.
Mikel Maron, best mentor ever and I submitted open CDF (Constituency Development Fund) tracking and mapping website that enables Kenyans to easily view all official and on-the-ground details on CDF funded projects in Kibera. KCODA (Kibera Community Development Agenda) monitors submit detailed reports on the real status of projects, and contrasts with officially reported government status,the amount allocated, the contractor involved, photographs, and geographic location.
This evidence based monitoring, combined with the communication power of maps and the web, serves as a powerful advocacy tool for improved accountability of devolved funds in Kenya.
We were awarded runners up and the award for this was 200USD.
Here is a list of the rest of the winners :
First Place: iCow, a voice-based mobile application that helps farmers track the estrus stages of their cows. This application can enable farmers everywhere to better manage breeding periods as well as monitor cow nutrition leading up to the calving day. This will help farmers get the most of their cows and their farms. From Kenya, Charles Kithika is the first place winner receiving $5,000 and an Apple iPad.
Second Place: Kleptocracy Fighters Inc. allows citizens to record and report real time information on government corruption. Reports can include: audio, video, text, and are meant to be both positive and negative. Reports will be forwarded to legal and media partners to help publish cases of corruption. This application has potential to help build trust, accountability and transparency around the world. The second place winners received $3,000 USD and a Nokia N900.
Third Place Winner: Mamakiba is a patient-facing SMS savings calculator and prepayment tracking tool specifically designed to help low-income women save and prepay for their maternal health needs such as ante-natal care and clinical delivery. Many women struggle financially, and this application can help teach the value of budget planning and provide lifesaving care for women and their families. Jane Del Sur, Geoffrey Muthondy , John Wesonga jointly developed “Mamakiba”, our third place winner receives and shares $2,000 and a Sprint HTC Desire.
OpenCDF,explained earlier!
Ujuzi was developed by Ahmed Mohamed Maawy as a mobile resource locator application aimed at helping low-income populations living in poor areas worldwide to locate useful resources like organizations, services, assets, and personnel in their region. This free service has huge potential because it takes readily available information and creatively provides it in a useful, easy-to-access way.
XoXo
Sixty ideas were submitted from all over East Africa i.e Kenya,Uganda, Tanzania and Rwanda. Twenty three were developed.
Mikel Maron, best mentor ever and I submitted open CDF (Constituency Development Fund) tracking and mapping website that enables Kenyans to easily view all official and on-the-ground details on CDF funded projects in Kibera. KCODA (Kibera Community Development Agenda) monitors submit detailed reports on the real status of projects, and contrasts with officially reported government status,the amount allocated, the contractor involved, photographs, and geographic location.
This evidence based monitoring, combined with the communication power of maps and the web, serves as a powerful advocacy tool for improved accountability of devolved funds in Kenya.
We were awarded runners up and the award for this was 200USD.
Here is a list of the rest of the winners :
First Place: iCow, a voice-based mobile application that helps farmers track the estrus stages of their cows. This application can enable farmers everywhere to better manage breeding periods as well as monitor cow nutrition leading up to the calving day. This will help farmers get the most of their cows and their farms. From Kenya, Charles Kithika is the first place winner receiving $5,000 and an Apple iPad.
Second Place: Kleptocracy Fighters Inc. allows citizens to record and report real time information on government corruption. Reports can include: audio, video, text, and are meant to be both positive and negative. Reports will be forwarded to legal and media partners to help publish cases of corruption. This application has potential to help build trust, accountability and transparency around the world. The second place winners received $3,000 USD and a Nokia N900.
Third Place Winner: Mamakiba is a patient-facing SMS savings calculator and prepayment tracking tool specifically designed to help low-income women save and prepay for their maternal health needs such as ante-natal care and clinical delivery. Many women struggle financially, and this application can help teach the value of budget planning and provide lifesaving care for women and their families. Jane Del Sur, Geoffrey Muthondy , John Wesonga jointly developed “Mamakiba”, our third place winner receives and shares $2,000 and a Sprint HTC Desire.
Honorable Mentions each received $200 and are as follows:
Fogs Funeral Announcements, developed by Alex Gitonga, is an application for generating death and funeral announcements via text message. Radio and newspaper are costly in the region. Fog will allow users cheaply and easily to draft, edit and send these types of messages to ensure they reach friends, family, former schoolmates and colleagues – an important Kenyan custom.OpenCDF,explained earlier!
Ujuzi was developed by Ahmed Mohamed Maawy as a mobile resource locator application aimed at helping low-income populations living in poor areas worldwide to locate useful resources like organizations, services, assets, and personnel in their region. This free service has huge potential because it takes readily available information and creatively provides it in a useful, easy-to-access way.
All the top six awards went to Kenya apart from second price which was won by Ugandans. So if you are a VC and want to invest in East Africa, make Kenya your priority ;)!!!
XoXo
Oct 1, 2010
techno park: Learn how to create your website from scratch: Cha...
techno park: Learn how to create your website from scratch: Cha...: "Part 1: Basics of XHTML Welcome to chapter 4 of part 1. Previously, we pimped our page just a little bit with paragraphs and headings. The p..."
Learn how to create your website from scratch: Chapter 4 of Part 1
Part 1: Basics of XHTML
Welcome to chapter 4 of part 1. Previously
, we pimped our page just a little bit with paragraphs and headings. The problem is,our page looks like a word document and doesn't have the look of a web page! So what? That's the best I got.So far, it's the only thing you taught me! OK, enough!!!I know we didn't learn much but you don't have to rub it in! Let's learn something new today, shall we?
Chapter 4: Hyper links
Hyper link is the technical term for link. I guess we all know what a link is! A link is some text that you can click to go to another page. To achieve this, we will use the <a> tag. The <a> tag can be used in two ways:
1.To create a link to another document, by using the href attribute
2.To create a bookmark inside a document ,by using the id attribute
1.Linking to other documents using the href attribute
Today,unlike the previous lessons, we will work with two pages : source.html and destination.html.
Source.html will have two links. The first one will take us to destination.html and the second to another website let's say google.com!
So let's fire up our text editor as usual then put the following code between the <body> and </body> tags and save your page as source.html:
Unlike other HTML
tags,the <a> tag is not obvious to interpret. <a> means anchor and that's where the a came from.
the href attribute specifies the destination of a link. In our case, destination.html or google.com.
The text between the <a> and </a> is what appears as the link. You should get something like this on your browser
If you don't get the same results, it's because you don't have a <br/> between the two links.
Note the text that appears is what we put between the two hyperlink tags.
Let's experiment on the two links. Click each one of them. My link to google will lead us to google's page but My link to destination.html page gives us a nice and sweet File not found error! Welcome to my world fellows. If you want to be a developer, you have to love errors, otherwise you will panic and get nothing done.
Anyone guessed where the error came from? It's quite obvious.The browser is looking for a resource that doesn't exist. What do I mean by this? I mean we haven't created destination.html yet and we referenced it in our <a> tag.
Create destination.html and put a paragraph or two.
<p> Hello there! Welcome to destination.html</p>
Save that as destination.html and voila!
Before we look at other uses of the <a> tag, let's look at the title attribute.This attribute can be used to provide some useful information when we hoover on a link.Let's modify our previous code.
Edit this line :
2.Linking to a bookmark inside a document using the id attribute
Let's say that we are writing HTML
tutorials and we put our table of content at top of our page like part 1,2 ...etc. What if we have a visitor who has prior knowledge of HTML and wants to go straight to a specific part or chapter or a visitor who doesn't like to read tutorials like a novel?The <a> tag permits us to easily navigate within a document. Let's practice and see how this works!
Put this code
<a id="HTMLpart3">HTML part 3</a>
We just created anchor in our document called HTML part 3
. We are now going to create the link to the "HTML part 3" inside the same document.All you need to do is put harsh sign(#) followed by the anchor name like this:
<a href="#HTMLpart3">HTML part 3 section</a>
And we are done.In order to see the effect of these codes, we have to have enough text on our page.Copy paste the following code and make sure you have as many paragraphs as possible before this line <a id="HTMLpart3">HTML part 3</a>.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<title>My first web page !</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<a href="#HTMLpart3">HTML part 3 section</a>
<p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p>
<a id="HTMLpart3">HTML part 3</a>
<p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p>
</body>
</html>
That's it for today.See you soon.
Till then, XoXo
Related links
Learn how to create you website from scratch :Chapter 1 of Part 1
Learn how to create you website from scratch :Chapter 2 of Part 1
Learn how to create you website from scratch :Chapter 3 of Part 1
Welcome to chapter 4 of part 1. Previously
, we pimped our page just a little bit with paragraphs and headings. The problem is,our page looks like a word document and doesn't have the look of a web page! So what? That's the best I got.So far, it's the only thing you taught me! OK, enough!!!I know we didn't learn much but you don't have to rub it in! Let's learn something new today, shall we?Chapter 4: Hyper links
Hyper link is the technical term for link. I guess we all know what a link is! A link is some text that you can click to go to another page. To achieve this, we will use the <a> tag. The <a> tag can be used in two ways:
1.To create a link to another document, by using the href attribute
2.To create a bookmark inside a document ,by using the id attribute
1.Linking to other documents using the href attribute
Today,unlike the previous lessons, we will work with two pages : source.html and destination.html.
Source.html will have two links. The first one will take us to destination.html and the second to another website let's say google.com!
So let's fire up our text editor as usual then put the following code between the <body> and </body> tags and save your page as source.html:
<a href="destination.html">My link to destination.html page</a>
<a href="http://www.google.com">My link to google</a>
Unlike other HTML
tags,the <a> tag is not obvious to interpret. <a> means anchor and that's where the a came from. the href attribute specifies the destination of a link. In our case, destination.html or google.com.
The text between the <a> and </a> is what appears as the link. You should get something like this on your browser
If you don't get the same results, it's because you don't have a <br/> between the two links.
Note the text that appears is what we put between the two hyperlink tags.
Let's experiment on the two links. Click each one of them. My link to google will lead us to google's page but My link to destination.html page gives us a nice and sweet File not found error! Welcome to my world fellows. If you want to be a developer, you have to love errors, otherwise you will panic and get nothing done.
Anyone guessed where the error came from? It's quite obvious.The browser is looking for a resource that doesn't exist. What do I mean by this? I mean we haven't created destination.html yet and we referenced it in our <a> tag.
Create destination.html and put a paragraph or two.
<p> Hello there! Welcome to destination.html</p>
Save that as destination.html and voila!
Before we look at other uses of the <a> tag, let's look at the title attribute.This attribute can be used to provide some useful information when we hoover on a link.Let's modify our previous code.
Edit this line :
<a href="destination.html">My link to destination.html page</a>
And put this :
<a href="destination.html" title="This links us to destination page">
My link to destination.html page</a> Enjoy the results!
2.Linking to a bookmark inside a document using the id attribute
Let's say that we are writing HTML
tutorials and we put our table of content at top of our page like part 1,2 ...etc. What if we have a visitor who has prior knowledge of HTML and wants to go straight to a specific part or chapter or a visitor who doesn't like to read tutorials like a novel?The <a> tag permits us to easily navigate within a document. Let's practice and see how this works!Put this code
<a id="HTMLpart3">HTML part 3</a>
We just created anchor in our document called HTML part 3
. We are now going to create the link to the "HTML part 3" inside the same document.All you need to do is put harsh sign(#) followed by the anchor name like this:<a href="#HTMLpart3">HTML part 3 section</a>
And we are done.In order to see the effect of these codes, we have to have enough text on our page.Copy paste the following code and make sure you have as many paragraphs as possible before this line <a id="HTMLpart3">HTML part 3</a>.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<title>My first web page !</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<a href="#HTMLpart3">HTML part 3 section</a>
<p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p>
<a id="HTMLpart3">HTML part 3</a>
<p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p>
</body>
</html>
That's it for today.See you soon.
Till then, XoXo
Related links
Learn how to create you website from scratch :Chapter 1 of Part 1
Learn how to create you website from scratch :Chapter 2 of Part 1
Learn how to create you website from scratch :Chapter 3 of Part 1
Sep 28, 2010
techno park: Learn how to create your website from scratch: Cha...
techno park: Learn how to create your website from scratch: Cha...: "Part 1: Basics of XHTML Welcome to chapter 3 of part 1. In Chapter 2 of these series,we created our first XHTML page and saw how the main X..."
Subscribe to:
Posts (Atom)