internetvin

Futureland

A project network.
279 outputs
by lucas
add bookmark

Yesterday I had an interesting conversation with @internetvin about a new idea I had. Will call it sub-projects for now. I want users to be able to build a proper "project network" where every project can have an infinite number of child-projects and parent-projects. These sub-projects inherit all features of a normal project and can be used to organize outputs within a project. They might also have their own sub-projects, collaborators, microstores, notifications and URLs. Parent-projects should have a summarizing timeline of all outputs from itself and all of its sub-projects. My goals is to make categorizing and navigating through all of this as easy as working with a local filesystem.

The idea is still pretty raw, so today I started to design an architecture that could support all of this.

by lucas
add bookmark

Removed all JavaScript code that calculates the dimensions of an output and replaced it with CSS. Before, the height of each output was manually calculated on initial render and each time the window dimensions changed.

by lucas
add bookmark

Played around with browser drag and drop today and implemented simple project reordering for the log.

by internetvin
add bookmark

I am working on how different components of FL will look on mobile. This is the Log and the interface is kind of getting there. I will keep tweaking it and then start working on other components of FL as well.

The Log on FL has become a central part of my daily process. I wake up each morning and work through my projects until everything in my Log is green. If there's a new project I need to focus on, I add it to my Log. I do not work on other tasks or random things until everything in my Log is green.

This has been working super well for me. I find myself wanting push more of my work through this tool.

I'll make a video showing how I use this soon.

by lucas
add bookmark

Fixed automatically replying to a Twitter thread if the user deleted the last tweet. Futureland will now automatically reply to the last tweet in the thread.

by internetvin
add bookmark

Starting to sketch out concepts for a bunch of key tools at the bottom of FL’s interface when you’re using it on mobile.

by lucas
add bookmark

Updated the Futureland homepage to show the activity view.

by lucas
add bookmark

Helped some users and fixed some worker related bugs this morning.

by internetvin
add bookmark

Trying to make improvements to the Log. Each rectangle is smaller on the screen. Two new buttons. One adjusts the projects in your Log. The other shows you analytics on your creative process (soon). Menu button might be too prominent, but I kind of dig it right now. And a bunch of other things have been refined like the how completed work is highlighted.

Streaks might not be prominent enough yet.

by lucas
add bookmark

Pushed a little weekend update to preserve output notes on the push view between sessions.

by lucas
add bookmark

Added a modal that will ask users if their current output should count for the day before if the corresponding project is in the user's log and an output for that day is missing to fulfill the user's ongoing streak.

by internetvin
add bookmark

Experimenting with trying to make some visual improvements to the Log.

by internetvin
add bookmark

A bit more work on a persistent input box. I am starting to like the direction here. I like this new type of grey I have stumbled on to.

by lucas
add bookmark

- Fixed notifications for projects posted to the stream.
- Rewrote the image thumbnail creation to get images with a higher quality and smaller file size.
- Uploaded screenshots that are are smaller than 1920px x 1920px will not be compressed.
- uploaded PNGs will get their own PNG preview to reduce file sizes and increase quality of uploaded PNGs.
- Correctly rotate images that are rotated using EXIF information.
- Remove all EXIF information from images during upload.

by internetvin
add bookmark

A bunch of people have asked me about adding a persistent input component to FL similar to what you see on Twitter and I studied their component a bunch. It's clean and simple.

For now, the only thing I can get to kind of work on the profile is suggestive text with appropriate spacing. I am not sure where we would put an upload button yet. I tried outlining the input box but it feels too noisy.

Gonna talk to some friends and come back to this.

:)

by lucas
add bookmark

Improved resolution of Twitter preview images.

by lucas
add bookmark

Want to make it easier for our night owls to keep their log streaks intact. I plan to introduce a simple way for them to mark ouputs that are made after midnight to still contribute to their ongoing streak.

by internetvin
add bookmark

Working on a video that shows how you can connect projects on Futureland with threads on Twitter. What do you think?

by lucas
add bookmark

- Fixed a security issue where a previously public project that was set to private could still be cached as public
- Fix fullscreen output video display for Safari
- Let unmuted output videos play through while scrolling
- Let muted output videos loop
- redirect from /user/project/settings when user has no permission to change the settings
- Small design tweaks

by lucas
add bookmark

- The Twitter sharing button now mentions the user in the tweet when sharing an output or project on Twitter.
- Fixed some bugs with our worker thread.

by internetvin
add bookmark

Just got a bit of time tonight. Adding visuals to 'Activity'. This could be a step towards figuring out how to handle exploration on FL. We get a bunch of questions about that every day now so it's something we need to start playing with.

by lucas
add bookmark

- Fixed some bugs that occurred when trying to push to an open project.
- Implemented basic internal event logging system to gain more usage data.

by lucas
add bookmark

We have experimental support for live video streams online now. If anyone is interested to try it out please send me a dm.

by internetvin
add bookmark

I have been learning a lot from @gndclouds. I was chatting with him today about how FL projects connect to Twitter threads. He shared something that @lucas and I have chatted about too. The ability to not just connect a project to a thread but also to produce a thread from a project and all of its existing outputs in chronological order.

Maybe you’re working through a project on FL in public or in private and don’t want to share it on Twitter yet. Then maybe later you have a bunch of outputs and feel like it’s time to share. It would be cool if you could turn that project into a thread for Twitter with a couple of clicks.

by lucas
add bookmark

Added autoplay for videos again.
Added new CMD + P (Mac) and CTRL + P shortcuts to quickly open the push view.

by lucas
add bookmark

Deployed the changes I was writing about yesterday. Had some problems while deploying because of excessive RAM usage. Should be fixed by now.

by lucas
add bookmark

Worked on making output uploading much faster. There will be almost no time „processing“ the output anymore after the upload is done.
We will process all outputs in a worker thread to generate multiple new assets for different use-cases. Depending on the output this can take up several seconds or even minutes (videos). In the near future all this will happen in the background and you will never again have to wait till processing is done.
The new assets will include H.264 videos in 360p, 480p, 720p and 1080p that automatically get selected dependent on your screen size and bandwidth.
Before we did not compress or convert your videos which was problematic because not all browsers and operating systems support all video file formats and it also effected loading times in regions with a lower bandwidth.
For images we now generate multiple new photo sizes for previews, the image that gets shown in the timeline and the open graph image that gets used as link preview on Twitter.
All audio files get now converted to an mp3 with a variable bitrate.
These changes will dramatically improve loading times and decrease overall network usage.
All your outputs will also get stored as an untouched original. We will later add a feature that lets you download your original file whenever you want.

