Challenge Overview

  1. Welcome:

Welcome to the FCBH Internet.org Mobile Assemble Challenge! In this challenge, we are looking for server side mobile website to bring the included prototype to life and work within the requirements specified by internet.org Free Basics Platform.  In order to make your mobile website display properly within the internet.org Free Basics Platform and be accessible to people on all types of phones and data plans, your mobile website(s) must meet certain technical conditions created by the Free Basics proxy. Specifically, mobile websites should work in the absence of:

  • JavaScript

  • SVG images and WOFF font types

  • iframes

  • Video and large images

  • Flash and Java applets

 

Tips for Success: Asking questions early and getting Copilot or PM's feedback is very important for the success of this challenge.

 

II. Competition Task Overview:

The main task of this competition is to create code that implements the prototype as a server side website acceptable to internet.org.  Your website must work properly in all the required browsers.


III. Project Background:
This application must be acceptable to internet.org (Free Basics by Facebook) and meet all the requirements contained in their participate and technical guidelines (https://developers.facebook.com/docs/internet-org/participation-guidelines & https://developers.facebook.com/docs/internet-org/platform-technical-guidelines).  The purpose of the application is to introduce the Bible via smartphone and feature phone devices to remote areas of the globe that do not have standard internet service.  It is these areas of the globe that internet.org services so we would like to have our application on their platform.

 

IV. Screens:

We want to make sure the design looks best as a mobile website. In terms of viewport size, this site will be targeting mobile devices of varying sizes:

- - - xlarge screens are at least  720px x 960px

- - - Large screens are at least 480px x 640px

- - - Normal screens are at least 320px x 470px

 

V. Key Requirements:

- Browser Compatibility: Current versions of Chrome mobile, Opera, Android browser, IE Mobile, Safari (iOS)

- Ensure your submission is clear of validation errors and warnings (HTML & CSS).
- style.css - use this name for all custom css
- Please use proper id’s and classes in your naming conventions

 

VI. Deliverables
 

Create a server side mobile website based on the provided prototype that can be hosted on internet.org.  There are some notable required changes between the prototype and server side website execution.  These notable changes are as follows:

  1. All text scripture (Mark chapters 1 through 16) is to be pulled from the server utilizing the API key provided

  2. All audio scripture (Mark chapter 1 through 16) is to be pulled from the server utilizing the API key provided

  3. The sharing component of the application should utilize the native sharing component of the OS (not the current sharing component as show in the prototype)

 

With the above noted exceptions, the mobile website should emulate the prototype.

  1. The home page gives user access to the following options:

    1. Bible

    2. Download Bible App

    3. Bible Website

    4. Share

    5. About Bible.is

  2. Bible

    1. Defaults to audio screen for March Chapter 1

      1. When the audio plays, it shows the text for that chapter

      2. The user can select to bypass the audio and view only the text

    2. Once the user is viewing the text (with or without the audio playing), he has several options:

      1. Go to the home page

      2. Move to the next chapter of Mark

      3. Display (hide) a chapter selector (and jump to a chapter in Mark)

      4. Control the audio (rewind, play/pause, fast forward, and slider selector)

  3. Download Bible App

    1. Go to the home page

    2. Download option

      1. Out from Free Basics warning yes/no

    3. Fields for email address and/or phone number with “send link” functionality

  4. Bible Website

    1. Out from Free Basics warning yes/no

  5. Share

    1. Go to the home page

    2. This should tap into the native sharing options on the device’s OS

  6. About Bible.is

    1. Once the user has viewed the text about Bible.is he has two options

      1. If the user clicks on the Bible.is link, the user gets the Out from Free Basics warning yes/no

      2. If the user clicks on the home button, the user goes to the home page

 

VII.  Mandatory Requirements

 

1.    Build the mobile web application with Ruby on Rails.   You should use Ruby 2.2.x and Rails 4.2.5.x.

2.    Please use the API key to generate all text and .mp3 files

3.    On the download page, build the template, buttons, UI for the email/SMS components.  We will have a third party plug in the functionality that goes with some existing infrastructure.

4.    This will be a Ruby on Rails Web Application project that will be deployed to a Phusion Passenger web server.

5.    Must conform to the Participation Guidelines of internet.org

https://developers.facebook.com/docs/internet-org/participation-guidelines

6.     Must conform to the Technical Guidelines of internet.org

https://developers.facebook.com/docs/internet-org/platform-technical-guidelines

7. As per the internet.org Technical Guidelines of internet.org, please test your application on Chrome Device Emulator and Opera Emulator

 

VIII. Browsers Requirements:

- Chrome mobile

- Opera

- Android browser

- IE Mobile

- Safari (iOS)

 

IX. Documentation Provided:

- Storyboard and Source files

- Prototype

- API key

 


Final Submission Guidelines

·   Your complete Ruby on Rails project including your source code and gems upon which your code depends.

·      Please submit written documentation for your submission, including detailed deployment steps and verification details (screenshots should be provided)

·      Please submit a video with a screenshare of your application in action

 

ELIGIBLE EVENTS:

2016 TopCoder(R) Open

REVIEW STYLE:

Final Review:

Community Review Board

Approval:

User Sign-Off

SHARE:

ID: 30053341