Saturday 25 June 2016

How Adaptive design differ from Responsive design, pros and cons over both?


  • Responsive design works on the principle of flexibility. (So it works based on media queries)
  • Adaptive design detects the device and other features.  (Its render the HTML and CSS, js, etc., from server based on device)


Adaptive Design over Responsive Design
Pros:
  1. We can provide different Layouts for specific legacy(old) devices. This is useful for devices, which not support latest media queries.
  2. Specifically we can cover "low-end devices" with this
Cons:
  1. Adaptive requires a large team of developers and the budget
  2. Adaptive is a good approach, but creating too many separate designs takes a lot of work

Responsive Design over Adaptive Design
Pros:
  1. No need large team of developers and the budget
  2. Support for all available and upcoming resolution devices
  3. No need separate Layouts like Adaptive
Cons:
  1. Not support on Legacy devices
  2. Layout created on client side, based on browser size. But by using Adaptive we can reduce downloading unwanted data from server for the current layout .


Conclusion:
    Adaptive design is very good approach. but, more complex and expensive.  And also adaptive is changing the actual html (and in consequence also the loaded css, js and other assets) by detecting the device on the server side.
    Nowadays more devices are latest or at-least have support on media queries. So Responsive will reach most of the end. Most of them no need to go for (expensive and complex) Adaptive.



Tuesday 21 June 2016

What are Progressive Web Apps?

A Progressive Web App uses modern web capabilities to deliver an app-like user experience.” – Progressive Web Apps

   Native app store apps do things like send push notifications, work offline, look and feel like an app (as Apple and Google have imagined them), load on the home-screen, and so on and so forth. Mobile Web Apps accessed in a mobile browser, by comparison, historically haven’t done those things. Progressive Web Apps fix that with new Web APIs, new design concepts, and new buzzwords.


PWA is like pulled out the web content from a hybrid app and load it in a mobile browser.


Service Workers

    Service Worker is a worker script that works behind the scenes, independent of your app, and runs in response to events like network requests, push notifications, connectivity changes, and more.
    We can listen for events like fetch that happen any time a network request occurs. We can handle that event with full control, checking for cached data and returning immediately, or allowing the request to continue to the remote server. Our script acts as a proxy, or middle-ware, for the request.

Main takeaway:
    Service Workers are just a JavaScript file like any other, running in the background and triggered via events, and it’s up to you to write code to handle caching, push notifications, content fetching, etc. Since developers end up using the same “recipes” to do common tasks (like offline support), we will most likely want to use existing recipes to make our lives easier. Service Workers are available on Android with Chrome 50 and not currently supported by other major mobile browsers.


App Shell

    The App Shell model is a simple design concept whereby the initial load of a mobile web app provides a basic shell of a app UI, and the content for the app is loaded after.
    We can load our web app layout immediately (tabs, navigation controller, side menu, etc.), cache it through a service worker, and then fetch and update the content through JS after the app shell has loaded.



Installability and App Manifest

    Historically, mobile web apps were not installed like an app to the homescreen. Sure, a user could “pin” a mobile website to their homescreen on iOS and Android, but the experience was second-rate, and the app still did not come with the local features we expect out of native apps
    This is changing. Recently, Chrome on Android added support for installing web apps to the homescreen with a native install banner, just like the native app banners we’re used to.
    To tell Chrome our mobile website is installable as an app, we write a manifest.json file and link to it from our main HTML page (see the second link above for a full example).
    Currently, iOS doesn’t have any additional features here beyond Pin to Homescreen, so the experience won’t be as fluid, but here’s hoping Apple gives us some goodies this year.


Conclusion

    Progressive Web Apps are equal parts new Web APIs, design patterns, and marketing fluff. The mobile web comes closer to parity with installable app store apps through app manifest and home-screen install support, background worker functionality with Service Workers, faster load time with App Shell, and a renewed belief that web developers, too, can build amazing mobile app experiences.



Monday 20 June 2016

Searching for symptoms on Google

    Picture this: you woke up today with a headache. It’s been getting worse all day, and you aren’t sure if you should be worried or not. So you open the Google app and start searching for your symptoms. After 20 minutes digging through health forums, chances are you're overwhelmed by all the complicated medical terms and breaking out in a sweat—whether that’s related to the headache or the overdose of info is unclear!

    You’re not alone. Roughly 1 percent of searches on Google (think: millions!) are symptom-related. But health content on the web can be difficult to navigate, and tends to lead people from mild symptoms to scary and unlikely conditions, which can cause unnecessary anxiety and stress.

    So starting in the coming days, when you ask Google about symptoms like “headache on one side,” Google will show you a list of related conditions (“headache,” “migraine,” “tension headache,” “cluster headache,” “sinusitis,” and “common cold”). For individual symptoms like “headache,” Google also give you an overview description along with information on self-treatment options and what might warrant a doctor’s visit. By doing this, Google's goal is to help you to navigate and explore health conditions related to your symptoms, and quickly get to the point where you can do more in-depth research on the web or talk to a health professional.

    Google create the list of symptoms by looking for health conditions mentioned in web results, and then checking them against high-quality medical information google have collected from doctors for google's Knowledge Graph. They worked with a team of medical doctors to carefully review the individual symptom information, and experts at Harvard Medical School and Mayo Clinic evaluated related conditions for a representative sample of searches to help improve the lists they show.


    That said, symptom search (like all medical information on Google) is intended for informational purposes only, and you should always consult a doctor for medical advice. They are rely on search results, and Google reflect what’s on the web. Because of this, your feedback is especially important to Google; They will use it to keep improving the results they show. You’ll notice in the weeks following launch that when Google show symptom search they will automatically ask you if the results are helpful.

    They are rolling this update out on mobile over the next few days, in English in the U.S. to start. Over time, they hope to cover more symptoms, and they also want to extend this to other languages and internationally. So the next time you’re worried about your “child with knee pain(even though it’s probably just growing pains), or have some symptoms you’re too embarrassed to run by your roommate, a Google search will be a helpful place to start.


