Build Your Own iPod/Phone/Pad App Using FMtouch

Looking for a fulfilling job at the intersection of sexual health and technology?The Emory University Center of AIDS Researchis looking for a tech-savvy individual to develop and maintain technology solutions that support our health research. Our solutions are often cross-platform, involving PC, web, and mobile components. The successful applicant must have database development experience (MS SQL Server, Access, FileMaker, etc.) and excellent programming skills. Specific familiarity with PHP, VBA, SAS, ColdFusion, and/or online survey and social media APIs (SurveyGizmo, Facebook, etc) is a plus.If interested, please contact:Eli Rosenberg: esrose2@emory.edu; 404-783-2552Patrick Sullivan: pssulli@emory.edu; 404-210-6039Both of us are floating around Sex::Tech and would be glad to speak with you today!

Build Your Own iPod/Phone/Pad App Using FMtouchEli RosenbergDepartment of EpidemiologyEmory University Rollins School of Public Healthesrose2@emory.eduSex::Tech 2011April 1, 2011 - San Francisco, CA

What we’ll discuss todayThe case for iStuff data collectionIntroduction to FMTouchHow to create an app, by exampleSyncing dataAdvanced featuresHelp and resourcesFor this presentation, ‘iStuff’ = iPods/Phones/Pads

I. The case for iStuff data collectionExamples of sex-health data appsData collectionField interviewsStaff administeredFirst app developed for our group with this purposeIntake at CBO or clinicStaff or client administeredCollect info on attendance, risk factors, etc.Jeb Jones from Emory presenting SaturdayMonitoring of sex behaviorsClient administeredData delivery – won’t be explicitly covered todayInteractively deliver interactive sex information, messages, interventions, or resources (directory of services)

I. The case for iStuff data collectionExamples of sex-health data appsOur group has done mostly data collection, rather than presentation

Assess demographics, behaviors, eligibility for studies

Get contact information from those who qualify

Screening for multiple research studies simultaneously

Engaged 5,000 men in Atlanta over the last 8 monthsI. The case for iStuff data collectionMSM Venue Screener

I. The case for iStuff data collection Eligibility questions

Decision-making logicI. The case for iStuff data collectionAdvantages of data collection via iStuffPaperlessNo secondary data entryFaster interviewsMerge data collection with:Program flow control (decision making)Other iStuff functionality (GPS, camera, etc.)Can share data easilyGet ‘approach’ dataAs user-friendly as you wantSecurityLarge-scale deploymentLooks cool!!

II. Introduction to FMTouchHow do we do this?2. Transfer database to FMTouch5. Upload data!3. Program interacts with participants / clients4. Collect responses (data)1. Design graphical database using FileMaker Pro6. Data managed in FileMaker or other ODBC source. Can be exported for analysis.

II. Introduction to FMTouchSo what is FileMaker?Desktop relational database program for Macs/PCsMacintosh’s answer to MS AccessA visual environment for collecting quality data in tablesUse graphical forms (‘layouts’) to collect information using text boxes, check boxes, etc.Scripts let you control input and program flowEasy to use tools for creating tables, layouts, scripts

II. Introduction to FMTouchAnd what is ?An iStuff app that lets you run FileMaker DBs on your iStuffMust make the database on your computer, then transfer to deviceBefore Summer 2010, the only serious database solution available for iStuffFileMaker released FileMaker Go in July 2010Much closer to desktop version than FMTouchBut lacking with certain sync features

II. Introduction to FMTouchWhat do I need to get started?SoftwareFileMaker. Current version is 11.Pro ($200-$300. Free demo.)Pro Advanced ($300-$400). Offers DDR export. I will explain later.FMTouch app. ($10 from iTunes store)HardwareWiFi-capable computer (need not be connected to web!)iStuff devices du jour ($200 - $800)All iOS 3 and 4 devices supportedPersonnelSome knowledge of database structure and programming (light MS Access experience)Could be you after today!!Cost = $$?

III. How to create an app, by exampleToday’s example: Self-administered CBO intake screenerThe ISIS Center. A place for LGBT teens.Lately, the center has been extremely popular!Would like to give arriving clients an iPod-touch to:Track client information for evaluation (and sponsors)Demographic informationReasons for visitCollect email addresses for Facebook page sign-upDiscretely screen for important, sensitive behaviorsIndicate message for staff if alarming response

III. How to create an app, by exampleCBO intake screener – Question flow and variable plan Client informationAge (pull-down) numericFirst name to use at visit textSexual identity coded as numbers 1 - 6 Services requestedLearn about social activities binary number 1/2 (0/1 problematic in FM)Talk to a counselor binary number 1/2 HIV/STD testing binary number 1/2 Other binary number 1/2 Facebook page sign-upAsk if interested in joining Facebook page binary number 1/2 If yes, prompt for email address textScreen for important behaviorsSuicidal ideation binary number 1/2 If yes, final screen will indicate a code for staffAlso captureUnique interview #, Date, Device ID#, Staff initials

I’m going to cheat now and show you the end product …III. How to create an app, by example

III. How to create an app, by exampleCBO intake screener – general design considerationScreen dimensionsiPod/Phone = 320 px wide x 460 px talliPad = 768 x 1004 (portrait) 1024 x 768 (landscape)Interface appearance. Flat vs. 3DLogin pageOne or two questions per screen

