Improved interfaces / Mejora de interfaces

Discuss anything else that does not suite other forums.

Moderator: Rathinagiri

User avatar
luisvasquezcl
Posts: 1150
Joined: Thu Jul 31, 2008 3:23 am
Location: Chile
Has thanked: 15 times
Been thanked: 15 times
Contact:

Improved interfaces / Mejora de interfaces

Post by luisvasquezcl »

Hello everybody,
I have tried to improve the interfaces of my application
trying to take a little look and native windows
make something more like the Web, but it is impossible, so
least for me.
The site uses many images and it greatly improves the handling of
colors and shapes.
Someone can bring any idea to be improved
aesthetics of our applications?.
Greetings,
Luis Vasquez

Mejora de interfaces.
Hola a todos,
he intentado mejorar las interfaces de mis aplicaciones
tratando de quitarle un poco el aspecto nativo de windows y
hacerlas algo más parecido a la web, pero es imposible, por lo
menos para mi.
La web usa muchas imágenes y con eso mejora mucho el manejo de
colores y formas.
Alguien puede aportar alguna idea para ir mejorando la
estética de nuestras aplicaciones?.
Saludos,
Luis Vasquez

User avatar
luisvasquezcl
Posts: 1150
Joined: Thu Jul 31, 2008 3:23 am
Location: Chile
Has thanked: 15 times
Been thanked: 15 times
Contact:

Post by luisvasquezcl »


User avatar
esgici
Posts: 4523
Joined: Wed Jul 30, 2008 9:17 pm
DBs Used: DBF
Location: iskenderun / Turkiye
Has thanked: 400 times
Been thanked: 112 times
Contact:

Post by esgici »

Hello Luis

For a building both reliable and beautiful, need two separate person: one engineer and one architect :)

Regards

--

esgici
Viva INTERNATIONAL HMG :D

User avatar
luisvasquezcl
Posts: 1150
Joined: Thu Jul 31, 2008 3:23 am
Location: Chile
Has thanked: 15 times
Been thanked: 15 times
Contact:

Post by luisvasquezcl »

