Tag Archives: MEAN Stack

Posted on Tue, Nov 17, 2015 @ 9:49 am

AngularJS (AAngularJS_LogoJS), a component of the popular Javascript MEAN Stack, has quickly become a go-to framework for developers looking to build dynamic, robust single page web applications.

AJS lets you extend the HTML vocabulary for your app to create an extraordinarily expressive and readable environment that can be developed very quickly. With the fast adoption of this newer technology comes a plethora of new concerns when moving an app into production. Read on for a specialized checklist from OFS on what to watch for as you ready your AngularJS app for production.

A Production Checklist for AngularJS Apps

  1. Performance Pitfalls

Typically with any AJS application, being a single-page application (SPA), you need to be very careful about the size of the final package that is deployed on the webserver. It is critically important to ensure that the app has a modular design and incrementally downloads to the end user’s device. This becomes especially important if users are on a mobile phone or tablet and are using the telecom network for accessing the web app. Ashutterstock_95526985 m
odular design and techniques like minifying the resource files will help avoid potential performance problems that the end user might see. This is a tricky issue because of the limitations that most organizations will have due to lacking the right test environment before going into production.

  1. Logging

As much as logging is important on the server side, special care needs to be taken on the client side AJS app to figure out what is happening – for both positive and negative flows. A
strong logging strategy must be in place when deploying Angular apps to production. This will also help in figuring out what is a better path for the user with respect to navigating the application – like A/B testing. An async and independent logging framework will offer lots of insight while in production.  Also, one needs to ensure that the app is not logging anything to the console on the client side.

  1. Caching

While caching is required, it can also cause potential problems with stale files, especially when a content delivery network (CDN) is being put to use. Proper configuration and right testing will help the team understand the intricacies with respect to caching. It is also a good practice to download the dependencies from publicly available CDNs –- It has pros and cons, which the team must understand beforehand.

  1. Size

The size of the HTML/JS resources being downloaded and the volume and size of data being passed back and forth matters a lot. Features like pagination must be given due diligence.

  1. DOM Manipulations

This is very important in any AJS app and this should be done only in the right place – directives. This will have direct impact on the end user experience.

  1. Misuse of $scope

Developers tend to misuse scope in most of the cases, and proper development guidelines must be followed here. Often when there are bad practices around this, debugging gets difficult in the post production support.

Note: Apart from this, the back button, images (sizes, responsiveness), responsive behavior testing, and issues that arise due to minifying code need extra care and review to ensure that the end user experience is as expected.

With this checklist, you’ll be able to consider the major challenges you may face in moving your AJS app into production, and curb any problems that threaten to derail your momentum.

Need help beyond just a checklist? 

OFS has a wealth of highly skilled employees trained in AngularJS and every component of the MEAN Stack—MongoDB, Express, AngularJS, and Node.js.  Send us a quick note here to find out how we can help you rapidly build compelling Javascript apps for your business. For more on our MEAN Stack expertise, click here.

Please follow and like us:
0
Posted on Mon, Jan 26, 2015 @ 7:00 am

breaking_news

Client: A National Television Broadcasting Company

Client Need: The Client’s original mobile Breaking New Alerts and Distribution Hub was built to handle significantly fewer subscribers than the 16 million iOS subscribers and 9 million Android subscribers it had amassed over the years. On this older platform, there was a 16-minute lag from when news editors entered a story to when subscribers actually received the alert on their mobile device.

In the business of breaking news, where reputation relies upon delivering immediate, accurate news, every moment counts. The Client felt it was imperative that the platform be rebuilt to send out news alerts nearly instantly.

Challenges:

Platform must be –

  • Built to scale, so it will last for many years and to handle many more subscribers
  • Designed to store and retrieve millions of records, and to filter them by platform within seconds to send out news notifications quickly
  • Completed very quickly, as this project was a top priority for the Client

To view the rest of the case study, click the button below!

full-case-study-cta

To hear more about our depth of experience in the MEAN Stack and how we can bring that expertise to your digital products and platforms, please click the button below to submit a request. We’d be delighted to speak with you!

Mean-Development-Needs

 

Please follow and like us:
0
Posted on Thu, Jan 15, 2015 @ 9:43 am

breaking_news

Client: A National Television Broadcasting Company

Client Need: The Client’s original mobile Breaking New Alerts and Distribution Hub was built to handle significantly fewer subscribers than the 16 million iOS subscribers and 9 million Android subscribers it had amassed over the years. On this older platform, there was a 16-minute lag from when news editors entered a story to when subscribers actually received the alert on their mobile device.

In the business of breaking news, where reputation relies upon delivering immediate, accurate news, every moment counts. The Client felt it was imperative that the platform be rebuilt to send out news alerts nearly instantly.

Challenges:

Platform must be –

  • Built to scale, so it will last for many years and to handle many more subscribers
  • Designed to store and retrieve millions of records and to filter them by platform within seconds to send out news notifications quickly
  • Completed very quickly, as this project was a top priority for the Client

