-EN -

After some months of development… we come back with a major update and a new Lite version!

LiteIcon@2x

Features that have been improved in this version are:

- Improved interfaces’ native Look & feel: drop down menus now fulfill iOS’ design patterns
- Improved “Edit position” mode: The element is moved in respect to its center and not to a corner, like before
- Rearranging: A new menu has been created, which includes extra options
- Fixed some minor bugs related to iPhone 5 and made a better and full adaptation

New features:

- Save: After saving a file, now it can be loaded again with the following option
- Load file: It allows the user to load a saved file, to keep on editing it from the point it was saved
- Edit body: It allows the user to modify the <body> element of the web, editing the font and background properties

A Webit Lite app has been developed, to those users who are not sure about purchasing the complete version without trying it before.
Webit Lite contains almost all the functions of the complete version, with 3 exceptions:

- The “Save” function doesn’t allow the user to download the source code through iTunes to upload it later on internet, it only saves it to keep on editing it through “Load file”
- The “Design” mode won’t be available in the Lite version
- It contains ads

Remember that you can send your feedback and screenshots of your edited webs to mgsantamarina@gmail.com

- ES -

Tras unos meses de desarrollo… volvemos con una gran actualización y una versión Lite!

LiteIcon@2x

Aspectos que se han mejorado en esta nueva versión:

- Mejora de interfaces con Look & feel nativo: Los menús desplegables ahora cumplen los estándares de diseño de iOS
- Mejora en el modo “Edit position”: El elemento se reposiciona desde su punto central, y no desde una esquina como se hacía antes
- Reestructuración: Se ha creado un menú adicional que agrupa distintas opciones extra
- Arreglo de algunos bugs relacionados con iPhone5 y adaptación total al dispositivo

Nuevas características:

- Save: Al guardar un archivo, ahora también se podrá cargar en el móvil posteriormente con la opción detallada a continuación.
- Load file: Permite cargar un archivo guardado, y continuar la edición desde el punto en el que se dejó
- Edit body: Permite modificar el elemento <body> de la página web, pudiendo variar así características de la fuente y el fondo.

Se ha desarrollado la aplicación Webit Lite, para aquellos usuarios que no estén seguros de adquirir la versión completa sin haberla probado antes.
Webit Lite contiene prácticamente todas las funciones de la versión completa, salvo 3 diferencias:

- La función “Save” no permite descargar el archivo guardado mediante iTunes para su posterior subida a internet, únicamente lo guardará para seguir editándolo con “Load file”
- El modo “Design” no estará disponible en la versión Lite
- Contiene publicidad

Recordad que podéis seguir enviando vuestro feedback y capturas de webs editadas a mgsantamarina@gmail.com!

Leave a comment »

Webit’s release on March, 22 2013!

- EN -

Webit is now available on the App Store!

Icon114

Download it for your iPhone and edit webpages easily and in real-time!

Mail us your before & after edition screenshots to mgsantamarina@gmail.com and we’ll upload them on our official Facebook page.
Also feel free to send us your suggestions so we can continue developing and adding new features to Webit.

Soon on iPad!

- ES -

¡Webit ya está disponible en la App Store!

Icon114

¡Bájalo para tu iPhone y realiza ediciones web de forma simple y en tiempo real!

Envíanos tus capturas previas y posteriores a una edición web a mgsantamarina@gmail.com y las subiremos a la página oficial de Facebook.
También puedes enviarnos tu opinión de modo que podamos seguir desarrollando y añadiendo nuevas funcionalidades a Webit.

¡Próximamente en iPad!

Leave a comment »

Welcome to Webit!

- EN -

Welcome to the Webit blog: The web touch-editing app for iPhone.

In this site you will find all the information related to this app, as well as updates and usage tutorials.

But first things first, let’s introduce the app:

How was Webit born?

Webit comes from a degree’s final project proposal at the La Salle campus of Engineering and Architecture (URL), Barcelona.

The initial idea was to create an application in the m-learning (mobile learning) field, which is characterised for being a sort of an asynchronous learning and that doesn’t require a fix place to be taught or consult its contents, thanks to the features in mobile devices.

The objective was to create a project which would be useful for giving a course on “Design and Usability”, given at this very same University.