This is a very expensive ... lol
You can make interfaces better aesthetically.
I have seen in the photos forum yahoo.groups a colleague who did a very good interface, I do not know if it works or not but it looks very good.
Trying to do something, I tried to put such a background jpg image and bitmap images for links but it does not work 8 (. You can superimpose images in HMG and less to do layers, I think, it seems to be waiting for hmgscript to put some style into our web applications.
esa es una solución muy cara ... lol
es posible hacer interfaces estéticamente mejores.
he visto en las fotos del foro yahoo.groups un colega que hizo una muy buena interfaz, no sé si funciona o no pero se ve muy bien.
Tratando de hacer algo parecido,intenté poner por ejemplo una imagen jpg de fondo e imágenes bitmaps para enlaces pero no funciona 8(. No puedes superponer imágenes en hmg y menos hacer capas, creo yo, por lo que parece que habrá que esperar

User avatar
esgici
Posts: 4523
Joined: Wed Jul 30, 2008 9:17 pm
DBs Used: DBF
Location: iskenderun / Turkiye
Has thanked: 400 times
Been thanked: 112 times
Contact:

Post by esgici »

luisvasquezcl wrote: ...
Trying to do something, I tried to put such a background jpg image and bitmap images for links but it does not work 8 (.
...
Well, do you like giving more details on this point ?

Regards

--

esgici
Viva INTERNATIONAL HMG :D

User avatar
luisvasquezcl
Posts: 1150
Joined: Thu Jul 31, 2008 3:23 am
Location: Chile
Has thanked: 15 times
Been thanked: 15 times
Contact:

Post by luisvasquezcl »

The idea was to make a desktop-style windows to try to put image over image, where the user can put icons on the desktop, move them, etc. ..
To improve the interface obviously put a background image. Jpg and put it on image control with a click event.
It demonstrates each of the controls but when you click on them, simulating the desktop icons do nothing, it's as if the background image covers.
I will continue testing with other controls to see if I can achieve better aesthetics, for example, make buttons instead of image controls ...
we must try.

La idea era hacer un escritorio al estilo windows probar a poner imagen sobre imagen, en donde el usuario pueda poner sus iconos en el escritorio, moverlos, etc..
Para mejorar la interfaz obviamente puse una imagen de fondo .jpg y sobre ella puse los controles image con un evento click.
Se muestra bien cada uno de los controles pero al hacer click sobre ellos, los que simulan los iconos del escritorio no hacen nada, es como que si la imagen de fondo los cubriera.
voy a seguir probando con otros controles a ver si puedo lograr una mejor estética, por ejemplo, poner botones en vez de controles image ...
hay que probar.

User avatar
esgici
Posts: 4523
Joined: Wed Jul 30, 2008 9:17 pm
DBs Used: DBF
Location: iskenderun / Turkiye
Has thanked: 400 times
Been thanked: 112 times
Contact:

Post by esgici »

luisvasquezcl wrote: ...
To improve the interface obviously put a background image. Jpg and put it on image control with a click event.
It demonstrates each of the controls but when you click on them, simulating the desktop icons do nothing, it's as if the background image covers.
...
Understood.

Instead of ACTION | ONCLICK | ON CLICK event of background image, do you tried using ON MOUSECLICK event of window itself ?

Regards

--

esgici
Viva INTERNATIONAL HMG :D

User avatar
AdrianSB
Posts: 17
Joined: Thu Feb 26, 2009 7:38 pm
Location: Argentina - Quilmes

Post by AdrianSB »

Hola, soy Adrián Buratovich, y quisiera agradecerles todo lo que han hecho y están haciendo por la evolución de Clipper. Más allá de los orígenes y experiencias personales de cada programador xBase, creo que todos compartimos una misma filosofía de trabajo y es por ello que quiero expresarles mi gratitud. GRACIAS!!

He probado la versión 2.0.02 de la librería en entornos 98/Me/XP y he quedado sorprendido por los resultados. He decidido actualizar su versión para iniciar "formalmente" el desarrollo de interfaces MS-Windows con esta librería para un proyecto en el que trabajo. Mi intención es utilizar el IDE para el desarrollo de interfaces y utilizar los archivos estándar ( .fmg ) generados con él, para su integración con mis librerías xBase.

He bajado la última versión de la librería ( 2.6.7 ) desde http://sourceforge.net/projects/harbourminigui, y del IDE ( 2.6.4 )desde http://harbourminigui.googlepages.com/ide.zip pero he encontrado algunos problemas que me gustaría ir analizando en el foro.

Mientras tanto, comencé el desarrollo de las nuevas interfaces con la vieja versión.

La lógica que yo uso es la de los <frame> de HTML para diseñar los espacios del formulario como si fueran páginas web, donde cada HTML-FRAME equivale a un HMG-IMAGE. Con pequeños archivos jpg en objetos IMAGE se logra el mismo resultado que el obtenido en exploradores web con <body background="archivo.jpg">. Esto es sólo un inicio, pero se logra un aspecto similar al de las páginas web respecto de diseño básico.

Saludos !!

TADUCCION SEGUN GOOGLE
Hi, I'm Adrian Buratovich, and I thank them for all they have done and are doing for the development of Clipper. Beyond the personal backgrounds and experiences of each xBase programmer, I think we all share the same philosophy of work and that is why I want to express my gratitude. THANKS!

I tried the 2.0.02 version of the library 98/Me/XP environments and have been surprised by the results. I decided to update its version to start "formally" the development of MS-Windows interface to this library for a project in which I work. My intention is to use the IDE for the development of interfaces and use the standard file (. FMG) generated with it, for its integration with my book xBase.

I downloaded the latest version of the library (2.6.7) from http://sourceforge.net/projects/harbourminigui, and the IDE (2.6.4) but I've since http://harbourminigui.googlepages.com/ide.zip found some problems that I would be looking at the forum.

Meanwhile, I began the development of new interfaces with the old version. The logic I use is that of <frame> HTML design of the form as if they were web pages, where each HTML-FRAME-equivalent to a HMG IMAGE. Jpg files with small objects in image achieves the same result as that obtained in web browsers with <body background="archivo.jpg">. This is just a start, but it gives a look similar to the websites of basic design.

Greetings!

User avatar
luisvasquezcl
Posts: 1150
Joined: Thu Jul 31, 2008 3:23 am
Location: Chile
Has thanked: 15 times
Been thanked: 15 times
Contact:

Post by luisvasquezcl »

Hola Adrian, bienvenido.
Me alegra que hayas preferido HMG, es una gran librería. Quien tiene todo el crédito es Roberto López el creador de HMG.
Te darás cuenta que el desarrollo con HMG es tremendamente rápida, fácil e intuitiva por lo que pronto no podrás dejarlo.
Sobre usar frames y html en tus aplicaciones me gustaría pudieras subir alguna imagen y un pequeño trozo de código para salir de la duda.
Bueno, estamos en contacto.
Luis Vasquez
Hi Adrian, welcome.
I'm glad you've chosen HMG, is a great bookstore.
Anyone who has any credibility is the creator Roberto Lopez
HMG.
You will find that the development is to HMG
extremely fast, easy and intuitive so soon
you can not quit.
About using html frames and I would like in your applications
you could upload a picture and a small piece of code
out of doubt.
Well, we are in contact.

User avatar
AdrianSB
Posts: 17
Joined: Thu Feb 26, 2009 7:38 pm
Location: Argentina - Quilmes

Post by AdrianSB »

Gracias Luis, es muy grato para mí contactarme con ustedes.

Tengo dos capturas de pantalla ( jpg ) como un ejemplo de dos estructuras básicas de diseño de interfaz ( HMG y HTM ) en las que intento obtener similares experiencias de usuario para mis aplicaciones, pero ¡¡ no encuentro las opciones para subirlas al foro !!. De todas formas su descripción es la de tres áreas horizontales a modo encabezado, cuerpo y pie, donde serán distribuidas las funcionalidades de la aplicación. En la parte inferior izquierda ( en el area del pie de página ), se presenta un logo que permite el llamado a un proceso alojado en un sitio web como forma de integración de interfaces MS-Windows y procesos de registro local y en línea.

El problema que vos mencionas es real, como así lo es, la necesidad de que el usuario interactúe en forma directa con imagenes ( tal cual se utiliza en las interfaces web ).

Respecto del error, en tiempo de ejecución se observa que, dependiendo del orden en que se definen los objetos IMAGE, estos se comportan como vos lo describiste:

Ejemplo: Si se definen 2 imagenes según el siguente ejemplo:

DEFINE IMAGE oimgPie
ROW 520
COL 0
WIDTH 780
HEIGHT 50
PICTURE "imagenes\fondo07.jpg"
HELPID Nil
VISIBLE .T.
STRETCH .T.
ACTION Nil
END IMAGE

DEFINE IMAGE oImgLogo
ROW 525
COL 10
WIDTH 40
HEIGHT 40
PICTURE "imagenes\logo02.jpg"
VISIBLE .T.
STRETCH .F.
ACTION ( MsgInfo("Ejecuto algo") )
END IMAGE

( Código equivalente al estrito para la página utilizada como pie en entorno web: <html><base target="_blank"><body background="imagenes/fondo07.jpg" bgproperties="fixed"><a href="ejecuto algo"><img src="imagenes/logo02.jpg" border=0></a></html> )

La imagen oImgLogo se visualiza sobre la imagen oImgPie pero no se ejecuta la acción programada. Si se invierte el orden de las definiciones, la imagen oImgLogo no se visualiza ya que la imagen oImgPie se muestra por delante. Pero, en este caso, si ubicamos el puntero sobre la zona donde debería verse la imagen oImgLogo y hacemos clic, se ejecuta la acción.

El pasado 10 de Febrero de 2009 envié un reporte con algunos problemas con los que me encontré al utilizar el IDE para generar interfaces, a la dirección harbourminigui@gmail.com ( presentada en la barra de título del IDE ) pero no sé si ese es el canal de reportes de errores ya que no he recibido respuesta. He encontrado otros posibles lugares para el envío de este tipo de reportes como <hmg_bugreport@ciudad.com.ar>, mencionado en el archivo bugreport.txt de la distribución de la librería y http://sourceforge.net/tracker/?atid=47 ... unc=browse, Mencionado en el sitio desde donde se baja la distribución de la librería. Como aún no se dónde reportar estas cosas ( ¡¡ no sé donde mandar reportes !!) , les comento aquí que, respecto de errores en el tratamiento de imagenes, se produce algo similar en tiempo de edición del IDE ( en sus 2 versiones ). No se muestran los objetos IMAGE al cargar un formulario luego de cerrarlo.

Reproducción del error:
01) Crear objetos IMAGE sobre un formulario
02) Cerrar el formulario
03) Aceptar actualizar las modificaciones efectuadas
04) Volver a cargar el formulario con doble clic sobre examinador de proyecto.

