Reflection Notes: - Bootstrap

Download as docx, pdf, or txt
Download as docx, pdf, or txt
You are on page 1of 5

CHAPTER 1

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.

1.2 ANDROID DEVELOPMENT

• 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:

 A flexible Gradle-based build system


 A fast and feature-rich emulator
 A unified environment where you can develop for all Android devices
 Instant Run to push changes to your running app without building a new APK

• Android layout types


 Linear Layout: LinearLayout is a view group that aligns all children in a single direction,
vertically or horizontally.
 Relative Layout: RelativeLayout is a view group that displays child views in relative
positions.
 TableLayout: Table Layout is a view that groups views into rows and columns
 AbsoluteLayout: Absolute Layout enables you to specify the exact location of its children.
 Frame Layout:The FrameLayout is a placeholder on screen that you can use to display a
single view.
 ListView: List View is a view group that displays a list of scrollable items.
 GridView: GridView is a ViewGroup that displays items in a two-dimensional, scrollable grid.
• LIST VIEW
Android ListView is a view which groups several items and display them in vertical scrollable
list. The list items are automatically inserted to the list using an Adapter that pulls content from a
source such as an array or database.An adapter actually bridges between UI components and the data
source that fill data into UI Component. Adapter holds the data and send the data to adapter view, the
view can takes the data from adapter view and shows the data on different views like as spinner, list
view, grid view

• 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.

2.2 Project goal


The goal of this project is to develop a generic android application that can be helpful for the
customers/users.
The convenience of being able to find the medicines and even the location of the stores is made easier
for the customers. So convinency of the customer is one of the basic objective of this application.
A user-friendly environment helps the user to carry on searching with great ease and efficiency.
Moreover it also helps the medical shop owners to promote their shops by updating the best medicines that are
rare to find to attract more customers. So developing a user-friendly interface can also be considered as one of
the goals.

2.3 System Requirements


2.3.1 Software requirements

Application Front end tools Android(3.4.2)


Database Back end tools Firebase

2.3.2 Hardware requirements

Application Installation Android enabled GSM/CDMA phone


Internet Connection Required
Version 3.4.2
Memory 128MB
4.5 Conclusion
The code we have implemented for our project is working well to the best of our knowledge. This
project gives the best knowledge for both the users/customers and even for the developers of the application.
This project provided an opportunity to learn the various concepts of the subject in detail and provided us a
platform to express our creativity and imagination come true.

You might also like