All of this is not live yet. I plan to ship this over the weekend.

by internetvin
add bookmark

I was chatting with @pugson and he suggested adding a component to the top of the Profile stream that allows for composition and inputs. This seems to make sense. I am not happy with this interpretation yet. The right one will take some time.

A component like this might be useful on all of your projects as well.

by internetvin
add bookmark

I was talking to friends who use FL yesterday about the Log. A common note that came up was, "Why is my Log always empty?". It is not currently clear how to add Projects to the Log. Currently you click an arrow that points left and it reveals a drop down menu. I thought maybe using an equalizer icon might be more fitting. Maybe it should be on the right side of the interface instead of in the center. I have always seen the Log as something that allows you to bring your projects in and out of focus.

The Log works well for me and I use it every day. I think there's value in starting to slowly tighten it up. I would love to one day see a visual of the times I usually publish on Futureland. It might create a heightened awareness of my behaviours.

by lucas
add bookmark

Started stripping mentions from automatic tweets because we don't want to accidentally mention strangers in our Twitter threads.

So Hello @internetvin will result in Hello internetvin and so on.

Also thought about replacing the Futureland mention with their corresponding Twitter username (if the user has connected their Twitter account to Futureland), but this could be annoying because users possibly want to keep posting to this thread for multiple years and all mentioned users would get notified every time it is updated.

Open to suggestions.

by internetvin
add bookmark

Been chatting a bunch with @glitchyowl about Futureland. Specifically about how we might explore projects or look at multiple at the same time. I’m going to start sketching some thoughts.

by lucas
add bookmark

Implemented the latest sketch from @internetvin. I made a few changes and adjustments where I saw fit.

This update brings two new features:
- An output stream on your profile page that shows every output that you uploaded to Futureland including our timeline feature.
- The option to upload outputs without assigning them to a project. These outputs will only be visible in your stream.

by internetvin
add bookmark

Naming this open space 'Stream' instead of Outputs because the things you share here will not just be 'Outputs' but could be any artifact from your process at all. The name can obviously be changed and I figure you'll tell me if you hate it.

I also added a Follow button to someone's profile. Maybe on Futureland you can Follow a person and everything they publish or just a specific one of their Projects.

All of this is experimental. Very open to your perspectives.

by lucas
add bookmark

Spent the whole day optimizing our upcoming video compression and the storage of the needed video chunks.
Also started refactoring the output data model to support all of this changes.

by internetvin
add bookmark

Had a bunch of conversations today. One of them was with @emu and he talked a lot about how he wished there was a 'thinking space' on Futureland. A space to share various artifacts from your process or consciousness that might not be part of any project yet. I thought this made a lot of sense. There's a lot I want to share on Futureland, but I don't always have a place for it. I started to share this concept with others and the response was immediately positive.

So I started sketching some interfaces for a feed that shows all of your outputs including random ones. The idea is that when you visit someone's profile you can see all of the projects they are working on but then flip over to an 'outputs' view where you can see a feed of every artifact from that person's process. A place where it's fine to be messy. And when an output / artifact is associated with a project it will add a project tag that you can click.

Not a fan of calling this feed Outputs, but a place to start.

by lucas
add bookmark

Studied more how HTTP Live Streaming works and came up with the idea to use it for normal video outputs as well. That way all videos on Futureland will initially load way faster and the quality is adaptive dependent on the users available bandwidth and the screen size of the device. This means mobile devices with bad reception will be able to load the video with lower quality while still being able to show high quality versions on desktop.

HSL works by making smaller chunks of the video for every resolution and bandwidth like you can see in the screenshot. If we make the chunks for example 5 seconds long your browser has the chance to decide every 5 seconds which version it wants to load dependent on your current connection.

An example: If you start watching a video on your phone via your home Wi-Fi you probably will start out with full quality (1080p). As you slowly go outside the connection gets worse and the next chunks will get loaded with a lower fidelity (480p). You maybe drive somewhere with a bad reception and load an even lower quality version (320p). This all happens without you doing anything and without interrupting playback.

by lucas
add bookmark

Worked on the authentication and direct integration of live streams on Futureland. After this is done we can offer video live stream functionality on a per project basis for every user. Will try to ship this by tomorrow.

by lucas
add bookmark

Started experimenting with video livestreams for Futureland projects.
Set up a video streaming server and tested it. Seems promising.

Next: authentication and direct integration on Futureland.

by lucas
add bookmark

Worked on making the Twitter integration a little bit simpler. In the future it will show you the last tweet of your ongoing thread. Additionally we will let you choose an existing Twitter thread to post to.

by lucas
add bookmark

Pushed the new project settings and Twitter integration.

by internetvin
add bookmark

Working on an Interface for updated project settings on Futureland. It's part of connecting Futureland projects to Twitter threads.

by internetvin
add bookmark

Another reply to see how collaborative projects on Futureland could render in a continuous Twitter thread.

by lucas
add bookmark

Hey @internetvin, I think this might actually work.

by internetvin
add bookmark

And just testing again to see if this replies to that thread. 😱✨

by internetvin
add bookmark

Just testing to see how a project on Futureland might be continuously shared to an on-going thread on Twitter. :)

by lucas
add bookmark

Started to work on new project settings this morning. This also enables users to set a website for their projects that will be displayed on the project view.

by internetvin
add bookmark

Later night than I wanted. Making some improvements to this design for how direct messages might work on mobile. Added a button to the top left that will trigger your conversations to slide out from the left. Still thinking this through the. Not sure how I feel about this icon. And need to review other elements I might be missing.

by lucas
add bookmark

Improved the mobile navigation.

by internetvin
add bookmark

Simple improvement to mobile menu to make it easier to use. A suggestion from @lucas.

by lucas
add bookmark

Started working on soft deleting outputs. That means that we will not delete an output right away but rather mark that it should be deleted. After 30 days of being marked as deleted an output will be completely wiped from our system if a user does not decide to recover it before.
Of course you will be able to force an immediate wipe for every output you upload. We strongly believe that you should always be in control of your data on Futureland.

by internetvin
add bookmark

An interface to connect everyone learning a specific skill

