Geek Answers Handbook

Need a way to present the prerequisites for an object

I really don't know how to explain this in an understandable way, but here.

The project I'm working on is a web application that revolves around courses, and each course has a set of prerequisites, the problem is that I don’t know a good way to present them to the user.

Example: To take course 4, a person had to sell at least 600 products and worked for at least 90 days. She must also complete (course 1 OR course 2) and course 3.

Any ideas on how I should present this to users in a simple way to understand them. And then how will I go and save him.

The project is built on php for back, html / jquery for front and mysql as storage.

/ S

0
source share
4 answers

Looks like you just need help with the user interface, right?

My university has always done something like a list:

  • One of: Course A, Course B, Course C
  • Course D
  • Course E

Then you can add some cool classes to the list items for missing / completed requirements:

<ul class="prerequisites"> <li class="complete">One of: <a href="courseA">Course A</a>, <a href="courseB" class="complete">Course B</a>, <a href="courseC">Course C</a></li> <li class="complete"><a href="courseD" class="complete">Course D</a></li> <li><a href="courseE">Course E</a></li> </ul>

With some CSS doing things like ...

 ul.prerequisites { list-style-type: none; } ul.prerequisites li { background-image: url(images/incomplete.gif); /* a red X maybe? */ padding-left: 14px; } ul.prerequisites li.complete { background-image: url(images/complete.gif); /* maybe a green check */ } ul.prerequisites li a.complete { text-decoration: line-through; }
+1
source

Programmed approach

  • are prerequisites in code with some structure
  • make a parser for this structure, which can turn it into grammatically correct sentences
  • you need to deploy the parser as soon as you need i18n

Easy way

  • Keep the prerequisites written in clear English sentences and release it to the visitor.

If I were you, I would convince myself to take away my pride and go with the second.

0
source

I assume that your problem here is the layout of the interface, not the technology below.

I think it depends on how complex the logic is, but I would try to display a list of "and" elements, where each element is a group of one or more parameters "or" (for example, a list of switch groups). The list will consist of rows in the table with the options "or" indented.

If you need to display 'A and (B or C) and (D or E or F), this will work. If you need "(A and B) or (C and D)" then the option "or" should contain the string "ands". I doubt it will be more complicated than that, but if that were the case, you could just process it recursively and have fake indents.

0
source

Another option is to allow the user to select / enter what they have done, for example. Indicate the number of products sold and the number of days they worked, and check the boxes for the courses they completed. After that, you can show which courses are available to them, and perhaps show what they need to do to qualify for others.

0
source

More articles:


All Articles