From 95470a8b77dd6fbb72c3844a1b7d2aaab92733ab Mon Sep 17 00:00:00 2001 From: Paulo Meirelles Date: Thu, 30 Mar 2017 01:18:40 -0300 Subject: [PATCH] Moving to UX section --- OSS-2017/03-architecture.tex | 39 --------------------------------------- OSS-2017/03-ux.tex | 44 ++++++++++++++++++++++++++++++++++++++++++++ OSS-2017/spb.tex | 6 +++--- 3 files changed, 47 insertions(+), 42 deletions(-) delete mode 100644 OSS-2017/03-architecture.tex create mode 100644 OSS-2017/03-ux.tex diff --git a/OSS-2017/03-architecture.tex b/OSS-2017/03-architecture.tex deleted file mode 100644 index 3a33c36..0000000 --- a/OSS-2017/03-architecture.tex +++ /dev/null @@ -1,39 +0,0 @@ -\section{Architecture} - -%TODO: Kanashiro - -The SPB platform was deployed in 7 virtual machines with different functions, -as we can see in Figure \ref{fig:architecture}. - -\begin{figure}[hbt] - \centering - \includegraphics[width=\textwidth]{figures/arquitetura.png} - \caption{SPB Architecture.} - \label{fig:architecture} -\end{figure} - -The \textit{reverseproxy} handles the HTTP requests and redirects them to the -\textit{integration}, the \textit{email} sends and receives e-mails on behalf -of the platform and the \textit{monitor} keeps the entire environment tracked. -These three \textit{VMs} mentioned - \textit{reverseproxy}, \textit{email} and -\textit{monitor} - are accessible via Internet and the other ones are only -available in the local network created between them. - -\textit{Integration} works as a second layer of proxy beneath -\textit{reverseproxy}, any request to the platform will be handled by it. The -Colab service provides interface, authentication and search engine integration -among all the services. When a request is received to a specific service, -Colab authenticates the user in the target tool, sends the request and makes a -visual transformation in the HTML page, which is the content of the response. -Another user-oriented feature is the integrated search engine, when the user -want to find something in the platform Colab will perform the search in the -whole databases. Colab itself provides a web interface for GNU Mailman and we -have two others integrated tools in \textit{integration}: Gitlab and Prezento. -Gitlab provides web interface for Git repositories and issues tracker, and -Prezento is a front-end for source code static analysis. - -The source code static analysis is performed by \textit{mezuro}. It runs some -static analysis tools on source code stored in repository and provides this data -to Prezento. A social network and CMS (Content Management System) is provided by -Noosfero in \textit{social}, and the databases of all tools with a cache -service are in \textit{database}. diff --git a/OSS-2017/03-ux.tex b/OSS-2017/03-ux.tex new file mode 100644 index 0000000..8fe5168 --- /dev/null +++ b/OSS-2017/03-ux.tex @@ -0,0 +1,44 @@ +\section{User Experience evolution} + +The integration of collaborative environments goes beyond functional aspects. +Offering the population an unified experience across these environments has +been the key to encourage the use of the platform as it reduces the perception +of the complexity. + +Thus, the portal information architecture was redesigned to provide a +transparent navigation and to reach users with different profiles. A process +of harmonization has been employed on the interaction models of each tool in +order to reduce the learning curve. At the same time, a new visual style was +created to unify the navigation experience and to comply with the guidelines of +the digital communication identity pattern established by the Federal +Government. + +With the increase of the system features and the addition of new tools, the +visual style has steadily evolved in order to keep the navigation unified. +Moreover, tools from different backgrounds, which in many cases run +functionalities with similar concepts, made us face the challenge of developing +a transparent interface that unifies various context. For each required +feature, we often have to conciliate data with distinct structure and +information pattern from each used tool. The interface was the meeting point +for this data with links that users will not notice. The most common features +(i.e. search, display and edition of profile information and content) have been +brought in line with the structure and other existing features of the portal. + +The other challenge is related to responsive web design. The portal interface +and each of its pages were designed following the bounds of responsiveness +provided or supported by each tools. In particular, in the case of Noosfero, +which do not have any official branch dedicated to improve its responsiveness, +our project needed to engage with the expansion of this platform, where we made +a lot of contributions and dialogues with the community and maintainers. All +the project members got involved in the study, design and development of the +Noosfero's new interface which support a responsive web design and that have +not yet been completed. + +Users are part of the process. In 2014, a survey among users of the existing +platform was conducted to identify usability problems and to measure their +satisfaction with the system. After the release of the new SPB platform, +several validations activities were implemented in 2015 and 2016, and the data +collected during this phase helped to channel our efforts to identify and to +improve the main fields of the new system. The aim was to bring the users +closer to features that they have more interest and designing a navigation +which deepens in accordance with the user's depth of knowledge. diff --git a/OSS-2017/spb.tex b/OSS-2017/spb.tex index 4c273cd..69f4c5d 100644 --- a/OSS-2017/spb.tex +++ b/OSS-2017/spb.tex @@ -40,10 +40,10 @@ \input{00-abstract} \input{01-introduction} \input{02-platform} -\input{03-architecture} +\input{03-ux} \input{04-finals} %------------------------------------------------------------------------------ -\bibliographystyle{splncs03} -\bibliography{spb} +%\bibliographystyle{splncs03} +%\bibliography{spb} \end{document} -- libgit2 0.21.2