I added icons to see if it makes this view more informative at a glance. At this point I think the most important events are when someone new starts a project, when someone creates something or when a user interacts with another project. I still think the spacing is off here but maybe it's good enough as a starting point.

Functionality for the future that I was thinking about was, what if there was automatic grouping of users learning the same skill. For example if you decided to learn how to code you would automatically be connected with 3 others in some type of group chat. Just something to think about in the future.

by lucas
add bookmark

Fixed multiple bugs that prevented some users to publish their outputs on Futureland.
The most difficult of these bugs was caused by a limitation of one of our upstream providers called Vercel. Its http proxy prevented users from uploading files when the upload process would take up more than one minute.
As a solution we no longer send outputs through that proxy.

I also loosened 2 limitations when uploading new outputs:
- The process of uploading can now take up to 15 minutes
- The maximum file size of one upload is now 1 GB.

by internetvin
add bookmark

An interface to connect everyone learning a specific skill

Thinking through how this might look on mobile. Definitely not happy with this yet. Just feels off and like it is missing something fundamental. Within the activity portion of the Interface it's difficult to just glance at the view and quickly understand what's going on. I have some ideas and I'll play with more tomorrow.

by lucas
add bookmark

Pushed some bug fixes

by internetvin
add bookmark

An interface to connect everyone learning a specific skill

Adjusting the location of the Join button. Moved all primary content lower on screen. Moved key information about view including number of projects, number of outputs and number of users to the top left.

by lucas
add bookmark

Improved rendering of link previews for links with small images.

by lucas
add bookmark

Fixed some bugs that surfaced through the new error reporting system.

by internetvin
add bookmark

Working on this interface again that attempts to connect anyone learning a certain skill. I added number of users to the info in the top right corner and I added a Join button to the center of the Interface. Not sure how I feel about its position yet. I might think about this on mobile to better understand how something like this should work. And in what ways it can be useful to someone.

by lucas
add bookmark

Took it slow today with developing new features.
Concentrated on fixing bugs and preventing future ones.
Rolled out a new error reporting system for the client-side.

by lucas
add bookmark

Wrote a quick script to fetch some meta data from outputs that were created via Vin's API. It also sets correct cache headers which should dramatically improve loading times through out the globe.

by internetvin
add bookmark

Tonight I started working on a new interface. It aspires to connect everyone who is learning a certain skill. The general idea is that once you decide to learn a new skill, you should be able to turn on any computing device and immediately be connected to everyone else in the world who is learning that skill right now. I am limited in my abilities as a designer here, but I think on a conceptual level this could be really cool. There's a lot to work through.

I am thinking maybe we start by trying to connect everyone doing #100DaysOfCode projects on Twitter and see what happens.

by lucas
add bookmark

- Fixed a bug in the chat messenger that kept it from working when opening it through the link in the email.
- Added multiple real-time capabilities to project pages. That means that changes to the project page like creating outputs or comments will be displayed live as they happen.
- Improved the UX of the comment box through automatically scrolling to the last comment and auto focusing the input field.

by lucas
add bookmark

Project Invitations

It is now possible to invite collaborators to your project who do not have a Futureland account. Once you invite someone, they will receive an email that explains how to get started on Futureland.

When someone invites you to join their project, you will also receive an email notification and a digital invite to that project. Any public project that you are a collaborator on will be displayed on your profile

by lucas
add bookmark

This is how an invitation will roughly look like for users that already have a Futureland account.

by lucas
add bookmark

Today I started working on a new invitation system for collaborative projects.
Before this feature anyone could add anyone as collaborator to their projects. With this new feature the user you invite has to accept the invitation before he gets added a visible collaborator.

In addition to existing users this new feature lets you invite people by email that don't have a Futureland account yet.

by lucas
add bookmark

You can now set a personal website on your profile page. Go to Settings to add it.

by internetvin
add bookmark

Adjusting project design to display the total output number at the top. Adjusted position of Edit project text.

by lucas
add bookmark

Yesterday i silently added support for link previews.
Today I started to improve the link detection and loading performance.

From now on text outputs containing a link will automatically obtain a link preview. This preview will automatically get updated once you edited the content of the given output.

Futureland uses the The Open Graph protocol to scrape information about links. Additional to title and description we support image and video previews (if available).

by internetvin
add bookmark

Working on a new output block for link previews.

by lucas
add bookmark

Chat Notifications

After someone sends a new chat message on Futureland a new job in our queue system will be created. This job will be executed after 15 minutes have passed.

If after 15 minutes there are no new messages sent to that user and the user has not read the message yet we will send an email to the user to notify about new chat messages.

by internetvin
add bookmark

Making some small improvements to profiles. Adjusting spacing of key information and adding a space for a url.

by lucas
add bookmark

Fixed Simple Analytics and researched link previews and are.na embeds.

by internetvin
add bookmark

Launching direct messages on Futureland really soon. We will start by enabling it only on Desktop and then a few days after that we'll enable it on Mobile. I'm still working out some of the design mechanics for Mobile. Once you start experimenting with it we'll talk to you about what works and what doesn't and adjust. <3

by lucas
add bookmark

Pushed some comment box fixes for Safari and Firefox. Optimized performance when creating new comments.

by internetvin
add bookmark

Empty states for direct messages. Added new message icon which triggers a search function for you to select who you want to message.

by lucas
add bookmark

Refactored the Docker images to allow sharing of source code between different services and tested them in staging.

by internetvin
add bookmark

Making adjustments to the direct message design based on early sketches of a mobile use case.

by lucas
add bookmark

Pushed some bugfixes and performance improvements.
Testing the new worker in production.

by internetvin
add bookmark

Thinking through direct messages on mobile. Still a bunch of stuff to do here.

by lucas
add bookmark

- Added email notifications for mentions in comments
- Started working on a worker process that will handle time consuming and repeating tasks

by internetvin
add bookmark

Added a subtle input prompt for this direct message interface, input styling and send button which only appears once you start typing. Switching back and forth on font styling. I think this is cleaner and better.

by lucas
add bookmark

Added Twitter handles to profile pages.

by lucas
add bookmark

Added daily recap in /log.

by internetvin
add bookmark

Working on the direct message interface a bit more. Pulling inspiration from IRC.

by lucas
add bookmark

