Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Suggestions on GUI design

LEGEND ,
Jun 14, 2011 Jun 14, 2011

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

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.

TOPICS
Server side applications
839
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Guest
Jun 14, 2011 Jun 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.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jun 14, 2011 Jun 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.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Guest
Jun 14, 2011 Jun 14, 2011

Oh Oh I see, sorry I hadn�t seen the rest of your site. For a search like that i say create your buttons, then look up some ASP or PHP which everyone you choose will work. I'm pretty sure AJAX is good paired with PHP for doing search like that. But to "narrow" each and every item(which i think you have) will need some sort of identification for each of its properties. Its kind of confusing, but lets say one chip or whatever is the color green, you need that in your database so when you search your database, Green will come up. It is confusing, but i hope it helps!

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jun 14, 2011 Jun 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.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Guest
Jun 14, 2011 Jun 14, 2011
LATEST

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!

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines