tag:blogger.com,1999:blog-310597492024-03-06T14:23:13.798+05:30All things tech/ beautifulMy ramblings especially on technology, telecoms, mobile, media, IT and innovation.Anupamhttp://www.blogger.com/profile/03540105879919087086noreply@blogger.comBlogger213125tag:blogger.com,1999:blog-31059749.post-77361568028918835212019-01-18T19:01:00.001+05:302019-01-18T19:01:16.137+05:30Window seats<div dir="ltr" style="text-align: left;" trbidi="on">
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img height="280" src="https://cdn-images-1.medium.com/max/1500/1*zDTE1vzC6OpHu5w7-Iq1WA.jpeg" style="margin-left: auto; margin-right: auto;" width="640" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">pic courtesy: arpan, alan :)</td></tr>
</tbody></table>
<i>(Originally published on my <a href="https://medium.com/rythmic-reflections/window-seats-f3ca09fd7750" target="_blank">Medium </a>page)</i><br />
<br />
Things go smooth;<br />
They sometimes do!<br />
Like cruising on<br />
Highway one-two.<br />
Takes but a snap<br />
To break the nap<br />
And bring us back<br />
To sober truths.<br />
<br />
The view, in fact?<br />
A tightrope act!<br />
With people rapt<br />
Like puny ants;<br />
Clinging o’er a<br />
Web of strands,<br />
With their burdens<br />
On their backs.<br />
<br />
Like mongrels for<br />
The morsels wait.<br />
At times we must<br />
To meet our fate.<br />
Our love, our hate,<br />
Our gain and pain,<br />
E’er wonder, how<br />
Much will remain?<br />
<br />
The ‘lil child asks,<br />
“Why me? Why me?”<br />
“Who am I?”<br />
“Pray, do what must we?”<br />
Some spend their lives<br />
In quests like these;<br />
Some fold their legs<br />
And smile in peace.<br />
<br />
Some travel far,<br />
Some venture near.<br />
But glad are those<br />
On window seats<br />
Who see the trees,<br />
Smell the rain,<br />
Hear the birds,<br />
And kiss the breeze!<br />
<br /></div>
Anupamhttp://www.blogger.com/profile/03540105879919087086noreply@blogger.com0tag:blogger.com,1999:blog-31059749.post-84367007035737503682019-01-18T18:59:00.002+05:302019-01-18T18:59:32.667+05:300 | 2018<div dir="ltr" style="text-align: left;" trbidi="on">
<h3 style="text-align: left;">
A journal on year Zero in my third startup journey/ life</h3>
<div>
<img height="359" src="https://cdn-images-1.medium.com/max/1500/1*_YWb9R362ptApTZIr4hsPw.jpeg" width="640" /></div>
<div>
<br /></div>
<div>
As the last digit of this year is almost about to tumble on to the next, I thought I’d take this time to try and connect the dots I’d encountered in my journey over the past year. I’d probably be on the other side by the time I finish this longish journal. This, dear reader, be warned, is more an act of reflection than exhibition. You are, however, welcome to see what the mirror shows. Its gonna be long so you might read a bit, pause, leave and come back later to continue from where you’d left (that is, if you’d still be interested). I have tried to organize them month by month. The theme is Zero. This is what I brought to the table and reduced myself to in the hope of leaving soon with One :)</div>
<div>
<br /></div>
<div>
...</div>
<div>
<br /></div>
<div>
<i>(Click here to read the rest of this story on my <a href="https://medium.com/@anupamvarghese/0-2018-13b67a742a63" target="_blank">Medium </a>page)</i></div>
<div>
<br /></div>
</div>
Anupamhttp://www.blogger.com/profile/03540105879919087086noreply@blogger.com0tag:blogger.com,1999:blog-31059749.post-3561388988885257432019-01-18T18:57:00.001+05:302019-01-18T18:57:26.848+05:30Stories<div dir="ltr" style="text-align: left;" trbidi="on">
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img height="425" src="https://cdn-images-1.medium.com/max/1500/1*fInkPH3gRBs3lIjvIo2tqg.jpeg" style="margin-left: auto; margin-right: auto;" width="640" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Image courtesy: https://pixabay.com/en/books-pages-story-stories-notes-1245690/</td></tr>
</tbody></table>
<br />
(Originally published on my <a href="https://medium.com/@anupamvarghese/stories-a5492a3c1dfb" target="_blank">Medium </a>page)<br />
<br />
We all love stories. We are stories. Some tales, we tell. Most others, we just live through, not a word being said.<br />
<br />
Is a story just a sequence of events? At least, that’s what it looks like on the surface. But there are perspectives that we miss because we are also the actors in our stories.<br />
<br />
Its the spectators and the audience that make an actor, at the end of the day. True, the bedroom mirror might have instilled that spark of inspiration to begin with. It could very well have been that patient spectator to the countless hours of practice that went behind the one five minute grand entree on stage. But a mirror doth not an audience make. Or does it?<br />
<br />
I’ve often tried to imagine an exceptionally talented artist who keeps her paintings hidden in the attic all her life. She paints because of an overwhelming force of expression from within her that compels her to. Is her life and work worth naught if her paintings remain hidden forever? What if she was Picasso?<br />
<br />
How does she even sustain herself in the first place if her work does not fulfill her basic human needs? Will she be doing her creativity due justice if she spends her days toiling at some trade that feeds and clothes her but leaves very little time for her to spend on what she is prodigious at?<br />
<br />
I know there are a lot of people who believe they are not special. What if it’s just that they never had an opportunity to discover themselves?<br />
<br />
Is it a rule of thumb that most mortals must remain stuck forever in the lower rungs of Maslow’s need pyramid? That only the ambitious few and the lucky few can ever reach the upper echelons? Will this equation change over time? Is this what progress is meant to deliver, someday?<br />
<br />
If we were completely self contained and infinitely self sustaining beings, things might have been different. But the truth is that we are not. We actually live off each other. We need each other. I guess that’s why incarceration and isolation are the most common punishments the world over.<br />
<br />
Commerce is a codification of that need. In its most pristine form, the need was to merely barter. People evolved. Communities grew. Needs evolved. Methods evolved to scale with the needs. At some point in this story, profit came into being.<br />
<br />
And then, profit became the sole driver. Things moved on from fulfilling something that was needed, to amassing something which was wanted. Sure, there still are communities that frown upon profit in ‘cash’, but then they too end up with other gains which may not be codified in cash, but as some other phenomenon. Most stories today therefore tend to be designed for profit.<br />
<br />
What do all these do to our stories? The new world coda requires you to tell your stories in the way it wants to hear it, not the way you want to say it. You need to know your audience before you pen your lyrics and give it a tune and a rhythm. You need to fine tune your pitch for the investor. Ensure you’re a part of a mega-trend. For all you know, you could be making the best pizza the world has ever known, but sorry mate, it’s pasta season and everything else is passe. Because, that’s the only way to profit from it. Scratch that. Many a times that’s the key to survival.<br />
<br />
All stories take time and effort. Both of which are extremely limited resources at our disposal. Most choices that we are offered are therefore biased decisions to be taken under such a duress.<br />
<br />
Fulfillment is the rare phenomenon that happens when the story you want to tell is the one they want to listen to.<br />
<br />
So, as far as I can read, life gives these options- You make your story, but then spend time to find an audience that loves it. Or you keep penning your stories till there’s one that strikes the right chord. Or you simply tailor your tales to suit them in the first place.<br />
<br />
The attempt here was not to judge the way of the world but to reflect on and acknowledge one of the perspectives on it.<br />
<br />
But then, what happens to our stories, if the tales we tell are always the ones they want to hear and not the ones we’d been yearning to tell? Will that still be your story? Or is it their story, merely being scripted and delivered through you? Will this lead at some point, in all tales sounding pretty much like each other? Like many a *wood movie lame? Or is it that a story always has you the story teller and me the audience and that makes it our story? And that every listener imbibes within her, atleast a small part of every story she hears, that resonates within her?<br />
<br />
I don’t know for sure, but I’d like to think so.<br />
<br />
Meanwhile, what’s the kinda story that you’d like to tell? I’d love to hear! I hope you’ve found something, by being a part of my story by reading thus far.<br />
<br />
<br /></div>
Anupamhttp://www.blogger.com/profile/03540105879919087086noreply@blogger.com0tag:blogger.com,1999:blog-31059749.post-15978076557590707212019-01-18T18:55:00.001+05:302019-01-18T18:55:15.866+05:30You’re not broken<div dir="ltr" style="text-align: left;" trbidi="on">
(Originally published on my <a href="https://medium.com/rythmic-reflections/youre-not-broken-3ec905a9cb2f" target="_blank">Medium </a>page)<br />
<br />
<img height="359" src="https://cdn-images-1.medium.com/max/1875/1*mvrRSId63wVHOsu9Mp23eg.jpeg" width="640" /><br />
<br />
You're not broken!<br />
Even when you feel<br />
The wounds; raw, open.<br />
<br />
A fountain,<br />
Blurred by subway motion,<br />
Is just as real as the yonder mountain.<br />
<br />
You can’t see, but<br />
It’s the lens of this world<br />
That’s cracked and frozen!<br />
<br />
Fogged in the dew<br />
Of dogged 'ol notions,<br />
Timeless warps, mindless motions.<br />
<br />
It’s tough to see<br />
Your beauty, when<br />
Mirrors are mere tokens!<br />
<br />
You’re not broken.<br />
You’re just detached,<br />
From the world’s corrosion.<br />
<br /></div>
Anupamhttp://www.blogger.com/profile/03540105879919087086noreply@blogger.com0tag:blogger.com,1999:blog-31059749.post-82684897748684412652019-01-18T18:53:00.001+05:302019-01-18T18:53:35.525+05:30Reflections on being human<div dir="ltr" style="text-align: left;" trbidi="on">
(Originally published on my <a href="https://medium.com/@anupamvarghese/reflections-on-being-human-d6da371b78b7" target="_blank">Medium </a>page)<br />
<br />
We humans are a weird lot. All the other living species that we know of, subsist on, build on and die in their respective ecosystems in ways that seem absolutely ‘natural’. None of them make elaborate dwellings from materials that have undergone multiple levels of synthesis from their origins on this planet. None of them make food with multiple layers of complexity in taste, texture, aroma and nutrition. None of them wrap themselves in clothing; much less, in multi-shaped, multi-colour, multi-layered fabric derived from sources both artificial and natural blended together in what could best be described as marvels of modern manufacturing. None of them make energy beyond what their bodies produce. While we produce and consume way-way more energy than bodies strictly ‘need’ for its natural functions. All such things and more are manifestations of our humanness.<br />
<br />
Now, many animals are territorial. They mark their territories. They do go to ‘war’ against others of their own species if they try to intrude. They go to war to expand their territories based on their need for food and sustenance of their clan. This, we have in common with the animal world. Wars. However, our wars are based more on our greed rather than our need. They are at times based on perceived moral high-grounds and moral low-grounds that our leaders choose to take up. Many animals are also extremely choosy about their mating partners. Many a war is fought just to establish the alpha identity on both sides of this divide. Ostensibly, an evolutionary trend that attempts to match the best pairs to produce the best offspring and thus the best chance to advance their clan. We humans have not lost this instinct either. But of course, over the years, we have built multiple super complex social structures in an attempt to codify this into a set of territorial rules: laws and morals and deterrents. Punishments, which fundamentally amount to banishment from this social structure into a super-restrictive and usually, a destructive one (despite their labels of being correctional).<br />
<br />
We humans are weird because of this quirky combination where on one hand we crave to push the edge of creativity and consumption while still carrying within us some reflection of our primal animal instincts. The reason why we are what we are is because of our rather oversized spongy mound called the brain. It is designed/ has evolved to be able to make much better connections among disparate concepts based on what it learns using its senses than most other species. We also have the ability to build on past learnings by making connections among them. Most importantly, we have a sense of collective learning and are able to build upon it generation after generation. This is possible because humans have been able to preserve and pass pieces of this knowledge to other humans though speech, signs, symbols and gestures. We have even codified some of this transmission in a rather inefficient but arguably effective system called education.<br />
<br />
It is argued that collectively, we have improved as a species. Heck, I’m recording my thoughts on a rectangular slab of carefully engineered layers of glass, silicon, lithium, plastic and metal. By swiping my fingers around. And my words are being transmitted in real time across multiple continents and oceans and being preserved as microscopic electric fields in some metal box with its own multi layer sandwich of materials, on the other side of the planet. Using energy that changes form many times from thermal to electrical to radio to light to electrical. All this, in a fraction of the time it takes to bat my eyelid! If this ain’t magic, what is? One of the many poignant manifestations of human progress.<br />
<br />
Another simple metric that reflects this point is the average life expectancy, which has significantly improved over the recorded years.<br />
<br />
However, one simple metric we have not adequately tracked and is unfortunately the one where we have failed as a species is sustainability. Closely linked to this metric is that of equity. It looks like what we have lost along our chosen path is the ability to think and act for the long term. It is amusing to think that our brains got the better of our thoughts on selfish self-preservation as a species by pitting us against thoughts of self gratification as individuals. Guess who’s been winning.<br />
<br />
But this is where it gets even more interesting. The very fact that we as a species can reflect on ourselves and our actions is amazing. For instance, we know for sure now that our dependence on fossil fuels needs to end. There has been significant progress in harnessing alternate sources of energy. Evidently, such awakenings seem to happen only at the fringes of society. Most people are still comfortable in their ignorance and are gleefully oblivious of things much farther than the end of their noses. Hopefully awareness will percolate further. But will it spread fast enough and spur a collective correction of sorts in time?<br />
<br />
It appears that we are now locked in a race against time. Unfortunately, it doesn’t seem like reversing our technological advances to go back to a more primitive lifestyle is an option anymore. We are so firmly enmeshed in technology that it is bears some resemblance to the Matrix. So, we have no practical option but to bet on the same ingenuity to pull us out that we’d used to get ourselves into the mess in the first place. Bittersweet. The escape plan seems to be to keep moving forward. But faster, and with a keen awareness of the situation we’ve gotten into and we’re capable of deteriorating into.<br />
<br />
Hope we can fix our future in time and preserve as much of the diverse and beautifully simpler life-forms around us. That would perhaps help our future generations to have a redemptive understanding of what being human is all about.<br />
<br />
(I had begun writing this post about two weeks ago. It’s time now for some poignant reflection as I’m about to hit the publish button, after having spent a week surviving the #keralaFloods. Have resisted the urge to edit this post for now. More on this in a separate post, some time soon)</div>
Anupamhttp://www.blogger.com/profile/03540105879919087086noreply@blogger.com0tag:blogger.com,1999:blog-31059749.post-89439599118707701552019-01-18T18:52:00.000+05:302019-01-18T18:52:00.036+05:30Annoying alliterations<div dir="ltr" style="text-align: left;" trbidi="on">
<i>(Originally published on my <a href="https://medium.com/rythmic-reflections/annoying-alliterations-928952e5febb" target="_blank">Medium</a> page)</i><br />
<br />
Bit big<br />
Clearly confusing<br />
Dearly departed<br />
Ever early<br />
Finally first!<br />
Good grief!<br />
Hyped hackney<br />
International Indian<br />
Jam jelly<br />
Kind king<br />
Little long<br />
Mindful meditation<br />
Not nothing<br />
Open offer<br />
Peaceful protest<br />
Quaintly queer<br />
Rigged race<br />
Shrill silence<br />
Tipsy teetotaller<br />
Up under<br />
Varnished veneer<br />
War winner<br />
X-rated x-ray<br />
Yes you<br />
Zoo zebra</div>
Anupamhttp://www.blogger.com/profile/03540105879919087086noreply@blogger.com0tag:blogger.com,1999:blog-31059749.post-34033349492841512092019-01-18T18:50:00.002+05:302019-01-18T18:50:47.018+05:30Xat<div dir="ltr" style="text-align: left;" trbidi="on">
<h3 style="text-align: left;">
<i>Tax meets it’s match!</i></h3>
<img height="240" src="https://cdn-images-1.medium.com/max/1500/1*kvFAxWgJ0G_IjDvKFHbfgw.png" width="640" /><br />
<i><br /></i>
<i><br /></i>
<i>(Originally published on my <a href="https://medium.com/@anupamvarghese/xat-4d4fbe1a7547" target="_blank">Medium </a>page)</i><br />
<i><br /></i>
Just wanted to share a rad thought I’ve been mulling over the past few months. I’ve decided to call it xat (pronounced ‘ksat’: which is almost like mixing cat and sat into one word). Why xat? Because its the opposite of tax. (And sorry this has nothing to do with the MBA entrance tests in India, also called XAT)<br />
<br />
All of us pay taxes. Not that as citizens of a nation/ state, we have much of an option. Some taxes are direct (eg: income tax) and some are indirect (eg: goods and services tax). My understanding of the concept is that you pay a portion of the value you create for yourself, back to the state because of two purported reasons:<br />
<br />
a. It (the state) played a part in enabling you to be in a position to create value for yourself. It built the road, funded the school, laid the railway tracks etc that should have surely contributed to you being you. So pay-up for your past and present.<br />
<br />
b. It wants to create more enabling infrastructure and conditions that would enable a lot more of its citizens to create a lot more value for themselves and those around them (and pay more taxes as well, in the future). So pay up for your future.<br />
<br />
There are harsh penalties for not paying taxes as prescribed. There are even penalties for not filing your returns, even if one has paid all taxes and expects no returns! (I think that in the digital age, these routines must be done away with completely. They are a huge drain on a very precious resource: the productive time of productive people. Taxes could be deducted automatically, returns filed automatically and people only need to indicate exceptions, if any. Or, even as some opine, do away with direct taxes completely and have a simple indirect tax regime… But these opinions are way above my pay-grade and are what they are, mere opinions of a man entitled to some)<br />
<br />
My purpose here is to highlight an imbalance of powers as it exists between the citizen and her state. This is something so obvious that it has been always ignored.<br />
<br />
The simple fact is that there are no direct penalties imposed on the state when it does not do its part as stringently as when a citizen does not do her part. Here’s a simple example: I cannot travel on a particular road if I do not pay the toll-tax. However, I am not paid a rupee if the road has pot-holes!<br />
<br />
Money being fungible, once the tax is paid, it just becomes money in the government coffers and our elected representatives are pretty much free to do whatever they deem fit with it within the bounds of law and the constitution. This link is not determinate. I mean, a political party may declare in their election manifesto that they would focus on a public cause X. Then when they come to power, they may present a budget to spend Y on X. But actually, due to myriad reasons, Z may actually get spent. Also, since a nation has a zillion points of expenditure, it may not be practical to even try and keep track of all of this as an individual citizen. What we get is roughly this:<br />
<br />
<a href="https://timesofindia.indiatimes.com/business/india-business/where-the-rupee-will-come-from-and-how-it-will-be-spent-in-2017-18/articleshow/56916726.cms" target="_blank">Infographic: Where the Rupee will come from and how it will be spent in 2017-18 - Times of India</a><br />
<br />
<br />
So we roughly know that for every rupee that we pay on tax, x paise should get spent on a, y on b and z on c, for a given financial year.<br />
<br />
However, the only way we can express our displeasure, pleasure or otherwise on the allocation, expenditure or its outcomes is through an aggregate electoral representation. We could either get our elected representatives to speak/ act for us or we could vote the incumbents out/ in depending on how we think they have performed.<br />
<br />
Now notice how an individual action (paying taxes) for individual benefit (eg: establishment and maintenance of infrastructure) has remedies that are collective and have a very delayed or costly effect/ recourse (meet your rep/ wait for elections/ file a complaint/ lodge a legal case).<br />
<br />
Let me recap. As a citizen I pay taxes. Determinate. Time-bound. Legally enforced. As a citizen, I expect certain minimum infrastructure; say, paved roads, water, electricity, public transport. If the government and the state machinery is unable to give me this, there is no determinate, time-bound, legally enforced and effortless counter routine.<br />
<br />
Why am I highlighting this now? Let me explain. The infrastructure in this country, is far from adequate and we have developed a collective coping mechanism termed: kindly adjust. On the other hand we are in a state where a significant proportion of citizens have a digital financial identity. A tax paying citizen for sure has one. While this identity has traditionally been used to debit the customer, it is eminently possible and relatively trivial to do the reverse as well. Thanks to a robust inter-operable banking infrastructure that has come up here.<br />
<br />
So we are now in a position where the state could technically be debited and a citizen credited in real-time if required. This is what I am proposing as Xat.<br />
<br />
The other known instances of a similar monetary flow are either when you are a ‘beneficiary’ in a government benefits program or when you are owed a tax return. While the first is essentially a wealth redistribution program the second is a mere clerical adjustment for an imbalance in the information available to the actor and the state.<br />
<br />
Xat seeks to be neither. It is intended to be a near real time penalty paid by the state to its citizens for not delivering on certain defined minimum that the citizen’s taxes should have delivered, had they been put to a proper use.<br />
<br />
Here’s an instance. Imagine you are travelling in a car from location A to location B. As a citizen you are within your rights to expect a smooth road between these two points. Assume that your smart phone/ a special sensor affixed to the car can sense every time the road causes an unexpected level of vibration (pothole). Let’s say, it detected D meter aggregate bad road for the trip.<br />
<br />
Now if the per capita spending on roads was X for the state and the total estimated road length is Y, as soon as the car reaches its destination, it submits signed digital incident artefacts to the Xat system along with location information. The Xat system calculates X*D/Y and credits it directly to your bank account, pushes you a notification and logs the incident.<br />
<br />
As long as the shortfalls are quantifiable, the claimants identifiable and their act of availing a service verifiable, Xat should be applicable.<br />
<br />
Say, a train you have booked a ticket for arrives late by T minutes. Garbage does not get collected from your neighbourhood for N hours. Police arrives M minutes late than their published response time after your phone call. Pollution level greater than L. Noise level>K in your residence. Street light not working for S stretch of road. No electricity for O minutes.<br />
<br />
The idea is to kill the power asymmetry in the citizen-state equation by introducing instant monetary repercussions for inaction or inadequate action. I believe nothing would spur as much action as the sight of the treasury emptying itself!<br />
<br />
Am also certain that even if the resource or service had been executed/maintained by a third party, the Xat must be paid directly by the state. Whether the state then recovers or remedies it’s shortfall from its contractors is purely it’s business.<br />
<br />
Perhaps these Xats could be pulled off by the smartphones that most people carry nowadays. Perhaps they need a cloud of sensor networks. Maybe the system uses blockchain instead of central servers. Perhaps there are better quantification methods…<br />
<br />
The point of this article was not to get into any specifics of an implementation. The intent was only to sow the seeds of thoughts on Xat into your minds. Because I think it’s time the humble tax met it’s match!<br />
<br />
Of course I’m naive and foolish. So go ahead and critique my thought and punch holes in my logic. Or if you’re an app developer, could you make an app that quantifies your Xats? Just so that we have a sense of what this means?<br />
<br />
<br />
What say?<br />
<i><br /></i></div>
Anupamhttp://www.blogger.com/profile/03540105879919087086noreply@blogger.com0tag:blogger.com,1999:blog-31059749.post-70876083742440564132019-01-18T18:47:00.003+05:302019-01-18T18:47:38.353+05:30Just let an angel<div dir="ltr" style="text-align: left;" trbidi="on">
<img height="224" src="https://cdn-images-1.medium.com/max/1500/1*ev0bqV9t6pzqH8THjMAErA.jpeg" width="400" /><br />
<br />
<i>(Originally posted on my <a href="https://medium.com/rythmic-reflections/just-let-an-angel-1d01e1db2222" target="_blank">Medium </a>page)</i><br />
<i><br /></i>
<i>Smile when the road’s dark and the woods brown,</i><br />
<i>Someday you’ll look back and see no frown.</i><br />
<i>Cry if you must but with none around,</i><br />
<i>Lest your tearspill a near one drown.</i><br />
<i>Love someone with your guard down;</i><br />
<i>Trust is the stone that builds this town.</i><br />
<i>Dance with abandon, on the sea sand;</i><br />
<i>Let the waves wash your footprints bland.</i><br />
<i>Soar as high as an eagle flies,</i><br />
<i>All that you’ve built, you’ll see: are toys,</i><br />
<i>And when you slip and fall flat down,</i><br />
<i></i><br />
<i>Just let an angel pick you a crown.</i></div>
Anupamhttp://www.blogger.com/profile/03540105879919087086noreply@blogger.com0tag:blogger.com,1999:blog-31059749.post-35358558099752474522019-01-18T18:45:00.003+05:302019-01-18T18:45:51.900+05:30Was is<div dir="ltr" style="text-align: left;" trbidi="on">
<img height="300" src="https://cdn-images-1.medium.com/max/1500/1*cLNYBaaH5Rw-7TH7GphTaw.jpeg" width="400" /><br />
<br />
<i>(Originally posted on my <a href="https://medium.com/rythmic-reflections/was-is-a7749c272994" target="_blank">Medium </a>page)</i><br />
<br />
Patient,<br />
On a table.<br />
She was<br />
A doctor.<br />
<br />
Injured,<br />
And out;<br />
He was<br />
The captain.<br />
<br />
Hunted<br />
In the haunts<br />
It roamed<br />
As the hunter.<br />
<br />
Shredded,<br />
Glam mag<br />
And made<br />
Confetti.<br />
<br />
No lights,<br />
No bells,<br />
No farewell<br />
Thoughts;<br />
<br />
What is<br />
Had just<br />
Become<br />
What was.</div>
Anupamhttp://www.blogger.com/profile/03540105879919087086noreply@blogger.com0tag:blogger.com,1999:blog-31059749.post-5744707041672351622019-01-18T18:43:00.003+05:302019-01-18T18:43:50.535+05:30Dreamspell<div dir="ltr" style="text-align: left;" trbidi="on">
<h3 style="text-align: left;">
PS: Gibberish</h3>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img height="225" src="https://cdn-images-1.medium.com/max/1500/1*33iJmlb8VnfzRMs_HFZxWA.jpeg" style="margin-left: auto; margin-right: auto;" width="400" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Courtesy: https://pixabay.com/en/color-nature-desktop-beautiful-fun-3342023/</td></tr>
</tbody></table>
<div>
<i>(Originally posted on my <a href="https://medium.com/rythmic-reflections/dreamspell-fb15eb0f1787" target="_blank">Medium </a>page)</i></div>
<div>
<br /></div>
<div>
<div>
Allswellinhell</div>
<div>
Bagobonesnfelt</div>
<div>
Caresfonothinelse</div>
<div>
Drinkinupwithfriends</div>
<div>
Eatincheesenbread</div>
<div>
Feelinfreenfed</div>
<div>
Groovinupwithfred</div>
<div>
Happyasabell</div>
<div>
Inthiscrazywell</div>
<div>
Justabouttotell</div>
<div>
Kindagoinswell</div>
<div>
Livintillhesdead</div>
<div>
Mustagrowinstead</div>
<div>
Nottawastehisbreath</div>
<div>
Onsomeficklefells</div>
<div>
Postingangstasnaps</div>
<div>
Queueinupinmasks</div>
<div>
Runnineverfast</div>
<div>
Scaredaghostsnpast</div>
<div>
Turnininhisbed</div>
<div>
Underblanketspread</div>
<div>
Verylostinhead</div>
<div>
Walkinwherehesled</div>
<div>
Xtracheesenham</div>
<div>
Yodameansnoharm</div>
<div>
Zzzestodreamsnspells</div>
</div>
</div>
Anupamhttp://www.blogger.com/profile/03540105879919087086noreply@blogger.com0tag:blogger.com,1999:blog-31059749.post-21736996959901753672019-01-18T18:40:00.001+05:302019-01-18T18:40:38.415+05:30The animal inside?<div dir="ltr" style="text-align: left;" trbidi="on">
<img height="141" src="https://cdn-images-1.medium.com/max/1500/1*D7EWH5ytNHTCjf58inXIVw.png" width="400" /><br />
<i>(Originally posted on my <a href="https://medium.com/rythmic-reflections/the-animal-inside-bf114286a9b6" target="_blank">Medium </a>page)</i><br />
<br />
Its a shame to say,<br />
“It’s the animal inside em!”<br />
Yes, animals are wild,<br />
Some with claws, thick hides;<br />
Some prey, some hide,<br />
Some protect their pride,<br />
But scarce can their brains,<br />
Match men’s evil inside;<br />
Deep oceans of vice,<br />
Under crusts of thin nice.<br />
<br />
Leave the poor beast,<br />
Blame the human inside!<br />
We’ve too much to lose,<br />
And no place to hide,<br />
When the sleepy leviathan,<br />
Takes a stroll outside.<br />
Millions have vanished,<br />
We’ve seen genocides;<br />
We’ve heard of brutalities,<br />
Against the girl child :,(<br />
<br />
But then we grow callous,<br />
We get numb and hide.<br />
The next day beckons,<br />
With its proximate cries.<br />
Gosh! We gush;<br />
Pretences puerile!<br />
Soon the next wild human,<br />
Rubs it in again.<br />
And we chant as if an anthem,<br />
“The animal inside em!”<br />
<br />
<br /></div>
Anupamhttp://www.blogger.com/profile/03540105879919087086noreply@blogger.com0tag:blogger.com,1999:blog-31059749.post-85659939150001863162019-01-18T18:38:00.000+05:302019-01-18T18:38:24.835+05:30Air supply<div dir="ltr" style="text-align: left;" trbidi="on">
<img height="214" src="https://cdn-images-1.medium.com/max/1875/1*sDNOgUi4kBB8pnu8FljdXA.jpeg" width="400" /><br />
<br />
<i>(Originally posted on my <a href="https://medium.com/rythmic-reflections/air-supply-93d38fb4799a" target="_blank">Medium </a>page)</i><br />
<br />
<br />
I can see the stars tonight,<br />
<br />
Some dull, some twinkling, shining bright,<br />
<br />
Pure, distant, cosmic, ancient might,<br />
<br />
Fighting our puny city lights…<br />
<br />
…<br />
<br />
Just a dream!, I rubbed my eyes,<br />
<br />
Waking up way past midnight,<br />
<br />
"Alexa, cast some news, alright?”<br />
<br />
“Right up”, she quipped, in cool calm voice.<br />
<br />
…<br />
<br />
“Its a foggy, smoggy winter night,<br />
<br />
Ivy reporting for Weather Insight,<br />
<br />
Wear masks and don’t dare step outside,<br />
<br />
We’re almost out of air supply!”</div>
Anupamhttp://www.blogger.com/profile/03540105879919087086noreply@blogger.com0tag:blogger.com,1999:blog-31059749.post-35700187824587822862019-01-18T18:34:00.000+05:302019-01-18T18:34:07.115+05:30Tinkerers!<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 style="text-align: left;">
Tinkerers!</h2>
<h3 style="text-align: left;">
And the Atal Tinkering Labs</h3>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img height="161" src="https://cdn-images-1.medium.com/max/2600/1*_1x40CLYyLn4f-3GW7RqFg.jpeg" style="margin-left: auto; margin-right: auto;" width="400" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Original image courtesy: https://pixabay.com/en/solder-station-arduino-kit-1548360/</td></tr>
</tbody></table>
<div>
<br /></div>
<div>
I’ve been a tinkerer since as far back as I can remember. Here’s something I’ve realised: We are all born curious but the system lulls us into growing indifferent. We are all born tinkerers but the world is geared to make us feel safer as conformists. While conformist may not be the exact antonym for tinkerer, bear with me awhile. A tinkerer is someone who interferes or meddles with things. A conformists is one who never meddles.</div>
<div>
....</div>
<div>
<br /></div>
<div>
<i>[Click here to read the rest of the article on my <a href="https://medium.com/@anupamvarghese/tinkerers-a5c2b66740b3" target="_blank">Medium </a>page]</i></div>
</div>
Anupamhttp://www.blogger.com/profile/03540105879919087086noreply@blogger.com0tag:blogger.com,1999:blog-31059749.post-19408892733993296652018-02-09T16:36:00.000+05:302018-02-09T16:36:14.952+05:30घर<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 class="graf graf--h4 graf-after--h3 graf--subtitle" id="e713" name="e713" style="--baseline-multiplier: 0.22; background-color: white; color: rgba(0, 0, 0, 0.54); font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 28px; font-weight: 400; letter-spacing: -0.012em; line-height: 1.22; margin: 5px 0px 22px -1.75px;">
(hindi: <span class="markup--em markup--h4-em" style="font-feature-settings: 'liga' 1, 'salt' 1;">ghar</span> / home)</h2>
<figure class="graf graf--figure graf-after--h4" id="625e" name="625e" style="background-color: white; box-sizing: border-box; clear: both; color: rgba(0, 0, 0, 0.84); font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 20px; margin: 44px 0px 0px; outline: 0px; position: relative; user-select: auto; z-index: 100;"><div class="aspectRatioPlaceholder is-locked" style="margin: 0px auto; max-height: 356px; max-width: 700px; position: relative; width: 700px;">
<div class="aspectRatioPlaceholder-fill" style="padding-bottom: 356.292px;">
</div>
<div class="progressiveMedia js-progressiveMedia graf-image is-canvasLoaded is-imageLoaded" data-action-value="1*jujtMqAlDXVkqNHoXQs2OQ.jpeg" data-action="zoom" data-height="2345" data-image-id="1*jujtMqAlDXVkqNHoXQs2OQ.jpeg" data-scroll="native" data-width="4608" style="background: rgba(0, 0, 0, 0); box-sizing: border-box; cursor: zoom-in; height: 356px; left: 0px; margin: auto; max-width: 100%; position: absolute; top: 0px; transition: background 0.2s; width: 700px;">
<canvas class="progressiveMedia-canvas js-progressiveMedia-canvas" height="36" style="backface-visibility: hidden; box-sizing: border-box; display: block; height: 356px; left: 0px; margin: auto; opacity: 0; position: absolute; top: 0px; transition: visibility 0s linear 0.5s, opacity 0.1s 0.4s; vertical-align: baseline; visibility: hidden; width: 700px;" width="75"></canvas><img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/max/1200/1*jujtMqAlDXVkqNHoXQs2OQ.jpeg" src="https://cdn-images-1.medium.com/max/1200/1*jujtMqAlDXVkqNHoXQs2OQ.jpeg" style="backface-visibility: hidden; border: 0px; box-sizing: border-box; display: block; height: 356px; left: 0px; margin: auto; opacity: 1; position: absolute; top: 0px; transition: visibility 0s linear 0s, opacity 0.4s 0s; visibility: visible; width: 700px; z-index: 100;" /></div>
</div>
</figure><div class="graf graf--p graf-after--figure" id="6944" name="6944" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 38px;">
घर वहां, जहां<br />साथ हो अपनो का,<br />ख्वाब हो अपना सा,<br />मन्नतें हों अपनों की<br />और सल्तनत प्यार की।</div>
<div class="graf graf--p graf-after--p" id="9e60" name="9e60" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
चार दीवार,<br />बगीचे, फौव्वार,<br />या झोपड़ पट्टी<br />गलियों के पार,<br />ये तो सिर्फ मकान हैं।</div>
<div class="graf graf--p graf-after--p" id="535e" name="535e" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
उड़ते चिड़ियों का घर आसमान है,<br />परिंदे की उड़ान उसकी शान है,<br />खोकले घोसलों में कहां प्राण है?<br />जहां मन भाये-<br />आलीशान है!</div>
<div class="graf graf--p graf-after--p" id="ba89" name="ba89" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
कमरे हज़ार,<br />में करे कोई विहार,<br />अगर चैन की नींद,<br />एक में भी न मिले,<br />तो सुकून कहाँ है?</div>
<div class="graf graf--p graf-after--p" id="50a9" name="50a9" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
जहाँ तन की थकान घटे,<br />मन के वहम मिटे,<br />एक दूसरे का सम्मान दिखे,<br />सुख, दुःख और बलिदान बाटे,<br />वही घर, वही आन है।</div>
<div class="graf graf--p graf-after--p" id="8ddd" name="8ddd" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
घर वहां, जहां<br />साथ हो अपनो का,<br />ख्वाब हो अपना सा,<br />मन्नतें हों अपनों की<br />और सल्तनत प्यार की।</div>
</div>
Anupamhttp://www.blogger.com/profile/03540105879919087086noreply@blogger.com0tag:blogger.com,1999:blog-31059749.post-77749922971647521212018-02-09T16:35:00.000+05:302018-02-09T16:35:10.298+05:30Hush!<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="section-inner sectionLayout--insetColumn" style="background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.84); font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 20px; margin: 0px auto; max-width: 740px; padding-left: 20px; padding-right: 20px; position: relative; width: 740px;">
<h2 class="graf graf--h4 graf-after--h3 graf--subtitle" id="00e0" name="00e0" style="--baseline-multiplier: 0.22; color: rgba(0, 0, 0, 0.54); font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 28px; font-weight: 400; letter-spacing: -0.012em; line-height: 1.22; margin: 5px 0px 22px -1.75px;">
lull a by</h2>
</div>
<div class="section-inner sectionLayout--outsetColumn" style="background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.84); font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 20px; margin: 52px auto 0px; max-width: 1000px; position: relative; width: 1000px;">
<figure class="graf graf--figure graf--layoutOutsetCenter graf-after--h4" data-scroll="native" id="808e" name="808e" style="--margin-top-multiplier: 0; box-sizing: border-box; clear: both; margin: 0px; outline: 0px; padding: 5px 0px; position: relative; user-select: auto; z-index: 100;"><div class="aspectRatioPlaceholder is-locked" style="margin: 0px auto; max-height: 524px; max-width: 1000px; position: relative; width: 1000px;">
<div class="aspectRatioPlaceholder-fill" style="padding-bottom: 524px;">
</div>
<div class="progressiveMedia js-progressiveMedia graf-image is-canvasLoaded is-imageLoaded" data-action-value="1*YnHGmD-1X5nfj2iljJ9i2Q.jpeg" data-action="zoom" data-height="1639" data-image-id="1*YnHGmD-1X5nfj2iljJ9i2Q.jpeg" data-scroll="native" data-width="3126" style="background: rgba(0, 0, 0, 0); box-sizing: border-box; cursor: zoom-in; height: 524px; left: 0px; margin: 0px; max-width: 100%; position: absolute; top: 0px; transition: background 0.2s; width: 1000px;">
<canvas class="progressiveMedia-canvas js-progressiveMedia-canvas" height="38" style="backface-visibility: hidden; box-sizing: border-box; display: block; height: 524px; left: 0px; margin: auto; opacity: 0; position: absolute; top: 0px; transition: visibility 0s linear 0.5s, opacity 0.1s 0.4s; vertical-align: baseline; visibility: hidden; width: 1000px;" width="75"></canvas><img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/max/1500/1*YnHGmD-1X5nfj2iljJ9i2Q.jpeg" src="https://cdn-images-1.medium.com/max/1500/1*YnHGmD-1X5nfj2iljJ9i2Q.jpeg" style="backface-visibility: hidden; border: 0px; box-sizing: border-box; display: block; height: 524px; left: 0px; margin: auto; opacity: 1; position: absolute; top: 0px; transition: visibility 0s linear 0s, opacity 0.4s 0s; visibility: visible; width: 1000px; z-index: 100;" /></div>
</div>
</figure></div>
<div class="section-inner sectionLayout--insetColumn" style="background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.84); font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 20px; margin: 52px auto 0px; max-width: 740px; padding-left: 20px; padding-right: 20px; position: relative; width: 740px;">
<div class="graf graf--p graf-after--figure" id="ec15" name="ec15" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 38px;">
Hush, little child,<br />In your dreams hide,<br />While we divide,<br />Plunder and ride,<br />Into the dark side.</div>
<div class="graf graf--p graf-after--p" id="905f" name="905f" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
Hush, little child,<br />Hold on to what’s worth,<br />Our minds: numb with dirt,<br />Crass online mirth,<br />Cat memes. T-shirts.</div>
<div class="graf graf--p graf-after--p" id="4936" name="4936" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
Hush, little child,<br />Lest I your spirit spite;<br />But you’ll hear of souls pried,<br />To feed (strong)men’s weak pride,<br />While the loved ones cried.</div>
<div class="graf graf--p graf-after--p" id="86ef" name="86ef" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
Hush, little child,<br />Survive. Thrive!<br />This world, revive,<br />With these words five:<br />Love will keep us alive.</div>
</div>
</div>
Anupamhttp://www.blogger.com/profile/03540105879919087086noreply@blogger.com0tag:blogger.com,1999:blog-31059749.post-49166326339956933752018-02-09T16:34:00.000+05:302018-02-09T16:34:09.023+05:30Yesternight at nine<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="section-inner sectionLayout--insetColumn" style="background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.84); font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 20px; margin: 0px auto; max-width: 740px; padding-left: 20px; padding-right: 20px; position: relative; width: 740px;">
<h1 class="graf graf--h3 graf--leading graf--title" id="d37e" name="d37e" style="--margin-top-multiplier: 0; font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 42px; letter-spacing: -0.015em; line-height: 1.04; margin: 0px 0px 0px -2.63px; padding-top: 5px !important;">
<img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/max/1500/1*pmqKG0dIwG3nriboI8KAgw.jpeg" src="https://cdn-images-1.medium.com/max/1500/1*pmqKG0dIwG3nriboI8KAgw.jpeg" style="backface-visibility: hidden; background-color: rgba(0, 0, 0, 0); border: 0px; box-sizing: border-box; display: block; font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 20px; height: 563px; left: 0px; margin: auto; opacity: 1; position: absolute; top: 0px; transition: visibility 0s linear 0s, opacity 0.4s 0s; visibility: visible; width: 1000px; z-index: 100;" /></h1>
</div>
<div class="section-inner sectionLayout--insetColumn" style="background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.84); font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 20px; margin: 52px auto 0px; max-width: 740px; padding-left: 20px; padding-right: 20px; position: relative; width: 740px;">
<div class="graf graf--p graf-after--figure" id="8948" name="8948" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 38px;">
When my mind is fooled by my own disguise,<br />Should I then believe what I see through my eyes?<br />Life’s an illusion, I do realise;<br />Mirages of mountains, treading thin ice.</div>
<div class="graf graf--p graf-after--p" id="7867" name="7867" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
The journey seems pointless, lead by a mere whim,<br />Staring at a haystack, seeking the pin!<br />Trying to be cheery, while weary within,<br />In the land of no fantasies, dreaming is sin.</div>
<div class="graf graf--p graf-after--p" id="91e0" name="91e0" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
Who has the answer, to what lies beyond?<br />The puppets keep dancing: pulled by the clown.<br />The king stays alive on his puny lil pawns.<br />The queen waltzes sideways. The horses go down.</div>
<div class="graf graf--p graf-after--p" id="73f2" name="73f2" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
The road that's less taken, sure does sound divine,<br />Tempting like a good old chilled bottle of wine,<br />Growing like a cancer, you'd hope was benign.<br />My ship left the harbour, yesternight at nine.</div>
</div>
</div>
Anupamhttp://www.blogger.com/profile/03540105879919087086noreply@blogger.com0tag:blogger.com,1999:blog-31059749.post-85638926128948848632018-02-09T16:32:00.002+05:302018-02-09T16:32:36.756+05:30Foolproof<div dir="ltr" style="text-align: left;" trbidi="on">
<figure class="graf graf--figure graf-after--h3" id="e80e" name="e80e" style="background-color: white; box-sizing: border-box; clear: both; color: rgba(0, 0, 0, 0.84); font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 20px; margin: 44px 0px 0px; outline: 0px; position: relative; user-select: auto; z-index: 100;"><div class="aspectRatioPlaceholder is-locked" style="margin: 0px auto; max-height: 333px; max-width: 700px; position: relative; width: 700px;">
<div class="aspectRatioPlaceholder-fill" style="padding-bottom: 333.198px;">
<br /></div>
<div class="progressiveMedia js-progressiveMedia graf-image is-canvasLoaded is-imageLoaded" data-action-value="1*qviyjqt7TJwBUvrHMHoWnw.png" data-action="zoom" data-height="381" data-image-id="1*qviyjqt7TJwBUvrHMHoWnw.png" data-scroll="native" data-width="800" style="background: rgba(0, 0, 0, 0); box-sizing: border-box; cursor: zoom-in; height: 333px; left: 0px; margin: auto; max-width: 100%; position: absolute; top: 0px; transition: background 0.2s; width: 700px;">
<canvas class="progressiveMedia-canvas js-progressiveMedia-canvas" height="35" style="backface-visibility: hidden; box-sizing: border-box; display: block; height: 333px; left: 0px; margin: auto; opacity: 0; position: absolute; top: 0px; transition: visibility 0s linear 0.5s, opacity 0.1s 0.4s; vertical-align: baseline; visibility: hidden; width: 700px;" width="75"></canvas><img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/max/1200/1*qviyjqt7TJwBUvrHMHoWnw.png" src="https://cdn-images-1.medium.com/max/1200/1*qviyjqt7TJwBUvrHMHoWnw.png" style="backface-visibility: hidden; border: 0px; box-sizing: border-box; display: block; height: 333px; left: 0px; margin: auto; opacity: 1; position: absolute; top: 0px; transition: visibility 0s linear 0s, opacity 0.4s 0s; visibility: visible; width: 700px; z-index: 100;" /></div>
</div>
</figure><div class="graf graf--p graf-after--figure" id="d810" name="d810" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 38px;">
A good teacher once said, that between choosing to express myself versus keeping quiet merely out of the fear that I might say something ‘wrong’; I should always favour letting it flow. The sheer weight of living with a regret for the rest of my life she’d said, would just not be worth it.</div>
<div class="graf graf--p graf-after--p" id="b034" name="b034" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
Anyways, thanks to that lesson; I’ve made a fool of myself so many times now that the fear thereof does not inhibit me much these days. I’ve had my fair share of failures, rejections, disappointments and despair. And I’ve had my uber moments as well! It took me some time though to realise that she had intended it not as a licence to be impulsive and indiscreet but rather as a mature expression of a considered conviction. So if that means I might find myself in a muddy morass more often than not, as long as I’m aware of what I’m getting into, well, so be it!</div>
<div class="graf graf--p graf-after--p" id="7f66" name="7f66" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
The key, evidently, is to somehow survive them all. By clinging on, at times, to nothing more than a faint foggy vision of a scraggy peak beyond the valleys we find ourselves in. Trust me, it’s much less fun living in the plains anyway! In the end, they say, that what doesn’t kill us only makes us stronger.</div>
<div class="graf graf--p graf-after--p graf--trailing" id="a00f" name="a00f" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
As contrary as it may seem, making a fool of ourselves a few times over, might actually be the best secret recipe for becoming foolproof. Each time, life teaches us to be a bit wiser and helps us smile a bit wider at our sheer vanity.</div>
</div>
Anupamhttp://www.blogger.com/profile/03540105879919087086noreply@blogger.com0tag:blogger.com,1999:blog-31059749.post-73994757664357698252018-02-09T16:31:00.002+05:302018-02-09T16:31:25.452+05:30We are all in this together<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="postArticle-content js-postField js-notesSource js-trackedPost" data-post-id="46cb1ea1957d" data-scroll="native" data-source="post_page" data-tracking-context="postPage" style="background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; margin-bottom: 0px; outline: 0px; position: relative; word-break: break-word; word-wrap: break-word;">
<section class="section section--body section--first section--last" name="2e3c" style="clear: both; margin-top: 20px; padding-bottom: 5px; padding-top: 0px; position: relative;"><div class="section-content">
<div class="section-inner sectionLayout--insetColumn" style="box-sizing: border-box; margin: 0px auto; max-width: 740px; padding-left: 20px; padding-right: 20px; position: relative; width: 740px;">
<h3 style="--margin-top-multiplier: 0; font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; letter-spacing: -0.015em; line-height: 1.04; margin: 0px 0px 0px -2.63px; padding-top: 5px !important; text-align: left;">
<span style="font-size: xx-small;">(Originally published on New Year day 2018)</span></h3>
<figure class="graf graf--figure graf-after--h3" id="070a" name="070a" style="box-sizing: border-box; clear: both; font-size: 20px; margin: 44px 0px 0px; outline: 0px; position: relative; user-select: auto; z-index: 100;"><div class="aspectRatioPlaceholder is-locked" style="margin: 0px auto; max-height: 394px; max-width: 700px; position: relative; width: 700px;">
<div class="aspectRatioPlaceholder-fill" style="padding-bottom: 394.094px;">
</div>
<div class="progressiveMedia js-progressiveMedia graf-image is-canvasLoaded is-imageLoaded" data-action-value="1*oWpcr_JlMbRMCiM3gKtkTw.jpeg" data-action="zoom" data-height="2358" data-image-id="1*oWpcr_JlMbRMCiM3gKtkTw.jpeg" data-scroll="native" data-width="4192" style="background: rgba(0, 0, 0, 0); box-sizing: border-box; cursor: zoom-in; height: 394px; left: 0px; margin: auto; max-width: 100%; position: absolute; top: 0px; transition: background 0.2s; width: 700px;">
<canvas class="progressiveMedia-canvas js-progressiveMedia-canvas" height="41" style="backface-visibility: hidden; box-sizing: border-box; display: block; height: 394px; left: 0px; margin: auto; opacity: 0; position: absolute; top: 0px; transition: visibility 0s linear 0.5s, opacity 0.1s 0.4s; vertical-align: baseline; visibility: hidden; width: 700px;" width="75"></canvas><img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/max/1200/1*oWpcr_JlMbRMCiM3gKtkTw.jpeg" src="https://cdn-images-1.medium.com/max/1200/1*oWpcr_JlMbRMCiM3gKtkTw.jpeg" style="backface-visibility: hidden; border: 0px; box-sizing: border-box; display: block; height: 394px; left: 0px; margin: auto; opacity: 1; position: absolute; top: 0px; transition: visibility 0s linear 0s, opacity 0.4s 0s; visibility: visible; width: 700px; z-index: 100;" /></div>
</div>
</figure><div class="graf graf--p graf-after--figure" id="cfed" name="cfed" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 38px;">
As another year draws to a close, and a new one breaks, nothing can put you in a thinking hat as best as a bout of fever can. That’s after you recover just enough to think clearly but not enough to be heading to the gym for a workout ;p</div>
<div class="graf graf--p graf-after--p" id="0daa" name="0daa" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
So here’s what I’ve been thinking.</div>
<div class="graf graf--p graf-after--p" id="d7be" name="d7be" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
It’s an incredibly small world that we live in. What matters most are those little connections we have with each other. Friends. Family. Colleagues. Strangers. The few fleeing moments we have together. Those amazing coincidences. Those chance encounters. Those planned rendezvous. The shared interests. The celebrate-able differences.</div>
<div class="graf graf--p graf-after--p" id="1a19" name="1a19" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
Helping. Sharing. Caring. Giving. Loving. Talking. Sometimes, just listening.</div>
<div class="graf graf--p graf-after--p" id="ff20" name="ff20" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
While it’s our minds that truly connect. Sometimes, we should even let our bodies too. A handshake, hug, kiss, caress, touch. Simple gestures that we have managed to make sound incredibly complex! Hell, we are so twisted that we even make an innocent smile look sinister and suspect.</div>
<div class="graf graf--p graf-after--p" id="ad26" name="ad26" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
In short, we are making it difficult to make those connections that we were talking about. It is quite probable now for entire lifetimes to pass without making any meaningful connections at all! To many, this might also seem completely normal. This is the curse.</div>
<div class="graf graf--p graf-after--p graf--trailing" id="a8ed" name="a8ed" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
So in these wee hours of a new year, here’s me wishing that we all make a LOT more connections this year. Deep bonds even. This is what we’re meant to. In this astoundingly vast universe, we inhabit a small world. Your small act of kindness, your being there as a shoulder for someone to lean on… Our little acts may have cascading effects that are beyond obvious. We are a part of a network, mysteriously and mystically connected. Believe it or not, we are all in this together ☺</div>
</div>
</div>
</section></div>
<footer class="u-paddingTop10" style="background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 20px; padding-top: 10px !important;"><div class="container u-maxWidth740" style="box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 740px !important; padding-left: 20px; padding-right: 20px;">
<div class="row" style="box-sizing: border-box; margin-left: -20px; margin-right: -20px;">
</div>
</div>
</footer></div>
Anupamhttp://www.blogger.com/profile/03540105879919087086noreply@blogger.com0tag:blogger.com,1999:blog-31059749.post-51204914640748420672018-02-09T16:29:00.000+05:302018-02-09T16:29:09.370+05:30Sing a song instead<div dir="ltr" style="text-align: left;" trbidi="on">
<section class="section section--body section--first" name="afaa" style="background-color: white; clear: both; color: rgba(0, 0, 0, 0.84); font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 20px; margin-top: 20px; padding-top: 0px; position: relative;"><div class="section-content">
<div class="section-inner sectionLayout--insetColumn" style="box-sizing: border-box; margin: 0px auto; max-width: 740px; padding-left: 20px; padding-right: 20px; position: relative; width: 740px;">
<h2 class="graf graf--h4 graf-after--h3 graf--subtitle" id="ecef" name="ecef" style="--baseline-multiplier: 0.22; color: rgba(0, 0, 0, 0.54); font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 28px; font-weight: 400; letter-spacing: -0.012em; line-height: 1.22; margin: 5px 0px 22px -1.75px;">
They say: love trumps hate and that music is the food of love.</h2>
<figure class="graf graf--figure graf-after--h4" id="a9f4" name="a9f4" style="box-sizing: border-box; clear: both; margin: 44px 0px 0px; outline: 0px; position: relative; user-select: auto; z-index: 100;"><div class="aspectRatioPlaceholder is-locked" style="margin: 0px auto; max-height: 367px; max-width: 700px; position: relative; width: 700px;">
<div class="aspectRatioPlaceholder-fill" style="padding-bottom: 367.5px;">
</div>
<div class="progressiveMedia js-progressiveMedia graf-image is-canvasLoaded is-imageLoaded" data-action-value="1*PH_59W98g_M83wXGTOUtVg.jpeg" data-action="zoom" data-height="428" data-image-id="1*PH_59W98g_M83wXGTOUtVg.jpeg" data-scroll="native" data-width="816" style="background: rgba(0, 0, 0, 0); box-sizing: border-box; cursor: zoom-in; height: 367px; left: 0px; margin: auto; max-width: 100%; position: absolute; top: 0px; transition: background 0.2s; width: 700px;">
<canvas class="progressiveMedia-canvas js-progressiveMedia-canvas" height="38" style="backface-visibility: hidden; box-sizing: border-box; display: block; height: 367px; left: 0px; margin: auto; opacity: 0; position: absolute; top: 0px; transition: visibility 0s linear 0.5s, opacity 0.1s 0.4s; vertical-align: baseline; visibility: hidden; width: 700px;" width="75"></canvas><img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/max/1200/1*PH_59W98g_M83wXGTOUtVg.jpeg" src="https://cdn-images-1.medium.com/max/1200/1*PH_59W98g_M83wXGTOUtVg.jpeg" style="backface-visibility: hidden; border: 0px; box-sizing: border-box; display: block; height: 367px; left: 0px; margin: auto; opacity: 1; position: absolute; top: 0px; transition: visibility 0s linear 0s, opacity 0.4s 0s; visibility: visible; width: 700px; z-index: 100;" /></div>
</div>
</figure><div class="graf graf--p graf-after--figure" id="c41f" name="c41f" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 38px;">
They whose hearts are filled with hate,<br />Can they discern sweet songs of praise?<br />They whose eyes burn red with rage,<br />Can they e’er see a loving gaze?<br />Can those whose hands embrace the mace,<br />E’er kiss at night their own child’s face?<br />And they who plot to kill and maim,<br />Could they know what would seal their fate?</div>
<div class="graf graf--p graf-after--p" id="8682" name="8682" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
We're specs of dust, mere cosmic sand,<br />Moulded by the unseen hand,<br />With borrowed breaths that help us land,<br />Our little roles in this weird band,<br />There are things to learn, our minds expand,<br />Before life waves it's magic wand,<br />Like every show with entree grand,<br />End it must when time demands.</div>
<div class="graf graf--p graf-after--p graf--trailing" id="66c0" name="66c0" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
So why fill this short life with hate,<br />When we could share some love instead?<br />Why fill the air with cries and wails,<br />When joyous songs could fill this place?<br />Why not use that strong hand to help,<br />Someone who’s been stuck in life’s ebbs?<br />Why waste those breaths just screaming threats,<br />When you could sing a song instead!</div>
</div>
</div>
</section><section class="section section--body section--last" name="fb70" style="background-color: white; clear: both; color: rgba(0, 0, 0, 0.84); font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 20px; padding-bottom: 5px; position: relative;"><div class="section-divider">
<hr class="section-divider" style="border: 0px; box-sizing: content-box; height: 0px; margin-bottom: 42px; margin-top: 52px; overflow: visible; text-align: center;" />
</div>
<div class="section-content">
<div class="section-inner sectionLayout--insetColumn" style="box-sizing: border-box; margin: 0px auto; max-width: 740px; padding-left: 20px; padding-right: 20px; position: relative; width: 740px;">
<div class="graf graf--p graf--leading" id="141b" name="141b" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 38px;">
[I’ve been in Satna, MP, India for the past week and was shocked to hear that on 15th December 2017, a group of christmas carolers from a church nearby were arrested here, their car burnt by a mob, and those who went to enquire assaulted (while the police were ‘helplessly’ watching), allegedly because their carol songs were seen as a part of their attempt to forcibly ‘convert’!? people into Christianity. Yes. It is a <a class="markup--anchor markup--p-anchor" data-href="http://www.thehindu.com/news/national/other-states/police-detain-carol-singing-group-in-madhya-pradeshs-satna/article21716250.ece?homepage=true" href="http://www.thehindu.com/news/national/other-states/police-detain-carol-singing-group-in-madhya-pradeshs-satna/article21716250.ece?homepage=true" rel="noopener nofollow" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0.54); background-color: transparent; background-image: linear-gradient(rgba(0, 0, 0, 0.68) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0px 1.07em; background-repeat: repeat-x; background-size: 2px 0.1em; text-decoration-line: none;" target="_blank">true incident</a> that is as weird as it sounds.]</div>
</div>
</div>
</section></div>
Anupamhttp://www.blogger.com/profile/03540105879919087086noreply@blogger.com0tag:blogger.com,1999:blog-31059749.post-63280303499821726472018-02-09T16:28:00.000+05:302018-02-09T16:28:01.626+05:30Programmable Things. An introduction. Plain and simple<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="section-inner sectionLayout--insetColumn" style="background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.84); font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 20px; margin: 0px auto; max-width: 740px; padding-left: 20px; padding-right: 20px; position: relative; width: 740px;">
<h2 class="graf graf--h4 graf-after--h3 graf--subtitle" id="9944" name="9944" style="--baseline-multiplier: 0.22; color: rgba(0, 0, 0, 0.54); font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 28px; font-weight: 400; letter-spacing: -0.012em; line-height: 1.22; margin: 5px 0px 22px -1.75px;">
Just make it!</h2>
</div>
<div class="section-inner sectionLayout--outsetColumn" style="background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.84); font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 20px; margin: 52px auto 0px; max-width: 1000px; position: relative; width: 1000px;">
<figure class="graf graf--figure graf--layoutOutsetCenter graf-after--h4" data-scroll="native" id="22e8" name="22e8" style="--margin-top-multiplier: 0; box-sizing: border-box; clear: both; margin: 0px; outline: 0px; padding: 5px 0px; position: relative; user-select: auto; z-index: 100;"><div class="aspectRatioPlaceholder is-locked" style="margin: 0px auto; max-height: 781px; max-width: 1000px; position: relative; width: 1000px;">
<div class="aspectRatioPlaceholder-fill" style="padding-bottom: 781px;">
</div>
<div class="progressiveMedia js-progressiveMedia graf-image is-canvasLoaded is-imageLoaded" data-action-value="1*Y0V5W2BX2YHAWeOxDe8mDg.png" data-action="zoom" data-height="800" data-image-id="1*Y0V5W2BX2YHAWeOxDe8mDg.png" data-scroll="native" data-width="1024" style="background: rgba(0, 0, 0, 0); box-sizing: border-box; cursor: zoom-in; height: 781px; left: 0px; margin: 0px; max-width: 100%; position: absolute; top: 0px; transition: background 0.2s; width: 1000px;">
<canvas class="progressiveMedia-canvas js-progressiveMedia-canvas" height="58" style="backface-visibility: hidden; box-sizing: border-box; display: block; height: 781px; left: 0px; margin: auto; opacity: 0; position: absolute; top: 0px; transition: visibility 0s linear 0.5s, opacity 0.1s 0.4s; vertical-align: baseline; visibility: hidden; width: 1000px;" width="75"></canvas><img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/max/1500/1*Y0V5W2BX2YHAWeOxDe8mDg.png" src="https://cdn-images-1.medium.com/max/1500/1*Y0V5W2BX2YHAWeOxDe8mDg.png" style="backface-visibility: hidden; border: 0px; box-sizing: border-box; display: block; height: 781px; left: 0px; margin: auto; opacity: 1; position: absolute; top: 0px; transition: visibility 0s linear 0s, opacity 0.4s 0s; visibility: visible; width: 1000px; z-index: 100;" /></div>
</div>
<figcaption class="imageCaption" style="--baseline-multiplier: 0.22; color: rgba(0, 0, 0, 0.68); font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-feature-settings: 'liga' 1, 'lnum' 1; font-size: 16px; left: 0px; letter-spacing: 0px; line-height: 1.4; margin: 10px auto 0px; outline: 0px; position: relative; text-align: center; top: 0px; width: 1000px; z-index: 300;">Original image source: Wikimedia, just search for The Thing :)</figcaption></figure></div>
<div class="section-inner sectionLayout--insetColumn" style="background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.84); font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 20px; margin: 52px auto 0px; max-width: 740px; padding-left: 20px; padding-right: 20px; position: relative; width: 740px;">
<div class="graf graf--p graf-after--figure" id="9466" name="9466" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 38px;">
This is a great time to be a part of the hardware+software maker movement. The things that you make here are called- <span class="markup--strong markup--p-strong" style="font-weight: 700;">Things!</span> Seriously :) and by extension, we have IoT, aka Internet of Things.</div>
<div class="graf graf--p graf-after--p" id="ea73" name="ea73" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
There is such a wide variety of low-cost, easy to program and reasonably simple to integrate micro-controllers out there that its literally a bonanza. And, it only keeps getting better! There is a huge community of makers and there are tons of videos and tutorials on the web that can help you know more about any<span class="markup--strong markup--p-strong" style="font-weight: 700;">thing</span> and every<span class="markup--strong markup--p-strong" style="font-weight: 700;">thing</span> that you will need to make your own <span class="markup--strong markup--p-strong" style="font-weight: 700;">Thing</span>. If you have a problem to solve and a solution in mind, my attempt here is to give you a primer: A meek peek into this wonderful world. Perhaps, in the near future, I will share my notes on a few deep-dives as well.</div>
<h3 class="graf graf--h3 graf-after--p" id="3975" name="3975" style="--baseline-multiplier: 0.22; font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 34px; letter-spacing: -0.015em; line-height: 1.15; margin: 56px 0px 0px -2.13px;">
<span class="markup--strong markup--h3-strong">System</span></h3>
<div class="graf graf--p graf-after--h3" id="3cbd" name="3cbd" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 8px;">
Almost all projects are of the following nature:</div>
<div class="graf graf--p graf-after--p" id="46a3" name="46a3" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
<span class="markup--strong markup--p-strong" style="font-weight: 700;">Input(s) → Processing → Output(s)</span></div>
<figure class="graf graf--figure graf-after--p" id="fee0" name="fee0" style="box-sizing: border-box; clear: both; margin: 43px 0px 0px; outline: 0px; position: relative; user-select: auto; z-index: 100;"><div class="aspectRatioPlaceholder is-locked" style="margin: 0px auto; max-height: 238px; max-width: 474px; position: relative; width: 474px;">
<div class="aspectRatioPlaceholder-fill" style="padding-bottom: 237.948px;">
</div>
<div class="progressiveMedia js-progressiveMedia graf-image is-canvasLoaded is-imageLoaded" data-height="238" data-image-id="1*DXLJfz_tJEI4tqwJyIwgqw.png" data-scroll="native" data-width="474" style="background: rgba(0, 0, 0, 0); box-sizing: border-box; height: 237.948px; left: 0px; margin: auto; max-width: 100%; position: absolute; top: 0px; transition: background 0.2s; width: 474px;">
<canvas class="progressiveMedia-canvas js-progressiveMedia-canvas" height="36" style="backface-visibility: hidden; box-sizing: border-box; display: block; height: 237.948px; left: 0px; margin: auto; opacity: 0; position: absolute; top: 0px; transition: visibility 0s linear 0.5s, opacity 0.1s 0.4s; vertical-align: baseline; visibility: hidden; width: 474px;" width="75"></canvas><img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/max/1200/1*DXLJfz_tJEI4tqwJyIwgqw.png" src="https://cdn-images-1.medium.com/max/1200/1*DXLJfz_tJEI4tqwJyIwgqw.png" style="backface-visibility: hidden; border: 0px; box-sizing: border-box; display: block; height: 237.948px; left: 0px; margin: auto; opacity: 1; position: absolute; top: 0px; transition: visibility 0s linear 0s, opacity 0.4s 0s; visibility: visible; width: 474px; z-index: 100;" /></div>
</div>
</figure><div class="graf graf--p graf-after--figure" id="9210" name="9210" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 38px;">
(OH: cmmon!) This simplified view is a great place to start as we dive a bit deeper. A simple example of such a system could be:</div>
<div class="graf graf--p graf-after--p" id="9e34" name="9e34" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
There is a button, pressing it (<em class="markup--em markup--p-em" style="font-feature-settings: 'liga' 1, 'salt' 1;">input</em>) will turn the connected light (<em class="markup--em markup--p-em" style="font-feature-settings: 'liga' 1, 'salt' 1;">output</em>) ON or OFF (<em class="markup--em markup--p-em" style="font-feature-settings: 'liga' 1, 'salt' 1;">processing</em>: toggle light state).</div>
<h3 class="graf graf--h3 graf-after--p" id="13b2" name="13b2" style="--baseline-multiplier: 0.22; font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 34px; letter-spacing: -0.015em; line-height: 1.15; margin: 56px 0px 0px -2.13px;">
<span class="markup--strong markup--h3-strong">Input</span></h3>
<div class="graf graf--p graf-after--h3" id="9800" name="9800" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 8px;">
Inputs are read from sensors that either translate some physical phenomenon, human intent, commands or instructions through some physical activity (like a button press), into electrical signals.</div>
<div class="graf graf--p graf-after--p" id="e1e3" name="e1e3" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
Now these electrical signals could be <span class="markup--strong markup--p-strong" style="font-weight: 700;">analog.</span> Analog signals are those where a variation of the signal amplitude/ strength (measured in Volt, or ‘potential’) or current (measured in Ampere or ‘flow’) could be measured to infer something about the phenomenon being measured.</div>
<figure class="graf graf--figure graf-after--p" id="25b9" name="25b9" style="box-sizing: border-box; clear: both; margin: 43px 0px 0px; outline: 0px; position: relative; user-select: auto; z-index: 100;"><div class="aspectRatioPlaceholder is-locked" style="margin: 0px auto; max-height: 361px; max-width: 500px; position: relative; width: 500px;">
<div class="aspectRatioPlaceholder-fill" style="padding-bottom: 360.99px;">
</div>
<div class="progressiveMedia js-progressiveMedia graf-image is-canvasLoaded is-imageLoaded" data-height="361" data-image-id="1*BxEF8Jp1GO4i58pa2r912A.png" data-scroll="native" data-width="500" style="background: rgba(0, 0, 0, 0); box-sizing: border-box; height: 360.99px; left: 0px; margin: auto; max-width: 100%; position: absolute; top: 0px; transition: background 0.2s; width: 500px;">
<canvas class="progressiveMedia-canvas js-progressiveMedia-canvas" height="53" style="backface-visibility: hidden; box-sizing: border-box; display: block; height: 360.99px; left: 0px; margin: auto; opacity: 0; position: absolute; top: 0px; transition: visibility 0s linear 0.5s, opacity 0.1s 0.4s; vertical-align: baseline; visibility: hidden; width: 500px;" width="75"></canvas><img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/max/1200/1*BxEF8Jp1GO4i58pa2r912A.png" src="https://cdn-images-1.medium.com/max/1200/1*BxEF8Jp1GO4i58pa2r912A.png" style="backface-visibility: hidden; border: 0px; box-sizing: border-box; display: block; height: 360.99px; left: 0px; margin: auto; opacity: 1; position: absolute; top: 0px; transition: visibility 0s linear 0s, opacity 0.4s 0s; visibility: visible; width: 500px; z-index: 100;" /></div>
</div>
</figure><div class="graf graf--p graf-after--figure" id="b89e" name="b89e" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 38px;">
The signals could also be <span class="markup--strong markup--p-strong" style="font-weight: 700;">digital,</span> where the measured quantity is represented as zeros and ones. So, essentially a set of ON/ OFF pulses (binary representations, that the microprocessor understands) that encode a number/ value say in the decimal system (which we tend to relate to much better).</div>
<figure class="graf graf--figure graf-after--p" id="6053" name="6053" style="box-sizing: border-box; clear: both; margin: 43px 0px 0px; outline: 0px; position: relative; user-select: auto; z-index: 100;"><div class="aspectRatioPlaceholder is-locked" style="margin: 0px auto; max-height: 361px; max-width: 500px; position: relative; width: 500px;">
<div class="aspectRatioPlaceholder-fill" style="padding-bottom: 360.99px;">
</div>
<div class="progressiveMedia js-progressiveMedia graf-image is-canvasLoaded is-imageLoaded" data-height="361" data-image-id="1*V2KpXdY1W_4x8cn2fY3JPA.png" data-scroll="native" data-width="500" style="background: rgba(0, 0, 0, 0); box-sizing: border-box; height: 360.99px; left: 0px; margin: auto; max-width: 100%; position: absolute; top: 0px; transition: background 0.2s; width: 500px;">
<canvas class="progressiveMedia-canvas js-progressiveMedia-canvas" height="53" style="backface-visibility: hidden; box-sizing: border-box; display: block; height: 360.99px; left: 0px; margin: auto; opacity: 0; position: absolute; top: 0px; transition: visibility 0s linear 0.5s, opacity 0.1s 0.4s; vertical-align: baseline; visibility: hidden; width: 500px;" width="75"></canvas><img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/max/1200/1*V2KpXdY1W_4x8cn2fY3JPA.png" src="https://cdn-images-1.medium.com/max/1200/1*V2KpXdY1W_4x8cn2fY3JPA.png" style="backface-visibility: hidden; border: 0px; box-sizing: border-box; display: block; height: 360.99px; left: 0px; margin: auto; opacity: 1; position: absolute; top: 0px; transition: visibility 0s linear 0s, opacity 0.4s 0s; visibility: visible; width: 500px; z-index: 100;" /></div>
</div>
</figure><h4 class="graf graf--h4 graf-after--figure" id="9688" name="9688" style="--baseline-multiplier: 0.22; font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 26px; letter-spacing: -0.012em; line-height: 1.22; margin: 39px 0px 0px -1.63px;">
Bonus: Read a quick recap on number systems here:</h4>
<div class="graf graf--mixtapeEmbed graf-after--h4" id="001a" name="001a" style="box-shadow: rgba(0, 0, 0, 0.04) 0px 1px 4px, rgba(0, 0, 0, 0.09) 0px 0px 0px 1px inset; box-sizing: border-box; color: rgba(0, 0, 0, 0.54); display: table; font-size: 15px; letter-spacing: 0px; margin-top: 44px; max-height: 280px; overflow: hidden; position: relative; width: 700px;">
<a class="markup--anchor markup--mixtapeEmbed-anchor" data-href="https://medium.com/@anupamvarghese/number-systems-7ffb31a40641" href="https://medium.com/@anupamvarghese/number-systems-7ffb31a40641" style="-webkit-tap-highlight-color: transparent; background: rgba(255, 255, 255, 0); display: table-cell; padding: 20px; text-decoration-line: none; vertical-align: middle;" title="https://medium.com/@anupamvarghese/number-systems-7ffb31a40641"><span class="markup--strong markup--mixtapeEmbed-strong" style="color: rgba(0, 0, 0, 0.9); display: block; font-size: 18px; letter-spacing: 0px; line-height: 1.3; margin-bottom: -8px;">Number systems</span><br /><span class="markup--em markup--mixtapeEmbed-em" style="color: rgba(0, 0, 0, 0.68); display: block; font-size: 16px; margin-bottom: 10px; margin-top: -1px; max-height: 120px; overflow: hidden;">Recap counting!</span>medium.com</a><a class="js-mixtapeImage mixtapeImage u-ignoreBlock" data-media-id="8d3e6e48a7c517f8ec0cac5175ae2ea5" data-thumbnail-img-id="1*RouHe5luvO_cBJdws73ZSQ.jpeg" href="https://medium.com/@anupamvarghese/number-systems-7ffb31a40641" style="-webkit-tap-highlight-color: transparent; background-color: transparent; background-image: url("https://cdn-images-1.medium.com/fit/c/240/240/1*RouHe5luvO_cBJdws73ZSQ.jpeg"); background-position: center center; background-repeat: no-repeat; background-size: cover; box-shadow: rgba(0, 0, 0, 0.09) 0px 0px 0px 1px inset; box-sizing: border-box; display: table-cell; height: 160px; text-decoration-line: none; vertical-align: middle; width: 160px;"></a></div>
<div class="graf graf--p graf-after--mixtapeEmbed" id="bb18" name="bb18" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 38px;">
When the signals are analog; for the computer to make any sense of it, it must be turned into its digital or binary form through what is called <span class="markup--strong markup--p-strong" style="font-weight: 700;">sampling</span>. This is done by an ADC (Analog to Digital Converter). Most micro-controllers have on-board ADCs but one could use a separate ADC as well.</div>
<figure class="graf graf--figure graf-after--p" id="53ce" name="53ce" style="box-sizing: border-box; clear: both; margin: 43px 0px 0px; outline: 0px; position: relative; user-select: auto; z-index: 100;"><div class="aspectRatioPlaceholder is-locked" style="margin: 0px auto; max-height: 237px; max-width: 700px; position: relative; width: 700px;">
<div class="aspectRatioPlaceholder-fill" style="padding-bottom: 237.292px;">
</div>
<div class="progressiveMedia js-progressiveMedia graf-image is-canvasLoaded is-imageLoaded" data-action-value="1*-KFeBvgIIxUhWtLPVPFBUA.png" data-action="zoom" data-height="246" data-image-id="1*-KFeBvgIIxUhWtLPVPFBUA.png" data-scroll="native" data-width="726" style="background: rgba(0, 0, 0, 0); box-sizing: border-box; cursor: zoom-in; height: 237px; left: 0px; margin: auto; max-width: 100%; position: absolute; top: 0px; transition: background 0.2s; width: 700px;">
<canvas class="progressiveMedia-canvas js-progressiveMedia-canvas" height="25" style="backface-visibility: hidden; box-sizing: border-box; display: block; height: 237px; left: 0px; margin: auto; opacity: 0; position: absolute; top: 0px; transition: visibility 0s linear 0.5s, opacity 0.1s 0.4s; vertical-align: baseline; visibility: hidden; width: 700px;" width="75"></canvas><img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/max/1200/1*-KFeBvgIIxUhWtLPVPFBUA.png" src="https://cdn-images-1.medium.com/max/1200/1*-KFeBvgIIxUhWtLPVPFBUA.png" style="backface-visibility: hidden; border: 0px; box-sizing: border-box; display: block; height: 237px; left: 0px; margin: auto; opacity: 1; position: absolute; top: 0px; transition: visibility 0s linear 0s, opacity 0.4s 0s; visibility: visible; width: 700px; z-index: 100;" /></div>
</div>
</figure><div class="graf graf--p graf-after--figure" id="ba74" name="ba74" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 38px;">
So, sampling involves taking a snapshot of an analog signal at a point in time and then the ADC converts that value into a binary (base 2) representation.</div>
<div class="graf graf--p graf-after--p" id="0347" name="0347" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
To get a meaningful representation of the original signal, the sampling rate must be high enough. So, higher the sampling rate (<span class="markup--strong markup--p-strong" style="font-weight: 700;">frequency </span>or the number of times you take the sample reading per second), the better the signal fidelity. For example, if you record your sound using a microphone on a computer, a typical sampling rate would be 22KHz. Which means, the sound card has an ADC that takes 22 thousand samples of your voice signal amplitude from a microphone per second and stores each of them up onboard!</div>
<div class="graf graf--p graf-after--p" id="943d" name="943d" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
Also, the number of bits that the system uses to represent each discrete signal sample determines its accuracy. For instance, an 8 bit sampler can represent 2⁸ or 256 different signal values (from 0000 0000 to 1111 1111). Assuming we are measuring a maximum of 1 Volt using this sampler, this gives a resolution of 1/256 or 0.0039V. So this system is capable of measuring variation in voltage as small as 0.0039V or more up until 1V but if the increment in the voltage is less than that, it will not be able to measure it. Now, if the sampler supported 10 bit, that would give 2¹⁰ or 1024 possible values between 0V and 1V. This translates to a resolution of 0.0009765V ! This is evidently a lot more granular than an 8 bit sampler.</div>
<div class="graf graf--p graf-after--p" id="13de" name="13de" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
So, the higher the sampling rate and the higher the number of bits returned per sample, the closer will the digital signal come to represent the analog one that it just attempted to digitize. So, theoretically, what it means is that digital always loses ‘some’ of the original analog signal during the process of conversion, however hard it may try. But then, these losses tend to be negligible in high fidelity systems and once the signal is digital, well, its food for a microprocessor and you can do a zillion things with it that you may not have been able to pull off when it was in the analog form.</div>
<div class="graf graf--p graf-after--p" id="c49b" name="c49b" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
So what kind of sensors are available? Well, a whole lot. Here’s an indicative list:</div>
<div class="graf graf--p graf-after--p" id="f2a7" name="f2a7" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
a. Temperature<br />b. Pressure<br />c. Sound<br />d. Vibration<br />e. Location<br />f. Motion<br />g. Magnetism<br />h. Touch<br />i. Light<br />j. Humidity<br />k. Presses (buttons)</div>
<div class="graf graf--p graf-after--p" id="e1f6" name="e1f6" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
Just google for ‘<span class="markup--strong markup--p-strong" style="font-weight: 700;">x</span> sensor’ where x is the thing you wish to measure/ read as an input and you should get to some sensor that does the job for you. There are some sensors that come with an ADC built in, so you could read their output straightaway.</div>
<h3 class="graf graf--h3 graf-after--p" id="7948" name="7948" style="--baseline-multiplier: 0.22; font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 34px; letter-spacing: -0.015em; line-height: 1.15; margin: 56px 0px 0px -2.13px;">
<span class="markup--strong markup--h3-strong">Output</span></h3>
<div class="graf graf--p graf-after--h3" id="bc20" name="bc20" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 8px;">
For systems to be useful, they need to be able to present their output in some form. Where humans are involved, these better be human readable/ interpretable forms. This is where output systems come in.</div>
<div class="graf graf--p graf-after--p" id="a29f" name="a29f" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
Simply put, the output systems do a reverse of what the input systems do. They translate the digital output values into some physical phenomenon, like: displaying them on a screen (light), voice output or creating a buzzer sound. At times, they need to be sent to other systems which will take them as inputs. One example would be if this needs to be transmitted to a server so that a log could be maintained, or an email sent!</div>
<div class="graf graf--p graf-after--p" id="fdb0" name="fdb0" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
The following is an indicative list of output systems:</div>
<div class="graf graf--p graf-after--p" id="03ee" name="03ee" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
1. LCD/ OLED/ LED displays<br />2. Speakers<br />3. WiFi, Bluetooth, RF transmissions<br />4. Tactile feedback</div>
<h3 class="graf graf--h3 graf-after--p" id="309a" name="309a" style="--baseline-multiplier: 0.22; font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 34px; letter-spacing: -0.015em; line-height: 1.15; margin: 56px 0px 0px -2.13px;">
<span class="markup--strong markup--h3-strong">Processing</span></h3>
<div class="graf graf--p graf-after--h3" id="6aef" name="6aef" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 8px;">
Consider a weather station which needs to measure, temperature, humidity, wind-speed and location. Evidently, more than one input is necessary here. And you might need to convert the read inputs into some other scale and notify a central system periodically and raise an alarm if there is a huge variation in any of the input values. Or combine multiple inputs to predict whether a storm event is likely. This needs a processor. A processor, in simple terms is something that can execute a defined set of operations on given inputs. Microcontrollers have a ‘computer’ inside them. Usually they are <a class="markup--anchor markup--p-anchor" data-href="https://en.wikipedia.org/wiki/Reduced_instruction_set_computer" href="https://en.wikipedia.org/wiki/Reduced_instruction_set_computer" rel="nofollow noopener" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0.54); background-color: transparent; background-image: linear-gradient(rgba(0, 0, 0, 0.68) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0px 1.07em; background-repeat: repeat-x; background-size: 2px 0.1em; text-decoration-line: none;" target="_blank">RISC</a>(Reduced Instruction Set Computer), which means that it may not have a whole set of capabilities that your desktop computers have, but they would have just enough to pull off your job. So, now you need to choose a suitable microcontroller for it.</div>
<div class="graf graf--p graf-after--p" id="93d9" name="93d9" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
These are a few important considerations while narrowing down your choices:</div>
<div class="graf graf--p graf-after--p" id="51b9" name="51b9" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
a. Number of inputs you will need and their types (eg: 2 analog inputs and 3 digital inputs)<br />b. The voltage levels of the input sensors<br />c. Physical size limitations<br />d. The amount of processing required<br />e. Number of outputs you will need (eg: LCD display + WiFi + SD card logging)<br />f. Power requirement (access to mains power? Long battery life? Low cost of power? Solar?)<br />g. Ease of prototyping and scaling</div>
<div class="graf graf--p graf-after--p" id="4cc1" name="4cc1" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
Once you have narrowed down your requirements, just search the net to find the suitable options.</div>
<div class="graf graf--p graf-after--p" id="60cd" name="60cd" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
What options do you have, as of end-2017 (what I love and know for sure is that this list is bound to get obsolete soon 😊)</div>
<h4 class="graf graf--h4 graf-after--p" id="28af" name="28af" style="--baseline-multiplier: 0.22; font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 26px; letter-spacing: -0.012em; line-height: 1.22; margin: 30px 0px 0px -1.63px;">
1. Raspberry Pi</h4>
<div class="graf graf--p graf-after--h4" id="e68f" name="e68f" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 6px;">
[<a class="markup--anchor markup--p-anchor" data-href="https://www.raspberrypi.org/" href="https://www.raspberrypi.org/" rel="nofollow noopener" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0.54); background-color: transparent; background-image: linear-gradient(rgba(0, 0, 0, 0.68) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0px 1.07em; background-repeat: repeat-x; background-size: 2px 0.1em; text-decoration-line: none;" target="_blank">https://www.raspberrypi.org/</a>]</div>
<div class="graf graf--p graf-after--p" id="46e2" name="46e2" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
For more complete systems that can interface with a set of peripherals like keyboards, mice and monitors. Their most recent addition is Raspberry Pi Zero W which has HDMI out, WiFi and Bluetooth, costing about Rs. 1500 (all connectors etc included!).</div>
<h4 class="graf graf--h4 graf-after--p" id="8fb7" name="8fb7" style="--baseline-multiplier: 0.22; font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 26px; letter-spacing: -0.012em; line-height: 1.22; margin: 30px 0px 0px -1.63px;">
2. The Arduino family</h4>
<div class="graf graf--p graf-after--h4" id="45dd" name="45dd" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 6px;">
[<a class="markup--anchor markup--p-anchor" data-href="https://www.arduino.cc/" href="https://www.arduino.cc/" rel="nofollow noopener" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0.54); background-color: transparent; background-image: linear-gradient(rgba(0, 0, 0, 0.68) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0px 1.07em; background-repeat: repeat-x; background-size: 2px 0.1em; text-decoration-line: none;" target="_blank">https://www.arduino.cc/</a>]</div>
<div class="graf graf--p graf-after--p" id="94e0" name="94e0" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
A wide variety of choices. These guys literally did set the maker movement on fire by introducing a simple programming interface and easy to prototype input/ outputs. Most of them use ATMEL processors.</div>
<h4 class="graf graf--h4 graf-after--p" id="c13b" name="c13b" style="--baseline-multiplier: 0.22; font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 26px; letter-spacing: -0.012em; line-height: 1.22; margin: 30px 0px 0px -1.63px;">
3. ESP8266</h4>
<div class="graf graf--p graf-after--h4" id="2749" name="2749" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 6px;">
[<a class="markup--anchor markup--p-anchor" data-href="http://espressif.com/en/products/hardware/esp8266ex/overview" href="http://espressif.com/en/products/hardware/esp8266ex/overview" rel="nofollow noopener" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0.54); background-color: transparent; background-image: linear-gradient(rgba(0, 0, 0, 0.68) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0px 1.07em; background-repeat: repeat-x; background-size: 2px 0.1em; text-decoration-line: none;" target="_blank">http://espressif.com/en/products/hardware/esp8266ex/overview</a>]</div>
<div class="graf graf--p graf-after--p" id="93da" name="93da" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
The hip youngster on the block. Developed by a Chinese manufacturer called Expressif, ESP8266 and its clones are inexpensive devices with WiFi capability and a decent spread of input/ output options</div>
<h4 class="graf graf--h4 graf-after--p" id="d652" name="d652" style="--baseline-multiplier: 0.22; font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 26px; letter-spacing: -0.012em; line-height: 1.22; margin: 30px 0px 0px -1.63px;">
4. ESP32</h4>
<div class="graf graf--p graf-after--h4" id="52d1" name="52d1" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 6px;">
[<a class="markup--anchor markup--p-anchor" data-href="http://espressif.com/en/products/hardware/esp-wroom-32/overview" href="http://espressif.com/en/products/hardware/esp-wroom-32/overview" rel="nofollow noopener" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0.54); background-color: transparent; background-image: linear-gradient(rgba(0, 0, 0, 0.68) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0px 1.07em; background-repeat: repeat-x; background-size: 2px 0.1em; text-decoration-line: none;" target="_blank">http://espressif.com/en/products/hardware/esp-wroom-32/overview</a>]</div>
<div class="graf graf--p graf-after--p" id="f018" name="f018" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
Evolution of ESP8266 with Bluetooth/ LE support added and a lot more!</div>
<h4 class="graf graf--h4 graf-after--p" id="c4f2" name="c4f2" style="--baseline-multiplier: 0.22; font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 26px; letter-spacing: -0.012em; line-height: 1.22; margin: 30px 0px 0px -1.63px;">
5. nRF51/ 52 series</h4>
<div class="graf graf--p graf-after--h4" id="89d7" name="89d7" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 6px;">
[<a class="markup--anchor markup--p-anchor" data-href="http://www.nordicsemi.com/eng/Products" href="http://www.nordicsemi.com/eng/Products" rel="nofollow noopener" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0.54); background-color: transparent; background-image: linear-gradient(rgba(0, 0, 0, 0.68) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0px 1.07em; background-repeat: repeat-x; background-size: 2px 0.1em; text-decoration-line: none;" target="_blank">http://www.nordicsemi.com/eng/Products</a>]</div>
<div class="graf graf--p graf-after--p" id="ff93" name="ff93" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
Low power BLE capable devices from Nordic Semiconductors are slightly difficult to program but are powerhouses enabling a revolution in portable devices like smart-bands and other wearables. Most of these use ARM Cortex processors.</div>
<div class="graf graf--p graf-after--p" id="ee7c" name="ee7c" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
There are a lot more options out there, I’ve only picked up my favourites that get most of the jobs done. Of course, we have folks like Intel playing catch-up with their Edison series et al, but, the kits above rule the roost.</div>
<div class="graf graf--p graf-after--p graf--trailing" id="445c" name="445c" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
So, there you are; You have now been introduced to programmable things! Go figure and make!</div>
</div>
</div>
Anupamhttp://www.blogger.com/profile/03540105879919087086noreply@blogger.com0tag:blogger.com,1999:blog-31059749.post-27433601946430764972018-02-09T16:26:00.000+05:302018-02-09T16:26:16.589+05:30Number systems<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 class="graf graf--h4 graf-after--h3 graf--subtitle" id="b06b" name="b06b" style="--baseline-multiplier: 0.22; background-color: white; color: rgba(0, 0, 0, 0.54); font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 28px; font-weight: 400; letter-spacing: -0.012em; line-height: 1.22; margin: 5px 0px 22px -1.75px;">
Recap counting!</h2>
<figure class="graf graf--figure graf-after--h4" id="dfe2" name="dfe2" style="background-color: white; box-sizing: border-box; clear: both; color: rgba(0, 0, 0, 0.84); font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 20px; margin: 44px 0px 0px; outline: 0px; position: relative; user-select: auto; z-index: 100;"><div class="aspectRatioPlaceholder is-locked" style="margin: 0px auto; max-height: 224px; max-width: 400px; position: relative; width: 400px;">
<div class="aspectRatioPlaceholder-fill" style="padding-bottom: 224px;">
</div>
<div class="progressiveMedia js-progressiveMedia graf-image is-canvasLoaded is-imageLoaded" data-height="224" data-image-id="1*RouHe5luvO_cBJdws73ZSQ.jpeg" data-scroll="native" data-width="400" style="background: rgba(0, 0, 0, 0); box-sizing: border-box; height: 224px; left: 0px; margin: auto; max-width: 100%; position: absolute; top: 0px; transition: background 0.2s; width: 400px;">
<canvas class="progressiveMedia-canvas js-progressiveMedia-canvas" height="41" style="backface-visibility: hidden; box-sizing: border-box; display: block; height: 224px; left: 0px; margin: auto; opacity: 0; position: absolute; top: 0px; transition: visibility 0s linear 0.5s, opacity 0.1s 0.4s; vertical-align: baseline; visibility: hidden; width: 400px;" width="75"></canvas><img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/max/1200/1*RouHe5luvO_cBJdws73ZSQ.jpeg" src="https://cdn-images-1.medium.com/max/1200/1*RouHe5luvO_cBJdws73ZSQ.jpeg" style="backface-visibility: hidden; border: 0px; box-sizing: border-box; display: block; height: 224px; left: 0px; margin: auto; opacity: 1; position: absolute; top: 0px; transition: visibility 0s linear 0s, opacity 0.4s 0s; visibility: visible; width: 400px; z-index: 100;" /></div>
</div>
<figcaption class="imageCaption" style="--baseline-multiplier: 0.22; color: rgba(0, 0, 0, 0.68); font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-feature-settings: 'liga' 1, 'lnum' 1; font-size: 16px; left: 0px; letter-spacing: 0px; line-height: 1.4; margin-top: 10px; outline: 0px; position: relative; text-align: center; top: 0px; width: 700px; z-index: 300;">Source: wikimedia.org</figcaption></figure><div class="graf graf--p graf-after--figure" id="faae" name="faae" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 38px;">
The decimal number system that we are used to, is called so because it uses 10 distinct symbols to represent any value. These symbols are 0, 1, 2, 3, 4, 5, 6, 7, 8 and 9. Any ‘number’ can therefore be represented by combining these 10 distinct symbols.</div>
<div class="graf graf--p graf-after--p" id="6c9d" name="6c9d" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
What is interesting is that, this is not the only way to represent the numbers. I mean, one could imagine a system where instead of symbols 0->9 one used alphabet a->h. So 24 could be written as <span class="markup--strong markup--p-strong" style="font-weight: 700;">ce</span>. It is funny, but is perfectly possible. Since most of us are taught to count in decimals right from the time we were kids, and since we usually have ten fingers, this manner of counting seems ‘natural’ to us 😊. (The Octopus, I’m sure, has an octal (base 8) number system ;p)</div>
<figure class="graf graf--figure graf-after--p" id="4344" name="4344" style="background-color: white; box-sizing: border-box; clear: both; color: rgba(0, 0, 0, 0.84); font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 20px; margin: 43px 0px 0px; outline: 0px; position: relative; user-select: auto; z-index: 100;"><div class="aspectRatioPlaceholder is-locked" style="margin: 0px auto; max-height: 579px; max-width: 700px; position: relative; width: 700px;">
<div class="aspectRatioPlaceholder-fill" style="padding-bottom: 579.594px;">
</div>
<div class="progressiveMedia js-progressiveMedia graf-image is-canvasLoaded is-imageLoaded" data-action-value="1*7H8cYNqPLIKfkjYfybDx8w.jpeg" data-action="zoom" data-height="745" data-image-id="1*7H8cYNqPLIKfkjYfybDx8w.jpeg" data-scroll="native" data-width="900" style="background: rgba(0, 0, 0, 0); box-sizing: border-box; cursor: zoom-in; height: 579px; left: 0px; margin: auto; max-width: 100%; position: absolute; top: 0px; transition: background 0.2s; width: 700px;">
<canvas class="progressiveMedia-canvas js-progressiveMedia-canvas" height="61" style="backface-visibility: hidden; box-sizing: border-box; display: block; height: 579px; left: 0px; margin: auto; opacity: 0; position: absolute; top: 0px; transition: visibility 0s linear 0.5s, opacity 0.1s 0.4s; vertical-align: baseline; visibility: hidden; width: 700px;" width="75"></canvas><img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/max/1200/1*7H8cYNqPLIKfkjYfybDx8w.jpeg" src="https://cdn-images-1.medium.com/max/1200/1*7H8cYNqPLIKfkjYfybDx8w.jpeg" style="backface-visibility: hidden; border: 0px; box-sizing: border-box; display: block; height: 579px; left: 0px; margin: auto; opacity: 1; position: absolute; top: 0px; transition: visibility 0s linear 0s, opacity 0.4s 0s; visibility: visible; width: 700px; z-index: 100;" /></div>
</div>
<figcaption class="imageCaption" style="--baseline-multiplier: 0.22; color: rgba(0, 0, 0, 0.68); font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-feature-settings: 'liga' 1, 'lnum' 1; font-size: 16px; left: 0px; letter-spacing: 0px; line-height: 1.4; margin-top: 10px; outline: 0px; position: relative; text-align: center; top: 0px; width: 700px; z-index: 300;">Octopus. Source: <a class="markup--anchor markup--figure-anchor" data-href="https://commons.wikimedia.org/wiki/File:Octopus_pallidus.jpg" href="https://commons.wikimedia.org/wiki/File:Octopus_pallidus.jpg" rel="nofollow noopener" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0.54); background-color: transparent; background-image: linear-gradient(rgb(255, 255, 255) 50%, rgba(0, 0, 0, 0.54) 50%); background-position: 0px 0.98em; background-repeat: repeat-x; background-size: 2px 2px; text-decoration-line: none;" target="_blank">https://commons.wikimedia.org/wiki/File:Octopus_pallidus.jpg</a></figcaption></figure><div class="graf graf--p graf-after--figure" id="4785" name="4785" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 38px;">
Another variation would be, if there were 16 symbols instead of just 10! This is exactly what the hexadecimal system does, it has symbols 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, a, b, c, d, e, f. So, Bryan Adams was singing ’18 till I die’ in a hexadecimal world, he would sing: ’hex one zero till I die’. I hope you get the drift.</div>
<div class="graf graf--p graf-after--p" id="95f6" name="95f6" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
The number of symbols available in the system for representing a value is called its ‘base’. So decimal numbers have base 10. Hexadecimal numbers have a base 16.</div>
<div class="graf graf--p graf-after--p" id="8460" name="8460" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
In a similar fashion, in the binary world, there are unfortunately only two symbols 0 and 1 (and they correspond beautifully into one of the simpler natures of electricity that either flows/ ON state/ 1 or does not/ OFF state/ 0) (or, has the potential to flow or not 😉). So binary numbers are base 2.</div>
<div class="graf graf--p graf-after--p" id="fd38" name="fd38" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
Numbers with a particular base are written as a subscript: (X)n</div>
<div class="graf graf--p graf-after--p" id="ed72" name="ed72" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
When we deal with decimals or places where the n is obvious, we of course ignore writing it.</div>
<div class="graf graf--p graf-after--p" id="3abc" name="3abc" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
Bonus: Here is a link to a simple C program to convert between bases: <a class="markup--anchor markup--p-anchor" data-href="http://www.geeksforgeeks.org/convert-base-decimal-vice-versa/" href="http://www.geeksforgeeks.org/convert-base-decimal-vice-versa/" rel="noopener nofollow" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0.54); background-color: transparent; background-image: linear-gradient(rgba(0, 0, 0, 0.68) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0px 1.07em; background-repeat: repeat-x; background-size: 2px 0.1em; text-decoration-line: none;" target="_blank">http://www.geeksforgeeks.org/convert-base-decimal-vice-versa/</a></div>
<div class="graf graf--p graf-after--p graf--trailing" id="b888" name="b888" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
Hope you know your numbers better now 😊</div>
</div>
Anupamhttp://www.blogger.com/profile/03540105879919087086noreply@blogger.com0tag:blogger.com,1999:blog-31059749.post-25091404053687423842018-02-09T16:25:00.000+05:302018-02-09T16:25:17.924+05:30Life trips!<div dir="ltr" style="text-align: left;" trbidi="on">
<section class="section section--body section--first" name="b488" style="background-color: white; clear: both; color: rgba(0, 0, 0, 0.84); font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 20px; margin-top: 20px; padding-top: 0px; position: relative;"><div class="section-content">
<div class="section-inner sectionLayout--insetColumn" style="box-sizing: border-box; margin: 0px auto; max-width: 740px; padding-left: 20px; padding-right: 20px; position: relative; width: 740px;">
<figure class="graf graf--figure graf-after--h3" id="aa3b" name="aa3b" style="box-sizing: border-box; clear: both; margin: 44px 0px 0px; outline: 0px; position: relative; user-select: auto; z-index: 100;"><div class="aspectRatioPlaceholder is-locked" style="margin: 0px auto; max-height: 415px; max-width: 700px; position: relative; width: 700px;">
<div class="aspectRatioPlaceholder-fill" style="padding-bottom: 415.094px;">
<br /></div>
<div class="progressiveMedia js-progressiveMedia graf-image is-canvasLoaded is-imageLoaded" data-action-value="1*9mFbdWiNVNy3vNHE0dosjQ.jpeg" data-action="zoom" data-height="2332" data-image-id="1*9mFbdWiNVNy3vNHE0dosjQ.jpeg" data-scroll="native" data-width="3934" style="background: rgba(0, 0, 0, 0); box-sizing: border-box; cursor: zoom-in; height: 415px; left: 0px; margin: auto; max-width: 100%; position: absolute; top: 0px; transition: background 0.2s; width: 700px;">
<canvas class="progressiveMedia-canvas js-progressiveMedia-canvas" height="43" style="backface-visibility: hidden; box-sizing: border-box; display: block; height: 415px; left: 0px; margin: auto; opacity: 0; position: absolute; top: 0px; transition: visibility 0s linear 0.5s, opacity 0.1s 0.4s; vertical-align: baseline; visibility: hidden; width: 700px;" width="75"></canvas><img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/max/1200/1*9mFbdWiNVNy3vNHE0dosjQ.jpeg" src="https://cdn-images-1.medium.com/max/1200/1*9mFbdWiNVNy3vNHE0dosjQ.jpeg" style="backface-visibility: hidden; border: 0px; box-sizing: border-box; display: block; height: 415px; left: 0px; margin: auto; opacity: 1; position: absolute; top: 0px; transition: visibility 0s linear 0s, opacity 0.4s 0s; visibility: visible; width: 700px; z-index: 100;" /></div>
</div>
</figure><div class="graf graf--p graf-after--figure" id="3059" name="3059" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 38px;">
My worst foe and my best friend,</div>
<div class="graf graf--p graf-after--p" id="bbe9" name="bbe9" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
In my head they’ve made their dens,</div>
<div class="graf graf--p graf-after--p" id="8100" name="8100" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
Will I lose my mind or find my zen?</div>
<div class="graf graf--p graf-after--p" id="55e2" name="55e2" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
Life doesn’t answer to my pen ☺,</div>
<div class="graf graf--p graf-after--p graf--trailing" id="549c" name="549c" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
I don’t know why and I won’t know then 😞.</div>
</div>
</div>
</section><section class="section section--body section--last" name="3abe" style="background-color: white; clear: both; color: rgba(0, 0, 0, 0.84); font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 20px; padding-bottom: 5px; position: relative;"><div class="section-divider">
<hr class="section-divider" style="border: 0px; box-sizing: content-box; height: 0px; margin-bottom: 42px; margin-top: 52px; overflow: visible; text-align: center;" />
</div>
<div class="section-content">
<div class="section-inner sectionLayout--insetColumn" style="box-sizing: border-box; margin: 0px auto; max-width: 740px; padding-left: 20px; padding-right: 20px; position: relative; width: 740px;">
<div class="graf graf--p graf--leading" id="aa78" name="aa78" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 38px;">
A million stories await being lent,</div>
<div class="graf graf--p graf-after--p" id="3aae" name="3aae" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
To a thousand journeys- a life well spent!</div>
<div class="graf graf--p graf-after--p" id="ec34" name="ec34" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
A hundred miles sure has its bends,</div>
<div class="graf graf--p graf-after--p" id="2f35" name="2f35" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
But this I know since I was ten,</div>
<div class="graf graf--p graf-after--p" id="7a1e" name="7a1e" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
A trip never started, has no tale; no end!</div>
</div>
</div>
</section></div>
Anupamhttp://www.blogger.com/profile/03540105879919087086noreply@blogger.com0tag:blogger.com,1999:blog-31059749.post-62923164705196175482018-02-09T16:24:00.000+05:302018-02-09T16:24:12.361+05:30The Dirt and the Tree<div dir="ltr" style="text-align: left;" trbidi="on">
<figure class="graf graf--figure graf-after--h3" id="d719" name="d719" style="background-color: white; box-sizing: border-box; clear: both; color: rgba(0, 0, 0, 0.84); font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 20px; margin: 44px 0px 0px; outline: 0px; position: relative; user-select: auto; z-index: 100;"><div class="aspectRatioPlaceholder is-locked" style="margin: 0px auto; max-height: 438px; max-width: 700px; position: relative; width: 700px;">
<div class="aspectRatioPlaceholder-fill" style="padding-bottom: 437.5px;">
<br /></div>
<div class="progressiveMedia js-progressiveMedia graf-image is-canvasLoaded is-imageLoaded" data-action-value="1*KEdGw-ORF2KlObahkoyMfA.jpeg" data-action="zoom" data-height="800" data-image-id="1*KEdGw-ORF2KlObahkoyMfA.jpeg" data-scroll="native" data-width="1280" style="background: rgba(0, 0, 0, 0); box-sizing: border-box; cursor: zoom-in; height: 437.5px; left: 0px; margin: auto; max-width: 100%; position: absolute; top: 0px; transition: background 0.2s; width: 700px;">
<canvas class="progressiveMedia-canvas js-progressiveMedia-canvas" height="46" style="backface-visibility: hidden; box-sizing: border-box; display: block; height: 437.5px; left: 0px; margin: auto; opacity: 0; position: absolute; top: 0px; transition: visibility 0s linear 0.5s, opacity 0.1s 0.4s; vertical-align: baseline; visibility: hidden; width: 700px;" width="75"></canvas><img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/max/1200/1*KEdGw-ORF2KlObahkoyMfA.jpeg" height="399" src="https://cdn-images-1.medium.com/max/1200/1*KEdGw-ORF2KlObahkoyMfA.jpeg" style="backface-visibility: hidden; border: 0px; box-sizing: border-box; display: block; height: 437.5px; left: 0px; margin: auto; opacity: 1; position: absolute; top: 0px; transition: visibility 0s linear 0s, opacity 0.4s 0s; visibility: visible; width: 700px; z-index: 100;" width="640" /></div>
</div>
</figure><div class="graf graf--p graf-after--figure" id="bed8" name="bed8" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 38px;">
They kept digging up the Dirt around the old Tree,</div>
<div class="graf graf--p graf-after--p" id="69a1" name="69a1" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
With hoes fashioned out of it’s branches three,</div>
<div class="graf graf--p graf-after--p" id="c577" name="c577" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
They mocked its muckiness and scoffed at it’s scruffiness,</div>
<div class="graf graf--p graf-after--p" id="5840" name="5840" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
But waxed eloquent on the opulent tree,</div>
<div class="graf graf--p graf--startsWithDoubleQuote graf-after--p" id="3cf2" name="3cf2" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px; text-indent: -0.4em;">
“Mere mud! So mean! How dare it lean? And that too on this grand old beam!”</div>
<div class="graf graf--p graf-after--p" id="765f" name="765f" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
Cussing and digging till way past six, they scarce realized they were trapped in their pit!</div>
<div class="graf graf--p graf-after--p" id="8e1d" name="8e1d" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
From the empty moat they’d unwittingly built, they sensed that the Tree had begun to tilt!</div>
<div class="graf graf--p graf-after--p" id="2401" name="2401" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
Then a wind blew, the dark clouds swelled and the once-mighty tree, with a loud thud fell.</div>
<div class="graf graf--p graf-after--p" id="74bd" name="74bd" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
In the moments of silence that dawned in the wake, of the virulent vitriol and unbridled hate,</div>
<div class="graf graf--p graf-after--p" id="a549" name="a549" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
Mounds of Dirt gathered round and wept, as they mourned the end of their grand old friend.</div>
<div class="graf graf--p graf-after--p" id="2207" name="2207" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
(image courtesy: <a class="markup--anchor markup--p-anchor" data-href="https://pixabay.com/en/users/danfador-55851/)" href="https://pixabay.com/en/users/danfador-55851/%29" rel="nofollow noopener" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0.54); background-color: transparent; background-image: linear-gradient(rgba(0, 0, 0, 0.68) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0px 1.07em; background-repeat: repeat-x; background-size: 2px 0.1em; text-decoration-line: none;" target="_blank">https://pixabay.com/en/users/danfador-55851/)</a></div>
</div>
Anupamhttp://www.blogger.com/profile/03540105879919087086noreply@blogger.com0tag:blogger.com,1999:blog-31059749.post-21147187645058511752018-02-09T16:21:00.001+05:302018-02-09T16:21:44.854+05:30The Thorn and the Rose<div dir="ltr" style="text-align: left;" trbidi="on">
<figure class="graf graf--figure graf-after--h3" id="b539" name="b539" style="background-color: white; box-sizing: border-box; clear: both; color: rgba(0, 0, 0, 0.84); font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 20px; margin: 44px 0px 0px; outline: 0px; position: relative; user-select: auto; z-index: 100;"><div class="aspectRatioPlaceholder is-locked" style="margin: 0px auto; max-height: 659px; max-width: 700px; position: relative; width: 700px;">
<div class="aspectRatioPlaceholder-fill" style="padding-bottom: 658.698px;">
<br /></div>
<div class="progressiveMedia js-progressiveMedia graf-image is-canvasLoaded is-imageLoaded" data-action-value="1*ABfMCTFnrrcWzxqCQw2PQg.png" data-action="zoom" data-height="1205" data-image-id="1*ABfMCTFnrrcWzxqCQw2PQg.png" data-scroll="native" data-width="1280" style="background: rgba(0, 0, 0, 0); box-sizing: border-box; cursor: zoom-in; height: 658.698px; left: 0px; margin: auto; max-width: 100%; position: absolute; top: 0px; transition: background 0.2s; width: 700px;">
<canvas class="progressiveMedia-canvas js-progressiveMedia-canvas" height="70" style="backface-visibility: hidden; box-sizing: border-box; display: block; height: 658.698px; left: 0px; margin: auto; opacity: 0; position: absolute; top: 0px; transition: visibility 0s linear 0.5s, opacity 0.1s 0.4s; vertical-align: baseline; visibility: hidden; width: 700px;" width="75"></canvas><img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/max/1200/1*ABfMCTFnrrcWzxqCQw2PQg.png" height="376" src="https://cdn-images-1.medium.com/max/1200/1*ABfMCTFnrrcWzxqCQw2PQg.png" style="backface-visibility: hidden; border: 0px; box-sizing: border-box; display: block; height: 658.698px; left: 0px; margin: auto; opacity: 1; position: absolute; top: 0px; transition: visibility 0s linear 0s, opacity 0.4s 0s; visibility: visible; width: 700px; z-index: 100;" width="400" /></div>
</div>
</figure><div class="graf graf--p graf-after--figure" id="d684" name="d684" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 38px;">
The Thorn and the Rose. Two creative expressions of the same plant.</div>
<div class="graf graf--p graf-after--p" id="5050" name="5050" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
While one is literally poignant, the other is elegantly convoluted.</div>
<div class="graf graf--p graf-after--p" id="fa15" name="fa15" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
While the elegance of one is temporal, the poignant other seeks permanence.</div>
<div class="graf graf--p graf-after--p" id="32e4" name="32e4" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
Indeed, its the thorn which protects the plant while the flower attracts all harm.</div>
<div class="graf graf--p graf-after--p" id="05f2" name="05f2" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
Yet, the flower gives the plant its name while the thorn draws disdain.</div>
<div class="graf graf--p graf-after--p" id="58f8" name="58f8" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
The Rose, beautiful as she is, carries within her, seeds to new life, despite being destined to die, dry.</div>
<div class="graf graf--p graf-after--p" id="3458" name="3458" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
Not every Rose may spawn another! She still remains, just as beautiful, as any other.</div>
<div class="graf graf--p graf-after--p" id="b81a" name="b81a" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
The Thorn has his place too. Always in attention. Weapons drawn. Ready for action.</div>
<div class="graf graf--p graf-after--p" id="d94c" name="d94c" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
Always in attention. Weapons drawn. Ready for action.</div>
<div class="graf graf--p graf-after--p" id="6397" name="6397" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
Always in attention. Weapons drawn. Ready for action. Sounds boring? It is.</div>
<div class="graf graf--p graf-after--p" id="9930" name="9930" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
The Rose always takes the centre stage. She swings and sways to every breeze on her way.</div>
<div class="graf graf--p graf-after--p" id="0065" name="0065" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
Oft hypnotised, a hand reaches out… but gets a finger pricked instead!</div>
<div class="graf graf--p graf-after--p" id="b578" name="b578" style="--baseline-multiplier: 0.17; background-color: white; color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
Damn! The Thorn. Yes, every Rose has its Thorn :)</div>
</div>
Anupamhttp://www.blogger.com/profile/03540105879919087086noreply@blogger.com0tag:blogger.com,1999:blog-31059749.post-39641397965405323012018-02-09T16:19:00.004+05:302018-02-09T16:23:07.102+05:30API + RESTful API. An introduction. Plain and simple<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<section class="section section--body section--first" name="f923" style="background-color: white; clear: both; color: rgba(0, 0, 0, 0.84); font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 20px; margin-top: 20px; padding-top: 0px; position: relative;"><div class="section-content">
<div class="section-inner sectionLayout--insetColumn" style="box-sizing: border-box; margin: 0px auto; max-width: 740px; padding-left: 20px; padding-right: 20px; position: relative; width: 740px;">
<h2 class="graf graf--h4 graf-after--h3 graf--subtitle" id="e92a" name="e92a" style="--baseline-multiplier: 0.22; color: rgba(0, 0, 0, 0.54); font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 28px; font-weight: 400; letter-spacing: -0.012em; line-height: 1.22; margin: 5px 0px 22px -1.75px;">
Connect!</h2>
</div>
<div class="section-inner sectionLayout--outsetColumn" style="box-sizing: border-box; margin: 52px auto 0px; max-width: 1000px; position: relative; width: 1000px;">
<br />
<figure class="graf graf--figure graf--layoutOutsetCenter graf-after--h4" data-scroll="native" id="d43f" name="d43f" style="--margin-top-multiplier: 0; box-sizing: border-box; clear: both; margin: 0px; outline: 0px; padding: 5px 0px; position: relative; user-select: auto; z-index: 100;"><div class="aspectRatioPlaceholder is-locked" style="margin: 0px auto; max-height: 667px; max-width: 1000px; position: relative; width: 1000px;">
<div class="aspectRatioPlaceholder-fill" style="padding-bottom: 666.99px;">
</div>
<div class="progressiveMedia js-progressiveMedia graf-image is-canvasLoaded is-imageLoaded" data-action-value="1*0V6I_I7dl0OV34b5NTbkWQ.jpeg" data-action="zoom" data-height="1280" data-image-id="1*0V6I_I7dl0OV34b5NTbkWQ.jpeg" data-scroll="native" data-width="1920" style="background: rgba(0, 0, 0, 0); box-sizing: border-box; cursor: zoom-in; height: 666.99px; left: 0px; margin: 0px; max-width: 100%; position: absolute; top: 0px; transition: background 0.2s; width: 1000px;">
<canvas class="progressiveMedia-canvas js-progressiveMedia-canvas" height="50" style="backface-visibility: hidden; box-sizing: border-box; display: block; height: 666.99px; left: 0px; margin: auto; opacity: 0; position: absolute; top: 0px; transition: visibility 0s linear 0.5s, opacity 0.1s 0.4s; vertical-align: baseline; visibility: hidden; width: 1000px;" width="75"></canvas><img class="progressiveMedia-image js-progressiveMedia-image" data-src="https://cdn-images-1.medium.com/max/1500/1*0V6I_I7dl0OV34b5NTbkWQ.jpeg" height="426" src="https://cdn-images-1.medium.com/max/1500/1*0V6I_I7dl0OV34b5NTbkWQ.jpeg" style="backface-visibility: hidden; border: 0px; box-sizing: border-box; display: block; height: 666.99px; left: 0px; margin: auto; opacity: 1; position: absolute; top: 0px; transition: visibility 0s linear 0s, opacity 0.4s 0s; visibility: visible; width: 1000px; z-index: 100;" width="640" /></div>
</div>
<figcaption class="imageCaption" style="--baseline-multiplier: 0.22; color: rgba(0, 0, 0, 0.68); font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-feature-settings: 'liga' 1, 'lnum' 1; font-size: 16px; left: 0px; letter-spacing: 0px; line-height: 1.4; margin: 10px auto 0px; outline: 0px; position: relative; text-align: center; top: 0px; width: 1000px; z-index: 300;">Courtesy: <a class="markup--anchor markup--figure-anchor" data-href="https://pixabay.com/en/plumbing-pipe-wrench-plumber-840835/" href="https://pixabay.com/en/plumbing-pipe-wrench-plumber-840835/" rel="nofollow noopener" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0.54); background-color: transparent; background-image: linear-gradient(rgb(255, 255, 255) 50%, rgba(0, 0, 0, 0.54) 50%); background-position: 0px 0.98em; background-repeat: repeat-x; background-size: 2px 2px; text-decoration-line: none;" target="_blank">https://pixabay.com/en/plumbing-pipe-wrench-plumber-840835/</a></figcaption></figure></div>
<div class="section-inner sectionLayout--insetColumn" style="box-sizing: border-box; margin: 52px auto 0px; max-width: 740px; padding-left: 20px; padding-right: 20px; position: relative; width: 740px;">
<h4 class="graf graf--h4 graf-after--figure" id="af5e" name="af5e" style="--baseline-multiplier: 0.22; font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 26px; letter-spacing: -0.012em; line-height: 1.22; margin: 39px 0px 0px -1.63px;">
From Appliance Plumbing Interface…</h4>
<div class="graf graf--p graf-after--h4" id="415b" name="415b" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 6px;">
Imagine that you have just designed a water faucet/ tap which dispenses water only if your fingerprint matches (however strange this may sound, I believe creativity should know no bounds ;). Now, for this to be actually used in a real wash-room or a kitchen sink, it needs to have a receptacle that exactly fits the common water pipe end-point. Lets say, it needs to have the female threaded end 1/2 inch diameter pipe to couple neatly into the male threaded pipe end. In other words, this new contraption of yours needs to follow the same plumbing interface definition as the pipes it needs to work with.</div>
<h4 class="graf graf--h4 graf-after--p" id="8125" name="8125" style="--baseline-multiplier: 0.22; font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 26px; letter-spacing: -0.012em; line-height: 1.22; margin: 30px 0px 0px -1.63px;">
…To Application Programming Interface</h4>
<div class="graf graf--p graf-after--h4" id="a3ab" name="a3ab" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 6px;">
Now, imagine if you were more of a software dude/ dudette than a pipe-hardware one. You might design a piece of software that will allow money from your bank to flow out only if your fingerprint matches (this sounds a lot more familiar, right? :). For this widgety creation of yours to be actually used in a real banking app or website, it needs to be able to be ‘integrated’ into the money flow interface definition of the bank(s). As a developer of this new functionality, you therefore need to follow what is called as the Application Programming Interface (API) definition exposed by the banking entity that you intend your software to work with. There you are! You have been hereby introduced to APIs. Simple right?</div>
<h4 class="graf graf--h4 graf-after--p" id="b170" name="b170" style="--baseline-multiplier: 0.22; font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 26px; letter-spacing: -0.012em; line-height: 1.22; margin: 30px 0px 0px -1.63px;">
Why API?</h4>
<div class="graf graf--p graf-after--h4" id="85b6" name="85b6" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 6px;">
The advantage of defining an API is this. Once defined, and published, it opens your platform up to a limitless set of different applications by independent innovators. So you might see some developer making an app that sends money from a bank account every time someone likes her profile pic on Facebook, or another who develops an app that makes a donation to a random NGO every time you use a swear-word on twitter…I hope you get the drift. There is no limit to the variety of innovation this can spawn. And all this while you enjoy a nice cold iced lemon tea reading some news-feed on your tab.</div>
<div class="graf graf--p graf-after--p" id="7c56" name="7c56" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
In short, APIs decouple application use cases, innovation, revenue generation and growth from your core platform. The better defined your APIs and the partner on-boarding processes are, the more you can relax and count the beans :)</div>
<div class="graf graf--p graf-after--p" id="794c" name="794c" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
API is also important because it helps make as much sense of the options available, to the humans implementing it as it does to the machines consuming or exposing it. This is an act of fine balance.</div>
<h4 class="graf graf--h4 graf-after--p" id="788e" name="788e" style="--baseline-multiplier: 0.22; font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 26px; letter-spacing: -0.012em; line-height: 1.22; margin: 30px 0px 0px -1.63px;">
An API once said, “I need some REST”</h4>
<div class="graf graf--p graf-after--h4" id="bd36" name="bd36" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 6px;">
Lets now focus on something a bit more technical. RESTful APIs. For a start, Restful does not refer to the relaxation that I’d mentioned a short while ago. The REST in RESTful refers to REpresentational State Transfers.</div>
<h4 class="graf graf--h4 graf-after--p" id="8825" name="8825" style="--baseline-multiplier: 0.22; font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 26px; letter-spacing: -0.012em; line-height: 1.22; margin: 30px 0px 0px -1.63px;">
From verbs…</h4>
<div class="graf graf--p graf-after--h4" id="6170" name="6170" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 6px;">
A lot of us have come from the functional programming world. In simple terms, the interfaces defined there would correspond to the verbs that were being exposed. For instance, in a banking app, you could have an interface defined as getBalance(account) which would return the account balance for a given account. Or, sendMoney(account1, account2). Or, listAccounts(customer). These functions could also be exposed as APIs and they do something based on its input parameters. The response of the API call would be the action defined as the <span class="markup--strong markup--p-strong" style="font-weight: 700;"><em class="markup--em markup--p-em" style="font-feature-settings: 'liga' 1, 'salt' 1;">verb </em></span>and output parameters that would provide more details on the action done.</div>
<div class="graf graf--p graf-after--p" id="038f" name="038f" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
This kind of API has one inherent problem. An API description could be really arbitrary and it would be difficult to imagine all the functionality exposed without having explicit access to the API creator’s documentation.</div>
<h4 class="graf graf--h4 graf-after--p" id="8070" name="8070" style="--baseline-multiplier: 0.22; font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 26px; letter-spacing: -0.012em; line-height: 1.22; margin: 30px 0px 0px -1.63px;">
…To nouns</h4>
<div class="graf graf--p graf-after--h4" id="dbce" name="dbce" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 6px;">
RESTful APIs are a different breed altogether. They focus a lot more on the resources or <span class="markup--strong markup--p-strong" style="font-weight: 700;"><em class="markup--em markup--p-em" style="font-feature-settings: 'liga' 1, 'salt' 1;">nouns</em></span>, instead of verbs. For example, ‘customer’ could be a resource, ‘account’ could be another and so on. As for the actual action that you would want to take with a resource, REST simplifies it all down to a set of pre-defined verbs in the WWW HTTP definition.</div>
<blockquote class="graf graf--blockquote graf-after--p" id="c4e7" name="c4e7" style="--baseline-multiplier: 0.17; border-left: 3px solid rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; font-style: italic; letter-spacing: -0.003em; line-height: 1.58; margin: 29px 0px 0px -23px; padding-bottom: 2px; padding-left: 20px;">
When you visit <a class="markup--anchor markup--blockquote-anchor" data-href="http://google.com/" href="http://google.com/" rel="nofollow noopener" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0.54); background-color: transparent; background-image: linear-gradient(rgba(0, 0, 0, 0.68) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0px 1.07em; background-repeat: repeat-x; background-size: 2px 0.1em; text-decoration-line: none;" target="_blank">google.com</a>, for example; the browser actually executes a GET request for the index page based on the URL (Uniform <span class="markup--strong markup--blockquote-strong" style="font-weight: 700;">Resource </span>Locator) <a class="markup--anchor markup--blockquote-anchor" data-href="http://www.google.com/" href="http://www.google.com/" rel="nofollow noopener" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0.54); background-color: transparent; background-image: linear-gradient(rgba(0, 0, 0, 0.68) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0px 1.07em; background-repeat: repeat-x; background-size: 2px 0.1em; text-decoration-line: none;" target="_blank">http://www.google.com</a>.</blockquote>
<div class="graf graf--p graf-after--blockquote" id="d119" name="d119" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
The idea (RESTful lends its origin to the doctoral thesis of a genius named <a class="markup--anchor markup--p-anchor" data-href="http://www.ics.uci.edu/~fielding/pubs/dissertation/rest_arch_style.htm" href="http://www.ics.uci.edu/~fielding/pubs/dissertation/rest_arch_style.htm" rel="nofollow noopener" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0.54); background-color: transparent; background-image: linear-gradient(rgba(0, 0, 0, 0.68) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0px 1.07em; background-repeat: repeat-x; background-size: 2px 0.1em; text-decoration-line: none;" target="_blank">Roy Fielding</a>) is that, given these constant verbs; All that a developer needs to know is the set of objects/ nouns that he might have to deal with.</div>
<div class="graf graf--p graf-after--p" id="8b62" name="8b62" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
For instance, assume a simplified banking application. It may have a resource called customer or transaction or account. So, in the simplest sense, assume the base URL is <a class="markup--anchor markup--p-anchor" data-href="https://myxyzbank/" href="https://myxyzbank/" rel="nofollow noopener" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0.54); background-color: transparent; background-image: linear-gradient(rgba(0, 0, 0, 0.68) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0px 1.07em; background-repeat: repeat-x; background-size: 2px 0.1em; text-decoration-line: none;" target="_blank">https://myxyzbank</a>. Now the <span class="markup--strong markup--p-strong" style="font-weight: 700;"><em class="markup--em markup--p-em" style="font-feature-settings: 'liga' 1, 'salt' 1;">base URL</em></span> is like the <span class="markup--strong markup--p-strong" style="font-weight: 700;">root</span>directory for all resources (nouns). So, accessing a customer within the bank would likely be baseURL/customer.</div>
<div class="graf graf--p graf-after--p" id="c4bf" name="c4bf" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
There are a few more properties of RESTful APIs. I would only want to touch upon the fact that these API calls are also stateless. That is, a RESTful API call is in itself complete and independent of previous or future calls. In other words, the API calling entity’s state is not preserved on the server in between calls.</div>
<h4 class="graf graf--h4 graf-after--p" id="9ac3" name="9ac3" style="--baseline-multiplier: 0.22; font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 26px; letter-spacing: -0.012em; line-height: 1.22; margin: 30px 0px 0px -1.63px;">
Singular and plural</h4>
<div class="graf graf--p graf-after--h4" id="8b65" name="8b65" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 6px;">
Also noteworthy is the singular and plural use of these nouns.</div>
<div class="graf graf--p graf-after--p" id="52e3" name="52e3" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
While /customer/id refers to a particular customer with a given ‘id’ as its identity;</div>
<div class="graf graf--p graf-after--p" id="7378" name="7378" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
/customers/ refers to all the customers collectively.</div>
<div class="graf graf--p graf-after--p" id="283c" name="283c" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
So, executing an HTTP GET request on <a class="markup--anchor markup--p-anchor" data-href="https://myxyzbank/customers" href="https://myxyzbank/customers" rel="nofollow noopener" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0.54); background-color: transparent; background-image: linear-gradient(rgba(0, 0, 0, 0.68) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0px 1.07em; background-repeat: repeat-x; background-size: 2px 0.1em; text-decoration-line: none;" target="_blank">https://myxyzbank/customers</a> should likely return a list of all customers within the bank, executing GET request on <a class="markup--anchor markup--p-anchor" data-href="https://myxyzbank/customer/id" href="https://myxyzbank/customer/id" rel="nofollow noopener" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0.54); background-color: transparent; background-image: linear-gradient(rgba(0, 0, 0, 0.68) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0px 1.07em; background-repeat: repeat-x; background-size: 2px 0.1em; text-decoration-line: none;" target="_blank">https://myxyzbank/customer/id</a> would return a particular customer only. So, simple plain English “get a list of all customers in this bank” translates to an API, GET on <a class="markup--anchor markup--p-anchor" data-href="https://myxyzbank/customer" href="https://myxyzbank/customer" rel="nofollow noopener" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0.54); background-color: transparent; background-image: linear-gradient(rgba(0, 0, 0, 0.68) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0px 1.07em; background-repeat: repeat-x; background-size: 2px 0.1em; text-decoration-line: none;" target="_blank">https://myxyzbank/customer</a>s/ and the bank should spew out its long list <em class="markup--em markup--p-em" style="font-feature-settings: 'liga' 1, 'salt' 1;">(Of course it ain’t that simple. Security, roles, access and privileges have been excluded from the scope of this article)</em>.</div>
<div class="graf graf--p graf-after--p" id="b010" name="b010" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
Now back to the 4 main primitives and why they are pretty much sufficient for most applications.</div>
<h4 class="graf graf--h4 graf-after--p" id="c65c" name="c65c" style="--baseline-multiplier: 0.22; font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 26px; letter-spacing: -0.012em; line-height: 1.22; margin: 30px 0px 0px -1.63px;">
Get, Post, Put and Delete is all you need</h4>
<div class="graf graf--p graf-after--h4" id="cde4" name="cde4" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 6px;">
GET- as the name suggests would simply fetch the resource(s) identified<br />
POST- use it when you intend to create a new resource(s) on the server<br />
PUT- updates an existing resource on the server<br />
DELETE- deletes the identified resource(s)</div>
<div class="graf graf--p graf-after--p" id="13cb" name="13cb" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
This sounds a lot like CRUD framework (Create, Read, Update, Delete) used for data storage.</div>
<h4 class="graf graf--h4 graf-after--p" id="e004" name="e004" style="--baseline-multiplier: 0.22; font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 26px; letter-spacing: -0.012em; line-height: 1.22; margin: 30px 0px 0px -1.63px;">
Parameters</h4>
<div class="graf graf--p graf-after--h4" id="be7b" name="be7b" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 6px;">
Additional parameters could also be passed to and from the server along with each resource request. This data could be in different formats, the most popular and elegant one around is called <a class="markup--anchor markup--p-anchor" data-href="http://www.json.org/" href="http://www.json.org/" rel="nofollow noopener" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0.54); background-color: transparent; background-image: linear-gradient(rgba(0, 0, 0, 0.68) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0px 1.07em; background-repeat: repeat-x; background-size: 2px 0.1em; text-decoration-line: none;" target="_blank">JSON</a> (Java Script Object Notation). Another excessively verbose and elaborate protocol from our good ‘ol days is <a class="markup--anchor markup--p-anchor" data-href="https://en.wikipedia.org/wiki/XML" href="https://en.wikipedia.org/wiki/XML" rel="nofollow noopener" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0.54); background-color: transparent; background-image: linear-gradient(rgba(0, 0, 0, 0.68) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0px 1.07em; background-repeat: repeat-x; background-size: 2px 0.1em; text-decoration-line: none;" target="_blank">XML</a> (Extensible Markup Language).</div>
<h4 class="graf graf--h4 graf-after--p" id="4b06" name="4b06" style="--baseline-multiplier: 0.22; font-family: medium-content-sans-serif-font, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 26px; letter-spacing: -0.012em; line-height: 1.22; margin: 30px 0px 0px -1.63px;">
Beauty and the beast</h4>
<div class="graf graf--p graf-after--h4 graf--trailing" id="b7f7" name="b7f7" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 6px;">
There is a certain sense of beauty, logic, crispness and cleanness in the structure of truly RESTful API. The sad part is that most implement it with varying degrees of RESTful-ness. To the extent that I have even seen a bank call GET /getCustomerBalance as a RESTful API! That’s a verb on verb action and totally looses the plot.</div>
</div>
</div>
</section><section class="section section--body" name="0936" style="background-color: white; clear: both; color: rgba(0, 0, 0, 0.84); font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 20px; position: relative;"><div class="section-divider">
<hr class="section-divider" style="border: 0px; box-sizing: content-box; height: 0px; margin-bottom: 42px; margin-top: 52px; overflow: visible; text-align: center;" />
</div>
<div class="section-content">
<div class="section-inner sectionLayout--insetColumn" style="box-sizing: border-box; margin: 0px auto; max-width: 740px; padding-left: 20px; padding-right: 20px; position: relative; width: 740px;">
<div class="graf graf--p graf--leading" id="d6c7" name="d6c7" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 38px;">
My attempt was to only provide a plain and simple outline to API and RESTful API. There is a <span class="markup--strong markup--p-strong" style="font-weight: 700;">lot </span>more in it and the world wide web should be your best guide.</div>
<div class="graf graf--p graf-after--p" id="f614" name="f614" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
May the POST be with you!<br />
And May is hot!</div>
<div class="graf graf--p graf-after--p graf--trailing" id="1b3e" name="1b3e" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
<span class="markup--strong markup--p-strong" style="font-weight: 700;">Further reading:</span></div>
</div>
</div>
</section><section class="section section--body" name="2cd0" style="background-color: white; clear: both; color: rgba(0, 0, 0, 0.84); font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 20px; position: relative;"><div class="section-divider">
<hr class="section-divider" style="border: 0px; box-sizing: content-box; height: 0px; margin-bottom: 42px; margin-top: 52px; overflow: visible; text-align: center;" />
</div>
<div class="section-content">
<div class="section-inner sectionLayout--insetColumn" style="box-sizing: border-box; margin: 0px auto; max-width: 740px; padding-left: 20px; padding-right: 20px; position: relative; width: 740px;">
<div class="graf graf--p graf--leading" id="6b3f" name="6b3f" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 38px;">
O’Reilly,</div>
<div class="graf graf--p graf-after--p" id="92bd" name="92bd" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
Restful Web APIs https://www.amazon.in/dp/9351102971/ref=cm_sw_r_cp_apa_i_2A0fzbJN3CK5T</div>
<div class="graf graf--p graf-after--p graf--trailing" id="bf2f" name="bf2f" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
https://youtu.be/7YcW25PHnAA</div>
</div>
</div>
</section><section class="section section--body section--last" name="6454" style="background-color: white; clear: both; color: rgba(0, 0, 0, 0.84); font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 20px; padding-bottom: 5px; position: relative;"><div class="section-divider">
<hr class="section-divider" style="border: 0px; box-sizing: content-box; height: 0px; margin-bottom: 42px; margin-top: 52px; overflow: visible; text-align: center;" />
</div>
<div class="section-content">
<div class="section-inner sectionLayout--insetColumn" style="box-sizing: border-box; margin: 0px auto; max-width: 740px; padding-left: 20px; padding-right: 20px; position: relative; width: 740px;">
<div class="graf graf--p graf--leading" id="2738" name="2738" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 38px;">
Eko and its API</div>
<div class="graf graf--p graf-after--p" id="52a6" name="52a6" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
http://eko.co.in/api/</div>
<div class="graf graf--p graf-after--p" id="ba77" name="ba77" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
<a class="markup--anchor markup--p-anchor" data-href="http://www.cgap.org/blog/open-apis-digital-finance-we-opened-here%E2%80%99s-what-happened" href="http://www.cgap.org/blog/open-apis-digital-finance-we-opened-here%E2%80%99s-what-happened" rel="nofollow noopener" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0.54); background-color: transparent; background-image: linear-gradient(rgba(0, 0, 0, 0.68) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0px 1.07em; background-repeat: repeat-x; background-size: 2px 0.1em; text-decoration-line: none;" target="_blank">http://www.cgap.org/blog/open-apis-digital-finance-we-opened-here%E2%80%99s-what-happened</a></div>
<div class="graf graf--p graf-after--p graf--trailing" id="2056" name="2056" style="--baseline-multiplier: 0.17; font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 1.58; margin-top: 29px;">
<a class="markup--anchor markup--p-anchor" data-href="http://blog.eko.co.in/enable-remittance-services-using-eko-apis/" href="http://blog.eko.co.in/enable-remittance-services-using-eko-apis/" rel="nofollow noopener" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0.54); background-color: transparent; background-image: linear-gradient(rgba(0, 0, 0, 0.68) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0px 1.07em; background-repeat: repeat-x; background-size: 2px 0.1em; text-decoration-line: none;" target="_blank">http://blog.eko.co.in/enable-remittance-services-using-eko-apis/</a></div>
</div>
</div>
</section></div>
Anupamhttp://www.blogger.com/profile/03540105879919087086noreply@blogger.com0