Giants named HTML5 and JVM
1 like720 views
The document highlights Vaadin's role in bridging the gap between HTML5 and Java platforms, showcasing various applications and case studies that underscore the importance of user experience in software development. It includes information on talented professionals at Vaadin, their workplace culture, and details about upcoming conferences centered around GWT and Vaadin technologies. Overall, it serves as an inspirational magazine aimed at developers and companies looking to leverage these powerful frameworks for building business applications.
Giants named HTML5 and JVM
- 1. worldofwebapplications Hello World, Hello Nature: Johannes’ photographs show the beauty of nature Giants named HTML5 and JVM p.4 · Coffee with R&D: Turning Java into Java p.28 Moleculenix, Rums, SentiOne and many more...
- 2. Preface 3 Showcase PUMA Range Toolbox 10 RUMS / SAIC Aerospace 12 Space Applications Services / Aerospace 14 Moleculenix – Ariadne 18 Migros Retail Store Planner 26 Aktia Forms Generator 27 Aktia Forms Generator / Aktia 31 Orion Saita 32 Attendium 33 OSC Enquiry System (TNT) 34 Tallink Silja Line 36 SentiOne 44 Open source projects 46 CONTENTS Giants named HTML5 and JVM 4 There’s always space for talented professionals at Vaadin 6 Magnolia + Vaadin = Awesome UI 16 GWT.Create the largest conference on Vaadin and GWT 22 From different working patterns to new insights 24 Vaadin & If P&C Insurance Company Coffee with R&D 28 Turning Java into Java Hello World, Hello Nature 38 Johannes’ photographs show the beauty of nature Creating a global directory 40 ISO/CS, JPL Informatique & Vaadin From one to one billion users 42 Who is using Vaadin? 52 Vaadin use by country 54 Sales, Global Sami Kaksonen VP of Sales [email protected] +358 50 514 7169 Sales, USA Marcus Hellberg Key Account Manager [email protected] +1 (650) 924-5122 SALES CONTACTS 2
- 3. This is a magazine for your inspiration. Here we introduce a few of our case studies along with insightful articles about the team behind Vaadin. Take a moment and enjoy. Editors Sami Ekblad, Tuuli Eltonen, Tanja Repo and Fredrik Rönnlund Photographers Johannes Tuikkala, Marc Englund, Sampsa Jyrkynen and Jenni Virta Art Director Manu Suominen Vaadin Ltd. Ruukinkatu 2-4 FI-20540 Turku Finland +358 (0)2 651 003 00 dock 3
- 4. 4
- 5. Companies like Google, Apple and Facebook have shown that user experience is the key in winning over the competition. In every business it is crucial to jump into the shoes of your product's user, understand what parts of your product he really experiences and how to make that superior to what your competitors will roll out tomorrow. This is the best way for your to lead the pack in today's world where the winner takes it all. A powerful strategy is to focus on the part that the user really interfaces - the user interface - and steal the best practices for it from the best consumer facing user experiences your users have seen and love today. You just have to imagine how these practices can be adapted to your product. Time and budget always limit the implementation of your vision. For this it is important to recognize the separate set of challenges you have from the ones you use as a benchmark. Giants named HTML5 and JVM 14 years ago we saw a gap between web and Java - two rising platforms of the day. Since then we have been on a mission of bridging this gap. Some frameworks have considered these as two distant islands, where two separate tribes live speaking different languages. We continue to believe that business applications can be best built with tools that unify these platforms. Today these platforms are stronger than ever - they are the giants that together power most businesses. Today we call them HTML5 and JVM. Maybe they need to scale a larger audience than you? Maybe their users spend less time in their apps? You should skip solving problems you do not have. While HTML5 is very powerful in itself, building applications straight on it without a high level abstraction can be expensive. What if your vision includes pushing updates to client? Or supporting all major browsers? Or maintaining the codebase with heterogenous distributed team for a long lifespan of the system? HTML5 by itself does not give you easy solutions. Building from scratch may not be an option, but accepting sub par UX should never be an option. Java has been the trusted engine for most businesses for a long time. Over the time its conservative development has turned the attention to other languages running on JVM. Fortunately Java 8 has succeeded in adapting some of the best ideas from them and continues to provide the most balanced and proven platform for business apps today. The two giants, HTML5 and JVM are very different from each other. They fill different needs. They have different strengths. By harnessing their strengths with Vaadin, you can easily build the UX that enables you to win. UX is your business Empowering developers who build tomorrow 5
- 6. There’s always space for talented professionals at Vaadin Both my work and my most treasured hobby, climbing, offer interesting challenges." Want to work at Vaadin? Check out the open positions at vaadin.com/jobs " 6
- 7. Meet Jonni, one of our developers “I'm a sporty nerd who seeks new technologies. Earlier I worked in a smaller software company and studied IT in the university. A headhunter contacted me through LinkedIn and I got interested in developing my career at Vaadin. During the first month I was in a training project, which was a good introduction to the tools. I also had a tutor. I currently work as a developer in a team of four guys in Services. Agile development is the key! In the future it would be interesting to widen my job description and get a chance to work in the R&D team or as a project manager. In my work, I need versatile software knowledge, I have to learn what different browsers are capable of and how to create appealing user interfaces. I also need to understand the problems, think quickly and be eager to find solutions. As a workplace Vaadin is open, skilled and constantly evolving. The work environment here is really good and in fact, Vaadin has been successful in many "Great places to work" listings. Another big reason for me to work here is the whole open source mentality. Both my work and my most treasured hobby, climbing, offer interesting challenges. I have been climbing in Jordan, Åland Islands and the French Alps. I find new energy at the mountaintops!” Vaadin is one of the Great Places to Work companies in Finland and working here gives developers a great opportunity to work their magic around the Vaadin Framework. The team breathes technology and loves to share thoughts with one another and the community of like- minded developers around the world. Every member of the team is hand picked, and we try hard to offer people a workplace that they enjoy to come to every day. Vaadin is growing with such a pace that new opportunities for both professional and personal growth arise continuously. 7
- 8. 8
- 10. PUMA Range Toolbox Global Retailing PUMA Range Toolbox supports the review of the upcoming collection by allowing merchandisers to vote for products and leave feedback on individual design or the overall collection. The new web based planning application improves work efficiency and flexibility throughout the whole process from article selection to analysis of the selected article range. As the application is fully integrated with the surrounding product lifecycle applications, it also saves a lot of work by being automatically updated with the latest article data and also automatically sending the selected range back to BI, PLM and sourcing systems. The product is technologically advanced and includes a large stack of technologies. Especially the use of the Vaadin Touchkit allowed to create an application with the feel of a native iPad solution but still allowing to leverage all the advantages of a regular web application: zero installation/deployment issues, centralized data, easier updates, no local administration, access from anywhere within PUMA, etc. https://vaadin.com/showcase/puma-range-toolbox 10
- 11. "By using the Vaadin TouchKit we were able to focus on functionality rather than on all the tricky details of a regular web application, like CSS, JavaScipt, HTML, etc. With the help of Vaadin we built a functional and intuitive GUI." - Christian Burger, PUMA SE - 11
- 12. RUMS SAIC (USA) Aerospace The Remote User Monitor Station (RUMS) is a web portal created to facilitate certain NASA air traffic research experiments by allowing researchers to interact with the Unmanned Aircraft Systems Research Platform (UASRP) in the Distributed Simulation Research Lab (DSRL) of the SimLabs group at NASA Ames Research Center. RUMS is a Vaadin application that allows authenticated users to monitor an experiment in real-time outside of the DSRL environment, and allows users to download research data from the UASRP server on-demand. The RUMS client features a live display showing the DSRL simulated air traffic in real-time. RUMS also enables user interaction with other components of the UASRP such as a SQL database. In addition, RUMS provides simulation status information as well as graphical representations of statistical measures regarding aircraft separation and traffic collision avoidance data. From the RUMS user's perspective, using the Vaadin framework enables researchers to access the UASRP in the simplest possible way: with only a web browser, without special plug-ins, and without placing any other installations or usage dependency requirements on the user's end. From the application's architecture, development, and maintenance point of view Vaadin leverages our in-house Java expertise and allows us to take full advantage of the rich Java library APIs. - George Soler, Aerospace Software Architect, SAIC - https://vaadin.com/showcase/rums 12
- 13. 13
- 14. Space Applications Services is an independent Belgian space technology company, founded in 1987, whose aim is to develop innovative systems, solutions and products for the aerospace markets as well as related industries. The company designs and develops spacecraft control centres. It also operates International Space Station (ISS) payloads from control centres (User Support and Operations Centres – USOCs) in Belgium and the Netherlands. The USOCs are responsible for the control and operation of several scientific payloads on- board the ISS. As part of the ground control facilities for the future ISS experiment ACES (Atomic Clock Ensemble in Space), a web-based user interface has been developed to provide access for operators located in the control centre, as well as for remote access for scientists and payload developers. The GUI supports all required functions ranging from planning and real-time monitoring & control, to quicklook displays for science data & user administration and data dissemination. A particularly demanding requirement to integrate the interface with legacy applications made the use of a server-side web development framework almost a necessity, thus making Vaadin a logical choice. The architecture of Vaadin allows for a seamless transition of user interface functionality between server and client depending on the usability and performance needs. This capability proved to be very powerful when designing this real-time monitoring application. https://vaadin.com/showcase/space-applications-services Space Applications Services (Belgium) Aerospace 14
- 16. All content in Magnolia 5 is organized with an intuitive tree-like view. Choose from different display modes. In thumbnail view mode you can easily see them at one glance. https://vaadin.com/ showcase/magnolia-5 Show how Vaadin elements are used by many Magnolia components directly. A number of Magnolia elements have also been implemented specifically for app development. A few examples: Boris Kraft 16
- 17. With Magnolia 5 you can also edit the uploaded images. Crop and rotate them to fit the article layout. Dialogs are used to collect information about images inserted into an article. Context menus offer an intuitive way to access associated actions like delete, move and copy. Magnolia + Vaadin = Awesome UI Magnolia is an open source Java CMS that delivers smartphone simplicity on an enterprise-scale. The mobile-inspired user interface built with Vaadin works through customizable, task-focused Apps, a notification stream called the Pulse, and a system of Favorites for quickly accessing the workspace. The combination of usability and flexible Java architecture has attracted governments and Fortune 500 enterprises in over 100 countries. Ease of use There are several reasons, both technical and organizational, that made Magnolia go for Vaadin. Most importantly, Vaadin is easy to understand and use for Java developers. – It’s easy for java developers to customize and expand Magnolia’s user interface and build great, customized Magnolia 5 Apps. So Magnolia 5 isn’t only a joy to use for editors and authors, but developers, too, says Philipp Bärfuss, CTO (Chief Technology Officer). Developing, testing and debugging are a piece of cake with Vaadin Another reason is the great collaboration Magnolia experienced with Vaadin, as well as Vaadin’s useful documentation. The Book of Vaadin, for example, makes it really easy to get started. The main technical reason for choosing Vaadin for Magnolia 5 is its server- side execution. Executing UI events on the server is controversial, but the benefits of it weigh out the downsides with ease. In sum, the quality of Vaadin as a product as well as the many resources coming from the company helped Magnolia create an awesome UI efficiently. – With Vaadin, we have delivered the most intuitive and beautiful CMS user interface available on the market: Magnolia CMS is easy to use and designed for touch to reflect the importance of the mobile revolution, sums up Boris Kraft, CVO (Chief Visionary Officer) and Co-founder in Magnolia. 17
- 18. Moleculenix - Ariadne Life Sciences The Ariadne application is an inventory and safety management tool for chemical laboratories. Adriane's users are researchers in the fields of chemistry and life sciences. At the moment, the development team at Moleculenix are adding capabilities to enable collaboration between teams of researchers, as well as a fully- featured electronic lab notebook (ELN). Research groups and scientists in industrial or academic environments face the similar challenges during the R&D processes. – A typical academic or industrial research group has a stockroom with 1,000 - 10,000+ commercial chemicals. The chemicals are hazardous materials, and a major investment at ~$100 per container. Safety rules for storage segregation and regulatory reporting are not always followed. Money is wasted on re- ordering chemicals that were misplaced. Time is wasted on searching for chemicals. Our application aims to solve these problems, saving our customers money and making their workspaces safer, says Dr. Valentin O. Rodionov, Founder at Moleculenix Inc. The team at Moleculenix has extensively employed GWT (Google Web Toolkit) in their application. GWT is a development toolkit for building and optimizing complex browser-based applications. – One of the coolest things about Ariadne is our GWT widget for drawing and displaying chemical structures. It works in all major browsers (including IE8), and is touch-savvy when running on iOS and Android. The decision to develop it in GWT allowed us to develop and deploy the component quickly, and to include more chemist-friendly features than any of the competing products. Of course, Vaadin made it extremely easy to integrate GWT/Javascript part with our Java/PostgreSQL back-end. https://vaadin.com/showcase/moleculenix 18
- 21. 21
- 22. At Vaadin we wanted to step forward and organize a conference around GWT with the help from the GWT steering committee. The first conference in 2013 gathered over 640 developers in San Francisco and Frankfurt, with speakers from all over the world, including all the central figures in the GWT steering committee. Not only did the conference bring together GWT and Vaadin committers, users and companies but the speakers were also world class. On average the presentations scored over 4 out of 5 from the participants joining the sessions and have gathered over 9000 views on YouTube after the conference. With such a warm welcome from the community, we decided to redo the conference and as previously, together with the rest of the GWT community, we’re redoing it on two continents. A very positive sign for the conference was that already before the CFP was opened, there were already almost a hundred developers signed up to the conference. We’re on track to have 1000 developers on site in January 2015 and you’re invited! The conference continues as a double site conference hosted both in the US and EU within two consecutive weeks. GWT.create 2015 is hosted in Mountain View, California at the Computer History Museum and in Munich, Germany at the Hilton Park Hotel. At GWT.create 2015 we are going to have an equally awesome setup of speakers and attendees. The tracks at the conference cover everything from deep dives to GWT internals, and frameworks built on top of GWT and future web standards. You will learn what the future of the web looks like from industry leading experts. Both venues have limited space so sign up today to ensure your spot by visiting gwtcreate.com – if you attend one conference this year, make it GWT.create. GWT and Vaadin have many things in common: Both share the goal of bridging the gap between Java and HTML. Both technologies have individual communities with more than 100.000 developers and both are targeted at enterprises wishing to leverage the full power of Java in their UI layer. On top of that Vaadin's widgets are created with GWT. the largest conference on Vaadin and GWT GWT.create 2015 22
- 23. GWT.create: January 22nd–23rd 2015, Mountain View CA, US January 27th–28th 2015, Munich Germany Over 640 developers in 2013 Expecting 1000 developers in 2015 Conference website: gwtcreate.com 2013 speech videos: gwtcreate.com/videos Conference signup: gwtcreate.com/register DISCOUNT CODE: DOCKMAGAZINE (-30%) 23
- 24. system has meant development of new modules, which can later be used in other applications as well, Lehtonen sums up. – The cooperation with Vaadin has run smoothly. The team consists of enthusiastic and innovative people who have a true passion for finding the right solutions. We managed to unite both our team and Vaadin’s in carrying out the process to achieve a common goal, says Lehtonen. – Cooperation – both with the client and within our own team – is the keyword in constructing a successful solution. There has to be a clear understanding inside the team of the fact that we are all building the same system. And this understanding should, of course, relate closely to the client’s perception and experience, Hellberg says. – For me, the best part of the project is managing the big picture, because it allows you to bring together the right people in various phases of the work. Great insights will come up all the time. Vaadin is like a toolbox, you also need people that really know how to use the tools in order to build something great. From different working patterns to new insights The Nordic insurance company If Insurance wanted to take a leap into a customer-centered approach in its IT solution, and at the same time develop it in a more agile way. If worked in close cooperation with Vaadin and its experts to create a modular system to suit the work environment of insurance salespeople. The user-friendly solution naturally models the dialogue between the insurance sales agent and the customer. Vaadin & If P&C Insurance Company: The main goals for the new system were ease of use, customer orientation, and intuitiveness. The technical solution was created to complement real sales situations in a way that considers customers’ needs first rather than just the features of products. – Vaadin’s main role in the project was to offer a technical perspective to the process. The project began with a technical evaluation. The new IT solution was developed based on actual business processes that were studied beforehand. Before starting actual development, a pilot was conducted on one product line, explains If’s Head of Strategy Unit P&T Private Minna Lehtonen. The project proceeded with the principles of agile development. This meant that the focus could be changed according to the client’s needs throughout the process. At the same time, it allowed users to became familiar with the new system as it was built. – Building a project in small increments saves both time and effort. The goals are met more easily when we are able to discuss the solution with the customer during the development process, says Vaadin Expert and Project Manager Marcus Hellberg. He continues: – The challenge in this project has been combining new and old technologies behind a coherent and easy-to-use interface. The focus has been on creating an intuitive system built up from reusable modules. – The new system allows sales personnel to work more efficiently with customers. From the IT- department’s point of view, the ”We need spontaneity, innovativeness and true passion to solve problems” ”This project brought up a great deal of new things and ways of doing” Minna Lehtonen Emphasizing reliability and commitmentThinking, learning, doing 24
- 26. Migros Retail Store Planner ICT The retail store planning application is used at the Migros group for the complete planning process of new retail stores and the remodeling of existing stores. The solution is a centralized multi-user platform which is attached to several company internal information systems to retrieve store data, assortment data, sales data and strategic targets as well as data from the location competition analysis. The user can access the different steps of the planning process using a tab layout, which makes it easy to switch back and forth between the different planning aspects. The UI has been optimized to display all data in a configurable detail level to allow quick comparison between the new store, existing stores and strategic targets, while helping the user to keep track of the overall plan. Today, the solution combines a rich UI with standardized and centralized processes and helps the Migros group with quickly implementing new strategies in a very competitive market environment. The requirements regarding UI flexibility and responsiveness of the application were very high, as the users had been previously working with Microsoft Excel. UI development in plain Java with Vaadin has proven to be much quicker than implementing a standard HTML/CSS/ Javascript frontend. While most of the existing Vaadin widgets were used out of the box, only a small number of extensions of standard Vaadin UI components had to be implemented to optimize the usability of the solution. https://vaadin.com/showcase/migros-retail-store-planner "By using the Vaadin Framework, mp technology was able to create a web application tool for Migros, which is at least as powerful and user-friendly as a traditional desktop application." - Andreas Bettler, Head Store Planning, Migros - mp technology consulting mp technology specializes in the development of B2B and B2C business software for innovative, custom made Internet, backend and mobile solutions, as well as consulting services in software architecture, IT security, performance and mobile services. 26
- 27. Aktia Forms Generator Financial and insurance The Finnish financial group Aktia’s new claims and other forms have been completely rewritten with Vaadin by Endero. The servlets use standard JavaEE technologies from both open-source and commercial products underneath the Vaadin user interface. According to Endero’s Timo Hartikainen, the development has been highly effective due to the tight integration of the server-side UI logic to the business logic. The application itself relies heavily on annotations to create a highly dynamic forms application. Vaadin’s security features have allowed the developers to concentrate on the essential business logic. On top of this, testing has also been cut down due to the wide array of web browsers supported by Vaadin. Aktia’s IT Director Juha Volotinen states that their goal with Vaadin was to create a flexible platform on which they can develop forms and calculators that support their customers. Vaadin also supported their goal of excellent usability and good looks. Aktia offers a broad range of solutions in banking, asset management, insurance and real estate agencies. Aktia operates mainly in coastal areas, in the Helsinki region, and in inland growth areas. Aktia’s roots date back to 1825, when Finland’s first, still existing deposit bank saw the light of day. https://vaadin.com/showcase/aktia-forms-generator 27
- 28. servers and applications. So we test as many combinations as possible. There are bugs that you can't predict or our users combine things in an have to stay agile. Marc: on each other. One change in the changes. Henri: We make products for to use them as basis for the end user applications. Over 100 000 developers use our technology and the number of end users is a multiple of that. New ideas are always needed! Patrik: Product development is not about combining existing Vaadin ecosystem. Jonatan: You could say we try to predict what the developers want to do next. Marc: And of course we have a great combined with the right attitude. Patrik: sense of humor of a 10-year-old. The professional bar in R&D is set very high. The teams are always working on multiple products, developing new ones and improving existing ones. Everyone also takes turns in the maintenance team fixing urgent issues that are showstoppers for anyone using our technology. R&D also participates in webinars, writes blogs, Tips & Tricks and stays active in the Vaadin community in general. Meet the team leaders Jonatan, Leif and Marc and their teams. Currently Vaadin's R&D has 20 top developers - some with special tasks. The Book of Vaadin is a central part of the product and it is the fulltime job of Marko. Sauli on the other hand is responsible for quality assurance and the product’s design is on Jouni’s table. And everything is co-ordinated by Artur as the VP of R&D. Artur: We're working on many things all the time. Not only do we create new features, widgets and expose new APIs, we also follow the changing technology market very closely. Hot in our field right now are WebSockets, Web Components, offline mobile applications and of course integrations with JavaEE and Spring. Leif: The main project of my team right now is the Grid component. We aim to create a new way to present tabular data. It will be faster, easier to maintain and it has features that clients have wished for, like frozen columns. The grid has been a huge learning process for all of us but it’s so awesome compared to anything we’ve seen before. Henrik: We want to make the grid as clean as possible, so its maintenance will be as easy as possible in the future. This gives us development speed down the road. Jouni: After a break of a few years, I came back to my roots in R&D. I'm in Marc's team building the new theme i.e. what the product looks like and how it can be customized by everyone. You get to spin things around in your head a lot. There are no other similar products, so you are kind of in "a zone of the unknown". Artur: There will always be some urgent matters that intervene with the big project – a bug fix or a release is needed. This makes our work very interesting and fast paced. Henrik: Or a browser that we support changes its behavior so that our product no longer works with it. Then we have to change our product. Patrik: What are you working on at the moment? Turning Java into Java What's going on in Vaadin's R&D? We lured the three teams together by offering a big cup of steaming hot Java and cinnamon rolls. Let's find out what tools and features are on the menu for all Vaadin users in the future. What challenges do you encounter? How would you describe the work in R&D? Coffee with R&D: 28
- 29. Vaadin products Vaadin Framework 6 and 7 series Vaadin Charts Vaadin TestBench Vaadin TouchKit Book of Vaadin IDE integrations (Eclipse, Maven, NetBeans) Visual Designer Vaadin CDI In photo: 1. Jonatan Kronqvist 2. Henrik Paul 3. Patrik Lindström 4. Marko Grönroos 5. Henri Sara 6. Leif Åstrand 7. Teemu Suo-Anttila 8. Mika Murtojärvi 9. John Ahlroos 10. Sauli Tähkäpää 1 2 3 4 5 6 7 8 9 10 29
- 30. Spring 30
- 31. 31
- 32. Saita Health Care, Life Sciences SAITA is Orion's business solutions for pharmaceutical personnel. SAITA application enables fast and safe medicine offering and ordering. Hospitals require large amounts of medicine. Instead of paying the full retail price, the hospital personnel asks Orion for an offer on the wares. SAITA inputs the offer request into the system, where Orion's representative reviews the offer. Orion assigns discounted prices to the offer request, and then the offer is printed out as a PDF- file for the customer. The customer, e.g. medical personnel, then either accepts the offer, accepts it partially or rejects it. When an offer is fully or partially accepted, SAITA contacts the wholesale store selling the medicine trough file tranfer protocol (FTP), informing them with which price they are allowed to sell certain medicines to that customer. "Orion SAITA was the first project developed on top of Vaadin 7. With the most cutting edge features from Vaadin and the goal to create the best possible user experience within the application, we achieved a nice looking application that is a pleasure to use." says Jens Jansson, team leader, Vaadin. https://vaadin.com/showcase/saita Vaadin as a company and framework has been a successful long-term choice for Orion. We are very pleased with the Vaadin team and the overall outcome." - Jukka Aho, Orion - " 32
- 33. Attendium Events and Conferences Attendium is a service designed to automate guest list management at venues and events. It allows you to collect names from many sources – e.g. Facebook, e-mail inboxes and website forms – into one guest list for your event. You can even add new names to your guest list via SMS at any time during the event. With Apple’s Ipad, Iphone or Ipod Touch, Attendium allows you to search for and check in your guests much faster than with your old paper lists. Instead of just focusing on how to get attendees to an event, with Attendium you can get the best tools for the treatment of your guests once they have signed up. As a result, Attendium completely revolutionizes the way in which event managers and promoters manage their guest lists. Attendium uses Vaadin for its web-based control panel to manage users, events and guest lists. “Vaadin is solid, well thought-out and trustworthy, and the end result is very good.” –Piotr Blasiak, CEO Attendium is a startup focusing on digital guest list management, backed by KTH Innovation at the royal institute of technology in Stockholm, Sweden. https://vaadin.com/showcase/attendium 33
- 34. 34
- 35. OSC Enquiry System (TNT) Logistics OSC (Operational Service Capabilities) Enquiry provides a single source for obtaining operational ‘door-to-door’ service capabilities for all international and domestic products sold to TNT Express Customers to fulfill their shipping requirements. OSC Enquiry provides POJO software services that can be integrated into consuming applications to support their service capability enquiry transactions. The OSC Enquiry User Interface developed in Vaadin technology also consumes some of the OSC Enquiry Services required by the Service Quality users at TNT Express (150 or so). The UI users are responsible for measuring operational service performance by comparing actual achieved service against estimated transit times quoted to customers. Corrective maintenance actions can then be taken to improve the published transit times. Comparison of our transit times to our competitors’ is also facilitated this way. https://vaadin.com/showcase/osc-enquiry-system-tnt 35
- 36. Tallink Silja Line Maritime Company description Tallink is an Estonian shipping company that is currently a leading provider of high-quality mini-cruise and passenger transport services in the Baltic Sea region as well as a leading provider of ro-ro cargo services on selected routes. The company’s vision is to be the market pioneer in Europe by offering excellence in leisure and business travel and sea transportation services. AS Tallink Grupp has been numerously awarded by many organizations for achievements in the fields of corporate social responsibility, business activities and an innovative approach. The company places high value on the good work of the whole team, which has resulted in positive feedback from the public and organizations. Application description Our project is a payment system which allows Call Center workers to pay for a reservation if the client, for some reason, cannot pay for it him or herself. In addition, this system allows giving additional information to the client, for example detailed information about the reservation (hotel service, additional room service, etc.) Vaadin We have a lot of experience in the development of applications using HTML, JavaScript and CSS. This experience allows us to understand that Vaadin could solve most of our "time killer" problems, which are often caused by browser differences and weakly typed JavaScript. Other “candidates” seem to avoid these problems but still cannot write code using only one programming language. Most of our service engine backend applications are written in Java and integration with the frontend is done using Vaadin Framework. That was one of the easiest parts. The biggest plus of Vaadin is that it allows the developer to write a simple, readable code without thinking about cross-browser. Ability to write code without “workaround” for different platforms is a very good thing, something all developers dream of. https://vaadin.com/showcase/tallink-silja-line 36
- 37. 37
- 38. – A couple of years ago I bought a new system camera, which opened up a whole bunch of new possibilities to take this hobby further. I mainly photograph nature, everything from bugs to deer and starry skies to handsome landscapes. – My favorite subjects are a visual and technical challenge. Can I get close enough and make the image still sharp? Can I capture the moment in its most visually appealing form? On weekdays Johannes photographs nearby, but on weekends he often travels to countryside. – This hobby offers a way to spend time in nature and also space Vaadin Expert Johannes Tuikkala has been part of the Vaadin crew for five years now. He digs both coding and nature, technology and visuality. This is the reason why this coder spends his spare time taking photographs. Hello World, Hello Nature for my own thoughts. It combines both relaxation and excitement – you can never be sure whether you get close enough to animals without scaring them away. For him photography offers an important way to express his artistic side. – As a child I liked to wander in nature. Now I have found this passion again and also gotten a chance to study the surrounding world through the lens. I want to bring out nature’s versatility and beauty, show things as they are and make those moments last. Johannes says he follows hundreds of other photographers online. It’s inspiring to see what others do and how they do it. – In photographing nature it’s not only about you finding subjects, Visit http://bit.do/johannes but also subjects finding you. You may plan to take photos of a certain subject, but then something else comes along and it translates itself into the most wonderful images. It’s the element of unexpected that’s intriguing. So Johannes, what are the best photos made of? –They are those that sweep the viewer into the photographs atmosphere, make him or her feel like they are on that specific location on that very moment. That is what I aim for in my photographs. Nature moments Being present 38
- 39. 39
- 40. Creating a global directory ISO/CS, JPL Informatique & Vaadin: What happens when you put together the International Organization for Standardization Central Secretariat (ISO/CS), JPL Informatique and Vaadin? Obviously, a very successful multi-supplier project. The project aimed to create a global directory, a backbone for all the tools needed in the standardization process. Read more: https://vaadin.com/showcase/iso-cs-jpl-informatique-and-vaadin-global-directory ISO/CS GD3 JPL VAADIN 40
- 41. The application enables international, regional and national standardization bodies’ administrators to manage standard development parties. One of the key outputs of the application is to support role assignment to experts and organizations participating in the standardization process. – Throughout the execution of the project, our main goal was to deliver a more versatile and scalable application. We aimed to improve the user experience and make the whole software faster, simpler and better, explains Project Manager Stéphane Châtelet from ISO/CS. – In the process we also created internal guidelines on how to build applications in a consistent way. Together with ISO/CS and Vaadin we achieved the actual wow effect in this project, says CTO Eric Leray from JPL Informatique. In this project everyone had their own special roles. – ISO/CS, of course, had the best knowledge of their business processes, we in JPL Informatique were their local partner in charge of the technical execution and Vaadin had the design expertise and knowledge of its implementation. Through partnership with Vaadin we also got access to the right people, when we had questions, Eric explains. – The first phase of the project started two years ago with a technology evaluation. At that time the options were Struts2, ICEfaces (JSF2), GWT, GXT and Vaadin. Following the technical stack choice, we began to search for the right partners to help us get up to speed with the Vaadin framework, and accompany us during the project execution, says Stéphane. He continues: – After an intense year working on this project, the team delivered the application in due time and, with a few months of production behind us, we can say: “all lights are green”. It was and is a necessity to be able to trust our partners and their expertise. We plan to continue this cooperation in the future. Vaadin and JPL Informatique are solution partners. The Vaadin Solution Partnership program helps companies stand out from other open-source developers. Vaadin backs up the development by offering a comprehensive set of tools and services. According to Ville Ingman, VP of German Operations in Vaadin, partnering is about building business on top of the partnering model for both sides. –Because of our solution partner model, both we and our solution partner can offer expertise on a wider scale. It is about combining our strengths and being able to offer more than we could as individual companies. A road to success: partnering All for one and one for all 41
- 42. From one to one billion users We dim the lights while you find your seat: We would like to ask you to use your imagination. 238 countries, 6,624 theaters, 69,347 rooms, 20.7 million seats, 3 movies per night, up to 1.9 billion tickets per month, 2 tickets per sale transaction, 10% fill rate. We imagined this: a Vaadin-based web application that could sell all the world’s movie tickets. 42
- 43. Produced & Released by VaadinProduced & Released by Vaadin If you ask developers, they want to make good applications that become popular. We all do. For this reason, one of the most typical questions we are asked is “Can Vaadin applications scale to serve a large number of users and clients?” – We already knew that Vaadin scaled well, but we wanted to test and prove it through an interesting example. We set our goal to be able to handle all the movie ticket sales in the world using a single Vaadin application, says Vaadin Expert Teemu Pöntelin. Could a Vaadin application handle this number of business transactions? To put this into perspective, the actual real-world movie ticket sales in the US and Canada in 2009 were 1.4 billion admissions (Motion Picture Association of America), which would roughly translate into 2,600 tickets sold per minute. – If everyone bought two tickets, this would translate into some 1,300 purchase scenarios per minute. In our test we doubled, tripled and quadrupled this amount. For the test set-up, we chose the typical web application technology stack. The test connected Vaadin Framework with a MySQL database and Tomcat servers. For measuring we used one of the best open-source load-testing tools, Apache JMeter, which simulated thousands of simultaneous ticket buyers. These simulated users constantly bombarded the application. – What we found out is that the typical bottleneck for application scalability is database access. This is why in our application, we tried to minimize the database usage by storing as much data as we could in an in-memory cache. This way we could concentrate on testing the scalability of Vaadin and the web layer, Pöntelin says. The test showed the scalability of Vaadin to be excellent. – A single Amazon EC2 large server could handle 2,748 customers buying one or more tickets every minute. This translates to over 20,000 Ajax requests per minute by some 11,000 users concurrently logged into the application. Adding a second server did almost double these numbers. Thus, the goal of selling all the movie tickets in the world was reached by using just two servers. In reality, of course, ticket sales do not happen evenly. Instead there are usage spikes. Nevertheless, even when we overloaded the servers, the application was responsive. This is good news for application usability. Read more: https://vaadin.com/blog/-/blogs/vaadin-scalability-study-quicktickets Mission possible Important data: We measured the number of sales transactions per second as well as the latency experienced by the user. 43
- 44. SentiOne Internet Software SentiOne offers services for Social Media Monitoring and Analysis. It is a powerful tool to track, control and protect company brand image in the ever-growing social media. For example, 24/7 SentiOne monitors opinions and comments that appear in social media, microblogs, forums, blogs, and news sites. The monitored statements originate from social media such as Facebook, Google+, and also microblogs such as Twitter and BLIP, in addition to diverse internet forums, blogs, information services and product comparison tools. Currently SentiOne monitors over 5 500 000 sites. The whole project is Java based and managed by Maven. The Vaadin application is embedded into Grails Framework and is written in Groovy language. We have chosen Vaadin because we wanted to create a powerful user interface like in Ext-JS or Adobe Flash, but it had to be easy to create, maintain and modify. https://vaadin.com/showcase/sentione 44
- 45. "Choosing Vaadin made our development team more agile as even backend developers are familiar with the technology and can do tasks that would normally be strictly reserved to frontend developers. In our project, Vaadin is embedded into the Grails application which is part of the bigger system managed by Maven. With such combination we are able to quickly create, edit and maintain sophisticated user interface." - Michał Brzezicki, Head of Technology - 45
- 46. Open Source Projects Hundreds of open source projects use Vaadin, read more about them next. 46
- 47. Dot-Art / Eric Taix (France) ICT Dot-Art is a free service for creating an HTML5 countdown. It allows you to set the end date of the countdown, define your own colors, styles and background, add your own images before and after the countdown and much more. Neither HTML5 nor JavaScript knowledge is required to use it. https://vaadin.com/showcase/dot-art OlympicWeightliftingCMS / Québec Weightlifting Federation (Canada) Sports OlympicWeightliftingCMS is a multi-user application for managing an Olympic Weightlifting competition according to International Weightlifting Federation rules. It includes automatic calculation of lifting order, display of results and attempt information, and production of competition documents, timing and refereeing. https://vaadin.com/showcase/owlcms 47
- 48. ViLLE Public Education ViLLE is a collaborative education platform developed at the University of Turku. With ViLLE, teachers can create virtual courses and electronic exams with various types of automatically assessed exercises with immediate feedback. All created resources can be shared, commented and evaluated by other teachers. ViLLE automatically gathers a huge amount of data about students' learning behavior and results while they are using the system. This creates new research possibilities, as a huge amount of quantitative and qualitative data becomes available. ViLLE is currently utilized by more than 400 teachers and over 7 000 students around the world. The effectiveness of ViLLE has been evaluated in various scientific studies, and based on the results, ViLLE enhances students’ learning performance and motivation significantly. For example, ViLLE was used successfully for the first electronic matriculation exam experiment in Finland in January 2013. More information can be found at http://ville.cs.utu.fi. https://vaadin.com/showcase/ville 48
- 49. GestPro Public administration Gestpro is a secure web application that allows the administrative staff, teachers and students of the Institute to find, view, print, and modify the information they need according to the permissions they have been granted. It is the core of the academic information system. This application was built to replace an old legacy set of databases that was slow, not standardized, not easy to work with, that requested the installation of proprietary licences and software for each user. It had to be replaced by a more flexible, user-friendly, thus accurate and secure information system based on ubiquitous Web technologies. GestPro now provides instant web access from any Web browser to a rich set of data features, including record creation, search, filtering, editing and reporting. Sophisticated data filters have been easily implemented with Vaadin « Filtering Table » component. Interfaces have been standardized throughout every module, making them definitively user-friendly. State-of-the-art data features make data entry more intuitive and effortless. Change history is also implemented in order to trace changes and roll back information if necessary. "Vaadin's Community Forum has proved to be a valuable asset in order to assist us in overcoming a development problem that we had with an add-on. I submitted it and received several replies in the next 48 hours, not only from the community but also from the Vaadin team. The problem was solved and the bug was fixed easily." - Julian Affaire, Java Developer, Savoir-faire Linux - http://www.ithq.qc.ca 49
- 50. Keep The Archipelago Tidy Association - Clean the Beaches Mobile App Keep the Archipelago Tidy is a nationwide non-profit organisation, active in environment protection in many fields: waste collection, recycling, information and education. During May 2014, the association arranged a two week campaign, the Siisti Biitsi project (loosely translated as ‘Clean Beaches’). Along with the Clean Beaches project, the association needed a mobile application to enhance the impact of their efforts. The mobile application enables one individual, a group or a team to mark their collected waste via the application to the project and eventually share it through social media. “We wanted to find a partner that makes good-looking web applications and decided to go with Vaadin. Co-operation so far has been fun, easy-going and Vaadin made our abstract idea come true. Co-operation has been very fruitful.” Jenny Gustafsson says from Keep the Archipelago Tidy organisation. "The project was based on Vaadin TouchKit, which allowed us to build a very nice UI incredibly fast. As a bonus, it works on all modern mobile devices, as well as desktops, out of the box." says Thomas Mattsson, project manager and Vaadin Expert from Vaadin. The application is provided for free to everyone through the project homepage; it is also open source and can be found on GitHub (https://github.com/ tmattsso/CleanBeach). It was part of pro-bono work from Vaadin. The UI design was done primarily for phones, but the app also works on tablets and desktops. The key design points were usability and development speed. To that end, the app uses the tried and tested combination of MVP, CDI and EJB3, with JPA for persistency. http://www.pssry.fi and http:/www.siistibiitsi.fi/siistibiitsi 50
- 51. Upgrade your toolbox interactivity and save time. Check out Vaadin Charts TouchKit TestBench and Spreadsheet. Have a backup plan Vaadin Support saves your developing time and nerves and helps in getting the product on the market faster. Learn it and excel in it In Vaadin Trainings you'll learn the framework and tools. We have trainings from fundamentals to more techniques and even custom trainings. Save your time and nerves Need extra hands? In addition to providing the best web framework for business of Consulting Services. Vaadin Pro Tools starting $39 / developer / month. Support plans starting $4000 / year. Vaadin Trainings starting $1900 / 2 days Consulting Services starting $149 / hour. Hey professional, this is your new toolbox. Want to find out more? vaadin.com/tools-and-services 51
- 52. Thousands of companies all over the world are creating compelling and user- friendly web applications using Vaadin. Try googling "who is using vaadin" and see what they have achieved. Who is using Vaadin? Have you created an awesome application using Vaadin? Contact us to get it listed here. 52
- 53. 53
- 54. 1. United States 2. Germany 3. India 4. Canada 5. Finland 6. Russia 7. Poland 8. Italy 9. France 10. China Vaadin use by country 130k: Over 130.000 developers from 7800 cities use our community portal monthly 130k 24 54
- 55. Statistics First Vaadin based enterprise system has been in production since year 2001 13 There are 446 add-on products available for Vaadin would recommend Vaadin 446 Business Internal Applications 56% Business External Applications 29% Consumer External Applications 15% Business & Technology 41% Finance & Industry 32% Healthcare & Education 18% 1000+ users 12% 100-1000 users 28% 100 users 61% Vaadin usage Vaadin verticals System size 94% numbers based on Vaadin Community Surveys 2014 55
- 56. Headquarters Vaadin Ltd. Ruukinkatu 2–4 FI-20540 Turku Finland +358 (0)2 651 003 00 United States Vaadin, Inc. 1551 McCarthy Blvd, Ste 202 Milpitas, CA 95035 650-681-7433 Web vaadin.com Contact vaadin.com/contact akquinet AG Germany Web: www.akquinet.de Email: [email protected] Arcusys Finland Web: www.arcusys.fi Email: [email protected] Bilbomatica Spain Web:www.bilbomatica.es Email: [email protected] codecentric AG Germany Web: www.codecentric.de Email: [email protected] Fujitsu Finland Oy Finland Web: www.fujitsu.com/fi Email: [email protected] it-economics GmbH Germany Web: www.it-economics.de Email: [email protected] JPL Informatique Switzerland Web: www.jpl.ch Email: [email protected] mp technology consulting Switzerland Web: mptechnology.ch Email: [email protected] Tieto Finland Web: www.tieto.fi Email: tieto.fi/tiedosta/yhteystiedot