Implemented new real-time features for the upcoming messaging system like unread badges and a read_at state for messages and notifications. Already could test the prototype with @internetvin.

by internetvin
add bookmark

Sketching out a minimal direct message interface for Futureland

by lucas
add bookmark

Pushed some small bugfixes today and revisited the backend for an upcoming messaging feature.

by internetvin
add bookmark

Starting to explore subtle improvements to the output component on Futureland. Specifically, trying to make who's publishing more prominent. This is still very very far off. Have to experiment with various output types and profile images. And just trying to make it better in general.

by lucas
add bookmark

Improved client- and server-side validation of files.

by internetvin
add bookmark

More work on a list view for profiles. Starting to experiment with using small rectangles and then anchoring attributes like output number and marathon state just slightly outside of it. Need to see how this looks with longer project descriptions. Still not there yet but I'll experiment more. Maybe there's some aspects of the Log that I can incorporate here.

by lucas
add bookmark

Started implementing a general purpose real-time chat component.
Fixed some bugs and started to think about how to protect private projects even more.

by internetvin
add bookmark

More work on a potential list view for profiles. This still needs a lot more experimentation. Obviously real world project data but also what's the best to highlight outputs or Marathon projects. The part I like about this is the simple distillation into text.

by lucas
add bookmark

Updated Markdown Support

This morning i implemented the remaining new styles that @internetvin designed a few nights ago.
I updated the styles for mentions and links and implemented styles for code, bold, italic and blockquotes.

by internetvin
add bookmark

Starting to think through what a list view might look like on projects. I think this might be useful for users who have lots of projects on Futureland. This sucks right now and it needs a lot of work. I'll experiment more in the coming days.

by lucas
add bookmark

