Responsive Web Development

108 Pages·2016·32.11 MB·English

Contents
Admin
20 Carry Out Group Based HTTP
Basic Authentication in Nginx
23 Speed Up Application
Rendering with HTTP/2
Support
Developers
29 Install Selenium WebDriver
and Enjoy the Advantages
32 How to Contribute to Drupal
and Reap the Benefits
36 Using Google Maps in
App Inventor 2
Developing Web Applications 39
44 GNU Emacs: What’s Org-Mode?
Using NetBeans
47 Build Your First Extension for
the Google Chrome Browser
in Seven Minutes
50 An Introduction to JMeter
56 Using React JS for Web
Applications
61 Twig: Integrating Markup
Languages and PHP for Web
Development
64 Splinter Makes Web
Application Testing Simple
68 HybridAuth: An Open Source
Social Sign-on Library for Web
Applications
Responsive Web Development:
70 JavaScript: The New Parts
A Revolutionary Way of
72 Automating Pattern Discovery 53
with Open Source Software Creating Web Designs
75 A Quick Look at Integer
Promotion in C
79 An Introduction to Selenium,
an Open Source Web
REGULAR FEATURES
Automation Tool
82 Test Your Web Apps with 07 You Said It... 10 FOSSBytes 104 Tips & Tricks
these Open Source Tools
08 New Products 31 Editorial Calendar
85 An Introduction to OpenShift
4 | May 2016 | OPEN SOURCE FOR yOU | www.OpenSourceForU.com
Putting Data at the Heart
of Business

