GSoC Coding Phase 2 Week 3 & 4

Second Evaluation for GSoC just ended and for this coding phase I have bootstrap the new UI for radiology and fix all bugs I was having with the UI and now ready to use real data from the database with the Angular HTTPModule.

I was also able to deploy my app as an Open Web Apps. In the another blog post, I’ll give a tutorial for creating an Open Web App with Angular 2 and successfully deploy it.

This session was the most interesting one. I was able to pickup Angular 2 on the fly and build my UI.

You can access the code of my work so far from

Below is a screencast of the new UI


GSoC Coding Phase 2 Week 2

The second week of GSoC coding phase 2 just ended. This week has mostly been about learning Angular 2.

I also took some time out to follow up on my US nonimmigrant visa to attend the Open Source Summit North America. I traveled to the capital city for my visa interview on Friday July 7th as I had my interview on Monday the 10th of July. It was an 8 hours bus ride. My visa interview was successful and on I collected my visa the next day July 11 and since it was already late to return home, I traveled back to my city the next day July 12.

During this time I was also learning angular from the At the same time working on the UI. Built some components already.

New Radiology dashboard built with Angular 2. The header and the footer are separate reusable components and the dashboard itself is another component. It’s still not complete though.

Screen Shot 2017-07-17 at 10.31.20 AM



New report authoring.

Screen Shot 2017-07-17 at 10.32.09 AM

GSoC Coding Phase 2 Week 1

It’s a little over a week since the GSoC first evaluation ended on June 30th, 2017. Glad to say I passed the first evaluation with good remarks from my mentors. The radiology back end code can now save radiology reports using MRRT templates. That’s a great achievement.

For the phase 2 of the program I’ll be working on a new UI for radiology. We’ll be leaving the legacy OpenMRS UI and build a new user interface based on web components. The initial idea was to use Polymer for this but Angular 2 changed the story. Angular 2 is component based and perfect fit for out goals.

The front end will be an Open Web App which is supported by the LH Toolkit thanks to the OpenMRS Open Web Apps module. The web app will be an Angular 4 + Twitter bootstrap project. And it will communicate with Toolkit via REST.

I’m fairly new to all the technologies to be used for the front end so I started off by enrolling to an Angular 4 course on Udemy using my GSoC stipend. I also watched some videos about twitter bootstrap. I’m also learning Angular 2 from the tutorials. I’ve still not covered enough angular to complete the front end but I’m making much progress with angular and I’m confident to meet my 2nd evaluation goals.

I’ve setup an Angular project for LibreHealth Radiology and hosted it on GitHub. I’ll be updating the app as I get more understanding of Angular while moving on with the course.