Solution: OFS designed, architected, and deployed a completely new ADH platform that delivers all alerts to subscribers in under 1 minute. The old application used a traditional relational DB to store and retrieve the millions of subscription records, and the news notifications were sent out sequentially, one-by-one, for the millions of subscribers, resulting in the long lag time. Our new approach utilizes a batch concept, which sorts records based on platform and stores them in unconventional MongoDB.

Additionally, the sequential notification approach was changed to multiple applications running asynchronously using a cloud-based 3rd-party system. We also built the new platform to scale, to handle up to 1 billion users, so it will last a long time for the Client as they accumulate more subscribers. OFS brought the deep computer science expertise needed to architect and engineer this new platform for optimal performance, and we acted quickly, completing the working model for Maverick in only 7 weeks.

Platforms Migrated: Maverick, iOS, Android, Windows 8, etc.

Technologies UsedNode.js, Mongo DB, Iron.Io

Result: The Client quickly received a new ADH platform that delivers all news alerts to subscribers nearly instantly, in less than a minute. The platform is built to scale and capable of managing up to 1 billion subscribers, so it will last the Client for many years to come. The Client has stated that this is the best vendor relationship they have experienced in the last 9 years.

full-case-study-cta

MEAN_Stack-1If you’d like to hear more about our depth of experience in the MEAN Stack and how we can bring that expertise to your digital products and platforms, please click the button below to submit a request. We’d be delighted to speak with you!

Mean-Development-Needs

[pardot-form id=”800″ title=”Comments tracking form”]

Please follow and like us:
0
Posted on Mon, Dec 22, 2014 @ 7:00 am

MEAN_Stack-1Following the significant growth in the use of MEAN Stack technologies that OFS experienced with clients in 2014, the company is pleased to announce it has increased its investment in this technology by training 50 more employees in the MEAN Stack skillset in anticipation of 2015 client demands.

OFS CEO Rich Napoli explained, “Our work utilizing the MEAN Stack was actually the biggest piece of our growth in 2014”. The MEAN Stack, consisting of MongoDB, Express, AngularJS, andNode.js technologies, is in high demand lately as modern apps rapidly require the benefits these newer technologies offer.

The MEAN Stack is unmatched in its ability to provide massive scalability on deployment in order to handle many users at once, to allow for easy updates and changes in order to respond quickly to constantly changing customer needs, and to improve the testability of the code – all things you want when looking to drive revenue through compelling software today.

OFS has had great success using the MEAN Stack technologies for its customers (For a recent case study click here). OFS is also seeing many clients using the MEAN stack within a larger effort to digitally transform their enterprise, building engaging digital products and platforms that respond quickly to real-time customer needs.

With the quick rise in the use of MEAN technologies this year, many firms are scrambling to keep up, as they have found these skillsets to be in short supply, both in-house and from third-parties. OFS is committed to serving this market with its wealth of newly trained employees skilled in every component—MongoDB, Express, AngularJS, and Node.js—and as a certified MongoDB partner in 2015.

Click the button below to view a MEAN Stack Case Study:

Smart-tv-app-cta

About OFS: OFS helps clients build innovative software products that drive revenue for their business. OFS uses the latest in social, mobile, cloud and data analytics technologies to build software that is compelling, packed with innovative features, and designed for rapid evolution to propel customers past their competition. Founded in 1997, OFS has a deep heritage of building commercial products for software vendors, which has given them the insight and experience to create impactful software for any business. OFS has over 500 employees spread across its US offices in New Jersey, Philadelphia, Washington DC, Atlanta, and its offshore facility in Chennai, India. www.objectfrontier.com/

Please follow and like us:
0
Posted on Tue, Dec 16, 2014 @ 12:00 pm

Smart_TV_App

Client:  A Leading Sports Television Network

Client Need:  The Client wanted to increase viewer engagement and extend viewership time during their broadcast of a major upcoming sporting event. By securing higher TV audience ratings, they could increase their advertising revenue from program sponsors. They decided they wanted to build an app for Samsung Smart TVs for this purpose, which viewers could download directly onto their TV, as well as an app to work on Android mobile devices for on-the-go viewers or those without a smart TV.

Challenges:

  • Must work on all 2013 and 2014 Samsung Smart TVs
  • Must perform well even on low-end smart TVs
  • Must be able to cast the media (photos/news/videos) from any Samsung Android phone/tablet with the app installed
  • Must auto-refresh the content to show the latest from the feed
  • Must store user specific data (like favorite players) locally
  • Must support Closed Captioning of live stream videos

Solution: OFS developed the app, which was the first-ever event-based experience app designed for the Samsung Smart TV Platform in this sport. From the very start of competition, the app brings the action right into users’ homes. Consumers are able to dive deeper into the competition from the comfort of their couches using their Samsung Smart TV and Galaxy mobile devices to get exclusive content, including… To view the rest of the case study, click the button below!

Read-Full-Case-Study-CTA

If you’re interested in hearing more about the depth of our experience in the MEAN Stack and how we can bring that expertise to your digital products and platforms, please click the button below to submit a request. We’d be delighted to speak with you!

Mean-Development-Needs

To learn more on how Smart TV Apps are giving brands a digital edge, click here for our blog post!

Please follow and like us:
0