Cancelado

''Roll Call'' Mobile Phone Web App as a trial for permanent employment

**Roll Call Mobile Phone Web App**

We are an Australian company which produces software for high schools. We have recently expanded into the area of 'Attendance' also known as 'Roll Call', which refers to allowing teachers to mark the roll (i.e. identify which students are absent or present or late) each lesson. What we require is a jQuery developer (individual or company) to write a new version of this software, optimised for phones.

In fact we are trying to fill a permanent role, so this task should be understood as a trial task to be hopefully followed by permanent (probably full time) employment. We will select 3 applicants and pay each of them to develop the software according to these specs.

This is primarily a user interface task, where we will supply you with all the RPC calls (AJAX calls) required to perform the job.

The roll call module is to be designed so that teachers in the classroom can mark if anyone is absent or late to the class. The school day is broken up into periods representing the designated time for each lesson.

We have left the project open in terms of placement of UI objects. You are also free to make suggestions of variations to our specifications. A discretionary bonus of up to 15% of the contract price is available to encourage you to take pride and be creative in terms of layout, jpegs and improvement ideas.

## Deliverables

Design description of 5 main screens.

1 Login Screen

a. A Web-code is used on the login screen to get to the home screen. This is a single alphanumeric field which is like a combined username and password.

b. When you first log in, you'll go to the "Mark the roll" screen.

2 Mark roll

a. Display the name of the teacher who is logged in at the top of the roll.

i. The teacher name can be selected to then select other teachers. The concept is that any teacher is capable of marking any other teachers' roll, without authentication.

ii. To the left of the teachers name it is suggested that a small timetable icon button be present linking to the teachers timetable screen (4)

b. Roll call list.

i. Query the server for a list of students for this roll, including the absent/present/late status of each student.

ii. Display this list.

iii. Each student name is colour-coded according to status

iv. If a student is selected then he/she is marked absent. If selected again toggles to present then toggles to "late". Red is used to highlight "absent", green for "present" and orange for "late"

v. A long press on the student leads to a menu: Late, present, absent, clear and history.

vi. Design an alert icon. This icon should appear next to the listed student name if there are any unexplained absences in the last two weeks. (The last 14 calendar days including today).

vii. This screen can be swiped from left to right to go to previous and future rolls ( Some explanation text to do this should be shown, a tickbox saying that they don't want to see it anymore should be left as an option).

viii. When the roll on the screen is for a date other than today's date a "today button" appears. This brings the user back to "today" when pressed.

ix. Future rolls can be viewed but not marked. A message should come up if this is attempted.

c. Student Photo

i. Somewhere on the screen is a photo of the selected student. You will determine the best location.

ii. Under the photo should be a percentage status bar of the same width (looking like it is an extension of the photo) this should be coloured red for the percentage "absent" yellow for "late" and then green for calculated time "present". If this is pressed then it goes to the "student Absence History" screen.

iii. The calculation is to be based on information derived from section 3a below.

iv. A timetable icon should be located next to the photo so that the teacher can easily lookup the student's daily timetable.

3 Student Absence history

a. This shows the absence history of a student for the year. It will show one row per school day. Today being the top of the list, then going down in reverse chronological order back to the start of the year (February 1st). * Freedom to design layout for this.

b. Each day is broken into multiple 'periods'. Each {period,student} is associated with a particular class, identified by a "class code". We have a database record that we call a "nugget" which represents a {student,date,period} and has these properties:

i. classCode (string)

ii. timeslot identifier. A timeslot represents a {date,period} pair.

iii. absenceStatus ('A'=absent, 'P'=present, 'L'=late)

iv. A reference to an 'AbsenceExplanation' object. An absence explanation object can refer to multiple nuggets, but always in a contiguous range. Often an AbsenceExplanation object refers to a single date, but it can be as little as 1 period, or it can be for a date range. An AbsenceExplanation object contains these fields:

1. Start date

2. Start period

3. End date

4. End period

5. reasonCode (a 16 bit integer)

6. text (a string)

c. Your task will include designing a pretty and intuitive layout for these objects and a way to view the information inside.

d. Any contiguous range of absent-status nuggets can be selected, by long press (unless you have a better suggestion). This then leads to the "Enter Absence Explanation" (5) form.

4 Time Table (Teacher)

a. This shows the time table for the selected teacher for the day.

b. There will be a UI element at the top allowing the user to select a different teacher. A typical school has 50..100 teachers.

c. The screen can be swiped to go to the previous or next day's timetable (Some explanation text to do this should be shown, a tickbox saying that they don't want to see it anymore should be left as an option).

