Research Article

Porting Mobile Apps from iOS to Android: A Practical Experience

Algorithm 2

PIM to PSM transformation: an excerpt of the inferred Android UI PSM model.
<?xml version = “1.0” encoding = “ASCII”?
<androidapp:AndroidApp>
name = “TheSimpliestTODOLIst” mainPackage = “com.myappconverter.mobile” version = “1.0.0”>
 <screens xsi:type = “ui:AndroidScreen”
 name = “Activity_2sa_q5_Eym”
 screenWidth = “320.0”
 screenHeight = “568.0”
 navBar = “true”>
  <controller xsi:type = “core:Activity”
  name = “Activity_Vic_8g_ebU” qualifiedName = “com.myappconverter.mobile.Activity_Vic_8g_ebU” id = “Vic–8g–ebU”/>
  <layout xsi:type = “layout:RelativeLayout”
  navBar = “true” width = “matchparent” height = “match_parent” background = “#FFFFFFFF”>
   <views xsi:type = “layout:NavigationBar”
   id = “taskdetail” height = “64” tintColorNav = “#1E73FE” backgroundTint = “#F5F5F5” title = “Task Detail”
   backTitle = “Back” titleColor = “#000”/>
   <subLayout xsi:type = “layout:RelativeLayout”
   id = “id3vVkR7e7” width = “320” height = “568” background = “#FFFFFFFF” backgroundColor = “#FFFFFFFF”>
    <views xsi:type = “view:ScrollView”
    id = “pvh_st_nB8” width = “320” height = “568”>
     <subLayout xsi:type = “layout:RelativeLayout”
     id = “KDE_WF_gSZ” width = “320” height = “40” marginTop = “15” background = “#FFFFFFFF” backgroundColor = “#FFFFFFFF”>
      <views xsi:type = “view:TextView”
      id = “SDE_fx_EOQ” width = “42” height = “21” marginTop = “9” text = “Title:” marginLeft = “20” textAlignment = “centervertical” textColor = “#FF000000” textSize = “14.0”>
       <colorsred = “0” green = “0” alpha = “1” blue = “0” textColor = “darkTextColor”/>
       <font type = “system” key = “fontDescription”/>
      </views>
      <views xsi:type = “view:EditText”
      id = “P74_wp_hB2” width = “230” height = “30” marginTop = “5” marginLeft = “70” marginRight = “20” textSize = “13.0” borderStyle = “roundedRect”>
       <font type = “system” key = “fontDescription”/>
      </views>
      <colorswhite = “1” alpha = “1” key = “backgroundColor” colorSpace = “custom”/>
     </subLayout>
      <subLayout xsi:type = “layout:RelativeLayout”
     id = “nw2_zD_rrP” width = “320” height = “185” marginTop = “55.0” marginLeft = “0” background = “#FFFFFFFF” backgroundColor = “#FFFFFFFF”>
      <views xsi:type = “view:DatePicker”
      id = “qLg_1Q_MqF” width = “230” height = “162” marginLeft = “70” marginRight = “20”/>
      <colors white = “1” alpha = “1” key = “backgroundColor” colorSpace = “custom”/>
     </subLayout>
    </views>
   </subLayout>
  </layout>
 </screens>
</androidapp:AndroidApp>