Wednesday 1 July 2015

Google TransCode




      Google TransCode the webpages for slow network connections like mobile networks.
They TransCode(convert) the pages to load fast. That reduce the data usage and increase the speed 4 times faster then normal.

See the transcoded version of a web page
      View a transcoded version of a webpage on your mobile device or on your desktop.


If you have a Google account:
        View the transcoded page


Otherwise:
      On your mobile device, browse to the link http://googleweblight.com/?lite_url=[your_website_URL] where the url is fully qualified (http://www.example.com).
     
(OR)

      On your desktop, open the Chrome device mode emulator with the link http://googleweblight.com/?lite_url=[your_website_URL] where the url is fully qualified (http://www.example.com)




      Some pages are currently not transcoded, including video sites, pages that require cookies (such as personalized sites), and other websites that are technically challenging to transcode. In these cases, you will see a "not transcoded" notification if you request the transcoded page using one of the tools listed above.
     Google Analytics not working on the transcoded pages, to track page views by looking at server logs for requests containing the "googleweblight" user agent.

     If the sites are video site(like YouTube) or that contain cookies they not fall under TransCode.
If you don't want to TransCode your website, set the HTTP header "Cache-Control: no-transform" in your page response. If Googlebot sees this header, your page will not be transcoded.
But note that pages that opt-out of being transcoded will be labeled in search results to indicate to users that they may take longer to load and may use more data.

Wednesday 24 June 2015

Google I/O 2015


What is Google I/O?
Google I/O is an annual software developer-focused conference held by Google in San Francisco, California.
The "I" and "O" stand for input/output, and "Innovation in the Open".
The format of the event is similar to that of the Google Developer Day.

2015 conference contents
(May 28-29, 2015)

Android M. The next iteration of Android OS which includes new features such as:
  1. Granular app permission controls.
  2. Native finger-print scanning.
  3. "Deep sleep" mode when the device is not being used which allows for better power saving.
  4. Support for USB Type-C.
  5. App deep linking. Android will now directly open links to apps that are verified to "own" the URL.
  6. Auto-backup for apps.



  • Android Pay

  • Android Wear
1."Always on" time now extending to apps.
2.Wrist gestures.

  • Chrome Custom tabs

  • Google Maps Offline

  • Google Photos
1.A new app that allows photos and videos to be synced across all devices.
2.Pinch-to-expand which increades time-frame between photos taken.
3.Uses machine learning to automatically group photos based on their contents.
4.Unlimited storage for 16MP photos and 1080p videos.

  • Google Play Store
1.Developer "About" pages.
2.A/B app listings.
3.Play Store listing experiments.
4."Family Star" badge.

  • Inbox(App) availability for everyone

  • Google Now
1.Focus on understanding the context and reducing voice recognition error rate.

  • Nanodegree. Android course on Udacity

  • Project Brillo and Project Weave
1.Project Brillo is a new operating system for The Internet of Things (IOT) based on Android.
2.Project Weave is a common language that allows the devices of IOT to communicate with each other.




Hardware give-aways to attendees:
1.A HTC Nexus 9 tablet.
2.A new Google Cardboard that works with phones up to 6 inches, including Apple iPhones, and has a physical button, instead of the magnet on last years model.


-Post your reviews...

 

Friday 24 October 2014

India's Mars Orbiter's one month in the Mars orbit

The Indian Mars Orbiter entered the Mars orbit on 24 September, making India the first nation in the world to successfully launch a Mars mission in its maiden attempt.









With Mangalyaan's launch, the Indian Space Research Organisation (ISRO) became the fourth international space agency after National Aeronautics and Space Administration (NASA) of the US, Russian Federal Space Agency (RFSA) and European Space Agency to undertake a mission to Mars.




It was also one of the cheapest Mars missions to have been undertaken so far as it cost only $74 million. Mangalyaan carried with it five scientific instruments which will be used to will study the Martian surface and its mineral composition and scan its atmosphere for methane gas.




Mangalyaan has five instruments aboard: 
a camera, 
two spectrometers, 
a radiometer and 
a photometer. 

