1.
Welcome to
Orientation'22
Google Developer Student Club,
Indian Institiute of Technology, Patna
-Powered by Google Developers
Build for Everyone

2.
Our GDSC Team

3.
Overall Lead
Shilpa Kanjilal

4.
Managers
Hrishita Mishra
Sonali Kumari
Rupak Biswas
Anushka Chakraborty
(Advisory)
(Advisory)

5.
Design Lead
Hitin Bajaj Sravanthi

6.
Android Lead
Praveen Kumar Diptadip Kumar

7.
Web and Backend Lead
Aritra Bhaduri Raunak Gupta Hiren Rajkumar

8.
Block Chain Lead
Aritra Bhaduri

9.
ML Lead
Kamal Nayan Safal Raj

10.
Industrial and Public Relation
Abhilasha
Kartikay Saxena
Astha Singhal

11.
A QUESTION
raises

12.
What is GDSC ?

13.
“Google Developer Student Clubs are
university based community groups for
students interested in Google developer
technologies. Students from all
undergraduate or graduate programs with
an interest in growing as a developer are
welcome. By joining a GDSC, students grow
their knowledge in a peer-to-peer learning
environment and build solutions for local
businesses and their community”

14.
“Our Goal is to create impact .
Impact students and empower them to
impact their communities through
technology”

15.
How GDSC
Works?

16.
This is any hands on training activity:
Study Jam, Hackathons or Code labs ;
speaker sessions where content on
developer technologies is covered.
DSC

17.
Provide with a solution to
local vendors and business
people and then share the
projects carried out in
university, in city or in
partnership with Google
communities like GDG,GBG or
even DEVfests!

18.
1
2
3
Showcase your
prototypes and
solutions to your
community and
industry leaders
Gain relevant
industry experience
by solving problems
for local
organisations with
technology based
solutions
What we provide with opportunity to:
Grow your
knowledge on
developer
technologies and
more through
peer to peer
workshops

19.
Join us for the knowledge sharing
session at the given venue
Get the confirmation for the
application
Fill up the application form
Attendee process!

20.
A little-ish amount of time.
Little amount of time
Enormous Interest
Some Curiosity
Prerequisites

21.
Perks of GDSC

22.
Meet, Connect!
Collaborative Learning.

23.
Speakers Sessions
Real World Industrial level
Experience

24.
Personality Development
Developing New Skills

25.
Open To All
Better Exposure

26.
Any Questions???

27.
Thank You!
Contact us at:
dsc@iitp.ac.in
https://groups.google.com/g/dsciitpatna
https://www.facebook.com/dsciitpatna
https://twitter.com/dsciitpatna/

28.
https://instagram.com/dsciitpatna/
https://www.linkedin.com/company/dsciitp/
https://dsc-iit-patna.slack.com/join/shared_invite/zt-
q2coe8za-FIlYumfgf8g9Mfz7PUfvdw

29.
UI / UX
INTRODUCTION

30.
AGENDA
2
• What is UI/UX ?
• UX process
• ​UI vs UX
• Design Tools
• QnA

31.
INTRODUCTION
• The term UI/UX stands for user interface/user
experience design and refers to the practice of
designing digital products with a user-first
approach.
• In other words, the point of UI/UX design is to
create a product that will be both visually appealing
and highly pleasant to interact with.
3

32.
UX designers are responsible for
making sure that the user’s
interaction with a digital product
is as fast, easy and efficient as
possible. They are not concerned
with visuals; they map out the
user journey and strategize to
solve users’ pain points and meet
their needs. The outcome of that
is a wireframe – a blueprint of the
product.
UX PRIMARY GOALS

33.
UI PRIMARY GOALS
UI designers pick up where UX
designers leave off. Their role is
to bring the digital product to
life based on the wireframe
provided. Like in the furnishing
example – you already have all
the functionalities mapped out,
and now it is time to decorate.

34.
IMPORTANCE OF
UI/UX

35.
5 WAYS TO
BECOME
BETTER AT UI/UX

36.
CREATE VISUAL
HIERARCHY.

37.
Mobile Society
DSC IIT Patna

38.
Native App
Development
App
Development
Hybrid App
Development

