Design of Interface with XDK

[Eliel_D_]

Hi all.
I have a question regarding the designing of new pages. I'm currently working in an exam app. In this app I will have diff group areas (matters) for which the user will be able to select and then start the exam. According with the matter selected, the app will render the questions in the screen. I'm very newbie with mobile development however I do remember of a recent experience with development for Android by using Eclipse IDE and there is a rule that you have to create a new "activity" for all the possible screens that you are supposed to have in your app. My question here is:Is there a possible way to implement templates by using the Intel XDK? I mean, since only the areas and the questions will change, the layout will always be the same (see below)

The Exam Screen Template would have:

1 - A Header Div (it would display the matter currently selected)
2 - A Question Div (it would display the question as long as the user answer it and click next button)
3 - 4 option buttons
4 - Buttons to move to the next/back

I have 4 Matters in this course and only 1 screen (template) would be create to hold everything. I wouldn't like to have to create 4 screens with the same content. I was thinking to reuse the template and dynamically display the values in those divs/components accordingly with the matter selected by the user.

Please advise.

Regards
Eli

[Dale_S_Intel · Accepted solution]

I'm no design expert, but there are a couple things I'd suggest.

First, don't think of each set of questions and answers as a different page (or activity).  It's really just the same page with different data (questions and answers), so no need to create a template to generate different pages.  It's kind of 6 in one and half dozen in the other, but it might help to think of it that way.

Second, I would look into a framework like Angular.js, which is well suited for a page like this.  It will allow easier connection between the page and your data.  This is assuming you're going to do some JavaScript programming, which would be the best way to do this, I think.

Dale

[Eliel_D_]

Hi Dale.

Got it. Appreciate your response and one last quick question. I'm currently using the App Framework 3. Is that possible to bring Angular.js with no impact to my current app?

Regards
Eliel

[Dale_S_Intel]

On using App Framework 3 together with Angular.js:

As far as I know they should not conflict, they do different things.

Dale