- Improved loading times of our index page (https://futureland.tv/).
- Simplified handling of cookies and added the dreaded SameSite directive.
- Started working on replacing the last remaining API stuff (media upload) that @internetvin built when initially developing Futureland in his first year of learning how to code.

by internetvin
add bookmark

Thinking through quote blocks on Futureland. This needs work, not sure how I feel about it yet but it's a start. It's funny I'm doing this for the first time ever in my life.

by lucas
add bookmark

From now on we will automatically use the Twitter profile image of new users that sign up via Twitter.

If you are an existing user without an avatar we will use your Twitter profile image the next time you log in via Twitter.

You still will be able to change it and we won't touch your existing Futureland profile image.

by internetvin
add bookmark

Starting to add more contextual real world data into these markdown styles to see how it feels. I ended up changing the code block, adjusted the colour of the text and made the background darker. These code blocks might not be ideal in terms of contrast on low performing displays, but I think I like them. I'll need to play with this more though and get some more perspectives.

by lucas
add bookmark

Fixed the Twitter integration and added the Twitter handle of the connected account to the user settings.

Did a lot of bug fixing today and pushed some smaller improvements.

by internetvin
add bookmark

Starting to put down some of my thoughts on markdown styles. Selecting a highlight colour for Futureland is always difficult. I'll continue studying and working on this.

by lucas
add bookmark

Of course not everything always goes well at Futureland. In case it does not our error page will now show you a reference id that will help us identify your problem when talking to us.

by lucas
add bookmark

Added basic Markdown support for all types of outputs.
We will keep improving our Markdown implementation in the near future.

by internetvin
add bookmark

Today we're launching something we're calling a Log on Futureland. It's a single daily view you can use to finish your creative projects and learn new skills. You can access it in your menu now and we'll continue learning from and developing on this experiment.

This video begins to describe its functionality.

I like how we're moving in a direction where there are both personal and social views to a project. Each time you click on a project in your Log it will take you directly to you that project. I've already started using it as a quick way to navigate between my projects, instead of my profile.

by lucas
add bookmark

Today we started highlighting projects that have outputs for 365 consecutive days as marathons.

by internetvin
add bookmark

Getting down my own thoughts on a little Mac app for Futureland. But definitely not working right now.

by lucas
add bookmark

added new /log page for all of your daily projects and activities. It helps you finish things and learn new skills by showing your daily outputs and streaks.

by internetvin
add bookmark

I have been using the new log concept daily and adjusting the design based on my experiences. Design now includes a quick reflection of yesterday's output when you open the log for the first time each day.

by internetvin
add bookmark

Adjusted the design of the log so that you can add new projects to it without leaving the Interface. And added text that explains the purpose of the log when a user opens it and has not added any projects to it.

by internetvin
add bookmark

Working on a video about this new projects log concept. We're going to publish an experimental version of this very soon.

by internetvin
add bookmark

A growing hypothesis I have is that you can learn everything there is to know about innovation, creativity and creating sustainable companies by studying Coral reefs

by internetvin
add bookmark

Made a slight update to this based on using the log so far. I want to see how many times I've outputted on each project in a day, so I've added that into the design. Also improved spacing a bit.

by internetvin
add bookmark

Stripping this down to implement parts of it. @lucas already put something together, stoked to start playing with it

by internetvin
add bookmark

Still playing with this, I'll try to finish it this week.

by internetvin
add bookmark

Linking to and networking process

I love working on Futureland and many of the users here have become great friends of mine. It is so much fun working on a tool for people that you align with and believe in. I get a lot out of talking to everyone here. There's a lot of talent and it's growing every day. I'm learning so much.

One of the benefits of talking to and hanging with people who use Futureland is that they give you really good suggestions on how to improve it.

A conversation point that's come up is, how do we link to other points in our own process and why? Also how and why would we link to the process of others?

A straight forward reason is to reference something or point to something. To start experimenting with networking process, perhaps we could link to points in a project's timeline using #.

by internetvin
add bookmark

Very early sketches of a concept we're calling, 'Log'.

by internetvin
add bookmark

Really excited about this concept. I've started sketching out a new tool for Futureland that we're calling, 'Log' for now. The idea is to have a single and immediate daily view that shows you how you're doing across everything you're making and learning using Futureland.

It will show you things like: a streak for each project, the last time you added an output and perhaps how many outputs you made that day. I think this could be really useful tool, especially when connected to Futureland's other components.

by internetvin
add bookmark

Working on a component for 'windows' you use when setting up new projects. Definitely not working yet. I need to do more research and find some interesting references for this.

by lucas
add bookmark

Added little user images on the timeline to show current visitors of on any project.

by lucas
add bookmark

Add username validation before registration and in user settings.

by lucas
add bookmark

Removed character limit from comments.

by lucas
add bookmark

Added a new "Chat" item to the main navigation. It will navigate you to our Futureland project and automatically join the ongoing live video chat.
Additionally it indicates the current number of participants in that chat.

by internetvin
add bookmark

A little bit more work on a new settings menu. Adding hints and explanations. I might have to cut these down a bit.

by lucas
add bookmark

added the new text preview images to link previews.

by lucas
add bookmark

added text previews to profile pages and the grid view.

by marvindraws
add bookmark

FUTURELAND_V3

Still working on furthering this evolution, but testing some ideas on motion from the static work I've developed.

by marvindraws
add bookmark

Started visualizing Personal vs Project based networks.
The language of the circle and square continues to show how they interact with each other.

The rings surrounding the nodes are representations of field of exposure and connection. When the fields get close enough a connection forms.

On the left we see how a personal network works, through something like a peer to peer model. Connections are made through the limited field of each individual.

On the right we see how a project network could work. The field is much larger as it spans further than just a personal identity, an example would be like a project based on the covid crisis. The reach would be much higher. Planning on adding further connections to each node as they can connect to each other within the project's field.

by marvindraws
add bookmark

Completed visualization of Personal and Project identities

by marvindraws
add bookmark

Starting to develop a visual language to differentiate Personal identities and Project identities.

I think using a circle and a square is the most distilled visual I can use.

Circle = Personal Identity, it is represented by an organic shape
Square = Project Identity, it is represented by a more rigid shape

I found adding patterns into the shapes helped communicate the more diverse and complicated nature of their identities
Personal identities use only organic shapes where as projects use a mix of both.

Essentially I really wanted to define a clear difference in nature for the two types of identities.

by marvindraws
add bookmark

Visualizing static elements to describe the behaviours

by marvindraws
add bookmark

Working on visualizing the fundamental behaviours possible on Futureland.

1. Experiment - The space to create outputs in high frequency allows for exploration and incremental improvements
2. Log - An archive of your thoughts and outputs allows you to view and track your process
3. Share - Projects are showcased to others on the platform
4. Subject (noted as perspective on diagram) - Subjecting your work to others allows it to be viewed from multiple perspectives expanding your possible approaches and workshop ideas.
5. Realize - With the network of people on Futureland, there is a possibility of finding the people needed for a project who may possess the skills that you do not have to help realize the project.
6. Fund - You can fund your projects using the microstore

A note: These all happen simultaneously

by lucas
add bookmark

Added Twitter Single Sign-On on the login screen.
Existing users can connect their Twitter accounts on https://futureland.tv/settings to be able to use it as well.

by lucas
add bookmark

From today on new users are able to use Twitter Single Sign-On to create a Futureland account and to login.

by internetvin
add bookmark

Cleaning up the menu bringing more focus to Activity and Profile.

by internetvin
add bookmark

Adding an edit state to this simple settings menu. I think @lucas might be implementing this tomorrow.

by internetvin
add bookmark

Working on a really, really basic settings menu

by internetvin
add bookmark

Working on new login and register screens to support Twitter authentication.

by lucas
add bookmark

Working on a Twitter integration.

by internetvin
add bookmark

This is a demo of Futureland I have been working on

by internetvin
add bookmark

More work on a text based activity feed. Not a fan of this blue, but not sure what other colour to use to retain a functional feel yet.

by internetvin
add bookmark

Thinking through a simple text based representation of various kinds of activity on Futureland as a way of starting to experiment more with 'exploration' on Futureland.

by lucas
add bookmark

Text Outputs

Today we’re launching Text Outputs on Futureland. That means that users don't have to upload a file every time they want to create a new output. This can be used to write about the general development of a project or for projects that are centered around writing.

by internetvin
add bookmark

More thinking into how to highlight projects that have outputted across 365 consecutive days. Wondering if it makes sense to call these projects 'Marathons'. I tried the word 'Skill' but it didn't quite make sense, because skills are not limited to the results of these projects. People can have a wide ranging set of skills outside of a project where they outputted consistently for 365 consecutive days. Hm, maybe the word Marathon does work in this context. What do you think?

by lucas
add bookmark

Built basic authentication functionality and a project browser for iOS. Still ugly but functional.

by internetvin
add bookmark

Thinking through text only outputs on Futureland. Should the text be limited and then expanded or always show in full view?

by lucas
add bookmark

First experiments with react-native. Really happy how fast i can build GUIs with this. Excited to see where this is going.

by internetvin
add bookmark

Thinking through some kind of verification and highlighting for projects that have outputted across 365 consecutive days. Open to any feedback on this. I'll be putting a lot more time into Interface Design in general over the next bit.

by lucas
add bookmark

Added a new type of journal today. It is called “Open” and everyone with a Futureland account will be able to post to it.

by internetvin
add bookmark

Updating the way Otis publishes Futureland outputs to Slack.

by internetvin
add bookmark

Audio of me talking about Futureland while sitting in a car which is my new office.

by marvindraws
add bookmark

Audio Edit with Visual placeholder.

Found a more natural flow for the video after playing around with all the audio bites. There are bits missing that still need to be filled in, but the cohesion feels much better.

by marvindraws
add bookmark

Nice day for some graphics and social distancing ✌️
:10 onwards is fire.

by marvindraws
add bookmark

Motion Test 4 - Shape Evolution

by marvindraws
add bookmark

Playing around on After Effects

by marvindraws
add bookmark

Exploring the shape evolution for a visual. Setting up illustrator file for motion.

by marvindraws
add bookmark

FUTURELAND_V1

Missing some key scenes but liking the overall structure at the moment.

Next Steps:
1. Projects instead of people visualized
2. Surface and perception diagram scene to be animated
3. Script and recording needed

Technical Notes:
1. Glow is inconsistent
2. Transitions need polish
3. Timing needs improvement, would like it to match the beats more

by marvindraws
add bookmark

Motion Test 3 - The Space between Id-Entity

by marvindraws
add bookmark

Motion Test 2 - The Frontier

by marvindraws
add bookmark

Futureland Storyboard 2/2

by marvindraws
add bookmark

Futureland Storyboard 1/2

by marvindraws
add bookmark

Storyboarding and planning motion. This one is for visualizing the timeline and journal posts.

by marvindraws
add bookmark

Visually I feel I can use the line in ID------ENTITY to visualize the space in which Futureland is experimenting and exploring in.

by marvindraws
add bookmark

4:48 am Freestyle.

Notable Ideas:

1. The Id is the unconscious self.
Existence without awareness.

2. An Entity is a collective agreement that something is what it is. Existence via acknowledgement.

3. An Identity then is the marriage of the unconscious self and and a collective agreement that you are you.
Existence with awareness.

4. There is a line from getting from the Id to the Entity that we know as our self. That is the space in which all acknowledged existences have come to have been acknowledged - including all identities.

5. That space is what we are exploring! This is the frontier! This is the sphere! When asking the question: What happens when you create a network focused on projects instead of people? Futureland's is experimenting within that sphere. This is the bigger sandbox for Futurelands over iterations to explore.

by marvindraws
add bookmark

In exploring the word identity I was trying to visualize its flexibility, in order to support the idea of a project first identity. I noticed the separation of ID and Entity, which I thought was cute just as some visual wordplay but then I started to follow the logic. I looked up some definitions:

1. Identity - the fact of being who or what a person or thing is.

2. Id - the part of the self that is completely unconscious and derived from instinctual needs and drives

3. Entity - a thing with distinct and independent existence…

by marvindraws
add bookmark

Sometimes you have happy accidents in the creative process and they spur you to go into a whole mess of new ideas, and cause you to totally not sleep because following this train of thought could possibly be the missing piece that helps everything come together.

Well, in the midst of messing around on illustrator trying to figure out how to visualize some concepts, I ended up having a revelation. (To be fair it could also have been the sleep deprivation)

by marvindraws
add bookmark

The prefix inter- can mean between. So an interface can technically be anything that comes between your face and someone else's. LOL so i guess my scarf is an interface. Anyhow this is a cool visualization of how we perceive of others.

by marvindraws
add bookmark

Pushing further into the diagram for surfaces and perception. It's been really helpful to look at visual models of projection, sight, perspective, dimensionality and perception. Used a lot of the visual techniques like the double view, 3d perspective, image projection. I don't particularly like how cluttered its getting as I want it to be easily understood, but I think this is something i can solve with motion.

by marvindraws
add bookmark

Starting to see the marriage of 2d and 3d to visualize multidimensional ideas. The double view is interesting, the information is extremely clear.

by marvindraws
add bookmark

Thinking more about iterations in terms of projections.

by marvindraws
add bookmark

Playing with perspective in minimal ways. I like the idea of a frontier because it alludes to uncharted territory. The digital frontier is the outer edges of the known and what lies beyond is waiting to be discovered.

by marvindraws
add bookmark

Thinking more about 3d spaces and how to visualize some of the more multidimensional concepts. This one is pretty rad, I have a good sense of space.

by marvindraws
add bookmark

Playing with the idea of spheres and worlds. I like the idea of Futureland's question being a single Cartesian dot in a much more vast quadrant. Have been trying to define that larger space, as I think the metaphor of exploring an entire realm of thought is a compelling idea.

by marvindraws
add bookmark

This metaphor really helped guide the some of the abstraction in the video. It helped me visualize and tangibly realize Futureland as a place. I found it much easier to describe when I started to look at it as a place.

by lucas
add bookmark

Trying out different colors for the bookmarks GUI.

by lucas
add bookmark

Working on the GUI to allow adding bookmarks to journals.

by marvindraws
add bookmark

Motion Test 1

Found the song Renee Sleeping by Suzanne Kraft and really liked it as a placeholder song. Just playing with the ideas of how the iterations can move.

by marvindraws
add bookmark

I really liked the way projects are framed as scholarships (defined as a fund of knowledge and learning). The understanding of the need for multiple disciplines is also interesting. Most of all however I like the way they state that projects are projective.

Some definitions of the word Projection:

1. An estimate of future possibilities based on a current trend
2. A transforming change
3. The act of throwing or thrusting forward
4. The forming of a plan : SCHEMING
5a. The act of perceiving a mental object as spatially and sensibly objective - also : something so perceived
5b. The attribution of one's own ideas, feelings, or attitudes to other people or to objects - especially : the externalization of blame, guilt, or responsibility as a defense against anxiety
6. A view of a building or architectural element
7a. The act of projecting especially to an audience
7b. Control of the volume, clarity, and distinctness of a voice to gain greater audibility

by marvindraws
add bookmark

This was an interesting visualization of understanding the multiplicity of projects and how simultaneously messy progression actually is.

by marvindraws
add bookmark

Treatment Test 3

by marvindraws
add bookmark

Treatment Test 2

by marvindraws
add bookmark

Treatment Test 1

by marvindraws
add bookmark

Playing more with the ideas around iteration. Using a repeater effect to blend into another shape gives an interesting flow. Still experimenting with how these can move.

I like the idea of an evolving shape as a metaphor for how Futureland is evolving as a platform. It also acts as a direct reference to the catalog process of work and how it develops. The idea of having multiple evolutions that branch off and end is a good way of showing the organic nature of exploration and how it feeds into the evolution of a project.

As I played with the Futureland Logo I liked the idea of the logo progression as an expression of evolution of the platform.

by marvindraws
add bookmark

Started to play with possible treatments. I want to be able to visualize and differentiate a personal digital identity from a project (as this will be important in explaining the project first identity). And I thought of Corbusier as I spoke with Vin in one of our conversations. We spoke about architecture as an analogous field to platform design. Both must be designed in such a way that can be used by an ongoing flow of people, be functional yet pleasurable to use and essentially invisible. When thinking of architects, Corbusier's work and ideas seemed to align quite well with this vision of design.

In my mind his building silhouettes come to mind before his face, in other words I see his project identity before I see his personal one. So the parallel of his face and a building seemed like a good way of expressing the idea of the project identity. Still working on how to express it further.

I had this idea inspired from an art piece I saw recently that punched holes in a grid of a photo and arranged the dots cut out next to it. The image was still completely recognizable because they had taken from their most defining points. I think about digital identities in that same way, where we selectively choose different dots to be arranged to still be us. So i looked into treatment methods that took away as much information to still be recognizable.

by marvindraws
add bookmark

To go more in depth, these are explorations of instagram, twitter and Futureland using the diagram inspired by the previous post. I like the idea of the node being viewed straight on as the baseline in which we perceive any node in the physical world, as it is presented without a surface. When they are reflected they change the window in which we perceive the node. Marked in red, I tried to visualize the viewports that we see from when using each surface. I think this is a good way to visualize the social platform landscape and also explain surfaces as a framework in which we view each other.

by marvindraws
add bookmark

These diagrams and illustrations have helped me visualize the idea of surfaces and perception. I like the idea of surfaces as reflections of a node and windows as viewports into identity.

by marvindraws
@marvindraws starts working on Futureland

Starting to sketch out how different key concepts can be visualized. I'm liking the idea of iterations as a visual motif to use throughout, and will see how the tests go.

by internetvin
add bookmark

Thinking through how users might explore project Journals they are subscribed to when viewing Futureland on their phones.

by internetvin
add bookmark

Working on an early version of email notifications when someone comments on your project's Journal. This has been implemented. If it starts bothering you, then tell me. We really need a good notification system and reminders as well for certain kinds of projects. Will get there.

by internetvin
add bookmark

A bit more work on support for Bookmarks in Futureland's API. Returning data on Bookmarks with all other project information.

by internetvin
add bookmark

Making more adjustments to this home page concept for Futureland. Trying to simplify it and remove elements to see how it works. Also increasing its width.

by internetvin
add bookmark

Adding API support for deleting 'Bookmarks' on Futureland.

by internetvin
add bookmark

Recordings from my iPhone talking about Futureland for a film I'm working on with @marvindraws.

by internetvin
add bookmark

Working on API support for something we're currently calling 'Bookmarks' on Futureland. It's a way for the creators of a Journal to reference important points in the process. For them and others to easily find.

by internetvin
add bookmark

More thinking on an adjusted home page for Futureland. It puts more focus on the question we're trying to answer which is becoming the nature of this experiment in general.

by internetvin
add bookmark

Sketching an improved version of the home page for Futureland based on some good conversations

by internetvin
add bookmark

Early thinking on how we might handle subscribing to projects on Futureland and how someone might view all of the projects they are subscribed to

by internetvin
add bookmark

Made it to Act 3… of this version of the structure any ways

by internetvin
add bookmark

What if we made a social network that focused only on what we were making?

by internetvin
add bookmark

Starting to work on a film about Futureland with @marvindraws. I like to begin by mapping out each component of the story on Aristotle's plot curve. This helps me think in a structural sense about what I'm making. What is Act 1, 2 and 3? How will tension increase over time and why? I need to send this to Marvin in a few hours.

by internetvin
add bookmark

Today we're improving how 'collaboration' works on Futureland.

Now you can invite an infinite number of Collaborators to your Journals. This means you and your friends can share your process with others in real time as you're working on any project

by internetvin
add bookmark

Making small improvements to the API and updating how Otis publishes to Slack to consider the new kinds of projects being started on Futureland.

by lucas
add bookmark

Users are now able to invite users to collaborate on a project.

by internetvin
add bookmark

Making adjustments to API support for user search. This is an important part of enabling collaborative Journals. All of this should be live tomorrow.

by internetvin
add bookmark

@marvindraws put together some references for a film about Futureland. Really hope we can work something out, would be fun to work on this film together.

by internetvin
add bookmark

Trying to eliminate the pop up window when collaborators are added to Journals. I imagine we will be shipping collaborative Journals very soon.

by internetvin
add bookmark

Adding a new route in the API to support searching for users on Futureland.

by internetvin
add bookmark

Something that came up in my research for this film. An old sketch of 'Twitter' in 2006 by Jack Dorsey. At the time the project was called Status.

by internetvin
add bookmark

I've started working on a film about Futureland again to help explain this project to the Internet. Imagining random components of it. This is a rough sketch of how I might transition into a story about Twitter and then back into Futureland.

by internetvin
add bookmark

Ideas on how users will add collaborators to their Journals

by internetvin
add bookmark

Fixing bugs, tweaking the API and adding new routes for collaborative Journals. These ones allow users to add and remove collaborators.

by internetvin
add bookmark

Making tweaks to collaborative Journals. An experimental version of this is in production now and we're using it in this Journal for Futureland.

by internetvin
add bookmark

Adding all users and projects to a collaborators table in preparation for adding API support for collaborative Journals on Futureland.

by lucas
add bookmark

URLs in output notes and comments are now clickable links.
You can now refer to other Futureland users by using an @
For example: @DavidGetchel

by internetvin
add bookmark

Trying to make some visual improvements to comments on Futureland.

by internetvin
add bookmark

I've been working on API support for multiple collaborators on Journals. I made some progress today and now we're slowly starting to test functionality on our Journal for Futureland.

by lucas
add bookmark

@Lucas: added social sharing buttons to every journal.

by lucas
add bookmark

@Lucas: authenticated users can now go back to the homepage to discover other projects on Futureland.

by internetvin
add bookmark

More sketches on how to introduce people to Futureland

by internetvin
add bookmark

internetvin: Working on a new visual onboarding concept for Futureland. I'm feeling pretty good about this. The idea is to create something that feels like a video but occurs right on the Interfaces that the user will be using. This could be an interesting way of sharing the purpose of each Interface and its components.

by lucas
add bookmark

@Lucas: Made it possible to edit meta data of projects.

by lucas
add bookmark

@Lucas: Added "Copy URL" and "Twitter" Buttons to every output for easier sharing.

by internetvin
add bookmark

internetvin: Experimenting with more visual on boarding concepts. This still needs a lot of work but I'm getting a better sense of how to handle this. It's kind of like a video that explains something, but each component of the explanation is triggered by a click in a visually appropriate location.

by internetvin
add bookmark

Adding API support for editing Journals on Futureland.

by internetvin
add bookmark

internetvin: Made a new video for an experimental feature we're calling Microstores. You can try it out right now on Futureland's Journal.

by internetvin
add bookmark

Starting to think through some visual onboarding concepts for Futureland. A lot more to do here.

by lucas
add bookmark

@Lucas: It is now possible to create private Journals. Only the creator of a private Journal is able to see the contents of it.

by internetvin
add bookmark

internetvin: Slow night, just making some improvements to Futureland's API. A lot on my mind. Went to a place near our house called Extra Burger tonight. Was good to go for a walk. I'm eating the fries right now. Pretty good.

by internetvin
add bookmark

internetvin: Super excited to share this new store concept with everyone tomorrow.

by internetvin
add bookmark

internetvin: Writing API support for a new store concept on Futureland.

by lucas
add bookmark

@Lucas: experimenting with the upcoming Futureland store

by internetvin
add bookmark

internetvin: Making some more minor tweaks to this new concept for Futureland's home page. Starting to put together some videos for this as well. Coming together slowly…

by internetvin
add bookmark

internetvin: Created a video update that describes new commenting functionality on Futureland. The video features Peter's MMORPG (futureland.tv/peter).

by internetvin
add bookmark

internetvin: Early sketches on some kind of project based feed for Futureland. A lot of work to do here.

by internetvin
add bookmark

internetvin: Thinking through more improvements to Futureland's home page. I need to make a video assets to continue to get a feel for this. I'll probably do that tomorrow.

by internetvin
add bookmark

internetvin: Adding API support for deleting comments on Futureland

by internetvin
add bookmark

internetvin: Created a new video update that shares some of the improvements we have been making to audio playback on Futureland and why. It begins to explore how music can impact the way you experience a Journal.

by internetvin
Early days of Vin and Lucas meeting each other
by internetvin
add bookmark

@internetvin: Starting to think about how we might add a store that supports a limited collection of items to any Journal on Futureland.

by lucas
add bookmark

@Lucas: Added a banner at the top of every page to keep you updated on Futureland's development. Once you click on it, it will show you the latest updates of our platform.

by internetvin
add bookmark

internetvin: Created a new on boarding video for Futureland. Turn the sound on :)

