Reflection Notes: - Bootstrap
Reflection Notes: - Bootstrap
Reflection Notes: - Bootstrap
REFLECTION NOTES
1.1 Web Development
• BOOTSTRAP
Bootstrap is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your
ideas or build your entire app with our variables and mixins, responsive grid system, extensive prebuilt
components, and powerful plugins built on jQuery.
• JAVASCRIPT
Bring Bootstrap to life with our optional JavaScript plugins built on jQuery. Learn about each plugin,
our data and programmatic API options, and more.
• WEBSITE HOISTING
A web hoisting service is a type of Internet hoisting service that allows individuals and organizations
to make their website accessible via the World Wide Web. Web hosts are companies that provide space on
a server owned or leased for use by clients, as well as providing Internet connectivity, typically in a data
center. Web hosts can also provide data center space and connectivity to the Internet for other servers
located in their data center, called colocation.
• COMPONENTS OF BOOTSTRAP
Base nav
Navigation available in Bootstrap share general markup and styles, from the base .nav class to the
active and disabled states. Swap modifier classes to switch between each style.The base .nav
component is built with flexbox and provide a strong foundation for building all types of navigation
components. It includes some style overrides (for working with lists), some link padding for larger hit
areas, and basic disabled styling.
Button tags
The .btn classes are designed to be used with the <button> element. However, you can also use
these classes on <a> or <input> elements (though some browsers may apply a slightly different
rendering).
Carousel
The carousel is a slideshow for cycling through a series of content, built with CSS 3D transforms
and a bit of JavaScript. It works with a series of images, text, or custom markup. It also includes
support for previous/next controls and indicators.In browsers where the Page Visibility API is
supported, the carousel will avoid sliding when the webpage is not visible to the user (such as when
the browser tab is inactive, the browser window is minimized, etc.).
Forms
Bootstrap’s form controls expand on our Rebooted formed styles with classes. Use these classes to
opt into their customized displays for a more consistent rendering across browsers and devices.Be sure
to use an appropriate type attribute on all inputs (e.g., email for email address or number for numerical
information) to take advantage of newer input controls like email verification, number selection, and
more.
Grid system
Bootstrap’s grid system uses a series of containers, rows, and columns to layout and align content.
It’s built with flexbox and is fully responsive. Below is an example and an in-depth look at how the
grid comes together.
• Android Studio
Android Studio is the official Integrated Development Environment (IDE) for Android app
development, based on Intellij IDEA. On top of IntelliJ's powerful code editor and developer tools,
Android Studio offers even more features that enhance your productivity when building Android apps,
such as:
• RECYCLER VIEW
RecyclerView is a ViewGroup added to the android studio as a successor of the GridView and
ListView. It is an improvement on both of them and can be found in the latest v-7 support packages. It
has been created to make possible construction of any lists with XML layouts as an item which can be
customized vastly while improving on the efficiency of ListView of GridViews This improvement is
achieved by recycling the views which are out of the visibility of the user.
• GOOGLE SIGN IN
Google Sign-In for Android lets you authenticate a user with the same credentials they use on Google.
After a user signs in with Google, you can create more engaging experiences and drive usage of your
app.The Google Android API allows you to integrate sign-in and social features into your app. Google
Sign-In is a simple, trusted, and secure way to let people sign in to your app with their Google
credentials.
• INTENTS
An Android Intent is an abstract description of an operation to be performed. It can be used
with startActivity to launch an Activity, broadcastIntent to send it to any interested
BroadcastReceiver components, and startService(Intent) or bindService(Intent,
ServiceConnection, int) to communicate with a background Service.
1.3 FIREBASE
Firebase is a mobile and web app development platform that provides developers with a
plethora of tools and services to help them develop high-quality apps, grow their user base, and earn
more profit.Firebase Services can be divided into two groups: Develop & test your app.
Realtime Database: The Firebase Realtime Database is a cloud-hosted NoSQL database that
lets you store and sync between your users in realtime.The Realtime Database is really just one
big JSON object that the developers can manage in realtime.
Authentication: Firebase Authentication provides backend services, easy-to-use SDKs, and
ready-made UI libraries to authenticate users to your app. Using Firebase Authentication makes
building secure authentication systems easier, while also improving the sign-in and onboarding
experience for end users.Firebase Authentication is built by the same people who created
Google Sign-in, Smart Lock, and Chrome Password Manager.
CHAPTER 2
TASKS PERFORMED
2.1 Problem statement
This project with the problem statement as “the project focusing on developing an android
application i.e. designed for the users to search for the medicines and for the medical stores near by”.
This application contains some easy navigational and features to the users to know about the rules of
WHO. The search facility helps the users to find exactly what they desire without wasting much of their time.
The other facilities include advanced search of location where they can find the address of the medical stores.
The application is made user-friendly and convenient to such an extent that the user is never confused
or complex their search while looking up for any type of medicines.