14th July Vivanta by Taj,
M.G.Road,
2016,
Bengaluru
Key Highlights
120+ 25+ 10+ Gala Awards Ample Networking &
attendees Speakers Exhibitors Evening Knowledge Sharing
For Speaker Opportunities / Sponsorship / Award Nomination / Registrations
Aboli : [phone] [email protected]
Media Partner Conceived & Managed by
Kshitij, 103 – 1st Floor, Veera Desai Road,
Opposite Andheri Sports Complex, Andheri (W),
Mumbai 400 058 [phone] / 26780476
Contents
Editor
Rahul chopRa
Editorial, SubScriptionS & advErtiSing
Delhi (hQ)
d-87/1, okhla industrial area, phase i, new delhi 110020
ph: [phone], 26810603; Fax: [phone]
E-mail: [email protected]
MiSSing iSSuES
E-mail: [email protected]
back iSSuES
Kits ‘n’ Spares
new delhi 110020
ph: [phone], 26371662
E-mail: [email protected]
nEwSStand diStribution
ph: 011-40596600
E-mail: [email protected]
advErtiSEMEntS
mumbai
ph: [phone], 24928520
E-mail: [email protected]
Responsive Web Development 59
beNGaluRu
ph: [phone], 25260023
Using Bootstrap E-mail: [email protected]
PuNe
ph: 08800295610/ 09870682995
E-mail: [email protected]
GuJaRaT
ph: [phone]
E-mail: [email protected]
chiNa
power pioneer group inc.
ph: (86 755) 83729797, (86) 13923802595
E-mail: [email protected]
JaPaN
tandem inc., ph: 81-3-3541-4166
E-mail: [email protected]
SiNGaPORe
publicitas Singapore pte ltd
What’s Hot in ph: [phone]
E-mail: [email protected]
open Source Web Development
TaiwaN
J.k. Media, ph: 886-2-87726780 ext. 10
E-mail: [email protected]
88
For U & Me Columns uNiTeD STaTeS
E & tech Media
ph: [phone]
E-mail: [email protected]
91 Plotting with LaTeX 15 CodeSport
100 BookRead: Software that 17 Exploring Software: Using printed, published and owned by ramesh chopra. printed at tara
art printers pvt ltd, a-46,47, Sec-5, noida, on 28th of the previous
Reads Books Aloud for You Python-Pandas to Create month, and published from d-87/1, okhla industrial area, phase i, new
delhi 110020. copyright © 2016. all articles in this issue, except for
Useful Data interviews, verbatim quotes, or unless otherwise explicitly mentioned,
102 Nine Things You Must Know will be released under creative commons attribution-noncommercial
3.0 unported license a month after the date of publication. refer to
about Alfresco, an Open http://creativecommons.org/licenses/by-nc/3.0/ for a copy of the
Source ECM System licence. although every effort is made to ensure accuracy, no responsi-
bility whatsoever is taken for any loss due to publishing errors. articles
that cannot be used are returned to the authors if accompanied by a
DVD of The MoNTh Recommended System Requirements: P4, 1GB RAM, DVD-ROUM DrivebAn uopenn swoiutthrc leuo nogp- eter1armtin s6gu spyps.ot0ertm (L w4TSh)ich coLDmeeTss ktSop CD Team e-mail: [email protected] swise itllfal- kbaeedn ds erfoetstr lsaeenddy ia nlno asd sn s oSeurwffi Ud cedBileeanlSyht iiCln yc oRrseutIatruPmt roTnpnieInldyOg. e tNnhve e RmloAapteTe.r EbiauSl.t dnios preustpeos,n isf iabnilyit, y
Try out one of the most stable Linux sAy sfbtaaessmte a.d nT doh neli g Lchiontruw1e6x e.o 0ai4fgn tLhdhTt SeU o bspyuesnrtateutmi.n gis UTphubirse uL-cTnOoSn tpeteudanii tnSSioetaenrc hrikny vMtpreeoitrdravuk is1aco.e6 rs w .L0XithD4 Y ear Newsta(`n)d Price Yo(u` )Pay Overseas
p● Ulabutnftou r1m6.0s4 LfToS r● dLuebusnktut 1o6p.04s L TaSnd servers. aAlXt ef, rrwneneehae,it ccdivho et mco to pownl tWeoatriieknn,,s dpa oenl1avwd6ye. s0 oro 4yap r tnL ehsTdnhSin aMsgroe ayu.cor Ocue S LMIuVltiE- boDot VD Ftoihnvreee e 174423402000 431301235000 uS——$ 120
May 2016 106 kindly add ` 50/- for outside delhi cheques.
● Kubuntu 16.04 LTS ● Ubuntu Server 16.04 .tnemecalper eerf a rof ni.yfe@troppus ta su ot etirw ,ylreporp krow ton seod DVD siht esac nI pnyoloeunar-s rseeu csbeesincpdrti ppotafi oycnmo pneiunemtss m boenaryl.y b ine fraevpoourtre odf tEoF sYup [email protected]—s dPov mt eLnttdio.n
106
6 | May 2016 | OPEN SOURCE FOR yOU | www.OpenSourceForU.com
YOUSAID IT
Informative and useful content anyone’s argument on this without a sensible justification.
The Open Source For You March issue was absolutely Only if the author mentioned what those shortcomings are,
informative. The write-up on Android custom ROMs and can a person decide on whether or not Linux is for them. I
recovery images made for interesting reading. Each of your have been a Linux user since a long time and I am unable
issues is a collector’s item, carrying valuable information on to recollect any ‘key’ feature that is available on other
Linux and other technical solutions. Keep up the great work. operating systems but not in Linux. I would consider this as
Looking forward for more such well-researched write-ups. misinformation.
Please feel free to correct me if I’m wrong. Thanks again for
—Vinod C. Dixit, [email protected] bringing out an awesome magazine!
ED: First of all, a big thank you for your words of —Aurabindo J, [email protected]
appreciation. Through the years, we have constantly worked
at improving the content, layout and design of the magazine ED: Thanks for your feedback. We always try to carry articles
in order to make your reading experience more enjoyable. It that cater to readers of different types, both newbies and
really makes us feel great to know that our readers appreciate advanced users of FOSS. We agree with you regarding carrying
the magazine. We urge you to continue sharing your opinion hardware reviews in the magazine. There have been certain
with us, as this motivates us and helps us to deliver even better. constraints with respect to available resources, which stopped
us from doing so. We will try to feature such articles as soon as
A suggestion and a concern possible. Regarding your concern about the article, ‘A Beginner’s
It’s a wonderful job that you’re doing, making newbies aware Guide to Linux’, we have informed the author and he will get
of open source and at the same time, increasing the knowledge back to you with his clarifications.
for every other long term Linux/open source user!
I would like to make a suggestion—maybe a ‘Hardware A request for an article
Review’ section would be interesting. It can describe how well I have just started out in the field of Web development and
a new device behaves with respect to operating systems which, heard of the MEAN stack (MongoDB, ExpressJS, AngularJS
like Linux, adhere to the open source philosophy. A section on and NodeJS).
open source in embedded systems would also be superb. Could you please start an article series on this topic in OSFY
I would also like to share my comments on the article, as I am a regular reader?
‘A Beginner’s Guide to Linux’. I understand that it’s a small
introduction targeting the newbies. In the second point regarding —Sanjay Rokade, [email protected]
the disadvantages, the author mentions that, “Although Linux
is good in most respects, it lacks some key features which are ED: The topic that you have suggested is a good one. We have
readily available in other operating systems…” and no further circulated the idea among our pool of authors and will be
information is provided regarding this aspect. carrying the article in one of the upcoming issues of OSFY.
I feel that the author ought to have specified what Thanks for taking an interest in the magazine and sending us
those key features that Linux lacks are. I would not accept interesting feedback.
Please send your comments
Share Your
or suggestions to:
The Editor,
Open Source For You,
D-87/1, Okhla Industrial Area, Phase I,
New Delhi 110020, Phone: [phone],
Fax: [phone], Email: [email protected]
www.OpenSourceForU.com | OPEN SOURCE FOR YOU | MaY 2016 | 7
new products
A curved smartphone
Crystal clear Bluetooth speakers from Harman Kardon
from Panasonic
Audio devices company, Harman
Japanese multinational electronics Kardon, has launched its premium
company, Panasonic, has recently wireless speakers, One and the Esquire
launched its first 2.5D curved smartphone 2, in India.
- the Eluga Arc, at an affordable price. The Harman Kardon One features
The device features an 11.9cm (4.7 inch) an aluminium unibody design and can
Price:
HD IPS display. It is powered by 1.2GHz be used as a speakerphone. It has HTC ` 14,990 for HK One
quad-core Qualcomm Snapdragon Connect technology for easy pairing and Rs 19,990 for
processor and runs on Android 5.1 with HTC smartphones, and offers HK Esquire 2
Lollipop on top of FitHome VI. 2x6W stereo Bluetooth streaming.
The smartphone features a fingerprint The HK One is a lightweight and Esquire 2 has a rechargeable battery, which
sensor, which can be configured for five travel-friendly device. It enables users supports up to eight hours of playtime.
different figerprints and commands, and to make conference calls anytime, The 16W speakers have a USB port
can also be used for unlocking the screen, anywhere. It also has an audio cable that acts as a charger, which ensures
launching applications, picking calls, input. The HK One is equipped with travelling professionals’ smartphones
using the camera and locking apps. a 2000mAh Li-ion battery, which are charged all the time. These speakers
The device is equipped with an 8 supports up to five hours of playtime. are stylish and easily portable.
megapixel rear camera with an LED The Harman Kardon Esquire 2 is The Harman Kardon Esquire
flash and a 5 megapixel front camera. a sleek, ultra slim device crafted out 2 is available in graphite, black or
Backed with an 1800mAh battery, the of premium materials. The speakers champagne colours.
Eluga Arc can be charged 75 per cent support a teleconferencing system with Both the speakers are available on
faster with Qualcomm Quick charge quad-microphone voice logic noise- and www.harmanaudio.in.
technology, the company claims. Rich echo-cancelling technology, and feature
in technology innovation, the Arc 360 degree voice-pickup for crystal clear Address: Harman India, Regus Nehru
includes an inbuilt sensor to operate conference calls. They have enhanced Place Level 15, Eros Corporate Tower,
home automated appliances. bass ports for a richer soundscape. The New Delhi – 110019; Ph: 91-11-42235002
The Panasonic Eluga Arc is
available via retail stores. Wireless Bluetooth earphones from Brainwavz
Address: Panasonic India, 12th Floor, High quality audio devices maker,
Ambience Tower, Ambience Island, Brainwavz, has released a wireless
NH-8, Lane No. V-40, DLF Phase-3, Bluetooth earphones called BLU-200.
Sector-24, Gurgaon, Haryana-122002; These are designed with stylish matt
Ph: 0124-4751300 aluminium body and an inline remote,
Price:
which takes listening to a whole new
` 3,499
level, according to company sources.
The device is designed for easy mobility
and is tangle-free. A pair of ear-hooks is included to
The company claims the earphones ensure extra security. The BLU-200
deliver four hours of continuous audio comes with three sets of silicone ear
playback as well as 100 hours of standby tips in small, medium and large sizes.
with a micro 60mAh battery, which can The Brainwavz BLU-200 earphones
be fully charged in under two hours. are available via amazon.in.
The Bluetooth 4.0 enabled device
supports a range of 10 metres (30 feet), Address: Amazon.com, 26/1, 8th
which enables users to comfortably be Floor, Brigade Gateway, Dr Rajkumar
Price:
away from the audio source without any Road, Malleshwaram West, Bengaluru,
` 12,490
disruption to audio quality or performance. Karnataka-560005
8 | May 2016 | OPEN SOURCE FOR yOU | www.OpenSourceForU.com
new products
A budget smartphone from InFocus Affordable voice-calling
tablet from Datawind
IT and computer accessories
manufacturer, InFocus, has recently IT peripherals and devices
launched an affordable smartphone manufacturer, Datawind, has
called the Bingo50. The device features recently unveiled a dual SIM voice-
a 12.7cm (5 inch) HD display with a calling tablet called Ubislate i3G7
resolution of 720x1280 pixels. in India. The device comes with a
It comes with a MediaTek MT6735 17.7cm (7 inch) TFT display with
quad-core processor clocked at a screen resolution of 1024x600
1.3GHz. The dual SIM smartphone pixels. It features a 1.2GHz quad-
runs on the company’s own InLife core Intel processor clubbed with
UI2.0 operating system that’s based Price: 1GB RAM, and runs on Android 5.1
` 7,499
on Android 6.0 Marshmallow. It is Lollipop. The device is equipped
equipped with 3GB RAM and 16GB with 8GB of inbuilt storage, which
internal storage, expandable up to include 2G, 3G, 4G, Wi-Fi, Bluetooth, can be expanded up to 32GB via a
64GB via microSD card. GPS, a microUSB charging port, USB microSD card.
The InFocus Bingo50 features an and OTG. The Ubislate i3G7 sports a 2
8MP camera, both front and rear. It uses The InFocus Bingo50 is available megapixel rear camera and a 0.3
the Samsung S5K3H7 camera module via online and retail stores. megapixel front camera.
for the front camera. The rear camera The device is rated to deliver
is to capture 1080p full HD video and Address: InFocus India, Unit up to four hours of talktime and has
supports up to 30fps. The Bingo50 is No. 1202-1204, 12th Floor, JMD standby time of up to 120 hours.
backed with a 2500mAh battery. The Megapolis, Sohna Road, Gurgaon, The Datawind Ubislate i3G7 is
connectivity features of the device Haryana 122001 available in black via online and
retail stores.
‘Extra Bass’ Bluetooth headphones from Sony
Multinational mobile phone
manufacturing company, Sony,
has launched its new ‘Extra Bass’
Bluetooth headphones in India,
called MDR-XB650BT.
The headphones come with
a 30mm driver, a bass booster
structure and a dedicated ‘Extra
Bass’ diaphragm.
Weighing just about 90 grams,
Price:
the headphones offer a one-
` 7,990
touch Bluetooth connection and
music playback via NFC. The
headphones are compatible with headphones have a soft texture
AAC and aptX Bluetooth codecs. enabling wearing comfort and well
According to company sources, balanced sound.
they deliver up to 30 hours of The Sony MDR-XB650BT Price:
` 4,444
continuous music playback and headphones are available in red, blue
can be recharged via a USB and black via amazon.in
connection. Address: Datawind, 108-109,
The phones feature a frequency Address: Sony India, No. A-31, G.K. House, Futuristic Solutions
response of 20Hz-20,000Hz, 240 Mohan Co-operative Industrial Estate, Research and Development Private
ohms impedance and 95dB/mW Mathura Road, New Delhi 110044; Limited, Sant Nagar, East of Kailash,
sensitivity. The earpads of the Ph: 011-66006600 New Delhi-110065; Ph: 0183-
5141330
www.OpenSourceForU.com | OPEN SOURCE FOR yOU | May 2016 | 9
FOSSBYTES
ESDS launches cloud data centre
New York bill proposes to
in Mumbai offer tax credits to open
source contributors
ESDS (Exuberant Support for Data Services) has launched its second data Over several years, the open source
centre in Mumbai. The Uptime Institute certified cloud data centre is a part of software community has given three
the company’s MoU inked with the government of Maharashtra, involving an distinct meanings to the term ‘free’.
investment of ` 2 billion. These are:
Spread over 7432sqm (80,000 square ƒ Software that can be utilised or
feet), the new data centre is located changed as per the user’s needs and
in Mahape, Navi Mumbai, and will wishes
help ESDS create 500 employment ƒ Software that is available at no cost
opportunities in 2017-18. It ƒ Software that has no recurring costs
offers private cloud solutions However, the development of open
as well as the proprietary source software does involve some
eNlight Public cloud hosting service to customers. costs. Many developers pay for extra
“Maharashtra has always been among the leading destinations providing hardware to test or host code, websites,
quality infrastructure to companies and creating employment opportunities, etc. Currently, there is a bill under
especially in the IT sector. Additionally, the country needs innovative consideration with the New York Senate
technology solutions like the ESDS patented cloud and data centres to that offers to offset these costs, and is
accelerate businesses in today’s digital economy,” said Devendra Fadnavis, sponsored by Senator Daniel Squadron
CM, Maharashtra, in a statement. and co-sponsored by Senator Ruth
In addition to the launch of the new cloud data centre, ESDS has released its Hassell-Thompson.
eNlight 360 hybrid cloud platform. This new offering is designed to offer large The bill endeavours to offer a
enterprises as well as SMEs an auto-scalable and pay-per-consume cloud hosting tax credit of 20 per cent of “expenses
solution. Moreover, the new platform can be used to roll out the firm’s SaaS, PaaS associated with the development of open
and IaaS based portfolio. source and free software” with an annual
“Our new cloud data centre and eNlight 360 on-premise hybrid cloud maximum limit of US$ 200. The bill
platform is a true testimony of our commitment to constantly innovate and raise is based on a report by the Centre for
industry benchmarks,” ESDS CEO and MD, Piyush Somani, said in a statement. American Progress and is the first of its
With the new development, ESDS’ overall data centre footprint is now raised kind to be introduced to a state legislature.
to over 9290.304sqm (100,000 square feet) of floor space across Mumbai and The bill aims at promoting innovation.
Nashik. Currently, the eNlight Cloud has a total of 300 enterprise clients in the According to the GM of Open
BFSI, government, retail and education sectors. Source Initiative (OSI), Patrick Masson,
the OSI offered guidance on factual
Microsoft organises an open source conference!
matters relating to open source and
Microsoft organised its first open source conference in India, the ‘Microsoft free software. He said that the senators’
Openness Days’, on March 21, 2016, at Hyderabad. offices wished to ensure consistency
The aim of the conference was to assist 1,000 architects, developers and cloud in evaluation by government/state
professionals in discovering and leveraging Microsoft’s Azure cloud platform for officials. This is in continuation to
government and enterprise solutions, a statement issued by Microsoft mentioned. internationally recognised standards of
The conference included the ‘Open Hack’ event, which was India’s first open the software industry, and to prevent
source hackathon on Azure by Microsoft. It had the support of the Telangana ambiguity among projects that may
government. The hackathon was on for six hours, and gave developers the option call themselves open source but are not
of working on and showcasing innovative applications and solution ideas based in compliance with the Open Source
on the state government’s digital initiatives. Definition.
According to Jayesh Ranjan, secretary, Department of IT, Electronics and There have been several variants
Communications, Telangana government, “We are a firm supporter of technology of this bill which had been introduced
to drive Telangana’s growth and development. We are very pleased to partner previously and not been passed. Part of
with Microsoft to host the Open Hack in our state.” the challenge lies in getting a legislative
Microsoft and T-Hub will be selecting the top six apps and teams for further body to understand technology issues.
development, and mentoring to the stage of market readiness. The winners were
10 | May 2016 | OPEN SOURCE FOR yOU | www.OpenSourceForU.com