by internetvin
add bookmark

internetvin: All pilot users can now create an unlimited number of Journals.

by internetvin
add bookmark

internetvin: Thinking through how comments might work outside of the timeline on a Journal. It seems what is important here is that comments can be composed in a way that is natural while teleporting through a Journal.

Of course, every time you comment on something it will be added to the Journal's timeline.

by internetvin
add bookmark

internetvin: New blog post about the current and future development of Journals on Futureland: futureland.tv/blog

by lucas
add bookmark

@Lucas: Added an explore project section on our landing page

by internetvin
add bookmark

internetvin: Reza Nik at Parsons this morning

by lucas
add bookmark

@Lucas: redesigned the timeline from ground up.
Will only show on journals with more than 10 days of outputs.

by internetvin
add bookmark

internetvin: Sketching out new improvements to Futureland's homepage. Updating all of the Interfaces to display the current iteration of the tool, considering how visitors might be able to explore projects and building out components that show various use cases. I'll need to start making a few videos to progress further on this update.

by internetvin
add bookmark

internetvin: Sketching out more thoughts on how to improve a Journal's timeline.

by internetvin
add bookmark

internetvin: Started working on API support to add your own covers to Journals on Futureland.

by internetvin
add bookmark

@internetvin: sketching some thoughts on improvements to Journals.