What is Webit?

Webit is an iPhone app which allows the user to load a webpage through a browser and edit via touch both the content and the presentation of the various elements on the page, no need for programming.

Apart from being able to edit elements, it allows you to erase and create new ones, thus being a complete web editor, recognising more than 80 HTML tags and being able to create more than 40 different elements.

On the other hand, Webit contains extra functions which allow you to compare the modified web with the original, save the source code so that you are able to upload the edited web to the internet, and show the basic features of a design document: the text sources which have been used, the images shown on the web and the relation between the various colours in the document.

Who is it targeted to?

Initially, Webit was targeted to graphic design students so that they could get to do some tests on usability and accessibility: to modify the location of the elements, to change the colours spectrum, to use more representative names in the menus… but regarding the app’s potential and the fact that a complete editor has successfully been created; such editor allows you to create web documents by using other ones previously created, no need to program, any user could use it, for any kind of action such as the previously mentioned tests, edit webs or to use any other of its functions.

In addition, its graphic interface which is intuitive and easy to use, so that it will not take you long to adapt to its use.

Where can I acquire it?

You will find Webit in the App Store.

What can I do with Webit?

As an image is worth more than a thousand words, here you can find a demonstration video of Webit, where all the features of this app are displayed.

In order to learn how to use it you can check out the available tutorials in this blog, through which you will be able to edit this webpage with just a few steps.

- ES -

Bienvenidos al blog de Webit: la aplicación de edición web táctil para iPhone.

En este site encontrarás toda la información relacionada con esta app, así como actualizaciones y tutoriales de uso.

Pero lo primero es lo primero, presentemos la aplicación:

¿Cómo nace Webit?

Webit surge como una propuesta de trabajo final de grado por parte de la universidad Enginyeria i Arquitectura La Salle (URL) de Barcelona.

La idea inicial fue crear una aplicación en el campo del m-learning (mobile learning), que se caracteriza por ser un tipo de aprendizaje asíncrono y que no requiere de un lugar fijo para ser impartido o consultar sus contenidos, gracias a las características de los dispositivos móviles.

El objetivo fue que el proyecto pudiera ayudar a la impartición de clases de la asignatura de “Diseño y Usabilidad”, impartida en la propia universidad.

¿Qué es Webit?

Webit es una aplicación para iPhone, que permite al usuario cargar una página web mediante un navegador y editar de forma táctil tanto el contenido como la presentación de los distintos elementos de la página, sin necesidad de programar.

Además de poder editar elementos, permite borrar y crear nuevos, siendo así un editor web completo, reconociendo más de 80 tags HTML y pudiendo crear más de 40 elementos distintos.

Por otro lado, Webit contiene funciones extras que permiten comparar la web modificada con la originalguardar el código fuente para poder subir la web editada a internet, y mostrar las características básicas de un documento de diseño: los tipos de fuente utilizados, las imágenes mostradas en la web, y la relación que hay entre los distintos colores del documento.

¿A quién va dirigido?

En un principio Webit estaba orientado a estudiantes de diseño gráfico para que pudieran realizar pruebas de usabilidad y accesibilidad: modificar la disposición de los elementos, cambiar las gamas de colores, utilizar nombres más representativos en los menús… pero visto el potencial de la aplicación y que se ha logrado desarrollar un editor completo que permite crear documentos web a partir de otros y sin necesidad de programar, cualquier usuario puede utilizarlo, ya sea para realizar las pruebas anteriores, editar webs o utilizar cualquiera de sus otras funcionalidades.

Además cuenta con una interfaz gráfica intuitiva y fácil de usar, por lo que no tardarás mucho en familiarizarte con su uso.

¿Dónde se puede conseguir?

Podrás encontrar Webit en la App Store.

¿Qué puedo hacer con Webit?

Como una imagen vale más que mil palabras, os dejamos a continuación un vídeo demostrativo de Webit, donde se muestran todas las posibilidades de la aplicación.

Para aprender a utilizarlo puedes consultar los tutoriales habilitados en este blog, mediante los que conseguirás editar esta misma página web en muy pocos pasos.

Leave a comment »

Follow

Get every new post delivered to your Inbox.