Observaciones:
01) El código generado por el IDE contiene las definiciones de los objetos IMAGE cuando es mostrado con la opción Ver/Codigo del formulario.
02) Los objetos creados aparecen en el examinador de objetos.
03) Cuando se activa un objeto IMAGE desde el examinador de objetos, se muestran los puntos de modificación de posición y forma pero es visible el área del objeto.
04) Cuando se hace clic sobre el área donde se había ubicado un objeto IMAGE, sólo los objetos a los que se le ha modificado alguna propiedad responden al evento, pero sin presentar su área blanca.

Bueno, si alguien puede orientarme respecto de mis limitaciones, estaré agradecido ya que... ¡¡ no encuentro las opciones para subir adjuntos al foro !! ..... ¡¡ no sé donde mandar reportes !!... y todo porque... ¡¡ no sé hablar en ingles !!...

Saludos !!

TRADUCCION SEGUN GOOGLE

Thanks Luis, it is very gratifying for me to contact you.

I have two screenshots (jpg) as an example of two basic structures of interface design (HMG and HTM) in the attempt to achieve similar user experiences for my applications, but we do not find the options for uploading to the forum! . Anyway its description of the three horizontal areas as head, body and foot, which will be distributed features of the application. In the bottom left (in the footer area), is a logo that allows the call to a process hosted on a website as a way to integrate MS-Windows interfaces and processes of local and online registration.