i. When not on the actual day a "today button" appears. This brings the user back to "today" when pressed.

d. From this screen a teacher will need to be able to switch to another teacher (similar to 2b) and look at their timetable.

5 Timetable (Student)

As above, but where it's the student's timetable that is displayed.

a. The user will be able to select the student using a UI element at the top of the screen. A typical school has 500..1000 students. Any authenticated user will be allowed to view the data for any student.

6 Enter Absence explanation.

This is a form that is used to enter the details on the reason why a student is absent. It will have these UI elements:

Student's name

Student's photo

? Start date

? Start time or period : Users should have the ability to specify this via either period code or time

? End date

? End time or period : see above.

? ReasonCode : the user will select one of a list of options. The options consist of a 3-character code plus name and are supplied by the server via an RPC call. There are typically 7..30 options configured.

? Comment : the user enters free text here.

? A button to submit the form.

In about 90% of cases, the absence explanation refers to a single date and all periods within that date. The UI should be designed to optimise use for this common case. So even though we have listed 4 fields above relating to the start and end time/date, you should use your creativity to produce a form which allows all cases but optimises for the common cases.

# **RPC calls:**

The RPC calls are all XML (plain XML, not XmlRpc). We could convert them to JSON, which is admittedly a better protocol, but this would be a little bit more effort for us.

The calls are all POST's.

Habilidades: CSS

Ver más: yellow objects, yellow character, write a bit or bit, why we need jquery, why are you looking for a new job, who to use as a reference, who to get web developer, who do you need to develop a software, which software is required to develop an app, where to make an icon, where to get leads for free, where do you get a job in web designing, where developer looking for a job, where can i make a calendar icon, where can i get a software developer, when is the best time to look for a job, what to look for in a web developer, what the best web design software, what software should i use for web design, what's best web design software

Información del empleador:
( 44 comentarios ) Coffs Harbour, Australia

Nº del proyecto: #2765074

13 freelancers están ofertando el promedio de $1478 para este trabajo

technologyaddict

See private message.

$935 USD en 28 días
(26 comentarios)
6.8
cr8tivewebexpert

See private message.

$2125 USD en 28 días
(43 comentarios)
6.4
eplanet

See private message.

$1700 USD en 28 días
(12 comentarios)
5.2
skysword

See private message.

$2040 USD en 28 días
(10 comentarios)
5.2
sanjoynemo

See private message.

$1000.45 USD en 28 días
(6 comentarios)
3.9
customizedata

See private message.

$2000.05 USD en 28 días
(4 comentarios)
3.0
mobiletech1604

See private message.

$1785 USD en 28 días
(2 comentarios)
2.4
thegroup5

See private message.

$1500.25 USD en 28 días
(1 comentario)
2.2
nodivbyzero

See private message.

$765 USD en 28 días
(3 comentarios)
1.9
zfla

See private message.

$2125 USD en 28 días
(2 comentarios)
1.7
peter56

See private message.

$1000.45 USD en 28 días
(0 comentarios)
0.0
mayankmore

See private message.

$1062.5 USD en 28 días
(0 comentarios)
0.0
sharadkumar84

See private message.

$1500.25 USD en 28 días
(0 comentarios)
0.0
shawn6078

See private message.

$1800.3 USD en 28 días
(0 comentarios)
0.0