III. How to create an app, by exampleDevelopment process overviewIn FileMaker, create: Tables Data-entry layoutsScripts page jumping and decision-makingSave DB as Database Design Report (DDR)not Deutsche DemokratischeRepublikXML document that describes database structureTransfer DDR to FMTouch via WiFiTest it all a lot on device! Modify where needed. Quirky things happen when transfer to iStuff

III. How to create an app, by example. Creating tables New database!

First task is to create tables to store our dataIII. How to create an app, by example. Creating tablesThere are two main modes to operate in:Browse. For entering and viewing data

Layout. For designing DB tables and layouts.III. How to create an app, by example. Creating tablesLet’s set up our main table and variables

III. How to create an app, by example. Creating tablesCreate table

III. How to create an app, by example. Creating tablesAuto-enter last visitedRemembers value from previous record. Lets us keep ‘login’ data on each recordBy value listRestricted to our custom list of values (1,2)Cool trick!‘phone’ in field name = uses iPhone phone pad‘email’ = uses email-style keyboardEverything is set with ‘options’…Create variables

III. How to create an app, by example. Creating tablesVariable options

III. How to create an app, by example. Creating layouts

III. How to create an app, by example. Creating layoutsText for displayOther goodies:Tabs, portals (subforms), web browser, etc.Drawing shapesButtonsInput fields:Text boxes, check boxes, pull-down menus, etc.

III. How to create an app, by example. Creating layoutsSelect one of the 11 layouts in our DBTextInput fields (displaying variable names)Rectangle toolButtonsInserted graphic (and also converted to button!)

III. How to create an app, by example. Creating layoutsRight-click!Assigning input boxes to a specific table field…

III. How to create an app, by example. Creating layoutsFileMakerFMTouchInput boxes render differently on device

III. How to create an app, by example. Creating layoutsScript run by this buttonMany, but not all commands are supported

III. How to create an app, by example. Creating scriptsOne script per layout transition or special button

Script run by login page’s ‘New Interview’ buttonDouble-click commands to place in right pane, then edit specific optionsMany, but not all commands are supportedVery simple script builder! Uses standard logical syntax

No need to remember statementsIII. How to create an app, by example. Creating scriptsFirst, check that iPod ID and initials are entered. Give pop-up error messages if not!If iPod ID and initials are OK: Go to 1st page of the interview (‘intro text’)

Hide the pesky menu bar in FMTouch(allows full-screen display)‘New interview’ script in detail

III. How to create an app, by example. Creating scriptsHeader info w/ current interview #Jumps back to page 1Quit button jumps to login pageButton to evaluate the 2 fields, skip to next page

III. How to create an app, by example. Creating scriptsWhen push ‘Yes’, run ‘facebook_script’ and send it the value 2.Using buttons to send different values to the same script for processing

III. How to create an app, by example. Creating scriptsFirst line of script receives value from Yes/No buttons and sets the ‘facebook’ field in our table

III. How to create an app, by example. Creating scriptsSet field valueIf want to sign up, go to email collection pageOtherwise, skip to next question‘Facebook_script’ in detail

III. How to create an app, by example. DDR ProcessGetting your app on your iStuff device: DDRs 1. Save your app as a DDRA Database Design Report (DDR) is an XML document that describes the database’s structureIf you have FileMaker Pro Advanced, create in program. If have just Pro, create at www.fmtouch.com2. Send the DDR to your iStuff device.While FileMaker is running on the PC, we have FMTouch retrieve the DDR file via WiFi.Requires FMTouchplugin for FileMaker to transfer

1. Saving a DDR file in FileMaker Pro Advanced

III. How to create an app, by example. DDR ProcessOpen FMTouch2. Transferring the DDR to iStuff

III. How to create an app, by example. DDR Process(Our MSM venue screener is the first displayed)Click this icon to manage DBs Add DBs

Change preferences (3 DBs are loaded on device)2. Transferring the DDR to iStuff

III. How to create an app, by example. DDR ProcessClick to add a new DB2. Transferring the DDR to iStuff

III. How to create an app, by example. DDR Process2 ways to connect via WiFi: 1. Manually via IP 2. Automatic detection using Mac’s Bonjour service. This requires:A simple wireless network.

A great deal of luck 2. Transferring the DDR to iStuff

III. How to create an app, by example. DDR ProcessMake sure FileMaker is open.Enter your computer’s IP address (easy to find out).Your computer will prompt for which file to upload.Select the file to begin transfer!2. Transferring the DDR to iStuff

III. How to create an app, by example. DDR ProcessOnce DDR uploaded, can adjust DB settings

III. How to create an app, by example. DDR ProcessLock the DB with a password and encrypt (128 or 256 bit).Lock the DB in a particular orientationDB settings page

IV. Syncing dataSyncing data to the central DB12345Easy!Open your central DB in FileMakerVia FMTouch, each iStuff sends its data via WiFi to the central DBClear devices of data after sync.

IV. Syncing dataFor our needs, we only send recordsBut there may be situations where you want to carry around your entire DB contents on your iStuff app!2. Sending records to central FileMaker DB

Build Your Own iPod/Phone/Pad App Using FMtouch

More Related Content

Viewers also liked (18)

Similar to Build Your Own iPod/Phone/Pad App Using FMtouch (20)

More from YTH (20)

Recently uploaded (20)

Build Your Own iPod/Phone/Pad App Using FMtouch

Editor's Notes