The problem that you mention are real, as well as the need for the user to interact directly with images (as is used in the Web interface).

Regarding the error, run-time shows that, depending on the order in which objects are defined IMAGE, they behave as you described it:

Example: If defined as the 2 images below example:

DEFINE IMAGE oimgPie
ROW 520
COL 0
WIDTH 780
HEIGHT 50
PICTURE "images \ fondo07.jpg"
HELP Nil
VISIBLE. T.
STRETCH. T.
ACTION Nil
END IMAGE

DEFINE IMAGE oImgLogo
ROW 525
COL 10
WIDTH 40
HEIGHT 40
PICTURE "images \ logo02.jpg"
VISIBLE. T.
STRETCH. F.
ACTION (MsgInfo ( "start something"))
END IMAGE

(Equivalent to pure code for the page used as a foot in Web environment: <html> <base <body target="_blank"> background="imagenes/fondo07.jpg" bgproperties="fixed"> <a href = "start something">< img src = "imagenes/logo02.jpg" border = 0> </ a> </ html>)

OImgLogo The image is displayed on the image oImgPie but does not run the scheduled action. If the order of definitions, oImgLogo image is not displayed because the picture shows oImgPie ahead. But in this case, if we place the pointer over the area where the image should be oImgLogo and we click, the action is executed.

On February 10, 2009 I sent a report with some problems that I found when using the IDE to generate interfaces to address harbourminigui@gmail.com (presented in the title bar of the IDE) but I do not know if that is channel bug reports because I have not received a reply. I have found other possible locations for the transmission of such reports as <hmg_bugreport@ciudad.com.ar> mentioned in the file bugreport.txt distribution of the book and http://sourceforge.net/tracker/?atid = 473940 & group_id = 54496 & func = browse mentioned on the site from where the distribution of low bookstore. As yet I do not know where to report these things (Do not know where to send reports!), I commented here that, in respect of errors in the processing of images, there is something similar in time of publishing the IDE (in 2 versions) . No display objects IMAGE loading a form after closing it.

Playing the error:
01) Create a form on objects IMAGE
02) Close the form
03) To accept the changes made to update
04) Reload the form on double click on browser project.

Comment:
01) The code generated by the IDE contains definitions of objects when IMAGE is shown with the View / code form.
02) The objects created in the object browser.
03) When you activate an object image from the object browser, showing the points of change in position and shape but is the visible area of the object.
04) When you click on the area where he had located an object image, just the objects that it has amended a property responsive to the event, but without his white area.

Well, if anyone can guide regarding my limitations, I would be grateful to ... Do not see the option to upload attachments to forum! ..... Do not know where to send reports !!... and all because ... Do not speak English !!...

Greetings!

Post Reply