It aims to understand the process by which water was lost on Mars, measure methane levels in the Martian atmosphere, map the surface, composition and mineralogy of Mars and take images of the Martian surface.

None of the instruments will send back enough data to answer these questions definitively, but experts say the data will help them better understand how planets form, what conditions might make life possible and where else in the universe it might exist. Some of the data will complement research expected to be conducted by Maven.


Mission Facts

  • The 1,337 kg Mars Orbiter Satellite will be put into a 250 km X 23,500 km elliptical orbit.
  • The launch vehicle being used is a PSLV-C25.
  • This is the 25th mission of PSLV and fifth in the XL configuration.
  • Time from launch to injection of the Orbiter into its trajectory is about 40 minutes.
  • The cost of the mission is approximately Rs. 450 core.
  • With this mission, India will be the first Asian country and the fourth in the world to take part in interplanetary exploration.





The Mars Orbiter payloads

Lyman Alpha Photometer(LAP): This device is an absorption cell photometer that will help determine the relative abundance of Deuterium and Hydrogen from Lyman-Alpha emission in the upper Martian atmosphere. The results from the device will mainly help us understand the loss process of water from Mars, among other things.

Mars Color Camera(MCC): This tri-color camera will provide information regarding the Martian surface like surface features and composition. It will also help monitor the dynamic events and weather on the planet. The camera will also monitor Phobos, and Deimos, the two satellites of mars.

Methane Sensor for Mars(MSM)
: This device will measure Methane(CH4) in the planet’s atmosphere and map its sources.

Mars Exospheric neutral Composition Analyser(MENCA): This device is a mass spectrometer that can analyse neutral composition in the range of 1 to 300 amu with unit mass resolution.
Thermal Infrared Imaging Spectrometer(TIS): This device will measure the thermal emission both during day and night. TIS can also map surface composition and mineralogy of the planet.





Mars Orbiter Mission (MOM) was launched 5 November, 2013, on board a polar rocket from the country's only spaceport at Sriharikota off the Bay of Bengal, about 80 km northeast of Chennai.



The Mars Orbiter Trajectory Design





MARS


 

 

MARS first Picture from Mangalyaan

SUCCESS

Now today celebrating  the completion of one month by Mangalyaan in an orbit around Mars.








Sunday 6 July 2014

PROJECT TANGO

Project Tango is an exploration into giving mobile devices a human-scale understanding of space and motion. Track the 3D motion of the device, and creates a 3D model of the environment around it.


    We use visual cues to navigate and understand the world around us. We observe the size and shape of objects and rooms, and we learn their position and layout almost effortlessly over time. This awareness of space and motion is fundamental to the way we interact with our environment and each other. We are physical beings that live in a 3D world. Yet, our mobile devices assume that physical world ends at the boundaries of the screen.


    Project Tango is an exploration into giving mobile devices a human-scale understanding of space and motion. Track the 3D motion of the device, and creates a 3D model of the environment around it.





 USES

  •   Capture the dimensions of your home simply by walking around with your phone before you went furniture shopping.
  •   You could search for a product and see where the exact shelf is located in a super-store.
  •   And more...


Project Tango Tablet Development Kit

  • Their new 7" tablet contains specialized cameras for tracking the full 3D motion of the device and integrated depth sensing for capturing geometry of the environment. It is powered by the new NVIDIA Tegra K1 processor with as much RAM and storage as a laptop.

  • The new NVIDIA Tegra K1 processor packed with 4GB of RAM, 128GB of storage, motion tracking camera, integrated depth sensing, WiFi, BTLE, and 4G LTE (availability will depend on region and carrier).
  • These development kits are designed for professional developers interested in exploring the future of mobile 3D sensing. Developers will receive updates as the software algorithms and APIs evolve. These development kits are not a consumer device and will be available in limited quantities.


Tango, in Zero-G

  • Besides mapping spaces here on the ground, They are sending Project Tango devices into orbit 230 miles above the surface of the earth to map the International Space Station.
  • Take a peek at their work with NASA Ames as they test Project Tango for flight in zero gravity.


    Project Tango Prepping for Launch Into Space



    • Since the summer of 2013, the Project Tango team has been working closely with a team at the
      NASA Ames Research Center.


    The goal:

    • To integrate a Project Tango  prototype onto a robotic platform, called SPHERES, that flies inside the International Space Station. The SPHERES program aims to develop zero-gravity autonomous platforms that could act as robotic assistants  for astronauts or perform maintenance activities independently on station.
       
    • The 3D-tracking and mapping capabilities of Project Tango would allow SPHERES to reconstruct a 3D-map of the space station and, for the first time in history, enable autonomous navigation of a floating robotic platform 230 miles above the surface of the earth.
       
    • Project Tango and SPHERES are scheduled to be launched into orbit this summer.


    ATAP-Project Tango Team

  • They are seeking professional developers hoping to create more than a touch screen app.
  • Project Tango provides unique sensing capabilities that allow developers to explore new user experiences not possible on other mobile
    devices.



    --
    Share your thoughts about this project...

    Thank you.