User:Markvandenheuvel/prototyping-11: Difference between revisions

From XPUB & Lens-Based wiki
No edit summary
 
(23 intermediate revisions by the same user not shown)
Line 30: Line 30:
===Session with Michael(04-03-2020)===
===Session with Michael(04-03-2020)===
>>> query/api <br>
>>> query/api <br>
https://pad.xpub.nl/p/2020-03-04
https://pad.xpub.nl/p/2020-03-04 <br>
https://pzwiki.wdka.nl/mw-mediadesign/api.php
https://pzwiki.wdka.nl/mw-mediadesign/api.php <br>
https://www.mediawiki.org/w/api.php
https://www.mediawiki.org/w/api.php


===Test sites: API calls & Query-2-html===
-----
[[File:Api 3.png|400px]] <br>
[[File:Api 2.png|400px]] <br>
[[File:Api 1.png|400px]] <br>
<small>All low-res gifs on the PZi Wiki</small>
<br>
-----
<br>
[[File:Query.png|400px]]<br>
<small>Query to static website test</small>


=Prototyping Workshops=
=Prototyping Workshops=
Line 54: Line 66:
:*http://warpweftmemory.net/#/notes
:*http://warpweftmemory.net/#/notes


=TUTORIALS & Self Learning=
=Tutorials & Self Learning=


CSS Crashcourse:<br>
CSS Crashcourse:<br>
Line 64: Line 76:
BASIC HTML STRUCTURE:<br>
BASIC HTML STRUCTURE:<br>
https://www.youtube.com/watch?v=gQojMIhELvM&list=PLoYCgNOIyGABDU532eesybur5HPBVfC1G&index=1
https://www.youtube.com/watch?v=gQojMIhELvM&list=PLoYCgNOIyGABDU532eesybur5HPBVfC1G&index=1
==scetches==
<gallery widths=100px heights=80px perrow=5 caption="scetches">
File:Websitetest-1.png
File:Websitetest-2.png
File:Websitetest-3.png
File:Websitetest-4.png
File:Websitetest-5.png
File:Screenshot 2020-04-20 at 00.04.13.png
File:Screenshot 2020-04-20 at 00.01.59 copy.png
</gallery>
[[File:Screenshot 2020-04-19 at 18.40.25.png|700px]]


=Publication website Prototypes=
=Publication website Prototypes=


[[File:Screenshot 2020-04-19 at 19.57.21.png|600px]]
====styled prototypes====
 
[[File:Screenshot 2020-04-19 at 19.57.21.png|700px]]
 
 
[[File:Screenshot 2020-04-19 at 19.58.09.png |700px]]
 
====stylesheet sketch====


[[File:Stylesheet.png|border|700px]]


[[File:Screenshot 2020-04-19 at 19.58.09.png |600px]]
[[Category:Post-Digital Itch]]

Latest revision as of 19:27, 23 April 2020

Prototyping

PROGRAM OVERVIEW: https://pzwiki.wdka.nl/mediadesign/Category:Post-Digital_Itch

Session with Michael

>>> Digital zines & PDF Custom Publishing Pipelines with commandline
https://pzwiki.wdka.nl/mediadesign/Digital_zines_I:_PDF

Session with Andre (12-01-2020)

>>> TOR, Darkweb and setting up the Sandbox / ItchWiki
https://pad.xpub.nl/p/Prototyping_2020.01.13

Session with Michael (22-01-2020)

>>> Pandoc / Markdown (odf>txt>markdown)
https://pad.xpub.nl/p/22-1-2020

Non realtime publishing for censorship:
http://blog.bjrn.se/2020/01/non-realtime-publishing-for-censorship.html

Session with Andre (03-02-2020)

>>> Semantic Mediawiki search & generating static HTML – 1
https://pad.xpub.nl/p/27-01-20
https://git.xpub.nl/XPUB/special-issue-11-wiki2html

Session with Andre (10 feb 2020)

>>> Semantic Mediawiki search & generating static HTML – 2
https://pad.xpub.nl/p/prototyping-2020-02-10
https://pzwiki.wdka.nl/mediadesign/SMW_Queries

Session with Michael(04-03-2020)

>>> query/api
https://pad.xpub.nl/p/2020-03-04
https://pzwiki.wdka.nl/mw-mediadesign/api.php
https://www.mediawiki.org/w/api.php


Test sites: API calls & Query-2-html


Api 3.png
Api 2.png
Api 1.png
All low-res gifs on the PZi Wiki



Query.png
Query to static website test

Prototyping Workshops

Session with OSP (Piere & Stephanie)

Open source Publishing Tools & methods: Ether > Markdown/HTML > Print

Resources:

Session with Cristina Cochior

Call into Queries & archive websites
https://pad.xpub.nl/p/call-into-query

Tutorials & Self Learning

CSS Crashcourse:
https://www.youtube.com/watch?v=yfoY53QXEnI

HTML Crashcourse:
https://www.youtube.com/watch?v=UB1O30fR-EE

BASIC HTML STRUCTURE:
https://www.youtube.com/watch?v=gQojMIhELvM&list=PLoYCgNOIyGABDU532eesybur5HPBVfC1G&index=1


scetches

Screenshot 2020-04-19 at 18.40.25.png

Publication website Prototypes

styled prototypes

Screenshot 2020-04-19 at 19.57.21.png


Screenshot 2020-04-19 at 19.58.09.png

stylesheet sketch

Stylesheet.png