Skip to main content
Harm_Millaard
Inspiring
June 14, 2011
Question

Suggestions on GUI design

  • June 14, 2011
  • 1 reply
  • 840 views

Please have a look at this page:http://tweakers.net/pricewatch/cat/46/processors.html?currFilters=&filterLayout=graphical#filter:q1bKL0pJLXLLTM1JUbJSKijKTylNLlHSgQgH5xeVAEUTi5OBIsWpOanJJakpwQWpyZ4pxUpW0UrGZkBxYwsgYWipFFsLAA

Notice the category selections at the top, AMD or Intel processors to limit the search. Also notice the selection options on the right hand side to select for socket, price range, cores, etc.

That is what I call a dynamic page. I want to make a similar page with my data, offering similar options to narrow the search.

The current page is here: http://ppbm5.com/DB-PPBM5.php and, yes, it is a long way to go to achieve anything like the page on Tweakers.net and it is only the master page. The details are not included here.

But where would you start, are there any tutorials to hint you in the right direction?

Please take it easy, as this is my first experience with php/MySQL.

This topic has been closed for replies.

1 reply

June 14, 2011

I personally would start with setting up a database(That means learning how if needed) then create

the search and other pages. Then decorate with css and pictures.

Harm_Millaard
Inspiring
June 14, 2011

Thanks for your suggestion, but that step has already been taken. The database, the tables, the primary, secondary and foreign keys have been identified and third form normalization achieved.

This is more about creating the 'narrow the search' interface.

June 14, 2011

Example:

Search for i7-2600K and other systems with 6 core INTEL CPU's using Premiere Pro 5.03 or 5.5 with overclocking and an SSD as OS disk and only submitted in the last two months from the USA or Germany and use On-board raid controllers and that use at least a GTX 5xx video card is no problem.

The issue is the GUI to select those parameters.


Im not sure what you mean. Are you saying how to control what is being selected for a search narrowing? I suppose Javascript can help you work with radio buttons and such. If you want a bar on the side of your page just like the one on the site you refered too, then Javascript is your best bet!