Empowerment Workshop on the Development of Interactive Learning Resources and Massive Open
Online/Offline Courses – June 4-9,2022 @AMCO Beach Resort
Day 1
Speaker- Mark Anthony C. Sy (Head-DEPED ICTS EDTECH Units)
Digital Rise Program (2019) – Classroom of the Future Program
- Talaudyong ES- one of the 2 beneficiary schools in Puerto Prinsesa
- High quality education extended to those miles’ schools
Sara Jane C. Sarino
H5P Accordion- used for presenting text when there is limited amount of vertical space
Single Choice Set – used for testing skills related to any topic and can be an effective assessment
tool with immediate summary/feedback. (single choice type)
Multiple Choice – used for testing well – defined skills related to a certain topic. (multiple
options)
Column- it is the combinations of the above activities.
Fidel Domingo
H5P content Development using LUMI which allows you to create, edit, view and share
interactive content with dozens of different content types. It’s free and open source.
Find the words- find the words in the grid
Fill in the blanks- Learners fill in the missing text
Crossword – free crossword tool with optional audio
Rhenz Noriel Yee
Image Slider – not an activity/ assessment
Flashcards – set of images which can be used as an assessment
Day 2
Glenah Taguibao
Memory Game – find its pair
Image slider – presentation of images
Image Hotspots – hidden information in the pictures
Florence De Veyra
Image pairing- pair the silhouette picture to their body part
Image Sequencing- arranging images
Timeline- show the time lapse/ history
Day 3
Sir Mark Anthony C Sy
Viewport size for mobile phone – creating mobile apps
412 X 732 – for other brands
360 X 740 – for Samsung brand only
Go to CANVA.COM
- Creating your mobile app template
Go to powerpoint
- Create your buttons
Open Adobe XD
- In the “customize” put the viewport size before clicking
- Rename the file the top of the frame as “index”
To duplicate, click the 2nd icon at the right bottom of the application.
Then right click “index” at the top right part and select DUPLICATE.
Same procedure until you completed all the templates.
To navigate the buttons, go to “Prototype” placed at the upper part of
the screen.
o Click the home button and drag the arrow to where you want to
go next and do it to all the buttons.
o For the fb,web and youtube buttons- click the button and the
blue then got to TYPE change it to HYPERLINK, then insert the
URL.
To make your mobile app offline
Go to Plugins makikita sa taas and choose BROWSE PLUGINS
Madidirect ka sa Creative Cloud Desktop
Tick po ung XD sa gilid then hanapin ang WEB EXPORT then install
Palitan naming convention sa filename na walang space
Click the first image(image) pindutin ang Plugins, then WEB EXPORT choose EXPORT
ARTBOARD(ung una). Then iclick ang ADVANCED sa ibaba and choose ALL ARTBOARDS
sa tapat ng Export type. And click select folder and export.then close. Gawin sa lahat ng
templates.
Pumunta sa Folder kung saan nakasave ang mga Exported file from XD
- Click the template which your button placed. Right click, open with notepad
- Kopyahin ang filename ng button na pipindutin. Then balik sa notepad at hit
CTRL+F, paste ung nakopyang filename.
- Sa simula ng line kung nasan nahanap ang file. Itype ang “StartingCode” at
sa huli nmn ng linya ang “end code”.
- Starting code
<a href=”filenameoftheLUMI.html”>no space
- End code
Space </a>
Pumunta sa Folder kung saan nakasave ang mga Exported file from XD
- Right click droppage 3 kung nasaan ang mga FB,YT,WEB buttons
- Gawin ang paraan kung paano ginawa para sa mga naunang buttons
Gumawa ng Thumbnails sa Canva.com
- Thumbnails size- 512x 512
Install these two software
- https://drive.google.com/drive/folders/
1Tcb3RW53d2lgPCpuIgAly5guH1wpZ84A?
fbclid=IwAR0PmhNRLOzj9AgEwGPQDJLNrDz2kCyJV5CjO7yN_IlwpYG4
MI4hyPl-95Q
- first install the JRE next is the Web
Website apk 2-open
- click Icon Change – upload your thumbnail
- click custom then click Browse and upload your thumbnail.
- Choose Local Html Website then go to Directory of Local Website –
choose the folder kung nasan yung mga Exported files from XD.
- Go to App Title : type the App Name
- Then Hit Build Android APK
- Itransfer ang apk sa mobile through cable.
Android Devices
Pixel Size Viewport
Phones
Nexus 6P 1440 x 2560 412 x 732
Nexus 5X 1080 x 1920 412 x 732
Google Pixel 4 XL 1440 x 869 412 x 869
Google Pixel 4 1080 x 2280 412 x 869
Google Pixel 3a XL 1080 x 2160 412 x 824
Google Pixel 3a 1080 x 2220 412 x 846
Google Pixel 3 XL 1440 x 2960 412 x 847
Google Pixel 3 1080 x 2160 412 x 824
Google Pixel 2 XL 1440 x 2560 412 x 732
Google Pixel XL 1440 x 2560 412 x 732
Google Pixel 1080 x 1920 412 x 732
Samsung Galaxy Note
10+ 1440 x 3040 412 x 869
Samsung Galaxy Note 10 1080 x 2280 412 x 869
Samsung Galaxy Note 9 1440 x 2960 360 x 740
Samsung Galaxy Note 5 1440 x 2560 480 x 853
LG G5 1440 x 2560 480 x 853
One Plus 3 1080 x 1920 480 x 853
Samsung Galaxy S9+ 1440 x 2960 360 x 740
Samsung Galaxy S9 1440 x 2960 360 x 740
Samsung Galaxy S8+ 1440 x 2960 360 x 740
Samsung Galaxy S8 1440 x 2960 360 x 740
Samsung Galaxy S7 Edge 1440 x 2560 360 x 640
Samsung Galaxy S7 1440 x 2560 360 x 640
Tablets
Nexus 9 1536 x 2048 768 x 1024
Nexus 7 (2013) 1200 x 1920 600 x 960
Pixel C 1800 x 2560 900 x 1280
Samsung Galaxy Tab 10 800 x 1280 800 x 1280
Chromebook Pixel 2560 x 1700 1280 x 850
K 3 10 79 45
I 9 5 39 57
II 12 6 95 39
III 10 6 12 4 96
IV 9 5 10 4 11 4
V 7 4 95 10 4
VI 15 4 84 96