39.
What do we do?
● Develop apps that are helpful for the society.
● Do projects for industries.
● Perform beta testing of Google Products.
● Conduct Workshops.
● Conduct Hackathons.
● Provide incentives to the active performers.

40.
What do we do?

41.
Workshops

42.
Version Control Sessions

43.
Hackathons

44.
Blogging

45.
Current Projects

46.
Shabd
● Vocabulary that's fast and efficient.
● Seconds to add new words from your
child's life into Shabd.
● Shabd shows you where to find words
in the vocabulary so you can model
effectively.
● Visualize the metrics that show you
how your child is developing.
● Learn words from images. Pronounce
the word and check whether it is
correct or not.
● Open source and free to use.
https://github.com/dsciitpatna/Shabd

47.
https://github.com/madris112/TTAPP
TTAPP
TTAPP makes it easier for you to attend online
classes on different platforms like zoom, google
meet, Webex and teams by organizing everything into
one single place. Just create your weekly time table in
the app and add links. Then TTAPP will keep your
schedule. No hassle of finding links everday!
Working on assignments is very easy with TTAPP as
well. Once an assignment has been given to you, any
one user of the app can upload the assignment to the
app and everybody else of the class will be able to see
the assignment. You can also store various resources
for the assignment in TTAPP.

48.
PenCast
PenCast is an android application to bring
version control to authors on the go.
🚀 What can it do?
● Collaborate over projects. [in
progress]
● Write posts, share your own tips and
tricks.
● Interact with fellow authors through
real time communication.
https://github.com/Priyanka-
Sachan/PenCast

49.
What do we need?
(AS DEVELOPERS)

50.
Lots of
Libraries

51.
Who r we?

52.
PRAVEEN KUMAR DIPTADIP MALIK
+91 8740940411 +91 85848 98778

53.
Name of
Android 12?

54.
Snow Cane/Android 12

55.
KOTLIN
:
: ?

56.
Android+Rocket=What does this represent?

57.
And what does this represent?

58.
Questions?

59.
Thank
You!

60.
Web
Development

61.
● Web development refers to the
building, creating, and maintaining
of websites. It includes aspects such
as web design, web publishing, web
programming, and database
management.
● It is the creation of an application
that works over the internet i.e.
websites.
● It is of two types: front end
development and back end
development
What is Web Development ?

62.
What does Web Development consists of?

63.
Traditional Way
VS
Modern Ways

64.
Traditional Way

65.
Modern Way (Single page applications [SPA])

66.
Make Google your best friend
● A big reason to use Google is that it is hard to
remember all those minor details and
nuances especially when you are
programming in multiple languages and using
dozens of frameworks.
● Apart from that, good programmers also
know that they cannot be the first one to
have encountered a problem so it’s better to
use Google to research possible solutions.

67.
A very first try to write your own CSS

68.
Web development Today?
● Plethora of client side frameworks
| Javascript is everywhere :p
● Lots of Core JS frameworks | Don’t
reinvent the wheel
● Don’t overthink it | Pick what
works for you and your app
● Popular core Javascript
frameworks: React | Angular | Vue

69.
Frontend Tech stack
The main technologies used are:
HTML/CSS based:

70.
Backend Tech Stack

71.
Projects

72.
Gymkhana Election web portal

73.
Gymkhana Election web portal

74.
Gymkhana Election web portal

75.
Our Team

76.
Aritra Bhaduri
Contact: 7596834218
aritra_2101ai40@iitp.ac.in
Achhada Hiren Rajkumar
Contact: 7383757637
achhada_2101cs03@iitp.ac.in
Raunak Kumar Gupta
Contact: 7366028315
raunak_2101cb47@iitp.ac.in
GDSC IIT-P Web Dev Leads

77.
Blockchain
Society

78.
Bitcoin
In 2010: 1 ₿ = $0.3 = ₹ 24.82
In 2021: 1 ₿ = $61,483 = ₹ 50,86,743.74
Ethereum
In 2016: 1Ξ = $7.8 = ₹ 645.26
In 2021: 1Ξ = $4,732 = ₹ 3,91,454.94
What makes these
coins so much
valuable??

