<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	>

<channel>
	<title>Moca: Mobile Care Blog</title>
	<atom:link href="http://mocamobile.org/blog/?feed=rss2" rel="self" type="application/rss+xml" />
	<link>http://mocamobile.org/blog</link>
	<description>Just another WordPress weblog</description>
	<pubDate>Tue, 25 May 2010 00:48:08 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.7.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>GSOC Media Viewer: Integration with OpenMRS and Moca</title>
		<link>http://mocamobile.org/blog/?p=182</link>
		<comments>http://mocamobile.org/blog/?p=182#comments</comments>
		<pubDate>Tue, 25 Aug 2009 23:46:52 +0000</pubDate>
		<dc:creator>katherine</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<category><![CDATA[GSOC Media Viewer]]></category>

		<category><![CDATA[OpenMRS]]></category>

		<guid isPermaLink="false">http://mocamobile.org/blog/?p=182</guid>
		<description><![CDATA[The last step was to fully integrate the media viewer with OpenMRS and Moca. Now the media viewer supports thumbnail handling by performing an HTTP post to an OpenMRS servlet to retrieve the image and downscale it properly. If it is an audio or video file, a preset thumbnail will appear.
I also changed the bottom [...]]]></description>
			<content:encoded><![CDATA[<p>The last step was to fully integrate the media viewer with OpenMRS and Moca. Now the media viewer supports thumbnail handling by performing an HTTP post to an OpenMRS servlet to retrieve the image and downscale it properly. If it is an audio or video file, a preset thumbnail will appear.</p>
<p><img class="aligncenter size-medium wp-image-190" src="http://mocamobile.org/blog/wp-content/uploads/2009/08/thumbnails-300x236.png" alt="thumbnails" width="300" height="236" />I also changed the bottom toolbar to have the sliders stacked on top of each other so that it would be less wide on the screen when added next to the Moca panel. There are 2 new buttons to the toolbar - revert to default image and full screen mode.</p>
<p><img class="aligncenter size-medium wp-image-191" src="http://mocamobile.org/blog/wp-content/uploads/2009/08/toolbar-300x57.png" alt="toolbar" width="300" height="57" /></p>
<p>Even though I used a pre-made Pan/Zoom component from Adobe Developer Connection, I had to read through the library to understand how to modify it for OpenMRS&#8217; purposes. I added support for each Generic File in this encounter to save the image processing and zoom settings added so that if the user moved to the next thumbnail, the settings would still be saved when the user returned. However, these settings are not permanently saved to the OpenMRS server. According to my usability tests, the specialist wants to manipulate the image but doesn&#8217;t need to save the modified version. Another problem was that the image was animated to stick to one of the four corners of the content rectangle. This caused the image to fly to unexpected positions and the mouse would lose the image underneath it (see below). I wanted the ability to pan and drag the image anywhere, so I removed many of their animations and edge boundary restrictions.</p>
<p><img class="aligncenter size-medium wp-image-192" src="http://mocamobile.org/blog/wp-content/uploads/2009/08/pan1-300x216.png" alt="pan1" width="300" height="216" />With my modifications, the panning is much more controlled and the image stays under the mouse.</p>
<p><img class="aligncenter size-medium wp-image-193" src="http://mocamobile.org/blog/wp-content/uploads/2009/08/pan2-300x216.png" alt="pan2" width="300" height="216" /></p>
<p>Here is the final version of the media viewer! (Although more modifications are coming soon..) Within the Moca module in OpenMRS, the doctor will access a list of pending cases from healthcare workers.</p>
<p><img class="aligncenter size-medium wp-image-187" src="http://mocamobile.org/blog/wp-content/uploads/2009/08/queue1-300x157.png" alt="queue1" width="300" height="157" /></p>
<p>When a doctor clicks on an item, the media viewer will appear.</p>
<p><img class="aligncenter size-medium wp-image-189" src="http://mocamobile.org/blog/wp-content/uploads/2009/08/moca-300x225.png" alt="moca" width="300" height="225" /></p>
<p>The doctor can browse through all the media files associated with this patient&#8217;s encounter and then fill in diagnosis and treatment recommendations on the left hand side. When the doctor hits the &#8220;send&#8221; button, it will get uploaded to the OpenMRS server and modify the encounter. The encounter viewer already built into OpenMRS shows the objects already associated with that encounter.</p>
<p><img class="aligncenter size-medium wp-image-194" src="http://mocamobile.org/blog/wp-content/uploads/2009/08/addedtoenc-300x222.png" alt="addedtoenc" width="300" height="222" /></p>
<p>You can see that a new Obs was added to the list for this encounter of concept type &#8220;Diagnosis.&#8221; The value of the Obs is the text that we entered in the Moca panel above. This view also shows that Dr. Mark Johnson (the user account currently logged into OpenMRS) made this diagnosis on August 25. Different doctors are allowed to make a diagnosis for an encounter and a single doctor can also make multiple diagnoses if they change their mind.</p>
<p><img class="aligncenter size-medium wp-image-195" src="http://mocamobile.org/blog/wp-content/uploads/2009/08/addedtoenc2-300x173.png" alt="addedtoenc2" width="300" height="173" /></p>
<p>Here are more examples of how the media viewer can be used in other applications. For this tele-oral case, you can add a summary below the image.</p>
<p><img class="aligncenter size-medium wp-image-197" src="http://mocamobile.org/blog/wp-content/uploads/2009/08/summary2-300x224.png" alt="summary2" width="300" height="224" />Or pop out the summary to move it around and allow you to zoom in on the image closer.</p>
<p><img class="aligncenter size-medium wp-image-196" src="http://mocamobile.org/blog/wp-content/uploads/2009/08/summary1-300x224.png" alt="summary1" width="300" height="224" />For teleradiology cases, many patients will have multiple x-ray views taken to help the doctor with the diagnosis. These can all be viewed together easily in the workflow. The 4 x-rays for this patient are displayed in preview thumbnails along the bottom.</p>
<p><img class="aligncenter size-medium wp-image-198" src="http://mocamobile.org/blog/wp-content/uploads/2009/08/xray-300x216.png" alt="xray" width="300" height="216" /></p>
<p>You can turn off the toolbar on the bottom for a bigger view of the image. (Use the options menu in the upper right corner).</p>
<p><img class="aligncenter size-medium wp-image-199" src="http://mocamobile.org/blog/wp-content/uploads/2009/08/xray2-300x216.png" alt="xray2" width="300" height="216" /></p>
<p>If you try to fix the image (brightness, contrast, sharpness, zoom) but don&#8217;t think the settings improve the image, you can always revert to the original image with this button on the toolbar.</p>
<p><img class="aligncenter size-medium wp-image-200" src="http://mocamobile.org/blog/wp-content/uploads/2009/08/xray3-300x157.png" alt="xray3" width="300" height="157" /></p>
<p>The original image is back!</p>
<p><img class="aligncenter size-medium wp-image-201" src="http://mocamobile.org/blog/wp-content/uploads/2009/08/xray4-300x216.png" alt="xray4" width="300" height="216" /></p>
<p>If the encounter contains an audio file, simply click on the audio thumbnail along the bottom toolbar and the file will begin playing. You can play/pause at any time, mute/unmute, change the volume, and skip track position. The audio player also displays the current time out of the total time length of the file, which provides the doctor with a cue point in annotating the file.</p>
<p><img class="aligncenter size-medium wp-image-202" src="http://mocamobile.org/blog/wp-content/uploads/2009/08/audio-300x225.png" alt="audio" width="300" height="225" /></p>
<p>Here is an example of video playing in the media viewer. This is a video taken by the G1 phone in the MIT media lab. It was converted to FLV format using the Adobe Media Encoder. You can play/pause, mute/unmute, change the volume, skip to any position in the video, and change to full screen mode. <img class="aligncenter size-medium wp-image-203" src="http://mocamobile.org/blog/wp-content/uploads/2009/08/mobilevideo-300x216.png" alt="mobilevideo" width="300" height="216" /></p>
<p>Example of ultrasound video being played in the media viewer.</p>
<p><img class="aligncenter size-medium wp-image-204" src="http://mocamobile.org/blog/wp-content/uploads/2009/08/ultrasound-300x216.png" alt="ultrasound" width="300" height="216" /></p>
<p>Video full screen mode!</p>
<p><img class="aligncenter size-medium wp-image-205" src="http://mocamobile.org/blog/wp-content/uploads/2009/08/ultrafullscreen-300x225.png" alt="ultrafullscreen" width="300" height="225" /></p>
<p>That&#8217;s it! Next features to come: drop down boxes for diagnosis/intepretation fields (for data mining purposes), upload a file to the encounter viewer, and download all files.</p>
]]></content:encoded>
			<wfw:commentRss>http://mocamobile.org/blog/?feed=rss2&amp;p=182</wfw:commentRss>
		</item>
		<item>
		<title>GSOC Media Viewer: Embedding an Audio and Video Player</title>
		<link>http://mocamobile.org/blog/?p=172</link>
		<comments>http://mocamobile.org/blog/?p=172#comments</comments>
		<pubDate>Tue, 25 Aug 2009 23:36:30 +0000</pubDate>
		<dc:creator>katherine</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<category><![CDATA[GSOC Media Viewer]]></category>

		<category><![CDATA[OpenMRS]]></category>

		<guid isPermaLink="false">http://mocamobile.org/blog/?p=172</guid>
		<description><![CDATA[Unfortunately, I realized that Flex only supports MP3 audio formats, as well as FLV and H.264 encoded videos. This would be an obstacle, since we wanted the media viewer to be able to support all types of audio and video. (Then doctors would be able to upload medical files freely without worrying about compatibility). In [...]]]></description>
			<content:encoded><![CDATA[<p>Unfortunately, I realized that Flex only supports MP3 audio formats, as well as FLV and H.264 encoded videos. This would be an obstacle, since we wanted the media viewer to be able to support all types of audio and video. (Then doctors would be able to upload medical files freely without worrying about compatibility). In addition, the project was designed with the desire to upload video from mobile phones into OpenMRS.</p>
<p>Specs for what Flex supports:</p>
<p style="text-align: center;"><img class="size-medium wp-image-173 aligncenter" src="http://mocamobile.org/blog/wp-content/uploads/2009/08/flashsupport-300x164.png" alt="flashsupport" width="300" height="164" /></p>
<p style="text-align: left;">I captured some sample videos on the Android G1 phone to see if it could be embedded in my Flash application, but the video didn&#8217;t play properly. It turns out the problem was because the video was in .3gp format and using H.263 encoding. You can find encoding information using Ctl + I when viewing the video in Quicktime (there are no menu options for this).</p>
<p style="text-align: left;"><img class="aligncenter size-medium wp-image-177" src="http://mocamobile.org/blog/wp-content/uploads/2009/08/cellphone-272x300.png" alt="cellphone" width="272" height="300" /></p>
<p style="text-align: left;">I double-checked the Android documentation and found this page to confirm that audio and video files created by the Android G1 phone are NOT in MP3 or H.264 format. (Source: http://developer.android.com/guide/topics/media/index.html)</p>
<p style="text-align: left;"><img class="aligncenter size-medium wp-image-174" src="http://mocamobile.org/blog/wp-content/uploads/2009/08/android1-300x216.png" alt="android1" width="300" height="216" /><img class="aligncenter size-medium wp-image-176" src="http://mocamobile.org/blog/wp-content/uploads/2009/08/android21-300x216.png" alt="android21" width="300" height="216" /></p>
<p style="text-align: left;">After discussing this format support problem in Flex with other computer science students at MIT, I came up with two design options: 1) Find an open source video player that supported crucial formats (i.e. AVI, MP4) and embed that using HTML/Javascript in my Flash application, or 2) Convert all files uploaded to OpenMRS into MP3 and FLV format to be played by the Flash media viewer. I tried looking for a media player written in Flex so that it could be easily integrated with my application. I found various players, but the FlowPlayer (http://flowplayer.org/demos/installation/index.html) looked the most promising. However, after testing it with my sample MP4 files, sometimes the audio would play without the video portion. I also had difficulty importing the player into FlexBuilder because it required Adobe CS4 Professional.</p>
<p style="text-align: left;">After much more research and experimenting, I decided to go with the second option of requiring the format to be MP3 or FLV. This was a better idea because raw video files can take over a hundred MB and would provide variable output quality/size. Meanwhile, storing the videos in FLV format would only take up 10-15MB of space and would stream much faster when the doctor loaded the page. (Youtube.com also converts all uploaded videos into FLV format for streaming).</p>
<p style="text-align: left;">Hence, I looked into ready-made programs that would perform video transcoding for me. There are a lot of options on the Internet but many charged money for the solution or had a GUI interface (so integrating it to run automatically would be difficult). A command-line option that looked most promising was FFMPEG (http://ffmpeg.org/). FFMPEG is an open source cross platform solution to streaming and converting both audio and video. It worked on converting many of my MP4 test files into proper FLV files, but it didn&#8217;t support conversion of 3gp files form the phone. If you&#8217;re interested in using this tool for your project, this tutorial is very easy to follow and understand.</p>
<blockquote>
<p style="text-align: left;">FLV Converter - A Layman&#8217;s Guide to Flash Video Conversion</p>
<p style="text-align: left;"><a href="http://worldtv.com/blog/guides_tutorials/flv_converter.php">http://worldtv.com/blog/guides_tutorials/flv_converter.php</a></p>
</blockquote>
<p style="text-align: left;">Then I looked into Adobe solutions and found the Adobe Media Encoder. As I mentioned above, Adobe CS4 Professional requires a license, but I decided to just use the trial version since it includes the Adobe Media Encoder. It worked very well and converted all my files to  FLV format, including my 3gp test file. There&#8217;s also a command-line interface for the media encoder (http://help.adobe.com/en_US/FlashMedia-Encoder/2/help.html?content=get_started_11.html), so it can be integrated with the Moca module on OpenMRS. However, the only problem left is that we would need a license for the software. I decided to assume that transcoding would be an issue that we would deal with later, at the very least, the user could convert the file using a free converter from the Internet. I moved onto spend time on developing the audio and video player for my media viewer.</p>
<p style="text-align: left;"><img class="aligncenter size-medium wp-image-178" src="http://mocamobile.org/blog/wp-content/uploads/2009/08/mediaencoder-300x219.png" alt="mediaencoder" width="300" height="219" /></p>
<p style="text-align: left;"><img class="aligncenter size-medium wp-image-179" src="http://mocamobile.org/blog/wp-content/uploads/2009/08/mediaplayer-300x220.png" alt="mediaplayer" width="300" height="220" /></p>
<p style="text-align: left;">Flex doesn&#8217;t have any pre-built media players for easy integration into projects, so I had to browse online for ones made by other developers. After much searching, I didn&#8217;t find any players that suited the needs of the OpenMRS media viewer. For example, the audio players were too simple (just play and mute buttons), too complex (with filters and audio synthesis tools), or didn&#8217;t have open source licenses. As for video players, I found ones like Flow Player (described above), but then realized that there is an FLVPlayback component in CS4. I imported the SWC from CS4 into FlexBuilder and used this pre-made component for my media viewer.</p>
<blockquote><p>Using the Flash FLVPlayback control in Flex</p></blockquote>
<blockquote><p><a href="http://blog.flexexamples.com/2008/12/11/using-the-flash-flvplayback-control-in-flex/">http://blog.flexexamples.com/2008/12/11/using-the-flash-flvplayback-control-in-flex/</a></p></blockquote>
<blockquote><p>Building Web Video Players</p></blockquote>
<blockquote><p><a href="http://www.adobe.com/devnet/video/customization.html">http://www.adobe.com/devnet/video/customization.html</a></p></blockquote>
<blockquote><p>FLVPlayback Directly in Flex</p></blockquote>
<blockquote><p><a href="http://yourpalmark.com/2008/04/30/flvplayback-directly-in-flex/">http://yourpalmark.com/2008/04/30/flvplayback-directly-in-flex/</a></p></blockquote>
<p style="text-align: left;">I modified the version from this tutorial to a different skin with more control options, docked the control bar below the video (no fading), made audio/video play simultaneously, and changed my Flex application HTML file to enable full screen mode. Pictures of the finished FLV player will be in an upcoming post.</p>
<p style="text-align: left;">Since the FLV Playback component didn&#8217;t play MP3 files, I had to come up with an audio player that somewhat visually matched the video player. There were many tutorials on how to use the Sound and SoundChannel classes in Flex, so I decided to create my own audio player.</p>
<p style="text-align: left;">Creating an audio player turned out to be a challenging task even though there were pre-built Sound classes.  Some difficult parts were figuring out to update the time and slider as the audio played, allowing the user to skip to a different position in the track, switching the play icon to a pause icon (as well as mute/unmute icons), linking the volume control slider with volume changes in the sound channe.</p>
<blockquote>
<p style="text-align: left;">Foundation Actionscript 3.0 with Flash CS3 and Flex</p>
<p style="text-align: left;"><!--[if gte mso 9]&gt;     &lt;![endif]--><!--[if gte mso 9]&gt;  Normal 0     false false false  EN-US X-NONE X-NONE                           &lt;![endif]--><!--[if gte mso 9]&gt;                                                                                                                                            &lt;![endif]--></p>
<p class="MsoNormal"><a href="http://books.google.com/books?id=B4aB0hJsNMoC&amp;pg=RA1-PA319&amp;lpg=RA1-PA319&amp;dq=track+sound+position+flex&amp;source=bl&amp;ots=t-W4JrGLqK&amp;sig=ikrulCJ6pcQ0LoE3RU6w1Bu9o2c&amp;hl=en&amp;ei=dCCSSsnwFpSnlAe29pmiDA&amp;sa=X&amp;oi=book_result&amp;ct=result&amp;resnum=1#v=onepage&amp;q=&amp;f=false">http://books.google.com/books?id=B4aB0hJsNMoC&amp;pg=RA1-PA319&amp;lpg=RA1-PA319&amp;dq=track+sound+position+flex&amp;source=bl&amp;ots=t-W4JrGLqK&amp;sig=ikrulCJ6pcQ0LoE3RU6w1Bu9o2c&amp;hl=en&amp;ei=dCCSSsnwFpSnlAe29pmiDA&amp;sa=X&amp;oi=book_result&amp;ct=result&amp;resnum=1#v=onepage&amp;q=&amp;f=false</a></p>
<p class="MsoNormal">Working with Sound</p>
<p class="MsoNormal"><a href="http://livedocs.adobe.com/flex/3/html/help.html?content=Working_with_Sound_12.html">http://livedocs.adobe.com/flex/3/html/help.html?content=Working_with_Sound_12.html </a></p>
<p class="MsoNormal">Loading External .mp3 File and Retrieving ID3 Information</p>
<p class="MsoNormal"><a href="http://manewc.com/2008/02/07/as-3-loading-external-mp3-file-and-retrieving-id3-information/">http://manewc.com/2008/02/07/as-3-loading-external-mp3-file-and-retrieving-id3-information/</a></p>
<p class="MsoNormal">Create a Simple and Attractive MP3 Player</p>
<p class="MsoNormal"><a href="http://flash.tutsplus.com/tutorials/actionscript/create-a-simple-and-attractive-mp3-player/">http://flash.tutsplus.com/tutorials/actionscript/create-a-simple-and-attractive-mp3-player/</a></p>
</blockquote>
<p class="MsoNormal">Coming up with the button skins and look-and-feel of the audio player took some time. Here are some design iterations:</p>
<p class="MsoNormal"><img class="aligncenter size-medium wp-image-183" src="http://mocamobile.org/blog/wp-content/uploads/2009/08/audiodesigns-300x157.png" alt="audiodesigns" width="300" height="157" /></p>
<blockquote>
<p class="MsoNormal">
</blockquote>
<p style="text-align: left;">
<p style="text-align: left;">
]]></content:encoded>
			<wfw:commentRss>http://mocamobile.org/blog/?feed=rss2&amp;p=172</wfw:commentRss>
		</item>
		<item>
		<title>GSOC Media Viewer: Moca Panel of Patient Symptoms and Doctor Diagnosis</title>
		<link>http://mocamobile.org/blog/?p=163</link>
		<comments>http://mocamobile.org/blog/?p=163#comments</comments>
		<pubDate>Tue, 25 Aug 2009 21:49:23 +0000</pubDate>
		<dc:creator>katherine</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<category><![CDATA[GSOC Media Viewer]]></category>

		<category><![CDATA[OpenMRS]]></category>

		<guid isPermaLink="false">http://mocamobile.org/blog/?p=163</guid>
		<description><![CDATA[The goal is to embed the OpenMRS media viewer for encounters into the Moca module. Hence, when healthcare workers upload patient symptoms, images, audio, and video, the doctor can login to OpenMRS and view all this information within one screen for a smooth workflow.
Moca consists of a queue of pending cases from healthcare workers, and [...]]]></description>
			<content:encoded><![CDATA[<p>The goal is to embed the OpenMRS media viewer for encounters into the Moca module. Hence, when healthcare workers upload patient symptoms, images, audio, and video, the doctor can login to OpenMRS and view all this information within one screen for a smooth workflow.</p>
<p>Moca consists of a queue of pending cases from healthcare workers, and when the doctor clicks on one item, he/she will be brought to a page that contains a panel of patient symptoms and diagnosis options (on the left side) and the Flash media viewer (on the right side).</p>
<p>To make this panel for Moca in OpenMRS, I used HTML, CSS, and JSP. It displays the patient name and links to his/her patient dashboard in case the doctor wants to look up information on past patient visits. Then it lists question/answer response pairs according to the procedure defined by the doctor and downloaded to the G1 Android phone. These questions include &#8220;What is the size of the lesion?&#8221; or &#8220;Does anyone else in the family have this condition?&#8221; Although it would be easier to display the entire list on the screen at one time, I decided to use a scrolling box for scability because some of the procedures can get very long.</p>
<p>For the section where the doctor can write a diagnosis, I originally had it set up as the following (see below). This panel was designed using feedback from the doctors in the Batanes (in the Philippines). The radiologist said that he only provided findings/interpretation and other comments for an x-ray. He didn&#8217;t assign a diagnosis or treatment (that was the clinician&#8217;s role). However, for the teledermatology cases in Africa with Click Diagnostics, the specialists would provide a diagnosis and treatment. Because each pilot would involve different specialists with different medical applications, with the help of my team, I decided to instead make this panel customizable for each workgroup or pilot. Hence, radiologists in Manila would require 2 fields (findings/intepretation and other notes), while doctors in Africa for dermatology and opthamology would use 3 fields (diagnosis, treatment, and other notes).  I&#8217;m working on this custom interface, and will write about this soon.</p>
<p style="text-align: center;"><img class="size-medium wp-image-164 aligncenter" src="http://mocamobile.org/blog/wp-content/uploads/2009/08/mocapanel-220x300.png" alt="mocapanel" width="220" height="300" /></p>
<p>The other parts of this interface came from my usability tests on doctors in the Philippines. For example, they wanted to see the name of the doctor writing the diagnosis to ensure proper identification of who made the diagnosis. Other options they wanted were to send a reply to the healthcare worker asking for a retake of the image and the ability to leave the case pending or to refer it to another specialist.</p>
<p>Taking all of these workflow requirements into account, I came up with an updated version of the Moca panel. I utilized tutorials on HTML forms and JSP servlets to learn how to post data from the HTML text fields to the OpenMRS server. This data is stored as a new Observation within the current Encounter for this particular patient in OpenMRS.</p>
<blockquote><p>JSP Tutorial</p>
<p><a href="http://www.jsptut.com/Forms.jsp">http://www.jsptut.com/Forms.jsp</a></p>
<p>Invoking Servlets and JSP files within HTML forms</p>
<p><a href="http://publib.boulder.ibm.com/infocenter/wasinfo/v4r0/index.jsp?topic=/com.ibm.websphere.v35.doc/wass_content/040204040102.html">http://publib.boulder.ibm.com/infocenter/wasinfo/v4r0/index.jsp?topic=/com.ibm.websphere.v35.doc/wass_content/040204040102.html</a></p>
<p>Handling Form Data</p>
<p><a href="http://www.apl.jhu.edu/~hall/java/Servlet-Tutorial/Servlet-Tutorial-Form-Data.html">http://www.apl.jhu.edu/~hall/java/Servlet-Tutorial/Servlet-Tutorial-Form-Data.html</a></p></blockquote>
<p style="text-align: center;"><img class="size-medium wp-image-165 aligncenter" src="http://mocamobile.org/blog/wp-content/uploads/2009/08/finalpanel-189x300.png" alt="finalpanel" width="189" height="300" /></p>
<p>More details on how this panel integrates with the media viewer will come in my next post.</p>
]]></content:encoded>
			<wfw:commentRss>http://mocamobile.org/blog/?feed=rss2&amp;p=163</wfw:commentRss>
		</item>
		<item>
		<title>Moca Trip Recap of 6 Weeks in the Philippines</title>
		<link>http://mocamobile.org/blog/?p=135</link>
		<comments>http://mocamobile.org/blog/?p=135#comments</comments>
		<pubDate>Mon, 17 Aug 2009 04:37:21 +0000</pubDate>
		<dc:creator>katherine</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<category><![CDATA[GSOC Media Viewer]]></category>

		<category><![CDATA[MIT Public Service Center]]></category>

		<category><![CDATA[OpenMRS]]></category>

		<category><![CDATA[Philippines]]></category>

		<category><![CDATA[UP Manila National Telehealth Center]]></category>

		<guid isPermaLink="false">http://mocamobile.org/blog/?p=135</guid>
		<description><![CDATA[Here is my update on my trip to the Philippines with Ted Chan, 2009 MIT Sloan graduate and business sustainability lead on Moca.
We had a very productive 6 weeks there including software testing of Moca, usability testing, training local developers, recruiting new students to work on the project, and understanding the existing workflow at different [...]]]></description>
			<content:encoded><![CDATA[<p>Here is my update on my trip to the Philippines with Ted Chan, 2009 MIT Sloan graduate and business sustainability lead on Moca.</p>
<p>We had a very productive 6 weeks there including software testing of Moca, usability testing, training local developers, recruiting new students to work on the project, and understanding the existing workflow at different levels of the healthcare system in the Philippines. We shared Moca through presentations with many groups such as University of Philippines Dean of the College of Medicine, PhilHealth Insurance Corporation President and CEO, Former President of Globe Telecommunications, Director of Strategy at Ayala, MIT Alumni Club of the Philippines, SMART telecommunications company business strategy team, Department of Science and Technology Joint Telemedicine Project Team, RTI, Tarlac State University, as well as countless doctors, nurses, and staff along the way.</p>
<p>Ted focused on developing a business plan for a venture-backed corporation to devlier and scale eHealth services in the country, while I focused on working with PhilHealth to push for reimbursement of telehealth services for all members (about 80% of the population).</p>
<p>Below is the summary of my experience in the Philippines that I wrote for the MIT Public Service Center.</p>
<p><a href="http://web.mit.edu/kkuan87/Public/katherinekuan_report.pdf">http://web.mit.edu/kkuan87/Public/katherinekuan_report.pdf</a></p>
<p>Table of Contents:</p>
<ol>
<li>Introduction</li>
<li>Project Summary</li>
<li>Community Impact</li>
<li>Personal Impact</li>
<li>Donor Recognition</li>
<li>Appendix<br />
Analysis of Philippine Healthcare System<br />
Summary of eHealth Services of the National Telehealth Center<br />
Matrix of eHealth and PhilHealth initiatives<br />
Policy Proposal for PhilHealth<br />
Sample Referral Forms for Workflow<br />
Usability Testing of Moca<br />
Usability Testing of OpenMRS Media Viewer<br />
Technical Support Manual for Moca<br />
Summary of Workflow in Batanes</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://mocamobile.org/blog/?feed=rss2&amp;p=135</wfw:commentRss>
		</item>
		<item>
		<title>GSOC Media Viewer: Image Manipulation Sliders</title>
		<link>http://mocamobile.org/blog/?p=137</link>
		<comments>http://mocamobile.org/blog/?p=137#comments</comments>
		<pubDate>Mon, 17 Aug 2009 04:01:12 +0000</pubDate>
		<dc:creator>katherine</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<category><![CDATA[GSOC Media Viewer]]></category>

		<category><![CDATA[OpenMRS]]></category>

		<guid isPermaLink="false">http://mocamobile.org/blog/?p=137</guid>
		<description><![CDATA[I just finished integrating image manipulation sliders into the media viewer so that you can change brightness, contrast, and sharpness of the image. Also zooming and panning works nicely too.
This is a brief summary of the issues I ran into in developing this feature and what references I consulted to solve them.
In order for the [...]]]></description>
			<content:encoded><![CDATA[<p>I just finished integrating image manipulation sliders into the media viewer so that you can change brightness, contrast, and sharpness of the image. Also zooming and panning works nicely too.</p>
<p>This is a brief summary of the issues I ran into in developing this feature and what references I consulted to solve them.</p>
<p>In order for the image to be displayed and manipulated in the Flash application, it had to be retrieved from OpenMRS. I created an Encounter Servlet that would HTTP get the images from OpenMRS for a given unique encounter ID. The media viewer module page in OpenMRS loads the viewer by sending the Flash SWF file the ID number of the encounter it wants to be displayed. Then Flash does HTTP GET to the Encounter servlet to retrieve all images, creates internal classes to hold the images and then displays them. In order to load an image from a URL, I used the solution posted here.</p>
<blockquote><p>Three Ways to Load an Image in Flex</p>
<p><a href="http://ntt.cc/2008/03/09/tips-three-ways-to-load-an-image-file-in-flex.html" target="_blank">http://ntt.cc/2008/03/09/tips-three-ways-to-load-an-image-file-in-flex.html </a></p></blockquote>
<p>When I mentioned that I created internal classes, I essentially created an encounter class in Actionscript with generic file classes. A generic file class would hold metadata and the actual image/audio/video object. In order to build instances of these classes with the correct information, the Encounter Servlet on OpenMRS would send XML summarizing the encounter information and the obs ID numbers of the images/audio/video files in OpenMRS. I had trouble with XML parsing and being able to retrieve the fields, but solved it using the example provided here. The key part was realizing that you could access data in a tag heading using the @ symbol: e = new Encounter(xmlStr.@patientFirst,xmlStr.@patientLast,xmlStr.@patientID);</p>
<blockquote><p>Adobe Flex Documentation on XML Class</p>
<p><a href="http://livedocs.adobe.com/flex/2/langref/XML.html">http://livedocs.adobe.com/flex/2/langref/XML.html</a></p></blockquote>
<p>I researched many sites to find a good image processing library for image manipulation in this viewer. There were some with licensing issues, but in general there were good options with just using the built-in libraries. Hence, I decided to go with these libraries, but if we find that the resolution isn&#8217;t good enough for medical diagnosis, replacing the zoom, brightness, contrast, and sharpness methods with another library would be pretty straightforward since the code is modular.</p>
<p>Here are the resources that I used to develop the OpenMRS media viewer.</p>
<blockquote><p>Flex Interface Guide (FIG): The Pan | Zoom Component from the Adobe Developer Connection</p>
<p><a href="http://www.adobe.com/devnet/flex/samples/fig_panzoom/">http://www.adobe.com/devnet/flex/samples/fig_panzoom/</a></p>
<p>Image Manipulation in Flex by Andrew Alderson</p>
<p><a href="http://www.insideria.com/2008/03/image-manipulation-in-flex.html">http://www.insideria.com/2008/03/image-manipulation-in-flex.html</a></p>
<p>BitmapUtil for Changing Image Contrast and Brightness in Actionscript by Stan Reshetnyk</p>
<p><a href="http://flashcrafter.org.ua/content/bitmaputil-changing-image-contrast-brightness-actionscript">http://flashcrafter.org.ua/content/bitmaputil-changing-image-contrast-brightness-actionscript</a></p></blockquote>
<p>Okay! Below are the screenshots of the media viewer Flash application, which is embedded in the OpenMRS media viewer module.</p>
<p style="text-align: left;">What you see when the application launches. You can see the toolbar at the bottom with sliders where you can zoom, change sharpness, change contrast, and change brightness of the image. You can also zoom or pan by using the mouse directly over the image like in Google Maps (use the mouse scroll button to zoom in/out).</p>
<p><img class="size-medium wp-image-138 aligncenter" src="http://mocamobile.org/blog/wp-content/uploads/2009/08/img-processing-01-300x216.png" alt="img-processing-01" width="300" height="216" /></p>
<p>You can also use the options menu to hide the bottom toolbar to allow more screen space for the image. Even without the toolbar you can still zoom/pan with the mouse.</p>
<p style="text-align: center;"><img class="size-medium wp-image-139 aligncenter" src="http://mocamobile.org/blog/wp-content/uploads/2009/08/img-processing-02-300x216.png" alt="img-processing-02" width="300" height="216" /></p>
<p>Zooming way in to the upper part of the chest.</p>
<p style="text-align: center;"><img class="size-medium wp-image-140 aligncenter" src="http://mocamobile.org/blog/wp-content/uploads/2009/08/img-processing-03-300x217.png" alt="img-processing-03" width="300" height="217" /></p>
<p>This is an example of teledermatology and how you can play with the contrast slider. Original picture:</p>
<p style="text-align: center;"><img class="size-medium wp-image-141 aligncenter" src="http://mocamobile.org/blog/wp-content/uploads/2009/08/img-processing-04-300x217.png" alt="img-processing-04" width="300" height="217" /></p>
<p>After changing the contrast:</p>
<p style="text-align: center;"><img class="size-medium wp-image-142 aligncenter" src="http://mocamobile.org/blog/wp-content/uploads/2009/08/img-processing-05-300x217.png" alt="img-processing-05" width="300" height="217" /></p>
<p style="text-align: left;">Example of teleradiology and you can manipulate brightness. Original picture:</p>
<p style="text-align: center;"><img class="size-medium wp-image-143 aligncenter" src="http://mocamobile.org/blog/wp-content/uploads/2009/08/img-processing-06-300x217.png" alt="img-processing-06" width="300" height="217" /></p>
<p>Making it darker. The original of this particular image was already pretty good, but if it was too bright, this would be useful!</p>
<p style="text-align: center;"><img class="size-medium wp-image-144 aligncenter" src="http://mocamobile.org/blog/wp-content/uploads/2009/08/img-processing-07-300x218.png" alt="img-processing-07" width="300" height="218" /></p>
<p>Making it brighter.</p>
<p style="text-align: center;"><img class="size-medium wp-image-145 aligncenter" src="http://mocamobile.org/blog/wp-content/uploads/2009/08/img-processing-08-300x217.png" alt="img-processing-08" width="300" height="217" /></p>
<p>Example of opthamology and manipulating sharpness level. Original picture: (From http://www.mymedicalcareer.com.au/specialties/ophthalmology/)</p>
<p style="text-align: center;"><img class="size-medium wp-image-146 aligncenter" src="http://mocamobile.org/blog/wp-content/uploads/2009/08/img-processing-09-300x218.png" alt="img-processing-09" width="300" height="218" /></p>
<p>After picture. Looks sharp right?! <img src='http://mocamobile.org/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p style="text-align: center;"><img class="size-medium wp-image-147 aligncenter" src="http://mocamobile.org/blog/wp-content/uploads/2009/08/img-processing-10-300x216.png" alt="img-processing-10" width="300" height="216" /></p>
<p style="text-align: left;">Coming up: Proper thumbnail downscaling for the preview strip in the bottom toolbar, Moca panel on the left for patient symptoms to go along with the image</p>
]]></content:encoded>
			<wfw:commentRss>http://mocamobile.org/blog/?feed=rss2&amp;p=137</wfw:commentRss>
		</item>
		<item>
		<title>GSOC Media Viewer: Usability Testing in the Philippines</title>
		<link>http://mocamobile.org/blog/?p=128</link>
		<comments>http://mocamobile.org/blog/?p=128#comments</comments>
		<pubDate>Wed, 05 Aug 2009 19:55:36 +0000</pubDate>
		<dc:creator>katherine</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<category><![CDATA[GSOC Media Viewer]]></category>

		<category><![CDATA[OpenMRS]]></category>

		<guid isPermaLink="false">http://mocamobile.org/blog/?p=128</guid>
		<description><![CDATA[Sorry, this is an overdue update! I left for a six-week trip to the Philippines to help deploy Moca in the Batanes province on a teleradiology project. It was the MOST amazing experience of my life. I learned so much by speaking to doctors, nurses, midwives, healthcare workers, and other locals on the ground. I [...]]]></description>
			<content:encoded><![CDATA[<p>Sorry, this is an overdue update! I left for a six-week trip to the Philippines to help deploy Moca in the Batanes province on a teleradiology project. It was the MOST amazing experience of my life. I learned so much by speaking to doctors, nurses, midwives, healthcare workers, and other locals on the ground. I was shocked and frustrated by the obstacles in the healthcare system that left millions without health insurance coverage and many more without proper access to quality care.</p>
<p>I will blog more about the trip in the coming posts, but I wanted to write about the extremely valuable input I received on the OpenMRS image viewer from the doctors and health professionals who I worked with. Below is a summary of the feedback I received when doing usability tests on them. I tried to gather research on the specific workflow that the media viewer would be used in so that I could tailor the system to integrate well with that workflow.</p>
<p><!--[if gte mso 9]&gt;  Normal 0     false false false  EN-US X-NONE X-NONE                           &lt;![endif]--><!--[if gte mso 9]&gt;                                                                                                                                            &lt;![endif]--></p>
<p>Radiologist</p>
<p>Usability test done on radiology oncologist (for radiation therapy for cancer patients) at Philippine General Hospital (PGH). He is a consultant with the radiology department at PGH and teaches residents. He voluntarily answers all teleradiology referrals for the National Telehealth Center by email.</p>
<p>Existing Workflow</p>
<p>•    Uses Mac image viewer called “Preview”<br />
•    Uses Preview to modify darkness/brightness, white balance<br />
•    “Eventually we want it like this (the OpenMRS image viewer). What we do now is difficult because I open the email, read it, etc..”<br />
•    Receive only a few films by email, 10 per week<br />
•    Willing to read up to 100 plates per day<br />
•    Problems w/ x-rays (patient is breathing), radiology technician not properly trained<br />
•    Send notification to cell phone to check the web<br />
•    Will check email when get home, 1x per day, sometimes 2x<br />
•    Each takes on average 1 minute to diagnose, chest x-ray 2 mins, max 5 mins<br />
•    Slow internet at hospital<br />
•    Doing telehealth referrals for pro bono now<br />
•    1 patient per email so don’t mix up names with images<br />
•    Takes 1 min to download the image, 2-3 minutes to diagnose</p>
<p>Take proper chest x-ray image (to retrain radiology technician)</p>
<p>•    Angulated by 15 degrees<br />
•    See apex<br />
•    Top part of chest should take up 50% of the x-ray<br />
•    Female patient should remove bra</p>
<p>Features Needed</p>
<p>•    Zoom magnification<br />
•    Vary contrast and brightness<br />
•    Just save original image (not modified version)<br />
•    Panel of information: symptoms, clinical diagnosis, clinical history<br />
•    View past x-rays (2 side by side, previous and latest)<br />
•    Access to older films (zoom and brightness capabilities on those images too)<br />
•    Radiologists need box for “findings/interpretation” and for “notes”<br />
•    Clinicians should be able to write diagnosis, treatment, notes (some fields can be blank)<br />
•    No drop down box for diagnosis, no fixed reading (except for “normal chest”)<br />
•    No cancel button needed, will read it then<br />
•    If not sure of diagnosis, will leave it blank or refer to someone else  put case on “hold”, assign it to another doctor, allow both doctors to be on the case<br />
•    Output an official report, type report next to image, then go directly to an editable version of the official report (auto populate the official report and then make it editable, preview + edit report)<br />
•    Don’t need to annotate image, maybe a circle/arrow/pointer if clinician wants to see lesion (dermatology cases may require annotations)<br />
•    List of on-call doctors, typically on-call all day from 7am-11pm, diff person per day, a doctor is on-call 2-3 times per week<br />
•    Could charge 30-50 pesos per x-ray plate reading<br />
•    If bad image, disappear from queue until need it again, don’t need the bad pics<br />
•    Personal digital signature</p>
<p>Nurse</p>
<p>Difficulties</p>
<p>•    Double click to annotate</p>
<p>Workflow</p>
<p>•    Clinician needs to incorporate the radiologist reading with other data from patient (ECGs, other labs)<br />
•    Once sure about interpretation, don’t need to go back and save, only compare, won’t return to edit it<br />
•    Clinician  rad tech  radiologist  clinician<br />
•    Time diagnosis 48 hrs<br />
•    Use Windows default image viewer</p>
<p>Features Needed</p>
<p>•    Make the image DICOM compliant (Open binary file, first part is text (key value pairs in header), parse into fields, latter part is image<br />
•    Embed in file the doctor who interpreted the data<br />
•    Click on annotation to edit again<br />
•    Zoom (enlarge it so one lung is screen width, 3-5 MP)<br />
•    Don’t need to rotate it<br />
•    Label it as “user” or “patient”<br />
•    Add doctor’s name as the one interpreting the data<br />
•    Annotation box can be fixed to a corner of the screen<br />
•    Don’t need other info from medical record of patient besides the summary<br />
•    Compare with previous x-ray films, click to see previous plates, side by side comparison<br />
•    If not sure, need to refer to another doctor (residents may be unsure about diagnosis)<br />
•    Clinician needs diagnosis, treatment, other notes box<br />
•    Clinician may not need to annotate image<br />
•    Can have another system for clinician, pull out radiology image for same visit of patient<br />
•    Change brightness, contrast, sometimes can see shadows<br />
•    Date is fine, don’t need timestamp<br />
•    Bad image quality -&gt; comment why bad image, want another view<br />
•    Retake shot (i.e. top of chest)<br />
•    Save original ones with new images<br />
•    Drag image around, zoom to click, scroll image like google maps</p>
<p>Doctors in Batanes</p>
<p>•    Need annotations for clinicians and radiologists<br />
•    Blank spot for clinical diagnosis<br />
•    Blank spot for radiologist (i.e. there were no densities, diaphragm is intact, heart is not enlarged)</p>
<p>Doctor in Manila</p>
<p>•    Spell checking for the boxes<br />
•    Findings, diagnosis boxes<br />
•    Make sure it’s embedded in the workflow (see surgery system by National Telehealth Center)<br />
•    Separate screen for diagnosis of patient, not in the image viewer</p>
<p class="MsoListParagraphCxSpLast" style="margin-left: 1in;"><span style="font-size: 10pt; line-height: 115%; font-family: &quot;Arial&quot;,&quot;sans-serif&quot;;"> </span></p>
]]></content:encoded>
			<wfw:commentRss>http://mocamobile.org/blog/?feed=rss2&amp;p=128</wfw:commentRss>
		</item>
		<item>
		<title>Moca in the Philippines Summer 2009</title>
		<link>http://mocamobile.org/blog/?p=154</link>
		<comments>http://mocamobile.org/blog/?p=154#comments</comments>
		<pubDate>Wed, 24 Jun 2009 04:32:59 +0000</pubDate>
		<dc:creator>katherine</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<category><![CDATA[GSOC Media Viewer]]></category>

		<category><![CDATA[MIT Public Service Center]]></category>

		<category><![CDATA[Moca]]></category>

		<category><![CDATA[OpenMRS]]></category>

		<category><![CDATA[Philippines]]></category>

		<category><![CDATA[UP Manila National Telehealth Center]]></category>

		<guid isPermaLink="false">http://mocamobile.org/blog/?p=154</guid>
		<description><![CDATA[I&#8217;m in the Philippines now to work on deploying Moca here locally. In partnership with the University of Philippines Manila, National Telehealth Center, Moca is sending 3 team members (myself, Ted Chan, and Leo Celi) this summer to help bring the technology to a real life clinical setting and also help create the infrastructure necessary [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;m in the Philippines now to work on deploying Moca here locally. In partnership with the University of Philippines Manila, National Telehealth Center, Moca is sending 3 team members (myself, Ted Chan, and Leo Celi) this summer to help bring the technology to a real life clinical setting and also help create the infrastructure necessary for sustainable telemedicine practices in the Philippines.</p>
<p>Sponsored by an MIT Public Service Center summer fellowship and Google Summer of Code with OpenMRS, I will be working on 3 main deliverables while in the Philippines:</p>
<p>- Test/Deploy Moca on the ground in the Philippines<br />
- Business Proposal on telemedicine services for PhilHealth Insurance Corporation and the Philippines Department of Health<br />
- Media viewer for images, audio, video in the OpenMRS electronic medical record system (see earlier blog posts)</p>
<p>It&#8217;s been quite an adventure and time just zooms by, so here goes my update!</p>
<p>PROMOTING LOCAL AWARENESS AND UTILIZATION OF OPENMRS</p>
<p>Soon after I arrived in Manila, I was able to pass on my knowledge of OpenMRS to the National Telehealth Center (NThC) team to help them to assess whether it would fit the needs of the Philippines healthcare system. Previously they weren&#8217;t familiar with the system at all, aside from what was mentioned in the Moca demo video. Hence, I delivered a powerpoint presentation to 3 doctors, 3 research assistants, and 1 nurse at the Telehealth Center about OpenMRS, its design architecture and data model, customization capabilities, and case studies of successful implementation sites. They received the information very well and are interested in learning more about how to create forms targeted for clinical health scenarios like dermatology and radiology. A possibility they are exploring is to deploy OpenMRS in the hospitals in the Philippines integrated with CHITS (a University-of-Philippines-designed electronic medical record system for midwives in local health clinics).</p>
<p>I spent the first two weeks or so working with Randy Fernandez, one of the research assistants, on installing OpenMRS onto the linux box in the center. Ultimately we were successful, so now the Telehealth Center has its own instance of OpenMRS! Yay! Hopefully Randy can now be the local expert who can help deploy OpenMRS in other sites in the country, or at least other research sites for now (like Ateneo University).</p>
<p>LEARN ABOUT LOCAL TELEHEALTH INITIATIVES</p>
<p>The Telehealth Center has many great initiatives going on. I will post a summary of them in my next blog entry, but I was able to learn about them through several key meetings during my first week in Manila. The first was at a joint meeting with University of Philippines Diliman (sister campus to UP Manila). It was an amazingly long meeting that took almost the whole workday but there was free lunch so it was all good! We discussed practically all the new telehealth projects in development by the programmers at NthC and UP Diliman: RxBox (suitcase-like box that contains ECG, tape measure, and other tools for basic biometric measurements and transmits it to a specialist via GPRS), nurse triage system (to receive/assign telemedicine referrals to specialists), optics projects, and knowledge base project. The team was enormous - about 26 people attended the meeting, but it still felt like we needed 15 more full-time developers! It takes quite an army to produce good software/hardware for telemedicine.</p>
<p>Another day, I attended the RTI meeting about CHITS (local electronic health record system for community health centers). It was another day-long event that involved people from the provincs of Tarlac interested in deploying CHIT in their province. I met Ramon Duremdes, a businessman from the SMART telco; Mike McKay from RTI who had traveled and worked with Baobab in Malawi as well as other projects in Africa; plus Joel Zapanta, the assistant to the governor of the Cavite province (I hope I got all their names/titles correct..). Alison Perez, the last man standing on CHITS (there used to be many programmers on CHITS but now there is only one left to support everything!), presented the in-depth technical details and demo of CHITS.</p>
<p>PROMOTING LOCAL AWARENESS OF MOCA</p>
<p>At the RTI meeting, I also presented Moca in a short talk to the attendees (about 20 people perhaps). I emphasized that our goal was to transmit medical data (images, video, audio) included information on the key strong points of Moca: seamless integration with OpenMRS the electronic medical record system, fully customizable procedures downloadable onto the phone, and connectivity even in remote areas with synchronization and packetization. I also covered use cases like cervical cancer screening, radiology, surgery follow-up, and prenatal ultrasound screening.</p>
<p>The other day, I went with Xands Bernal (Telehealth nurse) and Raymond Sarmiento (Telehealth doctor) to visit the radiology department in PGH (Philippines General Hopsital). We met with the radiologist Dr. Edilberto Joaquin Fragante, who has already been reading x-ray plates through telerefferal emails from Batanes (remote island without a radiologist, hundreds of km away). Basically instead of mailing the paper x-rays to Manila and waiting for a diagnosis by mail (which takes 2+ weeks), we can use teleradiology so that the radiology technician in Batanes can just take a snapshot of the paper xray and send it as an attached image of an email to the telehealth center to route to the radiologist. With Moca, we envision</p>
<p>RESEARCH FOR BUSINESS PROPOSAL FOR PHILHEALTH</p>
<p>To prep for my meeting my Ms. Gitch Diaz, Head of the Corporate Planning Department at PhilHealth, I did an extensive literature review of telemedicine practices in other countries. I must have read 40 or so articles. By referencing documents written by Dr. Alex Gavino and consulting with Alison Perez and Dr. Alvin Marcelo from the National Telehealth Center team, I compiled a 1-page summary of eHealth services from the NThC and how PhilHealth could benefit from them.</p>
<p>University of Philippines National Telehealth Center</p>
<p>Obstacles to Quality Healthcare in the Philippines</p>
<p>• Shortage of trained medical professionals, recruiting/retaining qualified staff<br />
• Shortage of quality health facilities, urban areas have more and better facilities than rural areas<br />
• Limited transportation accessibility and infrastructure<br />
• High cost of medicine compared to other countries<br />
• Barriers of distance, isolation of rural health practitioners<br />
• Lack of data standards for health records<br />
• Lack of unique national ID system</p>
<p>ONeHEALTH is the flagship program of the University of Philippines’ National Telehealth Center developed to address such obstacles. ONeHEALTH stands for “One Network on eHEALTH.” With advanced new technologies comes much potential to deliver quality health services to remote areas of the country.</p>
<p>eRecords: electronic health records essential for quality management of patient and treatment information, for use at all levels of health system (existing services: CHITS, BuddyWorks, ISIS)</p>
<p>• Collect and integrate patient data from many remote sites, enable smooth patient transfers<br />
• Monitor patients over long period of time, especially for those with chronic diseases<br />
• Minimize information loss/error (i.e. from regional language differences in symptom/treatment terminology), improve data quality with guidelines/alerts if wrong data entered<br />
• Bridge communication gaps among levels of health system<br />
• Reduce costs with proper drug prediction, ensure uninterrupted supply of drugs<br />
• Enable disease surveillance and rapid response (i.e. for the H1N1 virus)<br />
• Auto-generate standard reports at any time<br />
• Track which PhilHealth benefits are utilized by members<br />
• Drive policy making process with systematic information and evidence</p>
<p>eLearning: a form of education and support for healthworkers - doctors, nurses, midwives and health volunteers - through interactive online content on community healthcare (existing services: videos for Stroke, Avian Influenza, Basic Management of Childhood Poisoning, TB)</p>
<p>• Provide opportunities for barangay healthcare workers (BHWs) to acquire and utilize new knowledge<br />
• Increase local capacity for proper patient care, decreased hospitalization time and faster recovery<br />
• Create collaborative social network of health facilities and universities<br />
• Empower healthcare workers through demonstrated improvements in competence, confidence, and morale<br />
• Promote discussion and sharing of ideas among staff on site</p>
<p>eMedicine: draw on expertise of medical specialists far away using telecommunications technology, telereferral services for general medicine, pediatrics, surgery, radiology, dermatology, ophthalmology, psychiatry (existing services: BuddyWork, SMS, MMS, email telemedicine)</p>
<p>• Provide critical clinical decision support for BHWs<br />
• Increase access to specialized care for rural citizens<br />
• Reduce need for patient transfers, decreased travel time and cost<br />
• Decrease cost to patients and hospitals with improved accuracy of diagnosis and quicker recovery time</p>
]]></content:encoded>
			<wfw:commentRss>http://mocamobile.org/blog/?feed=rss2&amp;p=154</wfw:commentRss>
		</item>
		<item>
		<title>Getting GPRS to Work in the Philippines</title>
		<link>http://mocamobile.org/blog/?p=120</link>
		<comments>http://mocamobile.org/blog/?p=120#comments</comments>
		<pubDate>Tue, 16 Jun 2009 07:32:38 +0000</pubDate>
		<dc:creator>katherine</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<category><![CDATA[Philippines]]></category>

		<guid isPermaLink="false">http://mocamobile.org/blog/?p=120</guid>
		<description><![CDATA[Randy from the University of Philippines National Telehealth Center developer team got the G1 Android phone to work on GPRS. So for anyone else out there trying to get it to work, here are the APN settings that worked for us.
APN Settings for Phone using Globe SIM Card:
Name: Globe Internet (doesn&#8217;t matter)
APN: internet.globe.com.ph
Proxy: 203.177.042.214
Port: 8080
(No [...]]]></description>
			<content:encoded><![CDATA[<p>Randy from the University of Philippines National Telehealth Center developer team got the G1 Android phone to work on GPRS. So for anyone else out there trying to get it to work, here are the APN settings that worked for us.</p>
<p>APN Settings for Phone using Globe SIM Card:<br />
Name: Globe Internet (doesn&#8217;t matter)<br />
APN: internet.globe.com.ph<br />
Proxy: 203.177.042.214<br />
Port: 8080<br />
(No values for other fields)</p>
<p>APN Settings for Phone using SMART SIM Card:<br />
APN: smart1<br />
Proxy: 10.102.61.46<br />
Port: 8080</p>
<p>APN Settings for Phone using SMART SIM Card:<br />
APN: internet<br />
Proxy: 10.102.61.46<br />
Port: 8080</p>
<p>APN Settings for Phone using Sun SIM card:</p>
<p>APN: wap<br />
Proxy: 202.138.159.78<br />
Port: 8080</p>
]]></content:encoded>
			<wfw:commentRss>http://mocamobile.org/blog/?feed=rss2&amp;p=120</wfw:commentRss>
		</item>
		<item>
		<title>GSOC Media Viewer: Integration with OpenMRS Part II</title>
		<link>http://mocamobile.org/blog/?p=109</link>
		<comments>http://mocamobile.org/blog/?p=109#comments</comments>
		<pubDate>Wed, 10 Jun 2009 23:36:02 +0000</pubDate>
		<dc:creator>katherine</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<category><![CDATA[GSOC Media Viewer]]></category>

		<category><![CDATA[OpenMRS]]></category>

		<guid isPermaLink="false">http://mocamobile.org/blog/?p=109</guid>
		<description><![CDATA[This week I continued to work on integrating the media viewer with OpenMRS through HTTP requests. The basic structure is for OpenMRS to pass an encounter ID (unique to each patient throughout the entire instance of OpenMRS running on a server) to Flex. Then Flex will do an HTTP get with that encounter ID to [...]]]></description>
			<content:encoded><![CDATA[<p>This week I continued to work on integrating the media viewer with OpenMRS through HTTP requests. The basic structure is for OpenMRS to pass an encounter ID (unique to each patient throughout the entire instance of OpenMRS running on a server) to Flex. Then Flex will do an HTTP get with that encounter ID to a Java encounter servlet. The servlet will write an XML document in response (see previous blog entry) that describes the patient&#8217;s name, ID, media files, and respective annotations/summaries. This works so far. Then Flex will build up an Actionscript encounter object with these media files. For each media file, it will do an HTTP get with that obs ID to a Java complex obs servlet. The servlet should send back the image/audio/media file. I&#8217;m working on this so far, and the problem is to figure out how to load the image file in Flex with URLLoader, Loader, or some other class.</p>
<p>I also worked on creating a VM image of the Moca server to bring to the Philippines. I downloaded VMware Workstation, installed Ubuntu 9.04 on top of it, and am currently in the process of installing OpenMRS. After this, I will have to load in the Moca module into OpenMRS and then install the Moca Dispatch Server on it. I&#8217;m creating a document that will track this process step-by-step and will post it here when I&#8217;m done!</p>
<p>In addition, I&#8217;m leaving for the Philippines in 3 days, so I&#8217;m also doing some last-minute research on telemedicine, eHealth, EMRs, and eLearning. I plan to summarize the research I perform into executive summaries that can be presented to the stakeholders of a telemedicine business proposal for the country - PhilHealth Insurance Coproration and Department of Health to name a few. Below are some papers that I&#8217;ll be reading: <strong></strong></p>
<p><strong>An information system and medical record to support HIV treatment in rural Haiti. </strong>Fraser HSF, Jazayeri D, Nevil P, Karacaoglu Y, Farmer PE, Lyon E Smith-Fawzi MK, Leandre F, Choi S, Mukherjee JS. British Medical Journal, 2004</p>
<p><strong>Diagnostic Accuracy of Chest X-rays Acquired Using a Digital Camera for Low-Cost Teleradiology. </strong>Szot A, Jacobson F, Munn S, Jazayeri D, Nardell E, Harrison D Drosten R, Ohno-Machado L, Smeaton LM, Fraser HSF. . Int. J. Med. Inform., 2004</p>
<p><strong>A web-based laboratory information system to improve quality of care of tuberculosis patients in Peru: functional requirements, implementation and usage statistics.</strong> Joaquin A Blaya , Sonya S Shin , Martin JA Yagui , Gloria Yale, Carmen Z Suarez , Luis L Asencios , J Peter Cegielski  and Hamish S Fraser. BMC Medical Informatics and Decision Making 2007</p>
<p><strong>Medical information systems: A foundation for healthcare technologies in developing countries.</strong> Gari D Clifford, Joaquin A Blaya, Rachel Hall-Clifford, Hamish SF Fraser, BioMedical Engineering OnLin,  2008 <strong></strong></p>
<p><strong>Design of Health Care Technologies for the Developing World</strong>. Robert A. Malkin,  Annu. Rev. Biomed. Eng. 2007</p>
<ul></ul>
]]></content:encoded>
			<wfw:commentRss>http://mocamobile.org/blog/?feed=rss2&amp;p=109</wfw:commentRss>
		</item>
		<item>
		<title>GSOC Media Viewer: Integration with OpenMRS</title>
		<link>http://mocamobile.org/blog/?p=107</link>
		<comments>http://mocamobile.org/blog/?p=107#comments</comments>
		<pubDate>Wed, 10 Jun 2009 23:24:23 +0000</pubDate>
		<dc:creator>katherine</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<category><![CDATA[GSOC Media Viewer]]></category>

		<category><![CDATA[OpenMRS]]></category>

		<guid isPermaLink="false">http://mocamobile.org/blog/?p=107</guid>
		<description><![CDATA[On May 26, 2009, the OpenMRS Implementers and Developers Meeting took place in Boston at a new Research Building at Harvard Medical School. Clark, Gari, Leo, Zack, and I attended on behalf of the Moca team. We met many interesting people who were involved in various aspects of OpenMRS - founders, developers, implementers in the [...]]]></description>
			<content:encoded><![CDATA[<p>On May 26, 2009, the OpenMRS Implementers and Developers Meeting took place in Boston at a new Research Building at Harvard Medical School. Clark, Gari, Leo, Zack, and I attended on behalf of the Moca team. We met many interesting people who were involved in various aspects of OpenMRS - founders, developers, implementers in the field in Africa, university researchers, hospital staff, and company representatives.</p>
<p>The day opened with an introduction of OpenMRS and its vision by co-founder Hamish Fraser. (See slides posted here: http://www.slideshare.net/hamishfraser/openmrs-meeting-boston-introduction). We also had presentations on the current capabilities of OpenMRS as well as deployments (in Kenya, Rwanda, South Africa, Zimbabwe, and Mozambique). In the afternoon, we had breakout sessions about OpenMRS deployment in the field, OpenMRS API and module development, standards/integration of OpenMRS, and clinical decision support. Overall, the meeting was very productive and many sources of collaboration were identified among all the people involved. For example, for myself, I was able to meet many OpenMRS developers for help on my GSOC project, as well as experienced implementers of OpenMRS (for help on research with my research fellowship in the Philippines this summer).</p>
<p>To prepare for my trip to the Philippines in a couple of weeks, I also had a conference call with the University of Philippines team about technical requirements for the pilot and the workflow of the pilot. In addition, I also worked on learning how to setup/install OpenMRS, Tomcat, MySQL so that I would be able to help get the technical team in the Philippines get Moca up and running.</p>
<p>As for my GSOC project, this week I worked on integrating my Flash application with OpenMRS. I made an encounter servlet in OpenMRS to pass encounter information (patient name, ID, image/audio/video obs IDs, and dates) to the Flash application. It didn&#8217;t quite work though, so i backed up and tried something simplier. I managed to get successful HTTP get/post requests of text data from Flex to OpenMRS working. From my understanding, passing a Java object into Flex to be converted into an AS3 object is done with Flash remoting, which is a proprietary package. After examining the problem further, it seems that we don&#8217;t need the full object to be passed into Flex and text would work just as well. Hence I created an XML schema with a parser for passing encounter data between Flash and Java:</p>
<p>&lt;?xml version=&#8221;1.0&#8243; encoding=&#8221;utf-8&#8243;?&gt;<br />
&lt;encounter patientID=&#8221;1010&#8243; patientFirst=&#8221;John&#8221; patientLast=&#8221;Smith&#8221;&gt;<br />
&lt;genericFile type=&#8221;image&#8221; obsID=&#8221;39&#8243; summary=&#8221;This x-ray is abnormal. Patient could have TB.&#8221;&gt;<br />
&lt;annotation text=&#8221;This appears abnormal&#8221; x=&#8221;10&#8243; y=&#8221;10&#8243;/&gt;<br />
&lt;annotation text=&#8221;This also is abnormal&#8221; x=&#8221;20&#8243; y=&#8221;20&#8243;/&gt;<br />
&lt;annotation text=&#8221;This could be TB&#8221; x=&#8221;30&#8243; y=&#8221;30&#8243;/&gt;<br />
&lt;/genericFile&gt;<br />
&lt;genericFile type=&#8221;audio&#8221; obsID=&#8221;45&#8243; summary=&#8221;The x-ray appears normal.&#8221;&gt;<br />
&lt;annotation text=&#8221;This is normal&#8221; x=&#8221;10&#8243; y=&#8221;10&#8243;/&gt;<br />
&lt;/genericFile&gt;<br />
&lt;/encounter&gt;</p>
]]></content:encoded>
			<wfw:commentRss>http://mocamobile.org/blog/?feed=rss2&amp;p=107</wfw:commentRss>
		</item>
	</channel>
</rss>
