Project Write Up CSci 6237 Professor: Dan Eisenreich Summary:

Transcription

1 Project Write Up CSci 6237 Professor: Dan Eisenreich Summary: Jiaxun Liu This is an app based on Android OS 2.2. The name of this app is My Sleep Diary. The main purpose of this app is to assist people to keep track of their daily sleep hours. With storing sleep duration history of the user, this app will be able to display a weekly report of sleep in a line graph. In the report, the user can view how his/her sleep quantity changes every day, and also their sleep history of the past. In the app, the average number of sleep hours in the US is provided to allow the user to

2 compare with theirs. By rating every sleep, the user also can have an idea of his recent sleep quality. The problems I encountered are: Android ADT setting and interface layout The interface display on the virtual device is different from the one on my real device. Adjust my real device screen size and the virtual device screen size to optimize layout of the display. Learned how to add splash (Loading view) loading page on Android Switch between different views Create a new view other than the main view to display the graph report. Create graphs in an Android app Retrieve data and draw a graph based on the data. Store data even when the app is shut down Need to store the sleep hours and date, and also the calculation of past sleep quatity. First thought is to use SQLite. App Icon:

3 How To Solve The Problems: Android ADT setting and interface layout Google search the screen size of my real device and created a virtual device with a similar screen size (5.1 WVGA), since the exactly of the same screen size of my real device cannot be found in Android virtual device manager. For interface layout, applied <RelativeLayout> instead of <LinearLayout>. Located all the main components in the middle of the main view, such as app icon, clock interface, rating bar. All components of the user interface are relative to the center horizontal line of the layout, like this: Learned how to add splash (Loading view) loading page on Android

4 Switch between different views By watching Android programming tutorial, I get a more intuitive understanding of how to implement different views in an Android app. Create graphs in an Android app Applied functions from achartengine library to implement line graph and pie chart. Using achartengine is an efficient way to create many knids of nice looking powerful graphs. What I need to do are to download the library package of achartengine and add it to the project s lib folder, and include and use functions I need in my app.

5 In my app, I changed the range of the y axis to 5, the maximum and minimum of y axis to 0 to 24 hours, which are a possible duration of a sleep in a day. In x axis, Monday to Friday. Also, I added titles for both x and y axis, Weekdays for x axis, Hours/day for y axis. For clearly display, enlarge the point size and text size to 30 and 20. In this separate view(not main view), in addition to show the sleep distribution, the title of the view is applied to display the total hours of this current week and the average number sleep hours from the internet. Line graph to demonstrate weekly sleep hours distribution: Clever I found: instead of SQLite, use Sharedpreferences to store my data

6 Store data Instead of using SQLite, which may be more powerful but also more complicated to implement, I applied Shared Preferences to store all my data. Since all my data are just date- hours pairs, I can just simple keep them in the format like Key- value pairs in Shared Peferences. Demo in My Real Device: Operating System: Mobile Operating System Google Android 2.2 Device: Dell Streak Reusable class: LingGraph Create a new view(intent) after the button in the main view is clicked. This class will create a line graph based on the array data passed from the main activity class. package com.example.linegraph; import org.achartengine.chartfactory;

7 import org.achartengine.model.timeseries; import org.achartengine.model.xymultipleseriesdataset; import org.achartengine.renderer.xymultipleseriesrenderer; import org.achartengine.renderer.xyseriesrenderer; import android.content.context; import android.content.intent; import android.graphics.color; import android.graphics.paint.align; //Class to handle the creation a line graph public class LineGraph { //Sleep hours on y axis; int[] y; public LineGraph(int[] hours){ y = hours; public Intent getintent(context context){ display on //Weekdays on x axis: 0 is Monday, 6 is Sunday. int[] x = {0,1,2,3,4,5,6; //keep caculating the total hours of every week to //the title bar int weeksum = 0; //create corresponding weekdays string with the index from x array. String[] days = {" Mon"," Tue"," Wed"," Thu"," Fri"," Sat"," Sun"; //create a TimeSeries to create a line graph TimeSeries series = new TimeSeries("Line1"); for(int i = 0; i < x.length; i++ ){ //add data to the line graph series.add(x[i],y[i]); weeksum += y[i];

8 XYMultipleSeriesDataset dataset = new XYMultipleSeriesDataset(); dataset.addseries(series); XYMultipleSeriesRenderer mrenderer = new XYMultipleSeriesRenderer(); XYSeriesRenderer renderer = new XYSeriesRenderer(); renderer.setdisplaychartvalues(true); //renderer.setcolor(color) //Display setting of the line graph mrenderer.addseriesrenderer(renderer); mrenderer.setshowcustomtextgrid(true); mrenderer.setshowgridx(true); //limit the y axis to display certain sleep hours mrenderer.setyaxismin(0); mrenderer.setyaxismax(15); //limit the x axis to display one week data mrenderer.setxaxismin(-1); mrenderer.setxaxismax(7); //text on the graph(axises) mrenderer.setlabelstextsize(20); mrenderer.setylabelsalign(align.right); mrenderer.setxlabelsalign(align.center); mrenderer.setpointsize(30); mrenderer.setytitle("hours/day"); mrenderer.setxtitle("weekdays"); color int color = Color.argb(0, 25, 55, 255); // Transparent mrenderer.setbackgroundcolor(color); //use string text MON to SUN instead of 0-6 for(int i = 0; i < x.length; i++ ){ mrenderer.addxtextlabel(x[i], days[i]); //create a new intent to display the line graph Intent intent = ChartFactory.getLineChartIntent(context, dataset, mrenderer,

9 "Total: "+weeksum+" hours (Average: 45)"); return intent; SharedPreferences These function are to manipulate the data in SharedPreferences and handle the creation of a new line graph. public void linegraphhandler(view view){ //count = loadpref("count"); int[] hours = loadpref(); //for(int i = 0; i < hours.length; i++) System.out.print(hours); LineGraph line = new LineGraph(hours); Intent lineintent = line.getintent(this); startactivity(lineintent); public void savepref(string key, int value){ SharedPreferences sp = PreferenceManager.getDefaultSharedPreferences(this); Editor ed = sp.edit(); ed.putint(key, value); ed.commit(); public int loadpref(string key){ SharedPreferences sp = PreferenceManager.getDefaultSharedPreferences(this); int c = sp.getint(key, 0); return c; public int[] loadpref(){ for(int i = 0; i < 7; i++){ SharedPreferences sp =

10 PreferenceManager.getDefaultSharedPreferences(this); y[i] = sp.getint(days[i], 0); return y;