IBM Developer Day | Bengaluru | March 14th Register now
CloudPlatform as a Service
By Elisabetta Marchesini Published October 5, 2018
As a high school student in Andrew-Chavanne at in Geneva, as part of my infomatics class, I wanted to a create a website for a non-governmental organization (NGO).
I found that IBM Cloud was a great way to start, and I came up with several tips for guiding NGOs and nonprofits. For an NGO, having a website means having visibility, to grow and help more people. However, creating a new website can be very challenging. Most small NGOs end up buying a template on the internet in order to save time and frustration. However NGOs might want to build their own websites, if they want to learn basic coding, if they want websites that truly represent their organizations, or if they can’t afford to spend money on a template.
Creating a website with IBM Cloud is a good option for NGOs because they can use a very versatile and intuitive platform for free. For my school project, I created for an NGO I had previously worked with: http://sosedrdv.eu-gb.mybluemix.net.
Here are the steps that I give NGOs to code an entire website using IBM Code:
Sign up an IBM Cloud account at www.ibm.com/cloud. NGOs and nonprofits need internet access and a common email address to use.
On console.bluemix.net, log in with your IBM Cloud account.
After you are logged in, click the menu button at the top left, and select DevOps.
On the left, click Toolchains.
Then, on the top right, click Create a Toolchain.
Select the first option: Develop a Cloud Foundry app.
Under Toolchain Name, type a name that is the name of your website (for example, MyNGOwebsite if you are creating a website with MyNGOwebsite.com for a URL).
Select your region. Important: Select the region that is nearest to you.
Scroll down, and in the Tool Integrations section, select Git repos and tracking, and for the type of repository, select New.
Your website now exists, but you need to put it online.
In the CODE column, click the Eclipse Orion Web IDE option.
You work on the page that opens for the rest of your process. In the top left, under the name of your toolchain, under Root, click New and then click File.
Create a file named index.html, and add HTML to it like the following example:
<title> Your title </title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content=" Your name ">
<meta name="description" content=" 155 characters what is on the page itself ">
<link rel="stylesheet" href="style.css">
<p>Welcome to your website</p>
Click New > File and create a file called manifest.yml. Add code like the following example:
- buildpack: https://github.com/cloudfoundry/staticfile-buildpack.git
host: Your name
name: The name of your website
Click New > File and create a file called style.css.
Click the run icon in the top right of the page.
Wait for the small button in the blue quadrant to turn green. Click the arrow icon, and your website should open. If you used the sample HTML in step 13, it reads: “Welcome to your website.”
I also provide NGOs with the following tips for their next steps:
Based on my hands-on experience, the advantages of IBM Cloud can be summarized in the following three points:
I look forward to encouraging other nonprofits and NGOs in building their websites, helping the growth of their charity organizations. If you have any questions, you can contact me at firstname.lastname@example.org.
May 6, 2019
September 23, 2019
February 20, 2019
Back to top