SUMMER INTERNSHIP PRESENTATION

PREPARED BY :

NAME : xxx
ENR NO. : xxxx
BRANCH : xxxx
INSTITUTE : xxx
 OUTLINE
01 COMPANY DETAILS
02 TIMELINE CHART
03 PROJECT INTRODUCTION
04 TECHNOLOGY / PLATFORMS
05 TASKS OF EVERY WEEK

06 IMPLEMENTATION
07 REFERENCES
08 CONCLUSION 1
 01

COMPANY DETAILS

2
 Company Name : SARD.

 Company Address : 4368 Hira, Jeddah 23534 -

6439
Kingdom of Saudi Arabia

 Services Provided : Digital Signage Software

3
 02

TIMELINE CHART

4
 Developed
Explored Basic
Flutter, Added
component
HTML, Advance
and Deployment
CSS and features.
firebase
Bootstrap integration

01 02 03 04 05 06 07 08

Developed
Explored Started Admin Debugging
Telegram working on Dashboard
API and new website
tailwind and Telegram
css bot

5
 03

PROJECT INTRODUCTION

6
• This is a software solution, which gives an opportunity to remotely and centralized
manage the digital signage networks. It allows you to manage all the content, been it
audio, video, dynamic streams or interactive scenarios at any time and from any place.

7
5
 04
TECHNOLOGY / PLATFORM USED
FOR DEVELOPMENT

8
Sard Application : Telegram Bot :
 Flutter  Python
 JSON  Flask
 Firebase  Telegram API
 Google Play Store  Firebase
 Mailgun
 Heroku
Sard Website :
 Bootstrap
 HTML
 CSS
 Javascript
 Tailwind CSS

9
 05

TASKS OF EVERY WEEK

10
WEEK 1 - 16TH - 21ST MAY

WEEK 2 - 23RD - 28TH MAY

WEEK 3 - 29TH - 4TH JUNE

WEEK 4 - 6TH - 11TH JUNE

WEEK 5 - 13TH - 18TH JUNE

WEEK 6 - 20TH - 25TH JUNE

WEEK 7 - 27TH - 2ND JUNE

WEEK 8 - 4TH - 7ND JULY

11
 WEEK - 1
 Familiar with company.
 Designed form using HTML and CSS.
 Designed form using Bootstrap.
 Designed dummy website using grid in Bootstrap.
 Explored and learnt JavaScript.
 Basic JavaScript implementation.
 Learnt Dart language.
 Understood basic of widget.
 Learnt OOPS concept in dart.
 Created I am rich app.
 Created weather app.

12
 WEEK - 2

 Explore telegram bot API.

 Understanding basic API endpoint.
 Explore python telegram bot module pyTelegramBotAPI .
 Create echo bot.
 Create Restaurant order bot.
 learnt to manage media in telegram bot.
 Learnt CSS Tailwind.
 Designed basic components.
 Inserted different elements in the home page of the project website.
 Read and understand tailwind CSS documentation.

13
 WEEK - 3

 Understood Firebase documentation.

 Understood various features of Firebase.
 Worked on authentication module in Firebase.
 Learnt storage and read file database.
 Created Database structure.
 Learnt hosting on Firebase.
 Integration with flask.
 Understood and designed form in tailwind CSS.
 Designed and developed hero section and navbar of website.

14
 WEEK - 4

 Created login and sign up for Telegram Bot.

 Upload and store media on Firebase storage.
 Add playlist feature to show all uploaded media.
 Added add screen feature to add a new screen
 Added screen feature to show connected screens.
 Added account feature to view details of the user account.
 Added settings feature to change user settings.
 Added benefits of telegram chatbot section.
 Added section describing varieties of content supported by chatbot.
 Added a section to explain how the digital signage software works.
 Added a section to showcase the use case of the product in various fields.
 Added pricing and contact us features.
15
 WEEK - 5

 Added Font settings feature (font style, font size and font colour)
 Added Timer feature and timer settings.
 Added time-zone setting feature.
 Added Arabic language.
 Improvised UI.
 Added Terms page to the website.
 Added Policy page to the website.
 Restructured contact us form.
 Restructured website to also support Arabic language.

16
 WEEK - 6

 Explored argon-react-dashboard.
 Understood documentation and working of the software.
 Created API endpoint in flask.
 Fetching data from API endpoints.
 Added graph to visualise data.
 Added table to visualise user data.
 Added buttons to handle user data.
 Establish redux for authentication setup.

17
 WEEK - 7

 Understand digital ocean and Heroku for deployment.

 Created server instance on Heroku.
 Deployed telegram bot server and website in Heroku.
 Deploy dashboard in firebase.
 Understand and create account in google play store.
 Publish app in play store.
 Added website in google console for SEO.
 Optimize website according to SEO.

18
 WEEK - 8

 Fixed various bugs and minor changes.

19
 06

IMPLEMENTATION

20
 REFERENCES
Telegram api: https://core.telegram.org/bots

Flask https://flask.palletsprojects.com/en/2.1.x/tutorial/

pytelegrambotapi https://pypi.org/project/pyTelegramBotAPI/0.3.0/
HTML https://www.w3schools.com/html/
CSS https://www.w3schools.com/CSS/default.asp

Javascript https://www.w3schools.com/JavaScript/default.asp
Bootstrap https://www.w3schools.com/Bootstrap4/default.asp
Flutter https://docs.flutter.dev/
Argon Dashboard https://www.creative-tim.com/product/argon-
dashboard-react

34
 CONCLUSION
 During this summer internship of 2 months, we have developed complete SAAS software
from scratch.
 We learnt to work in teams to provide more fruitful and efficient results.
 We also learnt to understand user needs and communicating with client.
 This summer internship provided us a platform to enhance our skills as well as learn new
skills and a great industrial exposure which was a great experience.

35