Skip to main content
BenPleysier
Community Expert
Community Expert
June 6, 2019
Question

Offline first web development.

  • June 6, 2019
  • 9 replies
  • 5089 views

A few years back, the buzz word was 'mobile first' accentuating the fact that mobile use was rising exponentially. Has this now been replaced by 'offline first'?

Reading articles like Offline-first web and mobile apps: Top frameworks and components | TechBeacon and viewing Going Big: PWAs Come to Desktop and Chrome OS (Google I/O ’19) - YouTube​, it looks like we should start to embrace HTTPS, manifest files and service workers with more to come. Maybe this will give us 'professionals' the edge over the likes of wix - lost my second customer in as many months to a wixer.

    This topic has been closed for replies.

    9 replies

    B i r n o u
    Legend
    June 9, 2019

    I don't know how I should interpret most of the remarks in this discussion... a real divergence of views

    but not only in terms of technologies, also in terms of content and communication approaches... in my opinion there is no website that cannot be ported as an application, all sites need to refresh their data regularly, and not only those oriented towards trade

    CAUTION read carefully the fact that I said that the sites can, I did not say must

    so what is the vision of the web that we have? a regressive and conservative web or a web oriented towards the reality of needs (whatever that reality is, we don't have to judge it)

    people go to work and use their smartphone, watch, tablet during their travel time. there again we don't have to judge... the web has become that.

    not being able to interact with the site under the pretext that the connection is too weak, or even non-existent, and was only a few tens of seconds, makes the usability of the site inadequate

    understand a PWA approach and especially understand what the web has become (in terms of content and look and feel) is essential to continue this discussion, otherwise it becomes inconsistent

    let's take four basic sites that present,

    - for the first one a folk dance association,

    - for the second one a baker who makes his own bread,

    - a third being a blog on pollinating insects,

    - and finally one last one on a teenage basketball team from any neighborhood....

    you will notice that I only took examples there that are almost uninteresting from the point of view of the web of objects, or of a hyper-connected web....

    and well free for us to still offer users a tool in the form of a web app in a PWA approach....

    already, on their first visit, the site will offer them to place an icon on the desktop, in order to access the content more quickly, or not if the browser is not compatible, but the site will still be accessible to them

    and if the user validates the option then the fine management of the cache will take over (I'm not talking about an apache management that will put files aside...)... no I'm talking about knowingly controlling what is hidden for what purpose and under what circumstances of refresh.

    then each of these examples can propose continuously updated information and this...; without the user reloading the page... what for example?

    for the first, the programme of rehearsals, upcoming shows, board meetings, interconnections with other folk dance associations, etc... etc... etc...

    the second could announce, the placing in the shop of special breads and/or linked to the ceremonies of the moment (galettes des rois, Christmas celebrations, Sunday bread, typical and exceptional specialities, etc...), morning buns with the buns on offer, online cake reservation, specific request with particular flours by consumers.... etc. as a result, even if users no longer have a connection, they will not have a spinning wheel, they will still be able to interoperate with the interfaces and their order will be validated as soon as the connection is returned, or the tunnel exit...

    the third would propose the calendar for planting flowers, vegetables, trees, condiments... the periods and areas of pollen coverage for those who are allergic to them, in real time and adapted to the user's region, the sheets of each insect that the geolocated region can always overflow, what they are useful for, how to protect them, or what to prepare for them in the garden to host them, etc......

    and finally for the fourth the dates of matches and training, the festivities linked to the team in order to collect funds, the live scores during the matches, the rankings according to the results of the other teams... and so on....

    not to mention that each of these sites can be linked if necessary to web cams, or/and to various and varied objects that can inject data if necessary or add to their contacts, and/or their agendas the various events ...

    so once again... the visualization and connection comfort remains a major commitment, between the developer, the customer and the end users....

    Let's not forget that besides that PWAs remain web apps in their own right and therefore can access a large number (growing every day) of features natively integrated into browsers https://whatwebcando.today/

    of course the web has not waited for PWAs to offer this kind of service, PWAs are only the result by integrating all the necessary mechanisms to avoid having to install an application (which would be device dependent) and which greatly improves the user experience.

    so the more our web app blends into the device's OS, the better the user experience will be... and that's still up to the PWAs

    Legend
    June 10, 2019

    In all this you are forgetting one important fact, regardless of what website senario you care to cite. If the user has NOT visited a web page prior to the internet connection being lost, for whatever reason, then its not going to show in a PWA. The more links a cached page exhibits then the more the app will be potentially broken.

    I do not believe ordinary folk will understand why they can see only some pages of the website, they just dont have the ability to work through the process and know about browser caching etc. I can well accept that clients may want this added but again do they fully understand the concept. To me its like publishing a book with only some of the page and some of those missing pages may be critical to the published pages but can only be accessed via an internet connection, which in my view renders the book practically useless.

    I see a lot of developers trying to teach PWA. A developer that I highly respect is showing an example of a post-code search application to bring back a location and address information via an API. I mean how much more stupid can it get. Think about it, if I havent actually 'cached' a post code while connected then the PWA app isnt going to return it offline when a search is performed. I don't know about you but I rarely want to view the same post-code information over and over again. It's like a calculator where you only have access to certain numbers. I guess poor examples dont do the technology any favours.

    pziecina
    Legend
    June 8, 2019

    Sorry everybody, but yesterday I must have been having one of my senior days, because along with forgetting words, I also forgot to post something I would have done on a normal day .

    That is the W3C's latest roadmap for web applications, which includes all of what can now be done for PWA's, (inc. browser support charts) so here is the link -

    https://www.w3.org/2019/04/web-roadmaps/mobile/

    What maybe food for thought, is that the W3C publishes a roadmap for mobile, (most of which can be used in desktop browsers) but by saying it is a 'roadmap for mobile', it shows the importance of mobile devices and what they can do.

    pziecina
    Legend
    June 7, 2019

    BenPleysier

    So Ben, what do you think?

    pziecina
    Legend
    June 7, 2019

    The problem of clients moving to quick and cheap site builders is probably just, (or even more) as important a question, as the inclusion of offline content.

    Without more info from Ben, the reasons he is loosing clients to wix and other web presence solutions, can only be guessed at. That said there is a tendancy now for developers to over complicate things, (from workflows to code) without knowing just what the client and end user actually requires.

    I asked a question a few months ago, about features, (how they look and work) in web sites, with the general opinion being that they will not evolve any further, unless there is a radical shift brought about by 'outside' influences, (be that browser or devices).

    If that general opinion is true, then all anyone neads to do these days is include popular features. Which can be done by anyone, even those with no skill. The layout itself just requires looking at sites one likes.

    So the question of loosing clients becomes one of, 'what can developers offer', after all, if all one gets is a mini, no one will pay for a rolls-royce.

    B i r n o u
    Legend
    June 7, 2019

    pziecina  a écrit

    So the question of loosing clients becomes one of, 'what can developers offer', after all, if all one gets is a mini, no one will pay for a rolls-royce.

    I'm certainly miss your point but does this can be a start for an answer ?

    Instant Mobile App Overview | WIX App Market | Wix.com

    pziecina
    Legend
    June 7, 2019

    Hi Birnou,

    The point was that if all a client or end user gets is a one size fits all, (the mini) solution, then they are not going to pay the price of a rolls-royce.

    To me the lower end of web development, (static or cms) does not appear offer the client or end user anything more than they are now able to do themselves, or with the help of an advisor, (from wix or anyone else).

    Looking to offer extras such as offline viewing, will not answer the real question of why those building sites/apps for small buisnesses are loosing clients.

    Legend
    June 7, 2019

    BenPleysier  wrote

    Maybe this will give us 'professionals' the edge over the likes of wix - lost my second customer in as many months to a wixer.

    Oh well you're part of the problem not the answer, being a Wappler user. Reap what you sow in the kindest possible way I just keep doing what I do and hope that there are enough sensible clients out there that appreciate knowledge and skill. Infact I dont really care these days, it is what it is and at this late stage of my career it all really makes little difference to me personally but I'm going to continue to fight for the 'professional' corner as much as I think it a lost cause at the lower-end of the market.

    B i r n o u
    Legend
    June 7, 2019

    with all due respect, and by placing as much care as necessary due to the barrier of cultures and language....

    we are not talking here about a way of developing, nor about an approach that is professional or amateur...

    what are we talking about here?

    we are talking about the fact that more and more users use mobile devices to consult the web, and the web in general... certainly the web still has a lot of text and image, but whether you like it or not, it is becoming more and more applicative, interconnected (between the device and other networks), and this mobility necessarily generates movements that cross connection and/or bandwidth losses

    Moreover, typing a URL with the thumb is much less practical than an icon on the desktop... and a full screen remains whether or not you want to be more ergonomic than just one tab among many others in an application...

    users themselves... don't care what this type of application is called, or what language the developer used, let alone whether it's a professional or amateur or other technology we're talking about...

    what he wants is the result, the efficiency, the user experience that is at the maximum of his habits, and that he does not have to wonder if he has to share the link, save a favorite (ooh... the old words... ) send it on another network, follow it, be informed of an update....

    that's what we're starting to talk about with Ben.

    Legend
    June 7, 2019

    https://forums.adobe.com/people/B+i+r+n+o+u  wrote


    that's what we're starting to talk about with Ben.

    Unless you are choosing to selectively ignore what was said - this is what Ben INCLUDED in his post, which I chose to answer:

    'Maybe this will give us 'professionals' the edge over the likes of wix - lost my second customer in as many months to a wixer.'

    But as is becoming typical you choose to answer something completely irrelevant to what I responded to, which I persoanally found most interesting in his post, considering Ben uses, what some may consider a Wix type approach.

    Legend
    June 7, 2019

    I did investigate this once and its useless for anything you want to keep up-to-date on a daily basis as its always outdated information. Im sure its good for something - information which rarely changes I would assume.

    I think the tendency would be to assume the app information is always up-to-date which is potentially dangerous. As Paula suggests basic 'static' information works fine but anything critical just doesnt get pushed to the app until the user reconnects.

    B i r n o u
    Legend
    June 7, 2019

    nope, it's made for... it handles the data refresh, the worker in which you work, and all the control of the files

    but

    I think that one should not reduce the PWA to only the offline aspect of the application needs, but all the peripherical ones as (just some of them) access to os integration, fetch API, push and ntework notification and so on...

    As Ben I think that as by the past one was calling for Mobile First one should greatly promote the PWA way. Anyway, Any way, and as usual, it's just a point of view any one is still free to act and code the way he or she likes...

    B i r n o u
    Legend
    June 7, 2019

    unlike Paula ( ), Ben I share your point of view and I find your remark very relevant.

    whatever the size of the company, and whatever the nature of the website, the fact that on the one hand it is possible to manage the caching in a very fine way is something that makes the usability of the application much more flexible.

    and on the other hand, being able to orient the heavy mechanisms on parallel threads is an almost unavoidable necessity. Many processes can block the loading and painting flexibility of the pages

    thanks for both links I have seen them before... I will prepare a snack, lie down on a deckchair (the sun is still only shy for the moment, and so take advantage of this ephemeral freshness to project them on the terrace.... thanks

    B i r n o u
    Legend
    June 7, 2019

    Wow... I couldn't watch the conference, the guy who talks is too stuck, reads his text below, and gives a discomfort of listening...

    but thanks anyway for the link Ben, it clearly specifies the direction that the development must take and it confirms in every way your message #1

    Too bad no one from Adobe listens here... and reads these messages

    pziecina
    Legend
    June 6, 2019

    Before I forget. I did discuss the future requierments of offline usage, with Scott, (a long time ago) just after the release of CS5, and a number of proplems when creating them, (and possible solutions) in a very old now discussion in this forum.

    At the time many, (so called experts) people said it was not required as html5 etc would not be usable untill the 2020's, (Scott did disagree with that view) but what happened in Adobe/Dw managment regarding the problems/solutions presented I obviously have no idea, and Scott left Adobe after CS6.

    pziecina
    Legend
    June 6, 2019

    I'm going to 'promote' a slightly different reason for, (or against) the offline browser based web app/site.

    In the app I was part of, offline was an essential feature, but I'm not certain if it would be relevant in many circumstances beyond having the location of a small buisness 'stored' in a browser for viewing when offline. My reason for saying that, is that although a technical or commerce browser based app, often requires the information be stored for the user when offline, but a small buisness that depends on 'footfall' rather than online requirerments, would only have an essential of allowing the user to physicaly locate the business.

    Maybe I'm looking at small business requirements from a large organisation/commercial viewpoint though. As I admit my experiance with small or even medium sized sites is almost none existant in the last 10 years.