by lucas
add bookmark

@Lucas: redesigned navigation

by lucas
add bookmark

@Lucas: Futureland users are now able to delete projects by themselves.

by internetvin
add bookmark

@internetvin Thinking through how users will edit projects. This will probably be part of Futureland tomorrow.

by lucas
add bookmark

@Lucas: Added a new audio player on your journal.

by lucas
add bookmark

@Lucas: Added editing of output notes.

by lucas
add bookmark

@Lucas: brought back video controls to the video player

by lucas
add bookmark

@Lucas: notes now show up in a much nicer way.

by lucas
add bookmark

@Lucas: Futureland users are now able to delete outputs by themselves.

by internetvin
add bookmark

internetVin: I wrote about some of my experiences over the last 7 days living and working out of 'House 1'. You can read it on Futureland's blog.

by lucas
@lucas got to Toronto 7 days ago

@Lucas: added plus button to help users create new outputs.

internetvin
!!!
lucas
Just pushed another bugfix for the activ...
internetvin
This Log has become an essential part of...
internetvin
very cool.
internetvin
😍
lucas
@stevet I pushed this yesterday evening....
internetvin
Nice!
lucas
Sounds like a cool idea. Will look into ...
internetvin
Whoa! nice!
internetvin
hey @justin, thanks for everything you'v...
lucas
@glitchyowl Maybe I was not clear. Menti...
jessmei
haha omg that is me
jessmei
there's something about the traditional ...
pugson
this is a really cool idea i haven't see...
gndclouds
This is awesome! 👏
tarun
!!!!
internetvin
✨🖤
internetvin
For anyone who was experiencing an ‘unex...
internetvin
Super cool. I can't believe I ever made ...
tmm
So cool
internetvin
Super cool
internetvin
This is great. Until we have a few more ...
internetvin
pugson
👌
internetvin
Nice!
internetvin
This is great
internetvin
Nice
internetvin
Nice :)
internetvin
Additionally is it possible to have a sh...
internetvin
To expand on what @lucas said, we're in ...
internetvin
@pugson appreciate the feedback
internetvin
@marco no way but glad you found some va...
lucas
Interesting idea. How could that work? L...
tmm
futureland.app?
internetvin
Super interested in hearing perspectives...
josephazar
héhé :D
internetvin
🖤
internetvin
This is so great
internetvin
Enjoying how you brought this to life. A...
glitchyowl
yay, I've seen people on are.na using a ...
marco
it's also an aesthetically pleasing word
lucas
I would always show the whole text for n...
internetvin
Just going to think through it a bit mor...
internetvin
Will be making a vid about this tonight ...
marco
sheeeeeesh
emu
YUM
internetvin
@josephazar Suzanne Kraft - Renee Sleepi...
internetvin
@shawnhosea https://wonderunit.com/story...
internetvin
This is incredible man. I love this mome...
internetvin
lol.. between faces
internetvin
really cool seeing this come together
internetvin
I haven't seen software presented like t...
internetvin
I really like how you keep zooming in an...
internetvin
@marvindraws a big realization for me. I...
internetvin
Not a bad start. I would experiment with...
lucas
❤️
internetvin
😱
internetvin
This is really cool. Immediately makes y...
internetvin
yeah digging this direction a bunch
internetvin
Totally agree. We're excited to see how ...
if I am signed in but want to visit the ...
internetvin
@Lucas, at the top of Journals likely.
internetvin
thanks for everything man
@marvindraws starts working on Futurelan...
Early days of Vin and Lucas meeting each...
@lucas got to Toronto 7 days ago
00:00
internetvin
internetvin Futureland