79.
Is blockchain really THAT complicated?

80.
The problem is actually the way it’s currently being
explained

81.
So what about Blockchain?

82.
Exploring the need of blockchain
1. Need of secure and fast transaction
2. Need to eliminate trusing on third parties
3. Need to escape local rules and regulations
regarding transactions
4. Need to keep data publicly available
instead of storing it confidentially with a
central authority
… and many more similar reasons

83.
The process of sending money through banks poses three major problems:
1. We need to trust a middleman (i.e. the bank) to keep track of all our records and to make
sure that no one makes a mistake or messes with the records.
2. The bank wants a sizeable cut of the transaction.
3. The transfer takes time, often days.

84.
Any process that relies on trusting a middleman,
regardless of industry, can potentially be improved
with blockchain—which is why everyone’s so
excited about it!

85.
Use cases of blockchain
Three major places where blockchain can be used is:
1. Decentralized Finance (DeFi)
2. Next generation of web (Web 3.0)
3. Metaverse
4. Digital Ownership of items - NFTs and other ERC-
721 tokens
5. Most of the tech giants have started to invest
and create products in blockchain

86.
The next generation of internet: Web 3.0
● Web3 is decentralized: instead of large
swathes of the internet controlled and
owned by centralized entities, ownership
gets distributed amongst its builders and
users.
● Web3 is permissionless: everyone has equal
access to participate in Web3, and no one
gets excluded.
● Web3 has native payments: it uses
cryptocurrency for spending and sending
money online instead of relying on the
outdated infrastructure of banks and
payment processors.
● Web3 is trustless: it operates using
incentives and economic mechanisms
instead of relying on trusted third-parties

87.
Metaverse: The next generation of
VR and AR
Imagine a virtual world in which people live, work, shop and
interact with others -- all from the comfort of their couch in the
physical world. This is known as the metaverse.
“ The metaverse is a massively scaled and interoperable
network of real-time rendered 3D virtual worlds, which
can be experienced synchronously and persistently by an
effectively unlimited number of users with an individual
sense of presence, and with continuity of data, such as
identity, history, entitlements, objects, communications
and payments ”
— Matthew Bell

88.
Thank you
Aritra Bhaduri, Blockchain Lead, GDSC

89.
What is
Machine
Learning?

90.
Automatically learn
and improve from
experience
Access data and learns from
them
Abranchofartificialintelligenceandcomputersciencewhich
focusesontheuseofdataandalgorithmstoimitatetheway
humanslearn,graduallyimprovingitsaccuracy.
Machine Learning
No explicit
suggestionsgiven

91.
Asubset ofAI which incorporates mathematics and statistics
in order to learn from the data itself
Key Features
UsesMathandStatistics
ImproveswithExperiments
01
02
03
04
Gives guidance towards
anyprocess
Generalizeandlearns from
past experiences

92.
Methodsof AI
Symbolic method
The symbolic methodalso referred
to as the "top-down"strategy,
imitates intelligence without taking
into account the organic makeup of
the humanbrain.
Connectionist method
The connectionist method,onthe
other hand,focuses onbuilding
neuralnetworks by replicating
the biologicalcompositionof the
humanbrain.
Bottom-upmethod
This methodalsoreferredto as
the "bottom-upapproach,"
focuses onlinkingmore
fundamentalbraincells.

93.
Applications of ML and AI

94.
Product Recommendation System

95.
Neural Style Transfer

96.
Use ofML incyber security
Cams for preventing crime
Observational Border
security
Detectionof gas threats
Vehicle bomb detection
Security inthe home threat
assessment for significant
events
Finding infectious diseases

97.
Our Aim
To familiarize with basic
concepts of ML.
To grow our ML Community.
01 T
odoawesomeprojectswhichcan
easilygainattention.
T
ocreatesomething which solves
real world problems.
02
03
04

98.
Our Projects
Music Genre Classification
Gender and age detection(OpenCV)
Music Generations with RNNs
Notes separator
01
02
03
04

99.
ML Memes

100.
ML Memes

101.
ML Lead
Kamal Nayan Safal Raj

102.
ThankYou